@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
.main{width: 100%; padding-top: 170px;}
.content{width: 1200px;margin: 0 auto;}


.content_up{width: 100%;}
.content_up_line{width: 8%;margin-top: 10px;display: none;}
.content_up_line hr.y{border:none;border-top:2px solid #a40000;}
.content_up h1{font-size: 36px;font-weight: bold;}
.content_up_wenzi{width:55%; }
.content_up>p{font-size: 26px;padding-top: 20px;}
.content_up>p>a{border-bottom: 3px solid #a40000;padding-bottom: 6px;}
.content_up_wenzi p{font-size: 16px;color: #707070;margin-top: 30px;}
.content_up_wenzi0 p{font-size: 14px;padding: 4px 0;}
.content_up_wenzi0 p a{color: #707070;}
.content_up_line1{width: 40%;margin-top: 40px;}
.content_up_line1 hr.e{border:none;border-top:1px dashed #707070; margin: 40px 0;}
.content_up_wenzi0{width: 40%; margin-top: 30px}
.main hr{border:none;border-top:2px solid #c8c8c8;margin-top: 10px;}
.content1{width: 1200px;margin: 0 auto; margin-top: 40px;}
.content_center{width:100%;}
.content_center p{ margin-bottom: 60px;width: 100%}
.content_center p img{width: 100%; display: block;max-width:100% !important;height:auto !important;}
.content_center p.y{ margin-bottom: 60px;width: 100%;margin-top: 42px;}

.content_botton{width: 25%;margin: 0 auto;}
.content_botton a{border: 1px solid #a40000;width: 100px;border-radius: 2px;text-align: center;color:#a40000;padding: 6px 0;display: block;margin: 0 auto;}
.content_botton a:hover{ background:#a40000; color:#FFF; transition: .3s ease-out;}
.content_botton p{width: 50%;float: left;}
.case{margin-top: 60px;}
.case_box{width: 100%;height: auto;}
.case_con{width: 20%;float: left;position: relative;}
.cover{position: absolute;top: 0;background: #a40000;width: 100%;height: 100%;box-sizing: border-box;padding: 14px;opacity: 0;transition: .5s ease-out;}
.case_con>img{width: 100%;display: block;transition: .5s ease-out;}
.childtop .chl_item0{font-size: 16px;color: #fff;font-weight: bold;}
.childtop .chl_item1{font-family: ;font-size: 14px;color: #fff;width: 30%;border-top: 1px solid #fff;margin-top: 10px;padding-top: 4px;}
.childtop .chl_item1 span{display: block;font-size: 14px;}
.childcon{font-size: 24px;color: #fff;text-align: center;padding-top: 60px;}
.childbut{width: 10%;position: absolute;bottom: 5px;right: 5px;}
.childbut>img{max-width: 100%;display: block;}
.case_con:hover .cover{opacity: 1}
.case_con:hover .case_con>img{opacity: 0}
.case_tab .tab:hover{background:#a40000;}
.case_tab .tab:hover h2{color: #fff!important;}
.case_tab .tab:hover span{color: #fff!important;}
.case_tab .tab{width: 20%;float: left;border:1px solid #a40000;box-sizing: border-box;margin: -1px -1px 0 0;text-align:center;cursor: pointer;transition: .5s ease-out;padding: 4px 0;}
.case_tab .tab h2{color:#a40000;font-size: 18px;font-weight: bold; }
.case_tab .tab span{color:#a40000;font-size: 14px;}
@media(max-width: 1200px){
	.content{width: 100%;}
	.main{padding-top: 100px;box-sizing: border-box;padding: 0 4px;padding-top: 100px;}
	.content1{width: 100%;}
}
@media screen and (max-width: 1200px) and (min-width: 900px){
	.case_con{width: 33.33%;}
}
@media(max-width: 768px){
	.content_up_wenzi{width: 100%;}
	.content_up_line{width: 20%;}
	.content_botton{width: 100%;}
	.content_up h1{font-size: 24px;}
	.case_con{width: 50%;}
	.cover{padding: 10px;}
	.childcon{font-size: 20px;}
	.content_up>p{font-size: 22px;}
}