/*! reset.css*/
body{margin: 0; padding: 0;color: #666666; font-family: Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif; font-size: 14px; background: #e9e9e8;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}
iframe{}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
input:required{border:none;box-shadow:none}
input:valid{background-color:transparent;box-shadow:none}
input:invalid{background-color:transparent;box-shadow:none}
:focus{-moz-outline-style:none;outline:0}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.hide{display:none!important}
.show{display:block!important}


a{color: #84a3e3; cursor: pointer; text-decoration: none; transition: all 0.15s ease-out 0s;}
.fn-clear::after{clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden;}


.container{margin: 0 auto; width: 1120px;}
.container::after{clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden;}

.header{height: 100px;background: -webkit-linear-gradient(#222,#000) repeat;  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff222222',endColorstr='#ff000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ff222222',endColor='#ff000000')"; background: #222 linear-gradient(#222, #000) repeat scroll 0 0; position: relative; z-index: 99; }
.header-main{}
.header-main:after{border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.06); content: " "; bottom: -1px; left: 0; right: 0; position: absolute;}

.header-main .logo{float: left; padding: 25px 0 0;}
.header-main .logo a{/*background:url(/statics/images/zktd/zktd-logo.png) no-repeat; height: 42px; text-indent: -9999px; */transition: none 0s; width: 105px; display: block;}
.header-main .logo a img{width: 100%; height: auto;}
.header-main .nav{float: right; line-height: 25px; line-height: 25px; }

.header-main .nav-main{padding-top: 36px;}
.header-main .nav-main, .header-main .nav-sub{float: left;}
.header-main .nav-main li, .header-main .nav-sub li{float: left;}
.header-main .nav-main li a{color: #999; opacity: 1; display: block; font-size: 14px; height: 28px; line-height: 2.2; padding: 0 20px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.header-main .nav-main li a:hover{color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.header-main .nav-sub{display:none;float: left; margin-left: 20px; padding-left: 20px; padding-top: 36px; position: relative;}
.header-main .nav-sub::before{background: #757575; content: ""; display: block;height: 13px; left: 0; overflow: hidden; position: absolute; top: 43px; width: 1px;}

.header-main .nav-sub li:first-child{margin-right: 6px;}
.header-main .nav-sub .btn{border: 1px solid #757575; border-radius: 4px; display: block; font-size: 12px; height: 26px; line-height: 26px; opacity: 0.8; text-align: center; width: 92px;}

.header .account-panel{float: left; margin-left: 20px; padding: 39px 0 0 41px; position: relative; display: none;}

.header .account-panel::before{background: #242424 none repeat scroll 0 0; content: ""; display: block; height: 13px; left: 0; overflow: hidden; position: absolute; top: 44px; width: 1px; display: none;}
.account-panel .nav-login{border-radius: 4px;position: relative; font-size: 12px; width: 97px; line-height: 28px; height: 28px; color: #C7C7C7; top: -2px; text-align: center; box-shadow: 0 0 7px rgba(255, 255, 255, 0.04) inset, 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 1px 3px rgba(255, 255, 255, 0.08) inset; background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.06)) repeat scroll 0 0; display: none;}




/**wap**/
.wap-header{display: none;}




.footer{background: #fafafa; clear: both;}
.footer-left{float: left;}
.footer-left  h2,.footer-left .company{color: #757575; float: left; height: 15px; line-height: 15px; margin-top: 36px;}
.footer-left .company{margin-left: 3px;}
.footer-left .privacy{float: left; margin: 36px 5px 8px 12px;}
.footer-left .privacy li{border-left: 1px solid #ccc; float: left; font-weight: 300; line-height: 12px; padding: 1px 10px 0;}
.footer-left h4{clear: both; float: left; margin: 3px 0 40px;}
.footer-left h4 a{color: #bdbdbd; display: block; font-size: 12px; height: 12px; line-height: 1;}

.footer-right{float: right; padding-top: 18px;}
.footer-right .tel{font-size: 36px;  width: 241px; text-align: right; color: #BDBDBD;}
.footer-right .tel a{color: #424242;}

.footer-right .tel p{font-size: 14px;}

.backtop{background: url(/statics/images/zktd/to-top.png) no-repeat; background-size: contain; bottom: 20px; cursor: pointer; height: 30px; opacity: 0.62; position: fixed; right: 20px; -webkit-transform: translate3d(0px,120px,0px);transform: translate3d(0px,120px,0px); transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 30px; z-index: 999;}
.backtop.active{-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}




.page-view{background: #fff; border-radius: 8px; box-shadow: 0 2px rgba(170,173,177,0.2); height: 50px; line-height: 50px; margin: 25px 0 0; overflow: hidden;}
.page-view .hid_a{display: none;}
.page-view .page-prev{border-right: 1px solid #f1f1f1; float: left; width: 100px;}
.page-view .page-next a, .page-view .page-prev a{background: url(/statics/images/zktd/page-option-arrow.png)18px -4px no-repeat; color: #474747; display: block; float: left; padding: 0 18px 0 35px; text-align: left; width: 44px; line-height: 50px;}
.page-view .page-prev a{padding-right: 21px;}
.page-view .page-next{border-left: 1px solid #f1f1f1; float: right; width: 99px;}
.page-view .page-next a{background-position: 75px -51px; padding: 0 35px 0 22px; text-align: right;}
.page-view ul{float: left; }
.page-view ul li{border-right: 1px solid #F1F1F1; float: left; text-align: center; width: 52px;}

.page-view ul li a,.page-view ul li span{color: #888888; display: block; height: 50px; width: 52px;} 
.page-view ul li span{color: #84a3e3; font-weight: bold;}

.page-view span a:hover, .page-view ul li a:hover, .page-view ul li.on a{box-shadow: 0 0 32px rgba(0,0,0,0.06) inset;}




@media only screen and (min-height: 550px) and (max-height: 700px) {
	.header{height: 50px;}
	.header-main .logo a{width: 85px;}
	.header-main .logo{padding-top: 8px;}
	.header-main .nav-main{padding-top: 0px;}
	.header-main .nav-main li a{line-height: 50px;}
	
	.footer-left h2, .footer-left .company{margin-top: 13px;}
	.footer-left h4{margin: 10px 0 0;}
	.footer-right{padding-top: 6px;}
	.footer-right .tel{font-size: 26px;}
	
}