html, body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color:#000;
margin: 0;
padding: 0;
}
.swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
/* Center slide text vertically */
/* display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
/*------------ public style --------------*/
body{margin:0;padding:0;background:#fff;}
body{margin:0;padding:0;font:14px "微软雅黑",Tahoma,Verdana,Geneva,sans-serif;color:#555}
body,div,span,p,h4,ul,li{padding: 0;margin: 0;}
ul{list-style: none;}
table,tr,td{border: none;overflow: hidden;}
a,a:hover{text-decoration: none;}
a:focus {outline:none;}
.left{float: left;}
.right{float: right;}
.clearfix:after{clear:both;content:".";display:block;margin:0;padding:0;font-size:0;height:0;line-height:0;overflow:hidden}
.clearfix{*zoom:1}
a{ text-decoration:none; }
a:link{ text-decoration:none; }
a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ text-decoration:none; }
.itemCenter{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.table{margin:0;}
.insideMenu .navbar-nav .dropdown-menu li{margin: 5px 0;}
.backTop{position: fixed;color: #fff;bottom: 1%;right: 10%;z-index: 999;}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } @media ( min-width : 768px) { .col-sm-5ths { width: 20%; float: left; } } @media ( min-width : 992px) { .col-md-5ths { width: 20%; float: left; } } @media ( min-width : 1200px) { .col-lg-5ths { width: 20%; float: left; } }
/*------------ public style --------------*/
/*------------ rewrite swiper --------------*/
.swiper-pagination-bullet {background: #fff; }
.swiper-pagination-bullet-active {
opacity: 1;
background: #af8c64;
}
.swiper-pagination-bullet {
width: 1.5vh;
height: 1.5vh;
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 1.5vh 0;
display: block;
}
/*------------ rewrite swiper --------------*/
.slide01 .CompanyLogo{ position: absolute; max-width: 23vw; z-index: 999;}
.enName_menu{display: block;width: 100%;text-align: center;font-size: 12px;height:20px;overflow:hidden;}
.navbar-nav > li > a {text-align: center; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #d7b78b; }
.navbar-default .navbar-nav> li:hover > a{ color: #fff; background-color: #d7b78b; }
.swiper-slide{position: relative;}
.nextBtn{width: 5vw; text-align: center;position: absolute;bottom: 1.5vh;left: 50%;margin-left: -2.5vw;}
.nextBtn img{max-width: 100%;}
.slide01{background: url("../images/sectionBG1.jpg") no-repeat;background-size: cover;background-position: center;}
.videobox{width: 35%;height: 40%;position: absolute;bottom: 15%; right: 5%;text-align: center;}
.videobox img{ margin-bottom: 20px;max-width: 65%;}
.videobox video{height: 35vh;float: left;width: 25vw;}
@media (max-width: 1100px) {
.videobox{
width: 85%;
height: auto;
position: absolute;
bottom: 25%; min-height: 30vh;
right: 5%;}
}
@media (max-width:500px) {
.videobox{
width: 85%;
height: auto;
position: absolute;
bottom: 25%; min-height: none;
right: 13%;}
}
.slide02{background: url("../images/sectionBG2.jpg") no-repeat;background-size: cover;}
.slide02 .navbar-default {
background-color: #21366f;
border-color: #21366f;
}
.slide02 .navbar-default .navbar-nav > li > a { color: #fff; }
.slide02 .tableCell,.slide01 .tableCell{display:block;}
.sectionInfo{margin: 0 auto; width: 50%; height: 45vh; text-align: center; padding-top: 5vh;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.sectionInfo img{max-width: 100%;display: block;max-height: 100%;}
.slide02_List{width: 70%;margin: 0 auto;margin-top: 10vh;display:flex;justify-content:center;}
.slide02_Item{ margin-bottom: 10px;/* float: left; width: 18%; text-align: center; overflow: hidden; margin: 0 1%; */}
.slide02_Item a{color: #c49352; font-size: 14px; border: 1px solid; padding: 10px; display: block; width: 100%; margin: 0 auto; text-align: center;}
.slide02_Item a:hover{background:#c49352;color: #ffffff; border: 1px solid #c49352;}
.slideTitleCN{display: block;font-size: 3em;font-weight: bolder;color: #fff;}
.slideTitleEN{display: block;font-size: 16px;font-weight: bolder;color: #fff;}
.slide03{background: url("../images/sectionBG3.jpg") no-repeat;background-size: cover;text-align: center;}
.clubIndex{padding: 5vh 0; display: block; /* margin-bottom: 5vh; */}
.clubIndex span,.clubItem span{width: 100%;text-align: center;color: #ffffff;font-size: 14px;display: block;margin-bottom: 5px;}
.clubItem{text-align: center;}
.clubIndex span{line-height: 2;}
.clubItem img{max-width: 100%;}
.clubItem span.ItemName_cn{font-size: 16px;margin: 6px 0;}
.clubItem span.ItemName_en{color: #c49352;}
.slide04_title{height: 25%;background: url("../images/section4Title.jpg") no-repeat;background-size: cover;text-align: center;}
.slide04_infoRow{height: 37.5%;width: 100%;}
.slide04_infoItem{height: 100%;padding: 0; margin: 0;}
.getMore{display: block; color: #21366f; font-size: 18px; font-weight: 700; border: 2px solid; width: 130px; margin: 0 auto; margin-top: 2vh;}
.slide04_ItemInfo{background: url("../images/whiteBG.png") repeat;padding: 6vh;}
.slide04_ItemInfo span{display: block;text-align: center;}
.slide04_ItemInfo .ItemName_en{color: #c49352;font-size: 1em;margin: 0 auto;}
.slide04_ItemInfo .ItemName_cn{color: #21366f;font-size: 2em;font-weight: bolder;margin: 0 auto;}
.slide04_ItemInfo:hover{background: url("../images/blueBG.png") repeat; }
.slide04_ItemInfo:hover .ItemName_en,.slide04_ItemInfo:hover .ItemName_cn{color: #ffffff;}
.slide05{background: url("../images/sectionBG5.jpg") repeat;background-size: cover;text-align: center; background-position: 20%;}
.slide05_infoL,.slide05_infoR{width: 40%; margin: 0 5%; float: left;}
.slide05_infoL{text-align: right;}
.slide05_title{/* height: 10vh; */}
.slide05_infoL span,.infoRItem span,.slide04_title span{width: 100%;display: block;}
.slide05_infoL span{padding: 6px 0;}
.slide05_infoL span a{font-size: 16px;color: #c49352;padding-bottom: 5px;border-bottom: 2px solid;}
.slide05_infoR{padding-top: 10vh;text-align: left;}
.infoRItem span:nth-child(1){color: #ffffff;font-weight: bold;font-size: 21px;}
.infoRItem span:nth-child(2){color: #c49352;font-size: 16px;}
.infoRItem{margin-bottom: 3vh;}
.slide06_Item{width: 33.333%;float: left;height: 100%;overflow: hidden;}
.slide06_ItemInfo{width: 100%;height: 100%;background: url("../images/sectionBG.png") repeat;}
.slide06_ItemTitle{font-weight: bolder; font-size: 2em; color: #ffffff; text-align: center; margin-bottom: 5vh;}
.slide06_ItemTitle a{color: #ffffff;}
.slide06_detail{ color: #ffffff;font-size: 16px;padding: 10px;text-align: center;border: 3px solid;padding: 1vw; min-width: 15vw; }
.slide06_detail a{display: block;margin-bottom: 5px;color: #ffffff;}
.slide06_ItemInfo:hover{}
.slide07_row:nth-child(1){height:60%;overflow:hide;}.slide07_rowImage{height:50vh;}.slide07_contact{height:100%;}
.slide07_row:nth-child(2){height:40%;}
.slide07_rowImage{}
.slide07_contact{}
.slide07_rowImage, .slide07_contact{height: 100%;}
.slide07_title img,.slide07_contact img{max-height: 100%;max-width: 100%; padding: 10px;}
.slide07_contact{ padding-top: 5vh; padding-left: 5vh; height: 100%; overflow: hidden;}
.slide07_infoItemH{height:20%;}
.slide07_rowImage{background: url("../images/sectionBG7.jpg") no-repeat;background-size: cover;}
.slide07_row div.slide07_title{height: 20%; text-align: left;}
.slide07_row div.slide07_info{height: 70%;}
.slide07_infoItem{width:50%;float:left; height: 100%;}
.slide07_infoItemH img{max-width: 80%;padding:20px 0;display:block;max-height: 90%;}
.slide07_infoItemC{font-size:16px;color:#21366f;text-align:left;line-height: 2;height:70%;}
.inside_footer a{color:#fff;}
.inside_footer{background: url("../images/footerBG.jpg") no-repeat;background-size: cover;}
.footerMap{height:80%;}
.footerMap img{max-width: none;}
.footer{height: 20%;background: #21366f;color: #ffffff;}
.footerInfo{height:40%;}
.footer img{max-height:25px;width: auto;}
@media (min-width: 1100px) {
.slide01 .nav > li { margin: 2vh 0; }
.navbar-default .navbar-nav > li > a {width: 7vw;text-align: center;color: #21366f;padding: 10px 5px;}
.slide06_ItemInfo { margin-top: -100vh;transition-duration: 1s;-webkit-transition-duration: 1s;}
.slide06_Item:hover .slide06_ItemInfo{margin-top: 0;}
.dropdown-menu > li > a:hover{background: #21366f;color: #ffffff;}
.navbar-nav > li:hover > .dropdown-menu{display:block;}
}
@media (max-width: 1100px) {
.slide01 .CompanyLogo {max-width: 12vw; left: 0; min-height: 55px; }
.clubIndex{width: 80%;margin: 0 auto;}
.slide02_Item a {font-size: 12px; }
.clubItem {height: 20vh; }
.clubItem img {max-width: 100%; max-height: 10vh; }
.slide05_title { max-width: 100%; }
.slide04_ItemInfo {background: url("../images/whiteBG.png") repeat; width: 100%; padding: 3vh 0; }
.slide04_title img{max-width: 50vw}
.getMore {max-width: 30vw;}
.slide07_row:nth-child(1){height:40%;overflow:hide;}.slide07_rowImage{height:50vh;}.slide07_contact{height:100%;}
.slide07_row:nth-child(2){height:60%;}
.slide07_infoItemC {
font-size: 12px;
color: #21366f;
text-align: left;
line-height: 2;
}
}
@media (max-width: 767px)
{
.slide01 .CompanyLogo {
max-width: 20vw;
}
.slideTitleCN{display: block;font-size: 25px;font-weight: bolder;color: #fff;}
.clubIndex a,.clubIndex span{display:block;}
.slide04_ItemInfo .ItemName_cn{font-size: 14px;}
.slide04_ItemInfo .ItemName_en {font-size: 12px;}
.footerItem{font-size: 12px;}
.slide02_List{margin-top:0;}
.slide07_infoItem {
width: 100%;
float: left;
}
.slide02_Item.col-xs-6,.slide02_Item.col-xs-12{padding-right: 5px;padding-left: 5px;}
}
@media (max-width:500px) {
.infoRItem span:nth-child(2) {
color: #c49352;
font-size: 12px;
}
.infoRItem span:nth-child(1) {
color: #ffffff;
font-size: 14px;
}
.slide06_Item {
width: 100%;
float: left;
height: 33.333%;
}
.slide07_row:nth-child(1){height:60%;overflow:hide;}.slide07_rowImage{height:50vh;}.slide07_contact{height:100%;}
.slide07_row:nth-child(2){height:40%;}
.slide07_infoItemC {
font-size: 12px;
color: #21366f;
text-align: left;
line-height: 2;
}
.videobox{width: 80vw;float: none;margin: 0 auto;margin-top: 20vh;}
.videobox video { height: 35vh; float: left; width: 100%;}
.CompanyLogo{ width: 60px;
padding: 5px 0; }
}
/* ------------------ inside -------------------- */
.newslist li .date {
float: left;
width: 12%;
height: auto;
padding: 18px;
font-size: 18px;
transition-duration: 2s; -webkit-transition-duration: 2s;
word-wrap: break-word;
}
.newslist li {
margin-bottom: 25px;
line-height: none;
border-bottom: none;
background: none;
overflow: hidden;
border: 1px solid #eee;
padding: 0px;
position: relative;
width: 100%;
height:auto;
}
.newslist ul li{
padding: 0px;
}
.newslist li:before{
position: absolute;
top: 0px;
left: -1425px;
content: "";
width: 1350px;
height: 188px;
background: #21366f;
z-index: -1;
transform: skewX(50deg);
transition-duration: 2s; -webkit-transition-duration: 2s;
}
.newslist li:hover:before{
left: -77px;
}
@media (min-width: 1100px) {
.newslist .infolist_title:after {
position: absolute;
bottom: -12px;
left: 20px;
z-index: 0;
content: "";
width: 100px;
height: 4px;
background: black;
transition-duration: 2s; -webkit-transition-duration: 2s;
}
.newslist li:hover .infolist_title:after{
left:50px;
width: 200px;
}
}
.infolist_title{
font-weight: 600;
padding: 0;
margin: 15px 0 20px 10px;
font-size: 20px;
letter-spacing: 1px;
color: #3a3a3a;
position: relative;
display: inline-block;
width: 58%;
}
.newslist .infolist_summary{
display: block;
font-size: 16px;
line-height: 1.5;
overflow: hidden;
padding: 10px;
color: #888;
width: 100%;
}
.newslist .infolist_pic{
padding: 0px 10px 0 0;
float: left; width: 30%;
}
.newslist .infolist_picxs {
padding: 0;
float: left;
width: 35%;
}
.newslist .infolist_pic img{ max-width: 120px;}
.newslist li:hover a,
.newslist li:hover .infolist_title,
.newslist li:hover .infolist_summary{
color: #fff;
}
.newslist li:hover .infolist_title:after{background: #fff;}
.newslist li:hover .date{
color: #fff;
background: transparent;
}
@media (max-width: 767px){
.insideMenu .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
text-align: center;
}
.infolist_title {
font-weight: 600;
padding: 0;
padding-top:5px;
margin: 0 5%;
font-size: 10px;
letter-spacing: 1px;
color: #3a3a3a;
position: relative;
display: inline-block;
float: left;
width: 55%;
}
.newslist li{margin-bottom:10px;}
}
.insideMenuCover{background: #fff;box-shadow: 0px 5px 5px #eee;}
.insideMenuCover .nav-tabs > li > a{font-size:16px;}
.insideMenuCover .nav-tabs > li.active > a,.insideMenu .nav-tabs > li > a:hover{border: 1px solid transparent;background: #21366f;color: #fff;border-radius: 0;}
.insideMenuCover .nav-tabs {border-bottom: none;}
.insideMenu .navbar-default .navbar-toggle {
border-color: #ddd;
background: #fff;
}
.insideMenu .navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: transparent;
}
.insideMenu .navbar-nav .open .dropdown-menu{
border-bottom: 5px solid;
}
.insideMenu .navbar-header{
max-width: 95%;
margin: 0 auto;
}
.insideMenu .navbar-default {margin: 0;}
.bannerList{width:100%;overflow:hidden;}
.bannerList img{max-width:100%;}
#insideCover{min-height: 70vh;}
#insideCover #sidemenu .caption h4,#insideCover .caption h4 {
margin: 0;
height: auto;
line-height: normal;
padding: 0;
color: #21366f;
font-size: 2em;
text-align: left;
padding: 15px 0;
background: #fff;
}
#insideCover #sidemenu .caption h4{padding: 5%;}
#insideCover #sidemenu .caption ,#insideCover .caption{
position:relative;
margin: 0;
height: auto;
line-height: normal;
text-align: center;
background: #054680;
}
.about{border-bottom: 1px solid #eee;}
#sidemenu {
width: 80%;
margin: 0 auto;
background: #fff;
text-align: center;border: 1px solid #eee;
}
.owl-carousel {
z-index: -1;
}
.leftBanner .owl-carousel {
z-index: 999;
}
.leftBanner img{width:100%;}
/* #box_right #condetail,#box_right .caption,#box_right .caption h4{background: transparent;} */
.footerItem{margin: 20px 0;}
.footerItem li{float:left;}
.footerItem ul{margin-top: 30px;}
#box_right img{max-width:100%;}
#fullPage-nav span, .fullPage-slidesNav span {border: 1px solid #c49352;}
#fullPage-nav li .active span, .fullPage-slidesNav .active span {background: #c49352;}
#fullPage-nav {top: 45%;}