@charset "utf-8";
/* 
 * 公用样式表
 * ------------------------------
 * 包括：公用属性、头尾、公用模块
 * ------------------------------
 * TIME:2016-10-12
 */
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0;}
body,html,input,button,textarea{color:#666;font:12px/1.8 "微软雅黑",Microsoft YaHei,Arial,Tahoma,Verdana,Helvetica,sans-serif;}
html,body{position:relative;_background-image:url(about:blank);_background-attachment:fixed;}
article,aside,figcaption,figure,footer,header,nav,section{display:block;}
html,body{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:16px;}
h4,h5{font-size:14px;}
img{border:none;vertical-align:middle;}
li{list-style:none;}
i,em{font-style:normal;}
a{color:#666;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#0d8aea;}
a,img,button,input,textarea,body{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="button"],input[type="reset"],input[type="submit"],select,button{-webkit-appearance:none;appearance:none;border-radius:0;outline:0;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
input[type="text"]{border-radius:0;outline:0;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}

/* 清除浮动 */
.clearfix:after,.layout:after,.staff-item:after,.floor-bd:after,.customer-promote:after,.list-inner:after,.news-item:after,.staff-list:after,.task-item:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.layout,.staff-item,.floor-bd,.customer-promote,.task-inner,.news-item,.staff-list,.task-item{*zoom:1;}

/* 颜色 */
.staff-item dd .staff-name,.staff-item dd .staff-name a,.news-item .news-info .news-tit,.news-item .news-info .news-tit a,.equipment-list .equipment-item .equipment-tit,.equipment-list .equipment-item .equipment-tit a{color:#000;}
.staff-item dd .staff-name a:hover,.task-item .task-info .task-name a:hover,.news-item .news-info .news-tit a:hover,.equipment-list .equipment-item .equipment-tit a:hover,.nav li a:hover{color:#0d8aea;}


/* 动画 */
a{-webkit-transition:color .4s ease;-moz-transition:color .4s ease;transition:color .4s ease;}
.staff-item dt i{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.staff-item dt img,.task-date,.task-item .task-date *,.nav li a{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

/* 图片交互 */
.item-img{position:relative;overflow:hidden;}
.item-img:before{-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;}
.item-img:before{content:'';display:block;width:30px;height:150%;background-color:rgba(255,255,255,.3);position:absolute;left:-50%;top:-25%;-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);transform:rotate(35deg);z-index:99; background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);background:linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);}
.item-img:hover:before{left:105%;}

/* 布局 */
.layout{width:1200px;margin:0 auto;}
.floor,.footer,.slide-banner-wrap{min-width:1200px;}
.floor{padding:40px 0;}


/* owlcarousel */
.owl-carousel{position:relative;width:100%;}
.owl-carousel .owl-item{float:left;min-height:1px;position:relative;overflow:hidden;}
.owl-carousel .owl-stage-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-stage{position:relative;}
.owl-carousel .owl-controls{overflow:visible;}
.owl-carousel .owl-dots{display:block;width:100%;text-align:center;}
.owl-loaded .slide-item{display:block;}


/* -------------------------
   * 页头
   ------------------------- */
.header .logo{display:inline;float:left;padding:15px 60px 0 0;}
.nav{position:relative;}
.nav,.nav li{display:inline;float:left;}
.nav li{font-size:18px;padding:0 13px;}
.nav li a{display:inline-block;height:78px;line-height:78px;padding:0 18px;color:#000;vertical-align:middle;}
.nav li.current a,.nav li a:hover{background-color:#f5f5f5;}
.nav li.current,.nav li.current a{color:#0d8aea;}
.nav ul li.tel{display:none;}
.nav li.nav-line{width:72px;height:4px;background-color:#0d8aea;position:absolute;left:13px;top:0;overflow:hidden;padding:0;}
.nav:hover li.current a{background:none;}
.hotline{display:inline-block;padding:18px 0 0 40px;float:right;position:relative;line-height:1.5;}
.hotline i{display:block;width:33px;height:33px;background-position:-182px -1px;position:absolute;left:0;top:25px;background-image:url(img/sprites.png);background-repeat:no-repeat;}
.hotline b{display:block;font-weight:normal;color:#666;font-size:14px;}
.hotline em{display:block;font-size:18px;color:#333;}


/* -------------------------
   * 页底
   ------------------------- */
.footer{background-color:#222;font-size:14px;line-height:24px;}
.footer,.footer a{color:#777;}
.footer .foot-service{padding:40px 0;border-bottom:1px solid #121212;}
.footer .foot-tit{font-size:20px;font-weight:normal;margin-bottom:20px;}
.footer .foot-tit,.footer .foot-tit a{color:#fff;}
.footer .foot-about{width:420px;float:left;margin-right:125px;}
.footer .foot-about .readmore{padding-top:15px;}
.footer .foot-about .readmore a{color:#087de1;text-decoration:underline; }
.footer .foot-contact{width:400px;float:left;}
.footer .foot-contact li{padding-bottom:8px;}
.footer .foot-contact li .phone-num{font-size:18px;}
.footer .foot-contact li .phone-num,.footer .foot-contact li .phone-num a{color:#ff9600;}
.footer .foot-qrcode{width:129px;float:right;text-align:center;}
.footer .foot-qrcode .qrcode-img {display:block;padding-top:5px;}
.footer .foot-qrcode .qrcode-img img{display:block;width:100%;}
.footer .copyright{display:block;border-top:1px solid #36383a;padding:18px 0;text-align:center;font-size:12px;}



/* ---------------------------
   * 公用模块 - 手机版
   --------------------------- */

@media screen and (max-width:768px) {

	@media screen and (-webkit-min-device-pixel-ratio:0){body{cursor:pointer;}}



	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
	.content-box,.staff-item dt{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}

	/* 动画 */
	.container{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;}
	.nav ul,.mobile-nav-show .nav ul{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}

	/* 布局 */
	html,body{background-color:#f2f2f2;}
	body{cursor:pointer;}
	.layout{width:100%;}
	.floor,.footer,.slide-banner-wrap{min-width:inherit;}
	.floor{background-color:#fff;margin-bottom:10px;padding:20px 0;}

	/* header */
	.header{width:100%;position:fixed;left:0;top:0;z-index:99;background-color:#087de1;}
	.header .logo{display:block;float:none;padding:0;height:2.5em;line-height:2.5em;font-size:1.5em;}
	.logo img{display:none;}
	.logo:before{content:'上下工作助手';display:block;text-align:center;color:#fff;}
	.hotline{display:none;}
	.nav{position:static;}
	.nav ul{display:block;visibility: hidden;width:15em;position:fixed;right:0;bottom:0;top:3.7em;z-index:1000;background-color:#333;overflow:hidden;overflow-y:auto;-webkit-transform: translateX(15em);-moz-transform: translateX(15em);transform: translateX(15em);}
	.nav ul li{float:none;font-size:1.167em;display:block;padding:0;}
	.nav ul li a{display:block;height:3.2em;line-height:3.2em;color:#fff;border-bottom:1px solid rgba(0,0,0,.5);box-shadow:0 1px 0 rgba(255,255,255,.18);transition:none;}
	.nav ul li a:hover{color:#fff;}
	.nav ul li.nav-line{display:none;}
	.nav ul li.current a,.nav ul li a:hover{background:none;color:#fff;}
	.nav ul li.current a,.nav:hover ul li.current a{background-color:#222;}
	.nav ul li.tel{display:block;}
	.nav ul li.tel a{padding-left:3em;background:url(img/ico_tel.png) 18px center no-repeat;background-size:auto 1.2em;border-bottom:0;box-shadow:none;}
	.nav ul li.tel a:after{content:attr(data-txt);font-size:1.1em;}
	.nav-btn{display:block;width:3em;height:3.7em;position:absolute;right:0;top:0;z-index:999;cursor:pointer;}
	.nav-btn:before,.nav-btn:after,.nav-btn i:before,.nav-btn i:after{content:'';display:block;width:1.8em;height:.25em;background-color:#fff;position:absolute;right:1em;border-radius:.125em;}
	.nav-btn:before{top:1.1em;}
	.nav-btn:after{bottom:1.1em;}
	.nav-btn i:before,.nav-btn i:after{top:50%;margin-top:-.125em;}
	.mobile-nav-show .container{-moz-transform:translateX(-15em);-webkit-transform:translateX(-15em);transform:translateX(-15em);}
	.mobile-nav-show .nav ul{display: block;visibility: visible;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);}
	.mobile-nav-show .nav-btn i:before{}
	.mobile-nav-show .nav-btn i:after{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.mobile-nav-show .nav-btn i{display:none;}
	.mobile-nav-show .nav-btn:before{top:50%;margin-top:-.125em;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.mobile-nav-show .nav-btn:after{top:50%;margin-top:-.125em;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.hotline i,.hotline b,.hotline em{display:none;}
	.hotline{display:block;position:absolute;right:3.8em;top:.3em;padding:0;}
	.hotline a{display:block;width:3.1em;height:3.1em;background:url(img/ico_tel.png) center no-repeat;background-size:auto 1.8em;}

	/* footer */
	.footer {font-size:1em;line-height:1.8em;}
	.footer .foot-service{padding:1.25em;}
	.footer .foot-about,.footer .foot-contact,.footer .foot-qrcode{width:100%;float:none;margin:0;padding:1em 0;text-align:left;}
	.footer .foot-about .readmore{padding-top: .5em;}
	.footer .foot-tit{font-size:1.333em;margin-bottom:.6em;}
	.footer .foot-contact li{padding-bottom:5px;}
	.footer .foot-qrcode .qrcode-img{max-width:10em;}
	.footer .copyright{font-size:.85em;padding:1em 2em;line-height: 1.5;}
	.gotop{display:block;width:3em;height:3em;background-color:rgba(0,0,0,.5);background-image:url(img/ico_up.png);background-position:center;background-repeat:no-repeat;background-size:auto 1.2em;border-radius:50%;position:fixed;right:1em;bottom:1em;}
}





/* 顶部登录 2016-11-13 */
.top-login{display:inline;float:right;padding:33px 20px 0 0;}
.top-login li{float:left;border-left:1px solid #000;padding:0 10px;line-height:1.1;font-size:14px;}
.top-login li:first-child{border-left:0;}
.top-login li,.top-login li a{color:#000;}
.top-login li a:hover{color:#0d8aea;}

@media screen and (max-width:768px) {
	.hotline{left:.5em;right:auto;}
	.top-login{position:absolute;right:3.3em;top:0;padding: 0;}
	.top-login li{display:none;}
	.top-login li.log{display:inline;border:0;padding:0;}
	.top-login li.log a{display:block;width:3.2em;height:3.7em;text-indent:-9999px;overflow:hidden;background:url(img/ico_log_user.png) center no-repeat;background-size:auto 1.8em;font-size:12px;}
}