﻿* {
 word-wrap:break-word;
}
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;}

.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;
}
/*==========首页活动页==========*/
.mod-wrap{
	padding:100px 0;
	min-width:320px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.mod-activity{
	padding:0;
	background-color: #f4f4f4;
}
.mod-activity .mod-inner{
	max-width:1200px;
	min-width:320px;
	margin-left:auto;
	margin-right:auto
}
.mod-activity .activity-list{font-size:0}
.mod-activity .activity-list li{display:inline-block;white-space:nowrap;width:25%;height:140px;vertical-align:top;box-sizing:border-box;padding-top:15px;padding-left:15px;position:relative}
.mod-activity .activity-list li a{display:block;height:100%}
.mod-activity .activity-list li:after{display:block;content:'';position:absolute;height:80px;width:1px;border-left:#e2e2e2 1px solid;top:30px;left:0}
.advertising-icon{position:relative;width:110px;height:110px;margin-right:5px;transition:all .2s linear;background-size:100% auto}
.advertising-icon img{position:absolute;left:0;top:0;width:100%}
.activity-list li .advertising-text,.advertising-icon{display:inline-block;vertical-align:middle}
.activity-list li .advertising-text{max-width:50%;height: 46px;}
.activity-list li .advertising-text .title{font-size:16px;color:#333;padding-bottom:5px;transition:all .2s linear}
.activity-list li .advertising-text .content{
    font-size: 14px;
    color: #666;
    word-break: break-all;
    white-space: normal;
}
.activity-list li .advertising-text .title em{color:#ff9102;transition:all .2s linear}
.activity-list li .advertising-text .title i{margin-left:5px;margin-top:-3px}
.activity-list li:hover .advertising-icon{transform:translate3d(0,-2px,0)}
.activity-list li:hover .advertising-text .title,.activity-list li:hover .advertising-text .title em{color:#2277da}
.mod-activity .activity-list li:first-child:after{display:none}
.activity-list .mobile-advertising-text{display:none}

/*==========首页功能==========*/
.power {
 width:100%;
 min-width:1240px;
 height:800px;
 float:left;
 background:#080a21 url(/statics/web/images/bg-power.jpg) no-repeat bottom center;
}
.power .pp-title{
    float:left;
    padding:80px 5px 50px 50px;
	color:#fff;
}	
.power .pp-title .title {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 30px;
}
.power .pp-title .des-text {
    font-size: 18px;
    line-height: 1.5em;
}

#frameW7MOG7 {
    border: 0px !important;
    margin: 0px !important;
}
.frame {
    background-color: transparent !important;
    background-image: none !important;
}
.frame, .frame-tab {
    margin-bottom: 10px;
    border: 1px solid #CCC;
    background: #FFF;
        background-color: rgb(255, 255, 255);
        background-image: none;
}
#portal_block_4 {
 border:0px !important;
 margin:0px !important;
}
#portal_block_4 .dxb_bc {
 margin:0px !important;
}

.cl:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.cl {
 zoom:1;
}
.clearfix:before,.clearfix:after {
 content:"";
 display:table;
}
.clearfix:after {
 clear:both;
 overflow:hidden;
}
.clearfix {
 zoom:1;
}
.power-list {
 width:1200px;
 margin:150px auto;
 overflow:hidden;
}
.power-list ul {
 width:1244px;
 float:left;
 overflow:hidden;
}
.power-list li {
 width:580px;
 height:240px;
 float:left;
 background-color:#FFFFFF;
 overflow:hidden;
 margin:0 40px 40px 0;
}
.power-list .img {
 float:left;
 width:285px;
 height:240px;
 overflow:hidden;
 position:relative;
}
.power-list .img img {
 width:100%;
}
.power-list .img .filter {
 width:100%;
 display:block;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 z-index:1;
 background:rgba(0,0,0,0.60);
}
.anim_image {
    transition: all 0.7s ease-in-out;
}
.power-list .info {
 float:right;
 width:295px;
 height:100%;
 text-align:center;
 -webkit-transition:all 1s ease 0s;
}
.power-list .info .t {
 width:100%;
 height:117px;
 color:#999;
 font-size:14px;
 line-height:35px;
 padding-top:25px;
}
.power-list .info .t h4 {
 display:block;
 width:100%;
 font-size:20px;
 font-weight:normal;
 color:#444;
}
.power-list .info .t b {
 display:block;
 width:100%;
 font-size:20px;
 font-weight:normal;
 color:#444;
}
.power-list .info .cont {
 width:100%;
 padding-left:20px;
}
.power-list .info .cont p {
 width:80px;
 height:90px;
 float:left;
 text-align:center;
 border-right:1px dashed #E9E9E9;
 font-size:16px;
}
.power-list .info .cont p:last-child {
 border-right:none;
}
.power-list .info .cont .ico {
 display:block;
 width:100%;
 height:50px;
 background-repeat:no-repeat;
 background-position:center center;
}
.power-list li a:hover{text-decoration:inherit;}
.icon_lt{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_lt.png);}
.icon_cs{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_cs.png);}
.icon_fx{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_fx.png);}
.icon_jh{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_jh.png);}
.icon_jiaohu{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_jiaohu.png);}
.icon_jy{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_jy.png);}
.icon_ph{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_ph.png);}
.icon_ruanjian{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_ruanjian.png);}
.icon_sj{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_sj.png);}
.icon_ty{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_ty.png);}
.icon_zy{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_zy.png);}
.icon_yjjh{background-repeat:no-repeat;background-image:url(/statics/web/images/icon_yjjh.png);}

