body{background-color: #fff;}
a{text-decoration: none;}
.banner{
    width: 100%;
}
.banner img{
    width: 100%;
}
.ph_banner{
    width: 100%;
    display: none;
}
.ph_banner img{width: 100%;}
.box{
    width: 80%;
    margin: 0 auto;
}
.box1{
    width: 80%;
    margin: 0 auto;
}
/*头部简介*/
.fl_top_left{
    float: left;
    width: 70%;
}
.fl_top_right{
    float: right;
    width: 25%;
}
.fl_top_right img{width: 100%;}
.fl_top_left h2{
    font-size: 30px;
    line-height: 30px;
    color: #333;
}
.fl_top_left p{
    font-size: 16px;
    line-height: 36px;
    color: #666;
}
.fl_top{margin: 50px auto;}
.fl_top_list{display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;}
.fl_top_left .fl_top_list li{float: left\9;background-color: #f0f0f0;padding: 10px 20px;margin-right: 1%\9;width: 24%\9;}
.fl_top_list li a{color: #666;font-size: 16px;line-height: 36px;}
.fl_top_list li a:hover{color: #d71f2b;}

/*中间内容*/
.fl_content{
    background-color: #f0f0f0;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 10px;
}
.fl_content_top h2{
    font-size: 30px;
    line-height: 60px;
    color: #333;
    text-align: center;
}
.fl_content_top_list{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;justify-content: space-between;margin: 30px 0;}
.fl_content_top_list li{width: 32%;float: left\9;margin:0 0.5%\9;margin-bottom: 20px;}
.fl_content_top_list li img{width: 100%;}
.fl_content_top_list li span{display: inline-block;width: 100%;text-align: center;padding: 10px;background-color: #fff;margin-top: -5px;font-size: 18px;line-height: 36px;color: #666;}
.fl_content_top_list li:hover span{color: #d71f2b;}
.fl_content_top_list ._clear{display: none;display: block\9;}

/*工艺介绍*/
.flow{width: 100%;background-color: #fff;padding: 40px 25px 20px;}
.flow h2{width: 100%;text-align: center;font-size: 24px;line-height: 36px;color: #fff;background-color: #dd1f2b;padding: 10px 0;font-weight: normal;}
.flow_top{background-color: #f0f0f0;width: 100%;padding: 25px 20px 20px;margin-top: 20px;}
.flow_top span{width: 85px;display: inline-block;font-size: 18px;font-weight: bold; line-height: 36px;color: #333;}
.flow_top p{flex: auto;margin:0;font-size: 18px;line-height: 36px;color: #666; }
.flow_top_tit{display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;}
.flow_top_tit i{ color:#dd1f2b; margin-right:10px; }
.flow_list{width: 100%;}
.flow_content{padding: 25px 20px}
.flow_content h3{font-size: 20px;line-height: 26px;color: #333;font-weight: bold;}
.flow_list li{display: flex;width: 100%;}
.flow_list li div{width: 85px;font-size: 16px;line-height: 30px;color: #666;padding: 8px 0;float: left/9;}
.flow_list li ._clear{display: none;display: block\9;}
.flow_list li p{flex:1;margin: 0;padding: 8px 0;font-size: 14px;line-height: 30px;color: #666;float: left/9;}
.flow_list li a{font-size: 16px;line-height: 30px;color: #666;}
.flow_list li a:hover{color: #d71f2b; }
.flow_list li span{font-size: 16px;line-height: 30px;color: #666;font-weight: bold;}
.flow_img{width: 100%;}
.flow_img li{float: left;width: 23.5%;margin-right: 1.5%;}
.flow_img li img{width: 100%;}

/*联系信息*/
.message1{
    background: url(../images/message_bg1.png) no-repeat;
    background-size: 100% 125px;
    padding: 20px 10px 20px 25%;
    margin: 30px 0;
    height: 130px;
}
.message2{
    background: url(../images/message_bg2.png) no-repeat;
    background-size: 100% 125px;
    padding: 20px  25% 20px 50px;
    margin: 30px 0;
    height: 130px;

}
.message_left{float: left;width: 50%;}
.message_right{float: right;width: 50%;margin-top:20px;}
.message_left h3{
    font-size: 26px;
    line-height: 43px;
    color: #414141;
    font-weight: bold;
}
.message_left p{
    font-size: 13px;
    line-height: 25px;
    color: #414141;
    margin: 0;
}
.message_left span{
    font-size: 21px;
    line-height: 37px;
    color: #dd1f2b;
}
.message_right button{
    background-color: #dc1f2b;
    background: -webkit-linear-gradient(top, #dc1f2b, #c81c27);
    background: -o-linear-gradient(top, #dc1f2b, #c81c27);
    background: -moz-linear-gradient(top, #dc1f2b, #c81c27);
    background: linear-gradient(top, #dc1f2b, #c81c27);
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    border: 0px;
    box-shadow: 1px 2px 8px #949494;
    padding: 8px 20px;
    margin-right: 10px;
}
.message_right button:hover{
    background-color: #f6a822;
    background: -webkit-linear-gradient(top,  #f6a822,  #f6a822);
    background: -o-linear-gradient(top,  #f6a822,  #f6a822);
    background: -moz-linear-gradient(top,  #f6a822,  #f6a822);
    background: linear-gradient(top,  #f6a822,  #f6a822);
}
.message_right button span{float: left;}
.message_right button img{float: left;margin-top: 5px;margin-right: 5px;}



@media(max-width: 1268px){

    .message1{padding-left: 17%;}
    .message1{padding-right: 10px;}
    .message2{padding-left: 10px;}
    .message2{padding-right: 17%;}
}
@media(max-width: 1146px){
    .message_left h3{font-size: 20px;}
    .message_left p{font-size: 12px;}
    .message_left span{font-size: 16px;}
    .message_left{width: 45%;}
    .message_right{width: 55%;}
    .message2{padding-right: 10%;}
}

@media screen and (min-width: 1023px) and (max-width: 1175px) {
	.contact .contact_bottom { width: 58%; margin-left: 20%;}
	}

@media(max-width: 1023px){
    .message_left{display: none;}
    .message_right{width: 100%;}
    .message1{padding-left: 25%;}

    .fl_top_left .fl_top_list li{width: 45%;margin-top: 10px;text-align: center;}
    .fl_top_list{flex-wrap: wrap;}
}


@media screen and (min-width: 768px) and (max-width: 1022px) {
	.contact .contact_bottom {     width: 77%;margin-left: 14%;}
	}



@media(max-width: 767px){
.fl_top_right,.fl_top_left{float: none;width: 100%;}
.fl_top_right{margin-top: 10px;}
.fl_content_top_list li{width: 43%;margin:0 1%\9;}
.fl_content_top_list li span{font-size: 14px;}
.flow_img li{width: 45%;margin-right: 3.5%;}
.message_right button{margin-right: 2px;} 
}


@media(max-width: 650px){
	.flow_list li{flex-wrap: wrap;}
    .flow_list li p{flex:unset;}
	.message_right{margin-right: -35px; margin-top: 18px;}
	.message_right button span{display:none;}
}
@media(max-width: 430px){
	.box1{ width:100%;}
    .message1{padding-left: 20%;}
	.message_right{margin-right: -12px;}

}


@media(max-width: 376px){
    .message1{padding-left: 20%;}
	.message_right{margin-right: -12px;}
   .message_right button { padding: 4px 16px;}
}

@media(max-width: 339px){
    .message1{padding-left: 20%;}
	.message_right{margin-right: -36px;}
   .message_right button { padding: 4px 4px;}
   .fl_top_left p{ line-height: 30px; }
   .flow{padding: 25px 6px 2px;}
   .flow_top{padding: 25px 12px 10px;margin-top: 20px;}
   .flow_content {padding: 25px 12px 15px;}
   .flow_content h3 {    margin-top: 15px;}
   .fl_content_top h2 {line-height: 45px;}
   .fl_content_top_list {    margin: 20px 0; line-height: 15px;}
   .fl_content_top_list li span {    line-height: 20px;}
}