@charset "UTF-8";

/**{transition: all 0.1s linear;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;}*/

/*必有*/
html {  font-size: 62.5%; height: 100%;}
body {  font-size: 14px; font-size: 1.4rem;  color: #232323;  font-family: "Microsoft YaHei", Arial, sans-serif ;  -webkit-tap-highlight-color: transparent;}
input,textarea{ font-family:"Microsoft YaHei", Arial, sans-serif; font-size:12px; font-size:1.2rem;  border:none;padding: 0;margin: 0;outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"]  ,button{ border-radius: 0;  -webkit-appearance: none;  padding: 0;margin: 0; outline: 0;}
select{-webkit-appearance:none; appearance:none;}
a,body,div,em,footer,form,header,html,i,iframe,label,li,menu,nav,p,section,span,strong,ul {  margin: 0;  padding: 0;  border: none;  word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{font-size: 14px;font-size: 1.4rem;font-weight: normal;margin: 0;  padding: 0;  border: none;  word-wrap: break-word;}
li,ol,ul {  list-style: none;  }
img {border:none;}
a { text-decoration: none;  color: #333;  -webkit-tap-highlight-color: transparent;  tap-highlight-color: transparent;  -webkit-focus-ring-color: transparent;  focus-ring-color: transparent;}
/*左右浮动（class名根据自己习惯定义）*/
.lt {float: left; width:87%; }
.rt {float: right;}
/*清除浮动1*/
.clear {clear: both;}
/*清除浮动2*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}

/*input placeholder字体颜色*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #999;}
::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #999;}
input:-ms-input-placeholder{  color: #999; }
input::-webkit-input-placeholder{  color: #999;}

/*安全范围（页面主体内容宽度，也是主体所在的范围）*/
.wrap{width: 1200px;margin: 0 auto;}
.wrap1{width: 1000px;margin: 0 auto;}
#banner{width: 100%;}
#banner img{width: 100%; display: block;}
#key{ border: 1px solid #666;}
#test{ border: 1px solid #666;}
/*font*/

@font-face {
    font-family: 'chakaregular';
    src: url('/css/fonts/_-webfont.eot');
    src: url('/css/fonts/_-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/_-webfont.woff2') format('woff2'),
         url('/css/fonts/_-webfont.woff') format('woff'),
         url('/css/fonts/_-webfont.ttf') format('truetype'),
         url('/css/fonts/_-webfont.svg#chakaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* head start*/
.head{background: #000;padding: 12px 0;}
.head .wrap{position: relative; display: flex; display: -webkit-flex; align-items: center;}
.head .logo{float: left;}
.head .logo img{display: block;}
.head .nav{float: right;width: 760px;padding: 10px 0;margin-right: 80px;}
.head .nav li{float: left;width: 14.28%;text-align: center;font-size: 16px;font-weight: bold;padding: 10px 0;}
.head .nav li a{color: #fff;}
.head .nav li:hover a{color: #CB9936;}
.head .nav li.rex a{color: #CB9936;}
.button_nav_icon{height: 35px;width: 35px;position: absolute;top: 14px;right: 12px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;/*background-color: rgba(255,255,255,0.8);*/z-index: 99;cursor: pointer;}
.button_nav_icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background-color: #fff;}
.button-nav-cont{position: absolute;top:100%;right: -100px;z-index: 99;width: 305px;transition: all 1.5s;box-shadow:0px 0px 5px 2px #999;background: #fff;padding: 25px 30px 40px;box-sizing: border-box;border-radius: 10px;}
.button-nav-cont h2{font-size: 14px;font-weight: bold;color: #CB9936;}
.button-nav-cont .line{height: 1px;width: 20px;background: #000;margin: 15px 0 20px;}
.button-nav-cont ul li{width: 100%;padding: 10px 0;border-top: 1px solid #999;}
.button-nav-cont ul li:last-child{border-bottom: 1px solid #999;}
.button-nav-cont ul li img{width: 25px;float: left;}
.button-nav-cont ul li a{color: #333;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;display: block;line-height: 22px;padding-left: 35px;}
.button-nav-cont ul li a:hover{color: #CB9936;}

.button_nav_icon span:nth-child(1){
	transform: translateY(6px) rotate(0deg);
	-webkit-transform: translateY(6px) rotate(0deg);
	-moz-transform: translateY(6px) rotate(0deg);
	-ms-transform: translateY(6px) rotate(0deg);
	-o-transform: translateY(6px) rotate(0deg);
}
.button_nav_icon span:nth-child(2){
	transform: translateY(-6px) rotate(0deg);
	-webkit-transform: translateY(-6px) rotate(0deg);
	-moz-transform: translateY(-6px) rotate(0deg);
	-ms-transform: translateY(-6px) rotate(0deg);
	-o-transform: translateY(-6px) rotate(0deg);
}
.button_nav_icon_click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: clickfirst;
}
.button_nav_icon_click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: clicksecond;
}
.button_nav_icon_out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: outfirst;
}
.button_nav_icon_out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: outsecond;
}
@-webkit-keyframes clickfirst {
	0% {
		transform: translateY(6px) rotate(0deg);

	}

	100% {
		transform: translateY(0) rotate(45deg);
	}
}
@keyframes clickfirst {
	0% {
		transform: translateY(6px) rotate(0deg);

	}

	100% {
		transform: translateY(0) rotate(45deg);
	}
}
@-webkit-keyframes clicksecond {
	0% {
		transform: translateY(-6px) rotate(0deg);
	}

	100% {
		transform: translateY(0) rotate(-45deg);
	}
}
@keyframes clicksecond {
	0% {
		transform: translateY(-6px) rotate(0deg);
	}

	100% {
		transform: translateY(0) rotate(-45deg);
	}
}
@-webkit-keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg);
	}

	100% {
		transform: translateY(-6px) rotate(0deg);
	}
}
@keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg);
	}

	100% {
		transform: translateY(-6px) rotate(0deg);
	}
}
@-webkit-keyframes outsecond {
	0% {
		transform: translateY(0) rotate(45deg);
	}

	100% {
		transform: translateY(6px) rotate(0deg);
	}
}
@keyframes outsecond {
	0% {
		transform: translateY(0) rotate(45deg);
	}

	100% {
		transform: translateY(6px) rotate(0deg);
	}
}
/* phone nav */
body{transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-ms-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.menubtn{width: 30px;height: 30px;margin-top: 5px;cursor: pointer;position: absolute;background-color:transparent;}
.menubtn span{width: 25px;height: 2px;background-color: rgba(255,255,255,.6);display: block;margin: 5px auto 0;}
.side-nav{position: fixed;left: -100%;width: 250px;top: 0;transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-ms-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.side-nav .god{width: 50%;float: left;border: 0;color: #999;}
.side-nav .god:hover{color:#CB9936;border: 0;background: #fff;}
.side-nav .god:last-child{color: #999;border-bottom: 0;}
.side-nav .god:last-child:hover{color: #CB9936;background: #fff;}
.side-nav a{display: block;text-align: center;padding: 15px 0;font-size: 14px;border-top: 1px solid #CB9936;}
.side-nav a:first-child{border-top: 0;}
.side-nav a:last-child{border-bottom: 1px solid #CB9936;}
.side-nav a:hover{background: #CB9936;}
.side-nav a.active{background: #CB9936;color: #fff;}
#coverey{content: "";position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 999999;visibility: hidden;transition: .3ms ease-out;box-shadow:0px 4px 10px rgba(0, 0, 0, 0.2);}
#coverey{transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-ms-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
#pagelist a font{color:#FFF !important;}
/* head end */

/* foot start */
.foot{
	background: rgba(51, 51,51 , .7);
	background: #6f6f6f;
	color: #fff;}
.foot .wrap{padding: 80px 0 50px;}
.foot .foot-logo{width: 180px;display: block;}
.foot .foot-nav{width: 800px;}
.foot .foot-nav ul{float: left;width: 25%;text-align: center;}
.foot .foot-nav ul li{padding: 5px 0;}
.foot .foot-nav ul li:first-child{font-size: 18px;padding: 0 0 15px;}
.foot .foot-nav ul li:first-child:hover a{color: #fff;}
.foot .foot-nav ul li a{color: #fff;transition: all .4s;-moz-transition:all .4s;-webkit-transition: all .4s;-o-transition: all .4s;}
.foot .foot-nav ul li:hover a{color: rgb(223, 222, 222);}
.qr{    width: 208px;float: left;}
.foot .chat img{width: 100%}
.foot .chat{width: 46%;text-align: center; margin-left: 4%;}
.foot .chat p{padding: 10px 0;font-size: 12px;}
.foot .copyright{text-align: center;background: rgba(0,0,0,.8);padding: 20px 0;    font-size: 12px; font-size: 1.2rem;}
/* foot start */

#fenye{margin-top: 20px; margin-bottom: 20px; font-size: 0;}
#fenye a{width: 22px;display: inline-block;border: 1px solid #aaa;box-sizing: border-box;margin:5px; text-align: center;height: 22px;line-height: 20px; font-size: 12px;font-size: 1.2rem;}
#fenye a.prev{width: 48px;}
#fenye a.next{width: 48px;}
#fenye a.curr,#fenye a:hover{background: #E4B14D;color: #fff;border-color: #E4B14D;}

/* 侧标列表 */
.fixd{position: fixed; width: 60px; cursor: pointer; z-index: 9999; right: 10px; bottom: 20%;}
.f-box{width: 60px; height: 60px; background-color: #4c4c4c; margin-bottom: 2px; position: relative; z-index: 10;}
.f-box:nth-last-child(1){background-color: #ffa20f;}
.f-box:hover{background-color: #ffa20f;}
.f-box img{width: 50%; display: block; margin: 0px auto; padding-top: 5px;}
.f-box span{display: block; color: #fff; text-align: center; line-height: 20px; font-size: 12px;}
.phone{position: absolute; right: -500px; top: 0; width:140px; height: 60px; background-color: #ffa20f; color: #FFF; padding: 10px; transition: all .2s linear; box-sizing: border-box; z-index: 1;}
.phone p{line-height: 24px;}
.f-box:nth-last-child(2):hover .phone{right: 60px;}
.f-img{position: absolute; right: -500px; top: 0; width:140px; height:145px; padding: 10px; box-sizing: border-box; background-color: #ffa20f; transition: all .2s linear; z-index: 1;}
.f-img img{width: 100%; display: block;}
.f-box:nth-child(1):hover .f-img{right: 60px;}
.f-box a{
	display: block;
	 width:100%;
	height: 100%;
} 
.f-box img[title="点击这里给我发消息"]{
	width: 100%;
}
@media(max-width:1219px){
    .wrap,.wrap1{width: 90%;}
    .head .logo{width: 250px;}
    .head .logo img{width: 100%;}
    .head .nav{width:calc(100% - 330px);}
    .foot .foot-nav{width: calc(100% - 330px);}
    .foot .wrap{padding: 50px 0;}
}
@media(max-width:1024px){
    .head{padding: 10px;}
    .head .nav,.button_nav_icon{display: none;}
    .head .logo{width: 200px;margin: 0 auto;float: none;display: block;}
    .foot .foot-logo{width: 150px;}
    .foot .foot-nav{width: calc(100% - 270px);}
    .foot .chat{width: 98px;}
	.foot .chat img{width: 100%;}
	
}
@media(max-width:767px){
    .wrap,.wrap1{width: 96%;}
    .foot .wrap{padding: 20px 0 15px;}
    .foot .foot-logo{width: 100px;float: none;margin: 0 auto;}
    .foot .foot-logo img{width: 100%;float: none}
    .foot .foot-nav{width: 100%;padding: 15px 0;}
    .foot .chat{float: none;display: inline-block; margin: 0 10px;}
    .foot .copyright{padding: 10px 15px;line-height: 1.6;font-size: 12px;}
    .foot .foot-nav ul li:first-child{font-size: 16px;}
    .foot .foot-nav ul li{font-size: 14px;}
	.banner{overflow: hidden;}
	.banner img{width: 140% !important; left: -20%;position: relative;}
	.fixd{display: none;}
	.qr{
		display: block;
		text-align: center;
		width: 100%;
	}
	body{
		width: 100vw;
		overflow-x: hidden;
	}
}

@media(min-width:1025px){
    .menubtn,.side-nav{display: none;}
}