/* 公共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: 1600px;
margin: 0 auto;
}
@media screen and (max-width: 1800px) {
.wh1600 {
margin: 0 5% !important;
}
}
/*xlt-k*/
/*::-webkit-scrollbar*/
/*{*/
/*width: 8px;*/
/*height: 8px;*/
/*}*/
/*::-webkit-scrollbar-track*/
/*{*/
/*background-color: #ffffff;*/
/*}*/
/*::-webkit-scrollbar-thumb*/
/*{*/
/*background-color: #d7171e;*/
/*}*/
/*xlt-g*/
/*----------------------*/
.pub_banner{
display: block;
position: relative;
/*min-height: 200px;*/
}
.nybnshow{
display: none;
}
.mi_pub_banner{
display: none;
margin-top: 18vw;
}
.fs36{
font-size: 36px;
}
.fs34{
font-size: 34px;
}
.fs32{
font-size: 32px;
}
.fs30{
font-size: 30px;
}
.fs28{
font-size: 28px;
}
.fs26{
font-size: 26px;
}
.fs24{
font-size: 24px;
}
.fs22{
font-size: 22px;
}
.fs20{
font-size: 20px;
}
.fs18{
font-size: 18px;
}
.fs16{
font-size: 16px;
}
.fs14{
font-size: 14px;
}
.fs12{
font-size: 12px;
}
.syflex{
position: absolute;
z-index: 9999;
}
.head {
width: 90%;
/*transition: all 0.5s;*/
background-color:#eeeeee;
position: absolute;
top: 5%;
left: 5%;
z-index: 9999;
border-radius: 40px;
padding: 1% 0;
height: 6vw;
}
.fixed {
position: fixed!important;
top: 0;
width: 100%;
/*transition: all 1s;*/
left: 0;
border-radius: 0;
}
.fixeds {
position: fixed!important;
top: 6vw;
width: 100%;
/*transition: all 1s;*/
left: 0;
border-radius: 0;
}
.nyhead{
width: 100%;
position: relative;
left: auto;
border-radius: 0;
}
.head_logo{
width: 21.875%;
float: left;
margin: 0 0 0 0;
}
.head_menu{
width: 64%;
float: left;
margin: 0 0 0 3%;
}
.head_menu .CAli{
width: 12.5%;
float: left;
text-align: center;
line-height: 2;
position: relative;
}
.head_menu .CAli .CAa{
display: block;
/*transition: all 0.2s;*/
color: #333333;
}
.head_menu .CAli .CAaen{
color: #999999;
}
.head_menu .CAli:hover:before{
height: 3px;
}
.head_menu .CAli:hover:before{
/*height: 3px;*/
}
.head_menu .on{
}
.head_menu .CAli.on .CAa{
color: #d7171e;
}
.head_menu .CAli:hover .CAa{
color: #d7171e;
}
.head .head_sslx{
float: right;
width: 8%;
margin: 0 0 0 0;
}
.head .head_sslxs{
margin: 12% 0 5% 0;
}
.head .head_sslxs .share_search{
float: right;
width: 25px;
height: 25px;
background: url(../image/share_search.png)no-repeat left;
background-size: 100%;
margin-right: 10%;
}
.head .head_sslxs .share_contact{
float: right;
width: 25px;
height: 25px;
background: url(../image/share_contact.png)no-repeat left;
background-size: 100%;
margin-right: 10%;
}
.head .head_online{
color: #d7171e;
line-height: 2;
padding-left: 38%;
background-size: 50%;
background: url(../image/head_online.png)no-repeat left;
}
.mi_head_all{
display: none;
}
.mi_head{
width: 100%;
background-color: #ffffff;
transition: all 0.3s;
top: 0;
position: fixed;
z-index: 102;
box-shadow: none;
height: 18vw;
}
.mi_head .logo {
width: 47.46%;
float: left;
margin: 0 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: #d7171e;
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: 100%;
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: #d7171e;
}
.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: #d7171e !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: #d7171e !important;
transform: rotate(90deg);
border-left: 2vw solid #d7171e;
}
.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: #d7171e;
}
.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: #d7171e;
}
/*.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: #d7171e!important;
}
.foot{
background-color: #eeeeee;
position: relative;
padding: 3% 0;
}
.foot_list{
width: 25%;
float: left;
padding-left: 4%;
}
.foot_list:nth-of-type(1){
background: url(../image/foot_list1.png)no-repeat left 0;
}
.foot_list:nth-of-type(2){
background: url(../image/foot_list3.png)no-repeat left 0;
}
.foot_list:nth-of-type(3){
background: url(../image/foot_list3.png)no-repeat left 0;
}
.foot_list:nth-of-type(4){
background: url(../image/foot_list4.png)no-repeat left 0;
}
.foot_list .foot_title{
padding: 2% 0 0 0;
color: #333333;
margin-bottom: 10%;
}
.foot_list .foot_title span{
color: #333333;
padding-left: 5%;
letter-spacing: 1px;
}
.foot_list .foot_ul{
position: relative;
}
.foot_list .foot_ul li{
color: #555555;
margin-bottom: 2%;
float: left;
overflow: hidden;
line-height: 2;
}
.foot_list .ulli50 li{
width: 35%;
margin-right: 5%;
}
.foot_list .ulli100 li{
width: 90%;
}
.foot_list .foot_rwm:nth-child(1){
margin-left: -1%;
}
.foot_list .foot_rwm{
float: left;
margin: 0 0% 0 0;
padding: 0 1% 0 0%;
width: 46%;
text-align: center;
}
.foot_list .foot_rwm img{
width: 100%;
max-width: 135px;
}
.foot_list .foot_rwm .ewmsm{
color: #555555;
text-align: center;
line-height: 3;
}
.copyright{
background-color: #d7171e;
color: #ffffff;
text-align: center;
padding: 2% 0;
}
.bottom-fix{
background-color: #d7171e;
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;
}
.dropdown-menu{
display: none;
}
.public_title{
line-height: 2;
position: relative;
padding: 3% 0 3% 0;
text-align: center;
}
.public_title .dnr_cn{
color: #333333;
font-weight: bold;
}
.public_title .dnr_en{
color: #777777;
text-transform: uppercase;
}
.public_title .dnr_ck{
position: absolute;
right: 0;
padding: 0 40px 0 0;
bottom: 15%;
}
.public_title .dnr_ck:after{
content: '';
position: absolute;
width: 26px;
height: 26px;
background: url(../image/public_yar.png);
background-size: 100%;
right: 0;
/*top: 0;*/
transform:rotate(180deg);
top: 10%;
}
.SYfolding{
/*margin: 2% 0 0 ;*/
}
.SYzsall{
}
.SYzsall ul li{
float: left;
width: 18.333%;
height: 40vw;
overflow: hidden;
position: relative;
transition: all 0.5s;
}
.SYzsall ul li:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
/*background: rgba(29,29,29,0.5);*/
}
.SYzsall ul li.on{
width: 45%;
}
.SYzsall ul li.on:after{
background: transparent;
}
.SYzsall ul li .wimg{
width: 100%;
}
.SYzsall ul li .wtity{
position: absolute;
width: 14.265%;
height: 80%;
left: 42%;
top: 12%;
writing-mode: vertical-rl;
color: #ffffff;
font-weight: bold;
letter-spacing: 4px;
background: url(../image/folding_arrow.png) no-repeat bottom;
background-size: 100%;
z-index: 2;
}
.SYzsall ul li.on .wtity{
transform: scale(0);
}
.SYzsall ul li .wtcc{
position: absolute;
width: 80%;
top: 20%;
height: 66.5%;
color: #ffffff;
left: 9.5%;
line-height: 2;
transform: scale(0);
z-index: 2;
transition: all 0.5s;
}
.SYzsall ul li .wtcd{
/*background: rgb(97, 173, 196,.6);*/
padding: 4% 6% 4% 6%;
margin-bottom: 10%;
}
.SYzsall ul li.on .wtcc{
transform: scale(1);
line-height: 2.5;
background-color: rgb(68, 138, 202,.8);
}
.SYzsall ul li .wtcc .wnr1{
}
.SYzsall ul li .wtcc .wnr2{
margin: 10% 0 0% 0;
/*background: rgb(97, 173, 196,.6);*/
}
.SYzsall ul li .wtcc .wnr3{
background: #d7171e;
border-radius: 5px;
display: inline-block;
padding: 1% 5%;
margin-left: 6%;
}
.MB_hyyy{
display: none;
}
.sy_about{
padding: 1% 0;
position: relative;
}
.syabout_img{
position: absolute;
top: 15%;
right: 0;
width: 50%;
}
.sy_about_all{
width: 100%;
}
.sy_about_all .sy_about_img{
width: 53.5625%;
float: left;
}
.sy_about_all .sy_about_list{
width: 42%;
float: right;
}
.sy_about_tit{
color: #555555;
padding: 10% 0 8% 0;
}
.sy_about_cot{
color: #1b1b1b;
line-height: 2;
margin: 0 0 8%;
}
.sy_about_cots{
padding: 2% 0;
width: 100%;
display: inline-block;
}
.sy_about_ck{
background: #d7171e;
display: inline-block;
padding: 1% 8%;
color: #ffffff;
}
.sy_about_img2{
width: 50%;
float: right;
}
.sy_about_ul_all{
position: absolute;
width: 50%;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
}
.sy_about_ul{
margin: 0 0 4% 0;
position: relative;
}
.sy_about_ul ul li{
overflow: hidden;
float: left;
width: 25%;
text-align: center;
}
.sy_about_ul ul li:nth-child(4n){
margin: 0 0 0 0;
}
.sy_about_ul ul li a {
display: block;
padding: 25% 0;
}
.sy_about_ul ul li .wimg{
width: 16%;
margin: 0 auto 14%;
filter: brightness(0.3);
}
.sy_about_ul ul li .wtit{
color: #555555;
text-align: center;
letter-spacing: 1px;
font-weight: bold;
}
.sy_about_ul ul li.on,.sy_about_ul ul li:hover{
background-color: #d7171e;
}
.sy_about_ul ul li.on .wtit,.sy_about_ul ul li:hover .wtit{
color: #ffffff;
}
.sy_about_ul ul li.on .wimg,.sy_about_ul ul li:hover .wimg{
filter: brightness(1);
}
/*kysl-sy*/
.sy_case{
position: relative;
}
.fxbs_title{
position: absolute;
line-height: 2;
padding: 4% 0 3% 0;
text-align: center;
width: 100%;
top: 0;
z-index: 2;
}
.fxbs_title .dnr_cn{
color: #ffffff;
font-weight: bold;
}
.fxbs_title .dnr_en{
color: #ffffff;
text-transform: uppercase;
}
/*kysl-sy*/
.sy_hx{
position: relative;
}
.sy_hx .syhx_list{
}
.syhx_list .syhx_item{
position: relative;
}
.syhx_list .syhx_item .siimg{
}
.syhx_list .syhx_item .sicot{
position: absolute;
top: 35%;
left: 10%;
color: #ffffff;
margin: 0 auto;
line-height: 2;
width: 44%;
}
.syhx_list .syhx_item .sicot .sicota{
width: 100%;
padding: 2% 0 2% 0%;
}
.syhx_list .syhx_item .sicot .sicota.dylg1{
background: url(../image/technology_menu1s.png) no-repeat left;
background-size: 7.6%;
}
.syhx_list .syhx_item .sicot .sicota.dylg2{
background: url(../image/technology_menu2s.png) no-repeat left;
background-size: 7.6%;
}
.syhx_list .syhx_item .sicot .sicota.dylg3{
background: url(../image/technology_menu3s.png) no-repeat left;
background-size: 7.6%;
}
.syhx_list .syhx_item .sicot .sicotb{
margin: 3% 0 5%;
}
.syhx_list .syhx_item .sicot .sicotc{
color: #555555;
padding: 0.5% 4%;
display: inline-block;
background-color: #ffffff;
border-radius: 10px;
}
.CP_hyyy{
margin: 0 0 -1px 0;
}
.CP_hyyy_item{
width: 100%;
position: relative;
}
.CP_hyyy_item .CP_hyyy_img{
width: 100%;
overflow: hidden;
}
.CP_hyyy_item .CP_hyyy_cot{
position: absolute;
width: 100%;
text-align: center;
top: 20%;
line-height: 2;
color: #ffffff;
}
.CP_hyyy_item .CP_hyyy_cot .wnry{
font-weight: bold;
letter-spacing: 1px;
margin: 0 0 1% 0;
color: #eeeeee;
font-size: 4vw;
}
.CP_hyyy_item .CP_hyyy_cot .wnre{
color: #eeeeee;
font-size: 3.5vw;
}
.CP_hyyy_ulall .slick-arrow {
width: 42px;
height: 42px;
font-size: 0;
border: 0;
bottom: 17%;
border-radius: 50%;
z-index: 2;
}
.CP_hyyy_ulall .slick-prev {
position: absolute;
left: 40%;
background: url(../image/ahlslick-arrow.png) no-repeat;
background-size: 42px;
transform: rotate(180deg);
}
.CP_hyyy_ulall .slick-next {
position: absolute;
left: 55%;
background: url(../image/ahlslick-arrow.png) no-repeat;
background-size: 42px;
}
.CP_hyyy_ulall .slick-arrow:hover {
/*background-color: #0c4c8d;*/
}
.CP_hyyy_circle{
position: absolute;
z-index: 2;
left: 45%;
bottom: 10%;
width: 8%;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 50%;
text-align: center;
height: 7.965vw;
padding: 3% 0 0;
letter-spacing: 1px;
overflow: hidden;
}
/*news*/
.symkxw{
background-color: #eeeeee;
padding: 0 0 1% 0;
}
.symkxw .syxw{
width: 100%;
position: relative;
}
.symkxw .syxw .syxwl{
width: 59.1875%;
box-shadow: 20px 0px 20px #cccccc;
z-index: 3;
position: relative;
}
.symkxw .syxw .syxwl .dnra{
color: #ffffff;
position: relative;
}
.symkxw .syxw .syxwl .dnra .dnr1{
position: absolute;
left: 5%;
top: 20%;
}
.symkxw .syxw .syxwl .dnra .dnr2{
position: absolute;
right: 5%;
top: 22.5%;
}
.symkxw .syxw .syxwl .dnrb{
background-color: #ffffff;
padding: 3%;
}
.syxwla{
line-height: 2;
}
.syxwla .xwnra{
}
.syxwla .xwnra .xwnr1{
color: #ffffff;
background-color: #d7171e;
float: left;
padding: 0.8% 0;
line-height: 1.2;
width: 10%;
text-align: center;
margin: 0 2% 0 0;
}
.syxwla .xwnra .xwnr2{
width: 60%;
float: left;
color: #333333;
transition: all .5s;
}
.syxwla .xwnra .xwnr3{
float: right;
color: #aaaaaa;
}
.syxwla .xwnrb{
color: #333333;
margin: 2% 0 2% 0;
padding: 0 0 2% 0;
border-bottom: 1px dashed #cccccc;
}
.syxwla:hover .xwnr2{
color: #d7171e;
padding-left: 1%;
}
.syxwlb{
line-height: 2;
}
.syxwlb ul li{
margin: 1% 0;
}
.syxwlb ul li .xwnr1{
float: left;
color: #dcdcdc;
transition: all .5s;
line-height: 1;
margin: 0 2% 0 0;
}
.syxwlb ul li .xwnr2{
float: left;
width: 60%;
color: #333333;
transition: all .5s;
}
.syxwlb ul li .xwnr3{
float: right;
color: #aaaaaa;
}
.syxwlb ul li:hover .xwnr1{
color: #d7171e;
}
.syxwlb ul li:hover .xwnr2{
color: #d7171e;
padding-left: 1%;
}
.symkxw .syxw .syxwr{
position: absolute;
width: 40.8125%;
height: 100%;
left: 59.1875%;
top: 0;
background-color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 2% 4% 2% 6%;
}
.symkxw .syxw .syxwr .dnra{
margin: 0 0 4% 0;
}
.symkxw .syxw .syxwr .dnra .dnr1{
color: #333333;
float: left;
}
.symkxw .syxw .syxwr .dnra .dnr2{
color: #333333;
float: right;
}
.symkxw .syxw .syxwr .dnrb{
line-height: 2;
}
.symkxw .syxw .syxwr .syxwra{
border-bottom: 1px solid #dcdcdc;
margin: 0 0 3% 0;
padding: 0 0 3% 0;
}
.symkxw .syxw .syxwr .syxwra .xwnr1{
color: #333333;
margin: 2% 0 2% 0;
transition: all .5s;
}
.symkxw .syxw .syxwr .syxwra .xwnr2{
color: #333333;
}
.symkxw .syxw .syxwr .syxwra:hover .xwnr1{
color: #d7171e;
padding-left: 1%;
}
.symkxw .syxw .syxwr .syxwrb .xwnr1{
}
.symkxw .syxw .syxwr .syxwrb ul li{
border-top: 1px dashed #dcdcdc;
margin: 0 0 2% 0;
padding: 2% 0 0 0;
}
.symkxw .syxw .syxwr .syxwrb ul li:nth-of-type(1){
border-top: 0;
}
.symkxw .syxw .syxwr .syxwrb .xwnr1{
color: #333333;
}
.symkxw .syxw .syxwr .syxwrb .xwnr2{
color: #333333;
transition: all .5s;
}
.symkxw .syxw .syxwr .syxwrb ul li:hover .xwnr2{
color: #d7171e;
padding-left: 1%;
}
/*news*/
/*partner*/
.foot_logo_link{
background-color: #eeeeee;
padding: 3% 0 0 0;
}
.partner_all{
border-bottom: 1px solid #cccccc;
position: relative;
}
.partner_item{
width: 11.5%;
float: left;
margin:0 3.25% 3% 0;
transition: all 0.5s;
}
.partner_item:nth-child(7n){
margin: 0 0 3% 0;
}
.partner_item:hover img{
transform: scale(1.1);
}
/*partner*/
.location_all{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 2% 0;
line-height: 2;
}
.location_all .location_sy{
width: 60%;
float: left;
text-transform: uppercase;
}
.location_all .location_sy .position_home{
background: url(../image/location.png) no-repeat left;
padding: 0 0 0 3%;
background-size: 15%;
display: inline-block;
}
.location_search{
float: right;
width: 40%;
}
.location_search .ann{
float: right;
padding: 2.15%;
background: url(../image/public_search.png) no-repeat right;
background-size: 90%;
border: 0;
margin: -0.1% 0 0 0;
}
.location_search .srk{
width: 38%;
float: right;
padding: 0.8% 2%;
margin: 0 0 0 0;
border: 0;
}
.ny_calist{
position: relative;
width: 100%;
margin: 0 0 0 0;
background-color: #e5e5e5;
z-index: 99;
}
.ny_calist ul li{
width: 25%;
margin: 0 0 0 0;
float: left;
text-align: center;
color: #555555;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.ny_calist ul li .caca{
width: 100%;
display: block;
padding: 7.5% 0;
}
.ny_calist ul li:hover{
background-color: #d7171e;
color: #ffffff;
}
.ny_calist .on{
background-color: #d7171e;
color: #ffffff;
}
.ny_calists{
position: relative;
width: 100%;
margin: 0 0 0 0;
background-color: #e5e5e5;
}
.ny_calists ul li{
width: 33.3%;
margin: 0 0 0 0;
float: left;
text-align: center;
color: #555555;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
height: 13vw;
}
.ny_calists ul li .caca{
width: 100%;
display: block;
padding: 5.63% 0;
position: relative;
}
.ny_calists ul li .caca:before{
position: absolute;
content: '';
width: 80%;
height: 1px;
background-color: #999;
left: 10%;
bottom: 0;
}
.ny_calists ul li.on .caca:before{
background-color: white;
}
.flow-desc{
font-weight: 100;
line-height: 2;
margin-top: 1.3vw;
}
.ny_calists ul li .caca .hxml{
width: 10.0525%;
float: left;
padding: 5.0275%;
margin: -3% -20% 0 25%;
}
.ny_calists ul li:nth-of-type(1) .caca .hxml{
background: url(../image/technology_menu1.png) no-repeat right;
background-size: cover;
}
.ny_calists ul li:nth-of-type(1):hover .caca .hxml{
/*background: url(../image/technology_menu1s.png) no-repeat right;*/
background-size: cover;
}
.ny_calists ul li:nth-of-type(2) .caca .hxml{
background: url(../image/technology_menu2.png) no-repeat right;
background-size: cover;
}
.ny_calists ul li:nth-of-type(2):hover .caca .hxml{
/*background: url(../image/technology_menu2s.png) no-repeat right;*/
background-size: cover;
}
.ny_calists ul li:nth-of-type(3) .caca .hxml{
background: url(../image/technology_menu3.png) no-repeat right;
background-size: cover;
}
.ny_calists ul li:nth-of-type(3):hover .caca .hxml{
/*background: url(../image/technology_menu3s.png) no-repeat right;*/
background-size: cover;
}
.ny_calists ul li:nth-of-type(1).on .caca .hxml{
background: url(../image/technology_menu1s.png) no-repeat right;
background-size: cover;
}
.ny_calists ul li:nth-of-type(2).on .caca .hxml{
background: url(../image/technology_menu2s.png) no-repeat right;
background-size: cover;
}
.ny_calists ul li:nth-of-type(3).on .caca .hxml{
background: url(../image/technology_menu3s.png) no-repeat right;
background-size: cover;
}
.ny_calists ul li:hover{
/*background-color: #d7171e;*/
/*color: #ffffff;*/
}
.ny_calists .on{
background-color: #d7171e;
color: #ffffff;
}
.ny_calistss{
position: relative;
width: 100%;
margin: 0 0 0 0;
background-color: #e5e5e5;
}
.ny_calistss ul li{
width: 50%;
margin: 0 0 0 0;
float: left;
text-align: center;
color: #555555;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.ny_calistss ul li .caca{
width: 100%;
display: block;
padding: 3.63% 0;
}
.ny_calistss ul li .caca .hxml{
width: 8.0525%;
float: left;
padding: 4.0275%;
margin: -3% -30% 0 30%;
}
.ny_calistss ul li:nth-of-type(1) .caca .hxml{
background: url(../image/strength_menu1.png) no-repeat right;
background-size: cover;
}
.ny_calistss ul li:nth-of-type(1):hover .caca .hxml{
background: url(../image/strength_menu1s.png) no-repeat right;
background-size: cover;
}
.ny_calistss ul li:nth-of-type(2) .caca .hxml{
background: url(../image/strength_menu2.png) no-repeat right;
background-size: cover;
}
.ny_calistss ul li:nth-of-type(2):hover .caca .hxml{
background: url(../image/strength_menu2s.png) no-repeat right;
background-size: cover;
}
.ny_calistss ul li:nth-of-type(3) .caca .hxml{
background: url(../image/strength_menu3.png) no-repeat right;
background-size: cover;
}
.ny_calistss ul li:nth-of-type(3):hover .caca .hxml{
background: url(../image/strength_menu3s.png) no-repeat right;
background-size: cover;
}
.ny_calistss ul li:nth-of-type(1).on .caca .hxml{
background: url(../image/strength_menu1s.png) no-repeat right;
background-size: cover;
}
.ny_calistss ul li:nth-of-type(2).on .caca .hxml{
background: url(../image/strength_menu2s.png) no-repeat right;
background-size: cover;
}
.ny_calistss ul li:nth-of-type(3).on .caca .hxml{
background: url(../image/strength_menu3s.png) no-repeat right;
background-size: cover;
}
.ny_calistss ul li:hover{
background-color: #d7171e;
color: #ffffff;
}
.ny_calistss .on{
background-color: #d7171e;
color: #ffffff;
}
/*technology*/
.hx_mka{
background: url(../image/hx_mka.jpg) no-repeat;
background-size: cover;
padding: 10.5% 0;
color: #ffffff;
text-align: center;
line-height: 2;
}
.hx_mka .hxmaa{
}
.hx_mka .hxmab{
font-weight: bold;
}
.hx_mka .hxmac{
display: inline-block;
background-color: #d7171e;
padding: 1% 5%;
border-radius: 20px;
margin: 4% 0 2%;
}
.hx_mka .hxmad{
}
.hx_mkb{
position: relative;
background-color: #f6f6f6;
padding: 5% 0;
line-height: 3;
}
.hx_mkb .hxmbsa{
}
.hx_mkb .hxmbsa .hxmbsal{
width: 43%;
float: left;
}
.hx_mkb .hxmbsa .hxmbsar{
width: 40.9375%;
float: right;
}
.hx_mkb .hxmbsa .hxmbsal .hxmbsala{
color: #d7171e;
font-weight: bold;
padding: 2% 0 3% 0;
}
.hx_mkb .hxmbsa .hxmbsal .hxmbsalb{
margin: 0 0 8% 0;
color: #555555;
text-transform: uppercase;
}
.hx_mkb .hxmbsa .hxmbsal .hxmbsalc{
color: #555555;
}
.hx_mkb .hxmbsb{
}
.hx_mkb .hxmbsb .hxmbsbl{
width: 48.75%;
float: left;
}
.hx_mkb .hxmbsb .hxmbsbr{
width: 42%;
float: right;
}
.hx_mkb .hxmbsb .hxmbsbr .hxmbsbra{
color: #d7171e;
font-weight: bold;
padding: 15% 0 3% 0;
}
.hx_mkb .hxmbsb .hxmbsbr .hxmbsbrb{
margin: 0 0 8% 0;
color: #555555;
text-transform: uppercase;
}
.hx_mkb .hxmbsb .hxmbsbr .hxmbsbrc{
color: #555555;
}
.hx_mkc{
position: relative;
background-color: #d7171e;
padding: 1.5% 0 1.5%;
line-height: 1;
font-size: 32px;
color: #ffffff;
text-align: center;
font-weight: bold;
letter-spacing: 2px;
}
.hx_mkd{
position: relative;
background-color: #f6f6f6;
padding: 3% 0;
line-height: 2;
}
.hx_mkd .hxmda{
color: #555555;
text-align: center;
}
.hx_mkd .hxmdb{
margin: 5% 0;
}
.hx_mkd .hxmdb ul li{
width: 33%;
float: left;
padding: 0 0 0 8%;
color: #555555;
}
.hx_mkd .hxmdb ul li .hxmdbimg{
width: 32.6125%;
float: left;
margin: 0 15% 0 0;
}
.hx_mkd .hxmdb ul li .hxmdbcot{
float: left;
}
.hx_mkd .hxmdb ul li .hxmdbcot .hxmdbca{
font-weight: bold;
padding: 10% 0 0 0;
}
.hx_mkd .hxmdb ul li .hxmdbcot .hxmdbcb{
}
.hx_mkd .hxmdc{
color: #555555;
text-align: center;
font-weight: bold;
}
.hx_mkd .hxmdd{
color: #555555;
text-align: center;
padding: 3% 7%;
}
.hx_mkd .hxmde{
width: 87.5%;
margin: 0 auto;
}
.hx_mke{
/*background: url(../image/hx_mke.jpg) no-repeat;*/
background-size: cover;
padding: 6% 0;
color: #333333;
line-height: 2;
}
.hx_mke .hxmeb{
/* display: inline-block;*/
background-color: #d7171e;
padding: 1% 5%;
border-radius: 20px;
margin: 4% 0 2%;
}
.hx_mkf{
background-color: #ffffff;
position: relative;
padding: 3% 0;
text-align: center;
color: #555555;
line-height: 2;
}
.hx_mkf .hxmfa{
font-weight: bold;
margin: 0 0 3% 0;
}
.hx_mkf .hxmfb{
width: 87.5%;
margin: 0 auto;
}
.hx_mkf .hxmfc{
color: #555555;
text-align: center;
padding: 3% 7% 0;
}
.hx_product{
margin-bottom: 5%;
}
.hx_product .hxprotit{
text-align: center;
color: #555555;
line-height: 4;
}
.hx_product .hx-pro-list{}
.hx_product .hx-pro-list .hx-pro-box{
width: calc(100%/3 - 1.35%);
float: left;
margin-right: 2%;
position: relative;
overflow: hidden;
}
.hx_product .hx-pro-list .hx-pro-box:nth-of-type(3){
margin-right: 0;
}
.hx_product .hx-pro-list .hx-pro-box .hxprotit{
position: absolute;
bottom: 0;
width: 100%;
background: rgba(0,0,0,.6) url("../image/rtico.png") no-repeat center right 5%;
/*background-color: ;*/
color: white;
line-height: 2.6;
text-align: left;
padding: 0 5%;
background-size: 2%;
transition: all .5s;
}
.hx_product .hx-pro-list .hx-pro-box:hover .hxprotit{
background-color: rgba(215, 23, 30,.8);
}
.hx_product .hx-pro-list .hx-pro-box:hover .hxproimg img{
transform: scale(1.05);
}
.hx_idea{
margin-bottom: 5%;
}
.hx_idea .hxidea-cnt{
margin-top: 5%;
display: flex;
align-items: center;
}
.hx_idea .hxidea-box{
float: left;
width: calc(100%/2 - 1.35%);
margin-right: 2%;
position: relative;
transition: all .5s;
color: white;
}
.hx_idea .hxidea-box:last-of-type{
margin-right: 0;
}
.hx_idea .hxidea-box .hxidea-tit,.hx_idea .hxidea-box .hxidea-intro{
position: absolute;
width: 100%;
left: 0;
right: 0;
text-align: center;
padding: 0 5%;
}
.hx_idea .hxidea-box .hxidea-tit{
top: 9%;
line-height: 1.5;
padding: 0 12%;
letter-spacing: 2px;
}
.hx_idea .hxidea-box .hxidea-img img{
width: 100%;
height: 100%;
}
.hx_idea .hxidea-box:first-of-type .hxidea-intro{
bottom: 27%;
}
.hx_idea .hxidea-box:nth-of-type(2) .hxidea-intro{
bottom: 37%;
}
.hx_idea .hxidea-box:nth-of-type(3) .hxidea-intro{
bottom: 18%;
line-height: 2.5;
}
.hx_idea .hxidea-box .hxidea-intro{
bottom: 5%;
font-family: 微软雅黑;
font-weight: 100;
line-height: 2;
}
/*technology*/
/*about*/
.aboutmky{
line-height: 2;
}
.aboutmky .nry{
color: #555555;
font-weight: bold;
}
.aboutmky .nre{
color: #555555;
margin: 2% 0 3% 0;
}
.aboutmky .nrs{
width: 100%;
}
.aboutmke{
margin: 0 0 0 0;
}
.aboutmke .abmkefl{
width: 55%;
float: left;
line-height: 2;
text-transform: uppercase;
}
.aboutmke .abmkefl .nry{
color: #d7171e;
margin: 1% 0 1% 0;
}
.aboutmke .abmkefl .nre{
color: #555555;
}
.aboutmke .abmkefl .nrs{
color: #555555;
margin: 7% 0 5% 0;
}
.aboutmke .abmkefl .nrf{
color: #555555;
}
.aboutmke .abmkefr{
width: 40%;
float: right;
}
/*about*/
/*history*/
.history_all{
}
.history_title{
width: 100%;
position: relative;
padding: 0 0 5% 0;
}
.history_title:before{
content: '';
position: absolute;
width: 1px;
height: 100%;
background-color: #cccccc;
left: 40px;
top: 0;
z-index: 1;
display: none;
}
.history_title .lcyy{
float: left;
width: 80px;
height: 80px;
line-height: 76px;
text-align: center;
color: #ffffff;
border: 10px solid #d7171e;
border-radius: 50%;
z-index: 2;
background-color: #d7171e;
position: relative;
}
.history_title .lctit{
color: #555555;
float: left;
margin: 1.5% 0 0 3%;
letter-spacing: 1px;
}
.history_list{
}
.history_item{
width: 100%;
position: relative;
padding: 0 0 3% 0;
}
.history_item:before{
content: '';
position: absolute;
width: 1px;
height: 100%;
background-color: #cccccc;
left: 40px;
top: 0;
z-index: 1;
}
.history_item .lcyy{
float: left;
width: 80px;
height: 80px;
border: 10px solid #d7171e;
border-radius: 50%;
z-index: 2;
background-color: #fff;
position: relative;
}
.history_item .lctm{
float: left;
background-color: #d7171e;
color: #ffffff;
padding: 0.65% 2.5%;
border-radius: 30px;
margin: 1% 0 0 8%;
position: relative;
}
.history_item .lctm:after{
content: '';
position: absolute;
width: 45%;
height: 1px;
background-color: #cccccc;
left: -65%;
top: 45%;
z-index: 1;
}
.history_item .lcnr{
width: 68.75%;
float: right;
line-height: 2;
margin: 1% 0 0 0;
}
.history_item .lcnr .wnry{
color: #555555;
margin: 0 0 2% 0;
}
.history_item .lcnr .wnre{
}
/*history*/
/*business*/
.zyyw_nry{
padding: 5% 0 0 0;
}
.zyyw_nry .zyywyfl{
width: 50.5%;
float: left;
}
.zyyw_nry .zyywyfr{
width: 42%;
float: right;
line-height: 2;
}
.zyyw_nry .zyywyfr .wnrz{
padding: 8% 0 0 0;
color: #d7171e;
text-transform: uppercase;
}
.zyyw_nry .zyywyfr .wnrx{
color: #333333;
font-weight: bold;
}
.zyyw_nry .zyywyfr .wnrc{
color: #000000;
}
.zyyw_nry .zyywyfr .wnrv{
color: #777777;
text-transform: uppercase;
margin: 5% 0 10% 0;
}
.zyyw_nry .zyywyfr .wnrb{
color: #000000;
margin: 0 0 5% 0;
}
.zyyw_nry .zyywyfr .wnrn{
color: #000000;
}
.zyyw_nre{
position: relative;
padding: 5% 0 0 0;
}
.zyyw_nre .zyywyfs{
position: absolute;
width: 38%;
float: left;
line-height: 2;
}
.zyyw_nre .zyywyfs .wnrz{
color: #555555;
margin: 5% 0 5% 0;
}
.zyyw_nre .zyywyfs .wnrx{
color: #555555;
width: 90%;
line-height: 2.5;
}
.zyyw_nre .zyyw_nre_img{
width: 49.5%;
float: right;
}
.zyyw_nrs{
background-color: #eeeeee;
padding: 3% 0;
}
.zyyw_nrs .zyywsy{
}
.zyyw_nrs .zyywsy{
display: flex;
}
.zyyw_nrs .zyywsy .zyywsyl{
width: 52.5%;
float: left;
line-height: 2;
}
.zyyw_nrs .zyywsy .zyywsyl .nry{
color: #555555;
padding: 3% 0 3% 0;
font-weight: bold;
}
.zyyw_nrs .zyywsy .zyywsyl .nre{
color: #555555;
}
.zyyw_nrs .zyywsy .zyywsyr{
width: 40.5625%;
float: right;
margin-left: auto;
/*margin-top: 5vw;*/
}
.flex-box{
display: flex;
position: relative;
}
.style_11{
position: absolute;right: 0;height: 100%;
}
.style_1{
padding-left: 47%!important;
}
.style_2{
float:left;margin-left: unset;position: absolute;height: 100%;
}
.style_3{
float: right;margin-left: auto;
}
.zyyw_nrs .zyywse{
line-height: 2;
color: #555555;
padding: 3% 0;
}
.zyyw_nrs .zyywse .nry{
padding: 2% 0 2% 0;
text-align: center;
font-weight: bold;
}
.zyyw_nrs .zyywse .nre{
}
.zyyw_nrs .zyywse .nrs{
padding: 3% 0 0;
}
.zyyw_necessity{
width: 100%;
padding: 4% 0;
display: inline-block;
margin-top: -3%;
}
.zyyw_advantage{
width: 100%;
padding: 6% 0;
display: inline-block;
margin-top: -10%;
}
.zyyw_prospect{
width: 100%;
padding: 6% 0;
display: inline-block;
margin-top: -10%;
}
.zyyw_ys{
padding: 10% 0 0 ;
}
.zyyw_ys_item{
position: relative;
width: 25.625%;
padding: 10% 0 10%;
background: url(../image/zyyw_ys_item.png) no-repeat;
background-size: 100% 100%;
color: #555555;
float: left;
margin: 0 3.85% 0;
height: 515px;
}
.zyyw_ys_item:hover{
color: #ffffff;
background: url(../image/zyyw_ys_items.png) no-repeat;
background-size: 100% 100%;
}
.zyyw_ys_item:after{
content: '';
position: absolute;
width: 44.8785%;
padding: 24.3925% 0;
top: -14%;
left: 27.5%;
}
.zyyw_ys_item:nth-of-type(1):after{
background: url(../image/zyyw_ys1.png) no-repeat;
background-size: cover;
}
.zyyw_ys_item:nth-of-type(2):after{
background: url(../image/zyyw_ys2.png) no-repeat;
background-size: cover;
}
.zyyw_ys_item:nth-of-type(3):after{
background: url(../image/zyyw_ys3.png) no-repeat;
background-size: cover;
}
.zyyw_ys_item:nth-of-type(1):hover:after{
background: url(../image/zyyw_ys1s.png) no-repeat;
background-size: cover;
}
.zyyw_ys_item:nth-of-type(2):hover:after{
background: url(../image/zyyw_ys2s.png) no-repeat;
background-size: cover;
}
.zyyw_ys_item:nth-of-type(3):hover:after{
background: url(../image/zyyw_ys3s.png) no-repeat;
background-size: cover;
}
.zyyw_ys_item .zyinry{
padding: 0 14% 6%;
}
.zyyw_ys_item .zyinre{
padding: 0 8%;
line-height: 1.8;
}
.zyywse_ms{
padding: 5% 0 0 0;
}
.zyywse_ms .zyywse_msfl{
width: 50%;
float: left;
}
.zyywse_ms .zyywse_msfr{
width: 45%;
float: right;
color: #555555;
line-height: 2;
}
.zyywse_ms .zyywse_msfr .zsemsnry{
font-weight: bold;
padding: 2% 0 0 0;
}
.zyywse_ms .zyywse_msfr .zsemsnre{
margin: 5% 0 8%;
}
.zyywse_ms .zyywse_msfr .zsemsnrls{
}
.zyywse_ms .zyywse_msfr .zsemsnrit{
width: 27.5%;
float: left;
margin: 0 8.5% 0 0;
}
.zyywse_ms .zyywse_msfr .zsemsnrit:nth-child(3n){
margin: 0 0 0 0;
}
.zyywse_ms .zyywse_msfr .zsemsnrit .zsemsnrity{
width: 32.83%;
}
.zyywse_ms .zyywse_msfr .zsemsnrit .zsemsnrite{
font-weight: bold;
padding: 5% 0;
}
.zyywse_ms .zyywse_msfr .zsemsnrit .zsemsnrits{
}
.zyyw_nrv{
position: relative;
background: url(../image/business6.jpg) no-repeat;
background-size: cover;
padding: 6.8% 0;
color: #ffffff;
text-align: center;
line-height: 2;
}
.zyyw_nrv .zyywvy{
font-weight: bold;
padding: 0 0 5% 0;
}
.zyyw_nrv .zyywvls{
}
.zyyw_nrv .zyywvit{
width: 30%;
float: left;
}
.zyyw_nrv .zyywvit:nth-of-type(2){
margin: 0 5%;
}
.zyyw_nrv .zyywvit .nry{
font-weight: bold;
}
.zyyw_nrv .zyywvit .nre{
line-height: 3;
}
.zyyw_nrw{
position: relative;
color: #555555;
line-height: 2;
padding: 0 0 5% 0;
}
.zyyw_nrw .zyywwy{
font-weight: bold;
padding: 5% 0 3% 0;
text-align: center;
}
.zyyw_nrw .zyywwls{
}
.zyyw_nrw .zyywwit{
width: 30.25%;
float: left;
margin: 0 4.6% 0 0;
text-align: right;
}
.zyyw_nrw .zyywwit:nth-child(2n){
text-align: center;
}
.zyyw_nrw .zyywwit:nth-of-type(3n){
margin: 0 0 0 0;
text-align: left;
}
.zyyw_nrw .zyywwit .nry{
font-weight: bold;
}
.zyyw_nrw .zyywwit .nre{
font-weight: bold;
margin: 3% 0 2%;
}
.zyyw_nrw .zyywwit .nrs{
}
/*business*/
/*quality-k*/
.quality_item{
width: 23.25%;
margin: 0.8%;
float: left;
}
.quality_item:nth-of-type(1){
width: 48.4%;
}
.quality_item:nth-child(6n){
width: 48.4%;
}
.quality_items{
width: 100%;
}
.quality_ulall{
display: none;
}
.quality_li{
text-align: center;
padding: 3% 0 0 0;
}
.quality_li ul li{
padding: 0.5%;
margin: 0 0.5%;
background-color: #e5e5e5;
border-radius: 50%;
overflow: hidden;
display: inline-block;
}
.quality_li ul li.on{
background-color: #d7171e;
}
/*quality-g*/
/*contact*/
.contact_list{
width: 100%;
}
.contact_list ul li{
width: 16.6%;
float: left;
text-align: center;
line-height: 2;
}
.contact_list ul li .dc_logo{
width: 48.95%;
background-color: #e5e5e5;
border-radius: 50%;
display: inline-block;
transition: all 1s;
}
.contact_list ul li .dc_logo img{
filter: invert(0.5);
/*transition: all 0.3s;*/
}
.contact_list ul li .dc_title{
color: #aaaaaa;
margin: 5% 0;
}
.contact_list ul li .dc_intro{
color: #555555;
}
.contact_list ul li:hover .dc_logo{
background-color: #d7171e;
transform: rotateY(360deg);
}
.contact_list ul li:hover .dc_logo img{
filter: invert(0);
}
.contact_list ul li:hover .dc_intro{
color: #d7171e;
}
.contact_map{
width: 100%;
position: relative;
}
.contact_map .contact_zl{
width: 50%;
float: left;
}
.contact_map .contact_zr{
width: 50%;
float: right;
}
.contact_form{
width: 100%;
padding: 0 0 0 0;
}
.contact_form .cm_dnr1{
font-size: 36px;
color: #d7171e;
margin: 0 0 3% 0;
text-align: center;
}
.contact_form .cm_dnr2{
font-size: 28px;
margin: 0 0 4% 0;
text-align: center;
}
.contact_form .cm_list{
position: relative;
margin: 0 0 2% 0;
}
.contact_form .cm_list .cm_ll{
width: 66.5%;
}
.contact_form .cm_list .cm_ll .srk{
border: 1px solid #cccccc;
width: 48%;
background-color: #eeeeee;
padding: 1.75% 2% 1.55% 2%;
border-radius: 10px;
margin: 0 3% 3% 0;
color: #555555;
letter-spacing: 1px;
}
.contact_form .cm_list .cm_ll .srk:nth-child(2n){
margin: 0 0 3% 0;
}
.contact_form .cm_list .cm_lr{
position: absolute;
width: 31%;
height: 100%;
right: 0;
top: 0;
}
.contact_form .cm_list .cm_lr .srks{
width: 100%;
height: 88%;
border-radius: 10px;
border: 1px solid #cccccc;
background-color: #eeeeee;
padding: 3% 5%;
resize:none;
}
.contact_form .cm_Submit{
position: relative;
text-align: center;
}
.contact_form .cm_Submit .ann{
background-color: #d7171e;
border: 1px solid #d7171e;
padding: 1% 2%;
border-radius: 10px;
width: 10%;
float: left;
margin: 0 0 0 35%;
}
.contact_form .cm_Submit .srkyz{
width: 10%;
background-color: #eeeeee;
border: 1px solid #cccccc;
padding: 1% 2%;
border-radius: 10px;
margin: 0 2%;
float: left;
}
.contact_form .cm_Submit .cm_yz{
float: left;
line-height: 3;
display: inline-block;
}
/*contact*/
/*info-k*/
.info_Rmall{
position: relative;
width: 100%;
margin: 0 0 4% 0;
}
.info_Rmall .info_Rmlist{
position: absolute;
width: 33.5%;
height: 100%;
right: 0;
top: 0;
background-color: rgba(0,0,0,0.5);
padding: 3% 3% 6%;
display: flex;
flex-direction: column;
justify-content: center;
}
.info_Rmitem{
line-height: 2;
}
.info_Rmitem .dnr1{
text-transform: uppercase;
font-weight: bold;
}
.info_Rmitem .dnr2{
margin: 5% 0 5% 0;
word-break: break-all;
white-space: normal;
line-height: 3;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.info_Rmitem .dnr3{
color: #FFFFFF;
background-color: #d7171e;
display: inline-block;
padding: 1% 8%;
border-radius: 5px;
}
.Rmlist_ulall .slick-dots{
width: 100%;
position: absolute;
text-align: left;
bottom: -20%;
}
.Rmlist_ulall .slick-dots li{
display: inline-block;
font-size: 0;
padding: 0.2% 1%;
margin: 0 2%;
background-color: #eaeae9;
transition: all 0.5s;
border-radius: 3px;
border: 0;
cursor: pointer;
}
.Rmlist_ulall .slick-dots li button{
opacity: 0;
font-size: 0;
}
.Rmlist_ulall .slick-dots li.slick-active{
background-color: #d7171e;
padding: 0.2% 5%;
}
.info_item{
width: 48%;
float: left;
margin: 4% 4% 2% 0;
position: relative;
}
.info_item:nth-child(2n){
margin: 4% 0 2% 0;
}
.info_item .info_cot{
margin: 0 0 0 10%;
width: 90%;
padding: 4%;
border: 1px solid #eaeaea;
line-height: 2;
z-index: 2;
position: relative;
}
.info_item .info_cot .dnr1{
padding: 0 0 0 15%;
font-weight: bold;
color: #555555;
}
.info_item .info_cot .dnr2{
color: #555555;
margin: 5% 0;
line-height: 3;
}
.info_item .info_cot .dnr3{
color: #555555;
margin: 0 0 5% 0;
}
.info_item .info_cot .dimg{
width: 100%;
overflow: hidden;
}
.info_item .info_time{
width: 20%;
position: absolute;
left: 0;
top: -8%;
background-color: #eeeeee;
z-index: 2;
transition: all 1s;
}
.info_item .info_time:after{
content: '';
position: absolute;
width: 1px;
height: 50%;
left: 50%;
top: 25%;
transform: rotate3d(1, 1, 1, 90deg);
background-color: #555555;
}
.info_item .info_time .dnr1{
color: #555555;
margin: 15% 0 0 30%;
}
.info_item .info_time .dnr2{
color: #555555;
margin: 10% 0 15% 55%;
}
.info_item:hover .info_time{
background-color: #d7171e;
transform: rotateX(360deg);
}
.info_item:hover .info_time:after{
background-color: #ffffff;
}
.info_item:hover .info_time .dnr1,.info_item:hover .info_time .dnr2{
color: #ffffff;
}
.info_item:hover .info_cot .dnr1,.info_item:hover .info_cot .dnr3{
color: #d7171e;
}
.info_item:hover .info_cot .dimg img{
transform: scale(1.1);
}
.info_item .nyrmtm{
width: 15%;
}
.info_item .info_time.nyrmtm:after{
}
.info_item .info_time.nyrmtm .dnr2 {
}
.content_show{
width: 100%;
}
.content_show .tit{
line-height: 1.6;
color: #333333;
text-align: center;
}
.content_show .info {
margin: 2% 0;
color: #535353;
text-align: center;
/*letter-spacing: 1px;*/
}
.content_show .info .returnls {
float: right;
}
.content_show .allnr {
width: 100%;
overflow: hidden;
border-top: 1px solid #e4e4e6;
border-bottom: 1px solid #e4e4e6;
padding: 2% 0;
margin-bottom: 2%;
line-height: 2;
}
/*info-g*/
/*case-k*/
.csCaall{
width: 100%;
position: relative;
}
.csCaall ul li{
width: 14.6875%;
float: left;
margin: 0 2.375% 2.375% 0;
}
.csCaall ul li:nth-child(6n){
margin: 0 0 2.375% 0;
}
.csCaall ul li .dimg{
width: 100%;
overflow: hidden;
}
.csCaall ul li .dtit{
padding: 5%;
text-align: center;
color: #333333;
background-color: #e5e5e5;
line-height: 1.4;
}
.csCaall ul li:hover .dimg img{
transform: scale(1.1);
}
.csCaall ul li.on .dtit{
color: #ffffff;
background-color: #d7171e;
}
.csline{
height: 1px;
width: 100%;
background-color: #e4e4e6;
margin: 2% 0 3% 0;
position: relative;
}
.csline:after{
content: '';
position: absolute;
width: 4%;
height: 1100%;
background-color: #e4e4e6;
top: -500%;
left: 0;
}
.csline:before{
content: '';
position: absolute;
width: 4%;
height: 1100%;
background-color: #e4e4e6;
top: -500%;
right: 0;
}
.case_Rmall{
position: relative;
width: 100%;
}
.case_Rmitem{
margin: 0 0 4% 0;
}
.case_Rmitem .dimg{
width: 51.375%;
float: left;
}
.case_Rmitem .dcot{
width: 44.25%;
height: 100%;
position: absolute;
left: 55.75%;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 2;
}
.case_Rmitem .dcot .dnr1{
text-transform: uppercase;
}
.case_Rmitem .dcot .dnr2{
border-bottom: 1px solid #e4e4e6;
padding: 0 0 4% 0;
margin: 2% 0 4% 0;
}
.case_Rmitem .dcot .dnr3{
line-height: 3;
word-break: break-all;
white-space: normal;
}
.case_Rmitem .dcot .dnr4{
margin: 5% 0 10% 0;
background-color: #d7171e;
display: inline-block;
padding: 1.5% 0;
width: 36%;
text-align: center;
border-radius: 5px;
}
.case_item{
width: 100%;
position: relative;
float: left;
margin: 0 2% 2% 0;
line-height: 2;
}
.case_item:nth-child(4n){
margin: 0 0 2% 0;
}
.case_item .csimg{
width: 50%;
float: left;
position: relative;
overflow: hidden;
}
.case_item .cscot{
position: absolute;
background-color: #eeeeee;
width: 50%;
height: 100%;
left: 50%;
top: 0;
padding: 5% 5%;
}
.case_item .cscot .cstit{
color: #555555;
font-weight: bold;
}
.case_item .cscot .csint{
color: #555555;
margin: 5% 0;
}
.case_item .cscot .cscimg{
}
.case_item .cscot .cscimg .cscimgs:nth-of-type(1){
margin: 0 5% 0 0;
}
.case_item .cscot .cscimg .cscimgs{
width: 47.5%;
float: left;
}
.case_item .cscot .csck{
color: #555555;
margin: 5% 0 0 0;
}
.case_item:hover .csimg img{
transform: scale(1.1);
}
.case_item:hover .cstit{
color: #d7171e;
}
.case_item:hover .csck{
color: #d7171e;
}
/*case-g*/
/*product-k*/
.strength_all{
background-color: #eeeeee;
}
.strength_item{
position: relative;
min-height: 25vw;
}
.strength_item .sifl{
width: 50%;
float: left;
overflow: hidden;
}
.strength_item .sifr{
position: absolute;
left: 50%;
top: 0;
width: 50%;
height: 100%;
padding: 5% 10% 5% 5%;
line-height: 2;
}
.strength_item:nth-child(2n) .sifl{
float: right;
}
.strength_item:nth-child(2n) .sifr{
left: 0;
}
.strength_item .sifr .sidy{
}
.strength_item .sifr .sidy .sitit{
color: #555555;
font-weight: bold;
width: 80%;
float: left;
}
.strength_item .sifr .sidy .sick{
width: 20%;
float: right;
text-align: right;
font-weight: bold;
color: #d7171e;
}
.strength_item .sifr .siint{
padding: 5% 0;
color: #555555;
border-bottom: 1px dashed #cccccc;
margin: 0 0 7% 0;
}
.strength_item .sifr .side{
}
.strength_item .sifr .side .sidetm{
width: 60%;
float: left;
}
.strength_item .sifr .side .sidetm .sidetmimg{
width: 35%;
float: left;
}
.strength_item .sifr .side .sidetm .sidetmcot{
width: 60%;
float: right;
color: #555555;
}
.strength_item .sifr .side .sidetm .sidetmcot .sidetmca{
font-weight: bold;
margin: 6% 0;
}
.strength_item .sifr .side .sidetm .sidetmcot .sidetmcb{
}
.strength_item .sifr .side .sidesb{
margin: 1% 0 0 0;
width: 30%;
float: right;
position: relative;
}
.strength_item .sifr .side .sidesb .sidesbimg{
position: relative;
}
.strength_item .sifr .side .sidesb .sidesbimg:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgba(29,29,29,0.5);
z-index: 2;
top: 0;
}
.strength_item .sifr .side .sidesb .sidesbcot{
position: absolute;
width: 100%;
height: 100%;
top: 0;
color: #ffffff;
z-index: 3;
text-align: center;
}
.strength_item .sifr .side .sidesb .sidesbcot .sidesbca{
padding: 10% 0 0 0;
}
.strength_item .sifr .side .sidesb .sidesbcot .sidesbcb{
font-weight: bold;
font-size: 48px;
line-height: 1.2;
}
.strength_banner_all{
position: relative;
}
.strength_banner{
}
.strength_banner_cot{
position: absolute;
width: 100%;
text-align: center;
color: #ffffff;
top: 40%;
line-height: 2;
}
.strength_banner_cot .sbcota{
font-weight: bold;
margin: 0 0 3% 0;
}
.strength_banner_cot .sbcotb{
}
.strength_banner_menu{
position: absolute;
width: 100%;
text-align: center;
color: #ffffff;
bottom: 15%;
line-height: 2;
}
.strength_banner_box{
}
.strength_banner_menu ul li{
width: 15%;
padding: 1.5% 0.5%;
background: rgba(29,29,29,0.5);
/* float: left; */
display: inline-block;
margin: 0 -2px;
z-index: 2;
}
.strength_banner_menu ul li:nth-of-type(1){
border-radius: 10px 0 0 10px;
width: 16%;
padding: 1.5% 0.5% 1.5% 1.5%;
}
.strength_banner_menu ul li:last-child{
border-radius: 0 10px 10px 0;
width: 16%;
padding: 1.5% 1.5% 1.5% 0.5%;
}
.strength_banner_menu ul li .sbmimg{
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}
.strength_cht{
padding: 4% 0;
background-color: #ffffff;
}
.strength_cont{
}
.strength_cont_list{
position: relative;
}
.strength_cont_list .sclitem{
position: relative;
}
.strength_cont_list .sclimg{
width: 50%;
float: left;
}
.strength_cont_list .sclcot{
position: absolute;
width: 50%;
height: 100%;
left: 50%;
top: 0;
background-color: #eeeeee;
padding: 5%;
line-height: 2;
color: #555555;
}
.strength_cont_list .sclcot .sclcota{
margin: 0 0 5% 0;
}
.scl_ulall .slick-dots{
position: absolute;
left: 35%;
bottom: 10%;
}
.scl_ulall .slick-dots li{
font-size: 0;
background-color: #eeeeee;
border-radius: 50%;
width: 12px;
height: 12px;
overflow: hidden;
float: left;
margin: 0 10px;
}
.scl_ulall:nth-child(2n) .slick-dots li{
background-color: #ffffff;
}
.scl_ulall .slick-dots li button{
border: 0;
font-size: 0;
}
.scl_ulall .slick-dots li.slick-active{
background-color: #d7171e;
color: #d7171e;
}
.strength_all .strength_ptit{
color: #555555;
padding: 5% 0 3% 0;
text-align: center;
font-weight: bold;
}
.strength_team{
text-align: center;
}
.strength_team_ck{
background-color: #e5e5e5;
color: #333333;
padding: 1% 5%;
text-align: center;
display: inline-block;
margin: 0 auto;
border-radius: 5px;
letter-spacing: 1px;
}
.strength_sb{
background-color: #ffffff;
padding: 0 0 3% 0;
}
.strength_sb_list{
position: relative;
}
.strength_sb_list .ssl_item{
width: 23.4375%;
float: left;
margin: 0 2.05% 2% 0;
}
.strength_sb_list .ssl_item:nth-child(4n){
margin: 0 0 2% 0;
}
.strength_sb_list .ssl_item .sslimg{
width: 100%;
overflow: hidden;
}
.strength_sb_list .ssl_item:hover .sslimg img{
transform: scale(1.1);
}
.strength_sb_list .ssl_item .ssltit{
background-color: #e5e5e5;
padding: 3% 10% 3% 5%;
color: #333333;
line-height: 2;
position: relative;
}
.strength_sb_list .ssl_item .ssltit:after{
content: '〉';
position: absolute;
top: 30%;
right: 4%;
color: #555555;
font-size: 12px;
font-weight: bold;
}
.strength_sb_list .ssl_item:hover .ssltit{
color: #ffffff;
background-color: #d7171e;
}
.strength_sb_list .ssl_item:hover .ssltit:after{
color: #ffffff;
}
/*product-g*/
/*team*/
.team_item{
line-height: 2;
width: 16.5625%;
float: left;
text-align: center;
margin: 0 4.25% 3% 0;
}
.team_item:nth-child(5n){
margin: 0 0 3% 0;
}
.team_item .dimg{
width: 100%;
overflow: hidden;
}
.team_item .dtit{
font-weight: bold;
color: #555555;
margin: 10% 0 5%;
}
.team_item .dint{
color: #555555;
}
.team_item .dck{
font-weight: bold;
color: #d7171e;
}
.team_ny{
}
.team_ny .team_nyy{
border-bottom: 1px dashed #ccc;
padding: 0 8% 5%;
margin: 0 0 4% 0;
}
.team_ny .team_nyy .teamimg{
width: 35%;
float: left;
}
.team_ny .team_nyy .teamcot{
width: 50%;
float: right;
line-height: 2;
}
.team_ny .team_nyy .teamcot .teamya{
color: #d7171e;
}
.team_ny .team_nyy .teamcot .teamyb{
font-weight: bold;
color: #555555;
}
.team_ny .team_nyy .teamcot .teamyb span{
margin: 0 0 0 5%;
}
.team_ny .team_nyy .teamcot .teamyc{
color: #d7171e;
text-transform: uppercase;
margin: 0 0 3% 0;
}
.team_ny .team_nyy .teamcot .teamyc span{
margin: 0 5% 0 0;
}
.team_ny .team_nyy .teamcot .teamyd{
color: #555555;
}
.team_ny .team_nye{
border-bottom: 1px dashed #ccc;
padding: 0 6% 4%;
margin: 0 0 4% 0;
line-height: 2;
}
.team_ny .team_nytit{
color: #555555;
margin: 0 0 3% 0;
text-align: center;
font-weight: bold;
}
.newsbox{
width: 23.5%;
float: left;
margin-right: 2%;
line-height: 2;
}
.newsbox:nth-child(4n){
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;
color: #333333;
margin-top: 4%;
margin-left: 4%;
transition: all 0.3s;
}
.newsbox .news_img{
margin: 5% 0;
width: 100%;
height: 13.05vw;
overflow: hidden;
}
.newsbox .news_tit{
color: #333333;
overflow: hidden;
}
.newsbox .news_cot{
color: #333333;
margin: 3% 0;
}
.newsbox .news_plus{
color: #333333;
transition: all 0.3s;
}
.newsbox:hover .news_img img{
transform: scale(1.1);
}
.newsbox:hover .time .time_yr{
color: #d7171e;
}
.newsbox:hover .time .time_n{
color: #d7171e;
}
.newsbox:hover .news_plus{
color: #d7171e;
}
/*team*/
.nyysr{
color: #FFFFFF;
}
.nyysr:after,.nyysr:before{
background-color: #d7171e;
}
.nyysb{
color: #FFFFFF;
}
.nyysb:after,.nyysb:before{
background-color: #ffffff;
}
.nyysh{
color: #333333;
}
.nyysh:after,.nyysh:before{
background-color: #d7171e;
}
.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: #d7171e;
color: #ffffff;
}
.single_show{
width: 100%;
word-wrap: break-word;
/*word-break: break-all;*/
overflow: hidden;
}
.single_show img{
max-width: 100%;
}
/*front after*/
.upperandlower {
padding: 1% 0 0 0;
}
.upperandlower .next{
width: 25%;
background-color: #626262;
padding: 1.5% 2%;
color: #ffffff;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
transition: all 0.3s;
}
.upperandlower .next .arrow{
margin: 0 10%;
}
.upperandlower .next *{
color: #ffffff!important;
font-size: 16px;
}
.upperandlower .tl{
text-align: left;
}
.upperandlower .tr{
text-align: right;
}
.upperandlower .next:hover{
background-color: #d7171e;
}
.upperandlowers {
padding: 1% 0 0 0;
}
.upperandlowers .next{
width: 25%;
padding: 1% 0;
color: #555555;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
transition: all 0.3s;
text-transform: uppercase;
}
.upperandlowers .next .arrow{
/*margin: 0 5% 0 0;*/
}
.upperandlowers .next *{
color: #555555;
font-size: 16px;
}
.upperandlowers .tl{
text-align: left;
}
.upperandlowers .tr{
text-align: right;
}
.upperandlowers .next:hover *{
color: #d7171e;
}
/*front after*/
.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 #d7171e;
color: #d7171e;
}
.paging .currPage{
border:1px solid #d7171e;
color: #ffffff;
background-color: #d7171e;
}
.Rmnynews{
}
.Rmnynews .Rmnynews_list{
padding: 5% 0 0 0;
}
.Rmnynews .Rmnynews_list .nynewsr_item{
width: 48%;
float: left;
padding: 1% 1%;
margin: 0 4% 2% 0;
}
.Rmnynews .Rmnynews_list .nynewsr_item .img{
width: 35%;
}
.Rmnynews .Rmnynews_list .nynewsr_item .cot{
left: 35%;
width: 65%;
}
.Rmnynews .Rmnynews_list .nynewsr_item:nth-child(2n){
margin: 0 0 2% 0;
}
.Rmnynews .Rmnynews_list .nyrmnsl{
width: 40%;
float: left;
}
.Rmnynews .Rmnynews_list .nyrmnsr{
width: 55%;
float: right;
}
.nynewsr_item{
width: 100%;
padding: 2%;
background-color: #eeeeee;
margin-bottom: 3%;
position: relative;
}
.nynewsr_item .img{
width: 30%;
float: left;
overflow: hidden;
}
.nynewsr_item .cot{
position: absolute;
height: 100%;
left: 30%;
width: 70%;
top: 0;
float: right;
padding: 0 5%;
line-height: 2;
display: flex;
flex-direction: column;
justify-content: center;
}
.nynewsr_item .cot .tit{
color: #333333;
}
.nynewsr_item .cot .intro{
color: #777777;
margin: 1% 0 4% 0;
}
.nynewsr_item .cot .cktime{
}
.nynewsr_item .cot .cktime .ck{
color: #ffffff;
background-color: #d7171e;
border-radius: 20px;
text-align: center;
float: left;
padding: 0.4% 5%;
}
.nynewsr_item .cot .cktime .time{
float: right;
color: #999A99;
padding: 0.4% 0;
}
.nynewsr_item:hover .img img{
transform: scale(1.1);
}
.acsl{
width: 62.5%;
float: left;
line-height: 2;
}
.acsr{
width: 32.5%;
float: right;
border-top: 10px solid #d7171e;
}
.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: #d7171e;
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: #d7171e;
}
.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 #d7171e;
}
.ascRmcp{
margin: 0 0 8% 0;
}
.ascRm_title{
background-color: #d7171e;
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-color: #d7171e;
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: 4% 0 4% 0;
}
.content_main_ld{
width: 100%;
position: relative;
overflow: hidden;
}
.ash_nyys{
background-color: #ffffff;
}
.within_nyys{
background-color: #ffffff;
}
.content_all{
width: 100%;
}
.content_all .nywzl{
width: 31.25%;
float: left;
}
.content_all .nywzl{
}
.ny_pt_gap{
padding: 0 0 2% 0;
}
.detail_title{
font-size: 38px;
color: #333333;
text-align: center;
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: #d7171e;
left: 45%;
bottom: -15px;
}
.detail_content{
width: 100%;
overflow: hidden;
line-height: 2;
}
.detail_content img{
max-width: 100%;
}
.load_more{
text-align: center;
padding-top: 2%;
}
.load_more .loads{
display: inline-block;
width: 16%;
text-align: center;
color: #ffffff;
background-color: #d7171e;
cursor: pointer;
transition: all 0.4s ease 0s;
padding: 1% 0;
letter-spacing: 1px;
border-radius: 10px;
}
.load_more .loadend{
display: none;
color: #555555;
letter-spacing: 1px;
}
.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: 1px;
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: 1px;
color: #333333;
text-align: center;
padding: 3% 0;
cursor: pointer;
}
.xwtop{
margin: 0 0 3% 0;
position: relative;
}
.xwtop .dimg{
width: 100%;
overflow: hidden;
}
.xwtop .dvot{
position: absolute;
width: 100%;
padding: 2% 4%;
bottom: 0;
background-color: rgba(0,0,0,0.5);
color: #ffffff;
transition: all 0.8s;
z-index: 2;
letter-spacing: 2px;
}
.xwtop .dvot .dnr1{
float: left;
width: 70%;
text-align: left;
}
.xwtop .dvot .dnr2{
float: right;
text-align: right;
width: 20%;
}
.xwtop:hover .dimg img{
transform: scale(1.1);
}
.xwtop .dvot{
font-size: 3vw;
padding: 3% 4%;
letter-spacing: 1px;
}
.core_item{
float: left;
width: 23.5%;
margin: 0 2% 2% 0;
position: relative;
overflow: hidden;
cursor: pointer;
}
.core_item:nth-child(4n){
margin: 0 0 2% 0;
}
.core_item .sys1{
width: 100%;
}
.core_item .sys2{
position: absolute;
width: 100%;
padding: 4% 2%;
text-align: center;
bottom: 0;
background-color: rgba(0,0,0,0.5);
color: #ffffff;
transition: all 0.8s;
z-index: 3;
}
.core_item .plus_xy {
position: absolute;
top: -38%;
left: 38%;
z-index: 4;
background-size: 100%;
transition: all 0.5s;
color: #d7171e;
text-align: center;
}
.core_item:before {
transition-duration: .4s;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 4px;
width: 50%;
background: #d7171e;
content: "";
z-index: 5;
}
.core_item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: -100%;
text-align: center;
background: white;
opacity: .4;
transition: all 0.5s;
z-index: 2;
}
.core_item:hover .sys1 img{
/*border:1px solid #EB262D;*/
/*transform: translateY( -5px);*/
/*box-shadow : 0 10px 15px rgba(0,0,0,0.3);*/
transform: scale(1.1);
}
.core_item:hover:before{
width: 0;
}
.core_item:hover .sys2{
background-color: #d7171e;
}
.dropdown-menu{
position: absolute;
width: 100%;
display: none;
z-index: 999;
border-radius: 1px;
top: 100%;
left: 0;
background-color: rgba(0,94,185,0.9);
overflow: hidden;
}
.dropdown-menu .dmli{
padding: 0 8%;
text-align: left;
}
.dropdown-menu .dmli:nth-of-type(1){
margin-top: 5%;
}
.dropdown-menu .dmli .dimg{
width: 25%;
display: inline-block;
float: left;
margin: 11% 10% 0px 10%;
}
/*new content-k*/
.Mpcontent{
background: url(../image/Mpcontent.jpg) no-repeat center;
background-size: cover;
}
.lxsy_title{
font-size: 48px;
color: #ffffff;
text-align: center;
margin: 5% 0 5% 0;
font-weight: bold;
letter-spacing: 3px;
}
.lxsy_all{
width: 100%;
position: relative;
margin: 0 0 1% 0;
}
.lxsy_list{
width: 33.4375%;
background-color: #ffffff;
float: left;
margin: 0 2.6% 0 0;
}
.lxsy_list:nth-of-type(2){
position: absolute;
left: 36%;
height: 100%;
top:0;
}
.lxsy_list:nth-of-type(2) .lxsy_dc{
bottom: 0;
position: absolute;
}
.lxsy_list .lxsy_da{
position: relative;
line-height: 2;
margin: 0 10%;
padding: 6% 0 2% 0;
text-transform: uppercase;
}
.lxsy_list .lxsy_da:after{
content: '';
position: absolute;
width: 15%;
height: 1px;
background-color: #d2d2d2;
left: 0;
bottom: 0;
}
.lxsy_list .lxsy_ny{
margin: 8% 0 8%;
}
.lxsy_list .lxsy_ny .lxsy_item{
line-height: 1.6;
padding: 0 10%;
position: relative;
margin: 5% 0;
}
.lxsy_list .lxsy_ny .lxsy_item .dc_logo{
width: 18%;
background-color: #e5e5e5;
border-radius: 50%;
transition: all 0.5s;
float: left;
}
.lxsy_list .lxsy_ny .lxsy_item .dc_logo img{
filter: invert(0.5);
transition: all 0.3s;
}
.lxsy_list .lxsy_ny .lxsy_item .dc_cot{
margin: 2% 0 0 5%;
float: left;
}
.lxsy_list .lxsy_ny .lxsy_item .dnr1{
color: #aaaaaa;
text-transform: uppercase;
}
.lxsy_list .lxsy_ny .lxsy_item .dnr2{
color: #555555;
}
.lxsy_list .lxsy_ny .lxsy_item:hover .dc_logo{
background-color: #d7171e;
}
.lxsy_list .lxsy_ny .lxsy_item:hover .dc_logo img{
filter: invert(0);
}
.lxsy_list .lxsy_ny .lxsy_item:hover .dnr2{
color: #d7171e;
}
.lxsy_message{
padding: 0 10%;
}
.lxsy_message .lxmsls{
border-bottom: 1px solid #cccccc;
padding: 0 0 4% 0;
margin: 0 0 4% 0;
line-height: 1.2;
}
.lxsy_message .lxmsls:nth-of-type(4){
border-bottom:0;
}
.lxsy_message .lxmsls:nth-of-type(5){
border-bottom:0;
}
.lxsy_message .lxmsls .wnry{
color: #111111;
width: 20%;
float: left;
padding: 2% 0;
}
.lxsy_message .lxmsls .wnre .wsrk{
width: 80%;
float: right;
border: 0;
padding: 2% 2%;
color: #555555;
}
.lxsy_message .lxmsls .wnre .wsrks{
width: 80%;
float: right;
border: 0;
padding: 2% 2% 8%;
color: #555555;
resize:none;
}
.lxwm_yz{
width: 40%;
float: left;
border-bottom: 1px solid #cccccc;
padding: 0 0 3% 0;
}
.lxwm_yz .yznry{
color: #111111;
width: 48%;
float: left;
padding: 8% 0 0;
}
.lxwm_yz .yznre .wsrk{
padding: 8% 2% 0;
width: 52%;
float: right;
border: 0;
color: #555555;
}
.lxwm_code{
width: 25%;
float: left;
text-align: center;
line-height: 3;
}
.lxwm_ann{
width: 32%;
float: right;
background-color: #d7171e;
text-align: center;
border-radius: 10px;
color: #ffffff;
padding: 3% 0;
border: 0;
}
.lxsy_mes{
position: absolute;
width: 65.3125%;
height: 100%;
right: 0;
bottom: 0;
}
/*new content-g*/
.honor_ny{
width: 18%;
float: left;
margin: 0 2.5% 2.5% 0;
display: inline-block;
}
.honor_ny:nth-child(5n){
margin: 0 0 2.5% 0;
}
.honor_ny .cover{
transition: all 0.5s;
}
.honor_ny.cpany img{
height: auto;
}
.honor_ny.cpany:nth-child(-n+5) .cover{
height: 10.8vw;
}
.honor_ny.cpany:nth-child(n+6) .cover{
height: 20vw;
}
.honor_ny .dnr1{
color: #333333;
text-align: center;
border-bottom: 2px solid #cccccc;
padding: 5% 0;
line-height: 2;
transition: all 0.5s;
}
.honor_ny:hover .dnr1{
color: #d7171e;
border-bottom: 2px solid #d7171e;
}
.honor_ny:hover .cover{
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
}
/*solution*/
.hyyy_banner{
position: absolute;
top: 35%;
width: 100%;
text-align: center;
line-height: 2;
}
.hyyy_banner .hyyy_banner_cn{
font-size: 48px;
color: #ffffff;
font-weight: bold;
letter-spacing: 3px;
}
.hyyy_banner .hyyy_banner_en{
color: #ffffff;
letter-spacing: 1px;
}
.hyyy_content{
position: relative;
}
.hyyy_detail_content{
margin: 3% 0;
line-height: 2;
}
.hyyy_jsys{
background: url(../image/jsysbj.jpg) no-repeat center;
background-size: cover;
padding: 4% 0;
}
.jsys_title{
color: #ffffff;
text-align: center;
margin: 0 0 3% 0;
font-weight: bold;
letter-spacing: 2px;
}
.jsys_list{
}
.jsys_item{
width: 17.81275%;
float: left;
position: relative;
overflow: hidden;
margin: 0 2.725% 0 0;
}
.jsys_item:nth-child(5n){
margin: 0 0 0 0;
}
.jsys_item .jsys_img{
width: 100%;
overflow: hidden;
}
.jsys_item .jsys_nry{
width: 100%;
height: 20%;
background-color: #d4dee9;
position: absolute;
bottom: 0;
text-align: center;
font-weight: bold;
transition: all .5s;
}
.jsys_item .jsys_nry .jsys_icon{
width: 60px;
height: 60px;
background-color: #eeeeee;
border-radius: 50%;
margin: -30px auto;
transition: all .5s;
}
.jsys_item .jsys_nry .jsys_icon img{
filter: brightness(0.3);
}
.jsys_item .jsys_nry .jsys_tit{
line-height: 3;
color: #555555;
margin: 8% 0 0 0;
letter-spacing: 2px;
}
.jsys_item .jsys_nre{
position: absolute;
width: 80%;
margin: 0 10%;
line-height: 2;
color: #ffffff;
text-align: center;
top: 100%;
transition: all .5s;
}
.jsys_item:hover .jsys_nry{
height: 100%;
background-color: rgba(0,0,0,0.5);
transition: all .5s;
}
.jsys_item:hover .jsys_nry .jsys_icon{
margin: 20% auto 5%;
background-color: #d7171e;
}
.jsys_item:hover .jsys_nry .jsys_icon img{
filter: brightness(1);
}
.jsys_item:hover .jsys_nry .jsys_tit{
color: #ffffff;
}
.jsys_item:hover .jsys_nre{
top: 55%;
}
.hyyy_relation{
position: relative;
background-color: #f5f5f5;
}
.hyyy_relation .relation_title{
color: #333333;
padding: 3% 0;
font-weight: bold;
text-align: center;
}
.xg_case{
background-color: #ffffff;
padding: 3%;
margin: 0 0 0 0;
}
.relation_case{
}
.relation_case .wimg{
width: 47%;
float: left;
}
.relation_case .wcot{
width: 50%;
float: right;
line-height: 2;
}
.relation_case .wcot .wnry{
color: #555555;
font-weight: bold;
border-bottom: 2px solid #e5e5e5;
margin: 0 0 3% 0;
padding: 5% 0 3% 0;
}
.relation_case .wcot .wnre{
color: #555555;
}
.csRmlist_ulall .slick-dots{
width: 50%;
position: absolute;
text-align: left;
bottom: 7%;
left: 50%;
}
.csRmlist_ulall .slick-dots li{
display: inline-block;
font-size: 0;
padding: 0.2% 1%;
margin: 0 1%;
background-color: #eaeae9;
transition: all 0.5s;
border-radius: 3px;
border: 0;
cursor: pointer;
}
.csRmlist_ulall .slick-dots li button{
opacity: 0;
font-size: 0;
}
.csRmlist_ulall .slick-dots li.slick-active{
background-color: #d7171e;
padding: 0.2% 2%;
}
.xg_news{
margin: 0 0 3% 0;
}
.casenyimg{
position: relative;
margin: 0 0 3% 0;
}
.casenyimg .csimg1{
width: 65%;
}
.casenyimg .csimg2{
position: absolute;
width: 33%;
height: 48%;
top: 0;
right: 0;
}
.casenyimg .csimg3{
position: absolute;
width: 33%;
height: 48%;
top: 52%;
right: 0;
}
.team-txt{
color: #333;
line-height: 2;
text-align: center;
margin-bottom: 3%;
}
.team-txt span{
color: #d7171e;
}
.team-txt .team-sec{
/*display: flex;*/
/*justify-content: center;*/
}
/*solution*/
.cate-btn{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 3%;
color: #333;
}
.cate-btn ul{
display: flex;
justify-content: center;
}
.cate-btn li{
float: left;
width: 14vw;
line-height: 3;
text-align: center;
background-color: #E5E5E5;
margin-right: 6%;
cursor: pointer;
}
.cate-btn li.on{
background-color: #D7171E;
color: white;
}