.home-product{
    padding:var(--padding-50);
}
.home-product .wrap-inside{
    display:flex;
    justify-content:space-between;
}
.home-product .left{
    padding-bottom:50px;
    width:250px;
    background:#fff;
}
.home-product .left .top{
    padding:20px 0;
    color:#fff;
    font-size:1.5em;
    text-align:center;
    background:var(--color-1);
}
.home-product .left ul{
    padding:50px;
    list-style:none;
}
.home-product .left ul li{
    position:relative;
    padding:20px 0;
    text-indent:2em;
    border-bottom:1px solid #999;
}
.home-product .left ul li:before,
.home-product .left ul li:after{
    position:absolute;
    display:block;
    top:50%;
    content:'';
    transform:translateY(-50%);
}
.home-product .left ul li:before{
    width:14px;
    height:14px;
    background:var(--color-1);
    border-radius:50%;
}
.home-product .left ul li:after{
    font-family:cursive;
    content:'>';
    left:-27px;
    color:#fff;
    font-size:9px;
}
.home-product .left ul li a{
    color:#999;
}
.home-product .left .tel{
    position:relative;
    padding:0 20px;
}
.home-product .left .tel:before{
    position:absolute;
    display:block;
    top:50%;
    content:'';
    width:50px;
    height:50px;
    background:url(../images/tel.png) no-repeat;
    background-size:100%;
    transform:translateY(-50%);
}
.home-product .left .tel p{
    color:var(--color-1);
    font-size:20px;
    font-weight:bold;
    text-indent:3em;
}
.home-product .left .tel p span{
    color:#999;
    font-size:14px;
    font-weight:500;
}
.home-product .right{
    padding:20px;
    width:840px;
    height:552px;
    background:#fff;
}
.home-product .right .top{
    margin-bottom:18px;
    display:flex;
    justify-content:space-between;
    color:var(--color-1);
}
.home-product .right .top p{
    height:26px;
    line-height:26px;
    font-size:20px;
}
.home-product .right .top a{
    display:block;
    height:26px;
    line-height:26px;
    color:#999;
}
.home-product .right .top a:hover{
    color:var(--color-1);
}
.home-product .right ul{
    display:none;
    flex-wrap:wrap;
    justify-content:center;
}
.home-product .right ul.on{
    display:flex;
}
.home-product .right ul li{
    position:relative;
    padding:2px 0;
    margin-right:12px;
    margin-bottom:12px;
    width:250px;
    height:220px;
    border:1px solid #999;
}
.home-product .right ul li:hover{
    border-color:var(--color-1);
}
.home-product .right ul li:nth-child(3n){
    margin-right:0;
}
.home-product .right ul li .img{
    padding:15px;
}
.home-product .right ul li .img img{
    width:100%;
}
.home-product .right ul li p{
    color:#999;
    font-size:14px;
    text-align:center;
}
.home-product .right ul li a{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
}
.home-slogan{
    padding:var(--padding-50);
    background:var(--color-1);
}
.home-slogan > div{
    display:flex;
    justify-content:space-between;
}
.home-slogan > div .left{
    padding-top:10px;
}
.home-slogan > div .left p{
    padding:4px 0;
    color:#fff;
    font-size:20px;
}
.home-slogan > div .right{
    position:relative;
    padding:12px 40px 12px 90px;
    border:1px solid #fff;
}
.home-slogan > div .right:before{
    position:absolute;
    top:50%;
    left:20px;
    display:block;
    content:'';
    width:50px;
    height:50px;
    background:url(../images/tel_1.png);
    background-size:100%;
    transform:translateY(-50%);
}
.home-slogan > div .right p{
    color:#fff;
    font-size:26px;
}
.home-about{
    padding:var(--padding-50);
}
.home-about > div{
    display:flex;
    justify-content:space-between;
}
.home-about .left{
    position:relative;
    width:282px;
    height:417px;
    background:url(../images/home_about.jpg);
}
.home-about .left p{
    position:absolute;
    color:#fff;
}
.home-about .left .p1{
    left:75px;
    top:120px;
    font-size:2em;
}
.home-about .left .p1 span{
    font-size:1.4em;
}
.home-about .left .p2{
    left:68px;
    top:176px;
    letter-spacing:10px;
    font-size:1.6em;
    text-align:justify;
    text-transform:uppercase;
}
.home-about .left .p3,
.home-about .left .p4{
    font-size:24px;
    font-weight:bold;
}
.home-about .left .p3{
    top:245px;
    left:30px;
}
.home-about .left .p4{
    top:280px;
    left:75px;
}
.home-about .right{
    width:780px;
}
.home-about .right a{
	color:#333;
}
.home-about .right .title p{
    font-size:20px;
}
.home-about .right .title p.border{
    display:inline-block;
    margin-bottom:20px;
    padding:20px 0;
    border-bottom:2px solid var(--color-1);
}
.home-about .right .content{

}
.home-about .right .content p{
    color:#666;
    text-indent:2em;
    line-height:150%;
}
.home-news{
    padding:50px 0 100px;
    background:#efefef;
}
.home-news .title-news{

}
.home-news .title-news p{
    font-size:20px;
    text-align:center;
}
.home-news .title-news p:nth-child(1){
    font-weight:bold;
}
.home-news .title-news p:nth-child(2){
    display:table;
    margin:0 auto 20px;
    padding:20px 0;
    border-bottom:2px solid var(--color-1);
}
.home-news .home-news-inside{
	display:flex;
	justify-content:space-between;
	
}

.home-news .home-news-inside .news{
	width:500px;
}
.home-news .home-news-inside .img{
	width:500px;
}
.home-news .home-news-inside .img img{
	width:100%;
}
.home-news .news li{
    padding:10px 0;
    display:flex;
    justify-content:space-between;
    border-bottom:1px dotted #999;
}
.home-news .news li .left{
    padding:10px 0;
    width:80px;
    background:var(--color-1);
}
.home-news .news li .left p{
    color:#fff;
    text-align:center;
}
.home-news .news li .left p:nth-child(1){
    font-size:1.4em;
}
.home-news .news li .left p:nth-child(2){
    font-size:14px;
}
.home-news .news li .right{
    width:100%;
}
.home-news .news li .right p.title{
    line-height:68px;
    font-size:18px;
    text-indent:2em;
	color:#333;
}
.home-news .news li .right p.title a{
	color:#333;
}