.banner{width: 100%;height: auto;overflow: hidden;}
.banner>img{max-width: 100%;display: block;width: 100%;}

.main .title{padding: 40px 0;width: 1200px;margin: 0 auto;}
.main .title h2{font-size: 40px;color:#000;font-family: "Calibri Light";}
.main .title h3{font-size: 26px;font-weight: bold;color:#000;padding-top: 10px;padding-bottom: 20px;}
.main .title p{font-size: 14px;color: #000;margin-top: 40px;line-height: 1.6;}

.case_box{width: 100%;margin: 0 auto;padding: 30px 0;border-bottom: 1px solid #dcdddd;}
.case_con{width:33.333%;float: left;padding: 0 30px;box-sizing: border-box;margin-top: 30px;overflow: hidden;}
.case_con .case-pic>img{width: 100%;display: block;transition: all .6s;}
.case_con .case-pic{width: 100%;overflow: hidden;}
.bline38{position: absolute;bottom: 0;height: 1px;background: #dcdddd;width: 100%;}
.case-txt{text-align: center;}
.case-txt h1{font-size: 24px;font-weight: 600;margin-top: 30px;}
.case-txt p{font-size: 26px;padding: 10px 0;opacity: 0; transition: all .6s;}
/*.case_con:hover .case-txt p{opacity: 1;}*/
.case_con .case-pic img:hover{transform: scale(1.1);}
/*.block{display: block!important;}
.hidden .tab_con{margin-top: 10px;}
.hidden{width: 50%;margin: 0 auto;box-sizing: border-box;padding: 0 2px;}
.facbox{position: relative;}
.bline{height: 1px;width: 100%;background: #dcdddd;position: absolute;bottom: 0}
.three_tab{width: 33.333%;float: left;text-align: center;}
.tab_box{width: 50%;margin: 0 auto;}
.content{position: relative;padding-bottom: 60px;}
.foot .title{margin-top: 20px;}
.tab_pic{width: 120px;height: 120px;margin: 0 auto;border:2px solid #a40000;border-radius: 100%;}
.tab_pic img{width: 100%;display: block;}
.ttname{padding-bottom: 40px;}
.ttname h2{font-size: 50px;text-align: center;padding-bottom: 30px;font-weight: bold;}
.ttname h2 span{color: #a40000;padding-left: 10px;}
.ttname p{font-size: 14px;text-align: center;padding: 4px 0;font-weight: bold;color: #000;}
.thbox{padding-top: 30px;}*/


@media(max-width: 1200px){
	.main .title{width: 100%;}
}
@media screen and (max-width: 1000px) and (min-width: 768px){
	.tab_pic{height: 240px;}
	.cover{padding: 170px 0;}
}
@media(max-width: 767px){
	.cover{padding: 60px 0;}
}
@media(max-width: 768px){
	.eyes_box{width: 100%;margin-top: 20px;}
	.icon1, .icon2, .icon3, .icon4,.chidline2,.chidline1,.chidline3,.chidline4,.chidline5,.hove-show{display: none;}
	.eyes_con .txt-box>h2{font-size: 12px;border-top: 1px solid #a40000;margin-top: 10px;/*margin-left: 10px; margin-right: 10px;*/display: inline-block;padding-bottom: 0;}
	.clearlove{float: none;width: 62%;margin-left: auto;margin-right: auto;margin-bottom: 20px;margin-top: 0;padding: 20px 0;border: 1px solid #a40000;}
	.eyes_con{float: none;}
	.childtog{top:0;    padding: 15px 0;}
	.eyes_con .txt-box>h3{font-size: 18px;}
	.case_con{width:100%;}
	.main .title{box-sizing:border-box; padding: 10px 4px;}
	.cover>h2{padding: 4px;font-size: 16px;}
	.cover>p{padding: 4px;font-size: 12px;}
	.tab_pic{width: 33%;text-align: center;margin: 0 auto;}
	.tab_pic img{width: 100%;display: block;}
	.tab_box,.hidden{width: 80%;}
	.white>p,.red>p{font-size: 16px;}
	.main .title p{margin-top: 10px;}
	.ttname h2{font-size: 28px;padding-bottom: 10px;}
	.three_tab{width: 100%;margin-bottom: 30px;}
	.content{padding-bottom: 10px;}
	.thbox{padding-top: 0;}
	
	.ttname{box-sizing: border-box;padding: 0 6px;padding-bottom: 20px;}
	.banner>img{transform: scale(1.7); padding: 7% 0;}
	.case-txt h1{font-size: 18px;}
}
@media(max-width: 350px){
	.tab_pic{width: 38%;}
}