@font-face {
	font-family: 'Alibaba PuHuiTi';
	src: url('/style/font/Alibaba-PuHuiTi-Regular.otf');
	src: url('/style/font/Alibaba-PuHuiTi-Regular.otf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
    
	font-family: '阿里巴巴普惠体';
	src: url('/style/font/Alibaba-PuHuiTi-Regular.otf');
	src: url('/style/font/Alibaba-PuHuiTi-Regular.otf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;

}

html, body, div, p, span, strong, em, a, i,dl, dt, dd, small, ol, ul, li, h1, h2, h3, h4, h5, h6, img, input,
textarea, table, tr, td { margin: 0; padding: 0;}
html{ width:100%; position:relative; font-family: "Alibaba PuHuiTi" }
body { background: #fff;  width:100%; font: 12px/18px "\5FAE\8F6F\96C5\9ED1",Arial, Helvetica, sans-serif, "宋体"; min-width:1200px; font-family: "Alibaba PuHuiTi" }
body a, input, button,textarea {outline:none;blr:expression(this.onFocus=this.blur());}
ol, ul, li { list-style: none;}
img,input { vertical-align: middle}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: #00a2e9;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
em { font-style: normal;}
img { border: 0 none;}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

::selection {
    background:#00a2e9;
    color:#fff;
}
::-moz-selection {
    background:#00a2e9;
    color:#fff;
}
::-webkit-selection {
    background:#00a2e9;
    color:#fff;
}
.btn:hover {
    cursor: pointer;
}
.container { width: 1200px; margin: 0 auto; }
.container-crmdz{ width: 100%; margin: 0 auto;}
.date:after, .row:after, .container:after, .clear:after, .hd:after, .bd:after, .mod:after {
    display: block;
    height: 0;
    clear: both;
    content: " ";
}
.date, .row, .container, .clear, .hd, .bd, .mod {zoom: 1;}

.arrow{display:block;width:0;height:0;overflow:hidden;border-width:5px;border-style:solid; border-color: transparent;*zoom:1}
.arrowR{border-left-color:#c7c4c4;border-right-width:0}
.arrowL{border-right-color:#f60;border-left-width:0}
.arrowT{border-bottom-color:#f60;border-top-width:0}
.arrowB{border-top-color:#f60;border-bottom-width:0}

.table tr th, .table tr td {
    text-align: center;
    border: 1px solid #ddd;
    padding: 8px 0;
}
.table tr th {
    background: #eee;
}
.line {
    height: 0px;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #ccc;
}
/* reset.css end */

.hidden{overflow:hidden;}
#loader{width:333px; height:91px; background-color:rgba(0,0,0,0); position:fixed; z-index:100000;}
#loadercon{width:333px; height:91px; margin:350px auto 0px auto; background:url("../images/loadback.png") no-repeat; position:relative;}
#loaderstate{width:0px; height:91px; background:url("../images/loading.png") no-repeat}
#loaderper{width:100px; height:38px; position:absolute; border-right:2px solid #0e75bf; top:110px; left:-100px; color:#0e75bf;}
#loadernum{ margin:10px 8px 0px 0px; width:76px; text-align:right; font-size:30px; float:right;}

.footer .footer-logo, .icon, .hd .bor-bton {
    background: url("../images/u_icon.png") no-repeat 0 0;
}
.mt140 {
    margin-top: 82px;
}
#header {
    width: 100%;
    z-index: 999999;
    background: #fff;
    overflow: hidden;
	
}
.header-fix{
    position: fixed;
    top: 0;
    left: 0;
}
.head-shadow {
    box-shadow: 1px 1px 5px #999;
}

#header .head-top {
    width: 100%;
    height: 20px;
    background: #00a2e9;
}
#header .head-cont {
    margin: 0 auto;
    background: #fff;
}
#header .head-cont .logo {
    float: left;
    margin: 25px 0 0;
}
#header .head-cont .logo a {
    display: block;
}
.head-cont .nav {
    float: right;
}
.head-shadow .head-cont .nav {
    height: 60px;
    overflow: hidden;
}
.head-shadow .head-cont .nav ul {
    height: 10px;
}
.head-cont .nav ul li {
    float: left;
    line-height: 5px;
    padding: 0 15px;
}
.head-cont .nav ul li.current a{
	color:#00a2e9;
}
#header .head-cont .nav ul li a {
    font-size: 16px;
}

#menu ul li a{
    overflow: hidden;
    display: block;
    text-align: center;
    padding-top:24px;
}
#menu ul li a, #menu ul li a span {
	text-decoration: none;
	clear: both;
	/* [disabled]display:block; */
	font-size: 14px;
	height: 20px;
	line-height: 20px;
}
#menu ul a div{
    float:left;
    width:70px;
    height:20px;
    display:block;
    overflow:hidden;
}
#menu ul li a em{
    display:block;
}
#menu ul li a span {
}
#menu ul li a.current p{
    margin-top: -20px;
    color:#00a2e9;
}
/*=========banner 广告区========*/
#banner {
    width: 100%;
    height: 500px;
    background: #ccc;
}
.hd {
    height: 70px;
    text-align: center;
    padding-top: 10px;
}
.hd strong {
    display: block;
    width: 100%;
    height: 63px;
    text-align: center;
    font-size: 30px;
    line-height: 70px;
    font-weight: normal;
}
.hd .bor-bton {
    height: 6px;
    width: 435px;
    margin: 0 auto;
    background-position: 0 -55px;
}

