.header{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: rgba(255, 255, 255, 1);
box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.head{
display: flex;
align-items: center;
justify-content: space-between;
height: 80px;
}
.logo{
float: left;
/*width: 165px;*/
margin: 0;
margin-right: 20px;
height: 100%;
}
.logo a {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
.logo img{
display: block;
margin: 0;
max-width: 100%;
max-height: 92%;
}
.logo a p{
font-size: 18px;
/*font-weight: bold;*/
}
.navBox{
/*width: 80%;*/
flex: 1;
}
.nav-ul{
display: flex;
align-items: center;
justify-content:space-between;
}
.nav-ul>li {
position: relative;
text-align: center;
}
.nav-ul>li.current>a{
color: #003366;
}
.nav-ul>li.current>a:after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: #003366;
}
.nav-ul>li>a {
position: relative;
display: inline-block;
min-width: 80px;
padding: 0 15px;
font-size: 18px;
line-height: 60px;
color: #333333;
}
.nav-ul>li:hover>a{
color: #003366;
}
.erji{
position: absolute;
top: 100%;
left: 50%;
display: none;
transform: translate(-50%,0);
width: 120px;
z-index: 100;
white-space: nowrap;
background: rgba(255, 255, 255, 0.8);
transition: all 0.6s;
}
.erji>a {
display: block;
font-size: 14px;
line-height: 40px;
color: #333333;
text-align: left;
padding-left: 20px;
}
.erji>a:hover{
color: #003366;
}
.nav-ul li:hover .erji {
display: block;
}
.header .cp_sou{
flex: 1;
max-width: 800px;
margin: 0;
}
.sou{
display: none;
position: absolute;
right: -22px;
top: 50%;
/* transform: translate(0,-50%);*/
margin-top: -8px;
cursor: pointer;
}
.sousuo{
display: none;
position: absolute;
top: 40px;
right: 0;
z-index: 999;
}
.sousuo form{
display: flex;
width: 360px;
border-radius: 4px;
overflow: hidden;
padding-right: 50px;
border: 1px solid #dddddd;
background: #ffffff;
}
.sousuo select {
width: 90px;
font-size: 14px;
line-height: 40px;
color: #333333;
/*padding-left: 5px;*/
border: none;
border-right: 1px solid #dddddd;
}
.sousuo input {
display: block;
flex: 1;
width: 100%;
font-size: 14px;
line-height: 40px;
color: #333;
padding-left: 15px;
border: none;
background: #fff
}
.sousuo button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 40px;
border-radius: 4px;
border: none;
cursor: pointer;
background: url(../images/sou.png)center no-repeat;
}
.menu {
display: none;
width: 40px;
height: 100%;
margin: 0;
cursor: pointer;
}
.ico-nav {
display: inline-block;
width: 40px;
height: 4px;
position: relative;
vertical-align: middle;
background: #003366;
-webkit-transition: all .2s;
transition: all .2s;
}
.ico-nav:before {
top: -12px;
}
.ico-nav:after {
top: 12px;
}
.ico-nav:before, .ico-nav:after {
content: '';
display: block;
width: 100%;
height: 4px;
background: #003366;
position: absolute;
left: 0;
-webkit-transition: all .2s;
transition: all .2s;
}
.bg .ico-nav:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
}
.bg .ico-nav {
background: transparent;
}
.bg .ico-nav:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
}
.menu img {
display: block;
width: 100%;
margin: 0;
max-height: 100%;
}
.nav-ul li:hover .erji {
display: block;
}
.nav {
display: block;
width: 55%;
position: fixed;
right: 0;
top: 65px;
z-index: 999;
background: #ffffff;
height: 100%;
transform: translate(100%,0px);
transition: all 0.5s;
}
.nav-left {
width: 45%;
position: fixed;
left: 0;
z-index: 99999;
background: rgba(0,0,0,0.4);
height: 100%;
top: 65px;
transform: translate(-100%,0px);
transition: all 0.5s;
}
.head_fix{
height: 170px;
}
.ul{
padding: 0 4%;
}
.l {
position: relative;
/* border-bottom: 1px solid #cccccc;*/
}
.onli .a,ul.levelu>li.on>a{
background: url(../images/yyy.png)right center no-repeat;
}
.a {
font-size: 18px;
width: 100%;
line-height: 60px;
color: #333333;
display: block;
box-sizing: border-box;
}
.l.bg .a,ul.levelu>li.on.bg1>a{
background: url(../images/yyy1.png)right center no-repeat;
}
.levelu {
display: none;
}
.levell {
color: #666666;
padding-left: 15px;
line-height: 20px;
margin-bottom: 20px;
}
ul.levelu>li.on>a{
display: block;
}
.levela {
font-size: 16px;
color: #666666;
display: block;
padding-left: 6%;
}
.banner{
position: relative;
}
.banner img{
display: block;
width: 100%;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 20px;
}
.banner .swiper-pagination-bullet {
width: 50px;
height: 5px;
border-radius: 2px;
background: #eeeeee;
opacity: 1;
vertical-align: middle;
}
.banner .swiper-pagination-bullet-active {
background: #003366;
}
.aa .aaz,.aa .aay{
width: 25px;
outline: none;
}
.aa .aaz{
}
.aa .aay {
}
/*.aa .aaz:hover{
background: url(../images/z1.png) no-repeat;
}
.aa .aay:hover{
background: url(../images/y1.png) no-repeat;
}*/
img.mm{
display: none;
}
.footer{
padding: 25px 0;
background: #003366;
}
.foot{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #ffffff;
}
.foot_lf{
width: 210px;
margin-right: 20px;
}
.foot_logo{
max-width: 90%;
margin: 0 auto;
}
.foot_ewm{
padding-top: 20px;
}
.foot_ewm ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.foot_ewm ul li{
width: 47.7%;
}
.foot_ewm ul li img{
margin: 0 auto;
border-radius: 10px;
}
.foot_ewm ul li p{
font-size: 14px;
text-align: center;
padding-top: 6px;
}
.foot_ri{
flex: 1;
max-width: 840px;
padding-top: 15px;
}
.foot_nav{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 35px;
border-bottom: 1px solid #ffffff;
}
.foot_nav a{
display: block;
font-size: 16px;
padding-bottom: 35px;
}
.foot_nav a:hover{
color: #333333;
}
.foot_ri_two{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 30px;
}
.foot_con{
flex: 1;
font-size: 16px;
padding-right: 10px;
}
.foot_con p{
margin-bottom: 15px;
padding-left: 55px;
background-position: left center;
background-repeat: no-repeat;
}
.foot_con p:first-child{
background-image: url(../images/f1.png);
}
.foot_con p:nth-child(2){
background-image: url(../images/f2.png);
}
.foot_con p:last-child{
margin-bottom: 0;
background-image: url(../images/f3.png);
}
.foot_link{
width: 270px;
}
.foot_link h3{
font-size: 16px;
}
.foot_link_url{
display: flex;
flex-wrap: wrap;
}
.foot_link a{
display: block;
font-size: 16px;
margin-top: 15px;
margin-right: 10px;
}
.foot_link_url a:last-child{
margin-right: 0;
}
.foot_link_url a:hover{
color: #333333;
}
.copy{
font-size: 14px;
line-height: 30px;
color: #cccccc;
text-align: center;
padding: 10px 0;
background: #333333;
}
.bottom{
display: none;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 99;
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2);
}
.bottom a{
position: relative;
display: block;
width: 50%;
font-size: 3.8vw;
line-height: 10vw;
color: #ffffff;
text-align: center;
background: #003366;
}
.bottom a:first-child:after{
content: "";
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 40%;
transform: translate(0,-50%);
background: #ffffff;
}
.subnav{
font-size: 14px;
line-height: 30px;
color: #666666;
margin-top: 20px;
padding: 0 0 10px 50px;
border-bottom: 1px solid #dddddd;
background: url(../images/sub.png)left 15px top 5px no-repeat;
}
.subnav a:hover{
color: #003366;
}
.flex{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
padding: 50px 0 100px;
}
.zuo{
width: 220px;
margin-right: 60px;
}
.zuo h2{
font-size: 26px;
line-height: 80px;
color: #ffffff;
text-align: center;
background: url(../images/zuo.png) right top no-repeat;
background-size: cover;
}
.zuo_nav a{
position: relative;
display: flex;
align-items: center;
font-size: 18px;
line-height: 50px;
color: #666666;
margin-top: 1px;
padding-left: 20px;
background: #eeeeee;
}
.zuo_nav a span{
display: none;
margin-right: 6px;
}
.zuo_nav a.cur,.zuo_nav a:hover{
color: #ffffff;
background: #003366;
}
/*.zuo_nav a.cur span,.zuo_nav a:hover span{*/
/* display: block;*/
/*}*/
.zuo_nav a:after{
content: ">";
position: absolute;
top: 0;
right: 10px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.you{
flex: 1;
overflow: hidden;
}
.tit1{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
font-size: 30px;
color: #333333;
margin-bottom: 20px;
padding-bottom: 5px;
}
.ab_con,.ab_con * {
font-size: 16px !important;
line-height: 30px;
color: #666666
}
.ab_con img {
height: auto!important;
margin: 15px auto
}
.lx_con,.lx_con * {
font-size: 16px;
line-height: 30px;
color: #333333;
}
.lx_con img{
margin: 0 auto;
}
.lx_flex{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
flex-direction: row-reverse;
padding-top: 35px;
}
.lx_lf{
width: 210px;
}
.lx_lf ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.lx_lf ul li{
width: 47.7%;
}
.lx_lf ul li img{
margin: 0 auto;
}
.lx_lf ul li p{
font-size: 14px;
color: #333333;
text-align: center;
padding-top: 5px;
}
.lx_ri{
flex: 1;
margin-left: 60px;
padding-left: 60px;
border-left: 1px solid #bbbbbb;
}
.lx_ri,.lx_ri *{
font-size: 16px;
line-height: 30px;
color: #333333;
}
.lx_ri ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.lx_ri ul li{
width: 49%;
margin-bottom: 10px;
}
.lx_ri ul li:last-child{
width: 100%;
}
.cp_sou{
margin-bottom: 30px;
}
.cp_sou form{
position: relative;
display: flex;
width: 100%;
border-radius: 10px;
overflow: hidden;
padding-right: 120px;
border: 1px solid #999999;
background: #ffffff;
}
.cp_sou select {
width: 155px;
font-size: 14px;
line-height: 48px;
color: #333333;
padding-left: 5px;
border: none;
border-right: 1px solid #999999;
}
.cp_sou input {
display: block;
flex: 1;
width: 100%;
font-size: 14px;
line-height: 48px;
color: #666666;
padding-left: 20px;
border: none;
background: #fff
}
.cp_sou button {
position: absolute;
top: 0;
right: -1px;
width: 120px;
height: 48px;
font-size: 18px;
line-height: 48px;
color: #ffffff;
border: none;
border-radius: 10px;
cursor: pointer;
background: #003366;
}
.cp_table table{
width: 100%;
text-align: center;
border-left: 1px solid #dddddd;
/* border-top: none;
border-right: none;*/
}
.cp_table table tr{
background: #eeeeee;
}
.cp_table table tr:nth-child(2n){
background: #ffffff;
}
.cp_table table tr th{
/* width: 22.6%;*/
height: 50px;
font-size: 16px;
color: #ffffff;
font-weight: normal;
border-right: 1px solid #ffffff;
background: #003366;
}
.cp_table table tr th:last-child{
border-color: #003366;
}
.cp_table table tr td{
height: 40px;
font-size: 14px;
color: #666666;
padding: 3px;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
/*.cp_table table tr th:nth-child(4){
width: 16%;
}
.cp_table table tr th:nth-child(5){
width: 16%;
}*/
.cp_table table tr td a:hover{
color: #003366;
}
.cp_table p{
text-align: center;
padding: 50px 0;
}
.new ul li{
margin-bottom: 30px;
}
.new ul li a{
display: flex;
flex-wrap: wrap;
}
.new_img{
width: 200px;
margin-right: 30px;
}
.new_img img{
width: 100%;
}
.new_ri{
flex: 1;
border-bottom: 1px solid #eeeeee;
overflow: hidden;
}
.new_ri h3{
font-size: 18px;
color: #333333;
}
.new_ri h4{
font-size: 14px;
line-height: 30px;
color: #999999;
margin: 5px 0 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.new_ri h5{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
line-height: 30px;
}
.new_ri h5 p{
flex: 1;
color: #999999;
padding-left: 25px;
background: url(../images/sj.png)left center no-repeat;
}
.new_ri h5 span{
color: #003366;
}
.new ul li:hover .new_ri h3{
color: #003366;
}
.show_tit{
text-align: center;
margin-bottom: 25px;
}
.show_tit h3{
font-size: 18px;
color: #333333;
margin-bottom: 15px;
}
.show_tit span{
font-size: 14px;
color: #999999;
padding-left: 25px;
background: url(../images/sj.png)left center no-repeat;
}
.index1{
padding: 80px 0;
}
.title{
color: #333333;
text-align: center;
margin-bottom: 40px;
}
.title h2{
font-size: 30px;
}
.title h2:after{
content: "";
display: block;
width: 68px;
height: 3px;
margin: 8px auto;
background: #003366;
}
.title p{
font-size: 18px;
text-transform: uppercase;
}
.index1 ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.index1 ul li{
position: relative;
width: 24%;
/*text-align: center;*/
background: #eeeeee;
overflow: hidden;
}
.ind1_img{
position: relative;
}
.ind1_img:after{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.8));
}
.ind1_img img{
width: 100%;
transition: all .5s;
}
.ind1_con{
position: absolute;
left: 0;
bottom: 0;
padding: 20px;
z-index: 1;
}
.ind1_con h3{
font-size: 30px;
color: #ffffff;
margin-bottom: 10px;
}
.ind1_con p{
font-size: 14px;
color: #ffffff;
}
.index1 ul li:hover img{
transform: scale(1.06);
}
/*.index1 ul li:hover{*/
/* text-align: left;*/
/* background: #003366;*/
/*}*/
/*.index1 ul li:hover h3,*/
/*.index1 ul li:hover p{*/
/*}*/
/*.index1 ul li:hover .ind1_con{*/
/* background: url(../images/jt.png)right 20px center no-repeat;*/
/*}*/
.index2{
padding-bottom: 30px;
}
.ind2_nav{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 640px;
margin: 0 auto 50px;
}
.ind2_nav p{
width: 28.125%;
font-size: 18px;
line-height: 30px;
color: #333333;
text-align: center;
padding: 10px 5px;
background: #dddddd;
cursor: pointer;
}
.ind2_nav p.cur{
color: #ffffff;
background: #003366;
}
.ind2_ul>div{
display: none;
}
.ind2_ul>div:first-child{
display: block;
}
.ind2_ul ul{
display: flex;
flex-wrap: wrap;
}
.ind2_ul ul li{
position: relative;
width: 31%;
margin-right: 3.33%;
margin-bottom: 50px;
border-bottom: 2px solid #003366;
overflow: hidden;
}
.ind2_ul ul li:nth-child(3n){
margin-right: 0;
}
.ind2_img img{
width: 100%;
}
.ind2_con{
padding: 12px 0;
}
.ind2_con h3{
font-size: 17px;
color: #333333;
margin-bottom: 10px;
}
.ind2_con p{
font-size: 14px;
color: #999999;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ind2_hg{
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
color: #ffffff;
padding: 30px;
background: rgba(0, 51, 102, 0.8);
transition: all 0.6s;
}
.ind2_hg p{
font-size: 14px;
line-height: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.ind2_hg span{
position: absolute;
left: 0;
bottom: 40px;
display: block;
width: 100%;
font-size: 14px;
text-align: center;
}
.ind2_ul ul li:hover .ind2_hg{
top: 0;
}
.index3{
}
.ind3_lf{
position: relative;
padding: 50px 0;
width: 45.8%;
background: url(../images/ind31_03.jpg)left top no-repeat;
background-size: cover;
z-index: 2;
}
/*.ind3:after{
content: "";
position: absolute;
left: 0;
top: 0;
width: 36.3%;
max-width: 440px;
height: 100%;
background: rgba(238, 238, 238, 0.9);
z-index: -1;
}
.ind3:before{
content: "";
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: rgba(238, 238, 238, 0.9);
z-index: -1;
}*/
.ind3_w{
width: 440px;
}
/*.ind3_one{
width: 36.66%;
}*/
.ind3_con{
width: 90%;
max-width: 360px;
font-size: 14px;
line-height: 30px;
color: #666666;
text-indent: 2em;
}
.ind3_more{
margin: 30px 0;
}
.ind3_more a{
display: block;
width: 120px;
font-size: 14px;
line-height: 40px;
color: #ffffff;
text-align: center;
background: #003366;
}
.ind3_more a:hover{
color: #333333;
background: #ffffff;
}
.ind3_ul{
position: relative;
width: 200%;
}
.ind3_ul ul{
display: flex;
flex-wrap: wrap;
}
.ind3_ul ul li{
width: 25%;
color: #333333;
text-align: center;
padding: 35px 5px;
background: rgba(255, 255, 255, 0.6);
}
.ind3_ul ul li h3{
font-size: 14px;
}
.ind3_ul ul li p{
font-size: 36px;
font-weight: bold;
margin: 10px 0;
}
.ind3_ul ul li span{
font-size: 14px;
}
.ind3_ul ul li:nth-child(-n+2){
background: #ffffff;
}
.ind3_ul ul li:hover{
color: #ffffff;
background: #003366;
}
.ind3_ri{
width: 54.2%;
background: url(../images/ind32_04.jpg)left top no-repeat;
background-size: cover;
}
.gw{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
line-height: 30px;
/* margin-bottom: 15px;*/
padding: 15px 10px;
border-radius: 8px;
background: #f3f3f3;
cursor: pointer;
z-index: 1;
}
.gw h3{
display: flex;
align-items: center;
font-size: 16px;
padding: 0 5px;
border-radius: 50px;
/* background: #F9F9F9;*/
}
.gw h3 span{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 30px;
height: 30px;
margin-right: 5px;
padding: 5px;
border-radius: 50%;
background: #003366;
}
.gw i{
display: block;
color: #fff;
font-size: 16px;
text-align: center;
font-weight: bold;
padding: 0 15px;
border-radius: 5px;
background: #003366;
/* box-shadow: 0 2px 6px 1px rgba(0, 51, 102, 0.51);*/
}
.cp_tit{
position: relative;
font-size: 18px;
font-weight: 700;
line-height: 22px;
margin: 30px 0;
padding-left: 15px;
border-left: 4px solid #333333;
}
.con_table table{
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.con_table table tr{
background: #F9F9F9;
}
.con_table table tr:nth-child(2n){
background: #ffffff;
}
.con_table table tr td {
padding: 15px 18px;
width: 50%;
border-radius: 5px;
word-break: break-all;
}
.con_table table tr td i{
color: #003366;
}
.product2{
padding: 25px 18px;
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
}
.product2_con{
max-height: 200px;
overflow-y: scroll;
scrollbar-color: #003366 #F5F5F5;
scrollbar-width: thin;
}
/*.product2_con:-webkit-scrollbar {
background-color: #F5F5F5;
height: 3px;
width: 3px
}
.product2_con:-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(225,73,148,0.5);
cursor: pointer
}*/
.product{
line-height: 1.8;
color: #333333;
font-size: 15px;
}
/*.product .tit1{
margin-bottom: 0;
}*/
.product3{
line-height: 2.4;
padding: 0 0 30px;
border-bottom: 1px solid #E3E3E3;
}
.cp_tan{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: rgba(0, 0, 0, .5);
display: none;
}
.cp_tan_con {
/* min-width: 400px;*/
max-width: 90%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
padding: 30px;
background: #003366;
}
.cp_tan_con img{
width: 120px;
margin-right: 20px;
}
.cp_tan_ri p{
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
}
.cp_tan_ri h3{
font-size: 20px;
font-weight: bold;
}
.cp_tan_con i {
display: block;
position: absolute;
width: 36px;
height: 36px;
top: -15px;
right: -15px;
text-shadow: none;
cursor: pointer;
}
.product_des{
display: flex;
align-items: center;
border-bottom: 1px solid #dddddd;
}
.product_des p,.product_des h3{
width: 50%;
}
.product_des h3{
font-size: 20px;
font-weight: bold;
margin-top: 5px;
}
.gl{
display: inline-block;
font-size: 18px;
color: #ffffff;
margin-bottom: 3px;
padding: 2px 10px;
background: #003366;
}
.product_des select{
font-size: 15px;
margin-bottom: 10px;
padding: 3px 20px 3px 5px;
}
.pro_lb{
position: relative;
padding: 0 20px;
}
.pro_lb .swiper-slide{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.pro_lb_z{
width: 39%;
}
.pro_lb_z img{
margin: 0 auto;
}
.pro_lb_y{
width: 61%;
padding: 20px 15px;
background: #F9F9F9;
}
.cp_swiper .swiper-button-next,.cp_swiper .swiper-button-prev {
display: block;
width: 0;
height: 0;
border-style: solid;
margin-top: -10px;
outline: 0
}
.cp_swiper .swiper-button-prev {
border-width: 10px 10px 10px 0;
border-color: transparent #003366 transparent transparent;
left: 10px
}
.cp_swiper .swiper-button-next {
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #003366;
right: 10px
}
.sou_tit{
margin: 30px 0 20px;
}
.sou_tit h2:after{
display: none;
}
.cp_des{
font-size: 16px;
line-height: 36px;
padding-bottom: 20px;
}
.cp_des img{
height: auto !important;
margin: 0 auto;
}
.cp_des span{
font-size: 14px;
}
.scroll-container {
max-height: 290px;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
}
/*.table-body {*/
/* position: absolute;*/
/* width: 100%;*/
/* top: 0;*/
/*}*/
.scroll-container table tr.acd{
position: sticky !important;
top: 0 !important;
}
.scroll-container::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #f1f1f1;
}
.scroll-container::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
.scroll-container::-webkit-scrollbar-thumb {
/*border-radius: 50px;*/
background-color: #cccccc;
box-shadow: inset 0 0 5px #cccccc;
}
.scroll-container::-webkit-scrollbar-button {
height: 0;
background-color: #D6E0FF;
}
.qc_pro{
line-height: 1.5;
}
.qc_pro .tit1{
font-size: 18px;
/*margin-top: 20px;*/
}
.qc_pro .tit1 p:first-child{
color: #003366;
}
.qc_pro .con_table table tr {
background: #ffffff;
}
.qc_pro .con_table table tr td{
padding: 10px 10px 10px 0;
font-size: 13px;
padding-bottom: 0;
}
.qc_pro .product_des {
margin-bottom: 10px;
padding-bottom: 10px;
}
.pro3_zy{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.pro3_z{
width: 80px;
}
.pro3_y{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex: 1;
/*width: 70%;*/
font-size: 13px;
padding: 10px 0 0 20px;
}
.pro3_y p{
margin-bottom: 10px;
}
.pro3_y strong{
display: block;
}
.study{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .3);
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.study_img{
max-width: 90%;
max-height: 90%;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.qc_pro .ind3_more a:hover{
color: #333333;
background: #eeeeee;
}
.sousuo_a{
padding: 30px 10px;
border-top: 1px solid #dddddd;
}
.jg_tit{
font-size: 14px;
}
/*.cp_jg_y>div{*/
/* display: none;*/
/*}*/
/*.cp_jg_y>div:first-child{*/
/* display: block;*/
/*}*/
.cp_cur>a{
color: #ffffff;
background: #003366;
}
.cp_cur a:after {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.cp_nav_erji{
display: none;
margin-top: 1px;
}
.cp_cur .cp_nav_erji{
display: block;
}
.cp_nav_erji a{
font-size: 14px;
margin-top: 0;
padding-left: 30px;
line-height: 40px;
}
.cp_nav_erji a:after{
display: none;
}
.fw_you{
flex: 1;
}
.fw_ul ul li{
margin-bottom: 10px;
padding: 15px 20px;
border: 1px solid #797979;
border-radius: 14.5px;
}
.fw_ul ul li:hover{
box-shadow: 1px 2px 6px rgba(0, 0, 0, .15);
}
.fw_img{
width: 150px;
}
.fw_img img{
max-height: 150px;
margin: 0 auto;
}
.fw_dl {
display: flex;
/* align-items: flex-end;*/
flex-wrap: wrap;
justify-content: space-between;
flex: 1;
margin: 0 20px;
}
.fw_dl dl{
width: 32%;
font-size: 18px;
margin-bottom: 20px;
}
.fw_dl dl:nth-child(n+4){
margin-bottom: 0;
}
.fw_dl dl dt h2{
font-size: 20px;
font-weight: bold;
}
.fw_dl dl dt{
font-weight: bold;
margin-bottom: 5px;
}
.fw_jg{
width: 130px;
}
.fw_jg strong{
font-size: 20px;
}
.fw_jg p{
font-size: 16px;
font-weight: bold;
margin-top: 5px;
opacity: .65;
}
.fw_jg p.mt15{
margin-top: 15px;
}
.fw_zuo{
width: 150px;
margin-right: 30px;
border: 1px solid #797979;
border-bottom: none;
background: #ffffff;
}
.fw_zuo dl{
border-bottom: 1px solid #797979;
}
.fw_zuo dl dt{
font-size: 18px;
line-height:35px;
color: #ffffff;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #797979;
background: #003366;
}
.fw_zuo dl dd{
padding: 15px 5px 10px 20px;
}
.fw_zuo dl dd a{
display: flex;
align-items: center;
margin-bottom: 5px;
}
.fw_zuo dl dd span{
position: relative;
display: block;
width: 15px;
height: 15px;
margin-right: 8px;
border: 1px solid #797979;
}
.fw_zuo dl dd a.cur span{
background: #797979;
}
.fw_zuo dl dd a.cur span:after{
content: "✔";
position: absolute;
left: 50%;
top: 45%;
transform: translate(-50%,-50%);
font-size: 12px;
color: #ffffff;
font-weight: bold;
}
.sousuo_zuo{
width: 220px;;
}
.sousuo_zuo dl dd {
font-size: 13px;
padding: 15px 5px 5px 10px;
}
.sousuo_zuo dl dd a {
margin-bottom: 15px;
}
.cp_jg_nav a{
font-size: 14px;
}
.produc_tit1{
border-bottom: 1px solid #dddddd;
margin-bottom: 50px;
}
.produc_tit1 p span{
font-size: 18px;
}
.cp_zy{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cp_z{
width: 65%;
}
.cp_swiper{
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 15px;
border: 1px solid #dddddd;
}
.cp_zy1 .cp_swiper{
height: auto;
}
.cp_y{
width: 33%;
}
.cp_box{
margin-top: 10px;
border-radius: 8px;
box-shadow: 0 3px 3px rgba(0, 0, 0, .15);
background: #ffffff;
overflow: hidden;
}
.cp_box h3{
font-size: 18px;
font-weight: bold;
padding: 5px 10px;
background: #f3f3f3;
}
.cp_y1 ul{
padding: 5px 10px 0;
}
.cp_y1 ul li{
/* font-size: 14px;*/
padding: 5px 0;
border-bottom: 1px solid #dddddd;
}
.cp_y1 ul li:last-child{
border-bottom: none;
}
.cp_y1 ul li strong{
display: block;
line-height: 20px;
}
.cp_zl{
padding: 10px;
}
.cp_flex {
padding: 50px 0 100px;
}
.price{
text-align: center;
padding: 30px;
border-radius: 8px;
background: #f3f3f3;
}
.cp_jq{
padding: 5px 10px;
border-radius: 8px;
background: #ffffff;
}
.cp_jq h2{
font-size: 20px;
font-weight: bold;
}
.cp_jq p{
font-size: 18px;
}
.price h3{
margin: 5px 0 0;
}
.price .gw{
padding: 0 5px;
}
.cp_zy1 .price{
position: sticky;
top: 150px;
}
.table_tit{
font-size: 18px;
color: #ffffff;
font-weight: bold;
margin-bottom: 5px;
padding: 5px 10px;
border-radius: 8px;
background: #003366;
}
.inventory table{
width: 100%;
}
.inventory table tr td{
padding: 5px 10px;
}
.mt15{
margin-top: 15px;
}
.table_ul{
padding: 20px 0 0;
}
.table_ul ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.table_ul ul li{
width: 49%;
}
.kt_cp ul li{
height: 192px;
margin-bottom: 20px;
/*box-shadow: 7px 6px 22px 1px #0000001f;*/
border: 1px solid #cdcfd2;
border-radius: 6px;
background: #ffffff;
padding: 20px;
}
.kt_cp .fw_img {
height: 150px;
border: 1px solid #eee;
}
.kt_ri{
flex: 1;
color: #252525;
padding-left: 60px;
}
.kt_ri img{
position: relative;
top: -10px;
}
.kt_ri span,.ko{
display: inline-block;
font-size: 14px;
line-height: 26px;
color: #ffffff;
margin-bottom: 5px;
padding: 0 10px;
background: #003366;
}
.kt_ri h2 {
font-size: 24px;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.kt_ri h2 i{
font-weight: normal;
}
.kt_ri h3 {
font-size: 14px;
margin-top: 3px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.kt_dl{
display: flex;
padding: 15px 0 0;
justify-content: space-between;
}
.kt_dl dl{
width: 23.33%;
padding-right: 5px;;
}
.kt_dl dl dt {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.kt_dl dl dd {
font-size: 14px;
color: rgba(0,0,0,.7);
}
.cp_yw ul li {
position: relative;
font-size: 14px;
padding: 20px;
margin-bottom: 15px;
border: 1px solid #E9E9E9;
}
.yw_zy{
display: flex;
}
.yw_lf{
flex: 1px;
padding-right: 15px;
}
.yw_lf h3{
font-size: 18px;
font-weight: bold;
}
.yw_lf h4{
font-size: 14px;
line-height: 26px;
font-style: italic;
}
.yw_ri{
width: 140px;
text-align: center;
}
/*.yw_ri strong{*/
/* font-size: 14px;*/
/*}*/
.yw_con{
padding-top: 20px;
padding-right: 140px;
}
.yw_con p{
/*font-size: 14px;*/
line-height: 20px;
}
.yw_con p:first-child{
margin-bottom: 8px;
}
.yw_con p span {
display: inline-block;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #CACACA;
}
.yw_con p span:last-child {
margin-right: 0;
padding-right: 0;
border-right: none;
}
.yw_x{
position: absolute;
right: 20px;
bottom: 20px;
width: 100px;
}
.wxyy{
font-size: 14px;
color: #003366;
font-weight: bold;
margin-top: 3px;
}