/* common */

.nav-tabs {border-bottom:none;}
.plus { position:absolute; top:0; right:0;}
.plus:hover { opacity:0.8; transition:0.3s all ease;}

.box{display:inline-block; position:relative; opacity:0; top:50px; }

/*main1 s*/
#main-1{height:815px;background-color:#4b8cc8;}
#main-1 .main-1-center #latest-third .news_title{text-align: center;font-size: 44px;color: #fff;margin: 60px 0;}
#main-1 .main-1-center #latest-third .news_title a{text-decoration:none; color:#fff;letter-spacing:3px; font-weight:bold;display:block;}
#main-1 .main-1-center #latest-third .news_div ul{
	/*-webkit-flex-wrap: wrap;display: -webkit-flex;display: flex;flex-direction: column;*/
	}
#main-1 .main-1-center #latest-third .news_div ul a li{text-decoration:none; color:#fff; font-size:24px;display: inline-block; width: 100%; line-height:2.8;}
.news_div > ul > a > li > span:nth-child(1){width: 60%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;}
.news_div > ul > a > li > span:nth-child(2){float:right;}
/*main1 e*/


/*main2 s*/
#main-2{height:650px;background-color:#fff;}
#main-2 .main-2-center{padding: 120px 0;}
.main-2-center > #latest-third > .Community_title{width: 100%;display: inline-block;text-align: center;float:left;margin-bottom:60px;}
.main-2-center > #latest-third > .Community_title > span:nth-child(1){width: 100%;text-align: center;display: inline-block;
font-size: 36px;font-weight: bold;letter-spacing: 2px;margin-bottom:30px;word-break:keep-all;}
.main-2-center > #latest-third > .Community_title > span:nth-child(2){font-size: 24px;width: 85%;display: inline-block;text-align: center;
word-break: keep-all;}
#main-2 .main-2-center #latest-third .Community_div{display: flex;justify-content: center;align-items: center;width: 100%;}
#main-2 .main-2-center #latest-third .Community_div .main2-btn{width: 20%;float: left;text-align: center;
font-size: 20px;color: #000;font-weight: normal;text-decoration: none;top:0;position:relative;}
#main-2 .main-2-center #latest-third .Community_div .main2-btn:hover,
#main-2 .main-2-center #latest-third .Community_div .main2-btn:focus{top: -15px; transition: .3s top; font-weight:bold;}
#main-2 .main-2-center #latest-third .Community_div .main2-btn:hover img,
#main-2 .main-2-center #latest-third .Community_div .main2-btn:focus img{ 
transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1);top: -10px;
transition: transform .35s;-o-transition: transform .35s;-moz-transition: transform .35s;-webkit-transition: transform .35s;}
#main-2 .main-2-center #latest-third .Community_div .main2-btn img{display:block;margin:0 auto; margin-bottom:10px;position: relative;}
/*main2 e*/


/*main3 s*/
#main-3{height:360px;background-color:#F7F7F7;padding: 60px 0;}
#main-3 .main-3-left #latest-third .newfam_title_div{margin-top: 30px;width: 100%;display: inline-block;float: left; text-align:center;}
#main-3 .main-3-left #latest-third .newfam_title_div h1{margin: 0;text-align: center;font-size: 30px;letter-spacing: 0;
font-weight: bold;margin-bottom: 30px;}
#main-3 .main-3-left #latest-third .newfam_title_div h5{text-align: center;font-size: 16px;line-height: 1.5;
width: 80%;word-break: keep-all;margin: 0 auto 35px;}
#main-3 .main-3-left #latest-third .newfam_title_div .newfam_title-href{padding: 20px 50px; border: 1px solid #000; font-weight:normal;display:inline-block;text-decoration:none;
vertical-align: middle;background: transparent;overflow: hidden;transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1); position: relative; z-index: 10;
font-size: 17px;color: #000;letter-spacing: 0px; font-weight:normal;}
#main-3 .main-3-left #latest-third .newfam_title_div .newfam_title-href:hover,
#main-3 .main-3-left #latest-third .newfam_title_div .newfam_title-href:focus{color:#fff; font-weight:bold;}
#main-3 .main-3-left #latest-third .newfam_title_div .newfam_title-href:before{z-index: -1;content: "";display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;
-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;
-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);
transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;backface-visibility: hidden;background: #000;}
#main-3 .main-3-left #latest-third .newfam_title_div .newfam_title-href:hover:before{-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);
    transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}