/*==========首页服务顶目==========*/
.h-bd{ 
     background-color: #f8f8f8;
}
		
.i-row1 {
	padding: 90px 0 60px 0;
	background-color: #f8f8f8;
}
.tit1 {
	margin-bottom: 30px;
	height: 80px;
}
.tit1 i {
	display: inline-block;
	width: 47px;
	height: 38px;
	position: relative;
}
.tit1 i.ic-l {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/ic1.png) no-repeat left top;
	float: left;
	top: -20px;
}
.tit1 i.ic-r {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/ic2.png) no-repeat left top;
	float: left;
	top: 55px;
}
.tit1 span {
	display: inline-block;
	float: left;
	font-family: "Arial";
	color: #ccc;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0 15px;
}
.tit1 span b {
	font-size: 45px;
	color: #333;
	font-family: "阿里巴巴普惠体", "Alibaba PuHuiTi";
}
.tit2 {
	display: inline-block;
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
	margin-bottom: 66px;
}
.tit2 b {
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 1px;
}
.tit2 span {
	color: #3399ff;
}
.tit2 em {
	font-size: 14px;
	color: #ccc;
	font-family: "Arial";
	display: block;
}
.ul-list1 {
	width:1200px;
	margin:0 auto;
}
.ul-list1 li {
	width: 20%;
	float: left;
	overflow: hidden;
}
.ul-list1 li .box {
	display: block;
	margin-left: 20px;
	padding-top: 147px;
	transition: 400ms;
	border: 1px solid #F8F8F8;
	position: relative;
	top: 30px;
}
.ul-list1 li .t1 {
	height: 77px;
	text-align: center;
}
.ul-list1 li .t1 b {
	font-size: 24px;
	color: #999;
	font-weight: normal;
	transition: 400ms;
}
.ul-list1 li .t1 em {
	color: #ccc;
}
.ul-list1 li .t2 {
	background-color: #3399ff;
	padding: 8px;
	height: 55px;
	color: #fff;
	font-family: "宋体";
	position: relative;
	top: 30px;
	transition: 400ms;
	opacity: 0;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-list1 li.li1 .box {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic1.png) no-repeat center 54px;
}
.ul-list1 li.li2 .box {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic2.png) no-repeat center 48px;
}
.ul-list1 li.li3 .box {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic3.png) no-repeat center 48px;
}
.ul-list1 li.li4 .box {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic4.png) no-repeat center 51px;
}
.ul-list1 li.li5 .box {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic5.png) no-repeat center 51px;
}
.ul-list1 li.li1 .box:hover {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic1-h.png) no-repeat center 54px;
}
.ul-list1 li.li2 .box:hover {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic2-h.png) no-repeat center 48px;
}
.ul-list1 li.li3 .box:hover {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic3-h.png) no-repeat center 48px;
}
.ul-list1 li.li4 .box:hover {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic4-h.png) no-repeat center 51px;
}
.ul-list1 li.li5 .box:hover {
	background: url(http://demo30.xunmoban.cn/templets/xunmoban/images/l-ic5-h.png) no-repeat center 51px;
}
.ul-list1 li .box:hover {
	border: 1px solid #ccc;
	background-color: #fff;
	top: 0;
}
.ul-list1 li .box:hover .t1 b {
	color: #3399ff;
}
.ul-list1 li .box:hover .t2 {
	top: 0;
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

/*==========产品内容==========*/
.h-product{
	 padding-bottom: 10px;
	 width:100%
}
.h-product.zd{
	padding-top:10px
}
.zdbox{
	line-height: 1.75;
	height:140px;
	padding-bottom:30px;
}
.h-product.crm{
	padding-top:30px
}
.h-product.oa{
	padding-top:30px
}
.h-product.dingzhi{
	padding-top:0px;
	padding-bottom:30px;
	 -webkit-animation:fadeOutLeftBig 1s .2s infinite;
    -moz-animation:fadeOutLeftBig 1s .2s infinite
}

/*==========案例展示==========*/
.h-case {
    background: url("../images/case_bg.jpg") no-repeat center top;
    width: 100%;
    height: 484px;
}
.h-case .container {
    position: relative;
}
.h-case .bd .case-list {
    width: 1300px;
    margin: 40px 0 0;
}
.h-case .bd .case-list li {
    position: relative;
    float: left;
    width: 288px;
    height: 292px;
    margin: 0 16px 0 0;
    overflow: hidden;
    background: #fff;
}
.h-case .bd .case-list li:hover{
    background: #00a2e9;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    color:#fff;

}
.h-case .bd .case-list li:hover strong,.h-case .bd .case-list li:hover span{
    color:#fff;
}
.h-case .bd .case-list li:hover .bg {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}
.h-case .bd .case-list .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 288px;
    height: 292px;
    z-index: 1;
    background: #00a2e9;
    opacity: 0;
    -moz-transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.h-case .bd .case-list li a {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 2;
    margin: 10px;
    width: 266px;
    height: 272px;
    text-align: center;
    /* background: #fff; */
}
.h-case .bd .case-list li a img {
    display: block;
}
.h-case .bd .case-list li a strong {
    display: block;
    height: 40px;
    margin: 20px 0 0;
    font: normal 18px/40px "微软雅黑";
}
.item-hover strong,.item-hover span{
    color:#fff;
}

/*==========工作流程==========*/
.h-mission {
    width: 100%;
    background: #fff;
}
.h-mission .bd {
    position: relative;
    width: 1200px;
    height: 370px;
    background: url("../images/mission_bg.jpg") no-repeat left top;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0)
}
.h-mission .scale-animate {
    -webkit-animation: move .8s .5s both;
    -moz-animation: move .8s .5s both;
    -o-animation: move .8s .5s both;
}
@-webkit-keyframes move {
    0%{-webkit-transform: scale(0)}
    100%{-webkit-transform: scale(1)}
}
@-moz-keyframes move {
    0%{-moz-transform: scale(0)}
    100%{-moz-transform: scale(1)}
}
@-o-keyframes move {
    0%{-moz-transform: scale(0)}
    100%{-moz-transform: scale(1)}
}
.h-mission .bd span {
    position: absolute;
}
.h-mission .bd span .icon {
    display: block;
    width: 17px;
    height: 21px;
    background-position: -148px 0;
}
.h-mission .bd .s1 {
    left: 37px;
    top: 79px;
}
.h-mission .bd span .s-animate {
    -webkit-animation:fadeOutLeftBig 1s .2s infinite;
    -moz-animation:fadeOutLeftBig 1s .2s infinite
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        -webkit-transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes fadeOutLeftBig{
    0%{
        -moz-transform:scale(1)
    }
    50%{
        -moz-transform:scale(1.05)
    }
    100%{
        -moz-transform:scale(1)
    }
}
.h-mission .bd .s1 .icon {
    width: 160px;
    height: 160px;
    background-position: 0 -162px;
}
.h-mission .bd .s2 {
    left: 232px;
    top: 137px;
}
.h-mission .bd .s3 {
    left: 261px;
    top: 215px;
}
.h-mission .bd .s4 {
    top: 130px;
    left: 261px;
}
.h-mission .bd .s4 .icon {
    width: 82px;
    height: 82px;
    background-position: -161px -162px;
}
.h-mission .bd .s5 {
    left: 339px;
    top: 21px;
}
.h-mission .bd .s5 .icon {
    width: 73px;
    height: 73px;
    background-position: -244px -162px;
}
.h-mission .bd .s6 {
    left: 403px;
    top: 161px;
}
.h-mission .bd .s6 .icon {
    width: 73px;
    height: 73px;
    background-position: -318px -162px;
}
.h-mission .bd .s7 {
    left: 535px;
    top: 42px;
}
.h-mission .bd .s8 {
    left: 532px;
    top: 171px;
}
.h-mission .bd .s9 {
    left: 641px;
    top: 173px;
}
.h-mission .bd .s10 {
    left: 535px;
    top: 59px;
}
.h-mission .bd .s10 .icon {
    width: 130px;
    height: 130px;
    background-position: -392px -162px;
}
.h-mission .bd .s11 {
    left: 745px;
    top: 20px;
}
.h-mission .bd .s11 .icon {
    width: 104px;
    height: 104px;
    background-position: -523px -162px;
}
.h-mission .bd .s12 {
    left: 752px;
    top: 168px;
}
.h-mission .bd .s12 .icon {
    width: 104px;
    height: 104px;
    background-position: -628px -162px;
}
.h-mission .bd .s13 {
    left: 855px;
    top: 62px;
}
.h-mission .bd .s14 {
    left: 846px;
    top: 255px;
}
.h-mission .bd .s15 {
    left: 918px;
    top: 115px;
}
.h-mission .bd .s15 .icon {
    width: 72px;
    height: 72px;
    background-position: -733px -162px;
}
.h-mission .bd .s16 {
    left: 941px;
    top: 199px;
}
.h-mission .bd .s17 {
    left: 1047px;
    top: 62px;
}
.h-mission .bd .s17 .icon {
    width: 123px;
    height: 123px;
    background-position: 0 -321px;
}
.h-mission .bd .s18 {
    left: 1104px;
    top: 33px;
}
.h-mission .bd .ab em {
    position: absolute;
    top: 70px;
    left: 31px;
    color: #fff;
}
.h-mission .bd .ab .a5 {
    top: 39px;
    left: 11px;
}
.h-mission .bd .ab .a4 {
    top: 47px;
    left: 16px;
}
.h-mission .bd .ab .a6 {
    top: 41px;
    left: 18px;
}
.h-mission .bd .ab .a15 {
    top: 40px;
    left: 20px;
}
.h-mission .bd .ab .a7 {
    left: 22px;
    top: -7px;
    width: 120px;
    color: #333;
}
.h-mission .bd .ab .a3 {
    left: 19px;
    top: 19px;
    width: 100px;
    color: #333;
}
.h-mission .bd .ab .a2 {
    left: -14px;
    top: -20px;
    width: 100px;
    color: #333;
}
.h-mission .bd .ab .a10 {
   left: 44px;
    top: 60px;
    color: #fff;
    width: 60px;
    text-shadow:2px 2px 2px #000;
}
.h-mission .bd .ab .a17 {
    font-size: 24px;
    top: 56px;
    left: 41px;
}
.h-mission .bd .ab .a18 {
    left: -3px;
}
.s1-user{
   position: absolute;
   top: 96px;
    left: 30px; 
}
.s1-user,.s2-user{
    font-size: 24px;
    color:#fff;
}
/*==========关于 八骏科技 动态==========*/

.umeixun {
    width: 100%;
    height: 521px;
    background: url("../images/umeixun_bg.jpg") no-repeat fixed left top;
	background-size: cover;
    overflow: hidden;
}
.umeixun .mod-l {
    float: left;
    width: 541px;
    height: 378px;
    margin: 95px 0 0 0px;
    background: url("../images/umeixun_img_bg.png") no-repeat left top;
}
.umeixun .mod-r {
    float: right;
    width: 550px;
    margin: 30px 0 0 0;
}
.umeixun .mod-r .hd {
    height: 50px;
    line-height: 50px;
    margin: 0;
}
.umeixun .mod-r .hd strong {
    font-size: 18px;
    color: #fff;
    text-align: left;
}
.umeixun .mod-r .bd p {
    line-height: 24px;
    color: #fff;
    margin-bottom: 10px;
}
.umeixun .mod-r .bd .link-more {
	display: block;
	width: 70px;
	margin-top: 8px;
    padding: 6px 5px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 8px;
	text-align: center;
}
.umeixun .mod-r .bd a.link-more:hover{
	border: 1px solid #00a2e9;
    background: #00a2e9;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
}
.umeixun .mod-r .bd .h-news-list li {
    line-height: 30px;
}
.umeixun .mod-r .bd .h-news-list li a {
    color: #fff;
}

/*==========客户展示==========*/
.h-client {
    padding-bottom: 40px;
}
.h-client .bd {
    padding: 0 0 40px 0;
}
.h-client .bd .h-client-list {
    position: relative;
    margin: 35px 0 0;
    width: 1200px;
    height: 121px;
    overflow: hidden;
}
.h-client .bd .h-client-list li {
    float: left;
    width: 218px;
    margin: 0 27px 0 0;
}
.h-client .bd .h-client-list li a {
    display: block;
}
.h-client .bd .h-client-list li a img {
    border: 1px solid #a0a0a0;
}
.b-mod {
    height: 40px;
    position: relative;
    text-align: right;
}
.b-mod span {
    position: absolute;
    top: 20px;
    right: 2px;
    width: 30px;
    height: 30px;
    background: #ccc;
}
.b-mod .preve {
    right: 40px;
}
.b-mod span .arrow {
    position: absolute;
    top: 5px;
    left: 12px;
    border-width: 10px;
    overflow: hidden;
}
.b-mod span .arrowR {
    border-left-color: #fff;
}
.b-mod span .s-arrow {
    border-left-color: #ccc;
    left: 10px;
}
.b-mod .preve .arrowL {
    border-right-color: #fff;
    left: 0px;
}
.b-mod span:hover {
    background: #999;
}
.b-mod span:hover .s-arrow {
    border-left-color: #999;
}
.b-mod .preve .l-s-arrow {
    border-right-color: #ccc;
    left: 2px;
}
.b-mod span:hover .l-s-arrow {
    border-right-color: #999;
}
.b-mod .link-more {
    position: relative;
    top: 28px;
    right: 80px;
}
/*==========页脚==========*/
.footer {
    width: 100%;
    border-top: 10px solid #00a2e9;
    background: #393e45;
}
.footer .container {
    position: relative;
}
.footer .container .bg-icon {
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/footer_top_bg.png") no-repeat left top;
    width: 779px;
    height: 97px;
}
.footer .footer-logo {
    float: left;
    width: 181px;
    height: 182px;
    margin: 55px 30px 0 0;
    background-position: -123px -321px;
}
.footer .footer-menu {
    float: right;
    width: 930px;
}
.footer .footer-menu dl {
    float: left;
    width: 245px;
    padding-left: 65px;
    min-height: 280px;
    margin: 65px 0 0;
    background: url("../images/11.png") no-repeat left top;
}
.footer .footer-menu dl dt {
    color: #a3a4a6;
    font-size: 20px;
    line-height: 50px;
}
.footer .footer-menu dl dt .icon {
    float: left;
    width: 32px;
    height: 28px;
    margin: 10px 10px 0 0;
    background-position: -165px 0;
}
.footer .footer-menu .d2 dt .icon {
    width: 32px;
    height: 30px;
    background-position: -197px 0;
}
.footer .footer-menu dl dd {
    margin: 0 0 0 40px;
}
.footer .footer-menu dl dd a {
    color: #a3a4a6;
}
.footer .footer-menu .d3 dd {
    margin: 0;
    line-height: 35px;
    font-size: 14px;
}
.footer .footer-menu .d3 dd .icon {
    float: left;
    width: 18px;
    height: 17px;
    margin: 6px 8px 0 0;
    background-position: -229px 0;
}
.footer .footer-menu .d3 dd .i2 {
    width: 14px;
    height: 19px;
    background-position: -248px 0;
}
.footer .footer-menu .d3 dd .i3 {
    width: 17px;
    height: 17px;
    background-position: -263px 0;
}

.footer .copyright {
    width: 100%;
    height: 78px;
    background: #2e3238;
    line-height: 78px;
}
.footer .copyright p {
    color: #6b6d70;
}
.footer .copyright p img{
    display: none;
}
.case-list-mod {
    background: none;
    height: auto;
}
.case-list-mod .hd {
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding: 30px 0 0;
}
.case-list-mod .hd .l a {
    padding: 0 15px;
    background: #ccc;
    margin-right: 10px;
}
.case-list-mod .hd .r {
    margin: 0 0 0 70px;
}
.case-list-mod .hd .r a {
    margin-right: 10px;
}
.case-list-mod .bd .case-list li {
    margin-bottom: 20px;
}
.case-list-mod .hd .l .c1{
    background: #e9302e
}
.case-list-mod .hd .l .c2 {
    background: #843dbf;
}
.case-list-mod .hd .l .c3 {
    background: #3896ed;
}
.case-list-mod .hd .l .c4 {
    background: #77c730;
}
.case-list-mod .hd .l .c5 {
    background: #ff9137;
}
.case-list-mod .hd .l .c6 {
    background: #9d999a;
}

/*  返回顶部  */
#goTop{
    position: fixed;
    right: 0;
    bottom: 78px;
    display: none;
}
#goTop a{
    display: block;
    width: 58px;
    height: 55px;
    background: #292b2f url('../images/goTop.png') no-repeat 15px 20px;
    text-indent: -99999px;
}
#goTop a:hover{
    background-color:#555354;
}

