@charset "utf-8";
/* CSS Document */
/*顶部导航*/
*{
	margin:0; 
	padding: 0;
}

body,ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{
	margin:0 auto;padding:0;border:0;
}
body{
	background:#fff; 
	color:#414040;
	font-size:14px; 
	margin-top:0px;
	font-family:"microsoft Yahei","Arial Narrow"; 
	line-height:22px;
}

ul,ol{
	list-style-type:none;
}
select,input,img,select{
	vertical-align:middle;
}
a{ 
	text-decoration:none;
	outline: none;
}

.left{ 
	float: left;
}
.right{
	float: right;
}
.clearfix{ 
	zoom:1;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#navcont {  
	width: 100%;
	height:73px;
	background: #272950;
}
#nav { 
	font-family: helvetica; 
	position:relative; 
	width:1000px;
	font-size:14px; 
	color:#999; 
	margin: 0 auto; 
}
#nav ul {
    list-style-type: none;
}
#nav ul img {
    float: left;
    margin-top: 10px;
}
#nav ul li {
    float: left;
    position: relative;
    padding-bottom: 1px;
}
#nav ul li a {
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 25px;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #7987c4;
}
#nav ul li a:hover {
	background: #282a51 url(http://files.jb51.net/demoimg/200912/shadow.png) repeat-x;
	color:#fff;
} 
#nav ul li ul {
    display: none;
	z-index:5;
}
 #nav ul li ul .top a{
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #999;
}
#nav ul li:hover ul {display: block; position: absolute; left:0;} 
 #nav ul li:hover ul li a {
	 display:block;
	 background: #282a51 url(http://files.jb51.net/demoimg/200912/shadow.png) repeat-z;
	 color:#7d8ac1;
	 width: 86px;
	 text-align:center;
	 border-bottom:1px solid #f2f2f2;
	 border-right: none;
	 color:#fff;
}
 #nav ul li:hover ul li a:hover { 
 	background:#282a51 url(http://files.jb51.net/demoimg/200912/shadow.png) repeat-x; 
	color:#fff; 
}
 .borderleft {
	 margin-left:80px;
}
 .top { 
 	border-top: 1px solid #f2f2f2;
}
 #threestyles {
  width: 500px;
  height: 300px;
  margin: 0px auto;
  border: 2px solid #666;
  margin-top: 30px;
 }
.on{
	background:#282a51 url(http://files.jb51.net/demoimg/200912/shadow.png) repeat-x;
	color:#fff;
}
#nav ul li .nav_ul_li_a1{
	background:#3085d5 ;
	float:left; 
	margin-left:60px; 
	color:#fff;
}
#nav ul li .nav_ul_li_a2{
	background:#3085d5;
	float:left; 
	margin-left:-10px; 
	color:#fff;
}
#nav ul li .nav_ul_li_a1:hover{
	background:#3085d5;
	float:left; 
	margin-left:60px; 
	color:#90c320; 
}
#nav ul li .nav_ul_li_a2:hover{
	background:#3085d5;
	float:left; 
	margin-left:-10px;  
	color:#90c320; 
}
/*顶部导航 end*/