.power-list li:hover .icon_cs {
 background-image:url(/statics/web/images/icon_cs_hov.png);
}
.power-list li:hover .icon_fx {
 background-image:url(/statics/web/images/icon_fx_hov.png);
}
.power-list li:hover .icon_jh {
 background-image:url(/statics/web/images/icon_jh_hov.png);
}
.power-list li:hover .icon_jiaohu {
 background-image:url(/statics/web/images/icon_jiaohu_hov.png);
}
.power-list li:hover .icon_jy {
 background-image:url(/statics/web/images/icon_jy_hov.png);
}
.power-list li:hover .icon_lt {
 background-image:url(/statics/web/images/icon_lt_hov.png);
}
.power-list li:hover .icon_ph {
 background-image:url(/statics/web/images/icon_ph_hov.png);
}
.power-list li:hover .icon_ruanjian {
 background-image:url(/statics/web/images/icon_ruanjian_hov.png);
}
.power-list li:hover .icon_sj {
 background-image:url(/statics/web/images/icon_sj_hov.png);
}
.power-list li:hover .icon_ty {
 background-image:url(/statics/web/images/icon_ty_hov.png);
}
.power-list li:hover .icon_yjjh {
 background-image:url(/statics/web/images/icon_yjjh_hov.png);
}
.power-list li:hover .icon_zy {
 background-image:url(/statics/web/images/icon_zy_hov.png);
}
.clear {
    clear: both;
}
.wp-p {
 margin:0 auto;
 width:960px;
}