/* link */
#link{background:none repeat scroll 0 0 #F9F9F9;border-top:1px solid #E0E0E0;color:#CCC;padding:15px; font-size: 14px;}
#link .link-con{margin:auto;width:1200px;}
#link span{margin:0; font-weight: bold}
#link span,#link a{color:gray;display:inline-block;margin:0 5px;}
#link a:hover{text-decoration: underline; color:#f60;}

/*补充*/
.mtm{ 
 width: 1445px;
 height:2700px;
 margin: 0 auto;
}
.mtm-a{ 
 margin-top: 140px;
 width: 1440px;
  margin: 0 auto;
}

/*快oa补充*/
.mtm-oa{ 
 width: 100%;
 height:1085px;
 margin: 0 auto;
}

/*--------------header--------------*/

.header {
    width: 100%;
    height: 82px;
    background: #fff;
    position: fixed;
    left:0;
    top:0;  
    z-index: 100;
	box-sizing: border-box;
	 box-shadow: 1px 1px 5px #999;

}
.head {
    width: 1418px;
    height: 30px;
    background-color: #1b2737;
    margin:0 auto;
	box-sizing: border-box;
}
.topNav {
    height: 30px;
    line-height: 30px;
    width:auto;
    padding-right: 156px;
	float:right;
	box-sizing: border-box;
}
.fl {
    float: left;
	box-sizing: border-box;
	box-sizing: border-box;
}
.topNav>li {
    color:#fff;
	margin:0px;
	padding:0px;
    padding:0 4px;
    float:left;
    font-size: 14px;
	box-sizing: border-box;
}
.topNav a {
    color:#fff;
	box-sizing: border-box;
}
/*nav*/
.nav {
    height: 88px;
    width: 1400px;
    margin:0 auto;
	box-sizing: border-box;
}
.logo {
    width:218px;
    text-align:center;
    line-height: 88px;
	box-sizing: border-box;
}