/*banner广告*/
.bannerbox{
    height: 800px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.containt-div{
    width: 1024px;
    position: relative;
    height: 800px;
}
.bannerbox ul{
    position: relative;
}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 800px;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox ul li.fst-li{
    background: url("../images-lianxi/1.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.sec-li{
    background: url("../images-lianxi/2.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.third-li{
    background: url("../images-lianxi/3.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li .img1{
    position: absolute;
}
/*banner-01*/
.baner-01-a{
    width: 347px;
    height: 165px;
    position: absolute;
    top: 100px;
    left: 11%;
    margin-left: -163px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-b{
    width: 752px;
    height: 65px;
    top: 350px;
    left: 50%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.baner-01-c{
	width: 752px;
	height: 65px;
	top: 100px;
	left: 11%;
	position: absolute;
	margin-left: -163px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.baner-01-a img{
	margin-top:-35px;
}
.baner-01-c .baner-01-a_yd1{
	font-weight:bold;
	border:2px solid #a8a8d4; 
	border-radius:2px 2px; 
	color:#d8dcde; 
	padding-top:15px; 
	padding-bottom:13px; 
	padding-left:50px; 
	padding-right:50px; 
	position:absolute; 
	top:-40px; 
	left:0; 
	cursor:pointer;
}
.baner-01-c .baner-01-a_yd2{
	font-weight:bold;
	border:2px solid #555bb2; 
	border-radius:2px 2px; 
	color:#7a7aec; 
	padding-top:15px; 
	padding-bottom:13px; 
	padding-left:50px; 
	padding-right:50px; 
	position:absolute; 
	top:-40px; 
	left:180px; 
	cursor:pointer;
}
.baner-01-c .baner-01-a_yd1:hover,.baner-01-c .baner-01-a_yd2:hover{
	border:2px solid #fff; 
	color:#fff;
}

/*banner2*/
.banner2-02{
    width:593px;
    height: 93px;
    position: absolute;
    top: 243px;
    left: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-01{
    top: 217px;
    position: absolute;
    left: -100px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-03{
    top: 352px;
    left: 0;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-04{
    top: 352px;
    left: 0;
	width:500px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-04 img{
	position: absolute;
	top:-220px;
	left:-80px;
}
.banner2-04 .baner2-a_yd1{
	font-weight:bold;
	background:#ffde00; 
	border-radius:2px 2px; 
	color:#7f2700; 
	padding-top:15px; 
	padding-bottom:13px; 
	padding-left:80px; 
	padding-right:80px; 
	position:absolute; 
	top:80px; 
	left:70px; 
	cursor:pointer;
}
.banner2-04 .baner2-a_yd1:hover{
	background:#7f2700;  
	color:#ffde00;
}
.banner2-05{
    width:593px;
    height: 93px;
    position: absolute;
    top: 52px;
    left:-290px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}


/*banner3*/
.banner3-01{
    position: absolute;
    top: 138px;
    width: 720px;
    height: 73px;
    left: 50%;
    /*margin-left: -310px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-02{
    position: absolute;
    top: 227px;
    left: 50%;
    /*margin-left: -305px;*/
    width: 610px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-03{
    position: absolute;
    top: 283px;
    width:214px;
    left: 50%;
    /*margin-left: -107px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-04{
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 479px;
    margin-left: -239px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.nav{
	width:100px;
	height:14px;
	position:absolute;
	bottom:10px;
	right:20px;
	z-index: 2; 
	left: 50%;
	margin-left: -50px;
	}
.nav dl dd{
	list-style-type:none;
	width:12px;
	height:12px;
	float:left;
	margin-right:5px;
	cursor:pointer;
    border:1px solid #fff;
	}
.nav dl .bg{
	background:#ff7300;
	width:14px;
	height:14px;
	border:none;
	}
	
	
.bannerboxa{
	height: 800px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.containt-div-a{
  width: 1024px;
  position: relative;
  height: 800px;
}
.bannerboxa ul{
	position: relative;
}
.bannerboxa ul li{
	list-style: none;
	width: 100%;
	height: 800px;
	position: absolute;
	left: 0;
	top: 0;
}
.bannerboxa ul li.third-lia{
	background: url("../images-lianxi/4.jpg") center no-repeat;
	background-size: cover;
}

.banner4-01{
	position: absolute;
	top: 538px;
	width: 720px;
	height: 73px;
	left: 50%;
	/*margin-left: -310px;*/
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}




.bannerboxb{
	height: 800px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.containt-div-b{
  width: 1024px;
  position: relative;
  height: 800px;
}
.bannerboxb ul{
	position: relative;
}
.bannerboxb ul li{
	list-style: none;
	width: 100%;
	height: 800px;
	position: absolute;
	left: 0;
	top: 0;
}
.bannerboxb ul li.third-lib{
	background: url("../images-lianxi/5.jpg") center no-repeat;
	background-size: cover;
}

.banner5-01{
	position: absolute;
	top: 538px;
	width: 720px;
	height: 73px;
	left: 50%;
	/*margin-left: -310px;*/
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}


.bannerboxc{
	height: 800px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.containt-div-c{
  width: 1024px;
  position: relative;
  height: 800px;
}
.bannerboxc ul{
	position: relative;
}
.bannerboxc ul li{
	list-style: none;
	width: 100%;
	height: 800px;
	position: absolute;
	left: 0;
	top: 0;
}
.bannerboxc ul li.third-lic{
	background: url("../images-lianxi/6.jpg") center no-repeat;
	background-size: cover;
}

.banner6-01{
	position: absolute;
	top: 538px;
	width: 720px;
	height: 73px;
	left: 50%;
	/*margin-left: -310px;*/
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

.bannerboxd{
	height: 800px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.containt-div-d{
  width: 1024px;
  position: relative;
  height: 800px;
}
.bannerboxd ul{
	position: relative;
}
.bannerboxd ul li{
	list-style: none;
	width: 100%;
	height: 800px;
	position: absolute;
	left: 0;
	top: 0;
}


/*banner广告 end*/

/** RESET AND LAYOUT

===================================*/



.bx-wrapper {

	position: relative;

	margin: 0 auto 60px;

	padding: 0;

	*zoom: 1;

}



.bx-wrapper img {

	max-width: 100%;

	display: block;

}



/** THEME

===================================*/



.bx-wrapper .bx-viewport {



}



.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

	position: absolute;

	bottom: -30px;

	width: 100%;

}



/* LOADER */



.bx-wrapper .bx-loading {

	min-height: 50px;

	

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2000;

}



/* PAGER */



.bx-wrapper .bx-pager {

	text-align: center;

	font-size: .85em;

	font-family: Arial;

	font-weight: bold;

	color: #666;

	padding-top:80px;

}



.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

	display: inline-block;

	*zoom: 1;

	*display: inline;

}



.bx-wrapper .bx-pager.bx-default-pager a {

	background: #666;

	text-indent: -9999px;

	display: block;

	width: 10px;

	height: 10px;

	margin: 0 5px;

	outline: 0;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

	background: #000;

}



/* DIRECTION CONTROLS (NEXT / PREV) */



.bx-wrapper .bx-prev {

	left: 10px;

	

}



.bx-wrapper .bx-next {

	right: 10px;

}



.bx-wrapper .bx-prev:hover {

	background-position: 0 0;

}





.bx-wrapper .bx-controls-direction a {

	position: absolute;

	top: 50%;

	margin-top: -16px;

	outline: 0;

	width: 32px;

	height: 32px;

	text-indent: -9999px;

	z-index: 9999;

}



.bx-wrapper .bx-controls-direction a.disabled {

	display: none;

}



/* AUTO CONTROLS (START / STOP) */



.bx-wrapper .bx-controls-auto {

	text-align: center;

}



.bx-wrapper .bx-controls-auto .bx-start {

	display: block;

	text-indent: -9999px;

	width: 10px;

	height: 11px;

	outline: 0;

	

	margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-start:hover,

.bx-wrapper .bx-controls-auto .bx-start.active {

	background-position: -86px 0;

}



.bx-wrapper .bx-controls-auto .bx-stop {

	display: block;

	text-indent: -9999px;

	width: 9px;

	height: 11px;

	outline: 0;	

	margin: 0 3px;

}







/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

	text-align: left;

	width: 80%;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

	right: 0;

	width: 35px;

}



/* IMAGE CAPTIONS */



.bx-wrapper .bx-caption {

	position: absolute;

	bottom: 0;

	left: 0;

	background: #666\9;

	background: rgba(80, 80, 80, 0.75);

	width: 100%;

}



.bx-wrapper .bx-caption span {

	color: #fff;

	font-family: Arial;

	display: block;

	font-size: .85em;

	padding: 10px;

}

/*合作伙伴*/
.ui-color-orange{ color:#ff6633 }

.ui-w1200{  overflow: hidden; margin: 0 auto;}



.ui-bd,.ui-hd{

  overflow: hidden;

}

.ui-hd{ padding-top: 80px;}

.ui-hd p{ font-size: 18px;}

.ui-border-1{ border-bottom: 1px solid #eee;}

.ui-down-butt{ margin-top: 45px;}

.ui-down-butt a{

 width: 265px; height: 53px; display: inline-block; border: #FFFFFF 1px solid;

 line-height: 58px; color: #fff; font-size: 28px; text-decoration: none; text-align: center;

}

.ui-down-butt a:hover{

  background-position:  -275px 0;
  border:#103ba5 1px solid;
  color:#103ba5;
}

.ui-text-left{ text-align: left; }

.ui-text-margin { margin-top: 115px; margin-left:40px;}

.ui-text-margin-top{margin-top: 85px;}

.ui-text-margin-left { margin-left:26%;}
.ui-modular3 .ui-text-margin-top{ margin-top:0px;}
.ui-modular3 .ui-text-margin-left{ margin-left:23.9%;}

/*-----------------top------------------*/



.ui-head {

  position: fixed; top: 0; left: 50%;  width: 100%; z-index: 20;min-width: 1024px;

}

.ui-head-nav {

  position: relative; top: 0; left: -50%; height: 70px; background: #2b52b1;}

/*}*/

/*.ui-head-nav{*/

  /*min-width: 984px; background: #fff;*/

  /*max-width: 1160px; height:70px;margin: 0 auto; padding: 0 20px;*/

/*}*/

.ui-logo{ width: 210px; height: 57px; background: url(../images-lianxi/logo.png); float:left;margin: 9px 0 0 20px; display: inline; }

.ui-logo-text{background: url(../images-lianxi/logo_text.png); float:left; width:265px; height:32px; margin: 15px 0 0 50px; display: inline}

.ui-menu li{ float: left; margin: 0 15px; line-height: 70px; font-size: 16px;}

.ui-menu li a{ color: #fff; text-decoration: none;}

.ui-menu li a:hover{ color: #103ba5;}

.ui-contact{  width: 230px;float:right;font-size: 28px;margin-top:10px; color: #999; line-height: 45px;}

.ui-contact s{

    background: url(../images-lianxi/icon.png) -10px -10px; width: 30px; height:30px; display: inline-block; vertical-align: middle;

    margin-right: 10px;

}

h1,h3{ font-size: 42px; height: 50px; line-height: 50px;}

.ui-banner{

    background:/* url(../images-lianxi/banner_bg.jpg) no-repeat center top;*/#2b52b1; margin-top:70px;width: 100%; height: 500px; text-align: center; min-width:1200px;color: #fff; position: relative;
}

.ui-banner-img{ text-align: center; width: 490px;background: url(../images-lianxi/img_1.png) no-repeat bottom; height: 460px;   }

.ui-banner-img02{ background: url(../images-lianxi/crm_img01.png)   }

.ui-banner-img03{ background: url(../images-lianxi/oa_img01.png)   }

.ui-banner h1{ margin-bottom: 20px;}

/*-----------------top End------------------*/

.ui-img-01{ background: url(../images-lianxi/mod_01.png) no-repeat  -35px 17px; width: 400px;height: 420px;}

.ui-img-02{ background: url(../images-lianxi/mod_02.jpg) no-repeat  35px 67px; width: 470px;height: 420px;}

.ui-img-03{ background: url(../images-lianxi/mod_03.png) no-repeat  0 38px; width: 470px;height: 420px;}

.ui-img-04{ background: url(../images-lianxi/crm_img02.png) no-repeat  0 0; width: 470px;height: 420px;}

.ui-img-05{ background: url(../images-lianxi/crm_img03.png) no-repeat  0 0; width: 470px;height: 420px;}

.ui-img-06{ background: url(../images-lianxi/crm_img04.png) no-repeat  0 0; width: 470px;height: 420px;}



.ui-img-07{ background: url(../images-lianxi/oa_img02.png) no-repeat  0 0; width: 470px;height: 420px;}

.ui-img-08{ background: url(../images-lianxi/oa_img03.png) no-repeat  0 0; width: 470px;height: 420px;}

.ui-img-09{ background: url(../images-lianxi/oa_img04.png) no-repeat  0 0; width: 470px;height: 420px;}

.ui-img-10{ background: url(../images-lianxi/oa_img05.png) no-repeat  0 0; width: 470px;height: 420px;}
.ui-modular1{ height:720px; position:relative;text-align:center; width:100%; min-width:1200px;}
.mycanvas{
margin:0 auto;
margin-top:30px;
}
.sm{
list-style:none;
display:table;
width:1105px;
margin:0 auto;
}
.xsyj:hover{
color:#6495ed;
}
.cdsl:hover{
color:#ff7f50;
}
.pjkdj:hover{
color:#32cd32;
}
.sm li{
float:left;
width:328px;
font-size:18px;
margin-right:57.5px;
}
.sm a{
color:#2b52b1;
}
.ty{
margin:0 auto;
width:150px;
height:30px;
border:#2b52b1 1px solid;
margin-top:60px;
padding:10px;
text-align:center;
line-height:30px;
color:#2b52b1;
box-shadow:0 0 10px #2b52b1;
-moz-box-shadow:0 0 10px #2b52b1;
-webkit-box-shadow:0 0 10px #2b52b1;
}
.ty1{
margin:0 auto;
width:150px;
height:30px;
border:#fff 1px solid;
margin-top:30px;
padding:10px;
text-align:center;
line-height:30px;
color:#fff;
box-shadow:0 0 10px #fff;
-moz-box-shadow:0 0 10px #fff;
-webkit-box-shadow:0 0 10px #fff;
}
.ty:hover{
background:#2b52b1;
border:none;
color:#FFFFFF;
transform:scale(1.1);
transition:1s;
-webkit-transition:1s;
}
.ty1:hover{
background:#fff;
border:none;
color:#2b52b1;
transform:scale(1.1);
transition:1s;
-webkit-transition:1s;
}
.ui-modular3{ height:800px; position:relative;text-align:center; width:100%; min-width:1200px;}
.ui-modular4{ height:540px; position:relative;text-align:center; width:100%; min-width:1200px;}
.ui-modular5{ height:680px; position:relative;text-align:center; width:100%; min-width:1200px;}
.ui-modular6{ height:680px; position:relative;text-align:center; width:100%; min-width:1200px;}
.zxt{
width:1105px;
height:522px;
margin:0 auto;
}
.zxt:hover {
-webkit-transform: translate(0px,10px);
-moz-transform: translate(0px,10px);
-ms-transform: translate(0px,120px);
-o-transform: translate(0px,10px);
transform: translate(0px,10px);
transition:2s all ease 0s;
}
.ui-modular{ height:290px; position:relative;text-align:center; background:#f1f1f1; width:100%; min-width:1200px;}
.js{
list-style:none;
display:table;
width:1105px;
margin:0 auto;
height:260px;
}
.js li{
float:left;
margin-right:55px;
height:230px;
color:#000000;
}
.js_01{
width:345.5px;
margin-left:45px;
}
.js_02{
width:345.5px;
}
.js h2{
font-size:20px;
padding-top:60px;
padding-bottom:3px;
border-bottom:#2a4da1 2px solid;
width:83px;
}
.js p{
text-align:left;
color:#000000;
padding-top:40px;
line-height:25px;
letter-spacing:2px;
}
.js a{
color:#000000;
text-decoration:none;
}
.js a:hover{
color:#2a4da1;
}
.ui-modular2{padding:0px 0 ; height:805px; overflow:hidden;}

.ui-modular3{padding:80px 0 ;text-align: center;

position: relative;}
.ui-modular4{text-align: center;

position: relative;}

.cpsm{
width:1105px;
margin:0 auto;
list-style:none;
height:552px;
display:table;
}
.title{
width:400px;
height:50px;
margin: 0 auto;
text-align:center;
line-height:50px;
color:#FFFFFF;
}
.title1{
width:1000px;
height:50px;
margin: 0 auto;
text-align:center;
line-height:50px;
color:#000;
padding-top:60px;
}
.title h3{color:#FFFFFF;}
.cpsm li{
float:left;
width:537px;
height:552px;
}
.jz{
list-style:none;
width:320px;
height:552px;
}
.jz li{
width:320px;
height:120px;
margin-bottom:24px;
}
.jz_list{
list-style:none;
display:table;
width:320px;
height:120px;
}
.jz_list li{
float:left;
margin-right:40px;
color:#c4a37e;
}
.jz_list .zctb3{
background:url(../images-lianxi/icon3.png) no-repeat;
}
.jz_list .zctb2{
background:url(../images-lianxi/icon6.png) no-repeat;
}
.jz_list .zctb1{
background:url(../images-lianxi/icon5.png) no-repeat;
}
.jz_list:hover li{
color:#FFFFFF;
transition:2s;
-webkit-transition:2s;
-moz-transition:2s;
}
.gd:hover{
color:#FFFFFF;
transition:2s;
-webkit-transition:2s;
-moz-transition:2s;
}
.jz_list:hover .zctb3{
background:url(../images-lianxi/icon4.png) no-repeat;
transition:2s;
-webkit-transition:2s;
-moz-transition:2s;
}
.jz_list:hover .zctb2{
background:url(../images-lianxi/icon8.png) no-repeat;
transition:2s;
-webkit-transition:2s;
-moz-transition:2s;
}
.jz_list:hover .zctb1{
background:url(../images-lianxi/icon7.png) no-repeat;
transition:2s;
-webkit-transition:2s;
-moz-transition:2s;
}
.jz_list h2{
font-size:18px;
}
.ui-modular h3,.ui-modular2 h3{ margin-bottom: 20px; color:#666 ;}

.ui-modular p,.ui-modular2 p{ color: #666;}

.ui-modular-2{height:825px;}

.ui-modular-3{height:600px;}

.ui-modular-bg{ background:url(../images-lianxi/bg.png) no-repeat;}

.ui-modular .ui-hd h3{ color: #333;}

.ui-modular .ui-hd p{ color: #666;}



.ui-modular02{ margin-top: 130px;}

.ui-modular01-bg{background: url(../images-lianxi/mod_01.png) center bottom no-repeat; height: 362px; display: block;

  position: absolute; bottom:0; width: 100%;

}

.ui-modular02-bg{background: url(../images-lianxi/mod_03.png) center bottom no-repeat; height: 583px; display: block;  position: absolute; bottom:0; width: 100%; }

.ui-modular03-bg{background: url(../images-lianxi/mod_04.png) center bottom no-repeat; height: 583px; display: block;  position: absolute; bottom:0; width: 100%; }

.ui-icon-t1,.ui-icon-t2,.ui-icon-t3{

  width: 164px; height: 164px; display: inline-block;background: url(../images-lianxi/icon.png);

  margin: 0 82px;

}

.ui-icon-t1{ background-position: 0 -69px;}

.ui-icon-t2{ background-position: 0 -243px;}

.ui-icon-t3{ background-position: 0 -417px;}





.ui-modular-box-01,.ui-modular-box-02{width: 600px; float: left; text-align: center;}

.ui-report-img01{ height: 300px; width: 600px;background: url(../images-lianxi/mod_04.png) center bottom no-repeat; margin-bottom: 55px;}

.ui-report-img02{ height: 300px; width: 600px;background: url(../images-lianxi/mod_05.png) center bottom no-repeat;margin-bottom: 55px;}

.ui-report-img03{ height: 355px; width: 600px;background: url(../images-lianxi/crm_img05.png) center bottom no-repeat; }

.ui-report-img04{ height: 355px; width: 600px;background: url(../images-lianxi/crm_img06.png) center bottom no-repeat;}



.ui-case{ max-width: 1200px;min-width: 1024px;margin: 40px auto 0; height:260px; overflow: hidden;}

.ui-case li{ border: 1px solid #2a4da1; width: 180px;  margin:9px;height:110px;border-radius:3px; float: left;}



.ui-case li.ui-case-1{  background-image: url(../images-lianxi/customer_01.jpg); }

.ui-case li.ui-case-2{  background-image: url(../images-lianxi/customer_02.jpg); }

.ui-case li.ui-case-3{  background-image: url(../images-lianxi/customer_03.jpg); }

.ui-case li.ui-case-4{  background-image: url(../images-lianxi/customer_04.jpg); }

.ui-case li.ui-case-5{  background-image: url(../images-lianxi/customer_05.jpg); }

.ui-case li.ui-case-6{  background-image: url(../images-lianxi/customer_06.jpg); }

.ui-case li.ui-case-7{  background-image: url(../images-lianxi/customer_07.jpg); }

.ui-case li.ui-case-8{  background-image: url(../images-lianxi/customer_08.jpg); }

.ui-case li.ui-case-9{  background-image: url(../images-lianxi/customer_09.jpg); }

.ui-case li.ui-case-10{ background-image: url(../images-lianxi/customer_10.jpg); }

.ui-case li.ui-case-11{ background-image: url(../images-lianxi/customer_11.jpg); }

.ui-case li.ui-case-12{ background-image: url(../images-lianxi/customer_12.jpg); }

.ui-case li.ui-case-13{ background-image: url(../images-lianxi/customer_13.jpg); }

.ui-case li.ui-case-14{ background-image: url(../images-lianxi/customer_14.jpg); }

.ui-case li.ui-case-15{ background-image: url(../images-lianxi/customer_15.jpg); }

.ui-case li.ui-case-16{ background-image: url(../images-lianxi/customer_16.jpg); }

.ui-case li.ui-case-17{ background-image: url(../images-lianxi/customer_17.jpg); }

.ui-case li.ui-case-18{ background-image: url(../images-lianxi/customer_18.jpg); }

.ui-case li.ui-case-19{ background-image: url(../images-lianxi/customer_19.jpg); }

.ui-case li.ui-case-20{ background-image: url(../images-lianxi/customer_20.jpg); }

.ui-case li.ui-case-21{ background-image: url(../images-lianxi/customer_21.jpg); }

.ui-case li.ui-case-22{ background-image: url(../images-lianxi/customer_22.jpg); }

.ui-case li.ui-case-23{ background-image: url(../images-lianxi/customer_23.jpg); }

.ui-case li.ui-case-24{ background-image: url(../images-lianxi/customer_24.jpg); }

.ui-case li.ui-case-25{ background-image: url(../images-lianxi/customer_25.jpg); }

.ui-case li.ui-case-26{ background-image: url(../images-lianxi/customer_26.jpg); }

.ui-case li.ui-case-27{ background-image: url(../images-lianxi/customer_27.jpg); }

.ui-case li.ui-case-28{ background-image: url(../images-lianxi/customer_28.jpg); }

.ui-case li.ui-case-29{ background-image: url(../images-lianxi/customer_29.jpg); }

.ui-case li.ui-case-30{ background-image: url(../images-lianxi/customer_30.jpg); }

.ui-case li.ui-case-31{ background-image: url(../images-lianxi/customer_31.jpg); }

.ui-case li.ui-case-32{ background-image: url(../images-lianxi/customer_32.jpg); }







.ui-case-nav{ margin-top: 15px;}

.ui-case-nav li{

  height: 16px; width: 16px;border-radius:8px; display: inline-block; vertical-align: middle;

   background: #ccc; margin: 0 4px; cursor: pointer;

}

.ui-case-nav li.ui-current{ background: #ff6633;}



.ui-bottom-bg{background: url(../images-lianxi/bot_bg.jpg); height: 560px;}

.ui-bottom-bg .ui-hd h3{ color: #fff;}



.ui-business-icon{ width: 1206px; margin:60px auto; color: #fff;}

.ui-business-icon li{ float: left; width: 100px; margin: 0 17px;}

.ui-business-icon li a{ color: #fff;}

.ui-business-icon i{background: url(../images-lianxi/icon.png); width: 100px; height: 100px;display: inline-block; margin-bottom:5px;}

.ui-business-icon i.ui-icon-1{ background-position:0  0;}

.ui-business-icon i.ui-icon-2{ background-position:-100px  0;}

.ui-business-icon i.ui-icon-3{ background-position:-200px  0;}

.ui-business-icon i.ui-icon-4{ background-position:-300px  0;}

.ui-business-icon i.ui-icon-5{ background-position:-0px  -100px;}

.ui-business-icon i.ui-icon-6{ background-position:-100px  -100px;}

.ui-business-icon i.ui-icon-7{ background-position:-200px  -100px;}

.ui-business-icon i.ui-icon-8{ background-position:-300px  -100px;}

.ui-business-icon i.ui-icon-9{ background-position:0  -200px;}

.ui-business-icon i.ui-icon-10{ background-position:-100px  -200px;}

.ui-prompt{ color: #fff; margin-top: 15px; opacity: 0.8; font-size: 14px;}

/*-----------------底部------------------*/

.ui-bottom{

 width: 100%;

  height: 64px; line-height: 64px; background: #1e1d23; font-size: 14px; color: #999;}

.ui-footer{ min-width: 1024px;max-width:1200px; margin: 0 auto;}

.ui-footer a{ color: #999;}

/*-----------------悬浮------------------*/

.shortcut p.top, .shortcut p.qq, .shortcut p.ewm, .shortcut p.ewm span { background-image: url(../im/shortcut.png); background-repeat: no-repeat; }

.shortcut { width: 48px; height: 200px; position: fixed; bottom: 5%; right: 0%; z-index: 999; }

.shortcut p { width: 28px; height: 28px; padding: 10px; display: block; margin-bottom: 2px; background-color: #333; background-color: rgba(0,0,0,0.40); font-size: 12px; color: #fff; line-height: 16px; text-align: center; cursor: pointer }

.shortcut p:hover { background-color: #000; background-color: #2b52b1}

.shortcut p.top { background-position: 0px -196px; }

.shortcut p.qq { background-position: -48px -196px; padding-top: 42px }

.shortcut p.ewm { background-position: -96px -196px; position: relative; font-size:12px;}

.shortcut p.ewm span { display:block; width: 157px; height: 196px; background-position: 0px 0px; position: absolute; right: 36px; top: -94px; color: #888; font-size: 12px; text-align: left; text-align:center;}

.shortcut p.ewm span b { font-size: 16px; color: #333; display: block; font-weight: normal; padding:8px 0 4px; }

.shortcut p.ewm span canvas{ display:block; width:124px; height:124px; padding:12px 0px 0px 12px;}

/*-----------------滚动------------------*/

.ui-wrapper-box{ width:1200px; margin:0 auto;}

ul.bxslider li{position:relative}

.bx-wrapper .bx-pager.bx-default-pager i {
border:#2a4da1 1px solid;

  text-indent: -9999px;

  display: block;

  width: 10px;

  height: 10px;

  margin: 0 5px;

  outline: 0;

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius: 5px;

}

.bx-wrapper .bx-pager.bx-default-pager i:hover, .bx-wrapper .bx-pager.bx-default-pager i.active {

  background: #2a4da1;

} 

.bx-controls-direction{display:none }

/*-----------------滚动 End------------------*/

.div1{ height: 1px ; background: #f6f6f6; width: 100%}

/*=====copyright=====*/

.copyright { height:60px; line-height: 60px; background-color: #000; color: #666666; font-size: 12px; text-align: center; border-top:1px #0e0e0e solid; }

.copyright a{ color:#666666}

.copyright a:hover{ color:#999}
/*合作伙伴 end*/

/*尾部*/
.ft_box {
	width:100%;
	height:252px;
	background-color:#22263f;
	padding-top:50px;
	color:#fff;
	font-size:14px;
	min-width:1200px;
	font-family:"microsoft yahei"
}
.footer-sec2 {
	width:1200px;
	margin:0 auto
}
.ft_box ul {
padding-left:12px;
float:left
}
.ft_box ul li {
	width:108px;
	padding-left:40px;
	float:left;
	height:150px
}
.ft_box ul li.w170 {
	width:55px
}
.ft_box ul li h3 {
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px
}
.ft_box ul li p {
	font-style:normal;
	color:#5884cf;
	line-height:30px;
	height:30px;
	overflow:hidden
}
.ft_box ul li a,.ft_box ul li a:visited {
	font-size:13px;
	color:#5884cf;
	text-decoration:none;
	display:inline-block;
	height:36px;
	vertical-align:top
}
.ft_box ul li a:hover {
	color:#fff;
	text-decoration:underline
}
.ft_logo {
	width: 152px;
	height: 175px;
	float: left;
	padding-right: 0px;
	padding-left: 120px;
	border-left: 1px dotted #5884cf;
}
.ft_tel {
	padding-top:1px;
	padding-left:20px;
}
.ft_tel strong {
	font-size:15px;

	font-weight:bold;
	color:#2f80d1;
	line-height:35px;
	letter-spacing:.02em;
	z-index:20
}
.ft_tel a,.foot_photo a:link,.foot_photo a:visited,.foot_photo a:hover {
	color:#fff;
	text-decoration:none
}
/*尾部 end*/