#main-3 .container{height:100%;}
#main-3 .container .row{height:100%;}
#main-3 .main-3-right{display: flex;justify-content: center;align-items: center;height:100%;}
#main-3 .main-3-right #latest-third ul{display: inline-grid; grid-template-columns: 3.5fr 2fr 2.5fr 2fr 2.5fr 2fr 2.5fr;}
#main-3 .main-3-right #latest-third ul li{display: inline-block;text-align: center;vertical-align: top;position: relative;}
#main-3 .main-3-right #latest-third ul li img{margin-bottom: 15px;}
#main-3 .main-3-right #latest-third ul li.new-arrow{position:relative;}
#main-3 .main-3-right #latest-third ul li.new-arrow img{margin: 0;position: absolute;top: 50%;text-align: center;
right: 33%;display: block;transform: translate(0,-50%);}
#main-3 .main-3-right #latest-third ul li p{font-size: 17px; letter-spacing: 0px; margin:0;}
/*main3 e*/


/*main4 s*/
#main-4{height:600px;background-color:#dd9f93;}
#main-4 #gallery-main{position:relative;}
#main-4 #gallery-main .gallery-title{padding:70px 0 50px;letter-spacing: 1px;text-align: center;}
#main-4 #gallery-main .gallery-title a{text-decoration:none; font-size:42px; font-weight:bold; color:#fff;}
#main-4 #gallery-main .gallery-content{overflow:hidden;}
#main-4 #gallery-main .gallery-left{cursor: pointer;position: absolute;top: 65%;left: -10%;}
#main-4 #gallery-main .gallery-right{cursor: pointer;position: absolute;top: 65%;right: -10%;}
#main-4 #gallery-main .gallery-content .contentSlideWrapper .contentSlide{padding: 25px;background-color: #fff;/*border: 1px solid #000;*/}
#main-4 #gallery-main .gallery-content .contentSlideWrapper .contentSlide a{text-decoration:none;}
#main-4 #gallery-main .gallery-content .contentSlideWrapper .contentSlide a h1{font-size: 17px;color: #000;margin: 0;overflow: hidden;white-space: normal;
line-height: 1.4;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;word-break: keep-all;-webkit-box-orient: vertical;
height: 3em;margin-top: 5px;transform: skew( -0.05deg );}
#main-4 #gallery-main .gallery-content .contentSlideWrapper .contentSlide a h5{font-size: 16px;color: #333;margin: 0;line-height: 2;}
#main-4 #gallery-main .gallery-content .contentSlideWrapper .contentSlide a .gallery-img{display: block;width: 100%;height: 180px;position: relative;overflow: hidden;
margin: 0 auto;background-size: cover;background-position: 50% 50%;background-origin: border-box;background-repeat: no-repeat;}
/*main4 e*/




@media (min-width:1200px) and (max-width:1499px) {
    #main-2{height:600px;}
    #main-4 #gallery-main .gallery-left{left: 5%; z-index: 5;}
    #main-4 #gallery-main .gallery-right{right: 5%; z-index: 5;}
}

@media (min-width:993px) and (max-width:1199px) {
    #main-1{height:440px;}
    #main-1 .main-1-center #latest-third .news_title{font-size:32px;margin: 30px 0;}
    #main-1 .main-1-center #latest-third .news_div ul a li{font-size:20px;}
    #main-2{height:500px;}
    #main-2 .main-2-center{padding: 80px 0;}
    .main-2-center > #latest-third > .Community_title > span:nth-child(1){font-size:30px;}
    .main-2-center > #latest-third > .Community_title > span:nth-child(2){font-size:20px;}
    #main-3 .main-3-left #latest-third .newfam_title_div{margin:0;}
    #main-3 .main-3-left #latest-third .newfam_title_div h1{font-size:26px;}
    #main-3 .main-3-right #latest-third ul{grid-template-columns: 3.5fr 1fr 2.5fr 1fr 2.5fr 1fr 2.5fr;}
    #main-4{height:495px;}
    #main-4 #gallery-main .gallery-left{left: 5%; z-index: 5;}
    #main-4 #gallery-main .gallery-right{right: 5%; z-index: 5;}
    #main-4 #gallery-main .gallery-title{padding: 50px 0 30px;}
    #main-4 #gallery-main .gallery-title a{font-size:32px;}
    #main-4 #gallery-main .gallery-content .contentSlideWrapper .contentSlide a .gallery-img{height: 140px;}
}

