.main .mainHead .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden; }
.mainHead_top{ text-align:center; font-weight:normal; font-size:20px;padding:10px 0 10px 0;}

.main .mainContent{ padding-top:0;}

.main .mainContent .child{padding:20px 0; background:#fff; margin:30px 0;}
.main .mainContent .child:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.main .mainContent .child .childInfo{position:relative; width: 55%;max-width:800px;float:right; padding-top:10px; margin-right:0; border-top:1px solid #111; padding-top:35px;}

.main .mainContent .child .childInfo .childTitle{ display:inline-block; width:70%;}
.main .mainContent .child .childInfo .childTitle1{line-height:2;font-size:.65vw;font-family: "Times New Roman", Times, serif;}
.main .mainContent .child .childInfo .childTitle2{line-height:2;font-size:1vw;}
.main .mainContent .child .childInfo .childInfo2{font-size:.65vw;line-height:1.8;}
.main .mainContent .child .childInfo .childdate2{font-size:.65vw;line-height:1.8;}



.main .mainContent .child .childInfo .childTitle1_date{ float:right;width:24%; max-width:80px; max-height:90px; border-radius:3px; padding:0;}
.main .mainContent .child .childInfo .childTitle1_date .mouth{ width:100%; display:block; }
.main .mainContent .child .childInfo .childTitle1_date .mouth .mouth_left{ float:left; width:40%; font-size:2.3vw; font-family: "Times New Roman", Times, serif;letter-spacing:0;}

.main .mainContent .child .childInfo .childTitle1_date .mouth .mouth_right{ float:right; width:55%; text-align:center;  font-size:.6vw; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
.main .mainContent .child .childInfo .childTitle1_date .mouth .mouth_right em{ font-size:1.1vw; text-align:center;  font-style:normal; display:block; line-height:20px;}

.main .mainContent .child .childInfo .childTitle1_date .day{width:100%; display:block; clear:both; font-size:4vw;  font-family: "Times New Roman", Times, serif; color:#111; letter-spacing:0; margin-top:-5px;}


.main .mainContent .child .childInfo .childTitle2:hover{ color:#666;}

.btn {display: block;width: 150px;height: 38px;border: 1px solid  #fff; background:#000;line-height: 38px;margin-top: 20px;position: relative;}
.btn p{color: #fff;font-size: 16px;  padding-left:28px;}
.btn i { width: 68px;  height: 19px;position: absolute; left: 60px;top: 50%; margin-top: -9.5px;}
.btn:hover{background: #333;}
.btn:hover p{color:#fff;}
.btn .now{background: url(../images/arrow_02.png) no-repeat 30px center;-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
/* .main-bd ul li .img_box img:hover{-webkit-transform: scale(1.1,1.1); */
   /* -moz-transform: scale(1.1,1.1); */
    /* -ms-transform: scale(1.1,1.1); */
     /* -o-transform: scale(1.1,1.1); */
        /* transform: scale(1.1,1.1);} */
.btn:hover .now{background: url(../images/arrow_02.png) no-repeat 30px center;
   -webkit-transform: translateX(20px);
   -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
     -o-transform: translateX(20px);
        transform: translateX(20px);
}


.main .mainContent .child .childImg{overflow:hidden;position:relative; width: 38%;max-width:550px;height:350px;line-height:350px;text-align:center; float:left;}
.main .mainContent .child:hover .childImg{
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}
.main .mainContent .child .childImg .childImgimg{width:100%;height:100%; vertical-align: top;}
.main .mainContent .child .childImg .childHide{ opacity:0;position:absolute;top:0px;left:-100%;width:100%;height:100%;
background-image: linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -o-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -moz-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -webkit-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -ms-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(232,232,232, 0.7)),color-stop(1, rgba(214,214,214, 0.7)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#d6d6d6'), progid: DXImageTransform.Microsoft.Alpha(Opacity=0);}
.main .mainContent .child .childImg .childHide{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .mainContent .child .childImg .childHide .childHideIcon{display:inline-block;*display:inline;*zoom:1;margin:0 2px;cursor:pointer;width:60px;height:60px;text-align:center;line-height:60px;border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;-webkit-border-radius:60px;background:#666;}
.main .mainContent .child .childImg .childHide .childHideIcon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .mainContent .child .childImg .childHide .childHideIcon:hover{background:#000;}
.main .mainContent .child .childImg .childHide .childHideIcon img{ vertical-align:middle;}
.main .mainContent .child .childImg:hover .childHide{left:0;opacity:1;}


.main .mainContent .child:hover .childImg img{-webkit-transform: scale(1.05,1.05); 
    -moz-transform: scale(1.05,1.05); 
    -ms-transform: scale(1.05,1.05); 
    -o-transform: scale(1.05,1.05); 
    transform: scale(1.05,1.05);transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s;}




@media (max-width:1920px){
	
	.main .mainContent .child .childInfo .childTitle1{font-size:16px;}
	.main .mainContent .child .childInfo .childTitle2{font-size:18px;}
	.main .mainContent .child .childInfo .childInfo2{font-size:15px;}
	.main .mainContent .child .childInfo .childdate2{font-size:15px;}
	}





.nery{width:1000px;margin:0 auto;}
.nery h1{text-align:center;font-size:20px;font-weight:900;color:#000;padding:25px;}
.nery-other{line-height:30px;background:#eee;padding:10px; color:#666; font-size:12px;}
.nery-other span{float:right;}

.nery-div{font-size:13px;line-height:30px;padding:20px 0px;}
.nery-div img{max-width:80%; margin:0 auto; text-align:center; display:block;}
.nery-div .info{ padding:10px 0px;}
.nery-div .info p{ font-size:16px;}
.nery-sx{line-height:30px;font-size:16px;}
.nery-sx span{float:right; color:#ccc;}
.nery-sx span a{display:block;border:1px #ddd solid;font-size:16px;padding:0px 20px;border-radius:2px;}
.nery-sx span a:hover{border:1px #7e308e solid;background:#7e308e;color:#fff;}
.nery-sx a{font-size:14px;}
.nery-sx a:hover{color:#7e308e;}
.fx{ float:right;}









.about_box_more{ clear:both; height:45px; padding:30px 0px 0 0;}

.more_fenlei {
    line-height: 40px;
    position: relative;
    color: #111;
    display: block;
    width: 105px;
    cursor: pointer;
    -webkit-perspective: 150;
    font-size: .7vw;
    -webkit-transition: color 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: color 1s cubic-bezier(.19, 1, .22, 1);
    transition: color 1s cubic-bezier(.19, 1, .22, 1);

}

.more_fenlei h4 {
    padding: 0 22px;
    line-height: 40px;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    -webkit-perspective: 150;
	 font-size:.7vw;
	 text-transform:none;
}

.more_fenlei::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #111;
    left: 0;
    top: 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.more_fenlei:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1)
}

.more_fenlei:hover {
    color: #fff;
    -webkit-transition: color .4s .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: color .4s .4s cubic-bezier(.19, 1, .22, 1);
    transition: color .4s .4s cubic-bezier(.19, 1, .22, 1)
}

.more_fenlei h4::after, .more_fenlei h4::before {
    content: "";
    width: -webkit-calc(50% - 2px);
    width: -webkit-calc(50% - 2px);
    left: 0;
    top: 0;
    height: -webkit-calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    border: 1px solid #111;
    display: block;
    position: absolute;
    z-index: -1
}

.more_fenlei h4::after {
    left: 50%;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1)
}

.more_fenlei:hover h4::after {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: -webkit-calc(50% - 1px);
    left: -webkit-calc(50% - 1px);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}


@media (min-width:1920px) {
	
	.main .mainContent .child .childInfo .childTitle1_date .mouth .mouth_left{ font-size:1.3vw; }
	.main .mainContent .child .childInfo .childTitle1_date .mouth .mouth_right{ font-size:.6vw; }
	.main .mainContent .child .childInfo .childTitle1_date .mouth .mouth_right em{ font-size:.65vw; }
	.main .mainContent .child .childInfo .childTitle1_date .day{font-size:3vw; }	
	.more_fenlei h4 {padding: 0 15px;font-size:.6vw;}
	.main .mainContent .child .childInfo .childTitle2{line-height:2;color:#111;font-size:.7vw;}
	
	.main .mainContent .child .childInfo .childInfo2{font-size:.6vw;}
	.main .mainContent .child .childInfo .childdate2{font-size:.6vw;}
	

	}






@media (max-width:1200px) {
.about_box_more{  padding:20px 0px 0 0;}
}


 

@media (max-width: 1023px){

.more_fenlei {
    line-height: 30px;

    width: 100px;

    font-size: 13px;


}

.more_fenlei p {
    padding: 0 15px;
    line-height: 30px;
  
	 font-size:13px;
}
}




@media (max-width:800px) {
.about_box_more{ height:40px; padding:15px 0px 0 0;}
}

@media (max-width:639px) {
.more_fenlei{ margin-top: 10px;}
.about_box_more{ height:30px; padding:0px 0px 0 0; }
.more_fenlei h4 { height: 30px;line-height: 30px;}

}










@media (max-width: 639px) {


.main .mainContent .child{margin:0px 0;}

.main .mainContent .child .childImg{overflow:hidden;position:relative;width:100%; height:100%; line-height:100%;text-align:center; float:none;}
.main .mainContent .child .childImg .childHide .childHideIcon{ display:none;}
.main .mainContent .child .childImg .childHide{ display:none;}
.main .mainContent .child .text{ width:98%; padding:0 1%;}
.main .mainContent .child .childInfo{position:relative; width:98%; padding:0 1% 15px 1%;float:none; padding-top:10px; margin-right:0;}

.main .mainContent .child .childInfo .childTitle2{font-size:4vw; line-height:1.8;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.main .mainContent .child .childInfo .childInfo2{font-size:3vw; line-height:1.6;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.main .mainContent .child .childInfo .childdate2{font-size:3vw; line-height:1.4;}
.main .mainContent .child.leftChild .childImg{float:none;}
.main .mainContent .child.leftChild .childInfo{float:none;}
.main .mainContent .child.rightChild .childImg{float:right;}
.main .mainContent .child.rightChild .childInfo{float:none;}



.main .mainContent .child .childInfo .childTitle1_date{ float:right;width:24%; max-width:80px; max-height:80px; padding-top:9%;}
.main .mainContent .child .childInfo .childTitle1_date .mouth{ width:100%; display:block;}
.main .mainContent .child .childInfo .childTitle1_date .mouth .mouth_left{ float:left; width:40%; font-size:7vw; font-family: "Times New Roman", Times, serif;letter-spacing:0;text-align: center;}

.main .mainContent .child .childInfo .childTitle1_date .mouth .mouth_right{ float:right; width:55%; text-align:center;  font-size:3vw; font-family:Arial, Helvetica, sans-serif; padding-top:0;}
.main .mainContent .child .childInfo .childTitle1_date .mouth .mouth_right em{ font-size:4vw; text-align:center;  font-style:normal; display:block; line-height:20px;}

.main .mainContent .child .childInfo .childTitle1_date .day{width:100%; display:block; clear:both; font-size:10vw;  font-family: "Times New Roman", Times, serif; color:#111; letter-spacing:0; margin-top:0;text-align: center;}




.nery-div img{max-width:100%;}
.btn {width: 130px;height: 30px;line-height: 30px;margin-top: 10px;}
.btn p{font-size: 12px;  padding-left: 18px;}
.btn i { width: 68px;  height: 19px; left: 35px;}

.nery{width:100%;}
.nery h1{font-size:15px;}

.nydh-1{ width:100%;}

.nery-other{padding:4px 10px;}
}



@media (min-width: 640px) and (max-width:1023px ) {

.main .mainContent .child{ margin: 0;}
.main .mainContent .child .childImg{overflow:hidden;position:relative;width:100%; height:100%; line-height:100%;text-align:center; float:none;}
.main .mainContent .child .childImg .childHide .childHideIcon{ display:none;}
.main .mainContent .child .childImg .childHide{ display:none;}
.main .mainContent .child .text{ width:99%; margin-left:1%;}
.main .mainContent .child .childInfo{position:relative;width:100%;float:none; border:0;max-width: 100%;padding-top: 15px;}

.main .mainContent .child .childInfo .childTitle2{font-size:15px;}
.main .mainContent .child .childInfo .childInfo2{font-size:12px;}
.main .mainContent .child .childInfo .childdate2{font-size:12px;}
.main .mainContent .child.leftChild .childImg{float:none;}
.main .mainContent .child.leftChild .childInfo{float:none;}
.main .mainContent .child.rightChild .childImg{float:right;}
.main .mainContent .child.rightChild .childInfo{float:none;}


.btn {width: 150px;height: 40px;line-height: 40px;margin-top: 20px;}
.btn p{font-size: 13px;  padding-left: 18px;}
.btn i { width: 68px;  height: 19px; left: 54px;}

.nery{width:100%;}
.nery h1{font-size:15px;}

.nydh-1{ width:200px;}

.nery-other{padding:4px 10px;}
}




@media (min-width: 1024px) and (max-width:1439px ) {


.nb-font-1{font-size:20px;padding-top:0px; padding-bottom:10px;}

.ty-ul li{float:left;width:310px;margin-right:20px;padding-top:5px;}
.ty-ul li.ty-lr{float:right;margin-right:0px;}
.pro_list_li{height:189px;padding:19px; width:270px;  }
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:14px;}
.ty-ul li a:hover p{color:#DA231E;}


.main .mainContent .child{padding:20px 0;}

.main .mainContent .child .childInfo .childTitle2{}

.btn {display: block;width:180px;height: 40px;border: 1px solid #111;line-height: 40px;margin-top: 30px;position: relative;}
.btn p{color: #666666;font-size: 14px;  padding-left: 20px;}
.btn i { width: 68px;  height: 19px;position: absolute; left: 80px;top: 50%; margin-top: -9.5px;}

.main .mainContent .child .childImg{}


}



@media (min-width: 1440px) and (max-width:1920px ) {

}