@charset "utf-8";
html {
font-size: 62.5%;
}
body {
margin: 0px;
font-size: 12px;
font-family: arial, helvetica, sans-serif, microsoft yahei;
cursor: default;
}
* {
padding: 0px;
margin: 0px;
}
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-family: arial, helvetica, sans-serif, microsoft yahei;
}
h1, h2, h3, h4, h5, h6 {
list-style: none;
font-weight: normal;
color: #555;
}
input, select, button {
font-size: 12px;
font-family: arial, helvetica, sans-serif, microsoft yahei;
border: 0;
background: none;
outline: none;
vertical-align: middle;
}
button {
overflow: visible
}
img {
border: none;
}
li {
list-style: none;
}
a {
color: #91989f;
text-decoration: none;
}
a:hover {
color: #005caf;
text-decoration: none;
}
.clear {
overflow: hidden;
clear: both;
height: 0px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.con {
margin: 0 auto;
}
.container {
margin: 0 auto
}
@media only screen and (max-width:640px) {
.con {
width: 96%;
margin: 0 auto;
}
.container {
width: 98%;
margin: 0 auto
}
.fl {
float: none;
}
.fr {
float: none;
}
}
.top{width:100%; height:35px; background-color:#f7f7f7; font-size:13px; line-height:35px; position:relative; z-index:9999;}
.top .welcome{float:left; color:#999}
.top .kuaijie{float:right; height:35px; text-align:center; position:relative; z-index:9;}
.top .kuaijie ul li{float:left; position:relative; margin-left:15px; padding-left:15px;}
.top .kuaijie ul li:before{width:1px; height:12px; background-color:#aaa; content:""; position:absolute; top:12px; left:0;}
.top .kuaijie ul li:first-child:before{display:none;}
.top .kuaijie ul li a{font-size:13px; color:#555; line-height:35px; display:block;}
.top .kuaijie ul li a:hover{color:#00af1e;}
.top .kuaijie ul li a.on{color:#00af1e;}
.top .kuaijie .e_wm{line-height:36px; color:#555; cursor:pointer; position:relative; display:inline-block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.top .kuaijie .e_wm:hover{color:#00af1e;}
.top .kuaijie .e_wm .w_m{width:110px; padding:4px; border:1px solid #ddd; background-color:#fff; position:absolute; top:46px; left:50%; margin-left:-55px; opacity:0; visibility:hidden;
transform:translatey(10px);
-webkit-transform:translatey(10px);
-moz-transform:translatey(10px);
-ms-transform:translatey(10px);
-o-transform:translatey(10px);
transition:all .2s;
-o-transition:all .2s;
-ms-transition:all .2s;
-moz-transition:all .2s;
-webkit-transition:all .2s;}
.top .kuaijie .e_wm:hover .w_m{opacity:1; visibility:inherit;
transform:translatey(0);
-webkit-transform:translatey(0);
-moz-transform:translatey(0);
-ms-transform:translatey(0);
-o-transform:translatey(0);}
.top .kuaijie .e_wm .w_m img{width:100%; height:auto; display:block;}
.top .kuaijie .e_wm .w_m:before{width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:8px solid #ddd; content:""; position:absolute; top:-8px; left:50%; margin-left:-10px;}
@media only screen and (max-width:992px){
.top{height:32px; font-size:12px; line-height:32px;}
.top .welcome{display:none;}
.top .kuaijie{height:32px;}
.top .kuaijie ul li{margin-left:5px; padding-left:5px;}
.top .kuaijie ul li:before{height:12px; top:10px;}
.top .kuaijie ul li a{font-size:12px; line-height:32px;}
.top .kuaijie ul li:nth-child(1){ display:none }
.top .kuaijie ul li:nth-child(2){ display:none }
.top .kuaijie ul li:nth-child(3){ display:none }
.top .kuaijie ul li:nth-child(4):before{display:none;}
.top .kuaijie .e_wm{line-height:32px; color:#555; cursor:pointer; position:relative; display:inline-block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
}
.top2{width:100%; position:relative; padding:10px 0; overflow:hidden;}
.top2 .logo{width:230px; float:left; position:relative;}
.top2 .logo img{width:100%; height:auto; display:block;}
.top2 .lg_by{margin-left:10px; margin-top:5px; padding-left:15px; float:left;}
.top2 .lg_by img{ width:315px; }
.top2 .lg_by h3{font-size:20px; color:#000; line-height:32px; font-weight:bold;}
.top2 .lg_by p{font-size:15px; line-height:24px;}
.top2 .tel{float:right; padding-left:70px;}
.top2 .tel span{display:block; font-size:15px; color:#333; line-height:22px; font-weight:bold}
.top2 .tel strong{display:block; font-size:18px; color:#00af1e; line-height:25px; letter-spacing:0.5px}
.top2 .tel h1{display:block; font-size:16px; color:#00af1e; line-height:25px; font-weight:normal}
@media only screen and (max-width:992px){
.top2{padding:10px 0; overflow:hidden;}
.top2 .container{ padding:0 10px}
.top2 .logo{width:100px;}
.top2 .lg_by{margin-left:0px; margin-top:0; padding-left:8px; float:left;}
.top2 .lg_by img{ width:90px; margin-top:8px}
.top2 .tel{ display:none}
.top2 .tel span{font-size:20px; line-height:28px;}
.top2 .tel strong{font-size:26px; line-height:36px;}
}
.ss_nr{float:right; border:1px solid #ddd; background-color:#fff; line-height:38px; margin-top:20px; margin-right:50px}
.ss_nr input{width:270px; height:38px; padding:0 10px; float:left; line-height:38px;}
.ss_nr button{width:80px; height:38px; background-color:#4f80de; line-height:38px; color:#fff; text-align:center; outline:none; float:right;}
@media only screen and (max-width:992px) {
.ss_nr{line-height:26px; overflow:hidden;margin-right:0px; width:32%; margin-top:3px; float:left; margin-left:10px}
.ss_nr input{width:70%; height:26px; line-height:26px; padding:0 5px; font-size:12px}
.ss_nr button{width:30%; height:26px; line-height:26px; font-size:12px}
}
@media only screen and (max-width:1520px) {
.top_01 .con {
width: 90%;
}
}
@media only screen and (max-width:1024px) {
.con {
width: 90%;
}
.main {
width: 96%
}
.head_h {
display: none
}
}
.header{width:100%; z-index:99999;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; background:#4f80de}
.header.xw_hd{background-color:#fff !important; box-shadow:0 0 15px #ddd;}
.header .an{position:absolute; top:6.2%; margin-top:0; right:10px; height:17px; width:26px; display:none;}
.header .an span{width:26px; height:2px; background-color:#0c37a0; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:10px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:10px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{display:flex; align-items:center; justify-content:space-between;}
.header .nav ul{display:flex;}
.header .nav ul li{ position:relative;width:130px; text-align:center; background: no-repeat center right ; }
.header .nav .y_j{position:relative;}
.header .nav ul li:hover{ background: no-repeat right bottom ; }
.header .nav .y_j i{display:none;}
.header .nav .y_j a{display:inline-block; font-size:16px; color:#fff;
/*text-transform:uppercase;*/
line-height:50px; text-align:left}
.header.xw_hd .nav .y_j a{color:#555;}
.header.xw_hd .nav ul li:hover .y_j a{color:#0c37a0;}
.header.xw_hd .nav ul li.on .y_j a{color:#0c37a0;}
.header .nav .e_j{width:400px; padding:30px 20px 10px; border-radius:5px; background-color:#fff; position:absolute; top:50px; left:50%; margin-left:-200px; opacity:0; visibility:hidden;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
transform:translatey(10px);
-webkit-transform:translatey(10px);
-moz-transform:translatey(10px);
-ms-transform:translatey(10px);
-o-transform:translatey(10px); z-index:9999}
.header.xw_hd .nav .e_j{background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.05);}
.header .nav .e_j.d_s{width:910px; margin-left:-140px; padding:20px 20px ;}
.header .nav .e_j.x_p{width:150px; margin-left:-75px; padding:20px;}
.header .nav ul li:hover .e_j{opacity:1; visibility:inherit;
transition:all .2s;
-o-transition:all .2s;
-ms-transition:all .2s;
-moz-transition:all .2s;
-webkit-transition:all .2s;
transform:translatey(0);
-webkit-transform:translatey(0);
-moz-transform:translatey(0);
-ms-transform:translatey(0);
-o-transform:translatey(0);}
.header .nav .row{align-items:normal;}
.header .nav .f_l{width:25%; padding:0 15px; margin-bottom:20px; float:left}
.header .nav .e_j.d_s .f_l{width:25%; margin-bottom:0;}
.header .nav .e_j.x_p .f_l{width:100%; margin-bottom:0;}
.header .nav .f_l a{font-size:14px; text-align:center; color:#333; line-height:32px; display:block;}
.header.xw_hd .nav .f_l a{color:#555;}
.header .nav .f_l a:hover{color:#0c37a0;}
.header .nav .e_j.x_p f_l a{margin:5px 0;}
.header .nav .t_b{width:46px; height:46px; border-radius:50%; border:1px solid #fff; background-position:bottom center; background-repeat:no-repeat; background-size:cover; margin:0 auto 5px; display:block;
transition:all .2s;
-o-transition:all .2s;
-ms-transition:all .2s;
-moz-transition:all .2s;
-webkit-transition:all .2s;}
.header.xw_hd .nav .t_b{border:1px solid #ddd; background-position:top center;}
.header .nav .f_l a:hover .t_b{border:1px solid #0c37a0; background-color:#0c37a0; background-position:bottom center;}
.header .nav .f_l h3{ padding-left:15px; position:relative;}
.header.xw_hd .nav .f_l h3{border-bottom:1px solid #eee;}
.header .nav .f_l h3:after{width:8px; height:8px; position:absolute; top:12px; left:0; content:"";
background:#d4531f;}
.header .nav .f_l h3 a{font-size:16px; line-height:36px; color:#333; text-align:left;}
.header .nav .f_l h3 a:hover{color:#0c37a0;}
.header .nav .f_l h3 i{width:100%; padding-right:10px; position:absolute; top:0; right:0; font-size:16px; font-weight:bold; text-align:right; line-height:60px; z-index:99; display:none;}
.header .nav .f_l p a{line-height:30px; text-indent:15px; text-align:left;}
.header .nav .s_b{display:none;}
.header .nav .rz{ height:auto; overflow:hidden; border-bottom:#e5e5e5 1px dotted; padding-bottom:7px; margin-bottom:10px; width:100%}
.header .nav .rzbt{ text-align:left; padding:0 20px; color:#0c36a0; font-size:18px; margin-bottom:10px; height:auto; overflow:hidden}
.header .nav .rzbt span{ font-size:15px; color:#555; padding-left:10px}
@media only screen and (max-width:1440px){
.header .nav ul li{margin-right:35px;}
}
@media only screen and (max-width:1279px){
.header.sj{background-color:#fff !important; box-shadow:0 0 15px #ddd;}
.header .an{display:block;}
.header.xw_hd .an span{background-color:#555;}
.header.sj .an span{background-color:#555;}
.header .nav{width:100%; display:block; height:calc(100% - 85px); padding:10px 5% 20px; margin:0; background-color:#fafafa; position:fixed; bottom:0; right:-100%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;box-sizing:border-box }
.header .nav.on{right:0;}
.header .nav ul{width:100%; float:none; display:block; margin-bottom:20px;}
.header .nav ul li{width:100%; height:auto; text-align:left; border-bottom:1px solid #ddd; float:none; padding:0; margin:0; background:none}
.header .nav .y_j:after{display:none;}
.header .nav .y_j i{display:block; width:50%; padding-right:10px; position:absolute; top:0; right:0; font-size:16px; font-weight:bold; text-align:right; line-height:60px; z-index:99;}
.header .nav .y_j a{color:#333; line-height:60px; display:block;}
.header .nav .y_j a:hover{color:#333;}
.header .nav ul li:hover .y_j a{color:#333;}
.header .nav ul li.on .y_j a{color:#333;}
.header .nav .e_j{width:100%; height:calc(100% - 83px); padding:20px 5%; background-color:#fafafa; opacity:1; position:fixed; top:auto; left:auto; bottom:0; right:-100%; z-index:9999; overflow:auto;
display:block; visibility:inherit;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;}
.header .nav .e_j.on{right:0;}
.header .nav .e_j:after{display:none;}
.header .nav .e_j.d_s{width:100%; margin-left:0; padding:10px 10% 20px;}
.header .nav .e_j.x_p{width:100%; margin-left:0; padding:10px 10% 20px;}
.header .nav .f_l{width:100%; padding:0; margin-bottom:0;}
.header .nav .e_j.d_s .f_l{width:100%;}
.header .nav .e_j.x_p .f_l{width:100%;}
.header .nav .f_l a{font-size:15px; text-align:left; color:#555; line-height:60px; border-bottom:1px solid #ddd;}
.header .nav .e_j.x_p f_l a{margin:0;}
.header .nav .t_b{display:none;}
.header .nav .f_l h3{padding-left:15px; padding-bottom:0; margin-bottom:0; border-bottom:1px solid #ddd;}
.header.xw_hd .nav .f_l h3{border-bottom:1px solid #ddd;}
.header.on .nav .f_l h3{border-bottom:1px solid #ddd;}
.header .nav .f_l h3:after{top:40%; }
.header .nav .f_l h3 a{font-size:16px; line-height:60px; color:#333; border-bottom:0;}
.header .nav .f_l p a{line-height:60px;}
.header .nav .s_b{display:block; line-height:44px;}
.header .nav .s_b i{font-size:16px; font-weight:bold;}
}
@media only screen and (max-width:640px){
.header .nav{height:calc(100% - 83px); text-align:center;}
.header .nav .e_j{height:calc(100% - 83px);}
.header .nav .f_l a{font-size:14px; line-height:50px;}
.header .nav .f_l h3 a{font-size:15px; line-height:50px;}
.header .nav .f_l p a{font-size:14px; line-height:50px;}
.header .nav .rzbt{ padding:0}
.header .nav ul li:hover{ background: none ; }
}
.pc_ban {
width: 100%;
height: 70vh;
position: relative;
overflow: hidden;
}
.pc_ban .swiper-slide:after {
width: 100%;
height: 100%;
/*background-color: rgba(0,0,0,.2);*/
position: absolute;
left: 0;
bottom: 0;
content: "";
}
.pc_ban .swiper-button-prev {
width: 40px;
height: 40px;
background: no-repeat center;
left: 0%;
margin-top: -20px;
opacity: 0;
background-size: 40px 40px;
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-ms-background-size: 40px 40px;
-o-background-size: 40px 40px;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.pc_ban:hover .swiper-button-prev {
left: 2%;
opacity: .8;
}
.pc_ban .swiper-button-next {
width: 40px;
height: 40px;
background: no-repeat center;
right: 0%;
margin-top: -20px;
opacity: 0;
background-size: 40px 40px;
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-ms-background-size: 40px 40px;
-o-background-size: 40px 40px;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.pc_ban:hover .swiper-button-next {
right: 2%;
opacity: .8;
}
.pc_ban .container {
position: absolute;
top: 48%;
left: 50%;
z-index: 99;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.pc_ban .w_z {
width: 90%;
margin: 0 auto;
color: #fff;
text-align: center ;
position: relative;
}
.pc_ban .w_z h2 {
font-size: 35px;
font-weight: bold;
line-height: 70px;
color: #fff;
}
.pc_ban .w_z p {
font-size: 28px;
text-transform: uppercase;
line-height: 32px;
margin-top: 15px;
}
@media only screen and (max-width:992px) {
.pc_ban {
height: 36vh;
min-height: inherit;
}
.pc_ban .container {
width: 100%;
top: 50%;
}
.pc_ban .swiper-button-prev {
display: none;
}
.pc_ban .swiper-button-next {
display: none;
}
.pc_ban .swiper-pagination {
bottom: 10px;
}
.pc_ban .swiper-pagination-bullet {
width: 30px;
height: 2px;
}
.pc_ban .w_z {
width: 100%;
}
.pc_ban .w_z h2 {
font-size: 22px;
font-weight: normal;
line-height: 32px;
}
.pc_ban .w_z p {
font-size: 16px;
letter-spacing: 1px;
line-height: 26px;
}
}
@media only screen and (max-width:640px) {
.pc_ban {
height: 23vh;
min-height: inherit;
}
.pc_ban .container {
width: 100%;
top: 50%;
}
.pc_ban .w_z h2 {
font-size: 18px;
font-weight: bold;
line-height: 28px;
}
.pc_ban .w_z p {
font-size: 15px;
line-height: 24px;
margin-top: 8px;
}
}
.sy_tz{width:500px; padding:15px 0; font-size:15px; color:#333; line-height:36px; float:left}
.sy_tz .l_m{width:110px; height:36px; background: no-repeat center left; float:left; padding-left:30px}
.sy_tz .x_w1{width:390px; float:right; position:relative;}
.sy_tz .x_w1 .bd{width:100%; height:36px; overflow:hidden;}
.sy_tz .x_w1 .bd ul li{width:100%; display:block;}
.sy_tz .x_w1 .bd ul li a{color:#999; font-size:14px;}
@media only screen and (max-width:992px) {
.sy_tz{width:100%; padding:10px 0; font-size:14px; color:#333; line-height:30px; float:none}
.sy_tz .l_m{width:100px; height:30px; background: no-repeat center left; float:left; padding-left:30px}
.sy_tz .x_w1{width:230px; float:right; position:relative;}
.sy_tz .x_w1 .bd{width:100%; height:30px; overflow:hidden;}
.sy_tz .x_w1 .bd ul li{white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
}
.sy_bg{ float:right; width:700px;padding:15px 0; }
.sy_bg h1{ float:right; font-size:18px; line-height:36px; margin-right:20px; color:#333}
.sy_bg input {
width: 200px;
height: 34px;
padding: 0 10px;
float: right;
line-height: 34px;border: 1px solid #ddd; margin-right:20px;border-radius:4px
}
.sy_bg button {
width: 80px;
height: 34px;
background-color: #4f80de;
line-height: 34px;
color: #fff;
text-align: center;
outline: none;
float: right;border-radius:4px
}
@media only screen and (max-width:992px) {
.sy_bg{ float:none; width:100%;padding:0 0 ; }
.sy_bg h1{ float:left; font-size:16px; line-height:30px; margin-right:0px; color:#333; text-align:left}
.sy_bg input {
width: 90px;
height: 30px;
padding: 0 5px;
float: right;
line-height: 30px;border: 1px solid #ddd; margin-right:10px;border-radius:4px
}
.sy_bg button {
width: 70px;
height: 30px;
background-color: #0c37a0;
line-height: 30px;
color: #fff;
text-align: center;
outline: none;
float: right;border-radius:4px
}
}
.tit {
margin-bottom: 30px;
text-align: center
}
.tit h1 {
font-size: 30px;
color: #333;
margin-bottom: 15px;
position: relative;
font-weight: 700
}
.tit h1::after {
content: " ";
position: absolute;
left: 50%;
bottom: -12px;
width: 50px;
margin-left: -30px;
height: 3px;
background: #0c36a0;
}
.tit h3 {
font-size: 14px;
color: #666;
margin-top: 25px;
text-transform: uppercase
}
@media only screen and (max-width:992px) {
.tit {
margin-bottom: 20px;
text-align: center
}
.tit h1 {
font-size: 16px;
color: #333;
margin-bottom: 20px;
position: relative;
font-weight: 700
}
.tit h1::after {
content: " ";
position: absolute;
left: 50%;
bottom: -12px;
width: 30px;
margin-left: -15px;
height: 3px;
background: #0c36a0;
}
.tit h3 {
font-size: 14px;
color: #666;
margin-top: 15px;
text-transform: uppercase
}
}
.tit1 {
margin-bottom: 30px;
text-align: center
}
.tit1 h1 {
font-size: 30px;
color: #fff;
margin-bottom: 15px;
position: relative;
font-weight: 700
}
.tit1 h1::after {
content: " ";
position: absolute;
left: 50%;
bottom: -12px;
width: 50px;
margin-left: -30px;
height: 3px;
background: #fff;
}
.tit1 h3 {
font-size: 14px;
color: #fff;
margin-top: 25px;
text-transform: uppercase
}
@media only screen and (max-width:992px) {
.tit1 {
margin-bottom: 20px;
text-align: center
}
.tit1 h1 {
font-size: 16px;
color: #fff;
margin-bottom: 20px;
position: relative;
font-weight: 700
}
.tit1 h1::after {
content: " ";
position: absolute;
left: 50%;
bottom: -12px;
width: 30px;
margin-left: -15px;
height: 3px;
background: #fff;
}
.tit1 h3 {
font-size: 14px;
color: #fff;
margin-top: 15px;
text-transform: uppercase
}
}
.sy_cp{width:100%; padding:60px 0 30px; overflow:hidden; background:#fcfcfc}
.sy_cp .col-lg-3{ padding-left:5px; padding-right:5px}
.sy_cp .col-lg-9{ padding-left:5px; padding-right:5px}
.sy_cp .swiper-cp{padding-bottom:50px;}
.sy_cp .swiper-pagination{bottom:0;}
.sy_cp .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#3b3b3b;}
.sy_cp .swiper-pagination-bullet-active{background-color:#4f80de;}
.sy_cp .n_r{position:relative; margin-top:10px; margin-right:10px;}
.sy_cp .n_r:after{width:100%; height:100%; content:""; position:absolute; top:0; left:0;}
.sy_cp .n_r:hover:after{background-color:rgba(0,0,0,.5);}
.sy_cp .t_p{overflow:hidden;}
.sy_cp .t_p .xs{ display:block}
.sy_cp .t_p .yc{ display:none}
.sy_cp .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;}
.sy_cp .n_r:hover .t_p img{transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);}
.sy_cp .w_z{position:absolute; left:5%; top:20%; z-index:9; width:90%; text-align:center; color:#fff; text-shadow:0 0 10px #444;
transform:translatey(-50%);
-webkit-transform:translatey(-50%);
-moz-transform:translatey(-50%);
-ms-transform:translatey(-50%);
-o-transform:translatey(-50%);}
.sy_cp .w_z h3{font-size:24px; line-height:32px; font-weight:bold; color:#fff; border-bottom:#fff 1px solid; width:120px; margin:0 auto 20px; padding-bottom:10px; letter-spacing:2px}
.sy_cp .w_z p{line-height:32px; color:#fff; font-size:15px }
.sy_cp .w_z span{width:120px; border:#fff 1px solid; margin:20px auto 0; height:36px; line-height:34px; display:block; font-size:14px;background:#ff5400;}
.sy_cp .w_z span a{ color:#fff}
.fenlei{ padding:10px 0 0; min-height:420px}
.fenlei li{ float:left; width:31.5%; margin-right:1.5%; background:#fff; margin-bottom:15px; padding:20px;box-sizing:border-box ;box-shadow: 0 0 10px #eeeded; position:relative}
.fenlei li:nth-child(3n){margin-right:0; }
.fenlei li em{ position:absolute; right:0; top:0}
.fenlei li:hover {
box-shadow: 0 0 10px #ccc;
transform: translatey(-5px);
-wbkit-transform: translatey(-5px);
-o-transform: translatey(-5px);
-moz-transform: translatey(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.wenzi h2{ font-size:18px; color:#333333;height: 45px;}
.wenzi p{ font-size:14px; color:#878787; line-height:24px; margin-bottom:12px; min-height:72px;height:72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.wenzi span.d_d{float:left; font-size:14px; color:#0d37a0;}
.wenzi span.j_g{float:right; font-size:14px; color:#999; }
.wenzi span.j_g a{ color:#999}
.fenlei2{ padding:10px}
.fenlei2 li{ float:left; width:23.875%; margin-right:1.5%; background:#fff; margin-bottom:20px; padding:20px;box-sizing:border-box ;box-shadow: 0 0 10px #eeeded; position:relative}
.fenlei2 li:nth-child(4n){margin-right:0; }
.fenlei2 li em{ position:absolute; right:0; top:0}
.fenlei2 li:hover {
box-shadow: 0 0 10px #ccc;
transform: translatey(-5px);
-wbkit-transform: translatey(-5px);
-o-transform: translatey(-5px);
-moz-transform: translatey(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.sy_cp .cp_zs{height:0; overflow:hidden;}
.sy_cp .cp_zs.dk{height:auto;}
.sy_cp .product_tabtitle{margin-bottom:40px;}
.sy_cp .product_tabtitle li{width:100px; display:inline-block; text-align:center; border:solid 1px #000000; color:; font-size:15px; line-height:40px; margin:0px 5px; cursor:pointer;}
.sy_cp .product_tabtitle li.on{border:solid 1px #4f80de; background-color:#4f80de; color:#fff;}
.sy_cp .product_tabtitle li:hover{ border:solid 1px #4f80de; background-color:#4f80de; color:#fff;}
.sy_cp .product_tabtitle{ text-align:center;}
.sy_cp .product_tabtitle li a{ color:#333}
.sy_cp .product_tabtitle li:hover a{ color:#fff}
@media only screen and (max-width:992px){
.sy_cp{padding:20px 0 20px;}
.sy_cp .product_tabtitle li{padding:0; font-size:14px; margin:0px 2px 6px; line-height:30px; width:75px}
.sy_cp .product_tabtitle li.on{border:solid 1px #0c36a0; background-color:#0c36a0; color:#fff;}
.sy_cp .product_tabtitle li:hover{ border:solid 1px #0c36a0; background-color:#0c36a0; color:#fff;}
.sy_cp .product_tabtitle{ text-align:center; margin-bottom:10px}
.sy_cp .swiper-cp{padding-bottom:30px;}
.sy_cp .t_p .xs{ display:none}
.sy_cp .t_p .yc{ display: block}
.sy_cp .n_r{ display:none}
.sy_cp .w_z{padding:20px;}
.sy_cp .w_z h3{font-size:22px;}
.sy_cp .w_z p{font-size:15px; line-height:32px; height: auto ;}
.fenlei{ padding:10px ; min-height: inherit}
.fenlei li{ float:left; width:49%; margin-right:2%; background:#fff; margin-bottom:5px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 10px #eeeded; position:relative}
.fenlei li:nth-child(even) {margin-right:0; }
.fenlei li:nth-child(odd) {margin-right:2%; }
.wenzi h2{ font-size:15px; color:#333333; margin-bottom:10px}
.wenzi p{ font-size:14px; color:#878787; line-height:24px; margin-bottom:20px; min-height: inherit; overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;height:48px}
.wenzi span.d_d{float:left; font-size:12px; color:#0d37a0;}
.wenzi span.j_g{float:right; font-size:12px; color:#999; }
.fenlei2{ padding:10px 0}
.fenlei2 li{ float:left; width:49%; margin-right:2%; background:#fff; margin-bottom:10px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 10px #eeeded; position:relative}
.fenlei2 li:nth-child(2n){margin-right:0; }
.fenlei2 li em{ position:absolute; right:0; top:0}
.fenlei2 li:hover {
box-shadow: 0 0 10px #ccc;
transform: translatey(-5px);
-wbkit-transform: translatey(-5px);
-o-transform: translatey(-5px);
-moz-transform: translatey(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
}
.sy_xw{width:100%; padding:60px 0; overflow:hidden;background: no-repeat top; }
.sy_xw .col-lg-3{ padding-left:5px; padding-right:5px}
.sy_xw .col-lg-9{ padding-left:5px; padding-right:5px}
.sy_xw .t_p .xs{ display:block}
.sy_xw .t_p .yc{ display:none}
.sy_xw .xw_tj{position:relative;}
.sy_xw .xw_tj .swiper-xw{padding-bottom:20px;}
.sy_xw .xw_tj .swiper-button-prev{width:35px; height:35px; background:url(/uploads/image/acimages/zj11.png) no-repeat center; left:-60px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_xw .xw_tj .swiper-button-next{width:35px; height:35px; background:url(/uploads/image/acimages/yj11.png) no-repeat center; right:-60px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_xw .xw_tj .swiper-pagination{bottom:0;}
.sy_xw .xw_tj .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#aaa;}
.sy_xw .xw_tj .swiper-pagination-bullet-active{background-color:#0c36a0;}
.sy_xw .n_r{position:relative; margin-bottom:0; margin-right:10px; margin-top:10px}
.sy_xw .n_r:after{width:100%; height:100%; background-color:rgba(0,0,0,.2); content:""; position:absolute; top:0; left:0;}
.sy_xw .n_r:hover:after{background-color:rgba(0,0,0,.5);}
.sy_xw .t_p{overflow:hidden;}
.sy_xw .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;}
.sy_xw .n_r:hover .t_p img{transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);}
.sy_xw .w_z{position:absolute; left:5%; top:50%; z-index:9; width:90%; text-align:center; color:#fff; text-shadow:0 0 10px #444;
transform:translatey(-50%);
-webkit-transform:translatey(-50%);
-moz-transform:translatey(-50%);
-ms-transform:translatey(-50%);
-o-transform:translatey(-50%);}
.sy_xw .w_z h3{font-size:24px; line-height:32px; font-weight:bold; color:#fff; border-bottom:#00af1e 1px solid; width:170px; margin:0 auto 20px; padding-bottom:10px; letter-spacing:2px}
.sy_xw .w_z em{ position: absolute; right:20px; top:5px}
.sy_xw .w_z p{line-height:32px; color:#fff; font-size:15px }
.sy_xw .w_z span{width:120px; border:#fff 1px solid; margin:30px auto 0; height:36px; line-height:34px; display:block; font-size:14px}
.sy_xw .w_z span a{ color:#fff}
.fenlei1{ padding:10px 0 0}
.fenlei1 li{ float:left; width:31.5%; margin-right:1.5%; background:#fff; margin-bottom:15px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 15px #eee;}
.fenlei1 li:nth-child(3n){margin-right:0; }
.fenlei1 li:hover {
box-shadow: 0 0 10px #ccc;
transform: translatey(-5px);
-wbkit-transform: translatey(-5px);
-o-transform: translatey(-5px);
-moz-transform: translatey(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.tupin{}
.tupin h1{ font-size:16px; color:#333333; line-height:32px;font-weight:600;}
.tupin p{ font-size:12px; color:#999999; margin-bottom:16px}
.tupin img{ width:100%;object-fit: cover;
height: 250px;}
@media only screen and (max-width:992px){
.sy_xw{padding:20px 0 20px;background: no-repeat center / cover fixed;}
.sy_xw .t_p .xs{ display:none}
.sy_xw .t_p .yc{ display:block}
.sy_xw .n_r{position:relative; margin-bottom:0; margin-right:0; margin-top:0; display:none}
.sy_xw .xw_tj .swiper-xw{padding-bottom:30px;}
.sy_xw .xw_tj .swiper-button-prev{display:none;}
.sy_xw .xw_tj .swiper-button-next{display:none;}
.sy_xw .w_z{margin-top:0;}
.fenlei1 li{ float:left; width:49%; margin-right:2%; background:#fff; margin-bottom:10px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 15px #eee;}
.fenlei1 li:nth-child(even){margin-right:0; }
.fenlei1 li:nth-child(odd){margin-right:2%; }
.tupin h1{ font-size:14px; color:#333333; line-height:32px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.tupin p{ font-size:12px; color:#999999; margin-bottom:10px; min-height:18px}
}
@media only screen and (max-width:680px){
.fenlei1 li{ float:left; width:100%; margin-right:2%; background:#fff; margin-bottom:10px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 15px #eee;}
.fenlei1 li:nth-child(even){margin-right:0; }
.fenlei1 li:nth-child(odd){margin-right:2%; }
.tupin h1{ font-size:14px; color:#333333; line-height:32px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.tupin p{ font-size:12px; color:#999999; margin-bottom:10px; min-height:18px}
}
.sy_xg{width:100%; padding:0 0 60px; height:auto; overflow:hidden;}
.sy_xg li{ float:left; width:23.5%; margin-right:2%; position:relative}
.sy_xg li:nth-child(4n){margin-right:0; }
.sy_xg .n_r{text-align:center; padding:80px 20px; background:rgba(12,54,160,1);box-sizing:border-box }
.sy_xg .n_r .t_p{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;box-sizing:border-box }
.sy_xg .n_r .t_b{width:69px; margin:0 auto 20px; position:relative; z-index:1;}
.sy_xg .n_r .t_b img{width:100%; height:auto; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_xg .n_r:hover .t_b img{transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);}
.sy_xg .n_r .w_z{ position:relative; z-index:1;}
.sy_xg .n_r .w_z h3{font-size:24px; font-weight:bold; line-height:40px;color:#fff;}
.sy_xg .n_r .w_z em{width:50px; height:2px; margin:15px auto ; background-color:#fff; display:block;}
.sy_xg .n_r .w_z p{ font-size:16px; line-height:26px;color:#fff;}
@media only screen and (max-width:992px){
.sy_xg{width:100%; padding:0 0 20px; height:auto; overflow:hidden;}
.sy_xg li{ float:left; width:49%; margin-right:2%; position:relative; margin-bottom:10px}
.sy_xg li:nth-child(2n){margin-right:0; }
.sy_xg .n_r{text-align:center; padding:20px 10px 10px; background:rgba(12,54,160,1);box-sizing:border-box }
.sy_xg .n_r .w_z h3{font-size:18px; font-weight:bold; line-height:30px;color:#fff;}
.sy_xg .n_r .w_z em{width:40px; height:2px; margin:10px auto ; background-color:#fff; display:block;}
.sy_xg .n_r .w_z p{ font-size:14px; line-height:24px;color:#fff; min-height:80px}
.sy_xg .n_r .t_b{width:60px; margin:0 auto 20px; position:relative; z-index:1;}
}
.sy_xg1{width:100%; padding:60px 0 0; height:auto; overflow:hidden;}
.sy_xg1 li{ float:left; width:23.5%; margin-right:2%; position:relative}
.sy_xg1 li:nth-child(4n){margin-right:0; }
.sy_xg1 .n_r{text-align:center; padding:130px 20px; background:rgba(12,54,160,1);box-sizing:border-box }
.sy_xg1 .n_r .t_p{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;box-sizing:border-box }
.sy_xg1 .n_r .t_b{width:69px; margin:0 auto 20px; position:relative; z-index:1;}
.sy_xg1 .n_r .t_b img{width:100%; height:auto; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_xg1 .n_r:hover .t_b img{transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);}
.sy_xg1 .n_r .w_z{ position:relative; z-index:1;}
.sy_xg1 .n_r .w_z h3{font-size:36px; font-weight:bold; line-height:40px;color:#fff;}
.sy_xg1 .n_r .w_z em{width:50px; height:2px; margin:15px auto ; background-color:#fff; display:block;}
.sy_xg1 .n_r .w_z p{ font-size:24px; line-height:46px;color:#fff;}
@media only screen and (max-width:992px){
.sy_xg1{width:100%; padding:20px 0 0; height:auto; overflow:hidden;}
.sy_xg1 li{ float:left; width:49%; margin-right:2%; position:relative; margin-bottom:2%}
.sy_xg1 li:nth-child(2n){margin-right:0; }
.sy_xg1 .n_r{text-align:center; padding:40px 10px; background:rgba(12,54,160,1);box-sizing:border-box }
.sy_xg1 .n_r .w_z h3{font-size:20px; font-weight:bold; line-height:30px;color:#fff;}
.sy_xg1 .n_r .w_z em{width:40px; height:2px; margin:10px auto ; background-color:#fff; display:block;}
.sy_xg1 .n_r .w_z p{ font-size:14px; line-height:26px;color:#fff;}
}
.sy_fa{width:100%; padding:60px 0 0; overflow:hidden;}
.sy_fa .cp_zs1{position:relative;}
.sy_fa .cp_zs1 .swiper-fa{padding-bottom:50px;}
.sy_fa .cp_zs1 .swiper-button-prev{width:35px; height:35px; background:url(/uploads/image/acimages/zj11.png) no-repeat center; left:-60px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_fa .cp_zs1 .swiper-button-next{width:35px; height:35px; background:url(/uploads/image/acimages/yj11.png) no-repeat center; right:-60px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_fa .cp_zs1 .swiper-pagination{bottom:0;}
.sy_fa .cp_zs1 .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#aaa;}
.sy_fa .cp_zs1 .swiper-pagination-bullet-active{background-color:#0c36a0;}
.sy_fa .n_r{text-align:center; padding:120px 20px; background:rgba(0,0,0,.9);}
.sy_fa .n_r .t_p{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; opacity:.8;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_fa .n_r:hover {background:rgba(0,0,0,.7);}
.sy_fa .n_r:hover .t_p{opacity:.6;}
.sy_fa .n_r .t_b{width:80px; margin:0 auto 20px; position:relative; z-index:1;}
.sy_fa .n_r .t_b img{width:100%; height:auto; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_fa .n_r:hover .t_b img{transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);}
.sy_fa .n_r .w_z{ position:relative; z-index:1;}
.sy_fa .n_r .w_z h3{font-size:20px; font-weight:bold; line-height:30px;color:#fff;}
.sy_fa .n_r .w_z em{width:40px; height:4px; margin:20px auto 0; background-color:#00af1e; display:block;}
@media only screen and (max-width:992px){
.sy_fa{padding:20px 0 0 ;}
.sy_fa .cp_zs .swiper-cp{padding-bottom:10px;}
.sy_fa .cp_zs1 .swiper-fa{padding-bottom:30px;}
.sy_fa .cp_zs .swiper-button-prev{display:none;}
.sy_fa .cp_zs .swiper-button-next{display:none;}
.sy_fa .n_r{padding:20px 10px;}
.sy_fa .n_r .t_b{width:60px; margin:10px auto 20px;}
.sy_fa .n_r .w_z h3{font-size:18px;}
.sy_fa .n_r .w_z em{height:2px; margin:6px auto 10px;}
.sy_fa .n_r .w_z p{font-size:13px; line-height:22px; height:44px;}
}
.sy_bn{width:100%; padding:60px 0 60px; background: no-repeat center ; overflow:hidden; position:relative;}
.sy_bn .bn_wz{width:80%; text-align:center; color:#fff; margin:0 auto;}
.sy_bn .bn_wz h1{font-size:30px; font-weight:bold; line-height:50px; margin-bottom:20px; color:#fff}
.sy_bn .bn_wz h3{font-size:30px; color:#fff}
.sy_bn .bn_wz span{ color:#00af1e}
.sy_bn .bn_wz a{width:200px; height:60px; background:#fff; font-size:18px; line-height:60px; color:#5c5c5c; display:inline-block; margin:50px auto 0;border-radius:30px; font-weight:bold}
.sy_bn .bn_wz a:hover{background-color:#00af1e; color:#fff }
@media only screen and (max-width:990px){
.sy_bn{padding:60px 0; background-attachment:scroll !important;}
.sy_bn .sjx{height:60px;}
.sy_bn .sjx:before{border-top:60px solid #fff;}
.sy_bn .bn_wz h1{font-size:26px; line-height:36px; margin-bottom:15px;}
.sy_bn .bn_wz h3{font-size:16px;}
}
@media only screen and (max-width:640px){
.sy_bn{padding:30px 0 ; background-attachment:scroll !important;}
.sy_bn .bn_wz{width:100%; text-align:center; color:#fff; margin:0 auto;}
.sy_bn .bn_wz h1{font-size:22px;}
.sy_bn .bn_wz h3{font-size:16px; line-height:22px;}
.sy_bn .bn_wz a{width:110px; height:36px; border:1px solid #fff; font-size:14px; line-height:34px; margin:20px auto 0;}
.sy_bn .bn_wz a:hover{border:1px solid #00a0e9;}
}
.sy_about {
padding: 60px 0;
overflow: hidden;
background: center / cover no-repeat;
}
.sy_about h3 {
font-size: 30px;
color: #333;
margin-bottom: 30px;
position: relative;
font-weight: 600;
margin-top: 5px
}
.sy_about h3::after {
content: " ";
position: absolute;
left: 0;
bottom: -15px;
width: 50px;
height: 0;
border: 2px solid #0c36a0;
}
.sy_about .tp {
float: left;
width: 550px;
}
.sy_about .tp img {
width: 100%;
display: block;
}
.sy_about .nr {
font-size: 15px;
width: 580px;
float: right;
text-align: justify;
}
.sy_about .nr p {
margin-bottom: 14px;
line-height: 30px;
color: #333;
}
.wrapper {
width: 1300px;
margin: 50px auto 0;
}
.wrapper ul li {
margin-top: 50px;
width: 23.4%;
text-align: center;
float: left;
line-height: 60px;
margin: 0 2% 2% 0;
padding: 20px 0 10px;
background: rgba(255,255,255,0.8);
border-radius: 8px;
-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.06), 0 15px 40px 0 rgba(0,0,0,.06);
box-shadow: 0 10px 15px 0 rgba(0,0,0,.06), 0 15px 40px 0 rgba(0,0,0,.06);
}
.wrapper ul li:nth-child(4) {
margin-right: 0
}
.wrapper ul li p {
font-size: 16px;
color: #333 !important;
margin-bottom: 10px;
text-indent: 0 !important;
line-height: 1.8;
}
.wrapper ul li .dz span {
font-size: 50px;
color: #0c36a0;
font-weight: bold;
}
.wrapper ul li .dz {
font-size: 14px;
color: #666;
height: 61px;
}
.wrapper h2 {
font-size: 43px;
color: #0c36a0;
font-weight: bold;
display: inline-block;
}
.wrapper h2 i {
font-style: normal;
}
.wrapper ul li:nth-child(n 3) .dz {
font-size: 40px;
color: #0c36a0;
}
.wrapper ul li:hover {
background: -webkit-linear-gradient(top, #0c36a0, #008dd6);
background: -o-linear-gradient(top, #0c36a0, #008dd6);
background: -moz-linear-gradient(top, #0c36a0, #008dd6);
background: linear-gradient(to top, #0c36a0, #008dd6);
;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.wrapper ul li:hover .dz span {
color: #fff;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.wrapper ul li:hover .dz {
color: #fff;
}
.wrapper ul li:hover h2 {
color: #fff;
}
.wrapper ul li:nth-child(n 3):hover .dz {
color: #fff;
}
.wrapper ul li:hover p {
color: #fff !important;
}
.sy_about .nr .more a {
font-size: 14px;
text-transform: capitalize;
color: #fff;
text-align: center;
line-height: 45px;
margin-top: 10px;
display: inline-block;
position: relative;
width: 150px;
background: -webkit-linear-gradient(top, #0c36a0, #008dd6);
background: -o-linear-gradient(top, #0c36a0, #008dd6);
background: -moz-linear-gradient(top, #0c36a0, #008dd6);
background: linear-gradient(to top, #0c36a0, #008dd6);
;
text-align: center;
border-radius: 25px;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.sy_about .nr .more a span {
width: 0;
height: 2px;
background-color: #0c36a0;
position: absolute;
left: 50%;
bottom: 0;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
}
.sy_about .nr .more a:hover {
opacity: 0.8;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
@media only screen and (max-width:992px) {
.sy_about {
padding: 20px 0;
overflow: hidden;
background: center / cover no-repeat;
}
.sy_about h3 {
font-size: 16px;
color: #333;
margin-bottom: 20px;
position: relative;
font-weight: 600;
margin-top: 15px
}
.sy_about h3::after {
content: " ";
position: absolute;
left: 0;
bottom: -15px;
width: 30px;
height: 0;
border: 2px solid #0c36a0;
}
.sy_about .tp {
float: none;
width: 100%;
}
.sy_about .nr {
font-size: 14px;
width: 100%;
float: none;
text-align: justify;
}
.sy_about .nr p {
margin-bottom: 5px;
line-height: 26px;
color: #333;
}
.sy_about .nr .more a {
font-size: 14px;
text-transform: capitalize;
color: #fff;
text-align: center;
line-height: 35px;
margin-top: 10px;
display: inline-block;
position: relative;
width: 130px;
background: -webkit-linear-gradient(top, #0c36a0, #008dd6);
background: -o-linear-gradient(top, #0c36a0, #008dd6);
background: -moz-linear-gradient(top, #0c36a0, #008dd6);
background: linear-gradient(to top, #0c36a0, #008dd6);
;
text-align: center;
border-radius: 17px;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
}
/* 我们的业务 */
.sy_cpfw {
padding: 60px 0;
background: #f6f6f6;
overflow: hidden;
}
.section-wrapper {
max-width: 1300px;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
height: auto;
overflow: hidden;
}
.mall-app>ul {
margin-left: -10px;
margin-right: -10px;
}
.mall-app>ul:before, .mall-app>ul:after {
content: " ";
display: table;
box-sizing: inherit;
}
.mall-app>ul>li {
float: left;
width: 50%;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
.mall-app-card {
position: relative;
height: 320px;
overflow: hidden;
background-size: cover;
background-position: center;
text-align: center;
cursor: pointer;
}
.mall-app-card-bg {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: 0.2s;
background: rgba(0,0,0,0.5)
}
.mall-app-card-top {
position: relative;
height: 50%;
}
.mall-app-card-top i {
display: block;
position: absolute;
top: 110px;
right: 0;
left: 0;
width: 48px;
height: 49px;
margin: 0 auto;
background-position: center;
transition: 0.2s;
background-repeat: no-repeat;
}
.mall-app-card-top h2 {
position: absolute;
top: 185px;
right: 0;
left: 0;
font-size: 20px;
line-height: 28px;
color: #fff;
transition: 0.2s;
}
.mall-app-card-top h2:before {
content: "";
position: absolute;
top: 100%;
right: 0;
left: 0;
width: 0;
height: 4px;
margin: 15px auto;
background-color: #0174f2;
transition: 0.2s 0.2s;
}
.mall-app-card-top p {
position: absolute;
top: 173px;
right: 0;
left: 0;
padding-left: 40px;
padding-right: 40px;
margin: 10px auto 0;
font-size: 14px;
line-height: 24px;
color: #fff;
opacity: 0;
transition: 0.2s;
}
.mall-app-card-bottom {
position: relative;
height: 50%;
padding-top: 30px;
font-size: 14px;
line-height: 24px;
color: #fff;
}
.mall-app-card-bottom li {
margin-bottom: 10px;
}
.mall-app-card-bottom li a {
color: #fff;
}
.mall-app-card-bottom li a:hover {
color: #0174f2;
}
.section-bottom {
padding-top: 40px;
padding-bottom: 50px;
}
.section-more-wrap {
text-align: center;
}
.section-more-wrap a {
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #666a75;
cursor: pointer;
user-select: none;
transition: 0.2s;
}
.section-more-wrap a:hover {
color: #0174f2;
}
.section-more-wrap a:hover i {
transform: translate3d(5px, 0px, 0px);
}
.section-more-wrap a .cui-icon {
margin-top: -2px;
margin-left: 10px;
transition: transform 0.2s;
}
.cui-icon {
font-family: 'cui-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
.mall-app-card:hover .mall-app-card-bg {
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.mall-app-card:hover .mall-app-card-top i {
opacity: 0;
}
.mall-app-card:hover .mall-app-card-top h2 {
top: 85px;
}
.mall-app-card:hover .mall-app-card-top h2:before {
width: 68px;
}
.mall-app-card:hover .mall-app-card-top p {
margin-top: 0;
opacity: 1;
}
.sy_ys {
padding: 80px 0;
}
.sy_ys .five-part {
width: 25%;
height: 330px;
float: left;
text-align: center;
border: #fff 1px solid;
box-sizing: border-box;
background: rgba(255,255,255,0.7);
border-right: 0;
}
.sy_ys .five-part:hover {
box-shadow: 0px 5px 20px 0px rgba(169, 180, 190, 0.2);
background: -webkit-linear-gradient(top, #0c36a0, #008cd4);
background: -o-linear-gradient(top, #0c36a0, #008cd4);
background: -moz-linear-gradient(top, #0c36a0, #008cd4);
background: linear-gradient(to top, #0c36a0, #008cd4);
}
.sy_ys .five-value-img {
width: 50px;
height: 50px;
margin: 50px auto 40px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sy_ys .five-part:hover .five-value-img {
-webkit-transform: rotatey(360deg);
-moz-transform: rotatey(360deg);
-o-transform: rotatey(360deg);
-ms-transform: rotatey(360deg);
transform: rotatey(360deg);
}
.sy_ys .five-value-img img {
width: 100%;
display: block;
}
.sy_ys .five-part:hover .five-value-img img {
filter: grayscale(100%) brightness(400%);
-webkit-filter: grayscale(100%) brightness(400%);
-moz-filter: grayscale(100%) brightness(400%);
-ms-filter: grayscale(100%) brightness(400%);
-o-filter: grayscale(100%) brightness(400%);
}
.five-part:nth-child(4) {
border-right: #fff 1px solid
}
.five-part .five-font-sty {
font-size: 20px;
font-weight: bold;
color: rgba(0, 0, 0, 1);
line-height: 28px;
margin-bottom: 25px;
}
.five-part:hover .five-font-sty {
color: rgba(255, 255, 255, 1);
}
.five-part:hover .span-line {
color: rgba(255, 255, 255, 1);
}
.sy_ys .span-line {
display: block;
margin-top: 10px;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
color: rgba(0, 0, 0, 0.6);
width: 80%;
margin: 0 auto
}
.sy_cp1 {
width: 100%;
padding: 60px 0;
}
.sy_cp1 .swiper-cp1 .swiper-slide {
width: 20%;
text-align: center;
}
.sy_cp1 .swiper-cp1 img {
width: 100%;
height: auto;
display: block;
}
.sy_cp1 .swiper-cp1 .t_p {
position: relative;
border: 1px solid #e7e7e7;
overflow: hidden;
}
.sy_cp1 .swiper-cp1 .b_j {
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.7);
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.sy_cp1 .swiper-cp1 .swiper-slide:hover .b_j {
opacity: 1;
}
.sy_cp1 .swiper-cp1 .t_b {
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 50%;
font-size: 22px;
line-height: 40px;
text-align: center;
position: absolute;
top: -100%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.sy_cp1 .swiper-cp1 .swiper-slide:hover .t_b {
top: 50%;
}
.sy_cp1 .swiper-cp1 .swiper-slide .t_p img {
width: 100%;
height: auto;
display: block;
opacity: .6;
}
.sy_cp1 .swiper-cp1 .swiper-slide-active .t_p img {
opacity: 1;
}
.sy_cp1 .swiper-cp1 .w_z {
margin-top: 5px;
font-size: 16px;
line-height: 32px;
background-color: #e1e5ea;
padding: 10px 10px;
color: #4d4d4d
}
.sy_cp1 .swiper-cp1 .swiper-slide:hover .w_z {
background-color: #0c459e;
color: #fff;
}
.sy_cp1 .swiper-cp1 .swiper-button-prev {
background: no-repeat;
width: 32px;
height: 32px;
margin-top: -22px;
background-size: 32px 32px;
-webkit-background-size: 32px 32px;
-moz-background-size: 32px 32px;
-ms-background-size: 32px 32px;
-o-background-size: 32px 32px;
}
.sy_cp1 .swiper-cp1 .swiper-button-next {
background: no-repeat;
width: 32px;
height: 32px;
margin-top: -22px;
background-size: 32px 32px;
-webkit-background-size: 32px 32px;
-moz-background-size: 32px 32px;
-ms-background-size: 32px 32px;
-o-background-size: 32px 32px;
}
@media only screen and (max-width:640px) {
.sy_cp1 {
padding: 20px 0 0;
}
.sy_cp1 .swiper-cp1 {
padding-bottom: 30px;
}
.sy_cp1 .swiper-cp1 .swiper-slide {
width: 50%;
}
.sy_cp1 .swiper-cp1 .swiper-button-prev {
display: none;
}
.sy_cp1 .swiper-cp1 .swiper-button-next {
display: none;
}
.sy_cp1 .swiper-cp1 .w_z {
margin-top: 10px;
font-size: 14px;
line-height: 22px;
}
}
.cpjjfa {
position: relative;
z-index: 2;
padding: 60px 0 60px;
}
.cpjjfa .cpjjfa_con {
position: relative;
z-index: 2
}
.cpjjfa .cpjjfa_con .conbox {
position: relative;
display: none;
height: 377px
}
.cpjjfa .cpjjfa_con .conbox.cur {
display: block
}
.cpjjfa .cpjjfa_con .conbox .conleft {
position: relative;
margin: 10px 0 0 10px;
width: 600px;
height: 365px;
border: 1px solid #0c36a0
}
.cpjjfa .cpjjfa_con .conbox .conleft img {
position: relative;
top: -10px;
left: -10px;
display: block;
width: 600px;
height: 365px
}
.cpjjfa .cpjjfa_con .conbox .conright {
width: 530px
}
.cpjjfa .cpjjfa_con .conbox .conright .p1 {
position: relative;
margin-bottom: 30px;
padding-bottom: 35px;
border-bottom: 1px solid #e1e1e1;
color: #ccc;
font-size: 12px
}
.cpjjfa .cpjjfa_con .conbox .conright .p1 span {
display: block;
color: #0c36a0;
font-size: 24px
}
.cpjjfa .cpjjfa_con .conbox .conright .p1 em {
position: absolute;
top: 4px;
left: 0;
display: block;
width: 50px;
height: 30px
}
.cpjjfa .cpjjfa_con .conbox .conright .p1 i {
position: absolute;
bottom: -3px;
left: -168px;
display: block;
width: 168px;
height: 3px;
background: #0c36a0
}
.cpjjfa .cpjjfa_con .conbox .conright .p2 {
overflow: hidden;
margin-bottom: 30px;
color: #333;
line-height: 2;
font-size: 16px;
}
.cpjjfa .cpjjfa_con .conbox .conright .ljty {
position: relative;
overflow: hidden;
height: 60px
}
.cpjjfa .cpjjfa_con .conbox .conright .ljty a {
float: left;
width: 125px;
height: 40px;
background: -webkit-linear-gradient(top, #0c36a0, #008dd6);
background: -o-linear-gradient(top, #0c36a0, #008dd6);
background: -moz-linear-gradient(top, #0c36a0, #008dd6);
background: linear-gradient(to top, #0c36a0, #008dd6);
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 20px;
font-size: 14px
}
.cpjjfa .cpjjfa_con .conbox .conright .ljty p {
float: left;
margin-left: 30px
}
.cpjjfa .cpjjfa_con .conbox .conright .ljty p span {
display: block;
padding-top: 5px
}
.cpjjfa .cpjjfa_con .conbox .conright .ljty p i {
display: block;
color: #0c36a0;
font-size: 22px
}
.cpjjfa .cpjjfa_con .conbot {
margin-top: 38px;
text-align: center;
margin-bottom: 30px
}
.cpjjfa .cpjjfa_con .conbot ul li {
display: inline-block;
margin-left: 50px;
width: 200px;
height: 40px;
color: #333;
margin-right: 10px;
line-height: 40px;
border: #e1e1e1 1px solid;
border-radius: 20px
}
.cpjjfa .cpjjfa_con .conbot ul li em {
display: block;
margin: 20px auto 0;
margin-bottom: 10px;
height: 28px;
width: 28px;
}
.cpjjfa .cpjjfa_con .conbot ul li em img {
width: 100%;
filter: grayscale(100%) brightness(50%);
-webkit-filter: grayscale(100%) brightness(50%);
-moz-filter: grayscale(100%) brightness(50%);
-ms-filter: grayscale(100%) brightness(50%);
-o-filter: grayscale(100%) brightness(50%);
}
.cpjjfa .cpjjfa_con .conbot ul li span {
display: block;
text-align: center;
font-size: 18px
}
.cpjjfa .cpjjfa_con .conbot ul li.cur {
background: #0c36a0;
color: #fff;
border-radius: 20px
}
.cpjjfa .cpjjfa_con .conbot ul li.cur em img {
filter: grayscale(100%) brightness(400%);
-webkit-filter: grayscale(100%) brightness(400%);
-moz-filter: grayscale(100%) brightness(400%);
-ms-filter: grayscale(100%) brightness(400%);
-o-filter: grayscale(100%) brightness(400%);
}
@media only screen and (max-width:992px) {
.fl {
float: none;
}
.fr {
float: none;
}
.cpjjfa {
position: relative;
z-index: 2;
padding: 20px 0 0;
}
.cpjjfa .cpjjfa_con .conbot ul li {
float: left;
margin-left: 2px;
width: 70px;
height: 30px;
color: #333;
margin-right: 2px;
line-height: 30px;
border: #e1e1e1 1px solid;
border-radius: 15px
}
.cpjjfa .cpjjfa_con .conbot ul li:first-child {
width: 100px;
}
.cpjjfa .cpjjfa_con .conbot ul li span {
display: block;
text-align: center;
font-size: 12px
}
.cpjjfa .cpjjfa_con .conbox {
position: relative;
display: none;
height: auto
}
.cpjjfa .cpjjfa_con .conbox .conleft {
position: relative;
margin: 10px 0 0 10px;
width: 100%;
height: auto;
border: 1px solid #0c36a0
}
.cpjjfa .cpjjfa_con .conbox .conleft img {
position: relative;
top: -10px;
left: -10px;
display: block;
width: 100%;
height: auto
}
.cpjjfa .cpjjfa_con .conbox .conright {
width: 96%;
margin: 20px auto 0
}
.cpjjfa .cpjjfa_con .conbox .conright .p1 {
position: relative;
margin-bottom: 10px;
padding-bottom: 15px;
border-bottom: 1px solid #e1e1e1;
color: #ccc;
font-size: 12px
}
.cpjjfa .cpjjfa_con .conbox .conright .p1 span {
display: block;
color: #0c36a0;
font-size: 16px
}
.cpjjfa .cpjjfa_con .conbox .conright .p1 em {
position: absolute;
top: 4px;
left: 0;
display: block;
width: 50px;
height: 30px
}
.cpjjfa .cpjjfa_con .conbox .conright .p1 i {
position: absolute;
bottom: -3px;
left: 0px;
display: block;
width: 48px;
height: 3px;
background: #0c36a0
}
.cpjjfa .cpjjfa_con .conbox .conright .p2 {
overflow: hidden;
margin-bottom: 20px;
color: #333;
line-height: 2;
font-size: 14px;
}
.cpjjfa .cpjjfa_con .conbox .conright .ljty a {
float: left;
width: 125px;
height: 35px;
background: -webkit-linear-gradient(top, #0c36a0, #008dd6);
background: -o-linear-gradient(top, #0c36a0, #008dd6);
background: -moz-linear-gradient(top, #0c36a0, #008dd6);
background: linear-gradient(to top, #0c36a0, #008dd6);
color: #fff;
text-align: center;
line-height: 35px;
border-radius: 17px;
font-size: 14px
}
.cpjjfa .cpjjfa_con .conbot {
margin-top: 0;
text-align: center;
margin-bottom: 30px
}
}
.lybj {
padding: 60px 0 10px;
overflow: hidden;
position: relative;
background: #0c36a0
}
@media only screen and (max-width:992px) {
.lybj {
padding: 20px 0 0;
overflow: hidden;
position: relative;
}
}
.gy_bt {
width: 100%;
text-align: center;
/*text-transform: uppercase;*/
margin-bottom: 30px;
}
.gy_bt h2 {
font-family: arial;
font-size: 72px;
line-height: 50px;
color: #999;
font-weight: 800;
color: rgba(153,153,153,0.1);
position: relative;
}
.gy_bt h3 {
font-size: 40px;
line-height: 44px;
margin-top: -35px;
background: no-repeat center bottom;
padding-bottom: 18px;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
.gy_bt p {
font-size: 16px;
color: #999;
padding-top: 10px
}
@media only screen and (max-width:992px) {
.gy_bt {
margin-bottom: 20px;
}
.gy_bt h2 {
font-family: arial;
font-size: 20px;
line-height: 40px;
color: #999;
font-weight: 800;
color: rgba(153,153,153,0.1);
position: relative;
}
.gy_bt h3 {
font-size: 16px;
line-height: 34px;
margin-top: -30px;
background: no-repeat center bottom;
padding-bottom: 5px;
}
.gy_bt p {
font-size: 12px;
color: #999;
padding-top: 10px
}
}
#particles-js {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
opacity: .3
}
.dkj{background: no-repeat center bottom; height:auto; overflow: hidden; position: relative }
.zb1{ float:left; width:214px}
.zb1 .xs{ display:block}
.zb1 .yc{ display:none}
.yb1{ float: right; width:80%; line-height:30px; font-size:16px; padding-top:15px}
.mm{ position: absolute; bottom:20px; right:20px; border:#fff 2px solid; text-align:center; line-height:34px; width:120px }
.mm a{ color:#fff; font-size:14px}
@media only screen and (max-width:992px) {
.dkj{background: no-repeat center bottom; height:auto; overflow: hidden; position: relative }
.zb1{ float:left; width:10%}
.zb1 .xs{ display:none}
.zb1 .yc{ display:block}
.yb1{ float:right; width:70%; line-height:26px; font-size:14px; padding-top:5px; overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:7;}
}
.sy_gy {
width: 100%;
padding: 60px 0 40px;
height: auto;
overflow: hidden;
}
.sy_gy .gy_nr {
width: 100%;
position: relative;
background: url(/uploads/image/acimages/bg1.jpg) no-repeat ;
background-size:100% 100%;
}
.sy_gy .gy_nr:after {
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
content: "";
}
.sy_gy .gy_nr .container {
position: relative;
z-index: 9;
background:#3d5eb3;
padding: 40px 25px;
opacity: 0.9;
}
.sy_gy .gy_nr .row {
margin: 0 -50px;
display: flex;
align-items: center;
justify-content: space-between;
}
.sy_gy .gy_nr .col-12 {
padding: 0 50px;
}
.sy_gy .gy_nr .video {
}
.sy_gy .gy_nr .video img {
width: 100%;
}
.sy_gy .gy_nr .w_z {
color: #fff;
}
.sy_gy .gy_nr .w_z h3 {
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
line-height: 36px;
color: #fff
}
.sy_gy .gy_nr .w_z em {
width: 50px;
height: 5px;
background-color: #fff;
display: block;
margin: 15px 0 20px;
}
.sy_gy .gy_nr .w_z p {
font-size: 15px;
line-height: 28px;
height: auto;
margin-bottom: 30px;
overflow: hidden;
display: -webkit-box;
line-clamp: 7;
-webkit-line-clamp: 7;
-moz-line-clamp: 7;
-ms-line-clamp: 7;
-o-line-clamp: 7;
-webkit-box-orient: vertical;
}
.sy_gy .gy_nr .w_z a {
width: 120px;
height: 38px;
border: 1px solid #fff;
font-size: 15px;
line-height: 36px;
text-align: center;
color: #fff;
display: block;
background: #3d5eb3;
display: block;
width: 180px;
height: 40px;
margin: 0 auto;
font-size: 16px;
line-height: 40px;
text-align: center;
border-radius: 20px;
border: 1px solid #3d5eb3;
color: #fff;
transition: all ease 600ms;
box-shadow: 0px 3px 17px 2px #e5e5e5;
}
.sy_gy .gy_nr .w_z a:hover {
background-color: #fff;
color: #804f21;
width: 220px;
background: #0c36a0;
color: #fff;
transition: all ease 600ms;
}
.sy_gy .wrap {
padding: 30px;
box-shadow: 0 0 20px #aaa;
background-color: #fff;
position: relative;
z-index: 9;
margin-top: -100px;
}
.sy_gy .wrap ul li {
float: left;
width: 25%;
padding: 0px 10px;
text-align: center;
}
.sy_gy .wrap ul li img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.sy_gy .wrap ul li p {
font-size: 16px;
margin-bottom: 7px;
}
.sy_gy .wrap em {
display: block;
margin: 0 auto;
width: 20px;
height: 1px;
background-color: #666;
margin-bottom: 7px;
}
.sy_gy .wrap ul li span {
display: block;
text-transform: uppercase;
font-size: 13px;
}
@media only screen and (max-width:992px) {
.sy_gy {
padding: 20px 0 20px;
}
.sy_gy .gy_nr {
background: no-repeat left / cover;
padding: 20px 0 100px;
}
.sy_gy .gy_nr .row {
margin: 0 -15px;
}
.sy_gy .gy_nr .col-12 {
padding: 0 15px;
}
.sy_gy .gy_nr .w_z {
text-align: center;
margin-top: 20px;
}
.sy_gy .gy_nr .w_z h3 {
font-size: 16px;
letter-spacing: 0;
line-height: 26px;
}
.sy_gy .gy_nr .w_z em {
width: 40px;
height: 4px;
margin: 10px auto 10px;
}
.sy_gy .gy_nr .w_z p {
font-size: 14px;
line-height: 22px;
height: auto;
}
.sy_gy .gy_nr .w_z a {
width: 100px;
height: 30px;
font-size: 12px;
line-height: 30px;
margin: 0 auto 30px;
}
.sy_gy .wrap {
padding: 10px;
}
.sy_gy .wrap .n_r {
margin-bottom: 20px;
}
.sy_gy .wrap ul li img {
max-width: 60%;
height: auto;
margin-bottom: 10px;
}
.sy_gy .wrap .s_z {
font-size: 30px;
text-align: center;
}
.sy_gy .wrap .s_z b {
font-size: 56px;
padding-right: 10px;
}
.sy_gy .wrap em {
width: 50px;
}
.sy_gy .wrap ul li p {
font-size: 12px;
margin-bottom: 0;
}
.sy_gy .wrap ul li span {
display: none;
}
.sy_gy .wrap em {
display: none
}
}
.sy_jz{width:100%; padding:60px 0 53px;}
.sy_jz .col-6{padding:0 7px;}
.sy_jz .col-xs-12{padding:0 7px;}
.sy_jz .t_w{overflow:hidden; position:relative; margin-bottom:7px }
.sy_jz .t_w img{width:100%; height:auto; display:block;
transition:all 1s linear;
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;}
.sy_jz .t_w:hover 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);}
.sy_jz .w_z{width:100%; padding:10px 20px; background-color:rgba(0,0,0,.3); position:absolute; bottom:0; left:0; color:#fff; font-size:16px; text-align:center;
transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-moz-transition:all .3s linear;
-webkit-transition:all .3s linear;}
.sy_jz .t_w:hover .w_z{background-color:rgba(12,54,160,.8);}
.sy_jz .t_w1 img{width:100%; height:auto; display:block;
transition:all 1s linear;
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;}
.sy_jz .w_z1 h1{ font-size:18px; font-weight:bold; line-height:30px; margin-top:8px}
.sy_jz .w_z1 p{ font-size:14px; line-height:26px}
@media only screen and (max-width:1024px){
.sy_jz .w_z{padding:35px;}
.sy_jz .w_z h3{font-size:22px;}
.sy_jz .w_z p{font-size:15px;}
}
@media only screen and (max-width:992px){
.sy_jz{padding:20px 0 6px;}
.sy_jz .col-xs-12{padding:0 15px;}
.sy_jz .col-sm-4:nth-child(2) { display:none}
.sy_jz .t_w{overflow:hidden; position:relative; margin-bottom:14px }
.sy_jz .w_z{padding:5px; font-size:12px}
}
.sy_jz1{width:100%; padding:60px 0 53px;}
.sy_jz1 .col-sm-2{ padding-left:5px; padding-right:5px}
.sy_jz1 .col-sm-8{ padding-left:5px; padding-right:5px}
.sy_jz1 .col-sm-4{ padding-left:0px; padding-right:0px}
.sy_jz1 .col-sm-6{ padding-left:5px; padding-right:5px}
.sy_jz1 .t_w{overflow:hidden; position:relative; margin-bottom:7px }
.sy_jz1 .t_w img{width:100%; height:auto; display:block;
transition:all 1s linear;
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;}
.sy_jz1 .t_w:hover 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);}
.sy_jz1 .w_z{width:100%; padding:10px 20px; background-color:rgba(0,0,0,.3); position:absolute; bottom:0; left:0; color:#fff; font-size:16px; text-align: left;
transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
-moz-transition:all .3s linear;
-webkit-transition:all .3s linear; font-weight: bold}
.sy_jz1 .t_w:hover .w_z{background-color:rgba(12,54,160,.8);}
@media only screen and (max-width:1024px){
.sy_jz1 .w_z{padding:35px;}
.sy_jz1 .w_z h3{font-size:22px;}
.sy_jz1 .w_z p{font-size:15px;}
}
@media only screen and (max-width:992px){
.sy_jz1{padding:20px 0 20px;}
.sy_jz1 .w_z{padding:10px; font-size:14px}
.sy_jz1 .col-sm-4{ display:none}
}
.lh_lc {
width: 100%;
padding: 60px 0 70px;
height: auto;
overflow: hidden;
background: ;
}
.lh_lc .row {
margin: 0 -1px;
}
.lh_lc ul {
width: 100%
}
.lh_lc ul li {
width: 14.2%;
padding: 0 1px;
float: left;
}
.lh_lc .n_r {
padding: 30px 10px 25px;
background-color: #fff;
position: relative;
}
.lh_lc .n_r:before {
width: 100%;
height: 0;
background-color: #0c36a0;
content: "";
position: absolute;
bottom: 0;
left: 0;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
}
.lh_lc .n_r:hover:before {
height: 100%;
}
.lh_lc .t_b {
width: 115px;
margin: 0 auto 25px;
position: relative;
}
.lh_lc .t_b img {
width: 100%;
height: auto;
display: block;
}
.lh_lc .w_z {
font-size: 16px;
line-height: 26px;
position: relative;
text-align: center;
font-weight: bold;
color: #333
}
.lh_lc .n_r:hover .w_z {
color: #fff;
}
@media only screen and (max-width:992px) {
.lh_lc {
width: 100%;
padding: 20px 0 20px;
height: auto;
overflow: hidden;
background: ;
}
.lh_lc ul li {
width: 50%;
padding: 0 1px;
float: left;
margin-bottom: 2px
}
.lh_lc .t_b {
width: 115px;
margin: 0 auto 15px;
position: relative;
}
.lh_lc .t_b img {
width: 100%;
height: auto;
display: block;
}
.lh_lc .w_z {
font-size: 14px;
line-height: 26px;
position: relative;
text-align: center;
font-weight: bold;
color: #333
}
.lh_lc .n_r {
padding: 15px 10px 10px;
background-color: #fff;
position: relative;
}
.lh_lc ul li:nth-child(7) {
width: 100%
}
}
/*新闻*/
.news {
padding: 60px 0 60px;
overflow: hidden;
background: #fff;
}
.xx4 .hd {
text-align: center;
margin-top: 40px;
}
.xx4 .hd ul li {
display: inline-block;
width: 120px;
margin: 0 8px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background: #eee;
}
.xx4 .hd ul li a {
display: block;
height: 38px;
text-align: center;
line-height: 38px;
color: #888888;
font-size: 16px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.xx4 .hd ul li.on a {
background: #cf000d;
color: #fff;
box-shadow: rgba(207,0,13,0.1) 5px 5px 10px 5px
}
.xx4 .bd .xx11 {
margin-top: 30px;
width: 100%;
margin: 30px auto 0;
}
.xx4 .bd .xx11 .box {
}
.xx4 .bd .xx11 .box .left {
width: 600px;
height: auto;
float: left;
background: #fff;
padding: 20px 30px 32px;
-moz-box-sizing: border-box; /*firefox3.5 */
-webkit-box-sizing: border-box; /*safari3.2 */
-o-box-sizing: border-box; /*opera9.6*/
-ms-box-sizing: border-box; /*ie8*/
box-sizing: border-box;
box-shadow: 0 0 15px #eee
}
.xx4 .bd .xx11 .box .left .rq {
font-size: 30px;
color: #888
}
.xx4 .bd .xx11 .box .left h3 {
margin-top: 10px;
color: #333;
font-size: 18px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.xx4 .bd .xx11 .box .left h3:hover{ color:#0c36a0}
.xx4 .bd .xx11 .box .left p {
font-size: 15px;
line-height: 25px;
color: #888;
margin-top: 10px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.xx4 .bd .xx11 .box .left img {
margin-top: 20px;
width: 100%;
}
.xx4 .bd .xx11 .box .right {
width: 50%;
height: 508px;
float: right;
border-top: #ccc 1px solid;
}
.xx4 .bd .xx11 .box .right ul li {
padding: 30px 20px;
border-bottom: #ccc 1px solid;
overflow: hidden;
}
.xx4 .bd .xx11 .box .right ul li:hover {
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
box-shadow: 0 0 15px #eee;
background: #fff;
}
.xx4 .bd .xx11 .box .right ul li:hover .nr h3 {
color: #0c36a0
}
.xx4 .bd .xx11 .box .right ul li .dian {
width: 36px;
height: 18px;
background: center center no-repeat;
float: left;
margin-top: 3px;
}
.xx4 .bd .xx11 .box .right ul li .nr {
width: 355px;
float: left
}
.xx4 .bd .xx11 .box .right ul li .nr h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
color: #333;
font-weight: normal;
}
.xx4 .bd .xx11 .box .right ul li .nr p {
font-size: 15px;
line-height: 22px;
color: #888;
margin-top: 10px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.xx4 .bd .xx11 .box .right ul li .ri {
height: 72px;
width: 90px;
float: right;
background: right bottom no-repeat;
font-size: 30px;
color: #999;
text-align: right;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.xx4 .bd .xx11 .box .right ul li:hover .ri {
background: right bottom no-repeat;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.news .more {
margin-top: 70px;
text-align: center
}
@media only screen and (max-width:992px) {
.news {
padding:10px 0 20px ;
overflow: hidden;
}
.xx4 .bd .xx11 {
width: 96%;
margin: 10px auto 0;
}
.xx4 .bd .xx11 .box .left {
width: 100%;
height: auto;
float: none;
background: #fff;
padding: 20px;
-moz-box-sizing: border-box; /*firefox3.5 */
-webkit-box-sizing: border-box; /*safari3.2 */
-o-box-sizing: border-box; /*opera9.6*/
-ms-box-sizing: border-box; /*ie8*/
box-sizing: border-box;
box-shadow: 0 0 15px #eee
}
.xx4 .bd .xx11 .box .left img {
margin-top: 20px;
width: 100%;
}
.xx4 .bd .xx11 .box .right {
width: 96%;
height: auto;
float: right;
border-top: #ccc 1px solid;
}
.xx4 .bd .xx11 .box .left .rq {
font-size: 20px;
color: #888
}
.xx4 .bd .xx11 .box .left h3 {
margin-top: 0px;
margin-top: 10px;
color: #333;
font-size: 14px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.xx4 .bd .xx11 .box .left p {
font-size: 12px;
line-height: 22px;
color: #888;
margin-top: 10px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.xx4 .bd .xx11 .box .right ul li {
padding: 10px 0;
border-bottom: #ccc 1px solid;
overflow: hidden;
}
.xx4 .bd .xx11 .box .right ul li .nr {
width: 85%;
float: left
}
.xx4 .bd .xx11 .box .right ul li .nr h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
color: #333;
font-weight: normal;
}
.xx4 .bd .xx11 .box .right ul li .nr p {
font-size: 12px;
line-height: 22px;
color: #888;
margin-top: 5px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.xx4 .bd .xx11 .box .right ul li .ri {
display: none
}
}
.sy_lc{ padding:60px 0 40px; height:auto; overflow:hidden}
.sy_lc .t_b{width:92px; height:92px; border-radius:50%; margin:0 auto; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_lc .b{width:90px; height:90px; border-radius:50%; margin:0 auto; background-position:top center; background-repeat:no-repeat; background-size:100% auto; overflow:hidden;
position:relative; z-index:9;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_lc .n_r:hover .b{background-position:bottom center;}
.sy_lc .n_r{padding:20px 20px 30px; text-align:center;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; background:#f7f7f7}
.sy_lc .n_r:hover{background-color:#0c36a0; box-shadow:0 8px 15px 0 rgba(12,54,160,.2);}
.sy_lc .n_r h3{font-size:18px; font-weight:bold; color:#999; line-height:30px; margin:0 0 10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_lc .n_r:hover h3{color:#fff;}
.sy_lc .n_r p{font-size:14px; color:#999; line-height:26px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_lc .n_r:hover p{color:#fff;}
.sy_lc .n_r span{ display:block; width:110px; height:32px; text-align:center; border:#999 1px solid; margin:20px auto 0; line-height:30px; font-size:14px}
.sy_lc .n_r:hover span{ border:#fff 1px solid; color:#fff}
.sy_lc a.sy_an{width:100%;
background-image:-webkit-linear-gradient(left, #e5402c, #cc0001);
background-image:-moz-linear-gradient(left, #e5402c, #cc0001);
background-image:-ms-linear-gradient(left, #e5402c, #cc0001);
background-image:-o-linear-gradient(left, #e5402c, #cc0001);
background-image:linear-gradient(left, #e5402c, #cc0001);}
@media only screen and (max-width:990px){
.sy_lc{padding:0 0;}
.sy_lc .col-md-2{ padding-left:5px; padding-right:5px}
.sy_lc .n_r{padding:0 10px 20px; margin-bottom:10px}
.sy_lc .n_r h3{font-size:16px; line-height:24px; margin: 0 0 10px;}
.sy_lc .n_r p{font-size:13px; line-height:24px; min-height:80px}
.sy_lc .n_r:last-child p{ min-height: inherit}
}
.ny_ys{ background: no-repeat center; padding:60px 0; height:auto; overflow:hidden}
.nry{ background:#fff; box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); height:auto; overflow:hidden}
.nyz{ float:left; width:27%}
.nyz img{ width:100%}
.nyz1{ float:left; width:45%}
.nyz1 img{ width:100%}
.nyr{ float: right;width:73%;box-sizing:border-box ; padding:30px 30px 15px}
.nyr li{ margin-bottom:15px }
.nyr li h1{ font-size:22px; color:#0c36a0; line-height:35px; margin-bottom:10px }
.nyr li p{ font-size:15px; color:#333333; padding-left:55px; line-height:30px}
.nyr li em{ background:#0c36a0; height:35px; width:35px;border-radius:50%; text-align: center; color:#fff; font-size:24px; display:inline-block;font-weight:bold; margin-right:20px}
.nyr1{ float: right;width:55%;box-sizing:border-box ; padding:30px 30px 15px}
.nyr1 li{ margin-bottom:15px }
.nyr1 li h1{ font-size:22px; color:#0c36a0; line-height:35px; margin-bottom:10px }
.nyr1 li p{ font-size:15px; color:#333333; padding-left:55px; line-height:30px}
.nyr1 li em{ background:#0c36a0; height:35px; width:35px;border-radius:50%; text-align: center; color:#fff; font-size:24px; display:inline-block;font-weight:bold; margin-right:20px}
@media only screen and (max-width:990px){
.ny_ys{ background: no-repeat center; padding:20px 0; height:auto; overflow:hidden}
.nyz{ display:none}
.nyz1{ float:none; width:100%}
.nyz1 img { max-height:150px}
.nyr{ float: none;width:100%;box-sizing:border-box ; padding:20px 20px 15px}
.nyr li h1{ font-size:18px; color:#0c36a0; line-height:30px; margin-bottom:0px }
.nyr li p{ font-size:14px; color:#333333; padding-left:40px; line-height:26px}
.nyr li em{ background:#0c36a0; height:30px; width:30px;border-radius:50%; text-align: center; color:#fff; font-size:20px; display:inline-block;font-weight:bold; margin-right:10px}
.nyr1{ float: none;width:100%;box-sizing:border-box ; padding:20px 20px 15px; }
.nyr1 li h1{ font-size:18px; color:#0c36a0; line-height:30px; margin-bottom:0px }
.nyr1 li p{ font-size:14px; color:#333333; padding-left:40px; line-height:26px}
.nyr1 li em{ background:#0c36a0; height:30px; width:30px;border-radius:50%; text-align: center; color:#fff; font-size:20px; display:inline-block;font-weight:bold; margin-right:10px}
}
.sy_hzhb {
padding: 40px 0;
text-align: center;
}
.sy_hzhb ul li {
width: 14.66666%;
display: inline-block;
border: #eee 1px solid;
margin: 0.8%;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.sy_hzhb ul li img {
width: 100%;
display: block;
}
.sy_hzhb ul li:hover {
box-shadow: 0 0 15px #eee;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
@media only screen and (max-width:992px) {
.sy_hzhb {
padding: 20px 0;
text-align: center;
background: #f6f6f6; margin-top:20px
}
.sy_hzhb ul li {
width: 31%;
display: inline-block;
border: #eee 1px solid;
margin: 0.8%;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
}
.register {
padding: 50px 0 45px;
background: no-repeat center center #0c61b8;
}
.register .title {
padding-bottom: 5px;
font-size: 26px;
font-weight: normal;
text-align: center;
color: #fff;
}
.register .desc {
padding-bottom: 20px;
margin: 0 auto;
font-size: 14px;
color: #fff;
text-align: center;
}
.register .btn {
display: block;
width: 128px;
height: 36px;
padding: 0;
margin: 0 auto;
font-size: 16px;
line-height: 36px;
color: #fff;
background: transparent;
border: 1px solid #fff;
border-radius: 0;
transition: all .2s;
text-align: center;
cursor: pointer;
vertical-align: middle;
}
.register .btn:hover {
background: rgba(255, 255, 255, .1);
}
.footer {
width: 100%;
padding: 20px 0 30px;
background: #191919;
font-size: 14px;
color: #999;
}
.dlogo{ width:100%; border-bottom: #232425 1px solid; height:auto; overflow:hidden; margin-bottom:30px; padding-bottom:20px}
.footer h3 {
font-size: 18px;
line-height: 32px;
color: #fff;
margin-bottom: 10px;
}
.footer em {
width: 22px;
height: 3px;
margin-bottom: 15px;
background-color: #fff;
display: block;
}
.footer .ft_lx {
margin-right: 50px;
min-height: 190px;
border-right: 1px solid #666;
}
.footer .ft_lx img {
max-width: 140px;
height: auto;
display: block;
}
.footer .ft_lx h4 {
margin: 25px 0 6px;
font-size: 14px;
color: #919090;
line-height: 24px;
}
.footer .ft_lx .d_y {
max-width: 300px;
}
.footer .ft_lx input {
width: 65%;
height: 36px;
float: left;
padding: 0 10px;
border: 1px solid #595959;
background-color: #333;
font-size: 13px;
color: #fff;
line-height: 34px;
}
.footer .ft_lx button {
width: 25%;
height: 36px;
float: left;
background-color: #595959;
font-size: 14px;
line-height: 36px;
color: #fff;
text-align: center;
outline: none;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.footer .ft_lx button:hover {
background-color: #e62028;
}
.footer .s_j {
margin-top: 15px;
}
.footer .s_j a {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid #666;
color: #aaa;
line-height: 30px;
text-align: center;
margin-right: 10px;
vertical-align: middle;
}
.footer .s_j a:hover {
background-color: #e62028;
border: 1px solid #e62028;
color: #fff;
}
.footer .s_j i.icon-aui-icon-qq {
font-size: 22px;
}
.footer .s_j i.icon-weixin {
font-size: 16px;
line-height: 32px;
}
.footer .s_j i.icon-weibo {
font-size: 20px;
}
.footer .ft_xx {
line-height: 30px
}
.footer .ft_xx input {
width: 100%;
height: 36px;
float: left;
padding: 0 10px;
border: 1px solid #b1c7ec;
font-size: 13px;
color: #fff;
line-height: 34px;
display: block;
margin-bottom: 10px;
}
.footer .ft_xx textarea {
width: 90%;
height: 82px;
float: left;
padding: 5px 10px;
border: 1px solid #b1c7ec;
font-size: 13px;
color: #fff;
line-height: 24px;
display: block;
margin-bottom: 10px;
resize: none;
background: none
}
.footer .ft_xx button {
width: 120px;
height: 36px;
background: #fff;
font-size: 14px;
line-height: 36px;
color: #0c36a0;
text-align: center;
outline: none;
display: block;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.footer .ft_xx button:hover {
background-color: #0283a3;
}
.footer .ddh {
float: left;
width: 10%;
height: auto;
overflow: hidden
}
.footer .ddh1 {
float: left;
width: 48%;
height: auto;
overflow: hidden; color:#fff;line-height: 30px; border-left:#232425 1px solid; padding-left:5%; font-size:16px;
padding-bottom: 20px;
}
.footer .ddh1 span{ display:block; font-size:20px; font-weight:bold; margin-top:10px; margin-bottom:10px}
.footer .ft_dh ul li {
float: left;
width: 100%;
}
.footer .ft_dh ul li a {
line-height: 30px;
color: #fff;
}
.footer .ft_dh ul li a:hover {
color: #fff;
}
.footer .ft_em{ width:100%; margin: auto;text-align: center; margin-top:10px }
.footer .ft_em img {
width: 60%;
height: auto;
display: block;
margin: auto;
}
.footer .ft_em p {
margin-top: 0px;
text-align: center; font-size:14px ;
font-weight: 600;
color: #47acdf;
}
.footer .ft_yl {
margin-top: 30px;
color: #595959;
}
.footer .ft_yl span {
color: #ddd;
}
.footer .ft_yl a {
display: inline-block;
color: #999;
padding: 0 10px;
}
.footer .ft_yl a:hover {
color: #ddd;
}
.footer .col-lg-2 {
padding-left: 70px
}
@media only screen and (max-width:992px) {
.dlogo img{ width:60%}
.footer { display:none}
.footer h3 {
font-size: 16px;
line-height: 32px;
color: #ddd;
margin-bottom: 0px;
}
.footer .ddh {
display: none;
}
.footer .ddh1 {
float: none;
width: 100%;
height: auto;
overflow: hidden; color:#fff;line-height: 26px; border-left:0; padding-left:5%; font-size:14px; padding-right:5%
}
.footer .ddh1 span{ display:block; font-size:20px; font-weight:bold; margin-top:10px; margin-bottom:10px}
}
.footer-link-lists{display: flex;margin-top: 10px;}
.footer-link-lists .footer-link-item{
text-align: center;
padding: 5px;
/*background: #292828;*/
margin-right: 18px;
border-radius: 5px;
/* display: block; */
font-size: 16px;
/* line-height: 40px; */
text-align: center;
border-radius: 20px;
/* color: #fff; */
/* transition: all ease 600ms; */
box-shadow: 0px 1px 10px 6px #e5e5e5;
}
.footer-link-lists .footer-link-item .link-email{
height: 40px;
line-height: 18px;
}
.banquan {
width: 100%;
background-color: #191919;
text-align: left;
line-height: 40px;
color: #fff;
}
.contact-lists{
display: flex;
}
.contact-lists .contact-lists-item{
border: solid 1px #f5f5f5;
margin-right: 10px;
padding: 10px;
border-radius: 3px;
background: #3264c3;
color: #fff;
}
@media only screen and (max-width:992px) {
.contact-lists{
display: block;
}
}
.banquan strong { font-size:15px}
.banquan a{ font-size:14px; padding:0 8px; color:#fff}
@media only screen and (max-width:992px) {
.banquan {
margin-bottom: 0;
font-size: 12px;
line-height: 24px; padding:8px; display:none
}
.banquan strong { font-size:13px}
.banquan a{ font-size:12px; padding:0 5px; color:#fff}
}
.like {
width: 100%;
height: auto;
background-color: #4f80de;
display: inline-block;
font-size:14px; padding-top:8px; padding-bottom:8px;}
.like span{ padding-right:20px;color:#fff;}
.ncp {
background: center no-repeat;
padding-bottom: 80px;
padding-top: 40px
}
.dlogo1{ display:none}
@media only screen and (max-width:992px) {
.like {width: 100%;height: auto;background-color: #efefef;display: inline-block;font-size:14px; padding-top:8px; padding-bottom:15px; margin-bottom:50px; text-align:center}
.like .row{display: block;}
.like span{ padding-right:10px;color:#999; display:block; line-height:26px}
.like span:nth-child(2){ display:none}
.dlogo1{ display: block; margin:0 auto 10px; width:30% }
.dlogo1 img{ width:100%}
}
.e_m {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0,0,0,.9);
z-index: 99999;
display: none;
}
.e_m .n_r {
width: 200px;
padding: 10px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.e_m .n_r img {
width: 100%;
height: auto;
display: block;
}
.e_m .n_r p {
font-size: 15px;
color: #888;
margin-top: 10px;
}
@media only screen and (max-width:640px) {
.e_m .n_r {
width: 260px;
padding: 15px;
}
.e_m .n_r p {
font-size: 14px;
}
}
.pc_kf {
width: 50px;
position: fixed;
right: 30px;
bottom: 55px;
z-index: 99999;
}
.pc_kf .nr {
font-size: 12px;
text-align: center;
margin-bottom: 10px;
position: relative; height:50px
}
.pc_kf .tel {
width: 160px;
background-color: #0c36a0;
font-size: 18px;
line-height: 50px;
color: #fff;
position: absolute;
top: 0;
right: -160px;
opacity: 0;
}
.pc_kf .nr:hover .tel {
right: 56px;
opacity: 1;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.pc_kf .ewm {
width: 130px;
padding: 10px 10px 0;
background-color: #0c36a0;
position: absolute;
bottom: 0;
right: -180px;
opacity: 0;
}
.pc_kf .ewm img {
width: 100%;
height: auto;
display: block;
margin-bottom: 10px;
}
.pc_kf .ewm p {
font-size: 14px;
color: #fff;
line-height: 16px;
margin-bottom: 10px;
}
.pc_kf .nr:hover .ewm {
right: 56px;
opacity: 1;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.pc_kf .nr a {
display: block;
box-shadow: 0 0 10px #ddd;
background-color: #fff;
border-radius: 5px;
overflow: hidden; color:#333
}
.pc_kf .nr i {
color: #333; display:block
}
.pc_kf .nr i.icon-aui-icon-qq {
font-size: 22px;
}
.pc_kf .nr i.icon-weixin {
font-size: 20px;
}
.pc_kf .nr i.icon-icon {
font-size: 26px;
vertical-align: middle;
}
.pc_kf .fh {
width: 50px;
height: 50px;
border-radius: 5px;
background-color: #0c36a0;
text-align: center;
line-height: 50px;
color: #fff;
cursor: pointer;
}
.pc_kf .fh i {
font-size: 30px;
font-weight: bold;
}
@media only screen and (max-width:992px) {
.pc_kf {
right: 10px;
bottom: 10px;
}
.pc_kf .nr a {
display: block;
box-shadow: 0 0 10px #ddd;
background-color: #fff;
border-radius: 5px;
overflow: hidden; color:#fff; font-size:12px
}
}
@media only screen and (max-width:640px) {
.pc_kf {
width: 100%;
background-color: #0c36a0;
position: fixed;
right: 0;
bottom: 0;
}
.pc_kf .nr {
width: 25%;
border-right: 1px solid rgba(255,255,255,.6);
font-size: 20px;
background: none;
box-shadow: none;
margin-bottom: 0;
float: left;
}
.pc_kf .tel {
display: none;
}
.pc_kf .ewm {
display: none;
}
.pc_kf .nr a {
display: block;
width: 100%;
border-radius: 0;
background-color: #0c36a0;
box-shadow: none;
}
.pc_kf .nr i {
color: #fff;
}
.pc_kf .nr a:hover i {
color: #fff;
}
.pc_kf .fh {
width: 25%;
box-shadow: none;
font-size: 22px;
float: left;
}
.pc_kf .nr i {
font-size: 20px;
}
}
.index-mod-title {
text-align: center;
padding-bottom: 40px;
}
.index-mod-title .mod-title-name {
font-size: 32px;
color: #333
}
.mod-title-en {
font-size: 12px;
color: #666;
text-transform: uppercase;
margin: 10px 0
}
.index-title-line {
width: 187px;
height: 24px;
background: center center no-repeat;
margin: auto;
}
.n_ban {
width: 100%;
height: 400px;
overflow: hidden;
position: relative;
}
.n_ban .w_z {
width: 40%;
text-align: center;
position: absolute;
top: 70%;
left: 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%);
}
.n_ban .w_z.rt {
width: 15%;
text-align: left;
position: absolute;
top: 50%;
left: 50%;
margin-left: -600px;
padding: 20px;
background: rgba(230,0,18,0.5);
border-radius: 10px;
}
.n_ban .w_z h3 {
font-size: 22px;
font-weight: bold;
color: #fff;
margin-bottom: 10px;
text-transform: uppercase;
display: none;
}
.n_ban .w_z p {
font-size: 36px;
margin-bottom: 20px;
color: #fff;
position: relative;
padding-top: 15px;
}
.n_ban .w_z p::before {
content: "";
position: absolute;
left: 0;
height: 3px;
background: #fff;
top: 0;
width: 30px
}
.n_ban .w_z a {
padding: 0 20px;
background-color: #e77817;
font-size: 15px;
line-height: 36px;
color: #fff;
border-radius: 20px;
display: inline-block;
margin: 0 10px;
}
.ntit {
width: 100%;
padding: 20px 0;
overflow: hidden;
border-bottom: #eee 1px solid;
}
.ntit ul li {
display: inline-block;
margin: 0 20px 0 0;
min-width: 110px;
float: left;
position: relative
}
.ntit ul li .e_j {
width: 600px;
background: #fff;
position: absolute;
left: 0;
top: 32px;
display: none;
z-index: 99;
text-align: center
}
.ntit ul li:hover .e_j {
display: block;
}
.ntit ul li .e_j a {
display: inline-block;
color: #333;
text-align: center;
font-size: 14px;
line-height: 35px;
float: left;
background: #fff;
padding: 0 10px;
}
.ntit ul li .e_j a:hover {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
color: #abcd05;
background: #fff;
line-height: 35px
}
.ntit ul li a {
line-height: 34px;
background: #eee;
padding: 0 20px;
font-size: 14px;
color: #333;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
text-align: center
}
.ntit ul li a:hover {
background: #0c36a0;
color: #fff;
}
.ntit ul li a.on {
background: #0c36a0;
color: #fff;
}
.ny_gywm {
overflow: hidden
}
.ny_gywm .gsjj {
padding-bottom: 50px;
overflow: hidden;
padding-top: 60px
}
.ny_gywm .gsjj .gk {
font-size: 16px;
line-height: 1.8;
margin-bottom: 30px;
color: #444;
padding-bottom: 30px;
}
.ny_gywm .gsjj .gk p {
text-indent: 2em;
margin-bottom: 10px
}
.ny_gywm .gsjj .tp {
width: 570px;
margin-top: 20px;
overflow: hidden;
}
.ny_gywm .gsjj .tp img {
}
.ny_gywm .gsjj .wz {
width: 600px;
}
.ny_gywm .gsjj .wz h3 {
font-size: 22px;
color: #222;
margin: 50px 0 20px;
text-align: center
}
.ny_gywm .gsjj .wz p {
line-height: 28px;
font-size: 14px;
color: #555;
}
.ny_gywm .gsjj .nr {
margin: 30px 0
}
.ny_gywm .gsjj .nr p {
line-height: 28px;
font-size: 14px;
color: #555;
margin-bottom: 20px;
text-indent: 2em;
}
/*新闻*/
.gray {
padding: 60px 0;
background: #f6f6f6;
}
.swiper-yxxy {
margin: 0 auto;
padding-bottom: 50px;
padding-top: 10px;
}
.swiper-yxxy .swiper-slide {
position: relative;
background: #fff;
padding-bottom: 10px;
}
.zxzx .swiper-button-prev {
background: center no-repeat;
width: 39px;
height: 39px;
margin-top: 0;
left: -45px;
}
.zxzx .swiper-button-next {
background: center no-repeat;
width: 39px;
height: 39px;
margin-top: 0;
right: -45px;
}
.zxzx {
position: relative;
width: 1300px;
margin: 0 auto;
}
.swiper-yxxy .swiper-slide .tp {
width: 100%;
position: relative
}
.swiper-yxxy .swiper-slide .tp img {
width: 100%
}
.swiper-yxxy .swiper-slide .rq {
position: absolute;
z-index: 100;
-webkit-transition: transform .3s ease-in-out, background-color .2s ease-in-out;
transition: transform .3s ease-in-out, background-color .2s ease-in-out;
background-color: #0c4192;
width: 58px;
padding-top: 13px;
padding-bottom: 13px;
color: #fff;
left: 0;
top: 0
}
.swiper-yxxy .swiper-slide .rq .month {
font-size: 12px;
line-height: 16px;
display: block;
text-align: center
}
.swiper-yxxy .swiper-slide .rq .day {
font-size: 28px;
line-height: 28px;
font-weight: 700;
margin-bottom: 2px;
display: block;
text-align: center
}
.swiper-yxxy .swiper-slide .rq .year {
font-size: 12px;
line-height: 16px;
color: #eee;
-webkit-transition: color .1s ease-in-out;
transition: color .1s ease-in-out;
display: block;
text-align: center
}
.swiper-yxxy .swiper-slide:hover .rq {
background: #b22922;
transform: translatey(-5px);
-wbkit-transform: translatey(-5px);
-o-transform: translatey(-5px);
-moz-transform: translatey(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.swiper-yxxy .swiper-slide .text {
width: 333px;
margin: 0 auto;
padding: 10px 0
}
.swiper-yxxy .swiper-slide h3 {
font-size: 20px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-bottom: 15px
}
.swiper-yxxy .swiper-slide p {
line-height: 1.9;
font-size: 14px;
color: #666;
}
.swiper-yxxy .swiper-slide:hover {
box-shadow: 0px 0px 10px #999;
transform: translatey(-5px);
-wbkit-transform: translatey(-5px);
-o-transform: translatey(-5px);
-moz-transform: translatey(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.nyhy {
padding: 40px 0;
overflow: hidden;
}
.nyhy ul li {
float: left;
width: 380px;
margin: 0 30px 30px 0;
position: relative;
background: #fff;
}
.nyhy ul li .kj {
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.02), 0 15px 40px 0 rgba(0,0,0,.02);
box-shadow: 0 10px 15px 0 rgba(0,0,0,.02), 0 15px 40px 0 rgba(0,0,0,.02);
}
.nyhy ul li:nth-child(3n) {
margin-right: 0
}
.nyhy ul li .tu {
width: 100%;
position: relative;
overflow: hidden
}
.nyhy ul li img {
width: 100%;
display: block;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.nyhy ul li:hover .tu img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.nyhy ul li .mb {
background: rgba(0,0,0,0.6);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
z-index: 99;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nyhy ul li:hover .mb {
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
}
.nyhy ul li .mb img {
width: 35px;
margin: 0 auto;
}
.nyhy ul li:hover .mb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.nyhy ul li .mb p {
padding: 20px;
font-size: 14px;
line-height: 1.8;
color: #fff;
}
.nyhy ul li .wenz {
padding: 20px 20px 10px;
background: #fff;
width: 100%;
background: 90% 20px no-repeat;
height: auto;
box-sizing: border-box;
}
.nyhy ul li:hover .wenz {
background: 90% 20px no-repeat;
}
.nyhy ul li .wenz h3 {
font-size: 16px;
margin-bottom: 10px;
color: #333;
}
.nyhy ul li .wenz p {
font-size: 12px;
color: #666;
line-height: 20px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
width: 100%
}
.nyhy ul li:hover .wenz h3 {
color: #e50011;
-webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.nyhy ul li:hover .kj {
-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16), 0 15px 40px 0 rgba(0,0,0,.16);
box-shadow: 0 10px 15px 0 rgba(0,0,0,.16), 0 15px 40px 0 rgba(0,0,0,.16);
transform: translatey(-5px);
-wbkit-transform: translatey(-5px);
-o-transform: translatey(-5px);
-moz-transform: translatey(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.page {
text-align: center;
margin: 30px auto;
}
.page a {
height: 26px;
line-height: 26px;
display: inline-block;
font-size: 14px;
color: #5a5a5a;
border: #f5f5f5 1px solid;
background: #f5f5f5;
margin: 0 3px;
padding: 0 10px;
}
.page a:hover {
background: #0c36a0;
border: #0c36a0 1px solid;
color: #fff;
}
.page a.hover {
background: #0c36a0;
border: #0c36a0 1px solid;
color: #fff;
}
.ny_fczs {
width: 1300px;
margin: 40px auto
}
.ny_fczs ul li {
width: 32%;
float: left;
margin: 0 2% 4% 0;
border-radius: 5px;
overflow: hidden;
position: relative;
height: 206px;
}
.ny_fczs ul li:nth-child(3n) {
margin-right: 0;
}
.ny_fczs ul li img {
width: 100%;
display: block;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
height: 206px;
}
.ny_fczs ul li:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.07);
-o-transform: scale(1.09);
-ms-transform: scale(1.07);
transform: scale(1.09);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ny_fczs ul li .box {
position: relative;
overflow: hidden;
}
.ny_fczs ul li .box h2 {
font-weight: 500;
font-size: 18px;
margin-bottom: 0;
letter-spacing: 1px;
}
.ny_fczs ul li .box h2, .ny_fczs ul li .box p {
position: absolute;
color: #fff;
z-index: 2;
width: 100%;
transition: opacity 0.2s, transform 0.3s;
}
.vintage h2 {
transform: translate3d(0, 60px, 0);
text-align: center;
top: 52%;
}
.vintage p {
opacity: 0;
bottom: 0;
transform: translate3d(0, -10px, 0);
font-size: 14px;
letter-spacing: 1px;
text-align: center;
}
.vintage:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%);
z-index: 2;
bottom: 0;
left: 0;
}
.vintage:hover:before {
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
}
.vintage:hover h2 {
bottom: 40px;
transform: translate3d(0, 20px, 0);
}
.vintage:hover p {
opacity: 1;
transform: translate3d(0, -30px, 0);
}
.ny_khfw {
margin: 40px auto;
width: 1300px;
overflow: hidden
}
.ny_khfw h3 {
font-size: 16px;
color: #333;
line-height: 2;
text-align: left;
}
.ny_khfw ul {
margin-top: 40px;
}
.ny_khfw ul li {
width: 380px;
float: left;
margin-right: 30px;
margin-bottom: 40px;
text-align: center;
-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.04), 0 15px 40px 0 rgba(0,0,0,.04);
box-shadow: 0 10px 15px 0 rgba(0,0,0,.04), 0 15px 40px 0 rgba(0,0,0,.04);
padding-bottom: 35px;
}
.ny_khfw ul li .tb {
width: 60px;
height: 60px;
margin: 20px auto;
}
.ny_khfw ul li .tb img {
width: 100%;
display: block;
}
.ny_khfw ul li h4 {
font-size: 18px;
color: #333;
margin-bottom: 10px;
}
.ny_khfw ul li p {
font-size: 14px;
color: #666;
line-height: 1.8;
}
.ny_khfw ul li:nth-child(3n) {
margin-right: 0
}
.lxly {
width: 1300px;
margin: 0 auto;
padding: 40px 0;
}
.lxly p {
font-size: 16px;
line-height: 1.8;
margin-bottom: 20px;
color: #333;
}
.lxly .wbk {
margin-top: 10px;
text-align: center
}
.lxly .wbk input.w_z {
width: 370px;
height: 50px;
line-height: 50px;
margin-right: 30px;
margin-bottom: 25px;
border: 1px solid #ccc;
padding: 0 15px;
float: left;
font-size: 18px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
color: #888;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-family: 'lato-light'
}
.lxly .wbk input.w_z.no {
margin-right: 0
}
.lxly .wbk textarea {
width: 100%;
height: 150px;
padding: 0 15px;
line-height: 50px;
color: #888;
font-size: 20px;
border: 1px solid #ccc;
outline: none;
resize: none;
margin-bottom: 70px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.lxly .wbk .a_n {
width: 300px;
height: 52px;
margin: 0 auto;
line-height: 52px;
font-size: 20px;
color: #fff;
text-align: center;
background: #d1101b;
}
.ny_ban {
width: 100%;
height: 350px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
z-index: 9;
}
.ny_ban .container {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
z-index: 9;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.ny_ban .w_z {
position: relative;
text-align: center;
color: #fff
}
.ny_ban .w_z h3 {
font-size: 36px;
line-height: 46px;
margin-bottom: 0px;
color: #fff;
letter-spacing: 2px;
font-weight: bold
}
.ny_ban .w_z em{ background:#fff; width:100px; height:4px; margin:15px auto; display:block;border-radius:2px}
.ny_ban .w_z h4 {
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
color: #fff
}
@media only screen and (max-width:992px) {
.ny_ban {
height: 360px;
background-attachment: scroll;
}
.ny_ban .container {
width: 100%;
top: 50%;
}
.ny_ban .w_z h3 {
font-size: 32px;
line-height: 40px;
}
.ny_ban .w_z h4 {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (max-width:640px) {
.ny_ban {
height: 160px;
}
.ny_ban .container {
width: 100%;
top:50%;
}
.ny_ban .w_z em{ background:#fff; width:50px; height:4px; margin:10px auto; display:block;border-radius:2px}
.ny_ban .w_z h3 {
font-size: 18px;
line-height: 32px;
}
.ny_ban .w_z h4 {
font-size: 14px;
line-height: 24px;
}
}
.ny_pr {
width: 100%;
border-bottom: 1px solid #e7e7e7;
background-color: #f7f7f7;
padding: 10px 0;
font-size: 14px;
color: #333;
overflow: hidden;
}
.ny_pr a {
color: #666;
}
.ny_pr a:hover {
color:#0c36a0;
}
.ny_pr i {
font-size: 18px;
background:#0c36a0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
cursor: pointer;
margin-right: 6px;
}
@media only screen and (max-width:640px) {
.ny_pr {
padding: 5px 0;
font-size: 12px;
}
}
.ny_pr1 {
width: 100%;
border-bottom: 1px solid #e7e7e7;
background-color: #f7f7f7;
padding: 10px 0;
font-size: 14px;
color: #333;
overflow: hidden;
}
.ny_pr1 a {
color: #333;
}
.ny_pr1 i {
font-size: 18px;
background:#0c36a0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
cursor: pointer;
margin-right: 6px;
}
@media only screen and (max-width:640px) {
.ny_pr1 {
padding: 5px 0;
font-size: 12px;
}
}
.ny_lmy {
width: 100%;
height: 60px;
border-bottom: 1px solid #e4e4e4;
line-height: 60px;
color: #aaa;
position: relative;
overflow: hidden;
}
.ny_lmy .l_m {
text-align: center
}
.ny_lmy .l_m ul li {
display: inline-block;
position: relative;
margin-right: 20px;
margin-left: 20px;
letter-spacing: 1px
}
.ny_lmy .l_m ul li a {
font-size: 16px;
color: #777;
display: block;
}
.ny_lmy .l_m ul li:after {
width: 0;
height: 3px;
background-color: #0c36a0;
content: "";
position: absolute;
bottom: 0;
left: 0;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.ny_lmy .l_m ul li:hover a {
color: #0c36a0;
}
.ny_lmy .l_m ul li:hover:after {
width: 100%;
}
.ny_lmy .l_m ul li.on a {
color: #0c36a0;
}
.ny_lmy .l_m ul li.on:after {
width: 100%;
}
@media only screen and (max-width:992px) {
.ny_lmy {
width: 100%;
height: auto;
border-bottom: 1px solid #e4e4e4;
line-height: 40px;
color: #aaa;
position: relative;
overflow: hidden;
}
.ny_lmy .l_m ul li {
display: inline-block;
position: relative;
margin-right: 0;
margin-left: 0;
letter-spacing: 1px;
width: 24%
}
.ny_lmy .l_m ul li a {
font-size: 14px;
color: #777;
display: block;
}
}
.ny_lm {
width: 100%;
height: 57px;
border-bottom: 1px solid #e4e4e4;
line-height: 56px;
color: #aaa;
position: relative;
overflow: hidden;
}
.ny_lm .w_z {
float: right;
font-size: 14px;
}
.ny_lm .w_z i {
vertical-align: middle;
font-size: 18px;
}
.ny_lm .w_z a {
color: #aaa;
}
.ny_lm .w_z a:hover {
color: #0c36a0;
}
.ny_lm .l_m {
text-align: left
}
.ny_lm .l_m ul li {
display: inline-block;
margin-right: 30px;
position: relative;
}
.ny_lm .l_m ul li a {
font-size: 16px;
color: #777;
display: block;
}
.ny_lm .l_m ul li:after {
width: 0;
height: 2px;
background-color: #0c36a0;
content: "";
position: absolute;
bottom: 0;
left: 0;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.ny_lm .l_m ul li:hover a {
color: #0c36a0;
}
.ny_lm .l_m ul li:hover:after {
width: 100%;
}
.ny_lm .l_m ul li.on a {
color: #0c36a0;
}
.ny_lm .l_m ul li.on:after {
width: 100%;
}
@media (min-width:1081px) {
.ny_lm {
height: 57px;
line-height: 56px;
}
.ny_lm .w_z {
font-size: 12px;
}
.ny_lm .w_z i {
font-size: 16px;
}
.ny_lm .l_m ul li {
margin-right: 30px;
}
.ny_lm .l_m ul li a {
font-size: 15px;
}
}
@media (min-width:1600px) {
.ny_lm {
height: 57px;
line-height: 56px;
}
.ny_lm .w_z {
font-size: 14px;
}
.ny_lm .w_z i {
font-size: 18px;
}
.ny_lm .l_m ul li {
margin-right: 30px;
}
.ny_lm .l_m ul li a {
font-size: 16px;
}
}
@media only screen and (max-width:640px) {
.ny_lm {
width: 100%;
height: auto;
border-bottom: 1px solid #e4e4e4;
line-height: 36px;
color: #aaa;
position: relative;
overflow: hidden;
}
.ny_lm .container {
padding-left: 5px;
padding-right: 5px
}
.ny_lm .l_m ul li {
display: inline-block;
margin-right: 3px;
position: relative;
margin-left: 3px
}
.ny_lm .l_m ul li a {
font-size: 14px;
color: #777;
display: block;
}
.ny_lm .l_m ul li:after {
width: 0;
height: 2px;
background-color: #0c36a0;
content: "";
position: absolute;
bottom: 0;
left: 0;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.ny_lm .w_z{ display:none}
}
.ny_nr {
width: 100%;
padding: 60px 0;
overflow: hidden;
}
.ny_nr .cg_al .n_r{border:1px solid #e7e7e7; overflow:hidden; padding:5px; margin-bottom:30px;}
.ny_nr .cg_al .t_p{overflow:hidden;}
.ny_nr .cg_al .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.ny_nr .cg_al .n_r: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);}
.ny_nr .cg_al .w_z{margin-top:10px; text-align:center;}
.ny_nr .cg_al .w_z h3{font-size:16px; font-weight: normal; line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333}
.ny_nr .cg_al .w_z h3 a{transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;color:#333}
@media only screen and (max-width:640px) {
.ny_nr .cg_al .col-6{ padding-left:8px; padding-right:8px}
.ny_nr .cg_al .n_r{border:1px solid #e7e7e7; overflow:hidden; padding:5px; margin-bottom:16px;}
.ny_nr .cg_al .w_z h3{font-size:14px; font-weight: normal; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333}
}
.ny_cp .shiyan{ height:auto; overflow:hidden; width:100%}
.ny_cp .shiyan li{ float:left; width:32%; margin-right:2%; margin-bottom:2%}
.ny_cp .shiyan li:nth-child(3n){margin-right:0; }
.ny_cp .fa_nr{transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_cp .fa_nr{border:1px solid #ddd;}
.ny_cp .fa_nr .t_p{overflow:hidden; background-color:#000; position:relative;}
.ny_cp .fa_nr .t_p span{width:140px; height:40px; border:1px solid #fff; border-radius:22px; font-size:15px; line-height:38px; text-align:center; color:#fff; position:absolute; top:50%; left:50%; margin:-20px 0 0 -70px; opacity:0; z-index:999; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_cp .fa_nr:hover .t_p span{opacity:1;}
.ny_cp .fa_nr:hover .t_p span:hover{border:1px solid #1f88fb; background-color:#1f88fb;}
.ny_cp .fa_nr .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;}
.ny_cp .fa_nr .w_z{padding:15px; background-color:#f7f7f7; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_cp .fa_nr:hover .w_z{background-color:#fff;}
.ny_cp .fa_nr .w_z:after{width:0; height:4px; background-color:#0c36a0; position:absolute; bottom:0; left:0; content:"";
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_cp .fa_nr:hover .w_z:after{width:100%;}
.ny_cp .fa_nr .w_z h3{font-size:16px; font-weight:bold; line-height:30px; margin-bottom:10px;}
.ny_cp .fa_nr .w_z h2{font-size:16px; font-weight: normal; line-height:30px; text-align:center}
.ny_cp .fa_nr .w_z p{font-size:14px; line-height:22px; color:#999; height:44px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
@media only screen and (max-width:992px) {
.ny_cp .shiyan li{ float:left; width:49%; margin-right:2%; margin-bottom:2%}
.ny_cp .shiyan li:nth-child(even) {margin-right:0; }
.ny_cp .shiyan li:nth-child(odd) {margin-right:2%; }
.ny_cp .fa_nr .w_z{padding:0; background-color:#f7f7f7; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_cp .fa_nr .w_z h2 {
font-size: 14px;
font-weight: normal;
line-height: 36px;
text-align: center;
}
}
.ny_nr .lx_wm {
box-shadow: 0 0 20px #ddd;
}
.ny_nr .lx_wm .n_r {
padding: 30px;
}
.ny_nr .lx_wm .n_r h3 {
font-size: 20px;
line-height: 32px;
color: #3264c3;
font-weight: 600;
}
.ny_nr .lx_wm .n_r h4 {
font-size: 14px;
line-height: 24px;
color: #888;
text-transform: uppercase;
margin-bottom: 20px;
}
.ny_nr .lx_wm .w_z {
font-size: 15px;
line-height: 36px;
}
.ny_nr .lx_wm .l_y input {
width: 100%;
height: 47px;
font-size: 14px;
line-height: 46px;
border-bottom: 1px solid #ddd;
display: block;
}
.ny_nr .lx_wm .l_y textarea {
width: 100%;
height: 78px;
padding: 10px 0;
font-size: 14px;
line-height: 26px;
border: 0;
border-bottom: 1px solid #ddd;
display: block;
resize: none;
background: none
}
.ny_nr .lx_wm .l_y .button {
width: 120px;
height: 36px;
background-color: #3264c3;
margin-top: 20px;
margin-right: 15px;
font-size: 15px;
line-height: 36px;
text-align: center;
color: #fff;
float: left;
}
.ny_nr .lx_wm .l_y .button.c_z {
background-color: #aaa;
}
@media only screen and (max-width:640px) {
.ny_nr {
padding: 20px 0;
}
.ny_nr .lx_wm {
box-shadow: 0 0 15px #ddd;
}
.ny_nr .lx_wm .n_r {
padding: 20px;
}
.ny_nr .lx_wm .n_r h3 {
font-size: 16px;
line-height: 26px;
}
.ny_nr .lx_wm .n_r h4 {
font-size: 13px;
line-height: 22px;
margin-bottom: 15px;
}
.ny_nr .lx_wm .w_z {
font-size: 13px;
line-height: 26px;
}
.ny_nr .lx_wm .l_y input {
font-size: 13px;
}
.ny_nr .lx_wm .l_y textarea {
font-size: 13px;
line-height: 24px;
}
.ny_nr .lx_wm .l_y .button {
width: 100px;
height: 30px;
font-size: 14px;
line-height: 30px;
}
}
.ny_bt {
text-align: center;
margin-bottom: 30px;
}
.ny_bt h3 {
font-size: 26px;
line-height: 30px;
color: #333;
margin-bottom: 10px;
}
.ny_bt p {
font-size: 15px;
font-family: arial;
color: #888;
text-transform: uppercase;
}
.ny_bt span {
width: 40px;
height: 3px;
background-color: #0c36a0;
display: block;
margin: 15px auto 0;
}
@media only screen and (max-width:992px) {
.ny_bt {
margin-bottom: 15px;
}
.ny_bt h3 {
font-size: 16px;
margin-bottom: 5px;
}
.ny_bt span {
height: 2px;
}
.ny_bt span {
width: 40px;
height: 2px;
background-color: #0c36a0;
display: block;
margin: 10px auto 0;
}
}
.ny_gy {
width: 100%;
padding: 80px 0;
overflow: hidden;
}
.ny_gy .w_z {
text-align: center;
font-size: 15px;
line-height: 28px;
letter-spacing: 1px;
color: #777;
}
@media only screen and (max-width:992px) {
.ny_gy {
padding: 40px 0;
}
.ny_gy .w_z {
font-size: 13px;
line-height: 24px;
letter-spacing: 0;
}
}
.ny_nr .cp_lb .n_r {
margin-bottom: 30px;
padding: 10px;
border: 1px solid #ddd;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.ny_nr .cp_lb .n_r:hover {
border: 1px solid #0c36a0;
box-shadow: 0 0 15px #ddd;
}
.ny_nr .cp_lb .t_p {
overflow: hidden;
}
.ny_nr .cp_lb .t_p img {
width: 100%;
height: auto;
display: block;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
}
.ny_nr .cp_lb .n_r: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);
}
.ny_nr .cp_lb .w_z {
background-color: #f7f7f7;
padding: 10px;
font-size: 15px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 10px;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.ny_nr .cp_lb .n_r:hover .w_z {
background-color: #0c36a0;
color: #fff;
}
@media only screen and (max-width:992px) {
.ny_nr .cp_lb .col-md-4 {
padding-left: 8px;
padding-right: 8px
}
.ny_nr .cp_lb .n_r {
margin-bottom: 10px;
padding: 10px;
border: 1px solid #ddd;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
}
.zhengshu-box{
width: 100%;
margin: auto;
text-align: center;
margin-top: 20px;
}
.zhengshu-box .zhengshu-search{
width: 750px;
height: 560px;
background: url(/uploads/image/acimages/zs-search-bg.jpg) no-repeat;
margin: auto;
position: relative;
padding-top: 210px;
}
.zhengshu-box .zhengshu-search .zs-search-form{
margin: auto;
top: 300px;
padding: 20px;
}
.zhengshu-box .zhengshu-search .zs-search-form .search-input{
width:350px;
height: 50px;
line-height: 50px;
border-radius: 4px;
background: #dde6fb;
padding: 0 10px;
color: #333;
font-size: 16px;
}
.zhengshu-box .zhengshu-search .zs-search-form .search-btn{
background: #3d5eb3;
display: block;
width: 180px;
height: 40px;
margin: 0 auto;
font-size: 16px;
line-height: 40px;
text-align: center;
border-radius: 20px;
border: 1px solid #3d5eb3;
color: #fff;
transition: all ease 600ms;
box-shadow: 0px 3px 17px 2px #e5e5e5;
margin-top: 20px;
margin-bottom: 20px;
}
.zhengshu-box .zhengshu-search .zs-search-form .search-btn:hover {
background-color: #fff;
color: #804f21;
width: 220px;
background: #0c36a0;
color: #fff;
transition: all ease 600ms;
}
.zhengshu-box .zhengshu-search .zs-search-form .download-box{
font-size: 16px;
margin-top: 30px;
}
.message-tishi-box{
opacity: 1;position: fixed;top: 40%;left: 40%;width: 380px;background: #fff;border-radius: 10px;text-align: center;
}
.message-tishi-box .msg-tishi-title{
padding: 10px;font-size: 18px;padding-top: 15px;
}
@media only screen and (max-width:992px) {
.zhengshu-box{
width: 100%;
margin: auto;
text-align: center;
}
.zhengshu-box .zhengshu-search{
width: 100%;
height: 300px;
background: #f5f5f5;
margin: auto;
position: relative;
padding-top: 20px;
}
.zhengshu-box .zhengshu-search .zs-search-form .search-input{
width:100%;
height: 50px;
line-height: 50px;
border-radius: 4px;
background: #dde6fb;
padding: 0 10px;
color: #333;
font-size: 16px;
}
.message-tishi-box{
opacity: 1;position: fixed;top: 40%;left: 10%;width: 80%;background: #fff;border-radius: 10px;text-align: center;
}
.message-tishi-box .msg-tishi-title{
padding: 10px;font-size: 16px;padding-top: 15px;
}
}
.ab_zr {
overflow: hidden;
}
.ab_zr .zr_bt {
color: #000;
text-align: center;
overflow: hidden;
margin-top: 80px;
margin-bottom: 80px;
padding: 0 112px;
}
.ab_zr .zr_bt h3 {
font-size: 36px;
line-height: 46px;
margin-bottom: 20px;
}
.ab_zr .zr_bt h5 {
font-size: 24px;
line-height: 32px;
text-transform: uppercase;
margin-bottom: 23px;
}
.ab_zr .zr_bt p {
color: #555555;
line-height: 36px;
font-size: 16px;
}
.ab_zr .zr_nr {
overflow: hidden;
}
.ab_zr .zr_nr .l_t, .ab_zr .zr_nr .r_b {
padding: 0;
}
.ab_zr .zr_nr img {
width: 100%;
height: auto;
}
.ab_zr .zr_nr .nr_r.r_t {
padding: 100px 77px 163px 90px;
}
.ab_zr .zr_nr .nr_l.l_b {
padding: 130px 77px 163px 90px;
}
.ab_zr .zr_nr .nr_r.r_t {
background-color: #f7f7f7;
}
.ab_zr .zr_nr .nr_l.l_b {
background-color: #f7f7f7;
}
.ab_zr .zr_nr h4 {
text-transform: uppercase;
color: #0c36a0;
font-size: 20px;
}
.ab_zr .zr_nr h3 {
color: #333;
font-size: 26px;
line-height: 52px;
margin-bottom: 30px;
}
.ab_zr .zr_nr p {
font-size: 16px;
color: #555;
line-height: 36px;
}
@media only screen and (max-width:992px) {
.ab_zr .zr_bt {
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
}
.ab_zr .zr_bt h3 {
font-size: 30px;
margin-bottom: 0;
}
.ab_zr .zr_bt h5 {
font-size: 20px;
margin-bottom: 10px;
}
.ab_zr .zr_bt p {
font-size: 14px;
line-height: 28px;
}
.ab_zr .zr_nr .row:nth-child(odd) {
flex-direction: column;
}
.ab_zr .zr_nr .row {
flex-direction: column-reverse;
}
.ab_zr .zr_nr h4 {
font-size: 18px;
}
.ab_zr .zr_nr h3 {
font-size: 18px;
margin-bottom: 0;
}
.ab_zr .zr_nr p {
width: 100%;
font-size: 14px;
line-height: 24px;
}
.ab_zr .zr_nr .nr_r.r_t {
padding: 20px 40px 30px;
}
.ab_zr .zr_nr .nr_l.l_b {
padding: 20px 40px 30px;
}
}
.xx_fw {
width: 100%;
overflow: hidden;
margin: 60px 0;
}
.xx_fw .fw_nr {
width: 100%;
background-color: #f7f7f7;
padding: 20px;
margin-bottom: 20px
}
.xx_fw .fw_nr .w_z {
padding: 20px;
}
.xx_fw .fw_nr .w_z h3 {
font-size: 20px;
font-weight: bold;
color: #333;
}
.xx_fw .fw_nr .w_z em {
width: 50px;
height: 4px;
background-color: #0c36a0;
margin: 15px 0 35px;
display: block;
}
.xx_fw .fw_nr .n_r {
font-size: 15px;
line-height: 28px;
color: #777;
}
.xx_fw .fw_nr .n_r strong {
font-size: 18px;
color: #333;
line-height: 32px;
display: block;
}
.xx_fw .fw_nr .t_p img {
width: 100%;
height: auto;
display: block;
}
@media only screen and (max-width:992px) {
.xx_fw {
width: 100%;
overflow: hidden;
margin: 20px 0;
}
.xx_fw .fw_nr {
width: 100%;
background-color: #f7f7f7;
padding: 10px;
margin-bottom: 10px
}
.xx_fw .fw_nr .w_z {
padding: 10px;
}
.xx_fw .fw_nr .w_z h3 {
font-size: 16px;
font-weight: bold;
color: #333;
}
.xx_fw .fw_nr .w_z em {
width: 30px;
height: 4px;
background-color: #0c36a0;
margin: 15px 0 15px;
display: block;
}
}
.zs_sp {
width: 100%;
padding: 70px 0;
background-color: #f5f7f8;
overflow: hidden;
}
.zs_sp .n_r {
margin-bottom: 30px;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.zs_sp .n_r:hover {
box-shadow: 0 8px 20px #ddd;
}
.zs_sp .t_p {
overflow: hidden;
position: relative;
}
.zs_sp .t_p img {
width: 100%;
height: auto;
display: block;
}
.zs_sp .t_p:after {
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.2);
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.zs_sp .t_p1 {
overflow: hidden;
position: relative;
}
.zs_sp .t_p1 img {
width: 100%;
height: auto;
display: block;
}
.zs_sp .n_r:hover .t_p:after {
background-color: rgba(0,0,0,.2);
}
.zs_sp .b_f {
width: 50px;
height: 50px;
background: no-repeat center / 100% 100%;
position: absolute;
z-index: 99;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.zs_sp .w_z {
background-color: #fff;
padding: 20px;
font-size: 18px;
line-height: 28px;
color: #333;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
@media only screen and (max-width:640px) {
.zs_sp {
padding: 20px 0;
}
.zs_sp .col-lg-4 {
padding-left: 8px;
padding-right: 8px
}
.zs_sp .w_z {
font-size: 14px;
line-height: 26px;
padding: 8px
}
.zs_sp .n_r {
margin-bottom: 10px;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.zs_sp .col-lg-3 {
padding-left: 5px;
padding-right: 5px
}
}
.gs_w1z {
width: 100%;
height: auto;
overflow: hidden;
margin: 60px auto
}
.gs_w1z img {
width: 100%
}
@media only screen and (max-width:992px) {
.gs_w1z {
width: 100%;
height: auto;
overflow: hidden;
margin: 30px auto
}
}
@media only screen and (max-width:640px) {
}
.gs_js {
width: 100%;
padding: 60px 0;
overflow: hidden;
}
.gs_js .gs_wz {
font-size: 15px;
line-height: 30px;
text-align: left;
}
.gs_js .gs_wz img {
margin-top: 20px;
width: 100%
}
.gs_yj {
width: 100%;
height: auto;
overflow: hidden;
padding-bottom: 50px
}
.gs_yj .n_r {
width: 100%;
height: 260px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
.gs_yj .n_r:after {
width: 100%;
height: 100%;
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 2;
opacity: 0.3;
background-image: -webkit-linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%);
background-image: -moz-linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%);
background-image: -ms-linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%);
background-image: -o-linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%);
background-image: linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%);
}
.gs_yj .w_z {
width: 80%;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 26px;
position: absolute;
left: 10%;
top: 40%;
z-index: 99;
}
.gs_yj .w_z h3 {
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
color: #fff
}
@media only screen and (max-width:992px) {
.gs_js {
width: 100%;
padding: 20px 0 20px;
overflow: hidden;
}
.gs_js .gs_wz {
font-size: 14px;
line-height: 24px;
text-align: left;
}
.gs_yj {
width: 100%;
padding: 20px 0;
background-color: #fafafa;
overflow: hidden;
}
.gs_yj .col-md-4 {
padding-right: 5px;
padding-left: 5px;
}
.gs_yj .n_r {
width: 100%;
height: 100px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
margin-bottom: 10px
}
.gs_yj .w_z {
width: 80%;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 26px;
position: absolute;
left: 10%;
top: 33%;
z-index: 99;
}
.gs_yj .w_z h3 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.gs_yj .w_z p {
margin-bottom: 10px;
font-size: 14px
}
}
.ny_wh {
width: 100%;
padding: 60px 0;
background-color: #fafafa;
overflow: hidden;
}
.ny_wh .row {
margin: 0 -10px;
}
.ny_wh .col-sm-4 {
padding: 0 10px;
}
.ny_wh .n_r {
background-color: #fff;
padding: 30px 30px;
position: relative;
}
.ny_wh .n_r:before {
width: 100%;
height: 4px;
background-color: #a5300f;
content: "";
position: absolute;
bottom: 0;
left: 0;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.ny_wh .n_r:hover:before {
height: 100%;
}
.ny_wh .n_r1 {
background-color: #fff;
padding: 30px 30px;
position: relative;
}
.ny_wh .n_r1:before {
width: 100%;
height: 4px;
background-color: #7f5f52;
content: "";
position: absolute;
bottom: 0;
left: 0;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.ny_wh .n_r1:hover:before {
height: 100%;
}
.ny_wh .n_r2 {
background-color: #fff;
padding: 30px 30px;
position: relative;
}
.ny_wh .n_r2:before {
width: 100%;
height: 4px;
background-color: #e19825;
content: "";
position: absolute;
bottom: 0;
left: 0;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.ny_wh .n_r2:hover:before {
height: 100%;
}
.ny_wh .t_b {
width: 120px;
height: 120px;
overflow: hidden;
background-size: 100% !important;
position: relative;
z-index: 1;
margin: 0 auto;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.ny_wh .t_b.t_1 {
background: no-repeat top center;
}
.ny_wh .n_r:hover .t_b.t_1 {
background: no-repeat bottom center;
}
.ny_wh .t_b.t_2 {
background: no-repeat top center;
}
.ny_wh .n_r1:hover .t_b.t_2 {
background: no-repeat bottom center;
}
.ny_wh .t_b.t_3 {
background: no-repeat top center;
}
.ny_wh .n_r2:hover .t_b.t_3 {
background: no-repeat bottom center;
}
.ny_wh .w_z {
margin-top: 25px;
text-align: center;
position: relative;
z-index: 1;
}
.ny_wh .w_z h3 {
font-size: 22px;
line-height: 32px;
font-weight: bold;
color: #333;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.ny_wh .n_r:hover .w_z h3 {
color: #fff;
}
.ny_wh .w_z h4 {
font-size: 15px;
color: #999;
line-height: 22px;
font-family: arial, helvetica, sans-serif;
margin-bottom: 20px;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.ny_wh .n_r:hover .w_z h4 {
color: #fff;
}
.ny_wh .w_z p {
line-height: 26px;
color: #555;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
font-size: 14px;
height: 100px
}
.ny_wh .n_r:hover .w_z p {
color: #fff;
}
.ny_wh .n_r1:hover .w_z p {
color: #fff;
}
.ny_wh .n_r2:hover .w_z p {
color: #fff;
}
@media only screen and (max-width:992px) {
.ny_wh {
padding: 20px 0;
}
.ny_wh .n_r {
margin-top: 15px;
padding: 30px 20px;
}
.ny_wh .t_b {
width: 100px;
height: 100px;
}
.ny_wh .w_z {
margin-top: 15px;
}
.ny_wh .w_z h3 {
font-size: 20px;
line-height: 30px;
}
.ny_wh .w_z h4 {
font-size: 14px;
margin-bottom: 10px;
}
.ny_wh .w_z p {
min-height: inherit;
font-size: 13px;
line-height: 22px;
}
}
.gy_wm {
width: 100%;
padding: 60px 0 80px;
overflow: hidden;
}
.gy_wm .zp_js .n_r {
margin-bottom: 50px;
overflow: hidden;
box-shadow: 0px 5px 10px 0px rgba(95,125,158,.1);
}
.gy_wm .zp_js .t_p img {
width: 100%;
height: auto;
display: block;
}
.gy_wm .zp_js .w_z {
padding: 20px;
}
.gy_wm .zp_js .w_z h3 {
font-size: 20px;
font-weight: bold;
color: #0c36a0;
margin-bottom: 15px;
}
.gy_wm .zp_js .w_z p {
font-size: 15px;
line-height: 26px;
color: #777;
}
.gy_wm .yj_cp .row {
margin: 0 -10px;
}
.gy_wm .yj_cp .col-12 {
padding: 0 10px;
}
.gy_wm .yj_cp .n_r {
box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1);
margin-bottom: 20px
}
.gy_wm .yj_cp .t_p {
overflow: hidden;
}
.gy_wm .yj_cp .t_p img {
width: 100%;
height: auto;
display: block;
transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
.gy_wm .yj_cp .n_r:hover .t_p img {
transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.gy_wm .yj_cp .w_z {
padding: 10px 20px 15px;
text-align: left;
}
.gy_wm .yj_cp .w_z h3 {
font-size: 16px;
line-height: 32px;
font-weight: bold;
}
.gy_wm .yj_cp .w_z p {
line-height: 24px;
font-size: 14px
}
.gy_wm .gy_wz {
font-size: 16px;
line-height: 32px;
color: #333;
padding: 30px;
border-radius: 20px;
border: 2px solid #ddd;
margin-bottom: 30px;
}
.gy_wm .gy_nr img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.gy_wm .ry_zz .n_r {
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1);
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.gy_wm .ry_zz .n_r:hover {
box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, 0.3);
transform: translatey(-10px);
-o-transform: translatey(-10px);
-ms-transform: translatey(-10px);
-moz-transform: translatey(-10px);
-webkit-transform: translatey(-10px);
}
.gy_wm .ry_zz img {
width: 100%;
height: auto;
display: block;
}
.gy_wm .ry_zz p {
font-size: 16px;
text-align: center;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ddd;
}
.gy_wm .td_zs .n_r {
overflow: hidden;
margin-bottom: 30px;
position: relative;
cursor: pointer;
}
.gy_wm .td_zs .n_r .t_p img {
width: 100%;
height: auto;
display: block;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
}
.gy_wm .td_zs .n_r: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);
}
.gy_wm .td_zs .n_r .w_z {
width: 100%;
padding: 15px;
background-color: rgba(0,0,0,.6);
position: absolute;
bottom: 0;
left: 0;
font-size: 18px;
font-weight: bold;
line-height: 26px;
color: #fff;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.gy_wm .td_zs .n_r:hover .w_z {
background-color: rgba(87,47,118,.8);
}
.gy_wm .td_zs .n_r .w_z span {
float: right;
font-size: 14px;
font-weight: normal;
}
.gy_wm .zp_nr .row {
margin: 0 -25px;
}
.gy_wm .zp_nr .col-12 {
padding: 0 25px;
}
.gy_wm .zp_nr .n_r {
margin-bottom: 50px;
overflow: hidden;
box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1);
}
.gy_wm .zp_nr .t_p img {
width: 100%;
height: auto;
display: block;
}
.gy_wm .zp_nr .w_z {
padding: 20px;
}
.gy_wm .zp_nr .w_z h3 {
font-size: 20px;
font-weight: bold;
color: #0c36a0;
margin-bottom: 15px;
}
.gy_wm .zp_nr .w_z p {
font-size: 15px;
line-height: 26px;
color: #777;
}
.gy_wm .zp_dz .row {
margin: 0 -25px;
}
.gy_wm .zp_dz .col-12 {
padding: 0 25px;
}
.gy_wm .zp_dz .n_r {
padding: 30px;
box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1);
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.gy_wm .zp_dz .n_r:hover {
background-color: #0c36a0;
}
.gy_wm .zp_dz .n_r h3 {
font-size: 26px;
font-weight: bold;
color: #0c36a0;
margin: 30px 0;
}
.gy_wm .zp_dz .n_r:hover h3 {
color: #fff;
}
.gy_wm .zp_dz .n_r h4 {
font-size: 15px;
line-height: 26px;
}
.gy_wm .zp_dz .n_r:hover h4 {
color: #fff;
}
.gy_wm .zp_dz .n_r span {
font-size: 12px;
line-height: 26px;
color: #777;
}
.gy_wm .zp_dz .n_r:hover span {
color: #fff;
}
.gy_wm .zp_dz .n_r a {
display: block;
}
.gy_wm .lx_dt .map {
width: 100%;
height: 460px;
margin-bottom: 50px;
}
.gy_wm .lx_wm .n_r h3 {
font-size: 22px;
line-height: 32px;
color: #0c36a0;
}
.gy_wm .lx_wm .n_r h4 {
font-size: 16px;
line-height: 24px;
color: #888;
text-transform: uppercase;
margin-bottom: 20px;
}
.gy_wm .lx_wm .w_z {
font-size: 15px;
line-height: 32px;
}
.gy_wm .lx_wm .l_y input {
width: 100%;
height: 47px;
font-size: 14px;
line-height: 46px;
border-bottom: 1px solid #ddd;
display: block;
}
.gy_wm .lx_wm .l_y textarea {
width: 100%;
height: 72px;
padding: 10px 0;
font-size: 14px;
line-height: 26px;
border-bottom: 1px solid #ddd;
display: block;
resize: none;
}
.gy_wm .lx_wm .l_y button {
width: 120px;
height: 36px;
background-color: #0c36a0;
margin-top: 15px;
margin-right: 15px;
font-size: 15px;
line-height: 36px;
text-align: center;
color: #fff;
float: left;
}
.gy_wm .lx_wm .l_y button.c_z {
background-color: #aaa;
}
@media only screen and (max-width:640px) {
.gy_wm {
width: 100%;
padding: 30px 0 50px;
overflow: hidden;
}
.gy_wm .yj_cp .w_z {
padding: 10px;
text-align: left;
}
.gy_wm .ry_zz p {
font-size: 14px;
text-align: center;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ddd;
}
.gy_wm .yj_cp .w_z h3 {
font-size: 14px;
line-height: 26px;
font-weight: bold;
}
.gy_wm .yj_cp .w_z p {
line-height: 24px;
font-size: 12px
}
.gy_wm .ry_zz .n_r {
background-color: #fff;
padding: 10px;
margin-bottom: 0px;
box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1);
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.gy_wm .ry_zz .col-lg-3 {
padding: 10px;
padding-right: 10px
}
}
.gs_dt {
width: 100%;
height: 400px;
overflow: hidden;
}
@media only screen and (max-width:992px) {
.gs_dt {
height: 300px;
}
}
@media only screen and (max-width:640px) {
.gs_dt {
height: 250px;
}
}
.ny_nr .zl_lb .n_r {
padding: 20px 20px 20px 100px;
border: 1px solid #ddd;
margin-bottom: 30px;
position: relative;
}
.ny_nr .zl_lb h3 {
font-size: 18px;
line-height: 32px;
font-weight: bold;
margin-bottom: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.ny_nr .zl_lb ul li:hover h3 {
color: #0c36a0;
}
.ny_nr .zl_lb i {
font-size: 60px;
position: absolute;
top: 20px;
left: 20px;
}
.ny_nr .zl_lb p {
margin-bottom: 10px;
line-height: 28px;
height: auto;
color: #888;
overflow: hidden;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px
}
.ny_nr .zl_lb a {
width: 120px;
background-color: #0c36a0;
line-height: 32px;
text-align: center;
color: #fff;
display: block;
}
@media only screen and (max-width:640px) {
.ny_nr .zl_lb .n_r {
border: 1px dotted #ccc;
margin-bottom: 10px;
position: relative;
}
.ny_nr .zl_lb h3 {
font-size: 14px;
line-height: 26px;
font-weight: bold;
margin-bottom: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.ny_nr .zl_lb p {
margin-bottom: 10px;
line-height: 22px;
height: auto;
color: #888;
overflow: hidden;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ny_nr .zl_lb a {
width: 100px;
background-color: #0c36a0;
line-height: 28px;
text-align: center;
color: #fff;
display: block;
font-size: 12px
}
}
.ny_nr .xw_lb {
height: auto;
overflow: hidden
}
.ny_nr .xw_lb ul li {
margin-bottom: 30px;
background: #fafafa
}
.ny_nr .xw_lb .t_p img {
width: 100%;
height: auto;
display: block;
}
.ny_nr .xw_lb .w_z h3 {
font-size: 16px;
font-weight: bold;
line-height: 32px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 20px
}
.ny_nr .xw_lb .w_z h3 a {
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
color: #333
}
.ny_nr .xw_lb ul li:hover .w_z h3 a {
color: #0c36a0;
}
.ny_nr .xw_lb .w_z span {
font-size: 13px;
color: #555;
display: block;
letter-spacing: 1px;
}
.ny_nr .xw_lb .w_z i {
color: #333;
padding-right: 5px;
font-size: 14px
}
.ny_nr .xw_lb .w_z p {
font-size: 14px;
line-height: 26px;
letter-spacing: 1px;
color: #999;
height: auto;
margin-top: 15px;
margin-bottom: 15px;
overflow: hidden;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
-webkit-box-orient: vertical;
color: #666;
padding-right: 20px
}
.ny_nr .xw_lb .w_z a.x_q {
width: 100px;
height: 32px;
border: 1px solid #0c36a0;
font-size: 14px;
text-align: center;
line-height: 30px;
color: #0c36a0;
display: block;
margin-top: 20px;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.ny_nr .xw_lb .w_z a.x_q:hover {
background-color: #0c36a0;
color: #fff;
}
.ny_nr .al_lb .row {
margin: 0 -10px;
}
.ny_nr .al_lb .col-12 {
padding: 0 10px;
}
.ny_nr .al_lb .n_r {
box-shadow: 0px 5px 10px 0px rgba(95,125,158,.1);
margin-bottom: 20px;
}
.ny_nr .al_lb .t_p {
overflow: hidden;
}
.ny_nr .al_lb .t_p img {
width: 100%;
height: auto;
display: block;
transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
.ny_nr .al_lb .n_r:hover .t_p img {
transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.ny_nr .al_lb .w_z {
padding: 10px;
text-align: left;
}
.ny_nr .al_lb .w_z h3 {
font-size: 16px;
line-height: 30px;
font-weight: bold;
margin-bottom: 5px
}
.ny_nr .al_lb .w_z p {
line-height: 24px;
color: #555;
font-size: 14px;
height: 100px
}
@media only screen and (max-width:640px) {
.ny_nr .xw_lb ul li {
margin-bottom: 15px;
background: #fafafa
}
.ny_nr .al_lb .n_r {
margin-bottom: 20px;
}
.ny_nr .xw_lb .w_z h3 {
font-size: 14px;
font-weight: bold;
line-height: 22px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 5px
}
.ny_nr .xw_lb .w_z p {
font-size: 12px;
line-height: 22px;
letter-spacing: 1px;
color: #999;
height: auto;
margin-top: 5px;
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
line-clamp: 3;
-webkit-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
-webkit-box-orient: vertical;
color: #666
}
.ny_nr .xw_lb .w_z {
padding: 10px;
text-align: left;
}
}
.rc_zp {
width: 100%;
padding: 60px 0;
letter-spacing: 1px;
overflow: hidden;
}
.rc_zp .ts {
font-size: 15px;
line-height: 26px;
color: #888;
text-align: center;
margin-bottom: 20px;
}
.rc_zp .ts a {
color: #0c36a0;
}
.rc_zp .jr_lm {
border: 1px solid #e7e7e7;
overflow: hidden;
margin-bottom: 10px;
}
.rc_zp .jr_lm.jt {
border: 1px solid #0c36a0;
}
.rc_zp .jr_bt {
padding: 10px 20px;
height: 60px;
font-size: 14px;
line-height: 40px;
color: #555;
overflow: hidden;
cursor: pointer;
position: relative;
}
.rc_zp .jr_bt:hover {
background-color: #e7e7e7;
}
.rc_zp .jr_bt.on {
background-color: #e7e7e7;
}
.rc_zp .jr_bt i {
position: absolute;
top: 50%;
right: 15px;
font-size: 15px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.rc_zp .jr_bt.on i {
transform: translate(0, -50%) rotate(180deg);
-webkit-transform: translate(0, -50%) rotate(180deg);
-moz-transform: translate(0, -50%) rotate(180deg);
-ms-transform: translate(0, -50%) rotate(180deg);
-o-transform: translate(0, -50%) rotate(180deg);
}
.rc_zp .jr_lm.jt .jr_bt {
background-color: #0c36a0;
color: #fff;
padding: 0 20px;
line-height: 60px;
}
.rc_zp .jr_bt span {
float: left;
width: 33.333333%;
text-align: center;
}
.rc_zp .jr_bt span.s_40 {
text-align: left;
}
.rc_zp .jr_nr {
background-color: #fff;
padding: 30px 25px 10px;
font-size: 14px;
line-height: 32px;
margin-bottom: 3px;
display: none;
position: relative;
}
.rc_zp .jr_nr .lm {
color: #0c36a0;
}
.rc_zp .jr_nr .js {
margin-bottom: 20px;
}
.rc_zp .jr_nr a.wy_yp {
width: 110px;
height: 36px;
position: absolute;
top: 30px;
right: 35px;
background-color: #0c36a0;
font-size: 15px;
line-height: 36px;
color: #fff;
text-align: center;
display: block;
}
.rc_zp .jr_nr a.wy_yp i {
padding-left: 5px;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.rc_zp .jr_nr a.wy_yp:hover i {
padding-left: 15px;
}
@media only screen and (max-width:992px) {
.rc_zp {
padding: 35px 0;
}
.rc_zp .ts {
font-size: 13px;
line-height: 24px;
margin-bottom: 10px;
}
.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;
}
.rc_zp .jr_nr a.wy_yp {
width: 100px;
height: 30px;
top: 10px;
right: 25px;
font-size: 14px;
line-height: 30px;
}
.rc_zp .jr_nr a.wy_yp:hover i {
padding-left: 10px;
}
}
@media only screen and (max-width:992px) {
.rc_zp {
padding: 20px 0;
}
.rc_zp .ts {
font-size: 12px;
line-height: 22px;
}
.rc_zp .jr_bt {
padding: 5px 15px;
height: 40px;
line-height: 30px;
}
.rc_zp .jr_lm.jt .jr_bt {
padding: 5px 15px;
line-height: 30px;
}
.rc_zp .jr_nr {
padding: 10px 15px;
font-size: 12px;
line-height: 22px;
}
.rc_zp .jr_nr .lm {
margin-bottom: 10px;
}
.rc_zp .jr_nr a.wy_yp {
width: 90px;
height: 26px;
position: relative;
top: auto;
right: auto;
font-size: 13px;
line-height: 26px;
margin-left: 15px;
}
}
.yema{margin-top:30px; text-align:center;}
.yema ul li{min-width:36px; display:inline-block; margin:0 3px;}
.yema ul li a{border-radius:2px; padding:0 12px; border:1px solid #ddd; font-size:14px; line-height:34px; text-align:center; color:#333; display:block;}
.yema ul li a:hover{background-color:#0c36a0; border:1px solid #0c36a0; color:#fff;}
.yema ul li a.on{background-color:#0c36a0; border:1px solid #0c36a0; color:#fff;}
@media only screen and (max-width:640px){
.yema{margin-top:10px;}
.yema ul li a{min-width:30px; height:30px; font-size:12px; line-height:28px;}
}
.ny_cp {
width: 100%;
padding: 50px 0 50px;
overflow: hidden;
}
.ny_cp .gy_nr {
margin-top: 30px;
font-size: 15px;
line-height: 30px;
color: #333;
}
.ny_cp .gy_nr img {
height: auto;
}
.ny_cp .gy_nr h1 {
font-size: 18px;
font-weight: bold;
color: #0c36a0;
margin-bottom: 10px
}
.ny_cp .ny_lmm {
height: auto;
overflow: hidden; margin-bottom:15px
}
.ny_cp .ny_lmm .nylx{ font-size:15px; line-height:32px; background:#f7f7f7; padding:15px 20px}
.ny_cp .ny_lmm .nylx img{ width:80%; margin:10px auto}
.ny_cp .ny_lmm .b_t {
background: #0c36a0;
margin-bottom: 5px; border-bottom:#fff 1px solid; text-align:left; height:auto; overflow:hidden}
.ny_cp .ny_lmm .b_t h3 {
font-size: 18px;
line-height: 45px;
color: #fff;
font-weight: normal ; padding-left:10px; float:left
}
.ny_cp .ny_lmm .b_t span { float:right;line-height: 45px; padding-right:10px; font-size:14px}
.ny_cp .ny_lmm .b_t span a{ color:#fff}
.ny_cp .ny_lmm .b_t span a:hover{color:#2762f7 }
.ny_cp .ny_lmm .b_t h2 {
font-size: 24px;
line-height: 35px;
color: #fff;
font-weight: bold ; text-align:center; padding-top:15px ;
}
.ny_cp .ny_lmm .b_t h4 {
font-size: 12px;
line-height: 35px;
color: #fff;
font-family: arial;
text-transform: uppercase; text-align:center; font-weight:bold; padding-bottom:5px
}
.ny_cp .ny_lmm .b_t em {
width: 44px;
height: 2px;
margin: 8px 0 5px;
background-color: #aaa;
display: block;
}
.ny_cp .ny_lmm .l_b {
display: none;
padding: 0 15px;
font-size: 24px;
color: #fff;
text-align: left;
line-height: 80px;
background-color: #0c36a0;
position: relative;
}
.ny_cp .ny_lmm .l_b i {
position: absolute;
top: 50%;
right: 15px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
}
.ny_cp .ny_lmm .l_m {background-color: #fff;}
.ny_cp .ny_lmm .l_m em{position:absolute; top:0; right:20px; width:44px; height:44px; display:block; font-size:22px; color:#fff; text-align:center;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_cp .ny_lmm .l_m ul li {
display: block;
margin-bottom: 1px; text-align: center
}
.ny_cp .ny_lmm .l_m a {
display: block;
background: #f7f7f7;
font-size: 16px;
line-height: 45px; margin-bottom:1px;
color: #333
}
.ny_cp .ny_lmm .l_m ul li.on a {
background-color: #0c36a0;
color: #fff;
}
.ny_cp .ny_lmm .l_m a.e_j {
position: relative;background-color: #0c36a0; color:#fff
}
.ny_cp .ny_lmm .l_m2 {background-color: #fff;}
.ny_cp .ny_lmm .l_m2 ul li {
display: block;
background: #f7f7f7 no-repeat 8px center;
margin-bottom: 1px; text-align:left
}
.ny_cp .ny_lmm .l_m2 a {
display: block;
padding: 0 0 0 20px;
font-size: 14px;
line-height: 40px;
color: #333
}
.ny_cp .ny_lmm .l_m2 a:hover{ color:#0c36a0; }
.ny_cp .ny_lmm .l_m2 ul li.on a {
background-color: #0c36a0;
color: #fff;
}
.ny_cp .ny_lmm .l_m2 a.e_j {
position: relative;
}
.ny_cp .ny_lmm .l_m1 {background-color: #fff;}
.ny_cp .ny_lmm .l_m1 ul li {
display: block;
background: #f7f7f7 ;
margin-bottom: 1px; text-align: center
}
.ny_cp .ny_lmm .l_m1 a {
display: block;
font-size: 16px;
line-height: 45px;
color: #333
}
.ny_cp .ny_lmm .l_m1 ul li.on a {
background:#0c36a0 no-repeat 240px center;
color: #fff;
}
.ny_cp .ny_lmm .l_m1 ul li:hover a {
background:#0c36a0 no-repeat 240px center;
color: #fff;
}
.ny_cp .ny_lmm .s_j {
display: none;
}
.ny_cp .ny_lmm .l_m ul li.on .s_j {
display: block;
}
.ny_cp .ny_lmm .s_j a {
font-size: 16px;
line-height: 45px;
color: #555;
}
.ny_cp .ny_lmm .l_m ul li:hover .s_j a {
background: none;
color: #555;
}
.ny_cp .ny_lmm .l_m ul li:hover .s_j a:hover {
color: #0c36a0;
}
.ny_cp .ny_lmm .l_m ul li.on .s_j a {
background: #f7f7f7;
color: #333;
font-size: 16px; margin-bottom:1px;
}
.ny_cp .ny_lmm .l_m ul li.on .s_j a.n {
color: #0c36a0;
}
.ny_cp .cp_lm {
padding: 10px;
background: #0c36a0 no-repeat top center / 100% auto;
position: absolute;
width: 270px;
}
.ny_cp .cp_lm .b_t {
margin: 10px 5px 15px;
text-align: left
}
.ny_cp .cp_lm .b_t h3 {
font-size: 22px;
line-height: 32px;
color: #fff;
}
.ny_cp .cp_lm .b_t span {
font-size: 14px;
line-height: 30px;
color: #ccc;
font-family: arial;
text-transform: uppercase;
}
.ny_cp .cp_lm .b_t em {
width: 44px;
height: 2px;
margin: 8px 0 5px;
background-color: #aaa;
display: block;
}
.ny_cp .cp_lm .l_b {
display: none;
padding: 0 15px;
font-size: 24px;
color: #fff;
text-align: left;
line-height: 80px;
background-color: #0c36a0;
position: relative;
}
.ny_cp .cp_lm .l_b i {
position: absolute;
top: 50%;
right: 15px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
}
.ny_cp .cp_lm .l_m {
padding: 7px 7px 0 7px;
background-color: #fff;
}
.ny_cp .cp_lm .l_m h5 {
background-color: #f2f2f2;
position: relative;
padding: 0 15px;
height: auto;
overflow: hidden
}
.ny_cp .cp_lm .l_m h5 a {
font-size: 14px;
font-weight: normal;
color: #000;
line-height: 40px;
}
.ny_cp .cp_lm .l_m h5.on {
background: #0c36a0;
color: #fff;
}
.ny_cp .cp_lm .l_m h5.on a {
color: #fff;
}
.ny_cp .cp_lm .l_m h5 i {
font-size: 15px;
line-height: 40px;
text-align: right;
position: absolute;
width: 60%;
height: 40px;
right: 10px;
top: 50%;
cursor: pointer;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
}
.ny_cp .cp_lm .l_m h5.on i {
color: #fff;
}
.ny_cp .cp_lm .l_m h5:hover {
background: #0c36a0
}
.ny_cp .cp_lm .l_m h5:hover a {
color: #fff
}
.ny_cp .cp_lm .l_m h5:hover i {
color: #fff
}
.ny_cp .cp_lm .l_m .n_ej {
background-color: #f7f7f7;
display: none;
height: auto;
overflow: hidden
}
.ny_cp .cp_lm .l_m ul li:first-child .n_ej {
display: block;
}
.ny_cp .cp_lm .l_m .n_ej a {
text-indent: 15px;
line-height: 30px;
color: #555;
margin-bottom: 1px;
display: block;
font-size: 14px
}
.ny_cp .cp_lm .l_m .n_ej a:hover {
color: #0c36a0;
text-indent: 20px;
background-color: #ecf6fd;
}
.ny_cp .cp_lm .l_m ul li {
display: block;
background-color: #f7f7f7;
margin-bottom: 7px;
}
.ny_cp .cp_lm .l_m a.e_j {
display: block;
padding: 0 15px;
font-size: 17px;
font-weight: bold;
line-height: 44px;
position: relative;
background-color: #f2f2f2;
color: #000;
}
.ny_cp .cp_lm .l_m i {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
display: block;
font-size: 16px;
color: #000;
text-align: center;
}
.ny_cp .cp_lm .s_j a {
text-indent: 15px;
line-height: 40px;
color: #555;
margin-bottom: 1px;
display: block;
}
.ny_cp .cp_lm .s_j a:hover {
color: #0c36a0;
text-indent: 30px;
background-color: #ecf6fd;
}
.ny_cp .cp_lm .s_j a.n {
color: #0c36a0;
text-indent: 30px;
background-color: #ecf6fd;
}
.ny_cp .lm_bt {
height: 51px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 20px;
}
.ny_cp .lm_bt .m_c {
font-size: 24px;
color: #333;
line-height: 40px;
padding-bottom: 10px;
border-bottom: 2px solid #0c36a0;
display: inline-block; font-weight:bold; letter-spacing:1px
}
.ny_cp .cp_wz {
line-height: 28px;
font-size: 16px;
margin-bottom: 20px
}
.ny_cp .cp_lb .row {
margin: 0 -10px;
}
.ny_cp .cp_lb .col-6 {
padding: 0 10px;
}
.ny_cp .cp_lb .n_r {
margin-bottom: 20px;
background-color: #fff;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
padding: 10px;
border: #e7e7e7 1px solid
}
.ny_cp .cp_lb .n_r:hover {
box-shadow: 0 0 15px #ddd;
}
.ny_cp .cp_lb .n_r img {
width: 100%;
height: auto;
display: block;
}
.ny_cp .cp_lb .n_r p {
font-size: 16px;
line-height: 50px;
text-align: center;
background: #fafafa;
margin-top: 10px;
color: #333
}
@media only screen and (max-width:640px) {
.ny_cp .ny_lmm{ display:none}
.ny_cp {
padding: 20px 0 20px;
}
.ny_cp .cp_lm {
padding: 0 10px 10px;
width: 100%;
position: relative;
left: auto;
margin-left: 0;
margin-bottom: 20px;
height: auto;
overflow: hidden
}
.ny_cp .cp_lb .row {
margin: 0 -5px;
}
.ny_cp .cp_lb .col-6 {
padding: 0 5px;
}
.ny_cp .cp_wz {
line-height: 24px;
font-size: 14px;
margin-bottom: 20px
}
.ny_cp .ny_lmm .b_t {
margin: 0;
}
.ny_cp .ny_lmm .b_t h3 {
font-size: 16px;
line-height: 44px;
color: #fff;
}
.ny_cp .ny_lmm .b_t h4 {
font-size: 12px;
line-height: 30px;
color: #ccc;
font-family: arial;
text-transform: uppercase;
}
.ny_cp .cp_lm .b_t h3 {
font-size: 16px;
line-height: 30px;
color: #fff;
}
.ny_cp .cp_lm .b_t span {
display: none
}
.ny_cp .cp_lm .b_t em {
display: none
}
.ny_cp .cp_lm.on {
position: inherit;
top: auto !important;
}
.ny_cp .cp_lm .b_t {
display: block;
margin-top: 10px
}
.ny_cp .cp_lm .l_b {
display: block;
}
.ny_cp .cp_lm .l_m {
padding: 7px 7px 0 7px;
}
.ny_cp .cp_lm .l_m ul {
border-top: 0;
}
.ny_cp .cp_lm .l_m ul li {
display: block;
width: 50%;
border-top: none;
background: none;
margin: 0;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ny_cp .cp_lm .l_m h5 {
background-color: #f2f2f2;
position: relative;
padding: 0 10px;
height: auto;
overflow: hidden
}
.ny_cp .cp_lm .l_m ul li:first-child {
border-top: 0;
}
.ny_cp .cp_lm .l_m ul li a {
background: none;
padding: 0;
border: 0;
font-size: 12px;
text-align: center;
line-height: 36px;
}
.ny_cp .cp_lm .l_m ul li a.e_j {
text-align: left;
padding: 0 10px;
}
.ny_cp .cp_lm .l_m ul li:hover a.e_j {
background-color: #f7f7f7;
}
.ny_cp .cp_lm .l_m ul li.on a.e_j {
background-color: #f7f7f7;
}
.ny_cp .cp_lm .l_m ul li:hover em {
color: #0c36a0;
}
.ny_cp .cp_lm .l_m ul li.on em {
color: #0c36a0;
}
.ny_cp .cp_lm .l_m h5 i {
display: none
}
.ny_cp .cp_lb .row {
margin: 0 -5px;
}
.ny_cp .cp_lb .col-lg-4 {
padding: 0 5px;
}
.ny_cp .cp_lb .n_r {
margin-bottom: 10px;
}
.ny_cp .cp_lb .n_r p {
padding: 5px;
font-size: 14px;
line-height: 28px;
}
.ny_cp .lm_bt {
height: 31px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 20px;
margin-top: 10px
}
.ny_cp .lm_bt .m_c {
font-size: 16px;
color: #333;
line-height: 30px;
padding-bottom: 0px;
border-bottom: 2px solid #0c36a0;
display: inline-block;
}
.ny_cp .gy_nr h1 {
font-size: 16px;
font-weight: bold;
color: #0c36a0;
margin-bottom: 10px
}
}
.cp_xq {
}
.cp_cs {
float: right;
width: 58%
}
.cp_cs .n_r {
padding: 15px;
}
.cp_cs .b_t {
font-size: 18px;
font-weight: bold;
color: #0c36a0;
line-height: 40px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 10px;
margin-bottom: 20px;
}
.cp_cs .c_s ul li {
margin-bottom: 5px;
padding-left: 15px;
font-size: 14px;
line-height: 26px;
position: relative;
}
.cp_cs .c_s ul li:before {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #555;
content: "";
position: absolute;
top: 10px;
left: 0;
}
.cp_cs a {
display: inline-block;
margin-top: 20px;
background: linear-gradient(224deg, #fdcd00, #ee7800 51%, #e60013);
font-size: 16px;
line-height: 40px;
color: #fff;
padding: 0 30px;
border-radius: 20px;
margin-right: 20px
}
.cp_cs a.zc {
background: #f6f6f6;
color: #333
}
.cp_xq .cp_js {
margin-top: 25px;
}
.cp_xq .cp_js .hd {
overflow: hidden;
border-bottom: 1px solid #d7d7d7;
margin-bottom: 30px;
}
.cp_xq .cp_js .hd ul li {
float: left;
padding: 0 30px;
font-size: 16px;
line-height: 44px;
text-align: center;
color: #555;
background-color: #f7f7f7;
margin-right: 5px;
cursor: pointer;
}
.cp_xq .cp_js .hd ul li.on {
background-color: #0c36a0;
color: #fff;
}
.cp_xq .cp_js .n_r {
font-size: 15px;
line-height: 28px;
min-height: 200px;
}
.cp_xq .cp_js .n_r a {
display: block;
font-size: 15px;
line-height: 28px;
color: #0c36a0;
margin-bottom: 10px;
}
.cp_xq .cp_js .n_r a:hover {
text-decoration: underline !important;
}
@media only screen and (max-width:640px) {
.cp_cs .n_r {
padding: 0;
}
.cp_cs .b_t {
font-size: 16px;
font-weight: bold;
color: #0c36a0;
line-height: 30px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 0px;
margin-bottom: 10px; margin-top:10px
}
.cp_xq .cp_cs {
margin-top: 0;
}
.cp_xq .cp_cs .n_r {
padding: 10px 0;
}
.cp_xq .cp_cs .b_t {
font-size: 16px;
line-height: 30px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.cp_xq .cp_cs .c_s ul li {
font-size: 13px;
line-height: 24px;
}
.cp_xq .cp_cs a {
margin-top: 15px;
font-size: 15px;
line-height: 32px;
padding: 0 15px;
}
.cp_xq .cp_js {
margin-top: 10px;
}
.cp_xq .cp_js .hd {
margin-bottom: 20px;
}
.cp_xq .cp_js .hd ul li {
padding: 0 10px;
font-size: 14px;
line-height: 30px; margin-top:6px
}
.cp_xq .cp_js .n_r {
font-size: 13px;
line-height: 24px;
}
.cp_xq .cp_js .n_r a {
font-size: 13px;
line-height: 24px;
}
.cp_cs a {
display: inline-block;
margin-top: 20px;
background: linear-gradient(224deg, #fdcd00, #ee7800 51%, #e60013);
font-size: 14px;
line-height: 30px;
color: #fff;
padding: 0 20px;
border-radius: 20px;
margin-right: 20px;
}
}
.sy_yw {
width: 100%;
padding: 80px 0;
position: relative;
overflow: hidden;
}
.sy_yw .yw_nr {
background-color: #0c36a0;
padding: 30px 20px;
text-align: center;
position: relative;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.sy_yw .col-12:nth-child(2n) .yw_nr {
background-color: #006bb9;
}
.sy_yw .yw_nr:hover {
box-shadow: 0 15px 30px #d8eefe;
transform: translatey(-15px);
-webkit-transform: translatey(-15px);
-moz-transform: translatey(-15px);
-ms-transform: translatey(-15px);
-o-transform: translatey(-15px);
}
.sy_yw .yw_nr .t_p {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.sy_yw .yw_nr:hover .t_p {
opacity: .1;
}
.sy_yw .yw_nr .t_b {
width: 100px;
margin: 0 auto 20px;
position: relative;
z-index: 1;
}
.sy_yw .yw_nr .t_b img {
width: 100%;
height: auto;
display: block;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.sy_yw .yw_nr:hover .t_b img {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.sy_yw .yw_nr .w_z {
position: relative;
z-index: 1;
}
.sy_yw .yw_nr .w_z h3 {
font-size: 20px;
color: #fff;
line-height: 30px;
}
.sy_yw .yw_nr .w_z em {
width: 30px;
height: 2px;
margin: 5px auto;
background-color: #fff;
display: block;
}
.sy_yw .yw_nr .w_z p {
font-size: 12px;
color: #fff;
line-height: 24px;
text-transform: uppercase;
}
@media only screen and (max-width:992px) {
.sy_yw {
padding: 60px 0 40px;
}
.sy_yw .row {
margin: 0 -5px;
}
.sy_yw .col-6 {
padding: 0 5px;
}
.sy_yw .yw_nr {
padding: 30px 15px;
margin-bottom: 10px;
}
.sy_yw .yw_nr .t_b {
width: 60px;
margin: 0 auto 10px;
}
.sy_yw .yw_nr .w_z h3 {
font-size: 18px;
color: #fff;
line-height: 28px;
}
.sy_yw .yw_nr .w_z p {
font-size: 13px;
color: #fff;
line-height: 22px;
text-transform: uppercase;
width: 70%;
margin: 0 auto
}
.sy_yw .yw_nr .w_z em {
width: 30px;
height: 2px;
margin: 10px auto;
background-color: #fff;
display: block;
}
}
@media only screen and (max-width:640px) {
.sy_yw {
padding: 40px 0 20px;
}
.sy_yw .yw_nr {
padding: 25px 10px;
}
}
.sy_zs {
width: 100%;
overflow: hidden;
position: relative;
padding: 10px 0px ;
}
.sy_zs .cp_al {
position: relative; z-index:98
}
.sy_zs .cp_al .swiper-button-prev {
width: 35px;
height: 35px;
background: url(/uploads/image/acimages/zj11.png) no-repeat center;
left: -60px;
margin-top: -17px;
background-size: 35px 35px;
-webkit-background-size: 35px 35px;
-moz-background-size: 35px 35px;
-ms-background-size: 35px 35px;
-o-background-size: 35px 35px;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.sy_zs .cp_al .swiper-button-next {
width: 35px;
height: 35px;
background: url(/uploads/image/acimages/yj11.png) no-repeat center;
right: -60px;
margin-top: -17px;
background-size: 35px 35px;
-webkit-background-size: 35px 35px;
-moz-background-size: 35px 35px;
-ms-background-size: 35px 35px;
-o-background-size: 35px 35px;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.sy_zs .cp_al .swiper-pagination {
display: none;
}
.sy_zs .n_r {
background: #fff;
overflow: hidden;
padding: 3px;
box-shadow: 0 8px 15px 0 rgba(95,125,158,.2);
margin: 20px 10px
}
.sy_zs .t_p {
overflow: hidden;
}
.sy_zs .t_p img {
width: 100%;
height: auto;
display: block;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
}
.sy_zs .w_z {
padding: 10px 0;
text-align: center;
}
.sy_zs .w_z h3 {
font-size: 16px;
font-weight: normal;
line-height: 26px;
margin-bottom: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #333;
}
.sy_zs .w_z p {
font-size: 14px;
line-height: 22px;
color: #fff;
height: 44px;
overflow: hidden;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media only screen and (max-width:992px) {
.sy_zs {
padding: 0 0px ;
}
.sy_zs .gy_bt{ margin-bottom:0}
.sy_zs .cp_al .swiper-cp {
padding-bottom: 0px;
}
.sy_zs .cp_al .swiper-button-prev {
display: none;
}
.sy_zs .cp_al .swiper-button-next {
display: none;
}
.sy_zs .cp_al .swiper-pagination {
display: block;
bottom: 0px;
}
.sy_zs .cp_al .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #aaa;
}
.sy_zs .cp_al .swiper-pagination-bullet-active {
background-color: #0c36a0;
}
.sy_zs .n_r {
background-color: #f7f7f7;
overflow: hidden;
margin-bottom: 30px
}
.sy_zs .w_z {
padding: 5px 10px;
}
.sy_zs .w_z h3 {
font-size: 14px;
}
.sy_zs .w_z p {
font-size: 18px;
line-height: 28px;
height: 56px;
}
}
.qywh {
width: 100%;
margin: 60px auto;
height: auto;
overflow: hidden
}
.qywh .container {
background: #fafafa;
height: auto;
overflow: hidden
}
.qywh .zb {
width: 30%;
float: left
}
.qywh .zb img {
width: 100%;
margin-top: 10px
}
.qywh .yb {
width: 69%;
float: left;
}
.qywh .yb li {
width: 46%;
float: left;
margin: 2%;
background: #fff;
padding: 10px
}
.qywh .yb .tu {
width: 100%;
text-align: center
}
.qywh .yb .tu img {
width: 20%
}
.qywh .yb .wz {
width: 80%;
height: auto;
overflow: hidden;
text-align: center;
margin: 20px auto
}
.qywh .yb .wz h1 {
font-size: 18px;
margin-bottom: 10px;
color: #0c36a0
}
.qywh .yb .wz p {
font-size: 14px;
line-height: 24px
}
@media only screen and (max-width:992px) {
.qywh {
width: 100%;
margin: 20px auto;
height: auto;
overflow: hidden
}
.qywh .zb {
width: 100%;
float: none
}
.qywh .yb {
width: 100%;
float: none;
}
.qywh .yb li {
width: 49%;
float: left;
margin: 4% 2% 0 0;
background: #fff;
padding: 10px
}
.qywh .yb li:nth-child(2n) {
margin-right: 0;
}
.qywh .yb .wz {
width: 90%;
height: auto;
overflow: hidden;
text-align: center;
margin: 20px auto
}
.qywh .yb .tu img {
width: 40%
}
.gy_wm {
width: 100%;
padding: 20px 0 20px;
overflow: hidden;
}
}
.al_zs {
width: 100%;
background: no-repeat center 100px;
overflow: hidden;
margin: 70px auto
}
.jy_td .n_r {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.jy_td .t_p {
overflow: hidden;
}
.jy_td .t_p img {
width: 100%;
height: auto;
display: block;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
}
.jy_td .n_r: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);
}
.jy_td .w_z {
padding: 10px;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.7);
}
.jy_td .w_z h3 {
font-size: 16px;
font-weight: bold;
line-height: 28px;
color: #fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.jy_td .w_z p {
line-height: 22px;
color: #fff;
height: 0;
overflow: hidden;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.jy_td .n_r:hover .w_z p {
height: 44px;
margin-top: 10px;
}
@media only screen and (max-width:992px) {
.jy_td .n_r {
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.jy_td .col-lg-3 {
padding-left: 5px;
padding-right: 5px
}
.jy_td .w_z {
padding: 5px 10px;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.7);
}
.jy_td .w_z h3 {
font-size: 14px;
font-weight: bold;
line-height: 28px;
color: #fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.jy_td .w_z p {
line-height: 22px;
color: #fff;
height: 0;
overflow: hidden;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
font-size: 12px
}
}
.injs {
background: url(/uploads/image/acimages/bg2.jpg);
padding: 60px 0 80px;
height: auto;
position: relative;
overflow: hidden;
}
.injs .v {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0;
height: 700px;
}
.injs .v video {
}
.injs .warp {
z-index: 2;
position: relative;
}
.injs .txt {
padding: 60px 0;
height: 100px;
color: #fff;
font-size: 16px;
}
.injs .link {
overflow: hidden;
margin-left: -10px;
padding-top: 30px;
position: relative;
z-index: 9
}
.injs .link .cum {
width: 32.3333%;
margin: 0 0.5%;
height: 252px;
background: #fff;
float: left;
overflow: hidden;
text-align: center;
transition: .6s;
position: relative;
cursor: pointer;
}
.injs .link .cum:after {
content: "";
bottom: 0;
left: 50%;
right: 50%;
height: 4px;
background: #0c36a0;
display: block;
transition: .8s;
position: absolute;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
width: 0;
}
.injs .link .cum img {
display: block;
margin: 40px auto 0;
}
.injs .link .cum span {
display: block;
margin: 10px 0 5px;
font-size: 18px;
color: #333;
margin-top: 20px;
font-weight: bold
}
.injs .link .cum em {
font-style: normal;
color: #666;
padding: 0 30px;
display: block;
font-size: 14px;
line-height: 26px
}
.injs .link .cum:hover:after {
width: 100%;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
left: 0;
}
.injs .link .cum:hover {
background: rgba(255,255,255,0.8);
}
@media only screen and (max-width:992px) {
.protection {
background: center center;
padding: 10px 0 20px;
}
.protectioncon ul li h4 {
font-size: 14px;
color: #333;
padding-top: 20px;
font-weight: bold
}
.protectioncon ul li p {
font-size: 12px;
color: #666;
margin-top: 5px;
padding: 0 5px;
line-height: 1.8;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.protectioncon ul li i {
display: block;
padding: 5px 0 10px;
}
.injs {
background: url(/uploads/image/acimages/bg2.jpg);
padding: 10px 0 20px;
height: auto;
position: relative;
overflow: hidden;
}
.injs .link {
overflow: hidden;
margin-left: -10px;
padding-top: 0px;
position: relative;
z-index: 9;
}
.injs .link .cum {
width: 31.33%; margin:1%;
height: auto ;
background: #fff;
float: left;
overflow: hidden;
text-align: center;
transition: .6s;
position: relative;
cursor: pointer; padding-bottom:10px;
}
.injs .link .cum img {
display: block;
margin: 20px auto 0;
}
.injs .link .cum span {
display: block;
margin: 10px 0 5px;
font-size: 14px;
color: #333;
font-weight: bold;
}
.injs .link .cum em {
font-style: normal;
color: #666;
padding: 0 10px;
display: block;
font-size: 12px;
line-height: 22px;overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
}
#wrapper {
height: 100%;
width: 100%;
text-align: center;
display: table;
position: absolute;
top: 0;
left: 0;
opacity: 0.2;
z-index: 1
}
#wrapper canvas {
position: absolute;
top: 0;
left: 0;
width: 1950px;
height: auto;
}
#canvas {
z-index: 1;
}
#canvasbg {
z-index: -10;
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);
opacity: 0.6;
}
@-webkit-keyframes updown {
0% {
transform: translatey(0px);
-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-ms-transform: translatey(0px);
-o-transform: translatey(0px);
}
25% {
transform: translatey(-10px);
-webkit-transform: translatey(-10px);
-moz-transform: translatey(-10px);
-ms-transform: translatey(-10px);
-o-transform: translatey(-10px);
}
75% {
transform: translatey(10px);
-webkit-transform: translatey(10px);
-moz-transform: translatey(10px);
-ms-transform: translatey(10px);
-o-transform: translatey(10px);
}
100% {
transform: translatey(0px);
-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-ms-transform: translatey(0px);
-o-transform: translatey(0px);
}
}
.sy_wrjdz {
background: center / cover no-repeat;
padding: 60px 0;
overflow: hidden;
}
.sy_wrjdz .tp {
width: 50%;
float: left;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.sy_wrjdz .tp img {
width: 100%;
display: block;
animation: updown 4s linear infinite;
-webkit-animation: updown 4s linear infinite;
}
@-webkit-keyframes updown {
0% {
transform: translatey(0px);
-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-ms-transform: translatey(0px);
-o-transform: translatey(0px);
}
25% {
transform: translatey(-10px);
-webkit-transform: translatey(-10px);
-moz-transform: translatey(-10px);
-ms-transform: translatey(-10px);
-o-transform: translatey(-10px);
}
75% {
transform: translatey(10px);
-webkit-transform: translatey(10px);
-moz-transform: translatey(10px);
-ms-transform: translatey(10px);
-o-transform: translatey(10px);
}
100% {
transform: translatey(0px);
-webkit-transform: translatey(0px);
-moz-transform: translatey(0px);
-ms-transform: translatey(0px);
-o-transform: translatey(0px);
}
}
.sy_wrjdz:hover .tp {
transform: translatey(-5px);
-wbkit-transform: translatey(-5px);
-o-transform: translatey(-5px);
-moz-transform: translatey(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.sy_wrjdz .wenz {
width: 50%;
float: right;
padding-left: 60px;
box-sizing: border-box;
padding-top: 35px;
}
.sy_wrjdz .wenz h3 {
font-size: 40px;
line-height: 55px;
font-weight: 500;
color: #fff;
margin: 0 0 15px;
}
.sy_wrjdz .wenz p {
font-size: 16px;
line-height: 2;
color: #eee;
}
.sy_wrjdz .wenz .more {
padding: 0 40px;
margin-top: 30px;
float: left;
line-height: 50px;
border: #fff 1px solid;
font-size: 16px;
text-align: center;
border-radius: 50px;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
text-transform: uppercase;
}
.sy_wrjdz .wenz .more a {
color: #fff;
}
.sy_wrjdz .wenz .more:hover {
background: #0c36a0;
border: #0c36a0 1px solid;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.new-list {
height: auto;
overflow: hidden;
padding-top: 0px
}
.new-list li {
margin-bottom: 1.4%;
background-color: #fafafa;
height: auto;
overflow: hidden;
margin-bottom: 20px
}
.new-list li:hover {
}
.new-list .img {
width: 27%;
float: left
}
.new-list .time-box {
width: 12%;
padding-left: 2%;
float: left;
text-align: center;
margin-top: 32px
}
.new-list .time-box .time {
font-size: 30px;
color: #535353;
font-weight: bolder;
}
.new-list .time-box .line {
width: 25px;
margin: 10% auto 0;
border-top: 3px solid #00af1e;
}
.new-list .time-box .date {
margin-top: 16%;
font-size: 16px;
color: #888;
}
.new-list .desc {
width: 59%;
padding: 1% 2% 1% 0;
box-sizing: border-box;
float: right
}
.new-list .desc .h4 {
font-size: 18px;
color: #444;
margin-bottom: 0;
margin-top: 3px
}
.new-list .desc:hover h4{ color:#0c36a0;
font-weight: bold;
text-indent: 5px;
}
.new-list .desc .p1 {
margin-top: 10px;
font-size: 14px;
color: #959595;
line-height: 24px;
}
.new-list .desc:hover .p1{ color:#333}
.new-list .desc .detail {
display: inline-block;
margin-top: 10px;
font-size: 14px;
color: #888;
}
.new-list .desc .detail i {
margin-left: 18px;
font-size: 14px;
}
.new-list .desc .detail:hover {
color: #0c36a0;
}
.x_w ul li {
border-bottom: 1px dotted #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
}
@media only screen and (max-width:992px){
.new-list .img {
width: 100%;
float: none; display:none
}
.new-list .desc {
width: 79%;
padding: 1% 2% 2% 1%;
float: right; margin-right:1%
}
.new-list .desc .h4 {
font-size: 16px;
color: #444;
margin-bottom: 0;
margin-top: 3px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;
}
.new-list .desc .p1 {
margin-top: 5px;
font-size: 14px;
color: #666;
line-height: 24px;overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.new-list .desc .detail {
display: block;
margin-top: 10px;
font-size: 14px;
color: #888;
}
.new-list .desc .detail:nth-child(2){ text-align:right}
.new-list .time-box {
width: 12%;
padding-left: 2%;
float: left;
text-align: center;
margin-top: 15px
}
}
.x_w img {
width: 100%;
height: auto;
display: block;
}
.x_w .w_z h3 {
font-size: 16px;
line-height: 32px;
font-weight: bold;
margin-bottom: 6px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.x_w .w_z h3 a {
color: #000;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.x_w ul li:hover .w_z h3 a {
color: #005fa9;
}
.x_w .w_z p {
margin-top: 6px;
overflow: hidden;
}
.x_w .w_z p a {
font-size: 14px;
line-height: 26px;
color: #555;
display: block;
}
.x_w .w_z span {
font-size: 14px;
color: #999;
text-transform: uppercase;
display: block;
}
.x_w .w_z span i {
margin-right: 5px;
color: #666;
}
.rc_zp {
width: 100%;
padding: 10px 0;
overflow: hidden;
}
.rc_zp .bt {
font-size: 20px;
line-height: 36px;
text-align: center;
color: #02316b;
}
.rc_zp .ts {
font-size: 14px;
line-height: 26px;
text-align: center;
color: #888;
margin-bottom: 20px;
}
.rc_zp .ts a {
color: #02316b;
}
.rc_zp .jr_lm {
border: 1px solid #e7e7e7;
overflow: hidden;
margin-bottom: 10px;
}
.rc_zp .jr_lm.jt {
border: 1px solid #02316b;
}
.rc_zp .jr_bt {
padding: 10px 20px;
height: 60px;
font-size: 14px;
line-height: 40px;
color: #555;
overflow: hidden;
cursor: pointer;
position: relative;
}
.rc_zp .jr_bt:hover {
background-color: #e7e7e7;
}
.rc_zp .jr_bt.on {
background-color: #e7e7e7;
}
.rc_zp .jr_bt i {
position: absolute;
top: 50%;
right: 15px;
font-size: 15px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.rc_zp .jr_bt.on i {
transform: translate(0, -50%) rotate(180deg);
-webkit-transform: translate(0, -50%) rotate(180deg);
-moz-transform: translate(0, -50%) rotate(180deg);
-ms-transform: translate(0, -50%) rotate(180deg);
-o-transform: translate(0, -50%) rotate(180deg);
}
.rc_zp .jr_lm.jt .jr_bt {
background-color: #02316b;
color: #fff;
padding: 0 20px;
line-height: 60px;
}
.rc_zp .jr_bt span {
float: left;
width: 100%;
text-align: left;
font-size: 16px;
font-weight: 600
}
.rc_zp .jr_nr {
background-color: #fff;
padding: 15px 25px;
font-size: 14px;
line-height: 32px;
margin-bottom: 3px;
display: none;
position: relative;
}
.rc_zp .jr_nr .lm {
color: #02316b;
}
.rc_zp .jr_nr .js {
margin-bottom: 0px;
}
.rc_zp .jr_nr a.wy_yp {
width: 110px;
height: 36px;
position: absolute;
top: 30px;
right: 35px;
background-color: #02316b;
font-size: 15px;
line-height: 36px;
color: #fff;
text-align: center;
display: block;
}
.rc_zp .jr_nr a.wy_yp i {
padding-left: 5px;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.rc_zp .jr_nr a.wy_yp:hover i {
padding-left: 15px;
}
@media only screen and (max-width:640px) {
.rc_zp {
padding: 0 0px;
}
.rc_zp .bt {
font-size: 24px;
text-align: center;
line-height: 50px;
}
.rc_zp .ts {
font-size: 18px;
text-align: center;
line-height: 32px;
}
.rc_zp .ts br {
display: none;
}
.rc_zp .jr_bt {
padding: 0 15px;
font-size: 16px;
line-height: 40px;
height: 40px;
}
.rc_zp .jr_lm.jt .jr_bt {
padding: 5px 15px;
line-height: 40px;
}
.rc_zp .jr_nr {
padding: 15px;
font-size: 18px;
line-height: 36px;
}
.rc_zp .jr_nr .lm {
margin-bottom: 10px;
}
.rc_zp .jr_nr a.wy_yp {
width: 150px;
height: 36px;
top: 20px;
right: 25px;
font-size: 18px;
line-height: 36px;
}
.rc_zp .jr_nr a.wy_yp:hover i {
padding-left: 10px;
}
.rc_zp .jr_nr .js {
margin-bottom: 0px;
font-size: 14px;
line-height: 24px
}
}
.sy_cj {
width: 100%;
overflow: hidden;
}
.sy_cj .row {
margin: 0 -5px;
}
.sy_cj .col-4 {
padding: 0 5px;
}
.sy_cj .col-6 {
padding: 0 5px;
}
.sy_cj .col-12 {
padding: 0 5px;
}
.sy_cj .t_p {
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.sy_cj .t_p:after {
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
background-color: rgba(0,146,220,.5);
content: "";
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.sy_cj .t_p:hover:after {
width: 100%;
height: 100%;
}
.sy_cj .t_p img {
width: 100%;
height: auto;
display: block;
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
}
.sy_cj .w_z {
width: 90%;
position: absolute;
top: 55%;
left: 5%;
margin-top: -18px;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 36px;
z-index: 9;
opacity: 0;
transition: all .5s .5s;
-o-transition: all .5s .5s;
-ms-transition: all .5s .5s;
-moz-transition: all .5s .5s;
-webkit-transition: all .5s .5s;
}
.sy_cj .t_p:hover .w_z {
opacity: 1;
top: 50%;
}
@media only screen and (max-width:992px) {
.sy_cj {
padding: 20px 0;
}
}
@media only screen and (max-width:640px) {
.sy_cj {
padding: 20px 0;
}
}
.zbb {
float: right;
width: 74%;
margin-left: 1%
}
#preview {
float: left;
text-align: center;
width: 386px;
border: 1px solid #d7d7d7;
}
.jqzoom {
width: 384px;
height: 350px;
position: relative;
}
.zoomdiv {
left: 859px;
height: 400px;
width: 400px;
}
.list-h li {
float: left;
}
#spec-n5 {
width: 350px;
height: 56px;
padding-top: 6px;
overflow: hidden;
}
/*jqzoom*/
.jqzoom {
position: relative;
padding: 0;
}
.zoomdiv {
z-index: 100;
position: absolute;
top: 1px;
left: 0px;
width: 400px;
height: 400px;
background: #fff no-repeat center center;
border: 1px solid #e4e4e4;
display: none;
text-align: center;
overflow: hidden;
}
.bigimg {
width: 800px;
height: 800px;
}
.jqzoompup {
z-index: 10;
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 50px;
height: 50px;
border: 1px solid #aaa;
background: #ccc 50% top no-repeat;
opacity: 0.3;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
filter: alpha(opacity=50);
cursor: move;
}
#spec-list {
position: relative;
width: 322px;
margin-right: 6px;
}
#spec-list div {
margin-top: 0;
margin-left: -30px;
*margin-left:0;
}
@media only screen and (max-width:992px) {
.zbb {
float: none;
width: 92%;
margin-left: 0; margin:0 auto
}
#preview {
float: none;
text-align: center;
width: 100%;
border: 1px solid #d7d7d7;
}
.jqzoom {
width: 100%;
height: auto ;
position: relative;
}
.jqzoom img{ width:100%}
.cp_cs {
float: none;
width:100%;
}
}
.anli{ width:100%; padding:30px 0 60px; overflow:hidden;}
.anli ul{ position:relative; margin:0 auto; width:100%; }
.anli ul li{ float:left; width:33.333%; padding:10px; box-sizing:border-box; position:relative;}
.anli ul li i{ display:block; width:100%; padding-bottom:65%; position:relative}
.anli ul li i img{ position:absolute; width:100%; height:100%; top:0; left:0}
.anli ul li h3{ display:block; position:absolute; bottom:10px; background-color:rgba(0,0,0,0.5); color:#fff;width:calc(100% - 20px); text-align:center;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height:40px; font-size:16px; font-weight:normal; transition:all 0.6s; font-weight:bold}
.anli ul li:hover h3{ opacity:0; transition:all 0.6s;}
.anli ul li .anlizi{ position:absolute; width:calc(100% - 20px) ; height:calc(100% - 20px); background:rgba(12,54,160,0.9); z-index:2; display: flex; align-items: center; text-align:center;flex-direction:column;justify-content:center; opacity:0;transition:all 0.6s; transform: rotatey(180deg) scale(0.5,0.5); }
.anli ul li .anlizi em{ display:block; border:#fff 1px solid; border-radius:100px; width:40px; height:40px;display: flex; align-items: center; text-align:center;flex-direction:column;justify-content:center; color:#fff; font-size:20px; font-style:normal }
.anli ul li .anlizi p{ display:block; color:#fff; font-size:18px; width:90%; margin:0 auto; margin-top:20px}
.anli ul li:hover .anlizi{ opacity:1; transition:all 0.6s;opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotatey(0deg) scale(1,1);
-moz-transform: rotatey(0deg) scale(1,1);
-ms-transform: rotatey(0deg) scale(1,1);
-o-transform: rotatey(0deg) scale(1,1);
transform: rotatey(0deg) scale(1,1);}
@media only screen and (max-width:1200px){
.anli{ margin:0 auto}
.anli ul li h3{ bottom:5px; width:calc(100% - 10px); line-height:25px}
}
@media only screen and (max-width:992px){
.anli{ width:100%; padding:30px 0 20px; overflow:hidden;background-color: rgb(248, 246, 243);}
.anli ul{ position:relative; margin:0 auto; width:100%; }
.anli ul li{ float:left; width:50%; padding:10px; box-sizing:border-box; position:relative;}
.anli ul li .anlizi{ position:absolute; width:calc(100% - 20px) ; height:calc(100% - 20px); background:rgba(153,102,0,0.9); z-index:2; display: flex; align-items: center; text-align:center;flex-direction:column;justify-content:center; opacity:0;transition:all 0.6s; transform: rotatey(180deg) scale(0.5,0.5); }
.anli ul li h3{ display:block; position:absolute; bottom:10px; background-color:rgba(153,102,0,0.5); color:#fff;width:calc(100% - 20px); text-align:center;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height:30px; font-size:14px; font-weight:normal; transition:all 0.6s;}
}
.fuwu{ width:100%; padding:10px 0 0; overflow:hidden;}
.fuwu ul{ position:relative; margin:0 auto; width:100%; }
.fuwu ul li{margin: auto;
float:left; width:30%; margin-right:30px; margin-bottom:40px; position:relative;
border: solid 1px #f5f5f5;
background: #edf1fb;
padding: 10px;
height: 150px;
border-radius: 10px;
}
.fuwu ul li:hover{
background: #ccd8f7;
}
.fuwu ul li .p-tit{
font-weight: 600;
font-size: 20px;
color: #333;
}
.fuwu ul li .p-desc{
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #666;
}
.fuwu ul li:nth-child(4n){margin-right:0; }
.fuwu ul li i img{width:100%;}
.fuwu ul li img{width:100%;transition:all 1s linear;
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;}
.fuwu ul li:hover 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);}
.fuwu ul li h3{ display:block; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.3); color:#fff;width:99%; text-align:center; line-height:40px; font-size:16px; font-weight:normal; box-sizing:border-box; width:100%}
.fuwu ul li h3 a{ color:#fff}
.fuwu ul li:hover h3{background-color:rgba(12,54,160,.8);}
@media only screen and (max-width:992px){
.fuwu ul li{ float:left; width:49%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden}
.fuwu ul li:nth-child(2n){margin-right:0; }
}
.fuwu1{ width:100%; padding:10px 0 0; overflow:hidden;}
.fuwu1 ul{ position:relative; margin:0 auto; width:100%; }
.fuwu1 ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden}
.fuwu1 ul li:nth-child(3n){margin-right:0; }
.fuwu1 ul li i img{width:100%;}
.fuwu1 ul li img{width:100%;transition:all 1s linear;
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;}
.fuwu1 ul li:hover 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);}
.fuwu1 ul li h3{ display:block; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.3); color:#fff;width:99%; text-align:center; line-height:40px; font-size:16px; font-weight:normal; box-sizing:border-box;width:100%}
.fuwu1 ul li h3 a{ color:#fff}
.fuwu1 ul li:hover h3{background-color:rgba(12,54,160,.8);}
@media only screen and (max-width:992px){
.fuwu1 ul li{ float:left; width:49%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden}
.fuwu1 ul li:nth-child(even) {margin-right:0; }
.fuwu1 ul li:nth-child(odd) {margin-right:2%;}
.fuwu1 ul li h3{ display:block; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.3); color:#fff;width:100%; text-align:center; line-height:30px; font-size:14px; font-weight:normal; box-sizing:border-box;width:100%}
}
.ny_jc{ height:auto; overflow:hidden; padding:60px 0}
.ny_jc li{ float:left; width:23.5%; margin-right:2%}
.ny_jc li:nth-child(4n){margin-right:0; }
.ny_jc .n_r{position:relative; margin-bottom:10px; margin-right:10px;}
.ny_jc .n_r:after{width:100%; height:100%; background-color:rgba(0,0,0,.3); content:""; position:absolute; top:0; left:0;}
.ny_jc .n_r:hover:after{background-color:rgba(12,54,160,.8);}
.ny_jc .t_p{overflow:hidden;}
.ny_jc .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;}
.ny_jc .n_r:hover .t_p img{transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);}
.ny_jc .w_z{position:absolute; left:5%; top:50%; z-index:9; width:90%; text-align:center; color:#fff; text-shadow:0 0 10px #444;
transform:translatey(-50%);
-webkit-transform:translatey(-50%);
-moz-transform:translatey(-50%);
-ms-transform:translatey(-50%);
-o-transform:translatey(-50%);}
.ny_jc .w_z h3{font-size:20px; line-height:32px; font-weight:bold; color:#fff; width:100%; margin:0 auto ; padding-bottom:10px; letter-spacing:1px}
.ny_jc .w_z h2{ font-size:14px; color:#fff; margin-bottom:30px}
.ny_jc .dff{ background: no-repeat center; height:auto; overflow:hidden ; font-size:14px; width:90%; margin:0 auto}
.ny_jc .dff .lf{ float:left; width:50%; line-height:36px; text-align:left}
.ny_jc .dff .rt{ float: right; width:50%; line-height:36px; text-align:right}
.ny_jc .w_z span{width:120px; border:#fff 1px solid; margin:30px auto 0; height:36px; line-height:34px; display:block; font-size:14px}
.ny_jc .w_z span a{ color:#fff}
@media only screen and (max-width:992px){
.ny_jc{ height:auto; overflow:hidden; padding:20px 0 10px}
.ny_jc li{ float:left; width:49%; margin-right:2%}
.ny_jc li:nth-child(2n){margin-right:0; }
.ny_jc .n_r{position:relative; margin-bottom:10px; margin-right:0;}
.ny_jc .w_z{position:absolute; left:2%; top:50%; z-index:9; width:96%; text-align:center; color:#fff; text-shadow:0 0 10px #444;
transform:translatey(-50%);
-webkit-transform:translatey(-50%);
-moz-transform:translatey(-50%);
-ms-transform:translatey(-50%);
-o-transform:translatey(-50%);}
.ny_jc .w_z h3{font-size:12px; line-height:32px; font-weight:bold; color:#fff; width:100%; margin:0 auto ; padding-bottom:0px; letter-spacing:1px}
.ny_jc .w_z h2{ font-size:12px; color:#fff; margin-bottom:10px}
.ny_jc .dff .lf{ float:left; width:50%; line-height:24px; text-align:left; font-size:12px}
.ny_jc .dff .rt{ float: right; width:50%; line-height:24px; text-align:right; font-size:12px}
.ny_jc .w_z span{width:100px; border:#fff 1px solid; margin:15px auto 0; height:32px; line-height:30px; display:block; font-size:12px}
}
.youshi{ height:auto; overflow:hidden; padding:60px 0; background: no-repeat center}
.youshi li{ border-bottom:#dcdcdc 1px dashed; border-right:#dcdcdc 1px dashed; float:left; width:33.33%; padding:30px; box-sizing:border-box}
.youshi h1{ font-size:30px; font-weight:bold; color:#333; margin-bottom:20px}
.youshi h1 em{ font-size:42px; font-weight: bold; color:#0c36a0; margin-right:10px}
.youshi p{ font-size:16px; line-height:30px;color:#333}
@media only screen and (max-width:992px){
.youshi{ height:auto; overflow:hidden; padding:20px 0 ; background: no-repeat center}
.youshi li{ border-bottom:#dcdcdc 1px dashed; border-right:#dcdcdc 1px dashed; float:left; width:100%; padding:10px; box-sizing:border-box}
.youshi h1{ font-size:20px; font-weight:bold; color:#333; margin-bottom:10px}
.youshi h1 em{ font-size:28px; font-weight: bold; color:#0c36a0; margin-right:10px}
.youshi p{ font-size:14px; line-height:26px;color:#333}
}
.gg{ background: no-repeat center; padding:60px 0; text-align:center }
.gg li{ display:inline-block;}
.gg li a{ color:#fff; font-size:18px; width:170px; line-height:60px; text-align:center; background:#0c36a0; margin:0 10px; display:block}
.gg li a:hover{ background:#124bdc}
@media only screen and (max-width:992px){
.gg{ background: no-repeat center; padding:20px 0; text-align:center }
.gg li{ display:inline-block;}
.gg li a{ color:#fff; font-size:14px; width:90px; line-height:40px; text-align:center; background:#0c36a0; margin:0 5px; display:block}
}
.gg2{ background: no-repeat center; padding:60px 0; text-align:center; height:200px; margin-bottom:60px }
.gg2 .zuo{ float: left; width:33%; color:#fff; text-align:left}
.gg2 .zuo h1{ font-size:30px; font-weight:bold; color:#fff; line-height:50px}
.gg2 .zuo p{ font-size:24px; font-weight: 500; color:#fff;}
.gg2 .zhong{ float: left; width:34%; text-align:center}
.gg2 .zhong h1{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:10px; line-height:50px}
.gg2 .zhong p{ font-size:18px; font-weight: 500; color:#fff;}
.gg2 .you{ float: right ; width:33%}
@media only screen and (max-width:992px){
.gg2{ background: no-repeat center; padding:10px 0 20px; text-align:center; height: auto; margin-bottom:20px }
.gg2 .zuo{ float: left; width:50%; color:#fff; text-align:left}
.gg2 .zuo h1{ font-size:16px; font-weight:bold; color:#fff; line-height:50px}
.gg2 .zuo p{ font-size:14px; font-weight: 500; color:#fff;}
.gg2 .zhong{ float: left; width:50%; text-align:right}
.gg2 .zhong h1{ font-size:16px; font-weight:bold; color:#fff; margin-bottom:0px; line-height:50px}
.gg2 .zhong p{ font-size:14px; font-weight: 500; color:#fff;}
.gg2 .you{ float: none ; width:100%}
}
.gg3{ background: no-repeat center; padding:40px 0; text-align:center; height:170px; margin-bottom:60px }
.gg3 .zuo{ float: left; width:57%; color:#fff; text-align:left}
.gg3 .zuo h1{ font-size:30px; font-weight:bold; color:#fff; line-height:50px}
.gg3 .zuo p{ font-size:24px; font-weight: 500; color:#fff;}
.gg3 .zhong{ float: right ; width:25%; text-align:left;background: no-repeat center left; padding-left:70px; margin-top:5px}
.gg3 .zhong h1{ font-size:14px; font-weight: normal; color:#fff;line-height:30px; }
.gg3 .zhong p{ font-size:30px; font-weight: 500; color:#fff;}
.gg3 .you{ float: left ; width:15%}
@media only screen and (max-width:992px){
.gg3{ background: no-repeat center; padding:10px 0 15px; text-align:center; height: 170px; margin-bottom:20px }
.gg3 .zuo{ float: none; width:100%; color:#fff; text-align:left; clear:both; margin-bottom:10px}
.gg3 .zuo h1{ font-size:15px; font-weight:bold; color:#fff; line-height:40px}
.gg3 .zuo p{ font-size:14px; font-weight: 500; color:#fff;}
.gg3 .zhong{ float: right ; width:55%; text-align:left;background: no-repeat center left; padding-left:50px; margin-top:5px}
.gg3 .zhong h1{ font-size:12px; font-weight: normal; color:#fff;line-height:30px; }
.gg3 .zhong p{ font-size:20px; font-weight: 500; color:#fff;}
.gg3 .you{ float: left ; width:30%}
}
.liucheng{ height:auto; padding:60px 0 100px; overflow:hidden}
.liucheng li{ float:left; width:16%; margin-right:0.8%; position:relative}
.liucheng li:nth-child(6n){margin-right:0; }
.liucheng .t_p{ position:relative; overflow:hidden; top:50px}
.liucheng .t_p .xs{display:block}
.liucheng .t_p .yc{display:none}
.liucheng .t_p:hover .xs{ display:none}
.liucheng .t_p:hover .yc{ display:block}
.liucheng .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.liucheng .w_z{width:80%; position:absolute; top:30%; left:10%; margin-top:0; font-size:16px; color:#fff; text-align:left; line-height:30px; z-index:9; opacity:0;}
.liucheng .t_p:hover .w_z{opacity:1; top:35%;}
.liucheng .b_t{ width:100px; height:100px;border-radius:50%; color:#fff; text-align:center; font-size:20px; font-weight:bold; position: absolute;background-image: linear-gradient(90deg, #0c36a0,#2b63f2); top:0; z-index:999; left:50%; margin-left:-50px; padding-top:20px}
@media only screen and (max-width:992px){
.liucheng{ height:auto; padding:20px 0 0; overflow:hidden}
.liucheng li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:50px}
.liucheng li:nth-child(3n){margin-right:0; }
.liucheng .b_t{ width:60px; height:60px;border-radius:50%; color:#fff; text-align:center; font-size:14px; font-weight:bold; position: absolute;background-image: linear-gradient(90deg, #0c36a0,#2b63f2); top:0; z-index:999; left:50%; margin-left:-30px; padding-top:10px}
.liucheng .t_p{ position:relative; overflow:hidden; top:30px}
.liucheng .w_z{width:90%; position:absolute; top:2%; left:5%; margin-top:0; font-size:12px; color:#fff; text-align:left; line-height:22px; z-index:9; opacity:0;}
.liucheng .t_p:hover .w_z{opacity:1; top:16%;}
}
.anniu{ margin:0 auto; text-align:center;}
.anniu a{ width:220px; color:#fff; font-size:16px; letter-spacing:2px; display:block; background:#0c36a0;border-radius:20px; margin:0 auto 20px;line-height:40px;}
.anniu a:hover{background:#124bdc}
.anniu1{ margin:0 auto; }
.anniu1 a{ color:#fff; font-size:16px; letter-spacing:2px;width:220px; line-height:40px; text-align:center; background:#0c36a0;border-radius:20px; margin:40px auto 60px;display:block;}
.anniu1 a:hover{background:#124bdc}
.anniu2{ margin-top:20px; float:right}
.anniu2 a{ color:#fff; font-size:20px; letter-spacing:2px;width:250px; line-height:60px; text-align:center; background:#00af1e;border-radius:5px; display:block}
.anniu2 a:hover{background:#00cf23}
.anniu2 i{ margin-left:20px}
@media only screen and (max-width:992px){
.anniu a{ width:150px; color:#fff; font-size:16px; letter-spacing:2px; display:block; background:#0c36a0;border-radius:20px; margin:0 auto ;line-height:40px;}
.anniu1 a{ color:#fff; font-size:16px; letter-spacing:2px;width:150px; line-height:40px; text-align:center; background:#0c36a0;border-radius:20px; margin:30px auto 20px;display:block;}
.anniu2{ margin:0 auto; text-align:center; float:none; clear:both; padding-top:20px}
.anniu2 a{ color:#fff; font-size:16px; letter-spacing:2px;width:180px; line-height:40px; text-align:center; background:#00af1e;border-radius:5px; display:block; margin:0 auto}
.anniu2 i{ margin-left:10px; font-size:14px}
}
.anniu3{ margin:20px auto 0; float:left}
.anniu3 a{ color:#0c36a0; font-size:20px; letter-spacing:2px; width:180px; line-height:60px; text-align:center; background:#fff;border-radius:5px; display:block}
.anniu3 a:hover{ background:#00af1e ; color:#fff}
@media only screen and (max-width:992px){
.anniu3{ margin:20px auto 0; float:left}
.anniu3 a{ color:#0c36a0; font-size:14px; letter-spacing:2px; width:120px; line-height:40px; text-align:center; background:#fff;border-radius:5px; display:block}
}
.wenti{ height:auto; overflow:hidden; padding:60px 0; background: no-repeat center}
.wenti ul{ height:auto; overflow:hidden}
.wenti li{ background:#fff;border-radius:8px; float:left; width:49%; padding:2%; box-sizing:border-box;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); margin-right:2%; margin-bottom:2%}
.wenti li:nth-child(2n){margin-right:0; }
.wenti h1{ font-size:24px; font-weight:bold; color:#333; margin-bottom:20px;background: no-repeat left top; padding-left:50px; line-height:30px}
.wenti p{ font-size:16px; line-height:30px;color:#333; padding-left:50px}
.wnf{ width:690px; margin:20px auto 0;background: no-repeat left center; color:#333; font-size:24px; text-align:left; height:auto; overflow:hidden; padding-left:50px;}
.wnf span{ font-weight:bold; color:#0c36a0; font-size:24px; margin-left:20px}
@media only screen and (max-width:992px){
.wenti{ height:auto; overflow:hidden; padding:20px 0; background: no-repeat center / cover fixed;}
.wenti li{ background:#fff;border-radius:8px; float:none; width:96%; padding:15px; box-sizing:border-box;box-shadow: 0 4px 10px 0 rgba(95,125,158,.2); margin:0 auto 20px}
.wenti li:nth-child(2n){ margin:0 auto 20px}
.wenti h1{ font-size:16px; font-weight:bold; color:#333; margin-bottom:10px;background: no-repeat left top; padding-left:40px; line-height:30px}
.wenti p{ font-size:14px; line-height:26px;color:#333; padding-left:40px}
.wnf{ width:70%; margin:20px auto 0;background: no-repeat left top; color:#333; font-size:16px; text-align:left; height:auto; overflow:hidden; padding-left:50px;}
.wnf span{ font-weight:bold; color:#0c36a0; font-size:16px; margin-left:0px}
}
.wz_nr{padding:15px 0;}
.wz_nr .wz_bt{text-align:center; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #e7e7e7;}
.wz_nr .wz_bt h1{font-size:24px; line-height:36px; color:#333; font-weight: normal; margin-bottom:10px;}
.wz_nr .wz_bt span{padding:0 10px; line-height:28px; color:#999; font-size:15px}
.wz_nr .wz_js{line-height:36px; font-size:15px}
.wz_nr .wz_js img{max-width:100% !important; height:auto; display:block;}
@media only screen and (max-width:992px){
.wz_nr .wz_bt h1{font-size:20px; line-height:30px; color:#333; font-weight: normal; margin-bottom:10px;}
.wz_nr .wz_bt span{padding:0 3px; line-height:24px; color:#999; font-size:12px}
.wz_nr .wz_js{line-height:26px; font-size:14px}
}
.zc_gy{padding:25px 0; color:#000; overflow:hidden; border-top:#dddddd 1px solid; font-size:14px; margin-top:50px; }
.zc_gy .s_p{float:left;}
.zc_gy .x_p{float:right;}
.zc_gy a{ color:#333}
.zc_gy a:hover{ color:#0c36a0}
@media only screen and (max-width:992px){
.zc_gy{padding:15px 0; color:#000; overflow:hidden; border-top:#dddddd 1px solid; font-size:14px; margin-top:30px}
}
.gs_sj{background:url(/uploads/image/acimages/fz.jpg) no-repeat center bottom; height:auto; overflow:hidden; padding:60px 0}
.gs_sj .swiper-sj{position:relative; margin-top:60px}
.gs_sj .swiper-sj:after{width:100%; height:1px; background: no-repeat center; content:""; position:absolute; top:5px; left:0;}
.gs_sj .swiper-slide em{width:11px; height:11px; border-radius:50%; background-color:#aaa; display:block; margin-left:25px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.gs_sj .swiper-slide.swiper-slide-active em{background-color:#0c36a0;}
.gs_sj .swiper-slide strong{padding-left:25px; margin:15px 0; font-size:26px; line-height:36px; color:#333; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.gs_sj .swiper-slide.swiper-slide-active strong{color:#0c36a0;}
.gs_sj .swiper-slide .w_z{padding:25px 25px 10px; background-color:rgba(255,255,255,.5);}
.gs_sj .swiper-slide .w_z h4{font-size:20px; font-weight:bold; color:#333; margin-bottom:15px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.gs_sj .swiper-slide:hover .w_z h4{color:#0c36a0;}
.gs_sj .swiper-slide:hover .w_z{box-shadow:0 5px 15px #ddd;}
.gs_sj .swiper-slide .w_z p{font-size:16px; line-height:24px; color:#333; height: auto; overflow:hidden; }
.gs_sj .t_p{overflow:hidden;}
.gs_sj .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;}
.gs_sj .swiper-slide: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);}
@media (min-width:1081px){
.gs_sj{padding:90px 0;}
.gs_sj .swiper-sj:after{top:4px;}
.gs_sj .swiper-button-prev{width:34px; height:34px; right:60px;}
.gs_sj .swiper-button-next{width:34px; height:34px; right:15px;}
.gs_sj .swiper-slide em{width:9px; height:9px; margin-left:15px;}
.gs_sj .swiper-slide strong{padding-left:15px; margin:10px 0; font-size:22px; line-height:32px;}
.gs_sj .swiper-slide .w_z{padding:15px 15px 10px;}
.gs_sj .swiper-slide .w_z h4{font-size:18px; line-height:26px; min-height:52px; margin-bottom:10px;}
.gs_sj .swiper-slide .w_z p{font-size:13px; line-height:22px; }
}
@media (min-width:1600px){
.gs_sj{padding:60px 0;}
.gs_sj .swiper-sj:after{top:5px;}
.gs_sj .swiper-button-prev{width:38px; height:38px; right:65px;}
.gs_sj .swiper-button-next{width:38px; height:38px; right:15px;}
.gs_sj .swiper-slide em{width:11px; height:11px; margin-left:25px;}
.gs_sj .swiper-slide strong{padding-left:25px; margin:15px 0; font-size:26px; line-height:36px;}
.gs_sj .swiper-slide .w_z{padding:25px 25px 10px;}
.gs_sj .swiper-slide .w_z h4{font-size:20px; line-height:30px; min-height:inherit; margin-bottom:15px;}
.gs_sj .swiper-slide .w_z p{font-size:16px; line-height:28px; }
}
@media only screen and (max-width:640px){
.gs_sj{padding:20px 0 0;}
.gs_sj .swiper-sj{position:relative; margin-top:30px}
.gs_sj .swiper-slide .w_z{padding:15px 15px 10px;}
.gs_sj .swiper-slide .w_z h4{font-size:22px; line-height:32px; min-height:64px;}
.gs_sj .swiper-slide .w_z p{font-size:14px; line-height:24px; }
.gs_sj .swiper-slide strong{padding-left:15px; margin:15px 0 0; font-size:20px; line-height:26px; color:#333; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
}
.sy_gy1{padding:60px 0; overflow:hidden;background:url(/uploads/image/acimages/gyn.jpg) no-repeat center bottom;}
.sy_gy1 .gy_bt{ margin-bottom:30px}
.sy_gy1 .row{margin:0 -10px;}
.sy_gy1 .col-12{padding:0 10px;}
.sy_gy1 .sy_bt{margin-bottom:40px;}
.sy_gy1 .sy_bt h3{color:#333; font-size:24px }
.sy_gy1 .g_y{font-size:16px; color:#333; line-height:30px; margin-bottom:50px;}
.sy_gy1 .s_p{position:relative;}
.sy_gy1 .b_f{width:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;}
.sy_gy1 .s_p img{width:100%; height:auto; display:block;}
.sy_gy1 a.m_r{width:160px; height:50px; text-align:center; font-size:12px; color:#fff; line-height:50px; background-color:#d0111b; display:block;}
.sy_gy1 a.m_r i{vertical-align:middle; margin-left:20px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_gy1 a.m_r:hover i{margin-left:35px;}
@media (min-width:1081px){
.sy_gy1{padding:80px 0;}
.sy_gy1 .row{margin:0 -25px;}
.sy_gy1 .col-12{padding:0 25px;}
.sy_gy1 .sy_bt{margin-bottom:25px;}
.sy_gy1 .g_y{font-size:14px; line-height:24px; margin-bottom:25px;}
.sy_gy1 a.m_r{width:130px; height:40px; line-height:40px;}
.sy_gy1 a.m_r i{margin-left:15px; font-size:18px;}
.sy_gy1 a.m_r:hover i{margin-left:25px;}
}
@media (min-width:1600px){
.sy_gy1{padding:60px 0;}
.sy_gy1 .row{margin:0 -20px;}
.sy_gy1 .col-12{padding:0 20px;}
.sy_gy1 .sy_bt{margin-bottom:20px;}
.sy_gy1 .g_y{font-size:16px; line-height:30px; margin-bottom:50px;}
.sy_gy1 a.m_r{width:160px; height:50px; line-height:50px;}
.sy_gy1 a.m_r i{margin-left:20px; font-size:22px;}
.sy_gy1 a.m_r:hover i{margin-left:35px;}
}
@media only screen and (max-width:640px){
.sy_gy1{padding:20px 0; overflow:hidden;}
.sy_gy1 .gy_bt{ margin-bottom:20px}
.sy_gy1 .row{margin:0 -20px;}
.sy_gy1 .col-12{padding:0 20px;}
.sy_gy1 .sy_bt{margin-bottom:10px;}
.sy_gy1 .sy_bt h3{color:#333; font-size:18px }
.sy_gy1 .g_y{font-size:14px; line-height:26px; margin-bottom:30px;}
.sy_gy1 a.m_r{width:200px; height:60px; font-size:20px; line-height:60px; margin-bottom:30px;}
}
.sy_sj{width:100%; height:auto; overflow:hidden;}
.sy_sj .wrap .n_r{border-right:1px solid rgba(12,54,160,.5); text-align:center;}
.sy_sj .wrap ul li{width:25%; padding:0 15px;}
.sy_sj .wrap ul li:last-child .n_r{border-right:0;}
.sy_sj .wrap .s_z{font-size:20px; color:#0c36a0;}
.sy_sj .wrap .s_z b{font-size:42px; padding-right:10px; font-weight:normal; color:#0c36a0}
.sy_sj .wrap em{width:30px; height:3px; display:block; margin:10px auto; background-color:rgba(255,255,255,.6);}
.sy_sj .wrap p{font-size:16px; color:#333;}
@media (min-width:1081px){
.sy_sj .wrap ul li{padding:0 10px;}
.sy_sj .wrap .s_z{font-size:16px;}
.sy_sj .wrap .s_z b{font-size:46px;}
.sy_sj .wrap p{font-size:16px;}
}
@media (min-width:1600px){
.sy_sj .wrap ul li{padding:0 15px;}
.sy_sj .wrap .s_z{font-size:20px;}
.sy_sj .wrap .s_z b{font-size:42px;}
.sy_sj .wrap p{font-size:16px;}
}
@media only screen and (max-width:640px){
.sy_sj{padding:20px 0 0; background: no-repeat center / cover; text-align:center;}
.sy_sj .wrap ul{display:inline-block; margin:0;}
.sy_sj .wrap ul li{width:49%; padding:0 10px; display:inline-block; float:none;}
.sy_sj .wrap .n_r{border-right:0; margin:10px 0;}
.sy_sj .wrap .s_z{font-size:20px;}
.sy_sj .wrap .s_z b{font-size:24px;}
.sy_sj .wrap p{font-size:14px;}
}
.dbda{ height:auto; overflow:hidden; margin-bottom:20px}
.biaot{ border-bottom:#ccc 1px solid; line-height:50px; padding-left:20px; font-size:18px; color:#333;background: no-repeat left center; margin-bottom:20px}
.biaot:hover{ color:#0c36a0}
.dbda li{ font-size:16px; width:16.6%; float:left; line-height:40px}
.dbda li a{ color:#333}
.dbda li:hover a{ color:#0c36a0}
@media only screen and (max-width:992px){
.dbda{ height:auto; overflow:hidden; margin-bottom:10px}
.biaot{ border-bottom:#ccc 1px solid; line-height:50px; padding-left:20px; font-size:16px; color:#333;background: no-repeat left center; margin-bottom:10px}
.dbda li{ font-size:14px; width:50%; float:left; line-height:30px}
}
.cxbg{background: no-repeat center; height:auto; overflow:hidden; padding:100px 0}
.cxbg p{ text-align:center; font-size:14px; color:#0c36a0; margin-bottom:50px}
.cxbg .yz_xx{width:100%; margin:0 auto; padding:60px 80px; box-shadow:0px 8px 20px 0px rgba(95,125,158,.1); border:#ddd 1px solid}
.cxbg .yz_xx .n_r{ height:auto; overflow:hidden; text-align:center}
.cxbg .yz_xx .n_r input{width:100%; height:51px; border:1px solid #ddd; line-height:50px; margin-bottom:20px; display:block; padding-left:20px; font-size:14px}
.cxbg .yz_xx .n_r.y_z input{padding-right:120px;}
.cxbg .yz_xx .n_r .y_m{width:100px; height:40px; background: no-repeat center / cover; position:absolute; top:5px; right:0;}
.cxbg .yz_xx button{width:150px; height:50px; background-color:#0c36a0; font-size:16px; line-height:50px; text-align:center; color:#fff; margin:10px auto;border-radius:5px; }
.cxbg .yz_xx button:hover{background-color:#01af1e;}
@media only screen and (max-width:992px){
.cxbg{background: no-repeat center; height:auto; overflow:hidden; padding:60px 0}
.cxbg .yz_xx{width:100%; margin:0 auto; padding:30px 20px 20px; box-shadow:0px 8px 20px 0px rgba(95,125,158,.1); border:#ddd 1px solid}
.cxbg p{ text-align:center; font-size:14px; color:#0c36a0; margin-bottom:30px}
.cxbg .yz_xx button{width:150px; height:40px; background-color:#0c36a0; font-size:14px; line-height:40px; text-align:center; color:#fff; margin:10px auto;border-radius:5px; }
.cxbg .yz_xx .n_r input{width:100%; height:41px; border:1px solid #ddd; line-height:40px; margin-bottom:20px; display:block; padding-left:10px; font-size:13px}
}
.tjxw { background:#fafafa; height:auto; overflow:hidden; padding:50px 0}
.tjxw .x_w1{width:49%}
.tjxw .x_w1 .wt_bt{border-bottom:1px solid #eee; overflow:hidden; margin-bottom:20px;}
.tjxw .x_w1 .wt_bt span{float:left; width:100px; height:50px; border-bottom:#0c36a0 2px solid; font-size:20px; line-height:50px; color:#000; letter-spacing:1px; text-align:center; cursor:pointer; font-weight:bold}
.tjxw .x_w1 .wt_bt a{font-size:14px; line-height:50px; float:right; color:#0c36a0}
.tjxw .x_w1 ul li{line-height:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%; font-size:15px; color:#333; border-bottom:#ccc 1px dashed}
.tjxw .x_w1 ul li a{ color:#333}
.tjxw .x_w1 span{float:right; font-size:14px}
.tjxw .x_w1 i{font-size:14px; margin-right:5px;}
@media only screen and (max-width:992px){
.tjxw { background:#fafafa; height:auto; overflow:hidden; padding:20px 0 0}
.tjxw .x_w1{width:100%; margin-bottom:20px}
.tjxw .x_w1 .wt_bt{border-bottom:1px solid #eee; overflow:hidden; margin-bottom:10px;}
.tjxw .x_w1 .wt_bt span{float:left; width:70px; height:40px; border-bottom:#0c36a0 2px solid; font-size:16px; line-height:40px; color:#000; letter-spacing:1px; text-align:center; cursor:pointer; font-weight:bold}
.tjxw .x_w1 .wt_bt a{font-size:12px; line-height:40px; float:right; color:#0c36a0}
.tjxw .x_w1 ul li{line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%; font-size:14px; color:#333; border-bottom:#ccc 1px dashed}
.tjxw .x_w1 span{float:right; font-size:12px}
.tjxw .x_w1 i{font-size:12px; margin-right:5px;}
}
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display: none; }
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:; }
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none; box-sizing: inherit}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none; box-sizing: inherit}
#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none; box-sizing: inherit /*box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;*/}
#fancybox-outer{position:relative;width:100%;height: auto;}
#fancybox-content{position:relative;overflow:hidden;z-index:1102; background:#fff; border:#fff solid 0px }
#fancybox-hide-sel-frame{position:absolute;width:100%;height:100%;z-index:1101; box-sizing: inherit}
#fancybox-close{position:absolute;top:10px;right:-8px;width:30px;height:30px;background:transparent -40px 0px;cursor:pointer;z-index:1103;display:none; box-sizing: inherit}
#fancybox-error{color:#444;font:normal 12px/20px arial;padding:14px;margin:0; box-sizing: inherit}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top; box-sizing: inherit}
#fancybox-frame{width:100%;height:100%;border:none;display:block; box-sizing: inherit}
#fancybox-left, #fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent ;z-index:1102;display:none; box-sizing: inherit}
#fancybox-left{left:0px; box-sizing: inherit}
#fancybox-right{right:0px; box-sizing: inherit}
#fancybox-left-ico, #fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block; box-sizing: inherit}
#fancybox-left-ico{background-image:;background-position:-40px -30px; box-sizing: inherit}
#fancybox-right-ico{background-image:;background-position:-40px -60px; box-sizing: inherit}
#fancybox-left:hover, #fancybox-right:hover{visibility:visible; box-sizing: inherit /* ie6 */}
#fancybox-left:hover span{left:20px; box-sizing: inherit}
#fancybox-right:hover span{left:auto;right:20px; box-sizing: inherit}
.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:;}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:;background-position:-40px -162px;}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:;background-position:-20px 0px;}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:;background-position:-40px -182px;}
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:;background-position:0px -20px;}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:;background-position:-40px -142px;}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:;}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:;background-position:-40px -122px;}
#fancybox-title{font-family:helvetica;font-size:16px;z-index:1102;}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}
.fancybox-title-outside{padding-top:10px;color:#fff;}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#fff;text-align:left;}
#fancybox-title-over{padding:10px ;background-image:;display:block; width:calc(100% - 20px)}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;}
#fancybox-title-float-wrap td{border:none;white-space:nowrap;}
#fancybox-title-float-left{padding:0 0 0 15px;background: -40px -90px no-repeat;}
#fancybox-title-float-main{color:#fff;line-height:29px;font-weight:bold;padding:0 0 3px 0;background: 0px -40px;}
#fancybox-title-float-right{padding:0 0 0 15px;background: -55px -90px no-repeat;}
/* ie6 */
.fancybox-ie6 #fancybox-close{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie6 #fancybox-left-ico{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie6 #fancybox-right-ico{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie6 #fancybox-title-over{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale'); zoom:1;}
.fancybox-ie6 #fancybox-title-float-left{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie6 #fancybox-title-float-main{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie6 #fancybox-title-float-right{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height:expression(this.parentnode.clientheight "px");}
#fancybox-loading.fancybox-ie6{position:absolute; margin-top:0;top:expression( (-20 (document.documentelement.clientheight ? document.documentelement.clientheight/2 : document.body.clientheight/2 ) ( ignoreme = document.documentelement.scrolltop ? document.documentelement.scrolltop : document.body.scrolltop )) 'px');}
#fancybox-loading.fancybox-ie6 div{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
/* ie6, ie7, ie8 */
.fancybox-ie .fancybox-bg{background:transparent !important;}
.fancybox-ie #fancybox-bg-n{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie #fancybox-bg-ne{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie #fancybox-bg-e{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie #fancybox-bg-se{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie #fancybox-bg-s{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie #fancybox-bg-sw{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie #fancybox-bg-w{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.fancybox-ie #fancybox-bg-nw{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');}
.more-btn{
background: #3d5eb3;
display: block;
width: 180px;
height: 40px;
margin: 0 auto;
font-size: 16px;
line-height: 40px;
text-align: center;
border-radius: 20px;
border: 1px solid #3d5eb3;
color: #fff;
transition: all ease 600ms;
box-shadow: 0px 3px 17px 2px #e5e5e5;
margin-top: 30px;
margin-bottom: 20px;
}
.more-btn:hover{
width: 220px;
background: #0c36a0;
color: #fff;
transition: all ease 600ms;
}
#fashionshow{ padding: 0; height:auto; overflow:hidden}
.subtit{ color:#a0a0a0; text-align:center; padding-bottom:40px;}
#fashionshow ul{ margin-top:15px;}
#fashionshow ul li{ position:relative; width:23.2%; float:left; line-height:0; margin-right:1%; margin-bottom:1%;border: 1px solid #e7e7e7;box-sizing:border-box; padding:5px }
#fashionshow ul li p{ text-align:center; font-size:14px;margin-top:0px; height:50px; line-height:50px; color:#4f4949; background:#fafafa}
#fashionshow ul li:nth-child(5n){margin-right:0; }
#fashionshow ul li a{ display:block; width:100%; overflow:hidden;position:relative;height: 338px;text-align: center;margin: auto;}
#fashionshow ul li a img{ max-width:100%;height: 100%;text-align: center; margin: auto;}
#fashionshow ul li a span{ position:absolute; bottom:0; left:0; display:inline-block; width:100%; border-bottom:6px #0c36a0 solid;/*filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;*/ display:none;}
#fashionshow ul li a b{ display:inline-block; position:absolute; left:auto; right:0; top:auto; bottom:0; width:44px; height:38px; background: no-repeat center #0c36a0;}
#fashionshow ul li a img.cloneimg{
/*position:absolute; */
/*left:0; */
top:0;filter:grayscale(50%); -webkit-filter:grayscale(50%); -moz-filter:grayscale(50%); -ms-filter:grayscale(50%); -o-filter:grayscale(50%);}
@media only screen and (max-width:992px){
#fashionshow ul li{ position:relative; width:48%; float:left; line-height:0; margin-right:2%; margin-bottom:2%}
#fashionshow ul li p{ text-align:center; font-size:14px; font-weight:bold; margin-top:0px; height:40px; line-height:40px; color:#000; background:#fafafa}
#fashionshow ul li:nth-child(even){margin-right:0; }
#fashionshow ul li:nth-child(odd){margin-right:2%; }
}
.zw{ line-height:30px; padding:15px 0; min-height:350px;color:#555555; font-size:14px;}
/*
.zw a:link{ color:#555555; }
.zw a:visited{ color:#555;}
*/
.zw a:hover{ color:#ff6205;}
.zw a:active{color:#555555;}
.zw img{
max-width:100%;
width:expression(document.body.clientwidth>100%?"100%":"auto");
}
.gs_dt iframe {width: 100%!important;}
.xiaocms-page span{ margin:0 3px; border:1px solid #0c36a0;line-height:35px; padding:0 15px; background:#0c36a0; color:#ffffff; display:inline-block; }
.xiaocms-page a{margin:0 3px; border:1px solid #eee;line-height:35px;background:#fff; display:block; color:#333; padding:0 15px;display:inline-block; }
.xiaocms-page a:hover {margin:0 3px; border:1px solid #0c36a0;line-height:35px; background:#0c36a0; color:#fff; padding:0 15px;display:inline-block;}