@media (min-width:768px) and (max-width:992px) {
    #main-1{height:570px;}
    #main-1 .main-1-center #latest-third .news_title{font-size:28px;margin: 30px 0;}
    #main-1 .main-1-center #latest-third .news_div ul a li{font-size:17px;}
    #main-2{height:440px;}
    #main-2 .main-2-center{padding: 60px 0;}
    #main-2 .main-2-center #latest-third .Community_div .main2-btn{font-size:17px;}
    .main-2-center > #latest-third > .Community_title > span:nth-child(1){font-size:24px;}
    .main-2-center > #latest-third > .Community_title > span:nth-child(2){font-size:17px;}
    #main-3{height:475px;}
    #main-3 .main-3-left #latest-third .newfam_title_div{margin:0;}
    #main-3 .main-3-left #latest-third .newfam_title_div h1{font-size:24px;}
    #main-3 .main-3-right{height:50%;}
    #main-3 .main-3-right #latest-third ul{grid-template-columns: 3.5fr 1fr 2.5fr 1fr 2.5fr 1fr 2.5fr;}
    #main-4{height:540px;}
    #main-4 #gallery-main .gallery-left{left: 5%; z-index: 5;}
    #main-4 #gallery-main .gallery-right{right: 5%; z-index: 5;}
    #main-4 #gallery-main .gallery-title{padding: 50px 0 30px;}
    #main-4 #gallery-main .gallery-title a{font-size:32px;}
    #main-4 #gallery-main .gallery-content .contentSlideWrapper .contentSlide a .gallery-img{height: 190px;}
    
}

@media (max-width:767px) {
    #main-slider{margin-top: 55px;}
    #main-1{height:550px;}
    #main-1 .main-1-center #latest-third .news_title{font-size:28px;margin: 30px 0;}
    #main-1 .main-1-center #latest-third .news_div ul a li{font-size:17px;}
    #main-2{height:610px;}
    #main-2 .main-2-center{padding: 40px 0;}
    .main-2-center > #latest-third > .Community_title{margin-bottom: 30px;}
    #main-2 .main-2-center #latest-third .Community_div{display:inline-block;}
    #main-2 .main-2-center #latest-third .Community_div .main2-btn{font-size:17px;width:33%;padding: 5px;}
    #main-2 .main-2-center #latest-third .Community_div .main2-btn:nth-child(4),
    #main-2 .main-2-center #latest-third .Community_div .main2-btn:nth-child(5){width:50%;}
    .main-2-center > #latest-third > .Community_title > span:nth-child(1){font-size:20px; line-height:1.5;margin-bottom: 20px;}
    .main-2-center > #latest-third > .Community_title > span:nth-child(2){font-size:17px; line-height:1.5;}
    #main-3{height:545px;padding: 30px 0;}
    #main-3 .main-3-left #latest-third .newfam_title_div{margin:0;}
    #main-3 .main-3-left #latest-third .newfam_title_div h1{font-size:20px;margin-bottom: 20px;}
    #main-3 .main-3-left #latest-third .newfam_title_div h5{letter-spacing:0.5px;margin: 0 auto 20px;}
    #main-3 .main-3-right{height:65%;}
    #main-3 .main-3-right #latest-third ul{grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;}
    #main-3 .main-3-right #latest-third ul li{padding:5px;}
    #main-3 .main-3-right #latest-third ul li.new-arrow{display:none;}
    #main-4{height:465px;}
    #main-4 #gallery-main .gallery-left{left: 5%; z-index: 5;}
    #main-4 #gallery-main .gallery-right{right: 5%; z-index: 5;}
    #main-4 #gallery-main .gallery-title{padding: 25px 0;}
    #main-4 #gallery-main .gallery-title a{font-size:28px;}
    #main-4 #gallery-main .gallery-content .contentSlideWrapper .contentSlide a .gallery-img{height: 190px;}
}

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