/*==========首页产品==========*/
.h-bd{ 
     background-color: #f4f4f4;
}
.wp {
	width: 1200px;
	margin: 0 auto;
}		
.i-row1 {
	padding: 90px 0 60px 0;
	background-color: #f4f4f4;
}
.tit1 {
	margin-bottom: 30px;
	margin-left:50px
	height: 80px;
}
.tit1 i {
	display: inline-block;
	width: 47px;
	height: 38px;
	position: relative;
}
.tit1 i.ic-l {
	background: url(/statics/web/images/ic1.png) no-repeat left top;
	float: left;
	top: -20px;
}
.tit1 i.ic-r {
	background: url(/statics/web/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(/statics/web/images/l-ic1.png) no-repeat center 54px;
}
.ul-list1 li.li2 .box {
	background: url(/statics/web/images/l-ic2.png) no-repeat center 48px;
}
.ul-list1 li.li3 .box {
	background: url(/statics/web/images/l-ic3.png) no-repeat center 48px;
}
.ul-list1 li.li4 .box {
	background: url(/statics/web/images/l-ic4.png) no-repeat center 51px;
}
.ul-list1 li.li5 .box {
	background: url(/statics/web/images/l-ic5.png) no-repeat center 51px;
}
.ul-list1 li.li1 .box:hover {
	background: url(/statics/web/images/l-ic1-h.png) no-repeat center 54px;
}
.ul-list1 li.li2 .box:hover {
	background: url(/statics/web/images/l-ic2-h.png) no-repeat center 48px;
}
.ul-list1 li.li3 .box:hover {
	background: url(/statics/web/images/l-ic3-h.png) no-repeat center 48px;
}
.ul-list1 li.li4 .box:hover {
	background: url(/statics/web/images/l-ic4-h.png) no-repeat center 51px;
}
.ul-list1 li.li5 .box:hover {
	background: url(/statics/web/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-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;
}
/*==首页crm功能==*/
.s-rowfc {
	padding: 40px 0;
	overflow: hidden;
	height:550px;
}

.s-rowfc .pic {
    float: left;
	padding-top:20px;
    max-width: 50%;
    box-sizing: border-box;
}
.bp{
   float: left;
   width:600px;
   height:auto;
   }
.bp-title{
    float:left;
    padding:50px 5px 50px 0px;
	color:#000000;
}	
.bp-title .title {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 30px;
}
.bp-title .des-text {
    font-size: 18px;
    line-height: 1.5em;
}
.ul-menufc {
	text-align: center;
	width: 100%;
	padding: 200px 20px;
}
.ul-menufc li {
	display: inline-block;
*display:inline;
	zoom: 1;
	font-size: 14px;
	padding: 9px 9px;
}
.ul-menufc li a {
	display: inline-block;
	width: 70px;
	height:70px;
	border-radius: 70px;
	text-align: center;
	line-height: 70px;
	background-color: #f8f8f8;
	transition: 400ms;
}
.ul-menufc li.on a, .ul-menufc li a:hover {
	background-color: #000033;
	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 .icon, .hd .bor-bton {
    background: url("/statics/web/images/u_icon.png") no-repeat 0 0;
}
.footer .container .bg-icon {
    position: absolute;
    right: 0;
    top: 0;
    background: url("/statics/web/images/footer_top_bg.png") no-repeat left top;
    width: 779px;
    height: 97px;
}
.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("/statics/web/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('/statics/web/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;
}

/*signup*/

.up-bg {
	margin-top: 83px;
	overflow: hidden;
	height: 500px;
	width:100%;
	background-image:url(/statics/web/images/signup_bg01.jpg);
	}
.up-bg .container {
	overflow-y: hidden;
	width:1200px;
	height: 450px;
    margin: 80px auto 0px;
    background-color: #fff;
}	
.up-bg .container .signup-cal {
	display: inline-block;
	float: left;
	width: 230px;
	height: 465px;
	background-repeat: no-repeat;
	background-size: contain;
	border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 25px 0 0 150px;
    vertical-align: baseline;
}
.up-bg .container .signup-cal  img{
	width: 200px;
}
.up-bg .container .signup-content {
	display: inline-block;
	float: left;
	margin-top: 72px;
	height: 400px;
    width: 60%;
}

.up-bg .container .signup-content h1 {
	font-size: 32px;
	line-height: 48px;
	margin-bottom: 20px;
	color: #333;
}

.up-bg .container .signup-content p {
	font-size: 16px;
	color: #999;
	margin-bottom: 20px
}

.up-bg .container .signup-content .up-links{
	margin-left: 0;
    margin-right: 0;
	overflow: hidden;
	width: 100%;
} 
.up-bg .container .signup-content  .up-links li {
  width: 30%;
  height:auto;
  list-style-type: none;
  display: inline-block;
  padding: 25px 0;
  text-align: center;
}
.up-bg .container .signup-content .up-links li img{
	width: 160px;
	height: 160px;
	overflow: hidden;
	position: relative;
	margin-right: 16px;
	border: 1px solid #ccc;
	text-align: center;
}
.up-bg .container .signup-content  .up-links li p {
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-family: " 阿里巴巴普惠体", Arial;
    line-height: 50px;
}


/*首页banner*/
.fullSlide{width:100%;position:relative;height:630px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:630px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:630px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(/templets/default/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
