@charset "utf-8";
/*
* reset 清除默认属性
*/

*{font-family:"Microsoft Yahei", Tahoma;}
body,html,h1,h2,h3,h4,h5,h6,p,em,i,form,ul,li,dl,dt,dd{padding:0;margin:0;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    text-size-adjust:none;
}
body{font-size:12px;width:100%;}
em,i,b{font-style:normal;font-weight:normal;text-decoration:none;}
ul,li{list-style:none;}
h3{font-size:14px;}
a{text-decoration:none;outline:none;cursor:pointer;}
a:hover{}
a img{border:none;display:block;}
input[type="submit"],input[type="button"],button{cursor:pointer;padding:0;}
input[type="text"],input[type="email"],input[type="number"],input[type="password"]{padding:0 0 0 3px;}
:focus,input,select,textarea,button{outline:none;}
textarea{resize:none;}
/*
 * html5元素
 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}
/* 左右浮动后清除浮动 */
.clear{topBar:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;overflow:hidden;line-height:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;topBar:" ";clear:both;height:0;}
.clearfix{*zoom:1;}
/* 左右浮动 */
.fl,.FL{float:left;}
.fr,.FR{float:right;}
/* header */
.header{position:fixed;width:100%;height:82px;background-color:#600c0d;transition:all ease .3s;z-index:99;transition-property:padding,background;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.05);}
.header .topBar{position:relative;width:1400px;height:82px;margin:0 auto;}
.header .logo{float: left; width: 390px; display: block; margin-top: 28px;}
.header .logo img{width: 390px; height: 36px; display: block;}
.header #nav{float:right;width:900px;padding-top:28px;}
.header .navitem{float:left;position:relative; margin-right:34px; height:44px;transition:all 0.4s ease-out 0s;}
.header .navitem:last-child{margin-right: 0;}
.header .navitem .nav-a{height:44px;display:block;text-align:center;}
.header .navitem .nav-a span{position:relative;height:36px;display:inline-block;color:#fff;font-size:17px;text-align:center;line-height:36px;}
.header .navitem .nav-a i{width:9px;height:5px;margin-left:8px;display:inline-block;background:url(../images/nav_arrow.png) no-repeat;overflow:hidden;}
.header .navitem.active .nav-a b,.header .navitem .nav-a b{position:absolute;bottom:0;left:0;width:30%;height:1px;background:transparent;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navitem.active .nav-a b,.header .navitem:hover .nav-a b{width:100%;background-color:#fff;}
.header .navitem ul.subnav{position:absolute;top:60px;left:50%;margin-left:-108px;width:216px;background:#fff;box-shadow:2px 4px 16px rgba(0, 0, 0, .4);}
.header .navitem ul.subnav{transition:all .3s ease-out 0s;opacity:0;visibility:hidden;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);}
.header .navitem:hover ul.subnav{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
.header .navitem ul.subnav li{position:relative;height:48px;border-bottom:1px solid #f1f1f1;}
.header .navitem ul.subnav li a{width:182px;height:48px;padding:0 0 0 34px;display:block;color:#3d3d3d;font-size:14px;line-height:48px;transition:all .3s;}
.header .navitem ul.subnav li a i{position:absolute;right:30px;top:50%;margin-top:-7px;width:8px;height:13px;background:url(../images/nav_arrow2.png) no-repeat;transition:all ease-out .2s;opacity:0;}
.header .navitem ul.subnav li a:hover::after, .header .navitem ul.subnav li a:after{display:none;}
.header .navitem ul.subnav li a:hover {text-indent:10px;background-color:#600c0d;color:#fff;}
.header .navitem ul.subnav li a:hover i{opacity:1}
#cd-menu-trigger{position:absolute;right:0;top:0;width:15.2%;height:100%; display: none;}
#cd-menu-trigger .cd-menu-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32px;height:21px; background:url(../images/nav_icon.png) no-repeat;background-size:100% 100%;}
#cd-menu-trigger.is-clicked .cd-menu-icon{width:24px;height:24px;background:url(../images/xx.png) no-repeat;background-size:100% 100%;}
/* footer */
.footer{clear:both; height: 103px; background:#6a1b1c url(../images/footer_bg.jpg) no-repeat center top;}
.foot-wrap{position: relative; width:1200px; height: 355px; margin:0 auto; overflow: hidden;}
.foot-logo{float:left;width:332px; height: 185px; margin-top: 58px; padding-left: 14px; border-right: 1px solid #b08f90;}
.foot-logo a{display: block; padding-top: 30px;}
.foot-logo img{width: 272px; height: 55px; display: block;}
.foot-logo span{display: block; padding-left: 6px; color: #fff; font-size: 26px; line-height: 60px;}
.foot-contact{float:left;width:320px; padding: 38px 0 0 80px;}
.foot-contact h3{color: #fff; font-size:18px; font-weight: normal; line-height: 38px;}
.foot-contact li{color:#fff;font-size:14px;line-height:34px;}
.foot-contact li span{padding: 0 6px;}
.foot-code{float:right;width:184px; margin:50px 120px 0 0;}
.foot-code img{width:184px;height:184px;display:block;}
.foot-code span{display: block; color: #fff; font-size: 14px; text-align: center; line-height: 32px;}
.foot-copy{position:relative;width:1200px;margin:0 auto;}
.foot-copy p{color:#fff;font-size:16px;line-height:100px;text-align:center;}

/* 首页侧边导航 */
.wrapper{position:relative;z-index:10;background-color:#f4f4f4;overflow:hidden;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:.4s;transition-duration:.4s;}
.wrapper.lateral-menu-is-open{-webkit-transform:translateX(-230px);-moz-transform:translateX(-230px);-ms-transform:translateX(-230px);-o-transform:translateX(-230px);transform:translateX(-230px);}
#nav-over{position:fixed;left:0;top:0;z-index:999;display:none;width:100%;height:100%;}
#ks-nav{position:fixed;height:100%;right:0;top:0;z-index:9;width:230px;background-color:#000;overflow-y:auto;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s;-webkit-transform:translateX(80px);-moz-transform:translateX(80px);-ms-transform:translateX(80px);-o-transform:translateX(80px);transform:translateX(80px); display: none;}
#ks-nav.lateral-menu-is-open{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch;}
#ks-nav .cd-navigation{margin:10px 0 16px;padding:0px 20px;}
#ks-nav .sub-menu{padding:0 10px 10px 10px;display:none;}
#ks-nav .sub-menu li{background:url(../images/cd-arrow.svg) no-repeat 0 15px; text-indent:15px;}
#ks-nav a{display:block;line-height:2em;padding:0 5px 0 2px;color:#ccc;font-size:14px;border-bottom:1px dotted #2f2f2f;line-height:40px;}
#ks-nav a.current{background-color:#3a4a4d;color:#FFF}
#ks-nav .item-has-children>a{position:relative;text-transform:uppercase;font-weight:600;font-size:14px;border-bottom:1px dotted #2f2f2f;line-height:45px;}
#ks-nav .item-has-children>a::after{content:'';display:block;height:11px;width:8px;position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:1em;background:url(../images/cd-arrow.svg) no-repeat center center;background-size:8px 11px;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}
#ks-nav .item-has-children>a.submenu-open::after{-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}

@media only screen and (max-width: 750px){
	/* header */
	.header{position:fixed;width:100%;height:1.2rem;}
	.header .topBar{width:100%;height:1.2rem;padding: 0 .2rem;box-sizing: border-box; display: flex;align-items: center;}
	.header .logo{float: none; width: 80%; margin-top: 0;}
	.header .logo img{width: 100%; height: auto;}
	.header #nav{display: none;}
	/* footer */
	.footer{height: auto; background:#6a1b1c url(../images/footer_bg.jpg) no-repeat center top;}
	.foot-wrap{width:100%; height: auto; padding:.3rem .2rem 0;box-sizing: border-box;}
	.foot-logo{float:none;width:100%; height: auto; margin-top: 0; padding-left: 0; border-right:none;}
	.foot-logo a{display: block; padding-top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.foot-logo img{width: 2.72rem; height: auto; display: block;}
	.foot-logo span{padding-left: 6px;font-size: .28rem; line-height: .68rem;}
	.foot-contact{float:left;width:100%; padding:.12rem 0 .32rem .3rem;box-sizing: border-box;}
	.foot-contact h3{font-size:.36rem; line-height: 1.6;}
	.foot-contact li{font-size:.28rem;line-height:1.6;}
	.foot-contact li span{padding: 0 .06rem;}
	.foot-code{float:none;width:100%; margin:0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.foot-code img{width:1.84rem;height:auto;}
	.foot-code span{font-size: .28rem;line-height: 1.8;}
	.foot-copy{width:100%; padding:.21rem .2rem .2rem;box-sizing: border-box;}
	.foot-copy p{font-size:.28rem;line-height:1.4;}

	#cd-menu-trigger,#ks-nav{display: block;}
	
}


.float-shadow{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent}
.float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.float-shadow:active,.float-shadow:focus,.float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.float-shadow:active:before,.float-shadow:focus:before,.float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
@-webkit-keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}
100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
}
@keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}
100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
}
@-webkit-keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}
50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}
100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}
}
@keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}
50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}
100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}
}

@keyframes pulse{
	0%{transform:scale(0.9)}
	50%{transform:scale(1)}
	100%{transform:scale(0.9)}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(0.9)}
	50%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(0.9)}
}