/* 主页banner */
.swiper-container { width:100%; height:475px; z-index:1; }
.swiper-container .swiper-slide { width:100%; height:475px; }
.swiper-container .swiper-slide a { width:100%; height:475px; display:block; }
.swiper-pagination { width:1200px!important; left:50%!important; text-align:center; margin-left:-600px; margin-bottom:40px; }
.swiper-pagination .swiper-pagination-bullet { width:10px; height:6px; margin:0 0 0 4px!important; opacity:1; background:#fff; border-radius:4px; font-size:0px; }
.swiper-pagination .swiper-pagination-bullet-active { width:15px; background:#fff; }

.notice_warp_box { width:1200px; height:30px; margin:0 auto; position:relative; }
.notice_warp_box .notice_box { width:100%; height:60px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.1); position:absolute; left:0px; top:-30px; z-index:99; overflow:hidden; }
.notice_warp_box .notice_box .button-next { width:50px; height:60px; text-align:center; line-height:60px; float:left; position:initial; color:#999; }
.notice_warp_box .notice_box .button-prev { width:50px; height:60px; text-align:center; line-height:60px; float:left; position:initial; color:#999; }
.notice_warp_box .notice_box .swiper-wrapper { width:900px; height:60px; float:left; }
.notice_warp_box .notice_box .swiper-wrapper .swiper-slide { height:60px; line-height:60px; }
.notice_warp_box .notice_box .swiper-wrapper .swiper-slide a { height:60px; line-height:60px; display:block; }
.notice_warp_box .notice_box .pagination { width:auto; height:60px; position:absolute; margin:0px; right:15px; }
.notice_warp_box .notice_box .pagination .swiper-pagination-bullet { width:30px; height:60px; float:left; padding:0px; margin:0px; background:url(../images/do.gif) no-repeat center; opacity:1; }
.notice_warp_box .notice_box .pagination .swiper-pagination-bullet-active { background:url(../images/doo.gif) no-repeat center; }

/* 通用标题 */
.title_pulice_box { width:1200px; height:60px; margin:22px auto 0 auto; }
.title_pulice_box .title_left { height:50px; float:left; padding-left:480px; font-size:36px;}
.title_pulice_box .title_left b { height:50px; line-height:50px; font-size:26px; padding-right:8px; display:block; float:left; }
.title_pulice_box .title_left span { height:50px; line-height:64px; font-size:14px; font-weight:500; overflow:hidden; color:#ccc; display:block; float:left; }
.title_pulice_box .title_right { height:50px; float:right; }
.title_pulice_box .title_right ul li { float:left; height:26px; line-height:26px; margin-top:14px; margin-right:1px; }
.title_pulice_box .title_right ul li a { padding:0 9px; display:block; }
.title_pulice_box .title_right ul li.active a { background:#152b59; color:#fff; }
.title_pulice_box .title_right ul li.more { width:30px; margin-top:16px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.title_pulice_box .title_right ul li.more a { width:100%; height:20px; line-height:20px; display:block; position:relative; }
.title_pulice_box .title_right ul li.more a:before { position:absolute; color:#dedede; right:-5px; top:2px; font-family:"iconfont"!important; content:"\e621"; }
.title_pulice_box .title_right ul li.more a i { width:25px; height:1px; background:#dedede; right:0px; top:11px; position:absolute; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.title_pulice_box .title_right ul li.more a:hover i { width:56px; background:#cb2730; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.title_pulice_box .title_right ul li.more:hover { width:56px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out;  }
.title_pulice_box .title_right ul li.more:hover a:before { background:#fff; color:#cb2730; }

/* 主页推荐产品 */
.goods_warp_box { width:1200px; height:auto; display:table; margin:0 auto; }
.goods_warp_box ul li { width:285px; height:auto; display:table; float:left; margin-right:20px; }
.goods_warp_box ul li a { width:285px; height:auto; display:table; border-bottom:1px solid #eee; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.goods_warp_box ul li.l4 { margin-right:0px; }
.goods_warp_box ul li p { width:100%; height:32px; line-height:36px; font-size:14px; display:block; overflow:hidden; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.goods_warp_box ul li time { width:100%; height:28px; display:block; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.goods_warp_box ul li a:hover p,.goods_warp_box ul li a:hover time { color:#fff; padding-left:15px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.goods_warp_box ul li a:hover { background:#428be3; border-bottom:1px solid #428be3; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }

/* 主页推荐新闻 */
.news_warp_box { width:1200px; height:auto; display:table; margin:0 auto 40px auto; }
.news_warp_box ul li { width:580px; height:auto; display:table; float:left; margin-right:40px; }
.news_warp_box ul li a { width:580px; height:auto; display:table; padding-bottom:14px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out;  }
.news_warp_box ul li a img { width:580px; }
.news_warp_box ul li.l2 { margin-right:0px; }
.news_warp_box ul li b { width:100%; height:38px; line-height:44px; padding:0 10px; color:#000; font-size:16px; font-weight:500; display:block; overflow:hidden; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_warp_box ul li span { width:100%; height:30px; color:#ccc; padding:0 10px; display:block; overflow:hidden; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_warp_box ul li p { width:100%; height:40px; line-height:20px; padding:0 10px; display:block; overflow:hidden; color:#999; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_warp_box ul li a:hover { background:#428be3; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_warp_box ul li a:hover b,.news_warp_box ul li a:hover p { color:#fff; padding:0 15px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_warp_box ul li a:hover span { color:#9dbff7; padding:0 15px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }


/* 主页客户案例 */
.case_warp_box { width:1200px; height:auto; display:table; margin:0 auto; padding-bottom:35px; }
.case_warp_box ul li { width:293px; height:auto; display:table; float:left; margin-right:9px; }
.case_warp_box ul li a { width:293px; height:auto; display:table; border-bottom:1px solid #eee; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.case_warp_box ul li.l4 { margin-right:0px; }
.case_warp_box ul li p { width:100%; height:46px; line-height:46px; text-align:center; font-size:14px; display:block; overflow:hidden; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.case_warp_box ul li a:hover p { color:#fff; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.case_warp_box ul li a:hover { background:#428be3; border-bottom:1px solid #428be3; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }

/* 主页关于我们 */
.about_warp_box { width:100%; height:auto; display:table; padding:40px 0; background:#f5f5f5; overflow:hidden; margin-top:60px; }
.about_warp_box .about_box { width:1200px; height:auto; display:table; margin:0 auto; }
.about_warp_box .about_box .left_pic { width:576px; height:376px; float:left; }
.about_warp_box .about_box .right_box { width:600px; height:376px; float:right; }
.about_warp_box .about_box .right_box .title_box { width:100%; height:56px; display:block; }
.about_warp_box .about_box .right_box .title_box b { height:40px; line-height:26px; font-size:26px; padding-right:8px; display:block; float:left; }
.about_warp_box .about_box .right_box .title_box span { height:40px; line-height:40px; font-size:14px; font-weight:500; overflow:hidden; color:#ccc; display:block; float:left; }
.about_warp_box .about_box .right_box .title_text { width:100%; height:272px; display:block; }
.about_warp_box .about_box .right_box .title_text p { width:100%; height:auto; display:table; color:#999; font-size:14px; line-height:28px; text-indent:28px; padding-bottom:15px; }
.about_warp_box .about_box .right_box .btn_coolc { width:100%; height:48px; }
.about_warp_box .about_box .right_box .btn_coolc a { width:160px; height:48px; line-height:46px; padding:0 15px; border:1px solid #ccc; display:block; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.about_warp_box .about_box .right_box .btn_coolc a span { font-size:15px; display:block; float:left; color:#999; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.about_warp_box .about_box .right_box .btn_coolc a i { display:block; float:right; color:#999; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.about_warp_box .about_box .right_box .btn_coolc a:hover { width:220px; background:#428be3; border:1px solid #428be3; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.about_warp_box .about_box .right_box .btn_coolc a:hover span,.about_warp_box .about_box .right_box .btn_coolc a:hover i { color:#fff; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }

/* 合作伙伴、友情链接 */
.partner_links_box { width:100%; height:auto; display:table; background:#fff; padding:30px 0 25px 0; }
.partner_links_box .partner_title { width:1200px; height:auto; display:table; text-align:center; padding-bottom:15px; }
.partner_links_box .partner_title h2 { width:100%; height:32px; font-size:26px; display:block; color:#000; }
.partner_links_box .partner_title p { width:100%; height:22px; line-height:22px; display:block; color:#999; }
.partner_links_box .partner_li { width:100%; height:225px; border:1px solid #ededed; }
.partner_links_box .partner_li ul li { width:20%; height:223px; border-right:1px solid #ededed; float:left; }
.partner_links_box .partner_li ul li:nth-last-child(1) { border-right:0px; }
.partner_links_box .partner_li ul li a { padding:25px; display:block; }
.partner_links_box .partner_li ul li a img { width:190px; height:130px; }
.partner_links_box .partner_li ul li a p { width:100%; height:43px; line-height:43px; font-size:14px; text-align:center; display:block; }
.partner_links_box .links_title { width:100%; height:auto; display:table; padding:12px 0; }
.partner_links_box .links_title b { font-size:18px; }
.partner_links_box .links_content { width:100%; height:auto; display:table; }
.partner_links_box .links_content a { padding:0 15px 5px 0; font-size:14px; color:#999; }
.partner_links_box .links_content a:hover { color:#f00; }


/*解决方案*/

.apply_box{width: 1198px;margin: auto;}

.apply_tit{text-align: center; height: 42px;line-height: 42px;color: rgba(51, 51, 51, 1);font-size: 30px;}

.apply_list{margin-top: 48px;margin-bottom: 93px;}

.apply_list ul{width: 1200px;}

.apply_pic{height: 200px;}

.apply_list li img {transition:filter .2s ease-in ;  display: block; width: 404px;height: 200px;  -webkit-filter: grayscale(100%);-moz-filter: grayscale(1);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}

.apply_list li:hover img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;}

.apply_list li.active img{ -webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;}

.apply_list li{overflow: hidden;transition: transform 0.3s; transform: translateZ(0);  /*transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);*/display:inline-block;padding-bottom: 30px;box-sizing: border-box; background: #FFFFFF; width: 390px;position: relative;z-index: 10;top: 0;vertical-align: top; border-radius: 8px;box-shadow: 0px 2px 14px 4px rgba(15, 52, 93, 0.09);}

.apply_list li.active{/*z-index: 100;width: 440px;top: -33px;*/ z-index: 100;   transform: scale(1.1);padding-bottom: 42px; box-shadow: 0 3px 28px 0 rgba(19,53,91,0.24) ;}

.apply_list li:nth-child(3) .apply_pic img{float: right;}

.apply_list li:nth-child(3) {right: 5px;}

.apply_list li:nth-child(1) {left: 5px;}

/*.apply_list li.active .apply_pic{height: 240px;}*/

.app_name{text-align: center; height: 25px;line-height: 25px;margin-top: 36px; color: rgba(136, 136, 136, 1);font-size: 18px;}

.apptext{width: 330px;margin: auto;padding: 0 37px;margin-top: 19px; height: 170px;line-height: 30px;color: rgba(136, 136, 136, 1);font-size: 14px;}

/*.apply_list li.active .app_name{height: 28px;line-height: 28px;margin-top: 34.92px; color: rgba(68, 68, 68, 1);font-size: 20px;}*/

/*.apply_list li.active .apptext{height: 175px;padding: 0 40.3px; width: 359px;height: 175px;line-height: 30px;color: rgba(102, 102, 102, 1);font-size: 16px;}*/

.apply_list li a{display: block;}

.apply_list li:nth-child(3) .app_name{float: right;width: 100%;}

.apply_list li:nth-child(3) .apptext{float: right;}


.tmcbox{background: #F6F8FA;width: 100%;width: 100%;overflow: hidden; padding: 59px 0 31px;box-sizing: border-box;}

.tmc{display: none; width: 1105px;margin: auto;}

.tmc.active{display: block;}

.tmc_pic{width: 584px;float: left;}

.tmc_pic img{display: block;width: 100%;}

.tmc_text{width: 438px;float: right;}

.tmc_tit{margin-top: 49px;margin-bottom: 17px; height: 37px;line-height: 37px;color: rgba(51, 51, 51, 1);font-size: 26px;}

.tmc_info{width: 438px;line-height: 26px;color: rgba(102, 102, 102, 1);font-size: 14px;}

.solut_box{
	width: 100%;
	height: 582px;
	position: relative;
	margin-bottom:10px;
	overflow: hidden;
	background-color: #000000;
}

.solu_ban ul{position: absolute;width: 100%;height: 582px;z-index: 10;}

.solu_ban li{display: none; position:relative;width:100%;height:582px;overflow: hidden;}

.solu_ban li img{height: 582px;width: auto;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}

.solu_ban .active{display: block;}

.plan_box{width: 1200px;position: absolute;height: 582px;left: 50%;margin-left: -600px;top: 0;z-index: 200;}

.sidebar{width: 236px;float: left;margin-top: 20px;}

.prev{display: none; height: 36px;cursor: pointer; line-height: 36px;width: 100%;text-align: center; background:#06F;}

.prev.active{display: block;}

.next{display: none; height: 36px;cursor: pointer;line-height: 36px;width: 100%;text-align: center;background: #1a1a1a;}

.next.active{display: block;}

.next img{opacity: 0.5;transition: all .3s ease-in;}

.next:hover img{opacity:1;}

.prev img{opacity: 0.5;transition: all .3s ease-in;}

.prev:hover img{opacity: 1;}

.slide_ban{height: 563px; overflow: hidden;width: 100%;background: #000000;}

.slide_ban li{transition: all .3s ease-in; height: 65px;width: 100%;padding: 0 20px;box-sizing: border-box;}

.slide_ban a{display: block;width: 100%;height: 100%;box-sizing: border-box;padding-left: 0px;}

.slide_ban li+li a{border-top: 1px solid #3a3a3a;}

.slide_ban li.active{background:-webkit-linear-gradient(left,#00D7FF,#0B61FF); background:-moz-linear-gradient(left,#00D7FF,#0B61FF); background:-ms-linear-gradient(left,#00D7FF,#0B61FF); background:-o-linear-gradient(left,#00D7FF,#0B61FF); background:linear-gradient(left,#00D7FF,#0B61FF); }

.slide_ban li.active a{border: none;}

.slide_ban h2{padding-top: 20px;margin-bottom: 13px; height: 22px;line-height: 22px;color: rgba(255, 255, 255, 1);font-size: 16px;}

.slide_ban li.active a{padding-left: 40px;}

.slide_way{height: 20px;line-height: 20px;color: rgba(198, 198, 198, 1);font-size: 14px;}

.slide_ban li.active .slide_way{ color: #FFFFFF;}

/*解决方案*/

.blur_box{width: 920px;float: right;}

.blut_top{width: 640px;text-align: center;margin-bottom: 95px;}

.blut_top h2{margin-top: 52px;margin-bottom: 23px; text-align: center; height: 42px;line-height: 42px;color: rgba(255, 255, 255, 1);font-size: 30px;}

.blur_info{text-align: center; height: 22px;line-height: 22px;color: rgba(255, 255, 255, 1);font-size: 16px;}

.blut_ban{width: 100%;padding-left: 36px;box-sizing: border-box;}

.blut_name{height: 33px;margin-bottom: 27px; line-height: 33px;color: rgba(255, 255, 255, 1);font-size: 34px;}

.blur_text{margin-bottom: 34px; height: 46px;line-height: 24px; color:#000;font-size: 16px;}

.blur_more a{ display: block;text-align: center;line-height: 36px;font-size: 14px;color: #FFFFFF; width: 159px;height: 36px;border: 1px solid rgba(255, 255, 255, 1); }

.blur_more a:hover{background: #048EF6;}

.blur_more{margin-bottom: 34px; padding-top:40px;}

.point_tit{height: 20px;margin-bottom: 19px; line-height: 20px;color: rgba(198, 198, 198, 1);font-size: 14px;}

.point{margin-bottom: 45px;}

.char{display: table;float: left; margin-right: 30px; text-align: center; width: 152px;height: 48px;background-color: rgba(33, 33, 33, 1);border: 1px solid rgba(151, 151, 151, 1);}

.char p{display: table-cell;width: 100%;height: 100%;text-align: left;padding: 0 11px; vertical-align: middle;}

.char span{display: block;font-size: 12px;color: #FFFFFF;}

.typi a{vertical-align: middle;margin-right: 60px;}

.blut_ban li{display: none;}

.blut_ban li.active{display: block;}

.blut_ban ul{height: 440px;overflow: hidden;}

/*解决方案*/