@charset "utf-8";
*,
body,
html {
  list-style:none;text-decoration: none; text-decoration:none; margin:0 auto;
  }
  
  
@font-face {font-family: 'BEBAS';src: url('../fonts/BEBAS.woff2');}
@font-face {font-family: 'Oswald-Bold';src: url('../fonts/Oswald-Bold.otf');}

@font-face {font-family: 'Open Sans';src: url('../fonts/Barlow-Regular.ttf');}


.lian-index-aboutluk-bottom {overflow: hidden;padding-top:4%; width:100%; float:left; height:270px;}
.lian-index-aboutluk-date {float: left;width: 23%;margin-right:2%;}
.lian-index-aboutluk-date:last-child {margin-right: 0;}
.lian-index-aboutluk-date a {display: block;position: relative;}
.lian-index-aboutluk-date a::after {content: '';width: 100%;height:45%;position: absolute;left: 0;top: 0;z-index: 1;background:#fff ;  box-shadow: 0px 0px 10px #c7d4de; margin-left:5px; border-radius:8px;}
.lian-index-aboutluk-date .icon-1 {position: absolute;left: 9%;top: 10%;z-index: 10;width: 1rem;height:1rem;}
.lian-index-aboutluk-date .icon-1 img {filter: grayscale(1);opacity: .2; width:50px;}
.lian-index-aboutluk-date .text {position: absolute;left: -10%;top: 10%;z-index: 11;width: 90%;text-align: right;}
.lian-index-aboutluk-date .title-1 em{font-style: normal;font-weight: bold;margin-left: 1rem;}
.lian-index-aboutluk-date .text-1 {color: #666666;width: 60%;margin-top: 3%;float: right; font-size:15px;}
.lian-index-aboutluk-date .img {background: none;}
.lian-index-aboutluk-date a:hover {transform: translateY(-1rem);}
.lian-index-aboutluk-date a .title-1 strong,.lian-index-aboutluk-date a .title-1 em {color: ;}
.lian-index-aboutluk-date a .title-1 em { color:#fff; background:#1077e1; border-radius:50%;  font-weight:400; font-size:16px; width:30px; line-height:30px; display: inline-block; text-align:center; height:30px;}


 


.title-1 strong,.title-1 h1 {font-weight: normal;}
.header-contact .contact-btn span,.lian-more span,.lian-index-aboutluk-date .title-1 strong,.lian-index-news-item .title-1,.index-faq-item .title-1,.lian-news-item.lni1 .title-1,
.lian-index-aboutluk-date .title-1 em ,.lian-index-industries-item .title-1,.viewmore-1 .text-2,.lian-about-contact-text .title-1,.title-1 h1,.lian-team-rightbtn a,
.lian-page-model-top .title-1 h1,.lian-sitemap-item .title-1 a,.lian-food-processing-top .title-1,.lian-food-processing-top .title-1 strong,
.lian-food-processing-item .title-2,.lian-key-considerations-item .title-2{font-family: Arial;font-weight:bold;}
.index-banner-text strong,.lian-title .title-1,.title-1 strong,.lian-company-data-item .title-1 em,.lian-products-weoffer-nav strong,.lian-page-banner .text-1 strong ,
.lian-history-item-left .year-1 strong,.lian-history-item-left .text-1 strong{font-family: Arial;font-weight:bold;}
.lian-page-nav a.cur span,.lian-about-culture-item .title-1{font-family: Arial;font-weight:bold;}

.lian-company-data-item .title-1 strong ,.lian-company-data-item .title-1 em{font-family: 'MonExtraBold';}
.lian-index-aboutluk-date .title-1 strong{font-family: 'BEBAS'; font-weight:200;}

.lian-index-aboutluk-date .title-1 strong.font60{font-family: 'BEBAS'; font-weight:200; font-size:45px;}





.bt05{ width:100%; padding-top:60px; padding-bottom:60px; background:url(../images/index_05.jpg) no-repeat bottom; background-size:100%; float:left}

.kuai1{ width:1250px; margin:auto;}

.qywlan01{line-height:42px;  font-size:33px; color:#fff; font-weight:bold; width:100%; float:left; font-weight:normal}
.qywlan02{line-height:30px; font-size:17px; color:#fff; text-transform:uppercase; width:100%; float:left; padding-top:15px;}

.qywlan03{ width:40%; float:left; font-family: 'Open Sans'; color:#1077e1; font-size:20px; text-align:left; padding-top:5px; padding-bottom:5px; padding-left:80px; background:#fff; margin-top:20px;border-radius:35px;}
.qywlan03 span{font-size:17px;}





.more41{ width:100%; float:left}

.more4{ float:left;margin:0px auto 20px 0px; width:20%; text-align: center; line-height:45px;box-sizing: border-box; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-perspective: 300px;perspective: 300px;color:#fff; background:#737373; font-size:15px; }
.more4::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transform: scale(0, 1);transition: all .5s;z-index: -1; background:#15a297;color:#fff; }
.more4 a{ display: block; font-size: 14px;color:#fff;}
.more4:hover::before{opacity: 1; visibility: visible; transform: none; color:#254d3a!important}
.more4:hover a{ color:#254d3a!important}






#nn1{
width:100%;
float:left;
height:590px;
padding-top:110px;
background-image:url(../images/Nipic_33722168_20230130212255005122.jpg); background-size:100%; background-position:top; background-repeat:no-repeat; 

}


#nn{
width:1250px;
height:370px;
margin:auto;
background:url(../images/bbbb.png) repeat top center;border-radius:8px;
}



.pp{width:78%; float:left; padding-top:50px; padding-left:50px;}

.pp ul{text-align:left; float:left;  width:73%;color:#FFFFFF; line-height:28px; font-size:15px; padding-left:5%}
.pp ul h4{ text-align:left; line-height:30px; font-size:22px; width:100%; float:left; color:#fff;font-weight:normal;padding-bottom:20px; }
.pp ul h4 em{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:22px;  color:#fff;font-weight:normal;   }

.pp2{ float:left; width:20%}
.pp2 img{ float:left;border-radius:5px; width:90%; margin-bottom:25px;}


.pp1{width:20%;  float:left; border-left:#707070 dashed 1px;  margin-top:50px; padding-left:50px;} 

.pp1 ul{float:left; width:100%;  }
.pp1 ul li{float:left; width:100%; color:#bbbbbb; line-height:35px; font-size:15px;}
.pp1 ul li:hover{float:left; width:100%; font-weight:900; color:#FFFFFF}




.m1{ width:150px;float:left; text-align:center;color:#FFFFFF; margin-top:17px;line-height:35px;}
.m1 a{ color:#FFFFFF ; float:left; background:#15a297  ;width:100%; font-size:15px; border-radius:3px;}
.m1 a:hover{ color:#15a297   ; background:#fff;  float:left; }

.m2{ width:150px;float:left; text-align:center;color:#FFFFFF; margin-top:20px; line-height:35px;}
.m2 a{ color:#FFFFFF ;float:left; width:100%; background:#15a297  ;font-size:15px; border-radius:3px;}
.m2 a:hover{ color:#15a297  ; background:#fff;  float:left; }


.ccc2{ width:40px; height:30px; background:#1077e1; color:#FFFFFF; font-size:20px; float:right; text-align:center }
.ccc2 a{  color:#FFFFFF; }

.ccc1{ width:40px; height:30px; background:#1077e1; color:#FFFFFF; font-size:20px;  float:left; text-align:center }
.ccc1 a{  color:#FFFFFF; }


.ab{ width:1171px; margin:auto;  padding-bottom:50px; overflow:hidden}
.ab h3{font-size:30px; margin:auto;width:310px; overflow:hidden; color:#000000;font-weight:normal; padding-top:125px; padding-bottom:90px; letter-spacing:2px;background:url(../images/tt.jpg) no-repeat 0px 60px;}

.ab1{ width:437px; float:left; height:90px; background:url(../images/20210227123139.jpg) no-repeat left; padding-left:100px; padding-top:10px;}
.ab1 h4{ font-size:17px; font-weight:normal; color:#4b4b4b; padding-top:10px;}
.ab2{ width:437px; float:right; height:90px; background:url(../images/ys.jpg) no-repeat left; padding-left:100px;padding-top:10px;}
.ab2 h4{ font-size:17px; font-weight:normal; color:#4b4b4b; padding-top:10px;}

#main1{width:100%; float:left; background:#009148;  height:265px; margin-top:128px; }
.nr5{ margin:auto; width:1171px; height:0px; position: relative;clear: both; }
.nr4{ margin:auto; width:1171px; height:346px; position: absolute;clear: both; background:#f0f0f0}

.anli{ width:1171px; float:left}



/*��ҳ�߽�*/

.s_zj_box{width:1260px; margin:0 auto; clear:both; margin-bottom:70px; overflow:hidden; padding-top:10px; } 
.s_zj_box .s_zj_p1{ font-size:34px; color:white; text-align:center; padding-top:0px; }
.s_zj_box .s_zj_p2{ font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 35px; text-transform:uppercase;}
.s_zj_box .s_zj_tip{ width:300px; float:left; margin-left:7px; margin-right:7px;  margin-bottom:15px;
transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;}
.s_zj_box .s_zj_tip:hover{ margin-top:0px;}
.s_zj_box .s_zj_tip img{ width:300px; height:180px;}
.s_zj_box .s_zj_tip .s_zj_p3{ background-color:#dadada; }
.s_zj_box .s_zj_tip .s_zj_p3 p{ font-size:15px;color:#333333; text-align:center; line-height:50px;}


/*��ҳ��������*/
.s_link_box{width:1260px; margin:0 auto; margin-top:44px; margin-bottom:60px;}
.s_link_box .s_link_p1{ font-size:14px; color:#6f6f6f; margin-top:6px; margin-left:18px;}

.s_link_box .s_link_p1 a{color:#6f6f6f;}



.s_link_box1{width:100%; }
.s_link_box1 img{width:100%; margin-top:0px;}



	.email {
    width: 100%;
    height: 91px;
    background:url(../images/email_img_47.jpg) repeat-x;
}






.flex-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.img_pic {
    position: relative;
    width: 100%;
    padding-top: 50%;
    overflow: hidden;
}

.img_pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    -o-object-fit: cover;
    object-fit: cover;
}

.backwrite {
    background: #fff;
}

.paddb90 {
    padding-bottom: 90px;
}

.padd90 {
    padding: 90px 0;
}


/* header */



.zdMore {
    position: relative;
    margin-top: 0px;
}

.zdMore .more {
    position: relative;
    width:180px;
    height:45px;
    line-height: 45px;
    border-radius: 35px;
    padding: 0 48px;
    font-size: 15px;
    letter-spacing: 1px;
    box-sizing: border-box;
    background-color: #fff;
    color: #18a787;
    text-transform: capitalize;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zdMore svg {
 width: 14px;
 height: 12px;
    vertical-align: middle;
    pointer-events: none;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    -o-transition: .25s transform ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}


/* about  end */

/* solution */
.ind-title {
    position: relative;
}

.tit-en {
    text-transform: uppercase;
    font-size:25px;
	font-family: 'Oswald-Bold';
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase; 
}
line3 {
    width: 54px;
    height: 54px;
    background:url(../images/line.png) no-repeat center top;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.tit-cn {
    font-size:35px;
    margin-top: 5px; font-weight:bold
}

.ind-title.white .tit-cn,
.ind-title.white .tit-en {
    color: #fff;font-family:Barlow-Regular;
	
}

.ind-title.center {
    text-align: center;
}

.index-product {
    position: relative;
    width: 100%; height:450px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    padding-left: 5vw;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


.index-product .item-ul {
    width: 57vw;
    z-index: 6;
    margin:6vw -10vw 6vw 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: 10px;
	padding-right:30px;
    background: #f8fcff url(../picture/1.png) no-repeat center;
}

.index-product .item-ul li {
    position: relative;
    width: 50%;
    overflow: hidden;
    padding:30px 0px 30px 30px;
    float: left;
    text-align: center;
}

.index-product .item-ul li a {
    display: block;
    position: relative;
}

.index-product .item-ul li:nth-child(1),
.index-product .item-ul li:nth-child(2),
 {
    border-top: 0;
}


.index-product .item-ul li .tit {
    font-size: 20px;
    color: #333;
    line-height: 24px;
    margin-top: 1vw;
    text-transform: uppercase;
 font-weight:bold
}
.index-product .item-ul li .tit1 {
    font-size: 15px;
    color: #666;
    line-height: 24px;
    margin-top: 0.4vw;
    text-transform: uppercase;
    height: 48px; letter-spacing:0
}

.index-product .item-ul li:hover .tit {
    color: #fff;
}
.index-product .item-ul li:hover .tit1 {
    color: #fff;
}
.index-product .item-ul li>i,
.index-product .item-ul li a>i {
    width: 62px;
    height: 60px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.index-product .item-ul li  img
{
    width: 100%;
    height: 100%;
    object-fit: contain;  border-radius: 10px;
}
.index-product .item-ul li:hover .icon01_img2 {

    transform: translateY(-100%);
}
.index-product .item-ul li:hover .icon01_img1 {

    transform: translateY(-100%);
}

.index-product .item-ul li .desc {
    position: relative;
    top: 0;
    margin-top: 19%;
    font-size: 14px;
    color: #666;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: none !important;
}

.index-product .item-ul li:hover .desc {
    color: #fff;
    opacity: 0.8;
}

.index-product .item-ul li:hover .desc {
    top: -25px;
}

.index-product .item-ul li::after {
    position: absolute;
    bottom: 1.3vw;
    right: 1.3vw;
    content: '';
    width: 14px;
    height: 12px;
    background: url(../images/icon-right.png) no-repeat;
    z-index: 9;
    opacity: 0;
}

.index-product .item-ul li>b {
    display: block;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
    overflow: hidden;
    border-radius: 6px;
}

.index-product .item-ul li>b::before {
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: #18a787 transparent transparent transparent;
	

	
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 1.2s;
    transition: 1.2s;
}

.index-product .item-ul li:hover>b::before,
.index-product .item-ul li:hover::after {
    opacity: 1;
}

.index-product .item-ul li:hover>b::before {
    border-width: 930px 930px 0 0;
}

.index-product .product-box {
    position: relative;
    width: 51%;
    background: #18a787;
    z-index: 5;
    padding-left: 16vw;
    overflow: hidden;
    display: flex;
    align-items: center; margin-left:60%; 
}

.product-box-div {
    display: inline-block;
}

.product-box-bg {
    position: absolute;
    width: 60%;
    bottom: -14%;
    opacity: 0.48;
    right: -10%;
}

.index-product .product-box .desc {
    margin-top: 2.8vw;
    margin-left: 10px;
    max-width: 22vw;
    color: #fff;
    font-size: 16px;
}

.more-btn {
    width: 140px;
    height: 40px;
    border-radius: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    margin-top: 89px;
    border: 1px solid #0072be;
    color: #0072be;
    font-family: "en";
    -webkit-transition: ease .4s;
    transition: ease .4s;
}

.more-btn:hover {
    background: #fff;
    color: #1a74bb;
}

.more-btn.white {
    border: 1px solid #fff;
    color: #fff;
}

.more-btn.blue {
    border: 1px solid #0072be;
    background: #0072be;
    color: #fff;
}







@media (max-width:768px){


.tit-en {
    text-transform: uppercase;
    font-size:14px;
	font-family: 'Oswald-Bold';
    font-weight: bold;
    line-height: 1.1;
    text-transform: uppercase; 
}
.tit-cn {
    font-size:18px;
    margin-top: 5px; font-weight:bold
}

.index-product {
    position: relative;
    width: 100%; height:320px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    padding-left: 5vw;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.index-product .product-box {
    position: relative;
    width: 100%;
    background: #18a787;
    z-index: 5;
    padding-left: 16vw;
    overflow: hidden;
    display: flex;
    align-items: center; margin-left:50%; 
}


.zdMore .more {
    position: relative;
    width:100px;
    height:25px;
    line-height:25px;
    border-radius: 35px;
    padding:0 15px;
    font-size: 12px;
    letter-spacing:0px;
    box-sizing: border-box;
    background-color: #fff;
    color: #18a787;
    text-transform: capitalize;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zdMore svg {
 width: 14px;
 height: 12px;
    vertical-align: middle;
    pointer-events: none;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    -o-transition: .25s transform ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}



.lian-index-aboutluk-bottom {overflow: hidden;padding-top:2%; width:100%; float:left; height:170px;}
.lian-index-aboutluk-date {float: left;width: 23%;margin-right:2%;}
.lian-index-aboutluk-date:last-child {margin-right: 0;}
.lian-index-aboutluk-date a {display: block;position: relative;}
.lian-index-aboutluk-date a::after {content: '';width: 100%;height:40%;position: absolute;left: 0;top: 0;z-index: 1;background:#fff ;  box-shadow: 0px 0px 10px #c7d4de; margin-left:5px; border-radius:8px;}
.lian-index-aboutluk-date .icon-1 {position: absolute;left: 9%;top: 5%;z-index: 10;width: 1rem;height:1rem;}
.lian-index-aboutluk-date .icon-1 img {filter: grayscale(1);opacity: .2; width:40px;}
.lian-index-aboutluk-date .text {position: absolute;left:0%;top:7%;z-index: 11;width:100%;text-align: right;}
.lian-index-aboutluk-date .title-1 em{font-style: normal;font-weight: bold;margin-left: 1rem;}
.lian-index-aboutluk-date .text-1 {color: #666666;width:90%;margin-top: 3%;float: right; font-size:12px;}
.lian-index-aboutluk-date .img {background: none;}
.lian-index-aboutluk-date a:hover {transform: translateY(-1rem);}
.lian-index-aboutluk-date a .title-1 strong,.lian-index-aboutluk-date a .title-1 em {}
.lian-index-aboutluk-date a .title-1 em { color:#fff; background:#1077e1; border-radius:50%;  font-weight:400; font-size:12px; width:30px; line-height:30px; display: inline-block; text-align:center; height:30px;}


.lian-index-aboutluk-date .title-1 strong.font60{font-family: 'BEBAS'; font-weight:200; font-size:20px;}









#nn1{
width:100%;
float:left;
height:auto;
padding-top:50px;
background-image:url(../images/Nipic_33722168_20230130212255005122.jpg); background-size:cover; background-position:top; background-repeat:no-repeat; background-attachment: fixed; padding-bottom:50px;
}


#nn{
width:90%; height:auto; overflow:hidden; padding-bottom:30px; padding-top:20px;
margin:auto;
background:url(../images/bbbb.png) repeat top center repeat-y; border-radius:10px;
}


.ccc2{ width:40px; height:30px; background:#1077e1; color:#FFFFFF; font-size:20px; float:right; text-align:center }
.ccc2 a{  color:#FFFFFF; }

.ccc1{ width:40px; height:30px; background:#1077e1; color:#FFFFFF; font-size:20px;  float:left; text-align:center }
.ccc1 a{  color:#FFFFFF; }




.bt05{ width:100%; padding-top:20px; padding-bottom:20px; background:url(../images/index_05.jpg) no-repeat bottom; background-size:cover; float:left}

.kuai1{ width:90%; margin:auto;}

.qywlan01{line-height:42px;  font-size:18px; color:#fff; font-weight:bold; width:100%; float:left; font-weight:normal}
.qywlan02{line-height:22px; font-size:14px; color:#fff; text-transform:uppercase; width:100%; float:left; padding-top:0px;}

.qywlan03{ width:40%; float:left; font-family: 'Open Sans'; color:#1077e1; font-size:20px; text-align:left; padding-top:5px; padding-bottom:5px; padding-left:80px; background:#fff; margin-top:20px;border-radius:35px;}
.qywlan03 span{font-size:17px;}




.s_zj_box{width:100%; margin:0 auto; clear:both; margin-bottom:0px; overflow:hidden} 
.s_zj_box .s_zj_p1{ font-size:20px; color:white; text-align:center; padding-top:0px; }
.s_zj_box .s_zj_p2{ font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 35px; text-transform:uppercase;}
.s_zj_box .s_zj_tip{ width:100%; float:left; margin-left:0px; margin-right:0px;  margin-bottom:8px;
transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;}
.s_zj_box .s_zj_tip:hover{ margin-top:0px;}
.s_zj_box .s_zj_tip img{ width:100%; height:auto;}
.s_zj_box .s_zj_tip .s_zj_p3{ background-color:#dadada; }
.s_zj_box .s_zj_tip .s_zj_p3 p{ font-size:12px;color:#333333; text-align:center; line-height:30px;}







.pp{width:90%; float:left; padding-top:20px; padding-left:20px;}

.pp ul{text-align:left; float:left;  width:100%;color:#FFFFFF; line-height:24px; font-size:14px; padding-left:0%}
.pp ul h4{ text-align:left; line-height:25px; font-size:14px; width:100%; float:left; color:#fff;font-weight:normal;padding-bottom:20px; }
.pp ul h4 em{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:15px;  color:#fff;font-weight:normal;   }

.pp2{ float:left; width:100%}
.pp2 img{ float:left;border-radius:5px; width:auto; max-width:100%; margin-bottom:5px;}


.pp1{width:100%;  float:left; border-left:#707070 dashed 1px;  margin-top:20px; padding-left:20px;} 

.pp1 ul{float:left; width:100%;  }
.pp1 ul li{float:left; width:100%; color:#bbbbbb; line-height:24px; font-size:14px;}
.pp1 ul li:hover{float:left; width:100%; font-weight:900; color:#FFFFFF}




.m1{ width:100%;float:left; text-align:center;color:#FFFFFF; margin-top:10px;line-height:28px;}
.m1 a{ color:#FFFFFF ; float:left; background:#15a297  ;width:100%; font-size:14px; border-radius:3px;}
.m1 a:hover{ color:#15a297   ; background:#fff;  float:left; }


}