html,body{
margin: 0;
padding:0;
}
.fl{
float: left;
}
.fr{
float: right;
}
header{
height: 80px;
background: #062c41;
position: absolute;
top:30px;
left:0;
right: 0;
margin: auto;
z-index: 1000000;
max-width: 1200px;
padding: 0;
}
header .logo{
margin-top: 10px;
margin-left: 40px;
}
header nav{
margin-left: 100px;
}
header nav ul{
margin: 0;
padding: 0;
}
header nav ul li{
height:80px;
line-height: 80px;
text-align: center;
padding: 0 !important;
float: left;
overflow: hidden;
width: 130px;
}
header nav ul li.nav04{
width: 168px;
}
header nav ul li.nav00 a{
display: inline-block;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
border-right: 1px #0e3346 solid;
margin-top: 0;
height: 160px;
}
header nav ul li.nav00.on,header nav ul li:hover{
}
header nav ul li.nav00.on a,header nav ul li.nav00 a:hover{
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
margin-top: -80px;
}
header nav ul li.nav01 a{
background: url("../203/shouye.png") no-repeat center 0;
width: 130px;
}
header nav ul li.nav02 a{
background: url("../203/chanpin.png") no-repeat center 0;
width: 130px;
}
header nav ul li.nav03 a{
background: url("../203/jiameng.png") no-repeat center 0;
width: 130px;
}
header nav ul li.nav04 a{
background: url("../203/lianxi.png") no-repeat center 0;
width: 168px;
}
header .search{
margin-left: 40px;
margin-top: 19px;
}
header .search a{
text-decoration: none;
}
header .search i{
font-size: 34px;
color: #e7775f;
}
.swiper-container img{
width: 100%;
}
.position{
height: 80px;
background: #e7775f;
overflow: hidden;
}
.position .po_left,.position .po_right{
height: 80px;
line-height: 79px;
color: #ffffff;
padding: 0 9px;
text-align: center;
}
.position .po_left img,.position .po_right img{
height: 81px;
}
.position .po_right{
}
.jiamengpos{
background: #062c41;
}
.proimg_list{
}
.proimg_list img{
width: 100%;
}
.pl1box{
width: 14.285%;
float: left;
}
.pl2box{
width: 28.571%;
float: left;
}
.pl3box{
width: 42.857%;
float: left;
}
.pl1-1{
width: 50%;
}
.proimg_list .pl2_2,.proimg_list .pl1-1 {
position: relative;
}
.proimg_list img.name{
width: 60%;
position: absolute;
z-index: 888;
left: 0;
right: 0;
top:0;
bottom: 0;
margin: auto;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.proimg_list img.name:hover{
animation: flipInX 1s linear infinite;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
/*--小食大做--*/
.xsdzbox{
background: #062c41;
}
.scleft{
width: 18%;
float: left;
margin: 60px 0;
}
.scleft img{
width: 190px;
}
.scright{
width: 82%;
float: right;
margin: 60px 0;
}
.scright .scright-top{
}
.scright .scright-top img{
float: left;
height: 230px;
margin-right: 10px;
}
.scright .scright-top img:nth-child()
.scright .scright-bottom{
}
.scright .scright-bottom img{
width: 980px;
}
.index_ad{
overflow: hidden;
}
.index_ad img{
}
.dp_show_box{
margin: 40px 0;
}
.dp_show_box .dp_show_title{
width: 16%;
}
.dp_show_box .dp_show_title img{
width: 80%;
max-width: 101px;
}
.dp_show_box .dp_show_img00{
width: 26.33333%;
margin: 0 1%;
}
.dp_show_box .dp_show_img00 .dp_show_more{
margin-top: 15px;
}
.dp_show_box .dp_show_img03{
margin-right: 0;
}
.pp_show_box{
margin: 20px 0;
}
.pp_show_00{
text-align: left;
width: 10%;
}
.pp_show_00 img{
}
.pp_show_box .pp_show_01,.pp_show_box .pp_show_02,.pp_show_box .pp_show_03{
margin: 0 154px;
}
.pp_show_box .pp_show_03{
margin-right: 0;
}
.info_jj_box{
background: #565960;
padding: 30px 0;
}
.info_jj_box .info_jj_00{
}
.info_jj_box .info_jj_00 hr{
margin: 5px 0;
}
.info_jj_box .info_jj_00 h3{
font-size: 20px;
font-weight: bold;
}
.info_jj_box .info_jj_01{
width: 14.285%;
margin-right: 14.285%;
margin-top: 38px;
}
.info_jj_box .info_jj_02{
margin-right: 14.285%;
text-align: justify;
}
.info_jj_box .info_jj_02,.info_jj_box .info_jj_03{
width:28.571%;
color: #ffffff;
}
.info_jj_box .info_jj_03 i{
font-size: 30px;
margin-right: 10px;
display: block;
float: left;
}
.info_jj_box .info_jj_03 p.tell{
font-size: 27px;
font-family: Verdana
}
/*--产品--*/
.container-pro{
width: 1300px;
margin: 0 auto;
}
.prodbox{
margin: 60px 0;
}
.prodbox .pr10{
margin-top: 18px;
}
.prodbox .pr65{
width: 58%;
position: relative;
}
.prodbox .pr65 .pr65_fxxc{
position: static;
top: 0;
right: 0;
z-index: 20;
}
.prodbox .pr65 .pr65_fxxc img{
max-width: 535px;
width: 80%;
}
.pr65_sxl{
margin-top: -112px;
z-index: 30;
position: relative;
}
.pr65_sxl_title{
width: 15%;
}
.pr65_sxl_24{
width: 24%;
}
.pr65_sxl_title img{
width: 75%;
}
.pr65_sxl_16{
width: 20%;
margin: 0 2.5%;
}
.pr65_sxl_24{
margin-top: 16px;
margin-right: 2.5%;
}
.pr65_sxl_16_4{
margin-right: 0;
}
.pr65_sxl_24.first .pr65_sxl_name{
margin-top: 10px;
}
.pr65_sxl_16{
margin-top: 45px;
}
.pr65_sxl_16 .pr65_sxl_name{
margin-top: 18px;
text-align: center;
}
.pr65_sxl_16 .pr65_sxl_name img{
width: 80%;
}
.pr65_sxl_16 .pr65_sxl_3{
margin-top: 12px;
}
.pr65_sxl_16 .pr65_sxl_3 img{
width: 91%;
}
.pr65_sxl_16 .pr65_sxl_name.pr65_4{
margin-top: 12px;
}
.prodbox .pr25{
width: 37%;
}
.prodbox .pr10{
width: 5%;
}
.prodbox .pr10 img{
width: 17%;
}
.pr_fm_0{
width: 22%;
margin: 30px 1% 0;
}
.pr_fm_4{
width: 26%;
}
.pr_fm_0 .pr_fm_name{
margin-top: 10px;
}
.pr_fm_4 .pr_fm_name{
margin-top: 32px;
}
.pr_fm_0 .pr_fm_name img{
height: 44px;
}
.pr_fm_4 .pr_fm_name img{
height: auto;
}
.pr_fm_1 img{
width: 78%;
}
.pr_mlmj{
width: 100%;
}
.pr_mlmj img,.pr_ljc img{
width: 94%;
}
.pr_na img{
width: 80%;
}
.pr_ps{
}
.xshjbox{
padding:64px 0;
}
.xshjleft{
padding-top: 14px;
}
.pr_ps .pr_ps_01{
width: 60%;
}
.pr_ps .pr_ps_02{
width: 40%;
padding: 0 5%;
}
.pr_ps_02 h3{
margin-top: 60px;
}
.pr_ps_02 h4{
font-size: 18px;
margin-top: 40px;
font-weight: bold;
color:#002d43;
}
.contact-white{
height: 120px;
}
.pr_ps_02 p{
font-size: 18px;
}
.jiameng{
height: 650px;
}
.jiameng .swiper-slide {
font-size: 18px;
color:#fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 60px;
}
.jiameng .parallax-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.jiameng .swiper-slide .title{
font-size: 41px;
font-weight: 300;
background: #e7775f;
color: #ffffff;
padding: 10px 0;
width: 400px;
margin-top: 200px;
text-align: center;
margin-bottom: 10px;
margin-left: 10%;
}
.jiameng .swiper-slide .title img{
width:94%;
}
.jiameng .swiper-slide .subtitle{
font-size: 21px;
background: #575b64;
color: #FFFFFF;
width: 306px;
margin-bottom: 20px;
margin-left: 10%;
}
.jiameng .swiper-slide .subtitle img{
width: 90%;
}
.jiameng .swiper-slide .text{
font-size: 14px;
max-width: 400px;
line-height: 1.3;
width: 400px;
margin-left: 10%;
}
.jiameng{
}
.focusbox{
}
.focusbox img{
width: 100%;
}
.xshjbox{
background: #062c41;
}
.jiameng img{
width: auto;
}
.jm_lc{
float: left;
margin: 40px 0;
}
.jm_lc_title{
width: 10%;
}
.jm_lc_01{
width: 20%;
margin-left: 5%;
}
.jm_lc_02{
width: 23%;
margin:40px 6%;
}
.jm_lc_03{
width: 30%;
}
.jm_lc img{
margin:7px 0;
height: 50px;
}
.jm_lc_title img{
width: 98%;
height: auto;
}
.bzboxcontainer{
margin: 40px auto;
}
.bzbox{
margin: 15px 0;
}
.jm_table{
text-align: center;
margin: 30px 0;
}
.jm_table{
text-align: center;
}
.jm_table img{
}
.messageform{
padding: 60px 0;
}
.messageform .form-group{
}
.contactbox{
margin: 40px auto;
}
.contactbox .contact_left{
width: 16%;
}
.contactbox .contact_left p{
}
.contactbox .contact_right h4{
font-weight: bold;
}
.contactbox .contact_right{
width: 80%;
font-size: 16px;
line-height: 40px;
font-weight: bold;
text-align: justify;
}
.contact_info{
margin-top: 40px;
margin-bottom: 30px;
}
.contact_info2{
margin-bottom: 40px;
}
.contact_info2 p{
font-size: 18px;
font-weight: bold;
}
footer{
font-size: 14px;
line-height: 30px;
margin-top: 30px;
font-weight: bold;
}
footer a{
color: #0f0f0f;
text-decoration: none;
}
footer a.gotop{
display: inline-block;
padding: 5px 40px;
color: #ffffff;
background: #062c41;
}
footer i{
width: 80px;
height: 80px;
background: #ffffff;
border-radius: 50%;
color: #062c41;
padding: 2px;
margin-left: 3px;
}