﻿/*css初始化   css reset start*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,iframe,table,tbody,tfoot,thead,
tr,th,td,article,aside,footer,header,nav,section,del,s,em,i,strong,b,u,select,button,textarea,input,a{
    box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; margin:0; padding:0;
}


/*特殊声明*/
html{-webkit-text-size-adjust:none;width:100%;min-height:100%;} 
body{
    font-family:'open_sansregular';font-weight: normal; 
    color:#333333; position:relative;font-size:14px;background:#fff;width:100%;min-width: 320px;max-width:1920px;margin:0 auto;min-height:100vh;
}

/*清除浮动*/
.clearfix:after{content:"."; clear:both; display:block; height:0; visibility:hidden;}
.clearfix{zoom:1;}

/*设置链接*/
a{display:block;color:#333333; text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}

/*其它*/
fieldset,img,textarea,input,button,select{border:none;outline: none;} /*去掉边框*/
ul,li,ol,dl,dt,dd{ list-style:none;}/*去掉列表样式*/
del{text-decoration:line-through; }
table {border-collapse:collapse; border-spacing:0; }
h1,h2,h3,h4,h5,h6,b{font-size:14px;font-weight:normal;}
i{font-style:normal;}
input,select,img,button{vertical-align:middle;background:none;}
input,button,textarea,select{
    font-family:'open_sansregular';resize: none;
    box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;background:none;font-size:14px;color:#333333;
}
input::-moz-placeholder, textarea::-moz-placeholder { color: #a2acb5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a2acb5; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a2acb5; }




.fl{float:left;}
.fr{float:right;}
.en{font-family:Arial;text-transform:uppercase;}
img{display:block;margin:0 auto;}
.wrapper{width:100%;}
.container{position:relative;max-width:1400px;margin:0 auto;}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.clamp4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.Animation{-webkit-transition: all 0.8s;transition: all 0.8s;}
.pub_transition{
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.flex{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: center;
    justify-content: center;
    text-align:center;}
.overflow{overflow:hidden;}
/*css初始化   css reset end*/



.sidebar{position:fixed;width:139px;right:0;top:50%;margin-top:-66px;z-index:5;-webkit-transition: all 1s;transition: all 1s;}
.sidebar img{width:100%;}


/*公用顶部样式*/
.header{position:absolute;width:100%;top:0;left:0;/* transform: translate(0,-80px);transform: translate(0,0)\9;-webkit-transform: translate(0,-80px);-moz-transform: translate(0,-80px);-o-transform: translate(0,-80px);animation:h_tit 1s forwards;-webkit-animation:h_tit 1s forwards;-moz-animation:h_tit 1s forwards;-o-animation:h_tit 1s forwards; */z-index:101;}
.header.scroll{position:fixed;background:rgba(0,0,0,0.5);transition:all 0.5s;-webkit-transition:all 0.5s;}
.main_header{position:relative;width:98%;margin:0 auto;padding:20px 0 15px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.header.bg{background:#101010;}
.main_logo{width:124px;}
.main_logo img{width:100%;}
.main_logo .logo2{display:none;}


@keyframes h_tit{
	form{transform: translate(0,-100px);opacity:0;}
	to{transform: translate(0,0);opacity:1;}
}
@-moz-keyframes h_tit{
	form{transform: translate(0,-100px);opacity:0;}
	to{transform: translate(0,0);opacity:1;}
}
@-webkit-keyframes h_tit{
	form{transform: translate(0,-100px);opacity:0;}
	to{transform: translate(0,0);opacity:1;}
}
@-o-keyframes h_tit{
	form{transform: translate(0,-100px);opacity:0;}
	to{transform: translate(0,0);opacity:1;}
}


/*菜单下拉*/
html.ac-gn-noscroll, html.ac-gn-noscroll body, .header.ac-gn-noscroll{width:100%;overflow-y:hidden;}
.header.ac-gn-noscroll{height:100vh;overflow:hidden;}
.claseNav{position:absolute;width:50px;height:50px;top:40px;right:40px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.claseNav::before, .claseNav::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 22px;
  left: 8px;
  width: 35px;
  height: 3px;
  background-color: #E4C36F;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius:2px;
}
.claseNav::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.claseNav::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.claseNav:hover::before {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
.claseNav:hover::after {
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}

.ac-gn-menuicon {position:absolute;height:46px;right:20px;top:20px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ac-gn-menuicon>div{display:block;position:relative;width:30px;height:30px;}
.ac-gn-menuicon>div>div{height:2px;width:30px;background-color:#fff;display:block;position:absolute;top:50%;right:0;margin-top:-1px;transition:.5s transform;}
.ac-gn-menuicon>div>div:nth-child(1){-webkit-transform:translateY(0px);transform:translateY(0px);}
.ac-gn-menuicon>div>div:nth-child(2){-webkit-transform:translateY(9px);transform:translateY(9px);}
.ac-gn-menuicon>div>div:nth-child(3){-webkit-transform:translateY(18x);transform:translateY(18px);}
.ac-gn-menuicon .span{height:100%;padding:0 10px;background:#E4C36F;color:#002148;font-size:20px;text-align:center;line-height:38px;display:none;}

.ac-gn-list{
  padding-top:100px;
  padding-bottom:30px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #101010;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 5;
  overflow:hidden;
  visibility: hidden;
}
.ac-gn-list ul{width:100%;height:100%;padding:0 40px;}
.ac-gn-list li{border-bottom:1px solid rgba(255,255,255,0.2);overflow:hidden;padding:10px 0;}
.ac-gn-list li a{height:44px;line-height:44px;position:relative;color:rgba(255,255,255,0.5);font-size:14px;-webkit-transition: top 1.5s;transition: top 1.5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ac-gn-list li a span{display:block;}
.ac-gn-list li.cur>a{color:#E4C36F;}
.ac-gn-list li:hover>a{color:#E4C36F;}
.ac-gn-list .ac-gn-item{
	opacity:0;
	pointer-events:none;
	-webkit-transform:scale(1.1) translateY(-24px);
	-ms-transform:scale(1.1) translateY(-24px);
	transform:scale(1.1) translateY(-24px);
	-webkit-transition:opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
	transition:opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
	transition:opacity 0.35s ease-out, transform 0.35s ease-out;
	transition:opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out
}
.ac-gn-list .ac-gn-item-menu:nth-child(1) {
	-webkit-transition-delay:350ms,350ms;
	transition-delay:350ms,350ms
}
.ac-gn-list .ac-gn-item-menu:nth-child(2) {
	-webkit-transition-delay:300ms,300ms;
	transition-delay:300ms,300ms
}
.ac-gn-list .ac-gn-item-menu:nth-child(3) {
	-webkit-transition-delay:250ms,250ms;
	transition-delay:250ms,250ms
}
.ac-gn-list .ac-gn-item-menu:nth-child(4) {
	-webkit-transition-delay:200ms,200ms;
	transition-delay:200ms,200ms
}
.ac-gn-list .ac-gn-item-menu:nth-child(5) {
	-webkit-transition-delay:150ms,150ms;
	transition-delay:150ms,150ms
}
.ac-gn-list .ac-gn-item-menu:nth-child(6) {
	-webkit-transition-delay:100ms,100ms;
	transition-delay:100ms,100ms
}
.ac-gn-list .ac-gn-item-menu:nth-child(7) {
	-webkit-transition-delay:50ms,50ms;
	transition-delay:50ms,50ms
}
.ac-gn-list.show .ac-gn-item-menu {
	opacity:1;
	pointer-events:auto;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(1) {
	-webkit-transition-delay:300ms,300ms;
	transition-delay:300ms,300ms
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(2) {
	-webkit-transition-delay:350ms,350ms;
	transition-delay:350ms,350ms
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(3) {
	-webkit-transition-delay:400ms,400ms;
	transition-delay:400ms,400ms
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(4) {
	-webkit-transition-delay:450ms,450ms;
	transition-delay:450ms,450ms
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(5) {
	-webkit-transition-delay:500ms,500ms;
	transition-delay:500ms,500ms
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(6) {
	-webkit-transition-delay:550ms,550ms;
	transition-delay:550ms,550ms
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(7) {
	-webkit-transition-delay:600ms,600ms;
	transition-delay:600ms,600ms
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(8) {
	-webkit-transition-delay:650ms,650ms;
	transition-delay:650ms,650ms
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(9) {
	-webkit-transition-delay:700ms,700ms;
	transition-delay:700ms,700ms
}
.ac-gn-list.show .ac-gn-item-menu:nth-child(10) {
	-webkit-transition-delay:750ms,750ms;
	transition-delay:750ms,750ms
}
.ac-gn-list.show{
	height:100%;
	overflow:hidden;
	visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ac-gn-list .menu_nav{position:relative;top:0;left:0;background:none;width:100%;display:none;}
.ac-gn-list .menu_nav a{text-align:left;line-height:40px;height:40px;font-size:13px;padding-left:30px;color:rgba(255,255,255,0.5);border-top:1px dashed rgba(255,255,255,0.2);margin-bottom:0;}
.ac-gn-list .menu_nav a:hover{background:none;}


/* footer */
.footer{position:relative;width:100%;background:#11151c;padding:30px 0 15px;z-index:3;}
.footer a:hover{color:#fff;}
.f_logo{max-width:180px;margin:0 auto;}
.f_logo img{max-width:100%;}
.f_nav{text-align:center;color:#fff;font-size:14px;border-top:1px solid rgba(255,255,255,0.4);padding-top:30px;margin:30px 0 30px;}
.f_nav a{display:inline;color:#fff;font-size:14px;padding:0 16px;}
.copyright{text-align:center;color:#fff;}
.copyright p{margin-bottom:12px;}
.copyright a,.copyright span{display:inline;font-size:14px;color:#fff;padding:0 8px;}
.share{position:absolute;height:20px;top:15px;right:0;}
.share a{position:relative;float:left;width:25px;height:20px;opacity:0.6;margin:0 10px;}
.share .s_ao{width:auto;height:auto;margin-right:0;}
.footer .s_tel{position:absolute;left:0;top:15px;font-size:16px;color:#fff;opacity:1;}
.footer .s_tel span{font-size:20px;}
.s_weiXin{background:url(../images/icon_5.png) no-repeat;background-size:100% 100%;}
.s_weibo{background:url(../images/icon_6.png) no-repeat;background-size:100% 100%;}
.share .ewm{position:absolute;width:110px;height:110px;background:#fff;padding:5px;bottom:30px;left:50%;margin-left:-55px;display:none;}
.share .ewm img{width:100%;height:100%;}
.share .ewm:before{content:'';position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;bottom:-5px;left:50%;margin-left:-5px;}

.share a:hover{opacity:1;}
.share a:hover .ewm{display:block;}


/*回到顶部*/
.goBack{position:fixed;width:34px;height:34px;right:20px;bottom:70px;z-index:5;cursor:pointer;display:none;}
.goBack img{width:100%;height:100%;}




/*分页*/
.paginations{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center;margin-bottom:35px;}
.paginations li{display: inline-block;}
.paginations li span,.paginations li a{font-size:1.2rem;display:inline-block;padding:.4rem;margin:0 0rem;}
.paginations .active,.paginations a:hover{color:#BAA485;}








@media screen and (min-width:1200px) and (max-width:1400px){
	.container{max-width:1150px;}

	.ac-gn-list li{padding:8px 0;}
}



@media screen and (min-width:992px) and (max-width:1199px){
	.container{max-width:970px;}

	.copyright .address{display:block;}
	.main_logo{width:124px;}


	.ac-gn-list li{padding:5px 0;}

	
	/*二级页面共用*/


	.footer .s_tel span{font-size:18px;}

}

@media screen and (min-width:768px) and (max-width:991px){

	.container{max-width:750px;}

	.main_logo{width:70px;}
	.ac-gn-list li{padding:3px 0;}
	.ac-gn-menuicon .span{font-size:18px;}
	.footer{padding-bottom:5px;}
	.f_nav,.copyright a, .copyright span{font-size:12px;}
	.f_nav{margin:25px 0 20px;padding-top:20px;}
	.f_nav a{font-size:13px;}
	.copyright .address{display:block;}
	.footer .s_tel span{font-size:18px;}





	
	/*二级页面共用*/


}

@media screen and (min-width:768px){
	.ac-gn-list{width:40%;left:auto;top:0;right:0;padding-top:70px;}
	.ac-gn-list.show{height:100vh;}
	.claseNav{top:20px;}
}
@media screen and (min-width:992px){
	.ac-gn-list{width:500px;}
}


@media screen and (min-width:0px) and (max-width:767px){

	.container{max-width:100%;padding:0 15px;}
	
	.ac-gn-list{width:50%;padding-top:60px;left:auto;right:0;}
	.ac-gn-list ul{padding:0 20px;}
	.ac-gn-list li{padding:0;}
	.ac-gn-list .menu_nav a{padding-left:25px;padding-right:15px;}
	.claseNav{top:15px;right:15px;}
	.claseNav::before, .claseNav::after{width:28px;top:24px;left:12px;}
	.main_logo{width:70px;}
	.main_header{width:100%;padding:10px;}
	.ac-gn-menuicon{height:40px;padding:2px;right:15px;top:10px;}
	.ac-gn-menuicon .span{font-size:14px;line-height:32px;}
	.footer{padding-bottom:5px;}
	.f_nav,.copyright a, .copyright span{font-size:12px;}
	.copyright a, .copyright span{display:block;padding:3px 0;}
	.f_nav{margin:15px 0;padding-top:20px;}
	.f_nav a{padding:0 10px;font-size:13px;display:inline-block;margin-bottom:5px;}
	.copyright .address{display:block;}
	.f_logo{width:160px;margin:0;}
	.s_weiXin,.s_weibo{display:none;}
	.share{top:8px;right:15px;}
	.footer .s_tel{font-size:14px;}
	.footer .s_tel span{font-size:16px;font-weight:700;}

	

	

	

	/*二级页面共用*/

}

@media screen and (min-width:0px) and (max-width:449px){
	.f_logo{margin:0px auto;}
	.footer .s_tel{position:static;display:block;width:100%;margin:0;}
}


@media screen and (min-width:0px) and (max-width:374px){
	.main_logo{width:70px;}
	.main_header{width:100%;padding:15px 10px;}
	.ac-gn-menuicon{height:36px;right:10px;top:12px;}
	.ac-gn-menuicon .span{padding:0 7px;line-height:28px;}
	.ac-gn-list ul{padding:0 20px;}
	.ac-gn-list li a{height:40px;line-height:40px;}


	.claseNav{top:0;right:0;}
	.claseNav::before, .claseNav::after{width:24px;}
	.ac-gn-list{padding-top:40px;padding-bottom:15px;}
	

}


@media screen and (min-width:992px) and (min-height:701px) and (max-height:780px){
	.claseNav{top:30px;}
	.ac-gn-list{padding-top:90px;}
	.ac-gn-list li{padding:2px 0;}
}

@media screen and (min-width:992px) and (min-height:601px) and (max-height:700px){
	.claseNav{top:20px;}
	.ac-gn-list{padding-top:80px;}
	.ac-gn-list li{padding:1px 0;}
}


@media screen and (min-width:992px) and (max-height:600px){
	
	.claseNav{top:20px;}
	.ac-gn-list{padding-top:60px;}
	.ac-gn-list li{padding:0;}
	.ac-gn-list li a{height:40px;line-height:40px;}
}