.firstNav {
	margin:0px;
    margin-top: 15px;
box-sizing: border-box;
	padding:0px;
}
.firstNav>li {
margin:0px;
    padding:18px 0;

    float:left;
    position: relative;
	box-sizing: border-box;
}
.firstNav>li>a {
    display: block;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    min-width: 94px;
    padding:0 10px;
    border-left:1px solid #ccc;
    color:#000;
	box-sizing: border-box;
}
.firstNav>li:first-child>a{
    border-left:0;
	box-sizing: border-box;
}
.firstNav>li.active { 
    border-bottom:2px solid #3d9be9;
	box-sizing: border-box;
}
.firstNav>li.active>a,.firstNav>li:hover>a {
    color: #00b0f0;
	box-sizing: border-box;
}
.firstNav>li:hover {
    border-bottom:2px solid #3d9be9;
	box-sizing: border-box;
}
.secondNav {
    position: absolute;
    left:0;
    top:60px;
    padding:0 10px;
    min-width: 94px;
    display: none;
    background: #fff;
    opacity:0.8;
	box-sizing: border-box;
}
.secondNav li{
    height: 40px;
    line-height: 40px;
    border-top:1px solid #ccc;
    text-align: center;
    white-space: nowrap;
	box-sizing: border-box;
}
.secondNav li:hover {
    border-top:1px solid #5bc0de;
}
.secondNav li a {
    color:#5d5d5d;
    font-family:"Alibaba PuHuiTi";
    font-size: 14px;
}
.secondNav>li:first-child {
    border-top:0;
}
.nav_wd {
    float: right;
}
.nav {
    height: 88px;
    margin: 0 auto;
    width: 1200px;
}
.nav section{ float:right;}
.trial {
    float:right;
    width: 119px;
    height: 37px;
    border-radius: 4px;
    background: #3d9be9;
    margin-top: 25px;

}
.trial a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 37px;
    text-align: center;
    color:#fff;
    cursor: pointer;
    font-size: 14px;
}
.telcode {
    color:#3d9be9;
    font-weight: 700;
    font-family: " 阿里巴巴普惠体";
    font-size: 20px;
    float:left;
    margin-left: 24px;
    line-height: 88px;
}
.nav .red {
    position: absolute;
    right:10px;
    top:8px
}

.logo img{
    width: 167px;
    vertical-align: middle;
}

/* 销售自动化管理 */
.salesnav{
	width: 1200px;
	margin: 0 auto 60px;
	
}

.salesnav img{
	width: 38px; 
	height: 38px;
}
.salesnav h4
{
	font-size:20px;
}
.salesnav p{
	font-size: 18px;
     color: #333333;
    font-family: " 阿里巴巴普惠体", Arial;
    line-height: 30px;
	font-weight: 400px; 
	}