@charset "utf-8";
/* CSS Document */

body {}

.flexslider {height:796px;}

/* 内容区 */
.content_box {}
.content_box .alltop { text-align: center;}
.content_box .alltop h3 { color: #1e1818; font-size:36px; padding: 40px 0 0 0;}
.content_box .alltop h4 { color: #403b3b; font-size:18px; padding: 16px 0 25px 0;}
.content_box .alltop h4 b { position: relative; padding: 0 10px 0 0;}
.content_box .alltop h4 b span { position: absolute; right:0; top:-3px; font-size:14px;}
.flex-control-nav { display:none;}
				/*--------------------- 我们专注企业信息化与电子商务解决方案 con1 ---------------------*/

.page-products { height:627px;}
.page-products .w1180 {}
.page-products .w-wrap-inner { width:100%; position: relative; overflow: hidden;}
.page-products .w-wrap-inner>ul { overflow: hidden; width:2000px; position: relative; left:-2px;}
.page-products .w-wrap-inner>ul>li { width: 238px; height: 388px; margin: 0 2px; float: left; position: relative;}
.page-products li.no1 { background-color: #7a54e0;}
.page-products li.no2 { background-color: #30c2ad;}
.page-products li.no3 { background-color: #f8ab27;}
.page-products li.no4 { background-color: #00b1f1;}
.page-products li .item-inner { width:2000px;}
.page-products li .main { width:240px; /*width:208px;*/ height:388px; float: left; color: #FFFFFF; text-align: center;}
.page-products li .main h4 { font-size:24px; padding: 44px 0 12px 0;}
.page-products li .main h5 { font-size:16px;}
.page-products li .main h6 { font-size:14px; line-height: 18px;}
.page-products li .main img { margin:55px 0 70px 0;}
.page-products li .detail { width:240px; height:388px; background-color: #000000; float: left; position: relative;}
.page-products li .detail img { position: absolute; top:0; left:0;opacity: 0.48;filter: alpha(opacity=48); width:240px; height:388px;}
.page-products li .detail ul { position: relative; z-index:5; padding: 0 17px;}
.page-products li .detail ul li { height:89px; background-image:url(../image/p-z-1.png); background-position: bottom center;}
.page-products li .detail ul li a { display: block; height:100%; line-height:24px; color: #FFFFFF; padding: 0 6px;}
.page-products li .detail ul li a h5 { font-size:14px; padding: 26px 0 0 0;}
.page-products li .detail ul li a h6 { font-size:12px;}

				/*--------------------- 只为用户提升品牌价值 con2 ---------------------*/
.case-wrap { height:970px; background-color: #f4f4f4;}
.case-wrap .item {margin:20px 5px 20px 4px;}
.case-wrap .seemore { text-align: center;}
.case-wrap .seemore a { display:inline-block; width:172px; height:50px; color: #ffffff; font-size:18px; line-height:50px; background-image:url(../image/p-z-3.png); margin:40px 0 0 0;}

				/*--------------------- 我们以跨领域与他们在一起 con3 ---------------------*/
.content_3 { height:570px; background-color: #FFF;}
.content_3 .seemore { color: #8b8888; font-size:18px; text-align: center; margin: 45px 0 0 0 ;}

.content_3 .w1180 { position: relative; overflow:hidden;}
#demo02 { margin: 25px 0 0 0;}
#demo02 .flex-viewport { position: relative; z-index:3;}
#demo02 ul { width:99999px;}
#demo02 .size { width:286px; height:382px;}
#demo02 .list { display:none;}
#demo02 .slides li { width:1200px; float: left;}
#demo02 .slides li img {-webkit-filter: saturate(0);filter:gray; cursor: pointer;}
#demo02 .slides li .tbox { float: left; margin: 14px 6px;}
#demo02 .slides li .tbox a { display: block; border: 2px solid #f8f8f8;}
#demo02 .flex-direction-nav { position: absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
#demo02 .flex-direction-nav li { display:none;}
#demo02 .flex-direction-nav li+li,#demo02 .flex-direction-nav li+li a { display:block; position: absolute; bottom:0; left:0; width:100%; height:24px; text-indent:2000px;}
#demo02 .flex-control-nav { bottom:0;}
/**/#demo02 .slides li .tbox a:hover { border:2px solid #ddf0f8;}
/**/#demo02 .slides li .tbox a:hover img {-webkit-filter: saturate(1);filter:none;}



				/*--------------------- 创造价值 兑现梦想 让一切成为可能 con4 ---------------------*/
.content_4 { height:956px; background-color: #f4f4f4;}
.content_4 .bottom { margin:10px 0 0 0;}
.content_4 .bottom .box { float: left;}
.content_4 .bottom .box a { display: block; width:100%; height:100%;}
.content_4 .bottom .box p { font-size:14px; line-height: 18px;}
.content_4 .bottom .box h5 { font-size:18px;}
.content_4 .bottom .box h6 { font-size:14px;}
.content_4 .bottom .box.h1 { height:375px;}
.content_4 .bottom .box.h2 { height:270px;}
.content_4 .bottom .box.box1 { width:295px; background-color: #FFF;}
.content_4 .bottom .box.box1 h5 { padding: 14px 0 0 0;}
.content_4 .bottom .box.box1 h5,.content_4 .bottom .box.box3 h5 { color: #484747;}
.content_4 .bottom .box.box1 h6,.content_4 .bottom .box.box3 h6 { padding: 10px 0 13px 0;}
.content_4 .bottom .box.box1 p,.content_4 .bottom .box.box3 p,.content_4 .bottom .box.box1 h6,.content_4 .bottom .box.box3 h6 { color: #7f7e7e;}
.content_4 .bottom .box.box1 p { height:72px;}
.content_4 .bottom .box.box1 img { width:295px; height:208px; display: block;}
.content_4 .bottom .box.box2 { width:547px; margin: 0 0 0 20px; position: relative; overflow: hidden;}
.content_4 .bottom .box.box2 .wz { position: absolute; bottom:0; left:0; width:100%; height:62px; background-image:url(../image/p-z-4.png); background-repeat: repeat;}
.content_4 .bottom .box.box2 .wz p { color: #ffffff; font-size:16px; font-weight:bold; margin: 20px 0 0 15px; width:80%;}
.content_4 .bottom .box.box3 { width:295px; background-color: #f8ab27; float: right;}
.content_4 .bottom .box.box3 p { height:144px;}
.content_4 .bottom .box.box3 h5 { padding: 64px 0 0 0;}
.content_4 .bottom .box.box3 p,.content_4 .bottom .box.box3 h6 { color: #585656;}
.content_4 .bottom .box.box4 { width:545px;}
.content_4 .bottom .box.box5 { width:295px; background-color: #30c2ad; margin: 0 0 0 20px;}
.content_4 .bottom .box.box5 a { color: #FFFFFF;}
.content_4 .bottom .box.box5 p { height:54px;}
.content_4 .bottom .box.box5 h5 { padding: 60px 0 0 0;}
.content_4 .bottom .box.box5 h6 { padding: 12px 0 15px 0;}
.content_4 .bottom .box.box6 { float: right; background-color: #00b1f1;}

.content_4 .seemore { text-align: center; margin:50px 0 0 0;}
.content_4 .seemore a { color: #8b8888; font-size:18px;}