@charset "utf-8";
/* CSS Document */
/*鍏叡鏍峰紡涓庨椤垫牱寮?/
html{-webkit-text-size-adjust:none; /*瑙e喅chrome娴忚鍣ㄤ笅瀛椾綋涓嶈兘灏忎簬12px*/}
body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
* {}
a{outline:none; text-decoration:none !important;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body{
overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*鍘绘帀鑻规灉鐨勯粯璁I鏉ユ覆鏌撴寜閽?/} em,i{ font-style:normal;}
/*鍐呰竟妗?/
.borpd{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.toe{
/*瓒呭嚭鐪佺暐鍙?/
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 娓呴櫎娴姩*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 楂樺害鑷€傚簲 */
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5鍗冲皢鍘熺敓鏀寔opacity灞炴€э紝鎵€浠ユ湰鏉″睘鎬у彧鍦‵irefox3浠ヤ笅鐗堟湰鏈夋晥 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
A {
TEXT-DECORATION: none;
}
A:link {
color: #222222;
outline: none;
}
A:visited {
color: #222222;
}
A:active {
color: #222222
}
A:hover {
COLOR: #2BB572
}
BODY {
margin: 0px;
padding: 0;
font-family: "san",'Noto Sans SC',Arial, "寰蒋闆呴粦";
background: #ffffff;
color: #222222;
overflow-x: hidden;
}
/*@font-face {*/
/* font-family: 'san';*/
/* src: url('../fonts/NotoSansSC.ttf');*/
/*}*/
html{
width:100%;
}
p, h1, h2, h3, h4, h5, h6, ul, li, input, dl, dt, dd, header, article, iframe, footer, ol, div, img {
margin: 0px;
padding: 0px;
}
input {
border: 0px;
}
img {
border: 0px;
vertical-align: middle;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
max-width: 100%;
height: auto;
}
li {
list-style: none;
}
a, i, span, :before, :after {
outline: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
b, label {
font-weight: normal;
}
input, button, select, textarea {
outline: none;
font-family: Arial, "寰蒋闆呴粦";
font-size: 12px;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
margin: 0px;
padding: 0px;
height: 0px;
}
.usbanner{
height: 28vw;
}
@media only screen and (max-width: 1200px) {
.main {
width: 100%;
padding: 0 15px;
}
body {
font-size: 12px;
line-height: 1.5;
}
}
@media only screen and (min-width: 1200px) {
.mob {
display: none;
}
.main {
width: 90%;
margin: 0 5%;
}
body {
font-size: 14px;
line-height: 24px;
}
}
@media only screen and (max-width: 1200px) {
#nav_top {
width: 100%;
}
.top {
width: 100%;
background-color: rgba(0, 0, 0, .3);
color: #fff;
position: fixed;
z-index: 700;
left: 0px;
top: 0px;
height: 55px;
}
.top .main {
height: 55px;
position: relative;
}
.top_jg {
height: 55px;
width: 100%;
}
.logo {
background: url(../images/logo.png) left center no-repeat;
background-size: auto 95%;
width: 100px;
height: 30px;
position: absolute;
left: 15px;
top: 12.5px;
}
.logo a {
position: absolute;
height: 30px;
width: 60px;
left: 0;
top: 0px;
}
.menu {
margin: 0px 0px 0px 0%;
float: left;
width: 100%;
}
.menu li {
float: left;
width: 100%;
border-top: solid 1px rgba(255, 255, 255, .2);
}
.menu a.dbt {
font-size: 16px;
font-weight: bold;
}
.menu a {
display: block;
width: 100%;
padding: 12px 0px;
text-align: left;
padding-left: 3%;
color: #fff;
}
.menu li{
position: relative;
}
.menu i {
display: block;
background: url(../images/icon2-1.png) no-repeat center/50%;
width: 20px;
height: 38px;
position: absolute;
z-index: 11;
right: 15px;
top: 0;
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
.menu .txtk {
width: 100%;
float: left;
}
.menu .menu_item{
display: none;
}
.menu .menu_item .imgk {
display: none;
}
.menu .menu_item .d1{
display: none;
}
.menu .menu_item,.menu .menu_item .d2 {
width: 100%;
float: left;
}
.menu dl {
width: 100%;
float: left;
padding-bottom: 8px;
}
.menu dl dd {
width: 100%;
float: left;
font-size: 15px;
}
.menu .items dd{
width:50%;
font-size: 13px;
}
.menu dl dd a {
padding: 5px 0px;
padding-left: 8%;
}
.menu .d2>dl>dd{
border-bottom: solid 1px rgba(255, 255, 255, .2);
}
.menu .d2>dl>dd:last-child{
border: none;
}
.menu .items dd a{
padding-left: 32%;
}
.menu2 {
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 10px;
top: 12.5px;
z-index: 31;
}
.menu2 a {
outline: none;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.menu2 a.on {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
#navk {
width: 100%;
display: none;
background-color: rgba(0, 0, 0, .55);
position: fixed;
left: 100%;
top: 55px;
height: calc(100vh - 55px);
height: -moz-calc(100vh - 55px);
height: -webkit-calc(100vh - 55px);
overflow-y: auto;
z-index: 800; padding-bottom: 150px;
}
.ss {
height: 55px;
width: 40px;
display: block;
position: absolute;
right: 95px;
}
.ss a.cd_ss.on {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: auto 30px;
background-color: #084897;
}
.ss a.cd_ss {
content: '';
height: 55px;
width: 100%;
display: block;
background: url(../images/t_ss.png) center center no-repeat;
cursor: pointer;
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-o-transition: all 0s linear;
-ms-transition: all 0s linear;
transition: all 0s linear;
}
.ss .txtk {
position: fixed;
overflow: hidden;
right: 0px;
left: 0px;
top: 55px;
width: 100%;
background-color: #084897;
padding: 10px 15px;
display: none;
}
.ss .form-control {
width: 100%;
height: 35px;
border: 0;
padding: 0 0 0 12px;
background: rgba(255, 255, 255, .2);
color: #ffffff;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
font-size: 14px;
}
.ss .an_ss {
position: absolute;
width: 40px;
height: 35px;
border: 0;
right: 20px;
top: 10px;
background: url(../images/t_ss.png) center center no-repeat;
background-size: auto 50%;
}
a.cd_yy {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #ffffff;
position: absolute;
right: 55px;
top: 50%;
margin-top: -15px;
font-size: 15px;
}
}
@media only screen and (min-width: 1200px) {
#navk {
}
.menu2 {
display: none;
}
.top {
width: 100%;
color: #fff;
background-color: rgba(0, 0, 0, .55);
position: fixed;
z-index: 100000;
left: 0;
top: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#ny_top.on {
background-color: rgba(230, 230, 230, .9);
}
.top .main {
height: 80px;
position: relative;
}
.top_jg {
display: none;
}
.logo {
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 60%;
width: 200px;
height: 100%;
position: absolute;
left: 0px;
top: 0%;
}
#ny_top.on .logo{
background-image: url(../images/logo_on.png);
}
.menu {
position: relative;
height: 80px;
float: right;
}
.menu li {
height: 80px;
float: left;
margin-right: 30px;
position: relative;
}
.menu a.dbt {
font-size: 16px;
display: block;
height: 80px;
line-height: 80px;
text-align: center;
color: #fff;
position: relative;
}
#ny_top.on .menu a.dbt{
color:#333;
}
.menu a.dbt:hover, .menu li:hover a.dbt, a.cd_yy:hover {
border-bottom: solid 3px #2BB572;
}
.menu .menu_item {
width: 176px;
padding: 0px 5%;
background-color: #fff;
position: absolute;
left: 50%;
top: 80px;
font-size: 15px;
box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
display: none;
/*overflow:hidden;*/
z-index: 111;
transform: translate(-50% ,0);
}
.menu .menu_item .bt{
color:#0058ce;
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
line-height: 30px;
}
.menu .menu_item .imgk {
width: 100%;
float: left;
}
.menu .menu_item .d1{
width:35%;
float:left;
padding:30px 0;
}
.menu .menu_item .d2{
width:100%;
/* float:left; */
/* padding:70px 0 50px 0; */
/* border-right: solid 1px #e5e5e5; */
/* margin-left: 5%;
min-height: 370px; */
}
.menu .menu_item .imgk img{
width:100%;
}
.menu .item_nav {
width: 100%;
float: left;
position: relative;
}
.menu dl dd {
width: 100%;
float: left;
position: relative;
}
.menu dl dd > .items{
position: absolute;
left: 100%;
top: 0px;
height:250px;
min-width:170px;
filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
display: none;
}
.menu dl dd:hover > .items{
filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
display: block;
}
.menu dl dd > .items dd{
padding-left:1px;
}
.menu .items dl {
width: 100%;
float: left;
background-color: #fff;
}
.menu dl a {
display: block;
width: 100%;
padding: 10px 40px 10px 30px;
line-height: 30px;
position: relative;
float: left;
}
.menu .item_nav > dd > a:after{
content: '';
position: absolute;
width: 15px;
height: 15px;
right: 20px;
top: 50%;
margin-top: -7.5px;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
transform: rotate(-90deg);
}
.menu dl a:hover,.menu dl dd:hover > a{
background-color: #f7f7f7;
}
a.cd_yy {
color: #fff;
float: right;
font-size: 16px;
line-height: 80px;
height: 80px;
position: relative;
}
#ny_top.on a.cd_yy{
color:#333;
}
.ss {
position: relative;
height: 40px;
line-height: 40px;
display: block;
background: url("../images/t_ss.png") center center no-repeat;
z-index: 33;
float: right;
width: 40px;
margin-top: 20px;
margin-right: 10px;
}
#ny_top.on .ss{
background: url("../images/t_ss_on.png") center center no-repeat;
}
.ss .txtk {
position: absolute;
overflow: hidden;
height: 40px;
right: 0px;
top: 0px;
width: 0%;
-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
border: solid 1px rgba(255, 255, 255, 0);
}
.ss:hover {
background: none;
}
.ss:hover .txtk {
width: 240px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
background-color: #2BB572;
}
.ss .form-control {
width: 100%;
height: 40px;
line-height: 38px;
border: 0;
padding: 0 0 0 15px;
background: rgba(255, 255, 255, 0);
color: #ffffff;
}
.ss .an_ss {
position: absolute;
width: 40px;
height: 40px;
border: 0;
right: -1px;
top: -1px;
background: url(../images/t_ss.png) center center no-repeat;
}
}
@media only screen and (min-width: 1600px) {
a.cd_yy, .menu a.dbt {
font-size: 16px;
}
.menu li {
margin-right: 40px;
}
.ss {
margin-right: 20px;
}
.logo {
background-size: auto 65%;
}
.menu .menu_item{
font-size: 16px;
}
}
.ss .form-control::placeholder {
color: #ffffff;
}
.footer-text {
background-color: #29934d;
background-image: url('../images/ftr.png');
background-size: auto 100%;
background-position:left;
background-repeat: no-repeat;
}
.foot {
width:70%;
margin:0 auto;
}
.foot1 {
padding: 30px 0;
border-bottom: solid 1px rgba(255, 255, 255, .15);
}
.foot2 {
padding: 30px 0 30px 0;
border-bottom: solid 1px rgba(255, 255, 255, .15);
}
.foot2 .main{
display: flex;
flex-wrap: wrap;
/*margin:;*/
}
.foot3 {
padding: 30px 0;
}
.foot a, .foot {
color: #fff;
}
.foot a:hover {
color: #ffffff;
}
.foot_logo {
background-image: url(../images/logo_foot.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
width: 160px;
height: 53px;
display: block;
}
.foot2 .d1 {
/*width: 280px;*/
float: left;
flex:1;
}
.foot_lb1{
margin-bottom:20px;
}
.foot_lb1 a {
width: 120px;
height: 120px;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
float: left;
margin: 0 20px 20px 0;
color: #fff;
font-size: 14px;
display: flex;
justify-content: center;
flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
align-items: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.foot_lb1 a:before {
content: '';
width: 28px;
height: 28px;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
margin: 0 auto 12px auto;
}
.foot_lb1 a.a1:before {
background-image: url("../images/sy_e1.png");
}
.foot_lb1 a.a2:before {
background-image: url("../images/sy_e2.png");
}
.foot_lb1 a.a1 {
background-image: url("../images/sy_d1.png");
}
.foot_lb1 a.a2 {
background-image: url("../images/sy_d2.png");
}
/*.foot2{*/
/* width: 100%;*/
/* float: left;*/
/* margin-left: 110px;*/
/*}*/
.cd_f {
float: left;
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cd_f li {
/*width: 33.3333%;*/
/*float: left;*/
line-height: 30px;
margin-bottom:20px;
}
.cd_f .bt, .cd_f .bt a {
color: #fff;
font-size:18px;
font-weight: bold;
}
.cd_f .bt {
margin-bottom: 12px;
}
.foot2 .d2{
flex:2;
}
.foot2 .d3 {
width: 220px;
text-align: right;
float: right;
display: flex;
}
.foot2 .d3 .s_tel {
display: block;
width: 100%;
background-image: url("../images/t_tel.png");
background-size: auto 100%;
background-position: center right;
background-repeat: no-repeat;
height: 28px;
margin-bottom: 25px;
float: left;
}
/* .foot2 .d3 .ewm {
width: 50%;
float: right;
} */
.foot2 .d3 .ewm img {
margin-bottom: 15px;
}
@media only screen and (min-width: 1600px) {
.foot2 .d3 {
width: 430px;
}
.foot2 .d3 .s_tel {
height: 33px;
}
.foot2 .d1 {
/*width: 315px;*/
}
.foot_lb1 a {
width: 134px;
height: 134px;
font-size: 15px;
}
}
@media only screen and (max-width: 1200px) {
.foot1 {
display: none;
}
.foot2 {
padding: 20px 15px 15px 15px;
}
.foot3 {
padding: 15px;
}
.foot2 .d1 {
width: 100%;
}
.foot_lb1 a {
width: 90px;
height: 90px;
font-size: 13px;
margin: 0 15px 15px 0;
}
.foot_lb1 a:before {
width: 22px;
height: 22px;
margin-bottom: 8px;
}
.foot2 .d2 {
max-width: 450px;
width: 100%;
margin: 0 0 15px 0;
}
.cd_f li {
line-height: 20px;
padding-right: 10px;
margin-bottom: 5px;
}
.foot2 .d3 {
width: 250px;
/* margin-top: -100px; */
}
.foot2 .d3 .s_tel {
height: 25px;
margin-bottom: 15px;
}
.cd_f .bt {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 760px) {
.foot_lb1 a {
width: 80px;
height: 80px;
}
.foot2 .d3 .s_tel {
display: none;
}
.foot2 .d3 {
width: 100%;
margin-top: 0px;
}
.foot2 .d3 .ewm {
width: 100%;
/*text-align: left!important;*/display: none;
}
.foot2 .d3 .ewm img {
height: 80px;
}
.foot2 .d2 {
max-width: 100%;
}
.usbanner{
height: 50vw;
}
}
.ban {
width: 100%;
position:relative;
}
/*.ban:before{*/
/*content: '';*/
/*background-image: url("../images/top_bj.png");*/
/*background-position: top center;*/
/*background-repeat: no-repeat;*/
/*background-size: 100% 100%;*/
/*position:absolute;*/
/*width:100%;*/
/*height:100%;*/
/*left:0px;*/
/*top:0px;*/
/*}*/
.ban img {
width: 100%;
display: block;
max-height:400px;
}
.ban .txtk{
width:50%;
left:5%;
position:absolute;
height:100%;
top:0px;
color:#fff;
display: flex;
justify-content: center;
flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
z-index: 1;
/*align-items: center;*/
padding-top:3%;
}
.ban .txtk .bt{
font-size: 40px;
font-weight: bold;
}
.ban .txtk .xbt{
font-size: 30px;
}
.ban i{
display: block;
width:50px;
height:4px;
background-color: #ffffff;
margin:26px 0;
}
@media only screen and (max-width: 1200px) {
.ban .txtk .bt{
font-size: 30px;
}
.ban .txtk .xbt{
font-size: 20px;
}
.ban i{
width:30px;
height:3px;
margin:15px 0;
}
.ban .txtk{
padding-top:55px;
}
}
@media only screen and (max-width:760px) {
/*.ban .txtk .bt{*/
/* font-size: 17px;*/
/*}*/
/*.ban .txtk .xbt{*/
/* font-size: 13px;*/
/*}*/
.ban i{
width:20px;
height:2px;
margin:5px 0;
}
.ban img{
height:400px;
object-fit: cover;
-webkit-object-fit:cover;
-moz-object-fit:cover;
}
}
@media only screen and (min-width: 1600px) {
.ban .txtk .bt{
font-size: 45px;
}
.ban .txtk .xbt{
font-size: 34px;
}
.ban i{
height:5px;
margin:35px 0;
}
}
@media only screen and (min-width: 1200px) {
.img_d {
overflow: hidden;
}
.img_d:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
}
@media only screen and (max-width: 1200px) {
.pc {
display: none;
}
.lm1k,.zx_nav{
width: 100%;
}
.lm1,.zx_nav ul{
width: 100%;
display: none;
border-bottom: solid 1px #dddddd;
}
.lm1 li,.zx_nav li{
width: 100%;
border-top: solid 1px #dddddd;
}
.lm1 li a,.zx_nav li a{
display: block;
width: 100%;
font-size: 13px;
padding: 8px 3%;
background: #fff;
}
.lm1 li a:hove,.zx_nav li a:hover {
background: #2BB572;
color: #ffffff;
}
.lm1_bt {
width: 100%;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
text-align: center;
height: 40px;
line-height: 40px;
background: #fff;
font-size: 14px;
}
.lm1_bt a {
width: 100%;
height: 40px;
display: block;
position: relative;
color: #1362ad;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 0px 35px;
}
.lm1_bt a:before {
content: '';
position: absolute;
width: 40px;
height: 40px;
right: 5px;
top: 0px;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 22px;
}
.lm1_bt a.on:before {
transform: rotate(180deg);
}
}
@media only screen and (min-width: 1200px) {
.lm1_bt {
display: none;
}
.lm1k {
width: 100%;
box-shadow: 0 2px 12px rgba(0, 0, 0, .15);
background-color: #ffffff;
position: relative;
font-size: 0;
}
.lm1 {
width: 100%;
position: relative;
text-align: center;
}
.lm1 li {
display: inline-block;
padding: 0 40px;
position: relative;
}
.lm1 li a {
font-size: 16px;
line-height: 50px;
}
.lm1 li:after {
content: '';
background-color: #1362ad;
width: 3px;
height: 16px;
position: absolute;
right: 0px;
top: 50%;
margin-top: -8px;
}
.lm1 li:last-child:after {
display: none;
}
.lm1 li a.on, .lm1 li a:hover {
color: #1362ad;
}
.lm1 li a.on {
font-weight: bold;
}
}
.y50 {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.y10 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.y5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.y3 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.zt_3d {
color: #333;
}
.zt_6d {
color: #666;
}
.zt_9d {
color: #999;
}
@media only screen and (max-width: 1200px) {
.md50 {
margin-bottom: 20px;
}
.md70 {
margin-bottom: 20px;
}
.md60 {
margin-bottom: 20px;
}
.md10 {
margin-bottom: 10px;
}
.md15 {
margin-bottom: 10px;
}
.md20 {
margin-bottom: 15px;
}
.md25 {
margin-bottom: 15px;
}
.md30 {
margin-bottom: 20px;
}
.md35 {
margin-bottom: 20px;
}
.md40 {
margin-bottom: 20px;
}
}
.md5 {
margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) {
.md50 {
margin-bottom: 50px;
}
.md60 {
margin-bottom: 60px;
}
.md70 {
margin-bottom: 70px;
}
.md10 {
margin-bottom: 10px;
}
.md15 {
margin-bottom: 15px;
}
.md20 {
margin-bottom: 20px;
}
.md25 {
margin-bottom: 25px;
}
.md30 {
margin-bottom: 30px;
}
.md35 {
margin-bottom: 35px;
}
.md40 {
margin-bottom: 40px;
}
.img_d {
overflow: hidden;
}
.img_d img {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.img_d:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}
.xd {
position: relative;
}
.xd:after {
content: '';
width: 0%;
height: 2px;
background-color: #08256b;
-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
position: absolute;
left: 0px;
bottom: 0px;
}
.xd:hover:after {
width: 100%;
}
}
.zt_lan, a.cd_6d:hover {
color: #133170;
}
a.cd_6d {
color: #666;
}
.mh {
width: 100%;
float: left;
}
.imgk {
width: 100%;
overflow: hidden;
}
.imgk img {
width: 100%;
}
.txtk {
width: 100%;
}
.em1 {
padding: 0 0.5em;
}
.em2 {
padding: 0 1em;
}
.fy1 a {
background-color: #ededed;
font-size: 20px;
color:#a1a1a1;
}
@media only screen and (max-width: 1200px) {
.fy1 {
width: 100%;
float: left;
line-height: 30px;
}
.fy1 a {
display: inline-block;
padding: 0px 10px;
margin-right: 5px;
font-size:14px;
}
}
.fy1 {
font-size: 0;
}
.fy1 .form-control {
display: inline-block;
width: auto;
margin: 0px 4px;
}
@media only screen and (min-width: 1200px) {
.fy1 {
width: 100%;
float: left;
line-height: 38px;
}
.fy1 a {
display: inline-block;
padding: 0px 12px;
margin-right: 10px;
}
}
.fy1 a:hover,
.fy1 a.on {
background: #005ac7;
color: #ffffff;
}
.ny_ban {
width: 100%;
/*height: 350px;*/
/*position: relative;*/
/*background-repeat: no-repeat;*/
/*background-size: cover;*/
/*background-position: center center;*/
}
.ny_ban img {
width: 100%;
}
@media only screen and (max-width: 1200px) {
/*.ny_ban {*/
/*height: 120px;*/
/*}*/
}
.ab_nr a {
color: #1362ad;
text-decoration: underline;
}
.ab_nr a:hover {
text-decoration: none;
}
.ab_nr td {
padding: 10px;
border: solid 1px #dddddd;
}
.ab_nr li {
position: relative;
padding-left: 18px;
}
.ab_nr li:before {
content: '';
width: 7px;
height: 7px;
background-color: #333;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
margin-top: -3.5px;
}
.ab_nr p {
margin-bottom: 30px;
}
.ab_nr {
font-size: 16px;
line-height: 30px;
}
@media only screen and (max-width: 1200px) {
.ab_nr li:before {
width: 6px;
height: 6px;
margin-top: -3px;
}
.ab_nr {
overflow-x: auto;
font-size: 13px;
line-height: 1.55;
}
.ab_nr p {
margin-bottom: 15px;
}
}
.dt img, .dt label {
max-width: inherit;
}
.bj_b {
background-color: #f5f5f5;
}
.ta_k {
overflow-x: auto;
}
.ta1 {
width: 100%;
min-width: 1100px;
}
.ta1 td {
padding: 15px 10px;
text-align: center;
}
.ta1 tbody tr:nth-child(even) td {
background-color: #f5f5f5;
}
.ta1 thead td {
background-color: #1362ad;
color: #fff;
font-size: 20px;
}
@media only screen and (max-width: 1200px) {
.ta1 td {
padding: 12px 8px;
}
.ta1 thead td {
font-size: 14px;
}
}
@media only screen and (min-width: 1200px) {
.an_dh {
position: relative;
}
.an_dh b {
z-index: 1;
position: relative;
}
.an_dh:before {
content: '';
width: 0%;
height: 100%;
background-color: #e79d37;
position: absolute;
left: 0;
top: 0;
}
.an_dh:hover, a.an_dh:hover {
color: #fff !important;
}
.an_dh:hover:before {
width: 100%;
-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
}
.ny_bt {
font-weight: bold;
}
.ny_k {
background-color: #fff;
width: 100%;
padding: 50px 30px;
}
@media only screen and (max-width: 1200px) {
.ny_k {
padding: 20px 15px;
}
}
.foot_lb1 a.qmsja3{
display: none;
}
@media only screen and (max-width: 760px) {
.foot_lb1 a.qmsja3{
display: block;margin-left: 10px;
}
.foot_lb1 a.qmsja3:before{
display: none;
}
.foot2 .d2{
margin-top: 20px;
}
.ab_nr1 img{
max-width: 60%;
}
.cd_f .bt{
margin-bottom: 5px;
}
.cd_f li{
margin-bottom: 20px;
}
.foot{
padding-bottom: 30px;
}
.sy_lb2 .imgk{
height: calc(100% - 50px) !important;
}
.sy_gd1 .txtk{
height: 75% !important;
}
}
.hs-investor{
padding-top:80px !important;
}
.investor-one-list {
display: flex;
justify-content: space-between;
}
.investor-one-list-item {
padding:0 16px;
margin-bottom:20px;
}
.investor-one-list-item a{
display: block;
background-color: #f7f7f7;
border: 2px #dddddd solid;
overflow: hidden;
padding: 1rem ;
display: flex;
justify-content: space-between;
flex-shrink: 0;
align-items: center;
}
.investor-one-list-item a .left-title{
font-size:20px;
margin-bottom:10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.investor-one-list-item a .date{
font-size:16px;
}
.investor-one-list-item a .left{
width:90%;
}
.investor-one-list-item .right{
border-left: 1px rgba(0, 0, 0, 0.2) solid;
width:10%;
}
.investor-one-list-item .right .arrow{
text-align: center;
font-size:20px;
}
.investor-one-list-item .right .arrow i::before{
transition-duration:0;
}
.investor-one-list-item :hover{
background:#2BB572;
color:#fff;
}
.investor-one-list-item:hover a{
border-color:#2BB572;
}
.investor-one-list-item:hover .right{
border-left-color:#fff;
}
@media (max-width:760px){
.investor-one-list-item a .left-title{
font-size:16px;
margin-bottom:10px;
}
.investor-one-list-item a .date{
font-size:13px;
}
.investor-one-list-item a .left{
width:80%;
}
.investor-one-list-item .right{
border-left: 1px rgba(0, 0, 0, 0.2) solid;
width:20%;
}
}