@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{ font-size:12px; line-height:24px;  }
table{border-collapse:collapse;border-spacing:0;font-size:12px; line-height:24px;  }
ul{list-style:none;}
ol, li { list-style: none; margin:0; padding:0; }
body{color:#666; font-size:12px; line-height:24px; font-weight:normal;  margin:0 auto; width:100%;background:#fff;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
img{ border:0; }

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;} 

/*字体*/
*{ font-family: itc_bk, Arial, PingFang, 微软雅黑, Helvetica, sans-serif;word-wrap:break-word}


/*颜色*/
a.bai,a.bai:hover,bai:hover,.bai{color:#fff;}
a.hei,a.hei:hover,hei:hover,.hei{color:#000;}


/*链接字体颜色*/
a{ color:#777; text-decoration:none;}
a:hover{  text-decoration:none; color:#000;-webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease }

/*清除浮动*/
.clear{ clear:both;}
/*左浮动*/
.left{ float:left;}
/*右浮动*/
.right{ float:right;}

/*自适应1224宽度*/
.width1224{ max-width:1224px; margin:0 auto; width:90%; padding:0 5%;}

.block{ display:block}




/*头部样式*/
header{ position:fixed; padding:45px 0; left:0; top:0;line-height:1px; background:#fff; width:100%; z-index:99999999;}
header .logo{ float:left;}
header .logo img{ width:66%; max-width:240px; }
header .menu{ float:right; font-size:14px; line-height:24px; padding-top:12px;}
header .menu a{ padding-left:30px;}
header .menu a span{ font-size:12px;}
header .sj_menu{ display:none;}


/*底部style*/
footer{ padding:35px 0;background:#fff; width:100%;text-align:center;}





@media (max-width: 768px) {
header{ padding:25px 0;}
header .menu{ display:none;}
header .logo{ float:none; /*text-align:center;*/}
header .logo img{ width:50%; max-width:120px;}
header .sj_menu{ display:block;}

}
 .cd-nav-trigger { position: fixed; display: inline-block; }
.cd-nav-trigger { top: 12px; right: 5%; height: 44px; width: 44px; z-index: 5;overflow: hidden; text-indent: 100%; white-space: nowrap; }
.cd-nav-trigger .cd-icon { position: absolute; left: 0%; top: 0%; bottom: auto; right: auto; display: inline-block; width: 44px; height: 54px; background:url(../images/menu1.jpg) no-repeat center; background-size:25px; z-index: 10; }
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background:url(../images/menu1.jpg) no-repeat center;-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; }
.cd-nav-trigger .cd-icon::before { -webkit-transform: translateY(-6px) rotate(0deg); -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -o-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); }
.cd-nav-trigger .cd-icon::after { -webkit-transform: translateY(6px) rotate(0deg); -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -o-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); }
.cd-nav-trigger::before, .cd-nav-trigger::after { position: absolute; top: 0; left: 0; border-radius: 50%; height: 100%; width: 100%; 
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; }
.cd-nav-trigger::before { background-color: #fff; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.cd-nav-trigger::after { background-color:0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }
.cd-nav-trigger.close-nav::before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.cd-nav-trigger.close-nav::after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.cd-nav-trigger.close-nav .cd-icon { background:url(../images/menu2.jpg) no-repeat center;}
.cd-primary-nav { position: fixed; left: 0; top: 0; height: 100%; width: 90%; padding: 0 5%; z-index: 3; background-color: #fff; overflow: auto; -webkit-overflow-scrolling: touch; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 0.3s; -moz-transition: visibility 0s, opacity 0.3s; transition: visibility 0s, opacity 0.3s; }
.cd-primary-nav li { /*text-align: center;*/ text-transform: capitalize; }
.cd-primary-nav li a span{ font-size:14px;}
.cd-primary-nav a { font-size: 20px; font-size: 1rem; display:block; margin:1.8rem 0; line-height:24px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; }
.cd-primary-nav a img{ width:50%; max-width:120px; margin-bottom:30px;}
.no-touch .cd-primary-nav a:hover { color: #000; }
.cd-primary-nav.fade-in { visibility: visible; opacity: 1; }
.cd-overlay-nav, .cd-overlay-content { position: fixed; top: 18px; right: 5%; height: 4px; width: 4px; -webkit-transform: translateX(-20px) translateY(20px); -moz-transform: translateX(-20px) translateY(20px); -ms-transform: translateX(-20px) translateY(20px); -o-transform: translateX(-20px) translateY(20px); transform: translateX(-20px) translateY(20px); }
.cd-overlay-nav span, .cd-overlay-content span { display: inline-block; position: absolute; border-radius: 50%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-overlay-nav { z-index: 2; }
.cd-overlay-nav span { background-color: #fff; }
.cd-overlay-content { z-index: 4; }
.cd-overlay-content span { background-color: #fff; }