@charset "utf-8";

/* CSS reset */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
}

table,
tbody,
td,
tfoot,
th,
thead,
tr{
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
    color:#f5deb6
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

b,
strong {
    font-weight: bold;
}

img {
    color: transparent;
    font-size: 0;
    -ms-interpolation-mode: bicubic;
    /*windows平台缩放图片时，可能出现图像失真现象*/
}

ol,
ul {
    list-style: none;
}

li {
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
}

/* 全局CSS定义 */
body {
    margin: 0 auto;
    /* color: rgb(233,81,148); */
    font-family: 'SourceHanSansCN-Regular';
    font-size: 12px;
    line-height: 14px;
}

em,
i {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 12px;
    font-weight: normal;
}
*{
    box-sizing: border-box;
}
input,
textarea {
    font-size: 12px
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*IE/7/6*/
/* 链接样式*/
a:link,
a:visited,
a:focus {
    outline: none;
}

a:link {
    color: rgb(16,75,119);
    text-decoration: none;
}

a:visited {
    color: rgb(16,75,119);
    text-decoration: none;
}

a:hover {
    color: rgb(16,75,119);
    text-decoration: underline;
}

a:active {
    color: rgb(16,75,119);
    text-decoration: none;
}

a:hover {
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

img {
    display: block;
    width: 100%;
}
.bd{
    padding:.2rem;
    border: 1px solid #fff;
}
#page{
    width: 10.8rem;
    margin:auto;
    background: #fff ;

}


  
  .part-one{
    height: 17.14rem;
    background: url('./../images/bg/bg_1.jpg')no-repeat left top;
}
  .part-two{
    height: 18.52rem;
    background: url('./../images/bg/bg_2.jpg')no-repeat left top;
}
  .part-three{
    height:21.8rem;
    background: url('./../images/bg/bg_3.jpg')no-repeat left top;
}
  .part-four{
    height:31.35rem;
    background: url('./../images/bg/bg_4.jpg')no-repeat left top;
}
  .part-five{
    height:16.8rem;
    background: #fff;
}
.part-five-add{
    height:17.4rem;
    background: url('./../images/bg/bg_5.jpg')no-repeat left top;
}
  .part-six{
    height:27.46rem;
    background: url('./../images/bg/bg_6.jpg')no-repeat left top;
    text-align: center;

}
  .part-seven{
    height:80.25rem;
    /* background: url('./../images/bg/bg_6.jpg')no-repeat left top; */
    text-align: center;

}
  .part-end{
    height:9.65rem;
    background: #faeab5;
    position: relative;
}
.part{
    width: 10.8rem;
    overflow: hidden;
    background-size:100% 100%;
    position: relative;
  }
.logo{
    width: 1.78rem;
    position: absolute;
    top:.56rem;
    left:.46rem;
}

.title{
    width: 5.08rem;
    position: absolute;
    top: 1.34rem;
    left:50%;
    margin-left: -2.54rem;
}
.title_o{
    width: 2.52rem;
    position: absolute;
    top:2.79rem;
    right: 1.04rem;
}
.part1_name{
    width: .29rem;
    position: absolute;
    top: 5.04rem;
    left: .6rem;
}
.dyr{
    width: 8.19rem;
    position: absolute;
    top: 4rem;
}
.prod{
    width:2.73rem;
    position: absolute;
    top: 4.5rem;
    right: .6rem;
}

.part2_title{
    width:8.76rem;
    margin: auto;

}
.part2_txt{
    width: 5.37rem;
    margin: 1.1rem auto 0 ;
}
.part2_title2{
    width: 9.4rem;
    margin:2.68rem auto 0;
}
.part2_content{
    margin-top: 1.32rem;
    position: relative;
}
.part2_txt2{
    width: 3.35rem;
    position: absolute;
    left: .83rem;
}
.part2_pic{
    width:7.23rem;
    position: absolute;
    right: 0;
    z-index: 10;
}
.part2_label_list{
    position: absolute;
    top: 4rem;
    left: .83rem;
}
.part2_label{
    width:4.89rem;
    margin-top: .2rem;
}

.part3_title{
    width:8.8rem;
    margin: 1.82rem auto 0 ;
}

.part3_item{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.2rem;
}
.part3_icon{
    width:2rem;
    margin: 0 .65rem;
}
.part3_sub1{
    width:4.38rem;
    
}
.part3_sub2{
    width:3.37rem;
    
}
.part3_sub3{
    width:5.04rem;
    
}
.part3_sub4{
    width:4.11rem;
    
}
.part3_title2{
    width:5.63rem;
    margin: 1rem auto .6rem;
}
.part3_sub{
    width:4.69rem;
    margin: auto ;
}
.part4_title{
    width:10rem;
    margin: .48rem auto 0;
}
.part4_vs{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .76rem;
}
.part4_sub{
    width:3.33rem;
}
.vs{
    width:1.34rem;
    margin: 0 .39rem;
}
.part4_pic_list{
    display: flex;
    justify-content: space-around;
    padding: 0 .3rem;
    margin-top: .6rem ;

}
.part4_pic{
    width: 4.5rem;
}
.part4_content{
    /* position: relative; */
    margin-top: 2.28rem;
}
.part4_title2{
    width: 4rem;
    margin: auto;
}
.part4_txt3{
    width: 3.92rem;
    margin: 1.49rem 0 0 1rem;
}

.part4_content2{
    margin-top: 3.17rem;
}
.part4_item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .6rem;
    margin-top: 1rem ;
}
.part4_chart{
    width: 5.2rem;
}
.part4_sub2{
    width: 1.96rem;
    margin: 0 1rem;
}
.part5_title{
    width:8.8rem;
    margin: 1.5rem auto 0;
}
.part5_sub{
    width:8rem;
    margin: 1rem auto;
}
.part5_item{
    display: flex;
    justify-content: center;
    align-items: center;
}
.part5_pic{
    width:4.02rem;
}
.part5_txt{
    width:4.79rem;
    margin-left: 0.58rem;
} 
.part5_txt2{
    width:4.57rem;
    margin-right: 0.43rem;
}
.part5_content{
    /* margin: 2rem auto 0; */
    position: relative;
}
.part5_txt3{
    width:9rem;
    margin:1.07rem auto 0;
}
.part5_label{
    width:.25rem;
    position: absolute;
}
.hb{
    top:8.23rem;
    left: 2.86rem;
}
.part5_hb{
    width:1.77rem;
    position: absolute;
    left: .96rem;
    top: 5.4rem;
}
.ns{
    top:6.12rem;
    left: 5.02rem;
}
.part5_ns{
    width:1.14rem;
    position: absolute;
    left: 3.73rem;
    top: 5rem;
}
.dw{
    top:6.91rem;
    left: 7.51rem;
}
.part5_dw{
    width:2.06rem;
    position: absolute;
    right: .8rem;
    top: 6.8rem;
}
.zk{
    top:9.69rem;
    left: 6.85rem;
}
.part5_zk{
    width:1rem;
    position: absolute;
    left: 5.67rem;
    top: 7.8rem;
}
.yd{
    top:12.09rem;
    left: 2.72rem;
}
.part5_yd{
    width:1.67rem;
    position: absolute;
    left: 3.17rem;
    top: 11rem; 
}
.ls{
    top:13.02rem;
    left: 9.28rem;
}
.part5_ls{
    width:1.73rem;
    position: absolute;
    right: 1.69rem;
    top: 10rem; 
}

.part6_title{
    width: 8.8rem;
    margin: .88rem;
    position: relative;
}
.part6_hot{
    width: 1.07rem;
    position: absolute;
    top: -.5rem;
    right: 0;
}
.video{
    width: 9.4rem;
    height: 4.73rem;
    /* background: url('./../images/video.png')no-repeat center center; */
    background-size: 100% 100%;
    margin: .4rem auto;
    position: relative;
    padding:.17rem .18rem;
}
.part6_title2{
    width: 4.3rem;
    margin: 2rem auto 0;
}
.part6_txt{
    width: 7.96rem;
    margin: 1rem auto 0;
}
.part6_pic{
    width:100%
}
.part7_title{
    width: 8rem;
    margin: 1rem auto .75rem;
}
.part7_txt{
    width: 1.79rem;
    margin: auto;
}
.part7_pic{
    width: 9.6rem;
    margin: 1rem auto 0 ;
}
.part7_title2{
    width:5.86rem;
    margin: 1rem auto;
}
.part7_list{
    width: 9.6rem;
    position: relative;
    left: 50%;
    margin-left: -4.8rem;
}
/* .part7_pic2{
    position: absolute;
} */
.part7_rt{
    width: .94rem;
    position: absolute;
    top:2.2rem;
    right: .6rem;
}
.part7_lf{
    width: 1rem;
    position: absolute;
    top:1.6rem;
    left: .4rem;
}
.part7_title3{
    width:8.8rem;
    margin: 1.05rem auto 0;
}
.part7_sub{
    width:4.2rem;
    margin:.7rem auto 0;
}
.part7_picture{
    width:9.6rem;
    margin: .27rem auto 0;
}
.part7_say{
    width:9.6rem;
    margin: .5rem auto;
}
.part_end{
    width:9.6rem;
    margin: 1.2rem auto 0;
}


















.foot{
    /* color: rgba(23, 163, 109, 1); */
    font-family: 'PingFang-Light';
    margin-top: .3rem;
    line-height: .48rem;
}
.erwei{
    text-align: center; 
    width: 3rem; 
    margin: 0 auto .4rem;
}
.erwei-img{
    border:1px solid #a57032;
    padding:.1rem;
}
.erwei p{
    line-height: .4rem;
}