@charset "utf-8";
/* CSS Document */

/*产品*/

.product-img{height:370px;background:url(../images/product-img.jpg)no-repeat center;background-size: cover;}
.product{background: #f6f5f2;padding-top:50px;padding-bottom: 30px;overflow:hidden;}

.product-name{line-height:85px;font-size: 30px;color:#c60009;padding:0 25px;}
.product-cl-img{}
.product-cl-img img{width:100%;}
.product-text{
	margin:0 25px;
	border-bottom:1px dotted #bcbcbc;
	font-size: 14px;
	color: #818181;
	line-height: 1.5;
	padding:10px 0;
}

.produce-ribom{
height:270px;
margin: 28px 25px 42px;
overflow:hidden;

}

.produce-ribom p {
    width: 50%;
    font-size: 12px;
    margin: 0 0 8px 0;
    text-decoration: none;
    float: left;
    padding-right: 10px;
overflow: hidden;
    text-overflow: ellipsis;
    color: #bcbcbc;
}

.produce-ribom p:before {
    font-family: "iconfont";
    content: "\e61d";
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 10px;
    transition: all 1s;
    color: #c60009;
}

.produce-ribom p a {
    text-decoration: none;
    color: #818181;
    white-space: nowrap;

}

/*.produce-ribom p:hover:before {
    margin-left: 5px;
    color: #d8000f;
}*/

.produce-ribom p a:hover{color:#c60009 }
.produce-ribom:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.product-con{background: white;margin-bottom: 30px;}
.product-con:after,.product-both:after,.pro-two-both:after,.flip:after,.box:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.produce-bottom{
	line-height:45px;
	background: #949494;
	text-align: center;
	color:white;
	cursor: pointer;
}

.produce-bottom:hover{	background: #c60009;}

.produce-bottom:after{
    font-family: "iconfont";
    content: "\e61d";
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 10px;
    transition: all 1s;
    color: white;}

.product-both{margin:0 -15px;}
.product-two-column li {
    display: inline-block;
    line-height: 26px;
    padding: 0 10px;
    background: white;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    margin: 10px 4px 0;
    color: #949494;
    border-radius: 5px;
    border: 1px solid #efe5e5;
}

.product-two-column li:hover{
    color:white;
    background:#a8282d;
}

.product-two-column{background: #f6f5f2;}
.product-two-column ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 40px;
    margin-top: 40px;
}

.pro-two-both{margin:50px -7.5px 0;}
.pro-two-con{margin:0 -7.5px 50px;}
.pro-two-con span{
width:100%;
background: #949494;
padding: 10px 8px;
}
.pro-two-img{width: 100%;overflow: hidden;}
.pro-two-img img{
    width: 100%;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;}

.pro-two-con:hover img{ transform: scale(1.1);}

.pro-two-con span p{font-size: 12px;color:white;margin-bottom: 5px;}
.pro-two-con span p:first-of-type{font-size: 14px; font-weight: bold;margin-bottom: 7px;}
.pro-two-con:hover span{width:100% ;background: #a8282d;}
.flip {
    line-height: 0;
    font-size: 0;
    color: #999;
    margin: 0 auto 50px;
        display: flex;
    justify-content: center;
}
.flip a{width: 48px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
    border:1px solid #dddcdc;
    display: block;
    float:left;
    text-decoration:none;
margin:0 7px;
color:black;
}
.flip a:first-of-type,.flip a:last-of-type{width: 83px;color:black;margin:0 ;}

.flip a:hover{background: #c7000b;border:1px solid #c7000b;color:white;}

/*内页*/
.product-three-img{}

.box {
    width: 100%;
    line-height: 60px;
    border: 1px solid #d6d5d3;
    border-left: none;
    border-right: none;
    padding:0 10px;
}
.box-left {
    width: 36px;
    height: 36px;
    float: left;
    
}
.anniu a {
    color: #FFFFFF;
    text-decoration: none;
}
.box-text {
    float: left;
    margin-left: 8px;
    line-height: 1;
    font-size: 14px;
}
.box-text p {
    color: black;
    font-size: 14px;
    margin-top: 15px;
}

.box-text p:last-of-type{
    font-size: 12px;
    margin-top: 7px;
}
.anniu {
    width: 130px;
    height: 35px;
    display: block;
    border-radius: 5px;
    background: #f93636;
    color: #fff;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    margin: 17px 0;
    float: right;
}

.product-three-name{
    font-size: 24px;
    color: #ca2013;
margin:38px 0 0 0;
}

.pro-three-img{

    margin-bottom: 40px;

}

.pro-three-img img{width:100%;}

.pro-three-both{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro-three-left{
    width: 410px;
    margin-top:30px;

}
.pro-three-right{
    width: 760px;
background:white;
padding:30px;
margin-bottom: 40px;
    margin-top:30px;
font-size: 13px;
}



.product-three-img {
    background: #f6f5f2;
}

.product-img img{display: none;}

@media (max-width: 1268px){
.pro-three-both{justify-content: center;}
}

}

@media (max-width: 1200px){}

@media (max-width: 1024px){

.product-two-column li:first-of-type{

 background:white!important;   
}

.product-two-column li{
margin:20px 5px 0;
background:white!important;
}

.product-two-column li:hover{
background:#a8282d!important}

.product-img{height:auto;background:none;}
.product-img img{width:100%;display: block;}
}


@media (max-width: 992px){


}



@media (max-width: 767px) {

    .product-three-name{
    font-size: 24px;
    color: #ca2013;
margin:38px 0 0 10px;

}
    .pro-three-right{
    width: 100%;
background:white;
padding:10px;
margin-bottom: 40px;
    margin-top:30px;
font-size: 13px;
}
    .pro-two-both{margin:50px -0px 0;}
}





@media (max-width: 360px) {

.produce-ribom{margin: 28px 15px 42px;}

}


@media (min-width: 992px){


}