/* 公共css */
body, html {
min-width: 320px;
max-width: 100%;
overflow-x: hidden;
background-color: transparent;
-webkit-font-smoothing: antialiased;
}
a {
color: inherit;
-webkit-tap-highlight-color: transparent;
}
input,a,div{
border: none;
outline: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.wh1600 {
max-width: 1500px;
margin: 0 auto;
}
@media screen and (max-width: 1800px) {
.wh1600 {
margin: 0 5% !important;
}
}
.pub_banner{
display: block;
min-height: 200px;
}
.mi_pub_banner{
display: none;
margin-top: 18vw;
}
.fs76{
font-size: 76px;
}
.fs47{
font-size: 47px;
}
.fs36{
font-size: 36px;
}
.fs30{
font-size: 30px;
}
.fs24{
font-size: 24px;
}
.fs26{
font-size: 26px;
}
.fs22{
font-size: 22px;
}
.fs20{
font-size: 20px;
}
.fs18{
font-size: 18px;
}
.fs16{
font-size: 16px;
}
.fs15{
font-size: 15px;
}
.fs14{
font-size: 14px;
}
.fs12{
font-size: 12px;
}
.fsw{
font-weight: bold;
}
.syflex{
position: absolute;
z-index: 9999;
}
.position{
padding: 2% 2%;
letter-spacing: 1px;
color: #333333;
background: url(../image/home.png)no-repeat left;
/*background-size: 1% auto;*/
text-indent: 1em;
}
.head {
width: 100%;
transition: all 0.5s;
/*background-color: #ffffff;*/
/*padding: 1.15% 0;*/
position: fixed;
top: 0;
left: 0;
z-index: 10;
/*height: 90px;*/
background-color: #0d4d8b;
/*border-bottom: 1px solid white;*/
}
/*.head:after{
position: absolute;
content: '';
bottom: 0;
left: 0;
height: 1px;
width: 10.2%;
background-color: white;
}
.head:before{
position: absolute;
content: '';
bottom: 0;
right: 0;
height: 1px;
width: 79.8%;
background-color: white;
}*/
.header-active{
background-color: #0d4d8b;
}
.head_logo{
float: left;
position: absolute;
width: 13.3%;
padding: 1.2% 2% 0% 0%;
/*background-color: #0d4d8b;*/
/*border-bottom-right-radius: 50%;*/
/*border-bottom-left-radius: 50%;*/
}
.head_lxdh{
float: right;
color: #333333;
position: absolute;
right: 0;
height: 100%;
line-height: 1.8;
top: -20%;
}
.head_lxdh .hlda{
width: 100%;
padding-left: 2.5vw;
font-weight: bold;
letter-spacing: 1px;
}
.head_lxdh .hlda:nth-of-type(1){
background: url(../image/head_lxdh1.png)no-repeat left 70%;
background-size: 7.4%;
}
.head_lxdh .hlda:nth-of-type(2){
background: url(../image/head_lxdh2.png)no-repeat left 70%;
background-size: 7.4%;
}
.head_lxdh .hldb{
font-weight: bold;
}
.head_menu_list{
/*background-color: #0d4d8b;*/
width: 82%;
float: right;
/*padding: 1.1% 0;*/
position: relative;
right: -7.5%;
}
.head_menu{
width: 100%;
}
.head_menu .CAli{
display: inline-block;
/*transition: all 0.2s;*/
margin: 0;
/*width: 10.25%;*/
text-align: left;
padding: 2.3% 3.1%;
float: left;
cursor: pointer;
color: #ffffff;
position: static;
}
.head_menu .CAli .CAa{
width: 100%;
padding: 9% 0;
/*display: block;*/
}
.head_menu .CAli .CAa .en{
text-transform: uppercase;
margin-top: 10px;
position: relative;
}
.head_menu .CAli:hover .CAa .en:after{
/*color: #0d4d8b;*/
/*background-color: #ffffff;*/
width: 100%;
height: 2px;
opacity: 1;
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.head_menu .CAli:hover:before{
/*height: 3px;*/
}
.head_menu .on{
/*color: #0d4d8b;*/
}
.head_menu .en:after{
width: 0;
content: '';
background-color: #fff;
position: absolute;
left: 0;
bottom: -12px;
right: 0;
margin: 0 auto;
}
.head_menu .on .en:after{
content: '';
width: 100%;
height: 2px;
opacity: 1;
background-color: #fff;
position: absolute;
left: 0;
bottom: -12px;
right: 0;
margin: 0 auto;
}
.head_menu .CAli.on:hover .CAa{
/*color: #0d4d8b;*/
/*background-color: #ffffff;*/
}
.mi_head_all{
display: none;
}
.mi_head{
width: 100%;
background-color: #0f4885;
transition: all 0.3s;
top: 0;
position: fixed;
z-index: 100;
box-shadow: none;
height: 18vw;
}
.mi_head .logo {
width: 42%;
float: left;
margin: 3% 0 0 5%;
}
.mi_head .mi_Cal{
float: right;
width: 15%;
position: relative;
right: 0;
padding: 9% 0;
}
.mi_head .mi_Cal .mmitem{
position: absolute;
width: 10vw;
height: 2px;
background-color: #fff;
display: block;
transition: all .3s;
}
.mi_head .mi_Cal .mmitem:nth-of-type(1){
top: 6vw;
}
.mi_head .mi_Cal .mmitem:nth-of-type(2){
top: 9vw;
}
.mi_head .mi_Cal .mmitem:nth-of-type(3){
width: 6vw;
top: 12vw;
margin-left: 4vw;
}
.menuls{
position: fixed;
right: 0;
width: 60%;
transform: translateX(100%);
top: 0;
z-index: 101;
height: 100%;
background-color: #ffffff;
transition: all .3s;
overflow-y: scroll;
overflow-x: hidden;
opacity: 0;
box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
}
.menuls .menu_one {
line-height: 18vw;
height: 18vw;
background-color: #0d4d8b;
}
.menuls .menu_one .span1 {
display: inline-block;
font-size: 4vw;
color: #ffffff;
margin-left: 10%;
letter-spacing: 1px;
}
.menuls .menu_one .headclose {
width: 10vw;
height: 10vw;
position: absolute;
left: -15vw;
top: 5vw;
display: none;
}
.menuls .menu_two ul {
width: 100%;
}
.menuls .menu_two ul li {
line-height: 15vw;
width: 100%;
border-top: 1px solid #f2f2f2;
}
.menuls .menu_two ul li>a{
font-size: 4vw;
display: block;
width: 84%;
padding: 0 10%;
color: #777;
transition: color 0.3s ease 0s;
}
.show .mi_head{
transform: translateX(-60%);
}
.show .logo{
/*padding: 5% 0;*/
}
.show .menuls{
opacity: 1;
transform: translateX(0%);
}
.show .mmitem:nth-child(2n){
opacity: 0;
}
.show .mmitem:nth-of-type(1) {
transform: rotate(45deg);
top: 9vw!important;
}
.show .mmitem:nth-of-type(3) {
transform: rotate(-45deg);
width: 10vw!important;
top: 9vw!important;
margin-left: 5vw!important;
right: 5vw!important;
}
.show .headclose{
display: block!important;
}
.VerticalMenu {
padding: 0px;
width: 100%;
cursor: pointer;
text-align: left;
}
.VerticalMenu > div {
width: 100%;
float: left;
}
.VerticalMenu .bianse{
color: #0d4d8b !important;
}
.VerticalMenu .sjx{
position: absolute;
/* display: block; */
border-top: 1.5vw solid transparent;
border-left: 2vw solid #777;
border-bottom: 1.5vw solid transparent;
margin: 5.5vw 0.5vw 0;
right: 9%;
transform: rotate(0deg);
transition: transform 0.4s linear;
}
.VerticalMenu .sxjsele{
color: #0d4d8b !important;
transform: rotate(90deg);
border-left: 2vw solid #0d4d8b;
}
.VerticalMenu .span2{
width: 84%;
padding: 0 10%;
height: 15vw;
overflow: hidden;
display: inline-block;
font-size: 4vw;
color: #777;
}
.VerticalMenu .span2 a {
max-width: 80%;
display: inline-block;
}
.VerticalMenu .span2 .arrow{
display: inline-block;
text-align: right;
width: 10%;
float: right;
}
.VerticalMenu > div > div:first-child {
font-size: 14px;
height: 15vw;
line-height: 15vw;
border-top: 1px solid #f2f2f2;
}
.VerticalMenu > div > div:first-child:hover {
color: #0d4d8b;
}
.VerticalMenu > div > div:first-child > i:last-child {
line-height: 40px;
float: right;
transform: rotate(0deg);
transition: transform 0.2s linear;
}
.VerticalMenu > div > div:last-child {
width: 100%;
display: none;
padding: 0 0vw 0 2vw;
font-size: 0.8vw;
color: #777;
}
.VerticalMenu > div > div:last-child > div{
font-size: 3.5vw;
height: 12vw;
line-height: 12vw;
overflow: hidden;
padding-left: 9%;
}
.VerticalMenu > div > div:last-child > div:hover{
color: #0d4d8b;
}
/*.VerticalMenu > div:last-child > div:first-child{*/
/*border-bottom-left-radius: 5px;*/
/*border-bottom-right-radius: 5px;*/
/*}*/
.VerticalMenu > div:last-child::after{
display: block;
clear: both;
}
.VerticalMenu .cpbs{
color: #0d4d8b!important;
}
.about_banner{
height: 100vh;
}
/*.foot{
background-color: #2a2a2a;
position: relative;
padding: 3% 0 3%;
overflow: hidden;
}
.foot_links{
color: #ffffff;
margin: 0 0 3% 0;
}
.foot_links .linksa{
margin: 0 2% 0 0;
}
.foot_logo{
width: 15%;
float: left;
margin: 0 3% 0 0;
}
.foot_logo .foot_logo_img{
width: 89.585%;
}
.foot_make{
color: #ffffff;
line-height: 2;
padding: 15% 0 0 11%;
}
.foot_list{
float: left;
position: relative;
}
.foot_list:after{
content: "";
position: absolute;
width: 1px;
height: 9vw;
left: 0;
top: 25%;
background-color: #FFFFFF;
}
.foot_list.fly{
width: 20%;
padding: 0 0 0 4%;
}
.foot_list.fle{
width: 14%;
padding: 0 0 0 4%;
}
.foot_list.fls{
width: 25%;
padding: 0 0 0 4%;
}
.foot_list.flf{
width: 22%;
padding: 0 0 0 3%;
}
.foot_list:last-child:after{
display: none;
}
.foot_list .foot_title{
color: #eeeeee;
margin-bottom: 35px;
letter-spacing: 1px;
}
.foot_list .foot_title span{
color: #0d4d8b;
padding-left: 5%;
letter-spacing: 1px;
font-weight: bold;
}
.foot_list .foot_ul{
position: relative;
}
.foot_list .foot_ul li{
color: #eeeeee;
float: left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height: 2.5;
}
.foot_list .ulli50 li{
width: 45%;
margin-right: 5%;
}
.foot_list .ulli100 li{
width: 90%;
}
.foot_rwm{
width: 100%;
float: left;
padding: 10% 0 0;
}
.foot_rwm .foot_ewm_nr{
width: 40%;
margin: 0 10% 0 0;
float: left;
text-align: center;
color: #ffffff;
line-height: 2;
}
.foot_rwm .foot_ewm_nr .foot_sys{
padding: 10% 0 0 0;
}
.copyright{
background-color: #2a2a2a;
color: #cccccc;
text-align: center;
z-index: 99;
position: relative;
padding: 0 0 2%;
}
.copyright_all{
position: relative;
padding: 2% 0 0;
}
.copyright_all:after{
content: "";
position: absolute;
width: 75%;
left: 12.5%;
height: 1px;
background-color: #ffffff;
top: 0;
}*/
.foot{
position: relative;
background-color: #1b1b1b;
padding: 3% 0;
}
.foot .ft_top{
/*overflow: hidden;*/
padding-bottom: 2%;
border-bottom: 1px solid #999;
}
.foot .ft_top .links{
color: white;
float: left;
}
.foot .ft_top li{
float: left;
color: white;
width: calc(100%/7);
text-align: center;
}
.foot .ft_top ul{
display: flex;
align-items: center;
}
/*.foot .ft_top li:nth-of-type(1){
margin-right: 3%;
}
.foot .ft_top li:nth-of-type(2){
padding-right: 1%;
border-right: 2px solid #AAAAAA;
}
.foot .ft_top li:nth-of-type(3){
margin-left: 1%;
}*/
.foot .ft_top li a{
}
.foot .ft_bottom{
/*overflow: hidden;*/
margin: 3% 0 0;
}
.foot .ft_bottom .ftul{
/*overflow: hidden;*/
}
.foot .ft_bottom .ftul .wt{
width: 16%;
float: left;
padding-right: 5%;
}
.foot .ft_bottom .ftul .frt{
float: right;
padding-right: 0;
}
.foot .ft_bottom .ft_title{
color: white;
margin: 0 0 8%;
}
.foot .ft_bottom .ftul .wt .ewm-img{
width: 56.3%;
margin: 0 auto;
}
.foot .ft_bottom .ftul .frt p{
text-align: center;
line-height: 2.5;
color: white;
}
.foot .ft_bottom .foot_list{
padding: 0;
}
.foot .ft_bottom .foot_list li{
line-height: 2.3;
}
.foot .ft_bottom .foot_list a{
color: #999A99;
}
.foot_logo{
float: left;
width: 19%;
padding: 4% 0 0;
}
.foot_link{
width: 25%;
float: left;
margin-left: 3%;
}
.foot_link .foot_title{
height: 35px;
line-height: 35px;
color: #ffffff;
background: url(../image/foot_cotact.png)no-repeat left;
padding-left: 18%;
margin-bottom: 7%;
}
.foot_title .ften{
color: #ffffff;
padding-left: 20px;
letter-spacing: 1px;
text-transform: uppercase;
}
.foot_list{
width: 100%;
padding-left: 18%;
}
.fw50{
width: 50%;
}
.fw100{
width: 100%;
}
.foot_list li{
float: left;
color: #f7f6f6;
line-height: 2.5;
overflow: hidden;
}
.foot_contact{
width: 31%;
float: left;
}
.foot_contact .foot_title{
height: 51px;
line-height: 51px;
color: #ffffff;
background: url(../image/foot_pro.png)no-repeat left;
padding-left: 15%;
margin-bottom: 4%;
margin-top: -2%;
}
.foot_follwous{
width: 20%;
float: left;
margin-left: 2%;
}
.foot_follwous .foot_title{
height: 35px;
line-height: 35px;
color: #ffffff;
background: url(../image/foot_about.png)no-repeat left;
padding-left: 18%;
margin-bottom: 10%;
}
.foot_ewm{
width: 63%;
padding-left: 18%;
}
.copyright{
background-color: #0f4885;
color: #ffffff;
text-align: center;
padding: 1.5% 0;
}
.bottom-fix{
background-color: #0d4d8b;
display: none;
width: 100%;
position: fixed;
bottom: 0;
z-index: 999;
}
.bottom-fix>a>img {
width: 33.3333%;
float: left;
display: block;
height: 13.5vw;
}
.sy_about{
background-color: #0d4d8b;
line-height: 2;
padding: 2% 0;
}
.sy_about .dnry{
color: #ffffff;
float: left;
line-height: 1.5;
margin: 0 1% 0 0;
}
.sy_about .dnre{
color: #ffffff;
float: left;
width: 70%;
}
.sy_about .dnrs{
color: #ffffff;
float: right;
letter-spacing: 1px;
margin: 1% 0 0 0 ;
}
.sy_about .dnrs{
font-weight: bold;
}
.public_title{
text-align: center;
padding: 2% 0;
}
.public_title .nr_en{
font-size: 60px;
color: #ebebeb;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 1;
display: none;
}
.public_title .nr_cn{
font-size: 31px;
font-weight: bold;
letter-spacing: 1px;
position: relative;
display: inline-block;
margin: -50px 0 0 0;
z-index: 2;
text-transform: uppercase;
}
.public_title .nr_in{
margin: 1.3% 0 0 0;
font-size: 31px;
color: #333333;
letter-spacing: 1px;
text-transform: uppercase;
}
.public_title .nr_ins{
margin: 1% 0 0 0;
color: #999999;
line-height: 2;
text-transform: uppercase;
letter-spacing: 1px;
}
.public_title .nr_in.yse{
color: #ffffff;
}
.public_title .nr_in.yss{
color: #999999;
}
.public_title .nr_en.yse{
color: #929292;
}
.public_title .nr_cn.ysy{
color: #0d4d8b;
}
.public_title .nr_cn.yse{
color: #ffffff;
}
.public_title .nr_cn .hs{
color: #333333;
}
.public_title .nr_cn .ls{
color: #0d4d8b;
}
/*.public_title .nr_cn:after{
content: '';
position: absolute;
width: 160px;
height: 1px;
left: -200px;
top: 50%;
background-color: #0d4d8b;
}
.public_title .nr_cn:before{
content: '';
position: absolute;
width: 160px;
height: 1px;
right: -200px;
top: 50%;
background-color: #0d4d8b;
}*/
.sys_recoy_cate{
margin: 2% 0;
}
.sys_recoy_cate ul{
overflow: hidden;
}
.sys_recoy_cate li{
float: left;
width: calc(100%/7);
margin-right: 2%;
margin-bottom: 2%;
border: 1px solid #0f4885;
color: #0f4885;
text-align: center;
}
.sys_recoy_cate .btn-2{
position: relative;
display: block;
padding: 6%;
}
.sys_recoy_cate .btn-2:after{
content: '';
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent #0f4885 transparent transparent;
position: absolute;
top: 0;
right: 0;
z-index: -1;
box-sizing: border-box;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.sys_recoy_cate .btn-2:before{
content: '';
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent transparent transparent #0f4885;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
box-sizing: border-box;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.sys_recoy_cate .btn-2:hover{
color: white;
z-index: 1;
}
.sys_recoy_cate .btn-2:hover:before{
z-index: -1;
border-width: 150px 0 0 150px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.sys_recoy_cate .btn-2:hover:after{
z-index: -1;
border-width: 0 150px 150px 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.sys_recoy_cot{
}
.sys_recoy_cot .recoy-box{
float: left;
width: calc(100%/4 - 1.5%);
display: inline-block;
transition: all .5s;
margin-right: 2%;
margin-bottom: 2%;
}
.sys_recoy_cot .recoy-box:nth-child(4n){
margin-right: 0;
}
.sys_recoy_cot .recoy-box .recoy_img{
height: 15vw;
overflow: hidden;
position: relative;
}
.sys_recoy_cot .recoy-box .more_shade{
position: absolute;
content: '';
background-color: rgba(0,0,0,.3);
top: -100%;
width: 100%;
height: 100%;
text-align: center;
transition: all .5s;
}
.sys_recoy_cot .recoy-box .more_shade span{
position: relative;
top: 45%;
display: inline-block;
padding: 3.5% 5%;
border-radius: 50px;
background-color: #0f4885;
color: white;
}
.sys_recoy_cot .recoy-box .recoy_tit{
border: 1px solid #eaeaea;
line-height: 3;
text-align: center;
padding: 0 5%;
}
.sys_recoy_cot .recoy-box:hover .more_shade{
top: 0;
}
.sys_recoy_cot .recoy-box:hover{
box-shadow: 0 0 8px 5px rgba(0,0,0,.09);
}
.sys_recoy_cot .recoy-box:hover .recoy_img img{
transform: scale(1.05);
}
.sys_recoy_more{
text-align: center;
margin: 3% 0;
}
.sys_recoy_more a{
display: inline-block;
padding: 1.5% 6%;
border: 1px solid #AAAAAA;
transition: all .5s;
}
.sys_recoy_more a:hover{
background-color: #0f4885;
color: white;
border-color: #0f4885;
}
.sys_recoy_about{
overflow: hidden;
position: relative;
margin: 2% 0;
display: flex;
align-items: center;
background-color: #F8F8F8;
}
.sys_recoy_about .abt-lt{
width: 35%;
float: left;
padding: 0 3%;
}
.sys_recoy_about .abt-rt{
width: 65%;
float: right;
}
.sys_recoy_about .abt-tit{
padding: 6% 0;
}
.sys_recoy_about .abt-desc{
line-height: 2;
}
.sys_recoy_about .abt-more{
margin: 5% 0 0;
display: inline-block;
padding: 3% 6%;
background-color: #0f4885;
color: white;
text-align: center;
border-radius: 3px;
}
.sys_recoy_fwts{
}
.sys_recoy_news{
overflow: hidden;
}
.recoy_news_cot{
overflow: hidden;
padding: .5%;
}
.recoy_news_cot .news-box{
float: left;
width: calc(100%/3 - 1.5%);
margin-right: 2%;
padding: 2%;
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 11%);
border-radius: 5px;
box-sizing:border-box;
}
.recoy_news_cot .news-box:nth-child(3n){
margin-right: 0;
}
.recoy_news_cot .news-box .news-tit{
border-left: calc(5 * 0.0625em) solid #0f4885;
padding-left: calc(19 * 0.0625em);
left: calc(-24 * 0.0625em);
position: relative;
}
.recoy_news_cot .news-box .news-time{
line-height: 2.5;
color: #999A99;
}
.recoy_news_cot .news-box .news-img{
overflow: hidden;
}
.recoy_news_cot .news-box:hover .news-img img{
transform: scale(1.05);
}
.sys_recoy_msg{
overflow: hidden;
background: url("../image/msg_bg.jpg") no-repeat center;
background-size: cover;
padding: 5%;
}
.sys_recoy_msg .form-msg{
overflow: hidden;
float: right;
background: white;
padding: 3% 4%;
width: 32%;
}
.form-msg p{
margin-bottom: 15%;
text-align: center;
}
.form-msg input{
line-height: 4;
background-color: #efefef;
width: 100%;
margin-bottom: 7%;
text-indent: 1em;
}
.form-msg button{
border: none;
background-color: #0f4885;
color: white;
display: block;
width: 100%;
line-height: 3;
margin: 5% 0 0;
}
.sys_recoy_detail{
overflow: hidden;
margin: 3% 0 0;
}
.recoy_detail{
overflow: hidden;
padding: .5%;
margin: 2% 0 0;
}
.recoy_detail .rdetail_box{
float: left;
width: calc(100%/3 - 2%);
margin-right: 3%;
padding: 2%;
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 11%);
background-color: #0f4885;
border-radius: 5px;
color: white;
}
.recoy_detail .rdetail_box:nth-child(3n){
margin-right: 0;
}
.recoy_detail .rdetail_box p:nth-child(1){
margin: 0 0 8%;
text-align: center;
}
.recoy_detail .rdetail_box p:nth-child(1) span{
padding-bottom: 3%;
border-bottom: 2px solid white;
}
.recoy_detail .rdetail_box p:nth-child(2){
line-height: 2;
}
.sys_recoy_flow{
overflow: hidden;
margin: 5% 0;
}
.recoy_flow{
margin: 2% 0 0;
overflow: hidden;
}
.recoy_flow .rflow_box{
float: left;
width: calc(100%/5);
display: inline-block;
position: relative;
}
.recoy_flow .rflow_box:after{
position: absolute;
content: '';
background: url(../image/arrowhs.png) no-repeat center;
padding: 8.135%;
background-size: 100%;
right: -8%;
top: 25%;
}
.recoy_flow .rflow_box:last-child:after{
display: none;
}
.recoy_flow .rflow_box .flowico{
text-align: center;
}
.recoy_flow .rflow_box .flowtit{
text-align: center;
line-height: 2;
}
.sy_business{
padding: 3.3% 0 0;
}
.sy_product{
padding: 3.3% 0 4%;
}
.Procate{
overflow: hidden;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
margin: 2% 0;
}
.Procate li{
float: left;
width: calc(100%/6);
/*text-align: center;*/
letter-spacing: 2px;
line-height: 3.5;
position: relative;
/*text-indent: 3.3em;*/
padding-left: 5%;
}
/*.Procate li:nth-of-type(1),.Procate li:nth-of-type(2),.Procate li:nth-of-type(3),.Procate li:nth-of-type(4),.Procate li:nth-of-type(5),.Procate li:nth-of-type(6){
background-size: 21.5%;
}*/
.Procate li:nth-of-type(1){
background: url("../image/zlin_h.png") no-repeat center left 5%;
background-size: 21.5%;
}
.Procate li:nth-of-type(2){
background: url("../image/fenx_h.png") no-repeat center left 5%;
background-size: 21.5%;
}
.Procate li:nth-of-type(3){
background: url("../image/yyao_h.png") no-repeat center left 5%;
background-size: 21.5%;
}
.Procate li:nth-of-type(4){
background: url("../image/wxiu_h.png") no-repeat center left 5%;
background-size: 21.5%;
}
.Procate li:nth-of-type(5){
background: url("../image/jshe_h.png") no-repeat center left 5%;
background-size: 21.5%;
}
.Procate li:nth-of-type(6){
background: url("../image/hshou_h.png") no-repeat center left 5%;
background-size: 21.5%;
}
.Procate li:nth-of-type(1).on{
background: url("../image/zlin.png") no-repeat center left 5%;
background-color: #0d4d8b;
background-size: 21.5%;
}
.Procate li:nth-of-type(2).on{
background: url("../image/fenx.png") no-repeat center left 5%;
background-color: #0d4d8b;
background-size: 21.5%;
}
.Procate li:nth-of-type(3).on{
background: url("../image/yyao.png") no-repeat center left 5%;
background-color: #0d4d8b;
background-size: 21.5%;
}
.Procate li:nth-of-type(4).on{
background: url("../image/wxiu.png") no-repeat center left 5%;
background-color: #0d4d8b;
background-size: 21.5%;
}
.Procate li:nth-of-type(5).on{
background: url("../image/jshe.png") no-repeat center left 5%;
background-color: #0d4d8b;
background-size: 21.5%;
}
.Procate li:nth-of-type(6).on{
background: url("../image/hshou.png") no-repeat center left 5%;
background-color: #0d4d8b;
background-size: 21.5%;
}
.Procate li.on{
background-color: #0d4d8b;
}
.Procate li.on a{
color: white;
}
.sypro-cot{
overflow: hidden;
position: relative;
}
.sypro-cot .plt-div{
float: left;
width: 36.9%;
}
.sypro-cot .prt-div{
position: absolute;
left: 40%;
float: right;
width: 60%;
height: 100%;
}
.sypro-cot .prt-div .prt-top{
padding: 3% 6% 6%;
border: 1px solid #eeeeee;
border-radius: 10px;
box-shadow: 0 3px 5px 0px rgba(0,0,0,0.06);
}
.sypro-cot .prt-div .prt-top .prt_tit{
margin-bottom: 5%;
position: relative;
line-height: 3;
}
.sypro-cot .prt-div .prt-top .prt_tit:after{
position: absolute;
content: '';
bottom: 0;
left: 0;
height: 4px;
width: 10%;
background-color: #0d4d8b;
}
.sypro-cot .prt-div .prt-top .prt_desc{
line-height: 1.5;
letter-spacing: 2px;
}
.sypro-cot .prt-div .prt-btm{
margin: 5% 0 0;
overflow: hidden;
}
.sypro-cot .prt-div .prt-btm .btm-lt{
float: left;
width: 33.7%;
}
.sypro-cot .prt-div .prt-btm .btm-rt{
float: right;
width: 62%;
}
.sypro-cot .prt-div .prt-btm .btm-rt .btm_tit{
color: #0d4d8b;
font-weight: bold;
line-height: 6;
}
.sypro-cot .prt-div .prt-btm .btm-rt .btm_desc{
line-height: 1.8;
letter-spacing: 2px;
}
.ProCa{
margin: 0 0 3% 0;
}
.ProCa ul li{
float: left;
color: #333333;
margin: 0 0 0 0;
padding: 2px 25px;
line-height: 2;
letter-spacing: 2px;
border-radius: 3px;
}
.ProCa ul li.on{
background-color: #0d4d8b;
color: #ffffff;
}
.ProCa .dcb{
float: right;
background-color: #0d4d8b;
color: #ffffff;
margin: 0.6% 0 0 0;
padding: .5% 1%;
letter-spacing: 2px;
}
.sycore_item{
width: 22.5%;
float: left;
margin: 0 3.33% 3% 0;
line-height: 2;
position: relative;
overflow: hidden;
}
.sycore_item:nth-child(4n){
margin: 0 0 3% 0;
}
.sycore_item .sys1{
width: 100%;
height: 18vw;
overflow: hidden;
}
.sycore_item .sys2{
width: 100%;
overflow: hidden;
padding: 0 20% 0 0;
border-bottom: 1px solid #0d4d8b;
position: relative;
transition: all 0.5s;
height: 55px;
line-height: 55px;
letter-spacing: 1px;
}
.sycore_item .desc{
position: absolute;
top: -55px;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0,0,.5);
opacity: 0;
transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
}
.sycore_item .desc p{
position: absolute;
top: 45%;
width: 100%;
color: white;
padding: 3% 16%;
line-height: 26px;
transform: scale(0);
/*border-top: 1px solid white;*/
/*border-bottom: 1px solid white;*/
/*-webkit-transform: translate(-50%, -75%);*/
/*-ms-transform: translate(-50%, -75%);*/
/*-o-transform: translate(-50%, -75%);*/
/*transform: translate(-50%, -75%);*/
/*display: inline-block;*/
max-width: 100%;
max-height: 100%;
transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
}
.sycore_item .desc p:after{
position: absolute;
content: '';
bottom: 0;
left: 25%;
height: 1px;
width: 50%;
background-color: white;
}
.sycore_item .desc p:before{
position: absolute;
content: '';
top: 0;
left: 25%;
height: 1px;
width: 50%;
background-color: white;
}
.sycore_item .sys2:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 12.78%;
height: 100%;
background: url(../image/proarrow.png) no-repeat center 55%;
background-size: 100%;
transition: all 0.5s;
}
.sycore_item:hover .sys1 img{
transform: scale(1.1);
}
.sycore_item:hover .sys2{
color: #ffffff;
}
.sycore_item:hover .desc p{
/*left: 50%;*/
transform: scale(1);
}
.sycore_item:hover .desc{
opacity: 1;
}
.sycore_item:hover .sys2:after{
background: #ffffff;
}
.sycore_item .sys2:before{
content: attr(data-hover);
position: absolute;
text-align: center;
width: 96%;
height: 100%;
opacity: 0;
color: #ffffff;
left: 0;
bottom: -100%;
transition: all 0.5s;
background-color: #0d4d8b;
z-index: 2;
padding: 0 3%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size: 20px;
}
.sycore_item:hover .sys2:before{
opacity: 1;
bottom: 0;
}
.sypro_ca{
}
.sypro_ca ul li{
width: 19.2%;
float: left;
margin: 0 1% 1% 0;
line-height: 2;
position: relative;
color: #ffffff;
overflow: hidden;
}
.sypro_ca ul li:nth-child(5n){
margin: 0 0 1% 0;
}
.sypro_ca ul li .wimg{
width: 100%;
overflow: hidden;
}
.sypro_ca ul li .wtit{
width: 100%;
text-align: center;
padding: 0 5%;
position: absolute;
bottom: 5%;
letter-spacing: 1px;
transform: scale(1);
transition: all 0.5s;
}
.sypro_ca ul li .wcot{
position: absolute;
width: 100%;
padding: 10% 10%;
background-color: rgba(0,153,204,0.5);
text-align: center;
bottom: -100%;
/*bottom: 0;*/
transition: all 0.6s;
}
.sypro_ca ul li .wcot .wtits{
}
.sypro_ca ul li .wcot .wints{
margin: 10% 4%;
text-align: left;
}
.sypro_ca ul li .wcot .wcks{
background-color: #FFFFFF;
color: #0d4d8b;
display: inline-block;
margin: 0 20%;
width: 60%;
padding: 1% 0;
text-align: center;
letter-spacing: 1px;
}
.sypro_ca ul li:hover .wimg img{
transform: scale(1.1);
}
.sypro_ca ul li:hover .wtit{
/*opacity: 0;*/
transform: scale(0);
}
.sypro_ca ul li:hover .wcot{
bottom: 0;
}
.sypro_ca ul li.on .wtit{
transform: scale(0);
}
.sypro_ca ul li.on .wcot{
bottom: 0;
}
.syrm_title{
font-size: 46px;
color: #0d4d8b;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
padding: 5% 0 4%;
width: 100%;
}
.syrm_title .nr_sy{
display: inline-block;
width: 25%;
float: left;
margin: -1.3% 0 0 0;
}
.syrm_title .flx{
width: 37.5%;
border-top: 1px solid #0d4d8b;
border-bottom: 1px solid #0d4d8b;
padding: 0.2% 0;
float: left;
}
.syrm_title .frx{
width: 37.5%;
border-top: 1px solid #0d4d8b;
border-bottom: 1px solid #0d4d8b;
padding: 0.2% 0;
float: right;
}
.syrmpro_item{
width: 23.125%;
float: left;
margin: 0 2.5% 4% 0;
}
.syrmpro_item:nth-child(4n){
margin: 0 0 4% 0;
}
.syrmpro_item .wimg{
width: 100%;
overflow: hidden;
}
.syrmpro_item .wcot{
background-color: #ffffff;
color: #333333;
padding: 5% 5% 10%;
line-height: 2;
text-align: center;
border: 1px solid #cccccc;
border-top: 0;
position: relative;
}
.syrmpro_item .wcot .wtit{
margin: 0 0 2% 0;
font-weight: bold;
}
.syrmpro_item .wcot .wint{
}
.syrmpro_item .wcot .wjia{
background-color: #0d4d8b;
color: #ffffff;
font-size: 50px;
width: 50px;
height: 50px;
line-height: 44px;
position: absolute;
bottom: -25px;
left: 43%;
}
.syrmpro_item:hover .wimg img{
transform: scale(1.1);
}
.syrmpro_item:hover .wcot{
background-color: #0d4d8b;
color: #ffffff;
}
.syrmpro_item:hover .wcot .wjia{
background-color: #eeeeee;
color: #0d4d8b;
}
.syrmpro_switch{
text-align: center;
position: relative;
width: 100%;
}
.syrmpro_switch .srps{
padding: 1.5%;
font-size: 50px;
display: inline-block;
background: url(../image/honor_arrow.png) no-repeat center;
background-color: #eeeeee;
background-size: cover;
margin: 0 1%;
cursor: pointer;
transition: all 0.1s;
}
.syrmpro_switch .srps:last-child{
transform:rotate(180deg);
}
.syrmpro_switch .srps:hover{
background-color: #0d4d8b;
}
.sy_fangan {
background: url(../image/1_02.png) no-repeat center;
/* height: 209px; */
line-height: 2;
/*padding: 6.2% 0;*/
background-size: cover;
}
.sy_fangan .fa_nry{
/*float: left;*/
color: #333333;
letter-spacing: 1px;
padding: 3.7% 0 0 0;
line-height: 1.8;
overflow: hidden;
}
.sy_fangan .fa_nry .nr0{
z-index: 2;
position: relative;
/*background-image:-webkit-linear-gradient(bottom,white,white,#0d4d8b);*/
/*background-image:linear-gradient(#0d4d8b, white);*/
/*-webkit-background-clip:text;*/
/*-webkit-text-fill-color:transparent;*/
margin-top: -1%;
margin-bottom: 1%;
color: #fff;
letter-spacing: -1px;
font-weight: bold;
}
.sy_fangan .fa_nry .nr0:after{
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 23.4%;
height: 50%;
z-index: -1;
background-color: #0d4d8b;
}
.sy_fangan .fa_nry .nr0 span::before{
position: absolute;
height: 50%;
content: attr(content);
overflow: hidden;
color: #0d4d8b;
z-index: 999;
}
.sy_fangan .fa_nry .nr1{
position: relative;
z-index: 2;
}
.sy_fangan .fa_nry .nr1:after{
display: none;
content: '';
position: absolute;
width: 30%;
height: 8px;
background-color: #0d4d8b;
bottom: 7px;
left: 0;
z-index: 1;
}
.sy_fangan .fa_nre{
float: left;
margin: 0% 0 0 0%;
clear: both;
}
.sy_fangan .fa_nre .hlda{
width: 100%;
/*padding-left: 2.5vw;*/
font-weight: bold;
letter-spacing: 2px;
color: #333333;
}
.sy_fangan .fa_nre .hlda:nth-of-type(1){
/*background: url(../image/sy_fangan1.png)no-repeat left 70%;*/
/*background-size: 7.4%;*/
}
.sy_fangan .fa_nre .hlda:nth-of-type(2){
/*background: url(../image/sy_fangan2.png)no-repeat left 70%;*/
/*background-size: 7.4%;*/
}
.sy_fangan .fa_nre .hldb{
font-weight: bold;
}
.sy_fangan .fa_nrs{
float: left;
margin: 1.5% 0 1.5% 0;
background-color: #ffffff;
padding: 0.65% 5% 0.65% 1.5%;
border-radius: 30px;
text-align: left;
position: relative;
clear: both;
display: inline-flex;
align-items: center;
}
.sy_fangan .fa_nrs:after{
content: '';
position: absolute;
padding: 12.5%;
border-radius: 50%;
background:#0e4683 url(../image/honor_arrow.png) no-repeat center;
/*background-color: #0e4683;*/
background-size: 100%;
right: 5%;
transform: rotate(180deg);
}
.sy_aboutus{
background: url(../image/index_about.png)no-repeat top;
position: relative;
/*background-size: 100% 100%;*/
background-size: cover;
margin: 5% 0 0;
}
.sy_aboutus .iab_right{
width: 72%;
float: right;
}
.sy_aboutus .iab_right .iab_tit{
color: #15499a;
font-weight: bold;
padding: 10% 0 5%;
}
.sy_aboutus .iab_right .iab_cot{
color: #333333;
line-height: 2;
text-indent: 2em;
}
.sy_aboutus .iab_right .miab_cot{
display: none;
}
.sy_aboutus .iab_right .iab_view{
text-align: left;
margin-top: 5%;
}
.sy_aboutus .iab_right .iab_view ul li{
display: inline-block;
margin-right: 8%;
margin-bottom: 3%;
text-align: center;
}
.sy_aboutus .iab_right .iab_view ul li:nth-of-type(4){
margin-right: 0px;
}
.sy_aboutus .iab_right .iab_view ul li .sz{
/*font-size: 76px;*/
color: #ffffff;
display: inline-block;
margin-bottom: 20px;
}
.sy_aboutus .iab_right .iab_view ul li span{
/*font-size: 47px;*/
color: #ffffff;
display: inline-block;
}
.sy_aboutus .iab_right .iab_view ul li .wz{
color: #ffffff;
}
.iab_menu2{
position: absolute;
width: 28%;
background-color: rgba(13, 77, 139,0.9);
height: 100%;
left: 0;
top: 0;
}
.iab_menu{
position: relative;
z-index: 9;
padding: 5% 0%;
width: 20%;
float: left;
}
.iab_menu .tit_cn{
color: #ffffff;
margin: 0 0 15% 0;
}
.iab_menu .tit_en{
color: #ffffff;
margin: 0 0 15% 0;
}
.into_us{
font-size: 18px;
color: #ffffff;
margin-top: 5%;
}
.iab_list li{
color: #ffffff;
margin-bottom: 11.5%;
padding-left: 20%;
/*height: 35px;*/
line-height: 1.7;
}
.iab_list li:nth-of-type(1){
background: url(../image/iab_logo1.png)no-repeat left;
background-size: 12%;
}
.iab_list li:nth-of-type(2){
background: url(../image/iab_logo2.png)no-repeat left;
background-size: 12%;
}
.iab_list li:nth-of-type(3){
background: url(../image/iab_logo3.png)no-repeat left;
background-size: 12%;
}
.iab_list li:nth-of-type(4){
background: url(../image/iab_logo4.png)no-repeat left;
background-size: 12%;
}
.iab_list li:nth-of-type(5){
background: url(../image/iab_logo5.png)no-repeat left;
background-size: 12%;
}
.iab_list li:nth-of-type(6){
background: url(../image/iab_logo6.png)no-repeat left;
background-size: 12%;
}
.iab_list li:nth-of-type(7){
background: url(../image/iab_logo7.png)no-repeat left;
background-size: 12%;
}
.iab_list li:nth-of-type(8){
background: url(../image/iab_logo8.png)no-repeat left;
}
.syabmy{
line-height: 2;
padding: 2% 0;
}
.syabmy .wnrf{
width: 40%;
float: left;
padding: 2% 0 0 0;
}
.syabmy .wnrf .wtit{
color: #333333;
position: relative;
display: inline-block;
margin: 0 0 5% 5%;
}
.syabmy .wnrf .wtit:after{
content: '';
position: absolute;
width: 100%;
height: 5px;
background-color: #0d4d8b;
bottom: 0;
left: 0;
}
.syabmy .wnrf .wint{
text-indent:2em;
color: #333333;
}
.syabmy .wnrr{
float: right;
width: 50%;
text-align: right;
position: relative;
margin: 2% 0 0 0;
}
.syab_item{
float: left;
width: 46%;
padding: 5% 1% 5% 4%;
margin: 0 0 3% 3%;
display: inline-block;
box-shadow: 0 1px 10px #cccccc;
background-color: #ffffff;
transition: all 0.5s;
}
.syab_item .wimg{
float: left;
padding: 9.15%;
margin: 0 22% 0 0;
background-size: 100%!important;
}
.syab_item:nth-of-type(1) .wimg{
background: url(../image/syabus1.png) no-repeat center;
}
.syab_item:nth-of-type(2) .wimg{
background: url(../image/syabus2.png) no-repeat center;
}
.syab_item:nth-of-type(3) .wimg{
background: url(../image/syabus3.png) no-repeat center;
}
.syab_item:nth-of-type(4) .wimg{
background: url(../image/syabus4.png) no-repeat center;
}
.syab_item .wcot{
text-align: left;
}
.syab_item .wcot .wtit{
color: #333333;
letter-spacing: 1px;
}
.syab_item .wcot .wint{
font-size: 30px;
color: #0d4d8b;
font-weight: bold;
line-height: 1.2;
}
/*.syab_item:nth-of-type(2){*/
/*margin-left: 52%;*/
/*}*/
/*.syab_item:nth-of-type(1){*/
/*background-color: #0d4d8b;*/
/*position: absolute;*/
/*box-shadow: 0 5px 25px #0d4d8b;*/
/*z-index: 2;*/
/*width: 54%;*/
/*top: -12%;*/
/*left: -4%;*/
/*border-radius: 5px;*/
/*}*/
/*.syab_item:nth-of-type(1) .wcot .wtit{*/
/*color: #ffffff;*/
/*}*/
/*.syab_item:nth-of-type(1) .wcot .wint{*/
/*color: #ffffff;*/
/*font-size: 48px;*/
/*}*/
.syab_item:hover{
box-shadow: 0 1px 10px #0d4d8b;
background-color: #0d4d8b;
transform: scale(1.2);
/*margin-top: -3%;*/
/*margin-bottom: 6%;*/
/*margin-top: -5%;*/
}
.syab_item:hover .wcot .wtit{
color: #FFFFFF;
}
.syab_item:hover .wcot .wint{
color: #FFFFFF;
}
.syab_item:nth-of-type(1):hover .wimg{
background: url(../image/syabus1s.png) no-repeat center;
}
.syab_item:nth-of-type(2):hover .wimg{
background: url(../image/syabus2s.png) no-repeat center;
}
.syab_item:nth-of-type(3):hover .wimg{
background: url(../image/syabus3s.png) no-repeat center;
}
.syab_item:nth-of-type(4):hover .wimg{
background: url(../image/syabus4s.png) no-repeat center;
}
.syabmey{
position: relative;
}
.syabmey .wimg{
width: 54.6875%;
}
.syabmey .wcot{
position: absolute;
left: 54.6875%;
top: 0;
width: 45.3125%;
color: #ffffff;
height: 100%;
background-color: #0d4d8b;
padding: 3% 5% 3% 0;
line-height: 2;
display: flex;
flex-direction: column;
justify-content: center;
}
.syabmey .wcot:after{
content: '';
position: absolute;
right: 8%;
width: 8px;
height: 20%;
background-color: #FFFFFF;
top: 18%;
}
.syabmey .wcot .wtit_cn{
letter-spacing: 1px;
}
.syabmey .wcot .wtit_en{
margin: 0 0 4% 0;
letter-spacing: 1px;
text-transform: uppercase;
}
.syabmey .wcot .wint{
text-indent:2em
}
.syabmee{
position: relative;
}
.syabmee .wimg{
float: right;
width: 45.3125%;
}
.syabmee .wcot{
position: absolute;
width: 54.6875%;
top: 0;
left: 0;
color: #0d4d8b;
height: 100%;
background-color: #ffffff;
padding: 2% 4% 2% 4%;
line-height: 2;
display: flex;
flex-direction: column;
justify-content: center;
}
.syabmee .wcot:after{
content: '';
position: absolute;
left: 0;
width: 6px;
height: 30%;
background-color: #0d4d8b;
top: 18%;
}
.syabmee .wcot .wtit_cn{
letter-spacing: 1px;
}
.syabmee .wcot .wtit_en{
margin: 0 0 2% 0;
letter-spacing: 1px;
text-transform: uppercase;
}
.syabmee .wcot .wint{
text-indent:2em;
color: #333333;
}
.sy_process{
padding: 3% 0;
background-color: #ffffff;
}
.sy_process .sylc_title{
width: 100%;
line-height: 2;
font-size: 46px;
color: #0d4d8b;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
}
.sylc_list{
padding: 4% 4% 0;
}
.sylc_item{
width: 8.4245%;
float: left;
text-align: center;
color: #0d4d8b;
line-height: 2;
margin: 0 9.85% 0 0;
position: relative;
}
.sylc_item:after{
content: '';
position: absolute;
background: url(../image/arrowhs.png) no-repeat center;
padding: 16.135%;
background-size: 100%;
right: -70%;
top: 30%;
}
.sylc_item:last-child{
margin: 0 0 0 0;
}
.sylc_item:last-child:after{
display: none;
}
.sy_case{
/*background: url(../image/sycase.jpg) no-repeat top;*/
/*padding: 2% 0 5%;*/
/*background-size: cover;*/
overflow: hidden;
}
.sycs_list{
width: 100%;
position: relative;
}
.sycs_list .wimg{
width: 36%;
}
.sycs_list .wcot{
position: absolute;
width: 63.5%;
left: 36.5%;
top: 0;
height: 100%;
}
.sycs_item{
width: 32.65%;
float: left;
margin: 0 1% 1.65% 0;
position: relative;
}
.sycs_item:nth-child(3n){
margin: 0 0 1.65% 0;
}
.sycs_item .himg{
width: 100%;
overflow: hidden;
}
.sycs_item .htit{
position: absolute;
bottom: 0;
width: 100%;
padding: 5% 20%;
color: #ffffff;
text-align: center;
letter-spacing: 1px;
line-height: 1.2;
background: url(../image/arrow_s.png) no-repeat 90% 50%;
background-color: rgba(0,153,204,0.7);
}
.sycs_item:hover .himg img{
transform: scale(1.1);
}
.sy_news{
padding: 3% 0;
}
.sy-newslist{
overflow: hidden;
margin: 3% 0 0;
}
.sy-newslist .nslt-box{
width: 100%;
/*float: left;*/
padding-left: 11%;
position: relative;
}
.newsitem_big{
overflow: hidden;
position: relative;
}
.newsitem{
width: 50%;
float: left;
}
.newsitem2{
position: absolute;
width: 45%;
float: right;
height: 100%;
left: 55%;
}
.nslt-box .nslt-nav{
overflow: hidden;
width: 50%;
}
.nslt-box .nslt-nav li{
float: left;
width: calc(100%/4);
text-align: center;
line-height: 2;
}
.nslt-box .nslt-nav li.on{
background-color: #0f4885;
border-radius: 50px;
}
.nslt-box .nslt-nav li.on a{
color: white;
}
.nslt-box .nslt-cot{
overflow: hidden;
/*width: 100%;*/
/*position: relative;*/
}
.nslt-box .nslt-cot .ns-time{
color: #AAAAAA;
font-weight: bold;
margin-top: 7.5%;
margin-bottom: 4%;
}
.nslt-box .nslt-cot .ns-title{
font-weight: bold;
margin-bottom: 4%;
}
.nslt-box .nslt-cot .ns-desc{
color: #555555;
line-height: 2;
}
.nslt-box .nslt-cot .ns-more{
margin-top: 4%;
color: #0f4885;
text-transform: uppercase;
letter-spacing: 1px;
}
.nslt-box .nslt-cot .ns-more > a{
display: inline-block;
padding-bottom: 1%;
border-bottom: 1px solid #0f4885;
}
.nslt-box .psra-box{
position: absolute;
left: 0;
top: 35%;
width: 9%;
height: 100%;
color: #AAAAAA;
text-transform: uppercase;
}
.nslt-box .psra-box p{
margin: 45% 0 0;
}
.nslt-box .psra-box span{
position: absolute;
height: 1px;
width: 100%;
background-color: #AAAAAA;
}
.nslist .hd ul{
float: right;
overflow: hidden;
zoom: 1;
margin: 2% 0 0;
}
.nslist .hd li{
position:relative;
_display:inline;
float:left;
width:10px;
height:10px;
overflow:hidden;
background:#ccc;
margin-right:10px;
text-indent:-999px;
cursor:pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.nslist .hd li.on{
background-color: #0f4885;
}
.sy-newslist .nsrt-box{
width: 44.83%;
float: right;
height: 19.2vw;
}
.news-all{
overflow: hidden;
margin: 5% 0 0;
}
.newsbox{
width: 31%;
float: left;
margin-right: 3.5%;
margin-bottom: 2%;
}
.newsbox:nth-child(3n){
margin-right: 0px;
}
.newsbox .time{
position: relative;
}
.newsbox .time .time_yr{
float: left;
color: #333333;
font-weight: bold;
transition: all 0.3s;
}
.newsbox .time .time_n{
float: left;
font-size: 18px;
color: #333333;
margin-top: 4%;
margin-left: 4%;
transition: all 0.3s;
}
.newsbox .news_img{
margin: 4% 0;
width: 100%;
height: 15vw;
overflow: hidden;
}
.newsbox .news_tit{
color: #333333;
line-height: 2.2;
font-weight: bold;
overflow: hidden;
}
.newsbox .news_cot{
color: #333333;
line-height: 1;
margin: 3% 0;
}
.newsbox .news_plus{
color: #333333;
line-height: 2;
transition: all 0.3s;
}
.newsbox:hover .news_img img{
transform: scale(1.1);
}
.newsbox:hover .time .time_yr{
color: #0d3b95;
}
.newsbox:hover .time .time_n{
color: #0d3b95;
}
.newsbox:hover .news_plus,.newsbox:hover .news_tit{
color: #0d3b95;
}
.syns_list{
}
.syns_list .syns_title{
line-height: 2;
letter-spacing: 1px;
position: relative;
width: 100%;
margin: 0 0 5% 0;
padding: 0 0 1% 0;
}
.syns_list .syns_title:after{
content: '';
position: absolute;
width: 36%;
height: 8px;
bottom: 0;
left: 0;
background-color: #0d4d8b;
}
.syns_list .snsfl{
width: 43%;
float: left;
}
.syns_list .snsfr{
width: 50%;
float: right;
}
.syns_list .snslist{
position: relative;
}
.snsitemy{
position: relative;
line-height: 2;
background: url(../image/arrow_xxl.png) no-repeat 100% 10%;
border-bottom: 1px dashed #cccccc;
padding: 0 0 2% 0;
background-size: 3.5%;
margin: 0 0 2% 0;
}
.snsitemy:last-child{
border-bottom: 0;
}
.snsitemy .wtit{
color: #333333;
width: 80%;
}
.snsitemy .wcot{
color: #666666;
width: 80%;
}
.snsitemy .wtime{
position: absolute;
right: 0;
bottom: 15%;
color: #666666;
}
.snsiteme{
position: relative;
margin: 0 0 6% 0;
}
.snsiteme .wimg{
width: 38.125%;
float: left;
overflow: hidden;
}
.snsiteme .wcot{
float: right;
width: 60%;
line-height: 2;
}
.snsiteme .wcot .wtit{
line-height: 1.5;
color: #333333;
}
.snsiteme .wcot .wint{
margin: 3% 0 2% 0;
color: #666666;
}
.snsiteme .wcot .wck{
text-align: right;
}
.snsiteme:hover .wimg img{
transform: scale(1.1);
}
.sy_zyx{
background-color: #0d4d8b;
padding: 1% 0;
}
.syzyx_item{
width: 25%;
float: left;
text-align: center;
}
.syzyx_item .wall{
display: inline-block;
}
.syzyx_item .wnrl{
width: 60px;
height: 60px;
line-height: 58px;
font-size: 30px;
background-color: #ffffff;
border-radius: 50%;
color: #0d4d8b;
float: left;
margin: 0 15px 0 0;
}
.syzyx_item .wnrr{
float: right;
line-height: 2;
text-align: left;
letter-spacing: 1px;
}
.syzyx_item .wnrr .wnry{
color: #FFFFFF;
}
.syzyx_item .wnrr .wnre{
color: #333333;
}
.nysyl{
width: 23.5%;
float: left;
}
.nysyr{
width: 75%;
float: right;
}
.cpCaAN{
margin: 5% 0 0 0;
width: 100%;
padding: 3% 5%;
font-size: 4vw;
letter-spacing: 2px;
background-color: #0d4d8b;
color: #ffffff;
text-align: center;
font-weight: bold;
display: none;
}
.CAchoice{
width: 100%;
margin: 0 0 12% 0;
}
.CAchoice .Pca_title{
font-size: 30px;
background-color: #0d4d8b;
color: #FFFFFF;
text-align: center;
padding: 5% 0;
font-weight: bold;
letter-spacing: 2px;
}
.CAchoice .Pca_list{
width: 100%;
border: 1px solid #cccccc;
padding: 0 10%;
border-bottom: 15px solid #0d4d8b;
background-color: white;
}
.CAchoice .Pca_list ul li{
line-height: 1.6;
border-bottom: 1px dashed #ccc;
background: url(../image/Pca_img.png) no-repeat left;
padding: 0 0 0 10%;
background-size: 6.65%;
}
.CAchoice .Pca_list ul li:last-child{
border-bottom: 0;
}
.CAchoice .Pca_list ul li .Pca_a{
padding: 7% 0;
display: block;
font-weight: bold;
color: #333333;
}
.CAchoice .Pca_list ul li:hover .Pca_a{
color: #0d4d8b;
}
.CAchoice .Pca_list ul li.on .Pca_a{
color: #0d4d8b;
}
.navMenubox {
width: 100%;
height: 100%;
border: 1px solid #cccccc;
padding: 0 10%;
border-bottom: 15px solid #0d4d8b;
background-color: #FFFFFF;
}
.navMenu .xlCAli{
line-height: 1.6;
border-bottom: 1px dashed #ccc;
}
.navMenu .xlCAli .xlCAnr{
background: url(../image/Pca_img.png) no-repeat left;
background-size: 6.65%;
display: block;
color: #333333;
transition: all 0.3s;
position: relative;
text-decoration: none;
font-weight: bold;
overflow:hidden;
padding: 7% 0 7% 10%;
letter-spacing: 1px;
}
.navMenu .xlCAli .xlCAnr:after{
content: '';
position: absolute;
background: url(../image/Pcaarrow.png) no-repeat center;
right: 0;
top: 30%;
padding: 4%;
background-size: 100%;
filter: grayscale(1);
transform:rotate(-90deg);
transition: all 0.3s;
}
.navMenu .xlCAli .xlCAnr.active{
color: #0d4d8b;
}
.navMenu .xlCAli .xlCAnr.active:after{
transform:rotate(0);
filter: grayscale(0);
}
.navMenu .nyt{
width: 80%;
float: left;
}
.navMenu .xlCAli .xlCAnr .arrow {
padding: 3%;
background-size: cover;
display: inline-block;
float: right;
transition: all 0.3s;
margin: 2.5% 0 0;
}
.navMenu .open .arrow {
transform:rotate(90deg);
}
.navMenu>li>div.active, .navMenu>li>div:hover {
color: #0d4d8b;
}
.navMenu .xlCAli .sub-menu{
display: none;
}
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu {
}
.navMenu .xlCAli .sub-menu .xlCBli {
background: none;
border-top: 1px solid #eeeeee;
}
.navMenu .xlCAli .sub-menu .xlCBli .xlCBlia{
padding: 7% 0 7% 8%;
width: 100%;
display: block;
color: #666666;
transition: all 0.3s;
background: url(../image/cparrow.png)no-repeat left;
background-size: 4%;
}
.navMenu>li>ul.sub-menu li>div {
display: block;
font-size: 14px;
line-height: 65px;
padding: 0 20px;
color: #333333;
clear: both;
border-bottom: 1px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li:last-child>div{
border-bottom: 0px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li>div.active, .navMenu>li>ul.sub-menu li>div:hover, .navMenu>li>ul.sub-menu>li.active >div {
color: #0d4d8b;
}
.navMenu .xlCAli .sub-menu .on .xlCBlia{
color: #0d4d8b;
}
.navMenu .xlCAli .sub-menu .xlCBli:hover .xlCBlia{
color: #0d4d8b;
}
.cp4ys_title{
text-align: center;
line-height: 2;
color: #333333;
margin: 0 0 3% 0;
letter-spacing: 1px;
}
.cp4ys_list{
padding: 0 0 2% 0;
}
.cp4ys_item{
width: 24%;
position: relative;
float: left;
margin: 0 1.325% 2% 0;
overflow: hidden;
}
.cp4ys_item:nth-child(4n){
margin: 0 0 2% 0;
}
.cp4ys_item .wimg{
width: 100%;
overflow: hidden;
position: relative;
}
.cp4ys_item .wxtb{
position: absolute;
padding: 8.3365%;
bottom: 18%;
z-index: 3;
left: 41%;
transition: all 0.5s;
}
.cp4ys_item:nth-of-type(1) .wxtb{
background: url(../image/cp4ys1.png)no-repeat center;
background-size: 100%;
}
.cp4ys_item:nth-of-type(2) .wxtb{
background: url(../image/cp4ys2.png)no-repeat center;
background-size: 100%;
}
.cp4ys_item:nth-of-type(3) .wxtb{
background: url(../image/cp4ys3.png)no-repeat center;
background-size: 100%;
}
.cp4ys_item:nth-of-type(4) .wxtb{
background: url(../image/cp4ys4.png)no-repeat center;
background-size: 100%;
}
.cp4ys_item .wint{
position: absolute;
width: 70%;
left: 15%;
top: 45%;
color: #FFFFFF;
text-align: center;
line-height: 1.6;
z-index: 2;
transform: scale(0);
transition: all 0.5s;
}
.cp4ys_item .wcot{
color: #FFFFFF;
line-height: 2;
position: absolute;
width: 100%;
bottom: 0;
background-color: #0d4d8b;
text-align: center;
letter-spacing: 2px;
padding: 6% 0 2% 0;
z-index: 2;
}
.cp4ys_item .wmb{
position: absolute;
background-color: rgba(0,0,0,0.7);
left: 0;
top: 100%;
width: 100%;
height: 100%;
transition: all 0.5s;
}
.cp4ys_item:hover .wxtb{
bottom: 70%;
}
.cp4ys_item:nth-of-type(1):hover .wxtb{
background: url(../image/cp4ys1s.png)no-repeat center;
background-size: 100%;
}
.cp4ys_item:nth-of-type(2):hover .wxtb{
background: url(../image/cp4ys2s.png)no-repeat center;
background-size: 100%;
}
.cp4ys_item:nth-of-type(3):hover .wxtb{
background: url(../image/cp4ys3s.png)no-repeat center;
background-size: 100%;
}
.cp4ys_item:nth-of-type(4):hover .wxtb{
background: url(../image/cp4ys4s.png)no-repeat center;
background-size: 100%;
}
.cp4ys_item:hover .wint{
transform: scale(1);
}
.cp4ys_item:hover .wcot{
background-color: transparent;
z-index: 2;
}
.cp4ys_item:hover .wmb{
top: 0;
}
.RM_article{
width: 100%;
margin: 0 0 12% 0;
background-color: #FFFFFF;
}
.RM_article .Rma_title{
color: #FFFFFF;
text-align: center;
padding: 5% 0;
font-weight: bold;
letter-spacing: 2px;
background: url(../image/fabulous.png) no-repeat 25%;
background-color: #0d4d8b;
background-size: 6.65%;
}
.RM_article .Rma_list{
width: 100%;
border: 1px solid #cccccc;
}
.RM_article .Rma_list ul li{
line-height: 1.8;
border-bottom: 1px solid #ccc;
background-size: 6.65%;
}
.RM_article .Rma_list ul li:last-child{
border-bottom: 0;
}
.RM_article .Rma_list ul li .Rma_a{
padding: 4% 5%;
display: block;
color: #333333;
text-align: center;
}
.RM_article .Rma_list ul li:hover .Rma_a{
color: #0d4d8b;
}
.Plxall{
border: 1px solid #cccccc;
padding: 5% 2% 10% 4%;
background-color: #FFFFFF;
}
.Plxall .Plx_title{
border-bottom: 1px solid #cccccc;
text-align: center;
padding: 2% 0 5% 0;
margin: 0 3% 8% 3%;
font-weight: bold;
color: #333333;
line-height: 1.6;
}
.Plxall .Plx_list{
width: 100%;
}
.Plxall .Plx_int{
line-height: 1.6;
margin: 0 0 3% 0;
padding: 0 0 0 11%;
}
.Plxall .Plx_int:nth-of-type(1){
background: url(../image/Plx_int1.png) no-repeat left;
background-size: 8.35%;
}
.Plxall .Plx_int:nth-of-type(2){
background: url(../image/Plx_int2.png) no-repeat left;
background-size: 8.35%;
margin: 0 0 8% 0;
}
.Plxall .Plx_int:nth-of-type(3){
background: url(../image/Plx_int3.png) no-repeat left;
background-size: 8.35%;
}
.Plxall .Plx_int:nth-of-type(4){
background: url(../image/Plx_int3.png) no-repeat left;
background-size: 8.35%;
}
.Plxall .Plx_an{
float: left;
margin: 5% 0 0 12%;
background-color: #ffffff;
padding: 5% 18% 5% 6%;
border-radius: 30px;
text-align: left;
position: relative;
box-shadow: 0 1px 10px #cccccc;
color: #333333;
}
.Plxall .Plx_an:after{
content: '';
position: absolute;
padding: 12%;
border-radius: 50%;
background: url(../image/honor_arrow.png) no-repeat center;
background-color: #0d4d8b;
background-size: 100%;
right: 10%;
top: 18%;
}
.service_int{
line-height: 2;
color: #666666;
text-align: center;
padding: 0 0 2% 0;
}
.service_list .service_img{
position: relative;
margin: 0 0 28% 0;
}
.service_list{
position: relative;
}
.tempWrap{
}
.service_list ul li{
float: left;
width: 16.6666%;
position: relative;
overflow: hidden;
}
.service_list ul li .img{
position: relative;
}
.service_list ul li .cot{
position: absolute;
bottom: 7.5%;
text-align: center;
padding: 0 5%;
width: 100%;
}
.service_list ul li .cot .tit_cn{
color: #ffffff;
height: 30px;
line-height: 30px;
overflow: hidden;
width: 100%;
margin-bottom: 2%;
}
.service_list ul li .cot .tit_en{
color: #ffffff;
height: 50px;
line-height: 25px;
overflow: hidden;
width: 100%;
text-transform: uppercase;
margin-bottom: 5%;
}
.service_list ul li .cot .arrow{
display: inline-block;
width: 30px;
height: 30px;
background: url(../image/service_arrow.png)no-repeat center;
}
.service_list ul li:hover .img img{
transform: scale(1.1);
}
.service_list .switch_arrow_left{
position: absolute;
left: 0;
top: 40%;
background-color: rgba(0,0,0,0.5);
color: #ffffff;
z-index: 9;
padding: 1% 1% 1% 0%;
font-size: 22px;
}
.service_list .switch_arrow_right{
position: absolute;
right: 0;
top: 40%;
background-color: rgba(0,0,0,0.5);
color: #ffffff;
z-index: 9;
padding: 1% 0% 1% 1%;
font-size: 22px;
}
.sy_part{
overflow: hidden;
margin: 3% 0 0;
}
.sy_part .part-cot{
overflow: hidden;
margin: 2% 0 0;
}
.sy_part .part-cot li{
float: left;
width: calc(100%/5);
border-left: 6px solid #0b274e;
}
.sy_part .part-cot li:nth-of-type(2){
border-left-color: #1b5086;
}
.sy_part .part-cot li:nth-of-type(3){
border-left-color: #2e74c1;
}
.sy_part .part-cot li:nth-of-type(4){
border-left-color: #3c8dc4;
}
.sy_part .part-cot li:nth-of-type(5){
border-left-color: #6daccb;
}
.sy_part .part-cot .part_box{
overflow: hidden;
padding-left: 10%;
}
.sy_part .part-cot .part_box .part-tit{
margin-bottom: 10%;
margin-top: 5%;
}
.sy_part .part-cot .part_box .part-desc{
margin-bottom: 10%;
color: #666666;
height: 2.8vw;
line-height: 1.5;
padding: 0 20% 0 0;
}
.sy_part .part-cot .part_box .part-more{
color: #0f4885;
margin-bottom: 10%;
letter-spacing: 2px;
}
.fw4ys_list{
position: absolute;
width: 100%;
bottom: 0;
padding: 0 10%;
}
.fw4ys_item{
width: 24%;
float: left;
position: relative;
margin: 0 1.325% 0 0;
}
.fw4ys_item:nth-child(4n){
margin: 0 0 0 0;
}
.fw4ys_item .fwnrs{
position: relative;
width: 100%;
padding: 55% 1% 25%;
color: #FFFFFF;
text-align: center;
line-height: 2;
}
.fw4ys_item:nth-of-type(1) .fwnrs{
background: url(../image/fw4ys1.png) no-repeat center 25%;
background-size: 19.5%;
background-color: rgba(0,0,0,0.7);
}
.fw4ys_item:nth-of-type(2) .fwnrs{
background: url(../image/fw4ys2.png) no-repeat center 25%;
background-size: 19.5%;
background-color: rgba(0,153,204,0.7);
}
.fw4ys_item:nth-of-type(3) .fwnrs{
background: url(../image/fw4ys3.png) no-repeat center 25%;
background-size: 19.5%;
background-color: rgba(0,0,0,0.7);
}
.fw4ys_item:nth-of-type(4) .fwnrs{
background: url(../image/fw4ys4.png) no-repeat center 25%;
background-size: 19.5%;
background-color: rgba(0,153,204,0.7);
}
.fw4ys_item .fwnrx{
position: absolute;
width: 100%;
height: 100%;
padding: 8% 8%;
border: 1px solid #cccccc;
line-height: 1.8;
text-align: center;
background-color: #FFFFFF;
color: #333333;
}
.fw4ys_item .fwnrx .wtit{
margin: 0 0 5% 0;
}
.fw4ys_item .fwnrx .wint{
text-align: left;
}
.fw4ys_item .fwnrx .sz{
position: absolute;
right: 0;
bottom: 0;
text-align: center;
color: #ffffff;
z-index: 2;
}
.fw4ys_item .fwnrx .sz span{
position: relative;
z-index: 5;
padding: 0 5px 0 0;
}
.fw4ys_item .fwnrx .sz:after{
content: '';
position: absolute;
border-bottom: 40px solid #333333;
border-left: 40px solid transparent;
right: 0;
bottom: 0;
}
.fw4ys_item:nth-child(2n) .fwnrx .sz:after{
border-bottom: 40px solid #0d4d8b;
border-left: 40px solid transparent;
}
.service_list .service_partner{
padding: 0 8%;
margin: 0 0 3% 0;
}
.service_list .service_zbrx{
padding: 0 10%;
line-height: 2;
margin: 0 0 3% 0;
color: #333333;
}
.service_list .service_zbrx span{
font-size: 30px;
color: #0d4d8b;
font-weight: bold;
}
.service_list .service_3img{
padding: 0 10%;
margin: 0 0 4% 0;
}
.service_list .service_3img .s3item{
width: 30%;
float: left;
margin: 0 5% 0 0;
}
.service_list .service_3img .s3item:nth-child(3n){
margin: 0 0 0 0;
}
.service_list .service_table{
padding: 0 10%;
}
.service_list .service_table .wtit{
color: #080000;
line-height: 2;
margin: 0 0 1% 0;
}
.service_table_all{
}
.service_table_all .nry{
background-color: #333333;
padding: 1% 0;
}
.service_table_all .nry .nrys{
width: 50%;
float: left;
text-align: center;
color: #ffffff;
line-height: 2;
letter-spacing: 2px;
}
.service_table_all .nre{
background-color: #ffffff;
border: 1px solid #cccccc;
position: relative;
border-top: 0;
}
.service_table_all .nre .fnre{
position: absolute;
width: 50%;
height: 100%;
left: 0;
top: 0;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.service_table_all .nre .fnre .znre_item{
line-height: 2;
color: #333333;
margin: 10% 0;
}
.service_table_all .nre .znre{
width: 50%;
background-color: #0d4d8b;
color: #ffffff;
margin-left: 50%;
padding: 2% 5%;
}
.service_table_all .nre .znre .znre_item{
border-bottom: 1px dashed #ffffff;
line-height: 2;
text-align: center;
padding: 3% 0;
}
.service_table_all .nre .znre .znre_item:last-child{
border-bottom: 0;
}
.newssyl{
position: relative;
width: 80%;
float: left;
}
.newssyl .CA_news{
width: 100%;
margin: 0 0 2% 0;
}
.newssyl .CA_news ul li{
width: 24.25%;
float: left;
background-color: #efefef;
margin: 0 1% 1% 0;
text-align: center;
color: #333333;
}
.newssyl .CA_news ul li:nth-child(4n){
margin: 0 0 1% 0;
}
.newssyl .CA_news ul li .Pca_a{
display: block;
width: 100%;
padding: 5% 0;
}
.newssyl .CA_news ul li:hover{
background-color: #0d4d8b;
color: #FFFFFF;
}
.newssyl .CA_news ul li.on{
background-color: #0d4d8b;
color: #FFFFFF;
}
.newssyr{
width: 18%;
float: right;
background: white;
padding: 1%;
}
.ner_zwf{
padding: 6% 0;
}
.ner_list{
width: 100%;
padding: 20% 0 0 0;
}
.ner_list .nsr_title{
border-bottom: 1px solid #333333;
display: inline-block;
padding: 0 0 5% 0;
margin: 0 0 5% 0;
}
.RM_label_all{
width: 100%;
}
.RM_label_all .RM_label{
border: 1px solid #cccccc;
background-color: #ffffff;
display: inline-block;
margin: 0 2% 3% 0;
padding: 3% 3%;
color: #333333;
}
.RM_news_all{
width: 100%;
}
.RM_news_all .RM_news{
width: 100%;
color: #333333;
margin: 0 0 0 0;
line-height: 2;
}
.ner_ca_list{
width: 100%;
}
.ner_ca_list .nsr_ca_title{
width: 100%;
background-color: #0d4d8b;
color: #ffffff;
text-align: center;
padding: 7% 0;
font-weight: bold;
letter-spacing: 2px;
}
.ner_ca_list .nsr_ca_all ul li{
width: 100%;
border: 1px solid #cccccc;
margin: -1px 0 0 0;
text-align: center;
}
.ner_ca_list .nsr_ca_all ul li .Pca_a{
display: block;
width: 100%;
padding: 7% 0;
}
.ner_ca_list .nsr_ca_all ul li:hover{
background-color: #0d4d8b;
color: #FFFFFF;
}
.ner_ca_list .nsr_ca_all ul li.on{
background-color: #0d4d8b;
color: #FFFFFF;
}
.Inside_title{
text-align: center;
color: #333333;
padding: 1% 0 1%;
text-transform: uppercase;
letter-spacing: 2px;
}
.Inside_title .dnra{
letter-spacing: 1px;
}
.Inside_title .dnrb{
letter-spacing:10px;
margin: 2% 0 0;
font-size: 36px;
padding-left: 10px;
}
.category_list{
position: relative;
text-align: center;
font-size: 0;
}
.category_list ul li{
display: inline-block;
background-color: #ffffff;
width: 12%;
margin: 2% 1%;
letter-spacing: 1px;
color: #333333;
}
.category_list ul li a{
display: block;
padding: 10% 0;
}
.category_list .on{
background-color: #0d4d8b;
color: #ffffff;
}
.list_all{
padding: 3% 0 0;
}
.single_show{
width: 100%;
word-wrap: break-word;
/*word-break: break-all;*/
overflow: hidden;
}
.single_show img{
max-width: 100%;
}
.upperandlower {
padding: 1% 0 0 0;
}
.upperandlower .next{
width: 25%;
background-color: #626262;
padding: 1.5% 2%;
color: #ffffff;
font-size: 14px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
transition: all 0.3s;
}
.upperandlower .next .arrow{
margin: 0 10%;
}
.upperandlower .next *{
color: #ffffff!important;
}
.upperandlower .tl{
text-align: left;
}
.upperandlower .tr{
text-align: right;
}
.upperandlower .next:hover{
background-color: #0d4d8b;
}
.paging {
text-align:center;
padding: 2% 0 2%;
}
.paging a{
display: inline-block;
padding: 0.65% 0.9%;
border:1px solid #333333;
color: #333333;
margin:0 0.5%;
transition: ease-in 0.1s;
border-radius: 2px;
background-color: #ffffff;
}
.paging span{
margin:0 5px;
}
.paging a:hover,
.case_lisst .cate-box a:hover{
border:1px solid #0d4d8b;
color: #0d4d8b;
}
.paging .currPage{
border:1px solid #0d4d8b;
color: #ffffff;
background-color: #0d4d8b;
}
.Rmnynews{
padding: 5% 0 2%;
}
.Rmnynews .newsny{
text-align: left;
margin-bottom: 0;
}
.acsl{
width: 62.5%;
float: left;
line-height: 2;
}
.acsr{
width: 32.5%;
float: right;
border-top: 10px solid #0d4d8b;
}
.acsna{
font-size: 30px;
color: #333333;
padding: 3% 0;
border-bottom: 1px dashed #555555;
margin: 0 0 3% 0;
}
.acsnb{
color: #333333;
}
.acslx{
position: relative;
margin: 5% 0;
}
.acslx .acslxan{
font-size: 24px;
color: #ffffff;
background-color: #0d4d8b;
padding: 0.5% 5%;
display: inline-block;
border-radius: 5px;
overflow: hidden;
letter-spacing: 3px;
float: left;
}
.acslx .acslxrx{
font-size: 24px;
color: #333333;
float: left;
padding: 0.5% 5%;
}
.acsall{
width: 100%;
}
.acsall .acsall_title{
font-size: 30px;
color: #333333;
letter-spacing: 5px;
border-bottom: 3px solid #d2d2d2;
padding: 0 0 1% 0;
position: relative;
}
.acsall .acsall_title span{
font-size: 14px;
color: #aaaaaa;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 0 3%;
}
.acsall .acsall_title:before{
content: '';
position: absolute;
bottom: -3px;
left: 0;
height: 3px;
width: 20%;
background-color: #0d4d8b;
}
.acsnrall{
width: 100%;
overflow: hidden;
padding: 2% 0;
line-height: 0;
}
.acsnrall img{
max-width: 100%;
}
.acsimg{
border: 1px solid #d2d2d2;
margin: 0 0 7% 0;
}
.acsCa{
margin: 0 0 10% 0;
}
.acsCa ul li{
float: left;
width: 46.5%;
margin: 0 7% 0 0;
border: 1px solid #d2d2d2;
}
.acsCa ul li:nth-child(2n){
margin: 0 0 0 0;
}
.acsCa .on{
border: 1px solid #0d4d8b;
}
.ascRmcp{
margin: 0 0 8% 0;
}
.ascRm_title{
background-color: #0d4d8b;
padding: 4% 8%;
font-size: 28px;
color: #ffffff;
font-weight: bold;
letter-spacing: 3px;
}
.ascRmxw{
background-color: #ffffff;
margin: 0 0 10% 0;
}
.ascRmxw .acsRmls{
padding: 8% 5%;
}
.newsRm{
color: #555555;
border-bottom: 1px dashed #d2d2d2;
padding: 0 0 5% 0;
margin: 0 0 5% 0;
transition:all 0.5s;
}
.newsRm:last-child{
margin: 0 0 0 0;
border-bottom: 0;
padding: 0;
}
.newsRm .dnra{
float: left;
color: #33b8dd;
width: 5%;
transform: scale(1.5);
}
.newsRm .dnrb{
float: left;
width: 70%;
transition:all 0.5s;
}
.newsRm .dnrc{
float: right;
width: 20%;
text-align: right;
}
.newsRm:hover{
color: #33b8dd;
}
.newsRm:hover .dnrb{
padding-left: 1%;
}
.acsZx{
/*background: url(../image/acsZx.png) no-repeat 10%;*/
background-color: #0d4d8b;
color: #ffffff;
padding: 5% 0 5% 28%;
line-height: 1.5;
background-size: 14.425%;
font-weight: bold;
}
.acsZx .acszxa{
font-size: 24px;
letter-spacing: 2px;
}
.acsZx .acszxb{
font-size: 32px;
letter-spacing: 1px;
}
.content_main{
width: 100%;
position: relative;
overflow: hidden;
padding: 3% 0;
}
.content_mains{
width: 100%;
position: relative;
overflow: hidden;
/*padding: 0 0 2%;*/
}
.ash_nyys{
background-color: #efefef;
}
.within_nyys{
background-color: #ffffff;
}
.content_all{
width: 100%;
position: relative;
padding: 0% 0 0 0;
}
.nysm_all{
position: relative;
padding: 0 0 4% 0;
color: #333333;
}
.download_nysm{
padding: 0;
}
.nysm_all .slogan{
width: 31.25%;
float: left;
}
.nysm_all .position{
width: 60%;
float: right;
line-height: 2;
text-align: right;
padding-top: 5px;
letter-spacing: 1px;
}
.nysm_all .position_home{
background: url(../image/home.png) no-repeat left;
padding-left: 25px;
background-size: 22%;
}
.ny_pt_gap{
padding: 0 0 2% 0;
}
.detail_title{
font-size: 30px;
width: 100%;
color: #333333;
text-align: left;
line-height: 1.5;
position: relative;
font-weight: bold;
letter-spacing: 1px;
margin: 0 0 3% 0;
}
.detail_title:after{
content: "";
position: absolute;
width: 10%;
height: 4px;
background-color: #0d4d8b;
left: 45%;
bottom: -15px;
display: none;
}
.detail_content{
width: 100%;
overflow: hidden;
line-height: 2;
}
.detail_content img{
max-width: 100%;
}
.detail_title_news{
font-size: 30px;
width: 70%;
float: left;
color: #333333;
text-align: left;
line-height: 1.5;
position: relative;
font-weight: bold;
letter-spacing: 1px;
margin: 0 0 3% 0;
}
.detail_title_time{
float: right;
text-align: right;
width: 30%;
margin: 2% 0 0 0;
color: #666666;
padding: 0 1% 0 0;
}
.screen{
overflow: hidden;
background-color: #efefef;
margin-left: 2.45%;
margin-bottom: 2%;
}
.screen dt{
float: left;
padding: 1.8% 0;
margin-left: 2%;
}
.screen li{
float: left;
width: calc(100%/10);
text-align: center;
color: #8d8d91;
margin: 2% 0;
border-right: 1px solid #AAAAAA;
}
.screen li:last-of-type{
border: none;
}
.screen li > a{
display: block;
}
.load_more{
text-align: center;
padding-top: 3%;
}
.load_more .loads{
display: inline-block;
width: 16%;
text-align: center;
color: #ffffff;
background-color: #0d4d8b;
cursor: pointer;
transition: all 0.4s ease 0s;
padding: 1.2% 0;
letter-spacing: 5px;
border-radius: 2px;
}
.load_more .loadend{
display: none;
color: #555555;
letter-spacing: 2px;
}
.load_more .block{
display: block;
}
.load_more_case{
padding-top: 3%;
}
.info_load_more{
padding-top: 1%;
}
.info_load_more .loads{
margin-top: 0;
width: 100%;
background-color: #ffffff;
letter-spacing: 2px;
color: #333333;
text-align: center;
padding: 2% 0;
cursor: pointer;
}
.info_load_more2{
padding-top: 1%;
}
.info_load_more2 .loads{
margin-top: 0;
width: 100%;
background-color: #ffffff;
letter-spacing: 2px;
color: #333333;
text-align: center;
padding: 3% 0;
cursor: pointer;
}
.slider-nav{
padding: 3% 10%;
}
.slider-nav .dimg.slick-current img{
border: 2px solid #0f4885;
}
.slider-nav .dimg img{
width: 5vw;
height: 5vw;
}
.tab-small{
position: relative;
overflow: hidden;
}
.tab-small .prev-btn img,.tab-small .next-btn img{
width: 50%;
}
.tab-small .prev-btn,.tab-small .next-btn{
position: absolute;
z-index: 10;
top: 20%;
}
.tab-small .prev-btn{
left: 0;
}
.tab-small .next-btn{
right: -27px;
}
.public_content{
padding: 2% 0;
}
.aboutny1{
display: flex;
justify-content: center;
margin-bottom: 5%;
}
.aboutny1 .aboutimg{
width: 50%;
}
.aboutny1 .aboutcot{
width: 50%;
padding-left: 5%;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #0f4885;
}
.aboutny1 .aboutcot .aboutbt{
color: #fff;
margin-bottom: 5%;
}
.aboutny1 .aboutcot .aboutbt .aboutbten{
margin-left: 5%;
color: #fff;
text-transform: uppercase;
}
.aboutny1 .aboutcot .aboutny{
color: #fff;
line-height: 2;
padding-right: 10%;
}
.aboutny1 .aboutcot2{
width: 50%;
padding-right: 5%;
display: flex;
flex-direction: column;
justify-content: center;
}
.aboutny1 .aboutcot2 .aboutny{
font-size: 14px;
color: #555555;
line-height: 2;
}
.aboutny1 .aboutcot2 .aboutny:nth-of-type(1){
margin-bottom: 10%;
}
.aboutny2 .aboutbt{
font-size: 36px;
color: #555555;
margin-bottom: 3%;
}
.aboutny2 .aboutbt .aboutbten{
margin-left: 5%;
font-size: 24px;
color: #cccccc;
}
.aboutny2 .aboutny{
margin-top: 3%;
font-size: 14px;
color: #555555;
line-height: 2;
}
.news_item{
width: 31.5%;
float: left;
margin: 0 2.75% 2.75% 0;
position: relative;
}
.news_item:nth-child(3n){
margin: 0 0 2.75% 0;
}
.news_item .dimg{
width: 100%;
height: 16vw;
overflow: hidden;
position: relative;
}
.news_item .dimg img{
width: auto;
margin: 0 auto;
}
.news_item .dcot{
width: 100%;
background-color: #efefef;
color: #333333;
padding: 5% 8% 10%;
position: relative;
}
.news_item .dcot .dtit{
width: 100%;
height: 70px;
line-height: 35px;
}
.news_item .dcot .dint{
height: 70px;
line-height: 35px;
margin: 8% 0 20% 0;
}
.news_item .dcot .dtime{
line-height: 2;
}
.news_item .dcot:after{
content: '';
position: absolute;
bottom: 14%;
right: 10%;
background: url(../image/news_arrow.png) no-repeat center;
padding: 3.225%;
background-size: 100%;
}
.news_item:hover .dcot{
background-color: #0d4d8b;
color: #FFFFFF;
}
.news_item:hover .dcot:after{
background: url(../image/news_arrows.png) no-repeat center;
background-size: 100%;
}
.news_item:hover .dimg img{
transform: scale(1.1);
}
.case_item{
width: 32%;
position: relative;
margin: 0 2% 2% 0;
float: left;
box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
}
.case_item:nth-child(3n){
margin-right: 0;
}
.case_item .dimg{
width: 100%;
height: 18.5vw;
overflow: hidden;
}
.case_item .dcot{
position: relative;
/*width: 59%;*/
/*left: 40.4175%;*/
/*top: 0;*/
/*height: 100%;*/
background-color: #ffffff;
padding: 3% 0;
line-height: 2;
/*display: flex;*/
/*flex-direction: column;*/
/*justify-content: center;*/
transition: all 0.5s;
overflow: hidden;
z-index: 0;
}
.case_item .dcot:before{
content: '';
position: absolute;
background-color: #0d4d8b;
top: 100%;
width: 100%;
height: 100%;
z-index: 0;
transition: all .5s;
}
.case_item .dcot .dtit_cn{
text-indent: 1em;
line-height: 2;
padding: 1% 0 0 0;
color: #333333;
z-index: 1;
}
.case_item .dcot .dtit_en{
margin: 1% 0;
color: #999999;
}
.case_item .dcot .dint{
margin: 3% 0 8%;
color: #333333;
}
.case_item .dcot .dck{
background-color: #0d4d8b;
color: #ffffff;
display: inline-block;
width: 20%;
padding: 0.5% 0;
text-align: center;
border-radius: 2px;
letter-spacing: 2px;
}
.case_item:hover .dimg img{
transform: scale(1.1);
}
.case_item:hover .dcot .dtit_cn{
color: white;
position: relative;
/*z-index: 1;*/
}
.case_item:hover .dcot:before{
top: 0;
}
.partner_item{
width: 24.625%;
float: left;
border: 1px solid #cccccc;
margin: 0 0.5% 1% 0;
overflow: hidden;
}
.partner_item:nth-child(4n){
margin: 0 0 1% 0;
}
.partner_item:hover img{
transform: scale(1.1);
}
.lxwmall{
position: relative;
margin: 3% 0 3% 0;
}
.lxwm_list{
position: relative;
width: 50%;
float: left;
margin: 3% 0 0 0;
}
.lxwm_list img{
max-width: 100%;
}
.lxwm_item{
width: 100%;
line-height: 1.7;
margin: 0 0 5% 0;
color: #333333;
}
.lxwm_item:nth-child(4n){
margin: 0 0 0 0;
}
.lxwm_item .dimg{
width: 6.25%;
float: left;
margin: 0 2% 0 0;
}
.lxwm_item .dtit{
float: left;
width: 80%;
}
.lxwm_item .dtit span{
font-weight: bold;
}
.lxwm_cot{
width: 50%;
float: right;
color: #ffffff;
/*background-color: #0d4d8b;*/
/*padding: 2.5%;*/
line-height: 1.4;
margin: 2% 0 0 0;
}
.lxwmwd{
padding: 2% 0 0 0;
}
.lxwmwd .wtit{
text-align: center;
color: #333333;
line-height: 2;
margin: 0 0 3% 0;
}
.lxwmwd_item{
width: 24.25%;
float: left;
margin: 0 1% 2% 0;
box-shadow: 0 1px 5px #cccccc;
padding: 7% 2% 5% ;
line-height: 1.2;
background: url(../image/lxwmwd_item.png) no-repeat left 0;
background-size: 25.8%;
}
.lxwmwd_item:nth-child(4n){
margin: 0 0 2% 0;
}
.lxwmwd_item .wtitl{
text-align: center;
border-bottom: 1px solid #cccccc;
padding: 0 0 10% 0;
margin: 0 0 10% 0;
color: #333333;
}
.lxwmwd_item .wcity{
text-align: center;
font-size: 48px;
color: #0d4d8b;
margin: 3% 0 15% 0;
}
.lxwmwd_item .wints{
line-height: 2;
text-align: center;
color: #333333;
min-height: 140px;
}
.ab_mky{
padding: 2% 0 3%;
width: 100%;
background-color: #ffffff;
}
.ab_video{
width: 100%;
}
.ab_video video{
width: 100%;
}
.ab_four{
padding: 2% 0;
background-color: #0d4d8b;
}
.ab_four_item{
width: 25%;
text-align: center;
float: left;
line-height: 1.2;
}
.ab_four_item .dimg {
width: 27.25%;
margin: 0 auto;
}
.ab_four_item .dnya{
font-size: 48px;
color: #ffffff;
margin: 5% 0 1% 0;
font-weight: bold;
}
.ab_four_item .dnyb{
color: #ffffff;
}
.ab_mke{
padding: 3% 0;
background-color: #ffffff;
text-align: center;
}
.ab_mke .wcot{
color: #333333;
line-height: 3;
}
.ab_mks{
position: relative;
}
.ab_sitem{
position: absolute;
width: 26%;
top: 0;
height: 100%;
}
.ab_sitem ul li{
position: absolute;
width: 100%;
height: 50%;
text-align: left;
padding: 10% 5% 10% 35%;
line-height: 1.5;
display: flex;
flex-direction: column;
justify-content: center;
color: #333333;
cursor: pointer;
}
.ab_sitem ul li:nth-of-type(1){
top: 0;
border-top: 1px solid #cccccc;
background: url(../image/absw1.png) no-repeat 28% 45%;
background-size: 4.8%;
}
.ab_sitem ul li:nth-of-type(2){
top: 50%;
border-bottom: 1px solid #cccccc;
background: url(../image/absw2.png) no-repeat 28% 45%;
background-size: 4.8%;
}
.ab_sitem ul li.on{
background-color: #0d4d8b;
border-top: 1px solid #0d4d8b;
border-bottom: 1px solid #0d4d8b;
color: #ffffff;
}
.ab_sitem ul li.on:nth-of-type(1){
background: url(../image/absw1s.png) no-repeat 28% 45%;
background-color: #0d4d8b;
background-size: 4.8%;
}
.ab_sitem ul li.on:nth-of-type(2){
background: url(../image/absw2s.png) no-repeat 28% 45%;
background-color: #0d4d8b;
background-size: 4.8%;
}
.ab_sitem ul li.on:after{
content: '';
position: absolute;
width: 3%;
height: 100%;
right: -3%;
top: 0;
background-color: #0d4d8b;
z-index: 2;
}
.ab_sitem{
}
.ab_sall{
position: relative;
margin-left: 26%;
}
.ab_slist .wimg{
width: 42%;
overflow: hidden;
}
.ab_slist .wcot{
position: absolute;
width: 58%;
left: 42%;
top: 0;
height: 100%;
background-color: #0d4d8b;
padding: 3% 5%;
color: #ffffff;
line-height: 1.8;
overflow-x: auto;
}
.ab_mkw{
padding: 3% 0 ;
background-color: #ffffff;
}
.ab_mkw .abmwt{
line-height: 2;
text-align: center;
}
.ab_mkw .abmwtit{
color: #0d4d8b;
font-size: 30px;
font-weight: bold;
}
.ab_mkw .abmwint{
color: #999999;
}
.abmw_list{
width: 100%;
position: relative;
padding: 200px 0;
}
.abmw_list:after{
content: '';
position: absolute;
width: 100%;
height: 1px;
left: 0;
top: 50%;
background-color: #cccccc;
z-index: 1;
}
.abmw_item{
width: 28%;
line-height: 34px;
text-align: center;
position: absolute;
height: 140px;
}
.abmw_item .wdian{
width: 30px;
height: 30px;
border-radius: 50%;
background: #0d4d8b;
margin: -14px auto 0;
z-index: 2;
position: relative;
color: #333333;
}
.abmw_item .wline{
width: 1px;
height: 30px;
background-color: #cccccc;
margin: 20px auto;
}
.abmw_item .wny{
font-weight: bold;
}
.abmw_item:nth-of-type(1){
top: 50%;
left: 0;
}
.abmw_item:nth-of-type(2){
top: 60px;
left: 14%;
}
.abmw_item:nth-of-type(3){
top: 50%;
left: 28%;
}
.abmw_item:nth-of-type(4){
top: 60px;
left: 42%;
}
.abmw_item:nth-of-type(5){
top: 50%;
left: 56%;
}
.abmw_item:nth-of-type(6){
top: 60px;
left: 70%;
}
.ab_news{
background: url(../image/ab_news.jpg) no-repeat top;
padding: 2% 0;
}
.abnst{
text-align: center;
line-height: 1.8;
letter-spacing: 1px;
padding: 0 0 2% 0;
}
.abnst .abnsttit{
color: #0d4d8b;
font-size: 30px;
font-weight: bold;
}
.abnst .abnstint{
color: #999999;
}
.ab_news_item{
color: #333333;
width: 49%;
float: left;
background-color: #ffffff;
padding: 1.5% 2% 2% 5%;
margin: 0 2% 2% 0;
border-radius: 5px;
}
.ab_news_item:nth-child(2n){
margin: 0 0 2% 0;
}
.ab_news_item:nth-of-type(2)
{
background-color:#0d4d8b;
color: #ffffff;
}
.ab_news_item:nth-child(3n+0)
{
background-color:#0d4d8b;
color: #ffffff;
}
.ab_news_item .wcot{
width: 70%;
float: left;
}
.ab_news_item .wcot .wtit{
line-height: 2;
margin: 0 0 0.5% 0;
}
.ab_news_item .wcot .wint{
line-height: 1.5;
}
.ab_news_item .wimg{
width: 22%;
float: right;
}
.CPCA_list{
position: relative;
}
.CPCA_item{
width: 33.3%;
float: left;
text-align: center;
background-color: #201f1f;
color: #FFFFFF;
line-height: 1.5;
position: relative;
}
.CPCA_item:last-child{
margin: 0 0 5% 0;
}
.CPCA_item .PA_a{
display: block;
padding: 11% 0 17%;
}
.CPCA_item .PA_mc{
position: relative;
}
.CPCA_item .PA_mc:after{
content: '';
position: absolute;
width: 50%;
height: 1px;
border-top: 1px dashed #ccc;
bottom: -50%;
left: 25%;
overflow: hidden;
}
.CPCA_item.on{
background-color: #0d4d8b;
}
.CPCA_item.on:after{
content: '';
position: absolute;
background: url(../image/PA_on.png) no-repeat center;
background-size: 100%;
width: 6.57%;
padding: 3% 0;
left: 44%;
bottom: 12.5%;
}
.CPCA_item:hover{
background-color: #0d4d8b;
}
.synyz{
width: 18.5%;
float: left;
padding: 0 0 5% 0;
}
.synyy{
width: 79%;
float: right;
}
.PlBt{
width: 100%;
background: url(../image/PlBt.png) no-repeat 10%;
background-size: 13.5%;
background-color: #0d4d8b;
padding: 12.5% 0;
}
.NyCaall{
width: 100%;
position: relative;
margin: 0 0 3% 0;
}
.NyLsall{
width: 100%;
position: relative;
}
.product_item{
width: 30.835%;
float: left;
margin: 0 0 2.45% 2.45%;
background-size: 23.1%;
line-height: 1.5;
background-color: #201f1f;
position: relative;
}
.product_item .wimg{
width: 100%;
height: 18vw;
overflow: hidden;
position: relative;
}
.product_item .wimg .wmck{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(../image/cp_more.png) no-repeat 50% 40%;
background-size: 13.5%;
background-color: rgba(0,0,0,0.5);
color: #FFFFFF;
text-align: center;
padding: 53% 0 0 0;
letter-spacing: 1px;
transition: all 0.5s;
transform: scale(0);
}
.product_item .wcot{
background-color: #ffffff;
padding: 5%;
line-height: 2;
text-align: center;
color: #333333;
position: relative;
z-index: 2;
overflow: hidden;
transition: all 0.3s;
}
.product_item .wcot .wtit{
border-bottom: 1px dashed #999999;
margin: 0 0 3% 0;
padding: 0 0 3% 0;
position: relative;
z-index: 2;
}
.product_item .wcot .wpower{
position: relative;
z-index: 2;
}
.product_item .wcot .wpower .consult{
padding: 2.5% 6%;
background-color: #0f4885;
text-align: center;
color: white;
transition: all .5s;
}
.product_item .wcot .wexhaust{
position: relative;
z-index: 2;
}
.product_item .wcot:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 100%;
background-color: #0d4d8b;
z-index: 1;
transition: all 0.2s;
}
.product_item:hover .wimg .wmck{
/*top: 0;*/
transform: scale(1);
}
.product_item:hover .wcot{
color: #ffffff;
}
.product_item:hover .wcot .wpower .consult{
background-color: white;
color: #0f4885;
}
.product_item:hover .wcot .wtit{
border-bottom: 1px dashed #ffffff;
}
.product_item:hover .wcot:after{
top: 0;
}
.product_item:hover .wimg img{
transform: scale(1.1);
}
.CP_detail{
width: 100%;
}
.PCP_title{
border-bottom: 1px solid #cccccc;
margin: 0 0 3% 0;
}
.PCP_title .PCP_titlewz{
color: #ffffff;
background-color: #0d4d8b;
padding: 1% 4%;
letter-spacing: 2px;
display: inline-block;
line-height: 1.1;
}
.CP_detail .CP_mko{
margin: 0 0 5% 0;
}
.CP_detail .CPmkol{
width: 40%;
float: left;
}
.CP_detail .CPmkor{
width: 48.125%;
float: right;
margin: 0 4% 0 0;
line-height: 2;
}
.CPmkol_list{
width: 100%;
margin: 0 0 5% 0;
}
.CPmkol_item{
width: 100%;
color: #333333;
text-align: center;
letter-spacing: 3px;
}
.CPmkor .CPmkor_title{
/*font-size: 36px;*/
color: #0d4d8b;
margin: 0 0 3% 0;
padding: 0 0 2% 0;
line-height: 1.5;
}
.CPmkor .CPmkor_ys4{
margin: 0 0 5% 0;
}
.CPmkor .CPmkor_ys4s{
color: #333333;
float: left;
width: 100%;
}
.CPmkor .CPmkor_intro{
clear: both;
color: #666666;
width: 100%;
margin: 3% 0 0;
line-height: 1.6;
}
.CPmkor .CPmkor_zxzx{
color: #FFFFFF;
background-color: #0d4d8b;
display: inline-block;
padding: 0.4% 5%;
margin: 5% 2% 3%;
letter-spacing: 2px;
position: relative;
}
.CPmkor .CPmkor_zxzx.ico1:before{
/*content: "";
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin: -2px 0 0 0;
background: url(../image/all-icon.png) 0 -650px;*/
}
.CPmkor .CPmkor_lxdh{
color: #333333;
line-height: 1.8;
}
.CPmkor .CPmkor_lxdh span{
color: #0d4d8b;
font-size: 30px;
font-weight: bold;
}
.CP_content{
position: relative;
}
.CPc_title{
line-height: 2;
text-align: center;
padding: 0 0 3% 0;
}
.CPc_title .CPc_title_cn{
color: #333333;
font-size: 36px;
position: relative;
width: 100%;
letter-spacing: 1px;
}
.CPc_title .CPc_title_cn:after{
content: '';
position: absolute;
width: 22%;
height: 1px;
background-color: #333333;
left: 39%;
bottom: 0;
}
.CPc_title .CPc_title_cn:before{
content: '';
position: absolute;
width: 4%;
left: 48%;
bottom: -1px;
height: 3px;
background-color: #0d4d8b;
z-index: 2;
}
.CPc_title .CPc_title_sz{
color: #0d4d8b;
font-size: 58px;
font-weight: bold;
margin: 0 5px 0 2px;
font-style: italic;
}
.CPc_title .CPc_title_en{
color: #999999;
}
.CPc_all{
width: 100%;
overflow: hidden;
padding: 0 0 5% 0;
line-height: 2;
}
.CPc_all img{
max-width: 100%;
}
.dropdown-menu{
position: absolute;
width: 120%;
display: none;
z-index: 999;
border-radius: 1px;
top: 100%;
left: -30%;
padding: 2%;
border-top: 5px solid #0d4d8b;
background-color: rgba(255,255,255,.8);
overflow: hidden;
}
.dropdown-menu .yjxial{
overflow: hidden;
}
.dropdown-menu .yjxial > li{
float: left;
width: calc(100%/7);
color: #333333;
text-align: center;
padding: 0 1%;
position: relative;
}
.dropdown-menu .yjxial.stico > li{
text-align: left;
padding-left: 2.5%;
padding-top: .3%;
}
.dropdown-menu .yjxial > li:before{
position: absolute;
content: '';
left: 0;
width: 3px;
height: 13px;
background-color: #0f4885;
}
.dropdown-menu .yjxial.stico > li:before{
position: absolute;
content: '';
left: 0;
top: 0;
width: 40px;
height: 22px;
background-color: transparent;
/*background: url("../image/zlin_h.png") no-repeat center left ;*/
/*background-size: 53%;*/
}
.dropdown-menu .yjxial.stico > li:nth-of-type(1):before{
background: url("../image/zlin_l.png") no-repeat center left ;
background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(2):before{
background: url("../image/fenx_l.png") no-repeat center left ;
background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(3):before{
background: url("../image/wxiu_l.png") no-repeat center left ;
background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(4):before{
background: url("../image/jshe_l.png") no-repeat center left ;
background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(5):before{
background: url("../image/yyao_l.png") no-repeat center left ;
background-size: 53%;
}
.dropdown-menu .yjxial.stico > li:nth-of-type(6):before{
background: url("../image/hshou_l.png") no-repeat center left ;
background-size: 53%;
}
.dropdown-menu .yjxial > li > a{
display: block;
margin-bottom: 10%;
}
.dropdown-menu .erjxial > li > a{
display: block;
line-height: 2;
text-align: left;
/*text-indent: 1em;*/
}
.xlYiall{
padding: 35px 3% 35px 0;
}
.xlYiall:before{
content: "";
height: 1px;
width: 100%;
background-color: #999999;
}
.xlYiall .xlYils{
float: right;
color: #eeeeee;
}
.xlYiall .xlYils .xlYia{
margin: 0 0 0 40px;
display: inline-block;
}
.xlYicpall{
padding: 30px 0 30px 0;
position: relative;
}
.xlYicpall:before{
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #777777;
top: 70px;
}
.cpxlals{
width: 10%;
float: left;
text-align: center;
transition:all 0.3s;
}
.cpxlals .cpxlCA{
margin-bottom: 40px;
color: #eeeeee;
transition:all 0.3s;
}
.cpxlals .cpxlCB{
line-height: 2;
color: #eeeeee;
}
.cpxlals .cpxlCA:hover,.cpxlals .cpxlCB:hover{
color: #0d4d8b;
}
.honor_list{
padding-bottom: 3%;
}
.staff{
position: relative;
margin: 0 0 7%;
}
.honors{
margin: 0 0 7%;
}
.staff-box{
width: 31%;
float: left;
margin-right: 1.5%;
}
.staff .slick-prev:after,.honors .slick-prev:after{
position: absolute;
content: '«';
width: 100%;
height: 100%;
left: 0;
top: 0;
font-size: 24px;
color: #fff;
transition:all 0.3s;
cursor: pointer;
}
.staff .slick-next:after,.honors .slick-next:after{
position: absolute;
content: '»';
width: 100%;
height: 100%;
left: 0;
top: 0;
font-size: 24px;
color: #fff;
transition:all 0.3s;
cursor: pointer;
}
.staff .slick-prev,.honors .slick-prev {
left: 39%;
}
.staff .slick-next,.honors .slick-next {
right: 39%;
}
.staff .slick-arrow,.honors .slick-arrow {
position: absolute;
bottom: -45px;
width: 4%;
text-align: center;
z-index: 9;
height: 50px;
line-height: 50px;
border: 0;
background-color: #0f4885;
font-size: 0;
}
.nyhonor{
width: 31%;
margin-right: 1.5%;
/*margin-bottom: 3.5%;*/
float: left;
}
/*.nyhonor:nth-child(3n){
margin-right: 0px;
}*/
.nyhonor .img{
width: 100%;
/*height: 13.85vw;*/
}
.nyhonor .tit{
text-align: center;
line-height: 2.2;
color: #333333;
}
.advantage{
overflow: hidden;
}
.adv-bnr{
position: relative;
overflow: hidden;
}
.advantage .adv-lt{
width: 75%;
float: left;
}
.advantage .adv-rt{
width: 25%;
padding: 7% 6%;
position: absolute;
float: right;
left: 75%;
line-height: 1.5;
background-color: #0f4885;
height: 100%;
color: white;
font-weight: bold;
}
.advantage .adv-desc{
padding: 2% 0;
line-height: 2;
}
.adv-lc{
overflow: hidden;
}
.adv-lc .advlc-cot{
overflow: hidden;
}
.adv-lc .advlc-cot li{
float: left;
width: calc(100%/3);
text-align: center;
padding: 3% 10.3%;
}
.adv-lc .advlc-cot .adv_ico{
}
.adv-lc .advlc-cot .adv_tit{
line-height: 2.5;
font-weight: bold;
}
.involve{
overflow: hidden;
margin: 3% 0 0;
}
.involve li{
float: left;
width: calc(100%/6);
text-align: center;
display: inline-block;
line-height: 2.3;
}
.involve .inv_img{
padding: 0 38.5%;
}
.stock{
margin: 5% 0 0;
}
.stock p{
margin-bottom: 3%;
}
.wxwb-bnr{
overflow: hidden;
position: relative;
}
.wxwb-bnr .wxwb-lt{
width: 25%;
float: left;
padding: 5% 5%;
background-color: #0f4885;
color: white;
line-height: 1.5;
height: 100%;
position: absolute;
left: 0;
}
.wxwb-bnr .wxwb-rt{
width: 75%;
float: right;
}
.wxwb-intro{
overflow: hidden;
margin: 2% 0;
line-height: 2;
}
.wxwb-plate{
overflow: hidden;
position: relative;
display: flex;
}
.wxwb-plate .plate-lt{
left: 0;
width: 30%;
height: 100%;
display: flex;
}
.pat-box1{
position: absolute;
top: 8%;
left: 16%;
width: 16%;
height: 25%;
}
.pat-box2{
position: absolute;
top: 38.5%;
left: 0%;
width: 24%;
height: 25%;
}
.pat-box3{
position: absolute;
top: 70%;
left: 13%;
width: 19%;
height: 25%;
}
.pat-box4{
position: absolute;
top: 8%;
right: 13%;
width: 18%;
height: 25%;
}
.pat-box5{
position: absolute;
top: 38.5%;
right: 0%;
width: 23%;
height: 25%;
}
.pat-box6{
position: absolute;
top: 69%;
right: 12%;
width: 19%;
height: 25%;
}
.wxwb-plate .plate-cet{
left: 30%;
width: 50%;
height: 100%;
display: flex;
}
.wxwb-plate .plate-rt{
right: 0;
width: 30%;
display: flex;
height: 100%;
}
.wxwb-plate .pat_tit{
line-height: 1.8;
letter-spacing: 1px;
}
.wxwb-plate .pat_desc{
line-height: 1.8;
letter-spacing: 1px;
}
.wxwb-fwcot{
overflow: hidden;
margin: 5% 0 0;
}
.wxwb-fwcot .wxwbfw-title{
line-height: 2.5;
background-color: #0d4d8b;
color: white;
text-indent: 1em;
}
.wxwb-fwcot .fwcot-wrap{
/*overflow: hidden;*/
margin: 2.5% 0.3%;
}
.fwcot-wrap li{
float: left;
display: inline-block;
width: calc(100%/4 - 1.5%);
text-align: center;
margin-right: 2%;
margin-bottom: 2%;
padding: 2% 0;
background-color: white;
transition: all .5s;
}
.fwcot-wrap li:nth-of-type(4n){
margin-right: 0;
}
.fwcot-wrap .fw_tit{
line-height: 3;
}
.fwcot-wrap .fw_img {
padding: 0 30%;
height: 9vw;
display: flex;
align-items: center;
overflow: hidden;
transition: all .5s;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
.fwcot-wrap .fw_img img{
display: block;
width: 100%;
transition: all .5s;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
.fwcot-wrap li:hover{
box-shadow: 0 0 3px 3px #0d4d8b;
}
.fwcot-wrap li:hover img{
transform: scale(1.1);
}
.labory-bnr{
overflow: hidden;
position: relative;
height: 25vw;
}
.labory-bnr .labory-lt{
float: left;
width: 60%;
}
.labory-bnr .labory-rt{
position: absolute;
float: right;
left: 60%;
height: 100%;
width: 40%;
color: white;
background-color: #4F75A0;
padding: 4% 5%;
}
.labory-bnr .labory-rt .labory-en{
text-transform: uppercase;
line-height: 1.5;
}
.labory-bnr .labory-rt .labory-zh{
line-height: 2;
}
.labory-bnr .labory-rt .labory-intro{
margin: 5% 0 0;
line-height: 1.8;
text-align: justify;
}
.labory-cot{
overflow: hidden;
margin: 5% 0 0;
}
.bg_main{ background:#4F75A0;}
.w-simgtext2 li{ float: left; width: 20%; *width:19.99%; /*min-width: 200px;*/margin: 0 0 5%; transition: all .5s}
.w-simgtext2 li .item{position:relative; width: 11vw; height: 11vw; margin: 0 auto; text-align: center;}
.w-simgtext2 li .s_img{max-width: 3.5vw; max-height: 3.5vw; margin:0 auto; overflow: hidden;}
.w-simgtext2 li .s_img img{ max-width: 100%; max-height: 100%;transition: all 0.5s; -webkit-transition: all 0.5s;}
.w-simgtext2 li .line{ height: 1px; margin: 8% auto;}
.w-simgtext2 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; }
.w-simgtext2 li .sigt1 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;overflow: hidden;border-radius: 50%; -webkit-border-radius: 50%;border:1px solid #4F75A0; transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt1 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .w-simgtext2 li .sigt1 .sigt_text{ top:50%;}
.w-simgtext2 li .sigt1 h3{ line-height: 1.5; color:#333; }
.w-simgtext2 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff; }
.w-simgtext2 li .sigt2 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;opacity:0;border-radius: 50%; -webkit-border-radius: 50%; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0.7); -webkit-transform: scale(0.7); transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt2 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .w-simgtext2 li .sigt2 .sigt_text{ top:50%;}
.w-simgtext2 li .sigt2 .s_img img{ transform: translateX(100%); -webkit-transform: translateX(100%);transition: all 0.5s; -webkit-transition: all 0.5s;}
.w-simgtext2 li .sigt2 .line{width: 0; background: #fff;transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt2 h3{ line-height: 1.5;color:#fff; }
.w-simgtext2 li a:hover .sigt1 .bg{transform: scale(1.3); -webkit-transform: scale(1.3);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-simgtext2 li a:hover .sigt1 .s_img img{ transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.w-simgtext2 li a:hover .sigt2 .s_img img{ transform: translateX(0); -webkit-transform: translateX(0);}
.w-simgtext2 li a:hover .sigt2 .line{ width: 40%; }
.w-simgtext2 li a:hover .sigt2 .bg{transform: scale(1); -webkit-transform: scale(1);opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.w-simgtext2 li a:hover .sigt2 .sigt_text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
/* 投资合作 */
.cooper-bnr{
overflow: hidden;
background: url("../image/img_38.png") no-repeat center;
background-size: cover;
height: 30vw;
}
.cooper-bnr .cbnr-txt{
width: 45%;
height: 17vw;
text-align: center;
display: table;
margin: 6.5vw auto;
padding: 3% 0;
background-color: rgba(255,255,255,.8);
}
.cooper-bnr .cbnr-txt .cpn-img{
padding: 0 44.3%;
}
.cooper-bnr .cbnr-txt .cpn-zh{
font-weight: bold;
color: #0d4d8b;
line-height: 2;
}
.cooper-bnr .cbnr-txt .cpn-en{
text-transform: uppercase;
font-weight: bold;
color: #0d4d8b;
}
.cooper-bnr .cbnr-txt .cpn-intro{
margin: 6% 0 0;
letter-spacing: 1px;
}
.cpn-modules{
overflow: hidden;
margin: 3% 0 0;
padding: .5%;
position: relative;
}
.cpn-modules .cpn-mod{
float: left;
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
box-shadow: 0 0 8px 1px #fff;
background-color: #fff;
text-align: center;
padding: 5% 0;
transition: all .5s;
}
.cpn-modules .cpn-mod:nth-of-type(2n){
margin-right: 0;
}
.cpn-modules .cpn-mod .mod-img{
}
.cpn-modules .cpn-mod .mod-tit{
margin: 5% 0 0;
letter-spacing: 2px;
}
.cpn-modules .cpn-mod:hover{
background-color: #0d4d8b;
box-shadow: 3px 0 6px 3px #0f4885;
color: white;
}
.cpn-modules .cpn-mod:hover .mod-img img{
filter: brightness(10);
}
.cpn-modules .mod-posa{
position: absolute;
left: 43.7%;
top: 31.5%;
width: 10vw;
height: 10vw;
background-color: #0d4d8b;
border-radius: 50%;
color: white;
text-align: center;
line-height: 1.3;
}
.cpn-modules .mod-posa span{
width: 5vw;
height: 5vw;
position: absolute;
display: flex;
left: 26%;
top: 24%;
letter-spacing: .3vw;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
}
.order_detail{
margin: 2% 0;
text-align: center;
}
.order_detail .pro-cot{
}
.order_detail .pro-cot .warning-tit{
line-height: 3;
background-color: #0f4885;
color: white;
}
.order_detail .prodtbox{
overflow: hidden;
background-color: white;
line-height: 2.5;
}
.order_detail .prodtbox .protit{
float: left;
width: 30%;
border: 1px solid #0f4885;
}
.order_detail .prodtbox .proname{
float: left;
width: 70%;
border: 1px solid #0f4885;
border-left: none;
}
.order_detail .prodtbox .proname:last-of-type,.order_detail .prodtbox .protit:nth-of-type(4){
border-top: none;
}
.form-box{
overflow: hidden;
padding: .3%;
}
.form-box .frm_div{
position: relative;
margin: 0 0 3%;
}
.form-box .frm_lt{
width: 65%;
float: left;
}
.form-box .frm_lt li{
float: left;
width: calc((100% - 2%)/2);
display: inline-block;
margin: 0 2% 2% 0;
}
.form-box .frm_lt li:nth-child(2n){
margin-right: 0;
}
.form-box .frm_lt li:nth-child(n+5){
margin-bottom: 0;
}
.form-box .frm_lt input{
border: 1px solid #AAAAAA;
line-height: 3.2;
width: 100%;
text-indent: 1em;
border-radius: 10px;
background-color: white;
}
.form-box .frm_rt{
width: 33%;
float: right;
position: absolute;
left: 67%;
height: 100%;
}
.form-box .frm_rt textarea{
border: 1px solid #AAAAAA;
border-radius: 10px;
width: 100%;
height: 100%;
padding: 2%;
background-color: white;
}
.form-box .frm_rt textarea:focus,.form-box .frm_lt input:focus{
border-color: #0d4d8b;
box-shadow: 0 0 3px 1px #0d4d8b;
}
.form-box .ipt-div{
width: 48%;
float: left;
margin: 0 4% 2% 0;
background-color: #eeeeee;
color: #555555;
height: 3.5vw;
line-height: 3.4vw;
transition: all .5s;
}
.form-box .ipt-div:nth-of-type(2n){
margin-right: 0;
}
.form-box .ipt-div label{
width: 20%;
text-align: center;
}
.form-box .ipt-div .ipt-txt{
height: 3vw;
line-height: 3vw;
width: 79%;
text-indent: 1em;
background-color: white;
}
.form-box .ipt-div.area{
width: 100%;
height: 10.4vw;
margin-right: 0;
display: flex;
align-items: center;
}
.form-box .ipt-div.area label{
width: 9.9%;
}
.form-box .ipt-div .tarea-txt{
height: 10vw;
margin: 3px 0;
width: 89.91%;
background-color: white;
border: none;
text-indent: 1em;
}
.form-box .ipt-div:hover{
/*background-color: #0d4d8b;*/
color: white;
}
.form-box .sub-btn{
overflow: hidden;
text-align: center;
}
.form-box .sub-btn .yzm{
border: 1px solid #AAAAAA;
line-height: 3.2vw;
height: 3.2vw;
/*border-radius: 10px;*/
background-color: white;
text-indent: 1em;
}
.form-box .ymzsz{
/*background-color: white;*/
/*width: 5vw;*/
/*height: 3.2vw;*/
margin-bottom: -.6vw;
}
.form-box .sub-btn .tj-btn{
background-color: #0d4d8b;
color: white;
width: 12%;
height: 3.2vw;
line-height: 3.2vw;
margin-right: 3%;
display: inline-block;
cursor: pointer;
border: none;
}
.form-box .sub-btn .cz-btn{
width: 12%;
height: 3.2vw;
line-height: 3.2vw;
background-color: #c9c9c9;
cursor: pointer;
border: none;
}
.msg_title{
text-align: center;
line-height: 2;
margin: 0 0 3%;
}
.msg_title p:nth-child(1){
color: #0d4d8b;
margin-bottom: 1%;
}
.alys-cot{
overflow: hidden;
position: relative;
}
.alys-cot .alys-lt{
width:60%;
float: left;
}
.alys-cot .alys-rt{
width:40%;
float: right;
position: absolute;
left: 60%;
height: 100%;
padding: 5% 3% 3%;
background-color: white;
}
.alys-rt .alys-en{
text-transform: uppercase;
}
.alys-rt .alys-zh{
line-height: 3;
font-weight: bold;
}
.alys-rt .alys-intro{
line-height: 1.8;
text-align: justify;
}
.alys-list{
overflow: hidden;
position: relative;
padding: 5% 0 0;
}
.alys-list ul li{
float: left;
width: calc(100%/5 - 2.4%);
display: inline-block;
border-radius: 50%;
margin: 0 3% 3% 0;
position: relative;
-webkit-transition: .4s all;
-moz-transition: .4s all;
-ms-transition: .4s all;
transition: .4s all;
}
.alys-list ul li:nth-of-type(5n){
margin-right: 0;
}
.alys-list ul li .alys-ico{
width: 8vw;
height: 8vw;
left: 0;
top: 0;
margin: 0 auto;
padding: 10%;
background-color: white;
/*background: white url("../image/alys1.png") no-repeat center;*/
border-radius: 50%;
box-shadow: 0 0 10px 2px #ddd;
z-index: 1;
-webkit-transition: .4s all;
-moz-transition: .4s all;
-ms-transition: .4s all;
transition: .4s all;
}
.alys-list ul li a{
display: block;
height: 100%;
width: 100%;
}
.alys-list ul li p{
width: 100%;
margin: 10% 0 0;
height: 3vw;
line-height: 1.5vw;
text-align: center;
}
.alys-list ul li p span{
display: block;
}
.alys-list ul li:hover .alys-ico{
background: #0f4885;
box-shadow: 0 0 10px 2px #0f4885;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.alys-list ul li:hover .alys-ico img{
filter: brightness(10);
}
.newscot-tab .slick-dots{
float: right;
overflow: hidden;
zoom: 1;
margin: 2% 0 0;
}
.newscot-tab .slick-dots li{
position:relative;
_display:inline;
float:left;
width:10px;
height:10px;
overflow:hidden;
background:#ccc;
margin-right:10px;
text-indent:-999px;
cursor:pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-style: unset;
}
.newscot-tab .slick-dots li button{
font-size: 0;
border: none;
}
.newscot-tab .slick-dots li.slick-active{
background-color: #0f4885;
}
/*.nslist .hd ul{
float: right;
overflow: hidden;
zoom: 1;
margin: 2% 0 0;
}
.nslist .hd li{
position:relative;
_display:inline;
float:left;
width:10px;
height:10px;
overflow:hidden;
background:#ccc;
margin-right:10px;
text-indent:-999px;
cursor:pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.nslist .hd li.on{
background-color: #0f4885;
}*/
.job_list{
border-top: 1px solid #cccccc;
padding: 0 0 3% 0;
}
.job_list .dl{
width: 100%;
position: relative;
}
.job_list .dl dd{
position: relative;
height: 100px;
line-height: 100px;
cursor: pointer;
padding: 0 3% 0 5%;
border-bottom: 1px solid #cccccc;
}
.job_list .dl dd span{
/*font-size: 28px;*/
}
.job_list .dl dd span:before {
content: "";
display: block;
position: absolute;
left: 3%;
top: 35%;
width: 5px;
height: 30px;
background: #0f4885;
}
.job_list .dl dd small{
position: absolute;
right: 3%;
top: 0;
overflow: hidden;
display: block;
color: #666666;
}
.job_list dl dt{
display: none!important;
padding: 3% 3% 3% 3%;
border-bottom: 1px solid #cccccc;
position: relative;
}
.job_list dl dt .txt {
position: relative;
background: #eeeeee;
padding: 2% 2%;
}
.job_list dl dt .txt .text1 {
position: relative;
padding: 0 0 30px;
border-bottom: 1px solid #cccccc;
}
.job_list dl dt .txt .text1 li {
float: left;
position: relative;
width: 25%;
color: #333;
overflow: hidden;
margin: 1% 0;
padding: 0 10px 0 0;
}
.job_list dl dt .txt .text2 {
padding: 2% 0%;
position: relative;
}
.job_list dl dt .txt .text2 li {
float: left;
padding: 0 10px 0 0;
position: relative;
width: 50%;
}
.job_list dl dt .txt .text2 li *{
line-height: 2;
color: #333333;
}
.job_list .active {
border: 1px solid #cccccc;
border-bottom: none;
border-top: none;
}
.job_list .active dt{
display: block!important;
}
.zulin_top{
}
.zulin_top .zlin-dec{
margin: 2% 0;
line-height: 2;
}
.zulin_top .zlin_adv{
margin: 0 0 3%;
}
.zulin_top .zlin_adv .adv-tit{
text-align: center;
margin: 2% 0;
}
.zulin_top .zlin_adv .adv-tit span{
display: inline-block;
background-color: #0d4d8b;
color: white;
padding: 1% 6%;
border-radius: 10px;
}
.zulin_top .zlin_adv .adv-step{
}
.sale_adv{
padding: 2%;
background-color: #E6E7E9;
}
.sale_adv .sadv-lt{
width: 60%;
float: left;
}
.sale_adv .sadv-lt .sp1{
margin:1.8% 0;
color: #0d4d8b;
}
.sale_adv .sadv-lt .sp1:nth-child(1){
margin-top: 0;
}
.sale_adv .sadv-rt{
width: 35%;
float: right;
}
.zulin_top .zlin_adv .adv-step li{
float: left;
width: 50%;
line-height: 2.3;
padding-left: 10%;
position: relative;
}
.zulin_top .zlin_adv .adv-step li span{
background-color: #0d4d8b;
display: inline-block;
color: white;
width: 1.6vw;
height: 1.6vw;
text-align: center;
line-height: 1.6vw;
border-radius: 50%;
margin-right: 2%;
}
.zulin_top .zlin_adv .adv-step li:nth-child(1){
}
.servercePart {
margin: 0 auto 0;
}
.servercePart ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.servercePart li {
width: calc((100% - 3%)/4);
height: 18vw;
margin-right: 1%;
margin-bottom: 1%;
position: relative;
overflow: hidden;
text-align: center;
perspective: 800px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.servercePart li:nth-child(4n){
margin-right: 0;
}
.servercePart li img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.servercePart li div {
width: 100%;
height: 100%;
display: none;
background: url(../image/servercePartdivbg.png) no-repeat center -3px;
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.servercePart li div p {
width: calca(95%);
margin: 8% 5%;
/*font-size: 16px;*/
line-height: 2;
color: #fff;
}
.servercePart li:hover .servercePartImg {
transform: rotateX(80deg);
transform-origin: center bottom 0;
transition: 0.4s;
}
.servercePart li:hover .servercePartDiv {
transition: 0.4s;
display: block;
}
.index_ywjs_ul {
width:100%;
height:auto;
margin-top:2%;
display:flex;
justify-content:space-between;
}
.index_ywjs_ul li {
width:30%;
height:auto;
background-color: white;
box-shadow:4px 2px 9px 1px rgba(54, 55, 56, 0.11)
}
.index_ywjs_ul_top {
width:100%;
height:143px;
background:url(../image/index_yw_bg.png) no-repeat center center;
background-size:100% 143px;
align-items:center;
text-align:center;
display:flex;
justify-content:center;
flex-direction:column
}
.index_ywjs_ul li:hover .index_ywjs_ul_top {
background:url(../image/index_yw_bgs.png) no-repeat center center;
background-size:100% 143px;
}
.index_ywjs_ul_top h2 {
display:block;
width:100%;
height:auto;
/*font-size:28px;*/
color:#df5e48
}
.index_ywjs_ul_top h3 {
/*font-size:28px;*/
color:#333;
margin-top:10px
}
.index_ywjs_ul_top span {
display:block;
width:30px;
height:2px;
background:#df5e48;
margin-top:20px
}
.index_ywjs_ul_center {
width:100%;
height:auto;
position:relative;
overflow:hidden
}
.index_ywjs_ul_center_img {
width:100%;
height:auto
}
.index_ywjs_ul_center_img img {
width:100%;
height:auto;
display:block
}
.index_ywjs_ul_center_div {
width:100%;
height:100%;
position:absolute;
top:100%;
left:0;
background:rgba(0, 0, 0, 0.5);
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
transition:all .6s
}
.index_ywjs_ul li:hover .index_ywjs_ul_center_div {
top:0
}
.index_ywjs_ul_center_div p {
display:flex;
align-items:center;
font-size:18px;
color:#fff;
width:192px;
margin-top:15px
}
.index_ywjs_ul_center_div p:nth-of-type(1) {
margin-top:0
}
.index_ywjs_ul_center_div p img {
display:block;
width:20px;
margin-right:10px;
height:auto;
margin-right:10px
}
.fxyw_ywjs_ul_center_img {
width:100%;
height:auto;
margin:0 auto;
margin-top:12%;
text-align: center;
}
.fxyw_ywjs_ul_center_img img{
margin: 0 auto;
}
.fxyw_ywjs_ul_bottom {
width:45%;
line-height: 2.5;
background-color:#ed9200;
color:#fff;
display:inline-block;
transform: translateX(60%);
border-radius:10px;
cursor:pointer;
text-align:center;
margin:30px auto;
opacity:0;
transition:all .6s
}
.index_ywjs_ul li:hover .fxyw_ywjs_ul_bottom {
background:#e35514;
transition:background .2s linear;
box-shadow:0 0 10px #e35514;
opacity:1
}
.index_ywjs_ul_bottom {
width:256px;
height:48px;
background-color:#ed9200;
color:#fff;
display:block;
border-radius:10px;
font-size:16px;
cursor:pointer;
text-align:center;
margin:30px auto;
line-height:48px
}
.index_ywjs_ul li:hover .index_ywjs_ul_bottom {
background:#e35514;
transition:background .2s linear;
box-shadow:0 0 10px #e35514
}
.index_ywjs_ul_top.two h2 {
color:#6b3e9f
}
.index_ywjs_ul_top.two span {
background:#6b3e9f
}
.index_ywjs_ul_top.three h2 {
color:#1daf8b
}
.index_ywjs_ul_top.three span {
background:#1daf8b
}
.fxyw_ywjs_ul_center_div {
width:100%;
height:auto;
margin:0 auto;
text-align: center;
display:none
}
.fxyw_ywjs_ul_center_div p {
color:#666;
line-height:2;
}
/*.fxyw_ys_ul li:nth-of-type(1) .fxyw_ywjs_ul_center_div {
width:232px
}
.fxyw_ys_ul li:nth-of-type(2) .fxyw_ywjs_ul_center_div {
width:196px
}
.fxyw_ys_ul li:nth-of-type(3) .fxyw_ywjs_ul_center_div {
width:196px
}*/
.fxyw_ys_ul li:hover .fxyw_ywjs_ul_center_img img {
display:none
}
.fxyw_ys_ul li:hover .fxyw_ywjs_ul_center_div {
display:block
}
.chain-cot{
margin: 3% 0;
}
.fxyw_this_server_ul {
width:100%;
height:auto;
margin-top:34px;
display:flex;
justify-content:space-between;
flex-wrap:wrap
}
.fxyw_this_server_ul li {
width:32%;
/*height:16vw;*/
margin-bottom: 1.8%;
box-shadow:0 0 5px 1px rgba(20, 36, 70, 0.34);
position:relative
}
.fxyw_this_server_ul li h2 {
/*font-size:24px;*/
color:#5b5b5c;
text-align:center;
margin-top:40px
}
.fxyw_this_server_ul li p {
display:block;
width:100%;
padding: 0 10%;
height:auto;
margin:0 auto;
margin-top:6%;
margin-bottom: 30%;
line-height:2;
color:#5b5b5c;
text-align:justify
}
.fxyw_this_server_ul li span {
display:inline-block;
width:36%;
transform: translateX(90%);
line-height:2.5;
background:#d1c0a5;
border-radius:10px;
color:#fff;
position:absolute;
/*left:50%;*/
/*margin-left:-83px;*/
margin: 5% 0 0;
bottom:27px;
text-align:center
}
.fxyw_this_server_ul li:hover {
background:#0d4d8b;
}
.fxyw_this_server_ul li:hover h2 {
color:#fff
}
.fxyw_this_server_ul li:hover p {
color:#fff
}
.fxyw_this_server_ul li:hover span {
background:#f8b551;
color:#4d4e4e
}
.floating{
position: fixed;
right: 2%;
bottom: 10%;
width: 50px;
z-index: 999;
}
.floating li {
float: left;
width: 50px;
height: 50px;
line-height: 50px;
padding-bottom: 10px;
position: relative;
margin-top: 10px;
}
.floating li>a {
display: block;
width: 50px;
height: 50px;
background-color: #0d4d8b;
background-repeat: no-repeat;
background-position: center;
border-radius: 50px;
transition: .15s linear;
-moz-transition: .15s linear;
-webkit-transition: .15s linear;
position: relative;
z-index: 2;
background-size: 80%!important;
}
.floating li .floating_tel{
background-image: url(../image/floating1.png);
}
.floating li .floating_qq{
background-image: url(../image/floating2.png);
}
.floating li .floating_wx{
background-image: url(../image/floating3.png);
}
.floating li .floating_top{
background-image: url(../image/floating4.png);
}
.floating li span {
background: #0d4d8b;
color: #fff;
font-size: 15px;
text-align: left;
width: 50px;
height: 50px;
position: absolute;
right: 0;
z-index: -1;
overflow: hidden;
border-radius: 50px;
top: 0;
transition: .1s linear;
-moz-transition: .1s linear;
-webkit-transition: .1s linear;
}
.sbwya{
font-size: 12px;
margin: 0 5%;
}
.floating li:hover span {
width:250px;
padding-left:30px;
z-index:1;
}
.floating li:nth-of-type(1):hover span{
width:200px;
padding-left:30px;
}
.floating li:nth-of-type(3):hover span{
width: 280px;
z-index: 1;
right: 50px;
height: auto;
padding: 25px 5px 5px 30px;
}
.floating li:nth-of-type(3) span img{
width: 80%;
}
.emwfd{
float: left;
width: 50%;
font-size: 12px;
text-align: left;
}
.emwfd img{
width: 100%;
}
.rentsale_bnr{
margin: 0 0 3%;
}
.rentsale-cot{
}
.rentsale-cot .rentsale-box{
width: calc((100% - 4%)/3);
float: left;
margin-right: 2%;
margin-bottom: 2%;
box-shadow: 0 0 5px 1px #AAAAAA;
position: relative;
overflow: hidden;
padding-bottom: 4.5%;
}
.rentsale-cot .rentsale-box:nth-child(3n){
margin-right: 0;
}
.rentsale-cot .rentsale-box .rts-img{
overflow: hidden;
position: relative;
}
.rentsale-cot .rentsale-box .rts-tit{
text-align: center;
line-height: 4;
}
.rentsale-cot .rentsale-box .rts-cot{
position: absolute;
top: 100%;
width: 100%;
left: 0;
background-color: white;
border-top: 5px solid #0d4d8b;
overflow: hidden;
transform: translateY(-39%);
transition: .4s transform ease;
}
.rentsale-cot .rentsale-box .rts-cot .rts-desc{
line-height: 2;
padding: 0 5%;
}
.rentsale-cot .rentsale-box .rts-cot .rts-more{
margin: 3% 5%;
color: #0d4d8b;
}
.rentsale-cot .rentsale-box:hover .rts-cot{
transform: translateY(-100%);
}
.recruit_list{
}
.recruit_list .recruit_box{
width: 100%;
float: left;
/*display: flex;*/
margin-bottom: 2%;
line-height: 2.5;
padding: 0 2%;
box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
}
.recruit_list .recruit_box:hover{
box-shadow: 0 0 4px 2px rgba(13, 77, 139);
}
.recruit_list .recruit_box .rec_tit{
float: left;
width: 80%;
}
.recruit_list .recruit_box .rec_time{
float: right;
width: 20%;
text-align: right;
color: #999;
}