@charset "utf-8";

body{

}

*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 12px;}
ul{list-style: none;}
a{text-decoration: none;    color: #686868;}
img{border: none;}
.l{float:left}
.gy2{width:1440px;margin:0 auto;overflow:hidden}
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#c00000;color:#fff;overflow:hidden;}
.top01 .l{font-size:14px}
.top01_center{text-align:right;float:right;font-size:16px;width:30%;color:#ffffff;margin-right:5%}
.top01_center ul{width:100%}
.top01_center ul li{ width:25%;float:right;}
.topa{color:#ffffff;}
/*.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}*/
/*logo和导航*/
.top02{width:100%;min-width:1200px;background-color: rgb(255, 255, 255); height: 86px;}
.top02 .top02_center{width:1440px;min-width:1200px;margin:0 auto}
.logo{width:344px;float:left;padding-top:13px}
.logo img{float:left}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#c00000;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{float:right}
.nav li{position:relative}
.nav li.m{width:15%;padding-right:22px;margin:0 22px 0 0;float:left;text-align:center;background:url(../images/top_bg1.png) right 46px no-repeat}
.nav .m.on a.mmm{color:#c00000}
.nav a.mmm{width:86px;height:46px;padding-top:40px;display:block;font-size:16px;color:#333}
/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:124px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#f5f5f5}
.nav .sub .nav_xiao{width:1440px;overflow:hidden;margin:0 auto}
.nav .sub .nav_xiao.max1100{max-width:1100px}
/*二级导航-网站建设*/
.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding-top:40px;padding-bottom:40px}
.nav .sub .nav_xiao .xiao_one ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_one ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_one ul li a i{display:block;width:101px;height:84px;margin:0 auto;margin-bottom:23px;overflow:hidden;background-image:url(../images/top_pic1.png);background-repeat:no-repeat;transition:all .3s;margin-top:20px}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs1{background-position:-720px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs2{background-position:left top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs3{background-position:-360px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs4{background-position:-1088px top}
.nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url(../images/top_pic1.png)}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{background-position:-720px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{background-position:left bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{background-position:-360px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{background-position:-1088px bottom}
/*二级导航-关于我们*/
.nav .sub .nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}
.nav .sub .nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_two ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:400;letter-spacing:1px;line-height:36px}
.nav .sub .nav_xiao .xiao_two ul li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url(../images/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#f67524;margin-top:5px}
/*二级导航-新闻动态*/
.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:60px}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:18%;height:218px;overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:56px;background-color:#fff}
.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .3s}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f67524}
/*二级导航-解决方案*/
.nav .sub .nav_xiao .xiao_four{width:50%;overflow:hidden;margin-top:40px;margin-bottom:40px}
.nav .sub .nav_xiao .xiao_four.l{border-right:1px solid #e3e3e3}
.nav .sub .nav_xiao .xiao_four.r{width:49%}
.nav .sub .nav_xiao .xiao_four h2{font-size:16px;font-weight:700;color:#000;height:18px;line-height:18px}
/*解决方案左边*/
.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px}
.nav .sub .nav_xiao .xiao_four .ul li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;padding-left:15px;margin-right:40px;width:265px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul li:hover{background-color:#fff}
.nav .sub .nav_xiao .xiao_four .ul li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul li a i{margin-right:10px;margin-top:4px;float:left;width:36px;height:36px;background-repeat:no-repeat;background-position:center center}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{background-image:url(../images/top_pic4.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{background-image:url(../images/top_pic5.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{background-image:url(../images/top_pic6.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{background-image:url(../images/top_pic7.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs5{background-image:url(../images/top_pic8.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs6{background-image:url(../images/top_pic9.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs7{background-image:url(../images/top_pic10.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs8{background-image:url(../images/top_pic11.png)}
.nav .sub .nav_xiao .xiao_four .ul li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
/*解决方案右边*/
.nav .sub .nav_xiao .xiao_four .ul2{width:540px;margin:0 auto;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px}
.nav .sub .nav_xiao .xiao_four .ul2 li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;margin-right:40px;width:250px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul2 li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i{display:inline-block;width:35px;height:15px;overflow:hidden;background:url(../images/top_pic12.png) no-repeat;margin-left:3px}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{color:#f67524}
/*二级导航-成功案例左*/
.nav .sub .nav_xiao .xiao_five{width:549px;overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}
.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}
/*二级导航-成功案例右*/
.nav .sub .nav_xiao .xiao_five2{float:right;text-align:left;margin-top:71px}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left;margin-right:100px;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){margin-right:3px}
.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;background-repeat:no-repeat;background-image:url(../images/top_pic3.png);float:left;margin-right:20px;transition:all .3s;margin-left:0}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1{background-position:9px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2{background-position:-233px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3{background-position:9px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4{background-position:-233px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5{background-position:9px -152px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs6{background-position:-233px -152px}
/*二级导航-产品服务*/
.nav .sub .nav_xiao .xiao_six{overflow:hidden;height:338px;border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6:}
.nav .sub .nav_xiao .xiao_six ul li{float:left;display:inline;height:338px;width:33.2%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}
.nav .sub .nav_xiao .xiao_six ul li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 auto;width:80%;max-width:360px;height:338px;overflow:hidden;text-align:left}
.nav .sub .nav_xiao .xiao_six ul li:last-child{border-right:0}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin-bottom:23px}
.nav .sub .nav_xiao .xiao_six ul li a{float:left;width:136px;overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#666}
.nav .sub .nav_xiao .xiao_six ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_six ul li .a{display:block;width:182px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:16px;margin-top:31px;transition:all .3s;clear:both}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{background-color:#f67524}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{background-color:#248cf6;margin-top:61px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{background-color:#1ecc85;margin-top:91px}
.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff}
/*轮播图*/
.fuSlide{width:100%;height:820px;position:relative;z-index:1}
.fuSlide .imgs{width:100%}
.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img{transition:all 1s ease}
.ck-slide{position:relative;overflow:hidden;width:100%}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child{z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current{z-index:1112}
.ck-slide ul.ck-slide-wrapper li a{display:block}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}
.ck-slide ul.ck-slide-wrapper li .leftto{filter:alpha(opacity=0);opacity:0}
/*轮播图选中动画*/
.ck-slide ul.ck-slide-wrapper li.current .leftto{animation:mymove8 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li .rightto{filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .rightto{animation:mymove7 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.5s;}
.ck-slide ul.ck-slide-wrapper li.current .danim-3{animation:mymove10 .8s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-1{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-2{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-3{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.9s;}
/*轮播图内容区域*/
.banner_con{ top:0; left:0; width:100%; height:100%; position:absolute; }
.banner1_one{ text-align:center; color:#fff;margin-top:6%;font-family:"华文细黑";}
.banner1_one h2{ font-weight:normal; margin-bottom:0.5%;font-family:"华文细黑";}
.banner1_two{ text-align:center; color:#fff; margin-top:3%;opacity:0;filter:Alpha(opacity=0);}
.banner1_two span{ display:inline-block; padding-left:60px; padding-right:60px; height:112px;}
.banner1_two span:first-child{ border-right:1px solid #677794;}
.banner1_two span b{ font-weight:normal; color:#ffc600; display:block;}
.banner_con .f90{ font-size:90px;}
.banner_con .f72{ font-size:72px;}
.banner_con .f48{ font-size:48px;}
.banner_con .f36{ font-size:36px;}
.banner_con .f30{ font-size:30px;}
.banner2_one{ float:right; width:45%; color:#fff;}
.banner2_one h2{ font-weight:normal; margin-bottom:1%;font-family:"华文细黑"; margin-top:35%;opacity:0;filter:Alpha(opacity=0);}
.banner2_one p{ color:#fff;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);}
.banner2_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #fff; border-radius:30px; font-size:16px; text-indent:50px; background:url(../images/i_bg9.png)  138px center no-repeat; font-style:normal; margin-top:10%;transition:all 0.3s; cursor:pointer;}
.banner2_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto{animation-delay:1s;}
.banner4_one{ width:100%;text-align:center; color:#011a3a;margin-top:10%; font-weight:900}
.banner4_one h2{ font-weight:normal; margin-bottom:1%;margin-top:20%;opacity:0;filter:Alpha(opacity=0); -webkit-text-stroke: 2px #fff;font-family: "字魂105号-简雅黑";}
.banner4_one p{ color:#011a3a;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0); }
.banner4_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #000; border-radius:30px; font-size:16px; text-indent:50px; background:url(../images/i_bg10.png)  138px center no-repeat; font-style:normal; margin-top:6%;transition:all 0.3s; cursor:pointer;}
.banner4_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto{animation-delay:1s;}
/*轮播图按钮滑轮*/
.index-waper-box{position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d;}
.index-back-box{height:100px;background:0 0;width:1440px;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0,0,0);transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;}
.index-back-box.active{background:url(../images/i_banner_bg.png) left bottom repeat-x}
/*左右按钮及hover效果*/
.index-back-box .sub-arrows{position:absolute;left:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0}
.index-back-box .sub-arrows i.icom{display:inline-block;vertical-align:top;width:60px;height:40%;cursor:pointer;position:relative}
.index-back-box .sub-arrows i.next:before,.index-back-box .sub-arrows i.prev:before{content:'';display:inline-block;position:absolute;top:42%;width:13px;height:22px;background-image:url(../images/sub-arrows.png);background-position:0 0;background-repeat:no-repeat}
.index-back-box .sub-arrows i.prev:before{background-position:0 0;left:-7px}
.index-back-box .sub-arrows i.next:before{background-position:-14px 0;left:24px}
.index-back-box .sub-arrows i.icom:after{position:absolute;content:'';left:0;top:28px;width:30px;height:2px;background-color:#fff;transform:scale(0,1);transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute;left:9px}
.index-back-box .sub-arrows i.icom.next font{position:absolute;left:6px}
.index-back-box .sub-arrows i:hover:after{transform:scale(1,1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px}
/*中间鼠标图标*/
.index-back-box .sub-mouse{width:70%;height:43px;position:absolute;top:20px;left:15%;cursor:pointer;z-index:1;zoom:.7;}
.index-back-box .sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
.index-back-box .sub-mouse span{text-align:center;display:block;position:relative;width:50%;height:100%;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
/*优势*/
.i_bg{background-color:#f5f5f5;overflow:hidden}
.i_one{background-color:#fff;overflow:hidden;height:316px;margin:0 auto;margin-bottom:32px}
.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px}
.i_service_t h2{height:66px;line-height:66px;font-size:40px;color:#000;font-weight:400;letter-spacing:1px;font-family:"华文细黑"}
.i_service_t p{font-size:18px}
.advantage{text-align:center;overflow:hidden}
.num_box{width:20%;float:left;height:124px;background:url(../images/i_one_bg1.png) right center no-repeat}
.num_box:last-child{background:0 0}
.num_box .num{font-weight:700;color:#c00000;font-family:"华文细黑";font-weight:400;font-size:60px;width:100%;height:70px;line-height:70px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin-top:10px}
.num_box h3{font-size:16px;color:#333;font-weight:400;line-height:30px}

/*第一部分*/
.block h2.title{font-size: 30px;color: #333333;padding-bottom: 8px;position: relative;text-align: center; }
.block p.sub-title{font-size: 14px;color: #999999;text-align: center;}
.block h2.title:after{display: block;content: "";position: absolute;width: 70px;height: 3px;background: #c00000;bottom: -30px;left: 50%;transform: translateX(-50%);}
/*效益*/
.benefit{width: 100%;height: auto;overflow: hidden;text-align: center;}
.benefit h2.title{padding-top: 125px;}
.benefit .items{width: 100%;height: auto;overflow:hidden;padding: 85px 0 100px 0;}
.benefit .items ul{display: flex;justify-content: center;}
.benefit .items ul li{width: 275px;height: auto;overflow: hidden;margin: 0 25px;text-align: center;transition: all .3s;}
.benefit .items ul li:hover{transition: all .3s;transform: translateY(-5px);}
.benefit .items ul li p.title{font-size: 20px;color: #333333;padding: 30px 0 15px 0;}
.benefit .items ul li p.desc{font-size: 16px;color: #333333;line-height: 30px;}
/*第二部分*/
.gongneng_main{height: 785px;width: 1400px;margin: 0 auto;}
.Small_tedian_tit{text-align:center;font-size: 32px;color:#333;padding-top: 95px;padding-bottom: 40px;}
.gongneng_tab{width: 200px;height: 45px;border-radius: 25px;border:1px solid #f3f3f3;margin: 0 auto; box-shadow: 0px -2px 2px #e8e6e6;margin-bottom: 80px;}
.gongneng_tabmin{width: 392px;margin: 0 auto;overflow: hidden;padding: 5px 0;}
.gongneng_click{cursor: pointer; width: 35px;height: 35px;margin: 0 7px;float: left;text-align: center; position: relative;}
.gongneng_click b{font-weight: 400; position: relative; z-index: 2; color: #555;line-height: 35px;font-size: 20px;transition: all .5s ease;}
.gongneng_click i{position: absolute; width:0; height:0; left:50%; top:50%; background-color:#e84c4c;box-shadow: 0 3px 10px #e84c4c;border-radius: 50%; z-index: 1;transition: all .2s ease;}
.gongneng_click.cur b{color:#fff;}
.gongneng_click.cur i{ width: 100%; height: 100%; left:0; top:0;}
.gongneng_tabcon{overflow: hidden;display: none;}
.gongneng_left1{width: 40%;height: 354px;float: left;margin-left: 150px;margin-right: 130px;}
.gongneng_right1{width: 30%;overflow: hidden;}
.gongneng_right1 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right1 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right1 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left2{width: 35%;height: 358px;overflow: hidden;}
.gongneng_right2{float: left;margin-left: 220px;margin-right: 130px;}
.gongneng_right2 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right2 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right2 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left3{width: 45%;height: 364px;float: left;margin-left: 190px;margin-right: 70px;}
.gongneng_right3{overflow: hidden;}
.gongneng_right3 b{font-size: 90px;display: block;color: #ededed;margin-top: 55px;padding-bottom: 20px;}
.gongneng_right3 em{font-size: 24px;display: block;color: #555;padding-bottom: 15px;}
.gongneng_right3 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left4{width: 30%;height: 347px;float: right;margin-right: 120px;}
.gongneng_right4{float: left;margin-left: 220px;margin-right: 130px;}
.gongneng_right4 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right4 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right4 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left5{width: 550px;height: 362px;float: left;margin-left: 160px;margin-right:110px;}
.gongneng_right5{overflow: hidden;}
.gongneng_right5 b{font-size: 90px;display: block;color: #ededed;margin-top: 55px;padding-bottom: 20px;}
.gongneng_right5 em{font-size: 24px;display: block;color: #555;padding-bottom: 15px;}
.gongneng_right5 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left6{width: 550px;height: 342px;float: right;margin-right: 50px;}
.gongneng_right6{float: left;margin-left: 220px;margin-right: 130px;}
.gongneng_right6 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right6 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right6 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left7{width: 305px;height: 348px;float: left;margin-left: 230px;}
.gongneng_right7{float: right;margin-right: 280px;}
.gongneng_right7 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right7 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right7 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
/*动画*/
.fadeInRight {animation:fadeInRight 1s}
@keyframes fadeInRight {0% {opacity: 0;transform: translateX(20px)}100% {opacity: 1;transform: translateX(0)}}
.fadeInLeft {animation:fadeInLeft 1s}
@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-20px)}100% {opacity: 1;transform: translateX(0)}}


/*第三部分*/
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */
.aui-main {
    width: 1000px;
    min-height: 50px;
    margin: 0 auto;
}

.aui-section-box {
    padding: 90px 0;
}

.aui-section-box .aui-section-header {
    text-align: center;
}

.aui-section-header-title {
    text-align: center;
    color: #383838;
    font-size: 34px;
    line-height: 1.5;
}

.aui-summary {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #9b9ba3;
}

.aui-summary a {
    line-height: 1;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; margin: 0 5px;
    padding: 0;
    font-size: 16px;
    color: #c00000;
    background-color: #fff;
    border: 0;
}

.aui-summary-tag {
    margin-left: -5px;
    margin-right: -8px;
}

.aui-section-box .aui-section-body {
    position: relative;
    margin: 145px auto 50px;
    height: 486px;
    background: url(../images/main-bg.png) no-repeat center;
    background-size: auto 486px;
    background: url(../images/main-bg.png) no-repeat center\9;
}

.aui-section-box .aui-section-list .aui-section-list-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 5px;
    transition: 0.5s;
}

.aui-section-box .aui-section-list .aui-section-list-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 5px;
    transition: 0.5s;
}

.aui-section-box .aui-section-list .aui-section-list-item .obj {
    position: absolute;
    top: 0;
    width: 150px;
    transition: 0.5s;
    z-index: 1;
}

.aui-section-box .aui-section-list .aui-section-list-item .shadow {
    position: absolute;
    width: 150px;
    left: 0;
    top: 76px;
    opacity: 1;
    transition: 0.5s;
    z-index: 0;
}

.i-process .btn.cur .obj {
    top: -20px;
    transition: 0.65s;
}

.i-process .btn.cur .shadow {
    opacity: 1;
    transition: 0.65s;
    transform: scale(0.8,0.8);
}

.aui-section-box .aui-section-list .aui-section-list-item.one {
    left: 18px;
    top: 80px;
}

.aui-section-box .aui-section-list .aui-section-list-item.two {
    left: 262px;
    top: -80px;
}

.aui-section-box .aui-section-list .aui-section-list-item.three {
    left: 590px;
    top: -80px;
}

.aui-section-box .aui-section-list .aui-section-list-item.four {
    left: 262px;
    top: 230px;
}

.aui-section-box .aui-section-list .aui-section-list-item.five {
    left: 590px;
    top: 230px;
}

.aui-section-box .aui-section-list .aui-section-list-item.six {
    left: 840px;
    top: 80px;
}

.aui-section-list ul li:first-child {
    margin-left: 20px;
}

.aui-section-list ul li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; vertical-align: top;
    margin-left: 68px;
    font-size: 20px;
    line-height: 28px;
    color: #373d40;
    cursor: pointer;
    padding-bottom: 20px;
}

.aui-section-list ul .on {
    color: #c00000;
    border-bottom: 4px solid #c00000;
}

.aui-section-info {
    text-align: center;
    border-top: 1px solid #ececec;
}

.aui-section-info ul {
    padding: 30px 0;
    display: none;
}

.aui-section-info ul li dl {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; }

.aui-section-info ul li dl dd {
    float: left;
    margin-left: 66px;
}

.aui-section-info ul li dl dd:first-child {
    margin-left: 0;
}

.icon-icon {
    float: left;
    padding-top: 5px;
}

.icon-icon img {
    height: 32px;
    border: none;
    display: block;
}

.icon-main {
    padding-left: 10px;
    overflow: hidden;
    text-align: left;
}

.icon-title {
    font-size: 16px;
    color: #373d40;
    line-height: 1.5;
}

.icon-text {
    font-size: 12px;
    color: #a6a8ae;
    line-height: 1.5;
}

.icon-main-top {
    padding-top: 10px;
}

.aui-section-tab {
    height: 150px;
}
/*第四部分*/
.card-fouth{padding:62px 0 88px;background:rgba(246,246,246,.31)}
.card-fouth .sub-title{margin-bottom:32px;text-align:center;font-size:40px;color:#333}
.card-fouth .desc.desc-list{font-size:0;color:#3a3a3a;font-weight:200;width:1000px;margin:0 auto;margin-bottom:45px;white-space:nowrap;overflow:hidden;text-align:center}
/*顶部分类*/
.card-fouth .industry{font-size:20px;color:#999;padding:15px 0;display:inline-block;border-bottom:1px solid hsla(0,0%,85%,.4);width:120px}
.card-fouth .industry.first{padding-left:0}
.card-fouth .industry.last{padding-right:0}
.card-fouth .industry.active{padding-bottom:14px}
.card-fouth .industry span{font-family:PingFang SC;font-weight:400}
.card-fouth .industry.active span{font-size:28px;font-weight:700;color:#c00000;border-bottom:5px solid #c00000;padding-bottom:5px;font-weight:500}
/*内容*/
.card-fouth .case-container{position:relative;width:1000px;margin:0 auto;height:480px}
.card-fouth .case-panel{position:absolute;z-index:1;opacity:0;overflow:hidden;padding-left:35px}
.card-fouth .case-panel.active{z-index:100;opacity:1;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
.card-fouth .case-preview{display:inline-block;width:576px;position:relative;top:28px;left:-60px;z-index:200}
/*内容左侧*/
.card-fouth .case-left{display:inline-block;vertical-align:top}
.card-fouth .case-left img{width:365px}
.card-fouth .phone-framework{z-index:102;position:relative}
.card-fouth .case-left .phone-image-cover{position:absolute;width:197px;height:426px;top:30px;left:70px;z-index:101;background-color:rgba(0,0,0,.6);text-align:center;display:block}
.card-fouth .case-left .phone-image-cover img{width:118px;margin-top:150px;z-index:103}
.card-fouth .case-left .phone-image-cover div{margin-top:10px;color:#ffffff;font-size:13px}
.card-fouth .case-left .phone-image-cover.hidden{display:none}
.card-fouth .case-left .phone-image{position:absolute;width:197px;top:30px;left:70px;z-index:1;opacity:0}
.card-fouth .case-left .phone-image.active{z-index:100;opacity:1;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
/*内容右侧*/
.card-fouth .case-head{font-size:43px;color:#242424;margin-bottom:20px;font-weight:500}
.card-fouth .case-text{font-size:18px;color:#141414;padding-bottom:22px;height:107px}
.card-fouth .case-content{width:576px;margin-top:10px}
.card-fouth .case-icon-list{font-size:0;width:576px}
.card-fouth .case-icon-list img{margin-top:35px;margin-right:30px;display:inline-block;width:117px;border-radius:20px}
.card-fouth .case-content img{margin-top:15px;width:576px;height:1px;opacity:0.3}
.card-fouth .case-icon-list .image-hover{width:75px;box-shadow: 2px 2px 2px #b5b5b5;}
.card-fouth .case-icon-list img.active{border:1px solid #f3f3f3;box-shadow: 2px 2px 2px #b5b5b5;}
.card-fouth .case-icon-list img.last{margin-right:0}
.card-fouth .industry-tab-line{height:2px;background:#2267fa;top:164px;position:absolute;-webkit-transition:all .3s;transition:all .3s}
/*第五部分*
/* 必要布局样式css */
.service-content {
    padding: 45px 10px 50px;
    background: #f7f8fa;
    position: relative;
    overflow: hidden;
}

.service-box {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.service-title h3 {
    text-align: center;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
    font-size: 24px;
}

.service-info {
    font-size: 18px;
    text-align: center;
}

.service-info p {
    color: #333;
}

.service-info a {
    display: block;
    margin: 15px auto 0;
    font-size: 14px;
    color: #00a4ff;
}

.service-info a:hover {
    text-decoration: underline;
}

.service-title {
    margin-bottom: 30px;
}

.service-list {
    -webkit-box-shadow: rgba(0,0,0,.1) 0 0 5px;
    box-shadow: rgba(0,0,0,.1) 0 0 5px;
    margin-top: 50px;
    font-size: 0;
    background-color: #fff;
    text-align: center;
}

.service-list ul {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.service-list ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 16.6666%;
    position: relative;
    border-right: 1px solid #f5f6f7;
}

.service-list ul li a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 20px 0 25px;
    height: 100%;
}

.service-list ul li a h4 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
}

.service-list-bj {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
}

.service-list-bj img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
}

.active-img {
    opacity: 0;
}

.service-list ul li:hover .active-img {
    opacity: 1
}

.service-list ul li:hover h4 {
    color: #c00000;
}

.service-animation-bg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    z-index: 1;
    opacity: .07;
    font-size: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: bgScroll 24s infinite linear;
    animation: bgScroll 24s infinite linear;
    will-change: transform;
}

.service-animation-group {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    min-height: 280px;
}

.service-item {
    height: 80px;
    margin: 0 50px 50px;
    display: inline-block;
    vertical-align: middle;
    line-height: 80px;
    -webkit-filter: grayscale(100%);
    -webkit-filter: gray;
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.service-item.item001 {
    width: 300px;
    height: 57px;
    background-image: url(../images/logo-bj.png);
    background-position: 0px -232px
}

.service-item.item002 {
    width: 300px;
    height: 81px;
    background-image: url(../images/logo-bj.png);
    background-position: 0px 0px;
}

.service-item.item003 {
    width: 150px;
    height: 57px;
    background-image: url(../images/logo-bj.png);
    background-position: -96px -291px;
}

.service-item.item004 {
    width: 300px;
    height: 79px;
    background-image: url(../images/logo-bj.png);
    background-position: 0px -83px;
}

.service-item.item005 {
    width: 94px;
    height: 94px;
    background-image: url(../images/logo-bj.png);
    background-position: 0px -291px;
}

.service-item.item006 {
    width: 103px;
    height: 55px;
    background-image: url(../images/logo-bj.png);
    background-position: 0px -387px;
}

.service-item.item007 {
    width: 220px;
    height: 81px;
    background-image: url(../images/logo-bj.png);
    background-position: -302px 0px;
}

.service-item.item008 {
    width: 72px;
    height: 72px;
    background-image: url(../images/logo-bj.png);
    background-position: 0px -444px;
}

.service-item.item009 {
    width: 300px;
    height: 66px;
    background-image: url(../images/logo-bj.png);
    background-position: 0px -164px;
}

.service-item.item010 {
    width: 216px;
    height: 35px;
    background-image: url(../images/logo-bj.png);
    background-position: -248px -291px;
}

.service-item.item011 {
    width: 177px;
    height: 32px;
    background-image: url(../images/logo-bj.png);
    background-position: -96px -350px;
}

.service-item.item012 {
    width: 178px;
    height: 53px;
    background-image: url(../images/logo-bj.png);
    background-position: -302px -232px;
}

.service-item.item013 {
    width: 200px;
    height: 58px;
    background-image: url(../images/logo-bj.png);
    background-position: -302px -170px;
}

.service-item.item014 {
    width: 190px;
    height: 85px;
    background-image: url(../images/logo-bj.png);
    background-position: -302px -83px;
}

@-webkit-keyframes bgScroll {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-33.333%);
        transform: translateY(-33.333%)
    }
}

@keyframes bgScroll {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-33.333%);
        transform: translateY(-33.333%)
    }
}
/*倒二部分*/
/* 必要布局样式css */
.free-content{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 394px;
    padding: 45px 10px 50px;
    background-size: cover;
    position: relative;
}
.free-inner{
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.free-title{
    margin-bottom: 40px;
}

.free-title h3{
    text-align: center;
    font-size:24px;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
}

.free-text{
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
}

.free-text a{
    color: #c00000;
}

.free-button{
    text-align: center;
    padding-top: 35px;
}
.free-button a{
    min-width: 140px;
    padding: 0 20px;
    background-color: #c00000;
    color: #fff;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
    width: 220px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

.free-button a:hover {
    background-color: #0092ee;
}

.free-background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/free001.jpg) top center no-repeat #f7f8fa;
    background-size: cover;
}

.free-content .free-background {
    background-image: url(../images/free002.png);
}
/*底部*/
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.w1200:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	clear: both;
}
.bottom .register {
	background: url(../images/foot_sgin.jpg) no-repeat center top;
	height: 160px;
	padding-top: 70px;
	color: #fff;
}

.bottom .register h2 {
	text-align: center;
	font-size: 24px;
}

.bottom .register a {
	display: block;
	width: 170px;
	height: 45px;
	line-height: 44px;
	color: #fff;
	background: #14A8FF;
	border-radius: 5px;
	margin: 30px auto;
	font-size: 18px;
	text-align: center;
}

.bottom .footer {
	padding-top: 50px;
	background: #222;
}

.bottom .footer .w1200 {
	padding: 0 10px
}

.bottom .footer .footer_top ul li {
	float: left;
	width: 278px;
	height: 78px;
	line-height: 78px;
	border: 1px solid #333;
	text-indent: 98px;
	color: #aaaaaa;
	margin-right: 20px;
}

.bottom .footer .footer_top ul li:last-child {
	margin-right: 0;
}

.bottom .footer .footer_top:after,
.bottom .footer .footer_down:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.bottom .footer .footer_top ul li:nth-child(1) {
	background: url(../images/foot_icon1.png) no-repeat 34px center;
}

.bottom .footer .footer_top ul li:nth-child(2) {
	background: url(../images/foot_icon2.png) no-repeat 34px center;
}

.bottom .footer .footer_top ul li:nth-child(3) {
	background: url(../images/foot_icon3.png) no-repeat 34px center;
}

.bottom .footer .footer_top ul li:nth-child(4) {
	background: url(../images/foot_icon4.png) no-repeat 34px center;
}

.bottom .footer .footer_tel {
	border-bottom: 1px solid #333;
	height: 90px;
	margin: 0 auto;
	width: 1180px;
	padding-top: 30px;
	color: #aaa;
}

.bottom .footer .footer_tel .tel {
	float: left;
	font-size: 16px;
	width: 180px;
	height: 65px;
	background: url(../images/foot_icon5.png) no-repeat 30px 0;
	padding-left: 100px;
}

.bottom .footer .footer_tel ul li {
	height: 90px;
	line-height: 60px;
	display: inline-block;
	padding: 0 20px;
}

.bottom .footer .footer_tel ul li:first-child {
	padding-left: 0;
}

.bottom .footer .footer_down {
	padding-top: 50px;
}

.bottom .footer .footer_down .left {
	float: left;
	width: 450px;
	padding-right: 20px;
}

.bottom .footer .footer_down .left h3,
.bottom .footer .footer_down .flink h3 {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}

.bottom .footer .footer_down .left p,
.bottom .footer .footer_down .flink p {
	font-size: 14px;
	padding-top: 20px;
}

.bottom .footer .footer_down .left p a,
.bottom .footer .footer_down .flink p a {
	font-size: 14px;
	color: #888;
	margin: 0 20px 15px 0;
	white-space: nowrap;
	display: inline-block;
}

.bottom .footer .footer_down .left p a:hover,
.bottom .footer .footer_down .flink p a:hover {
	color: #fff;
}

.bottom .footer .footer_down .flink {
	float: left;
	width: 120px;
	padding-right: 20px;
}

.bottom .footer .footer_down .right {
	float: right;
}

.bottom .footer .footer_down .right ul li {
	float: left;
	width: 120px;
	height: 150px;
	margin-right: 40px;
	text-align: center;
}

.bottom .footer .footer_down .right ul li:last-child {
	margin-right: 0;
}

.bottom .footer .footer_down .right ul li h3 {
	color: #888;
	padding-top: 15px;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
}

.bottom .footer .footer_copyright {
	padding: 30px 0;
}

.bottom .footer .footer_copyright p {
	line-height: 30px;
	color: #888;
	font-size: 14px;
}

.bottom .footer .footer_copyright p.beian a {
	color: #888;
	padding-right: 20px;
	display: inline-block;
}

.bottom .footer .footer_copyright p.beian a img {
	vertical-align: middle;
}
/*客服*/
.suspension {
    width: 46px;
    height: 210px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 999;
}

.suspension .consult {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center -1px;
    background-color: #e8373d;
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
}

.suspension .consult .suspension-list {
    position: absolute;
    width: 240px;
    right: -29px;
    top: -230px;
    z-index: 30;
    display: none;
}

.suspension-list-content {
    position: absolute;
    width: 240px;
    right: 85px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
}

.suspension-list ul {
    margin: 32px 24px;
}

.suspension-list ul li {
    position: relative;
    display: list-item;
    width: 100%;
    height: auto;
    padding: 16px 0;
    margin-top: 10px;
    overflow: hidden;
    border-top: 1px solid #f4f4f4;
}

.suspension-list ul li:first-child {
    padding-top: 0;
    border-top: none;
}

.suspension-list ul .suspension-list-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.suspension-list-bottom .info-value {
    font-size: 12px;
    font-weight: inherit;
    color: #999;
}

.suspension-list ul li:first-child {
    margin-top: 0;
}

.service-phone, .service-qq, .service-proposal {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.service-phone {
    background-image: url(../images/suspend_icon_01.png);
}

.service-phone:hover {
    background-image: url(../images/suspend_icon_01_blue.png)
}

.service-qq {
    background-image: url(../images/suspend_icon_03.png);
}

.service-qq:hover {
    background-image: url(../images/suspend_icon_03_blue.png);
}

.service-proposal {
    background-image: url(../images/suspend_icon_02.png);
}

.service-proposal:hover {
    background-image: url(../images/suspend_icon_02_blue.png)
}

.info-name {
    display: block;
    padding-left: 52px;
    height: 14px;
    font-size: 14px;
    color: #333;
}

.info-value {
    display: block;
    padding-left: 52px;
    margin-top: 8px;
    height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #f90;
}

.suspension a.consult:hover .suspension-list {
    display: inline !important;
}

.suspension .cart {
    background-image: url(../images/top-icon.png);
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    margin-top: 10px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.suspension a.cart:hover .pic {
    display: block;
}

.suspension .back-top {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    margin-top: 10px;
}

.suspension .cart .pic {
    display: none;
    position: absolute;
    left: -139px;
    top: -120px;
    width: 139px;
    height: 163px;
}

.pic-content {
    position: absolute;
    width: 139px;
    height: 163px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background: url(../images/ewm.jpg) center no-repeat;
    right: 10px;
}
/*产品服务*/


.yun-main-hd {
	padding-top: 45px;
	text-align: center
}

.yun-main-hd .yun-main-title {
	line-height: 44px;
	font-size: 32px;
	color: #0989c5
}

.yun-main-hd .yun-main-des {
	margin-top: 10px;
	line-height: 36px;
	font-size: 18px;
	color: #666
}

.yun-main-bd {
	padding-top: 30px
}

.w {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.yun-solution-slider {
	margin-top: 30px
}

.yun-solution-slider-content {
	position: relative
}

.yun-solution-slider-content .yun-solution-wrap {
	position: relative;
	height: 454px;
	height: 457px\0;
	
}

.yun-solution-slider-content .yun-solution-item {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 475px;
	color: #fff;
	background-size: cover!important;
	-webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.yun-solution-slider-content .yun-solution-item.current {
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100)
}

.yun-solution-slider-content .yun-solution-item-content {
	margin: 0 auto;
	padding-top: 130px;
	width: 91.66666666666667%;
	max-width: 1100px
}

.yun-solution-slider-content .yun-solution-text-wrap {
	float: left;
	padding-right: 40px;
	width: 590px
}

.yun-solution-slider-content .yun-solution-text-wrap .yun-solution-btn {
	margin-top: 15px;
	display: inline-block;
	box-sizing: border-box;
	min-width: 70px;
	background: #fff;
	color: #03004c;
	text-align: center;
	padding: 0 30px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	font-size: 14px;
	opacity: .9;
	filter: alpha(opacity=90);
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.yun-solution-slider-content .yun-solution-text-wrap .yun-solution-btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	box-shadow: 0 0 10px 0 rgba(3, 0, 76, .3)
}

.yun-solution-slider-content .yun-solution-title {
	line-height: 44px;
	font-size: 24px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.yun-solution-slider-content .yun-solution-title em {
	font-size: 28px
}

.yun-solution-slider-content .yun-solution-des {
	margin-top: 15px;
	max-height: 120px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px
}

.yun-solution-slider-content .yun-solution-logo-wrap {
	float: left;
	margin-left: 40px;
	width: 420px;
	max-height: 230px;
	overflow: hidden;
	font-size: 0
}

.yun-solution-slider-content .yun-solution-logo-wrap:after {
	content: "";
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.yun-solution-slider-content .yun-solution-logo-list {
	display: inline-block
}

.yun-solution-slider-content .yun-solution-logo-list li {
	display: inline-block;
	margin-top: 40px;
	width: 33%;
	vertical-align: middle;
	text-align: left
}

.yun-solution-list-wrap {
	position: relative;
	height: 132px;
	overflow: hidden
}

.yun-solution-list-wrap:hover .yun-solution-btn {
	display: block
}

.yun-solution-list-wrap .yun-solution-btn {
	display: none;
	position: absolute;
	top: 60px;
	width: 40px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 40px;
	color: #0989c5;
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.yun-solution-list-wrap .yun-solution-btn:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.yun-solution-list-wrap .yun-solution-btn.disabled {
	display: none
}

.yun-solution-list-wrap .yun-solution-btn-prev {
	left: 0
}

.yun-solution-list-wrap .yun-solution-btn-next {
	right: 0
}

.yun-solution-list {
	padding-top: 35px;
	text-align: center;
	font-size: 0
}

.yun-solution-list .yun-solution-list-item {
	display: inline-block;
	vertical-align: top;
	width: 12.5%;
	text-align: center;
	font-size: 14px;
	cursor: pointer
}

.yun-solution-list .img-wrap {
	margin: 0 auto;
	width: 42px;
	height: 42px;
	overflow: hidden;
	background-size: 42px;
	background-position: 0 0
}

.yun-solution-list .yun-solution-text {
	margin-top: 15px;
	line-height: 20px;
	color: #0989c5
}

.yun-arrow-wrap {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	display: table;
	width: 100%;
	height: 18px;
	overflow: hidden
}

.yun-arrow-wrap .yun-arrow-item {
	display: table-cell;
	position: relative;
	width: auto;
	background-color: #fff
}

.yun-arrow-wrap .yun-arrow-triangle {
	width: 1200px;
	height: 17px;
	background-color: transparent
}

.yun-arrow-wrap .yun-arrow-triangle:after,
.yun-arrow-wrap .yun-arrow-triangle:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 50%;
	box-sizing: border-box
}

.yun-arrow-wrap .yun-arrow-triangle:before {
	right: 50%;
	border-bottom: 18px solid #fff;
	border-right: 22px solid transparent
}

.yun-arrow-wrap .yun-arrow-triangle:after {
	left: 50%;
	border-bottom: 18px solid #fff;
	border-left: 22px solid transparent
}

.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {
	right: 94%
}

.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {
	left: 6%;
	width: 94%
}

.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {
	right: 81%
}

.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {
	left: 19%;
	width: 81%
}

.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {
	right: 69%
}

.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {
	left: 31%;
	width: 69%
}

.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {
	right: 56%
}

.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {
	left: 44%;
	width: 56%
}

.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {
	right: 44%;
	width: 56%
}

.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {
	left: 56%
}

.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {
	right: 31%;
	width: 69%
}

.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {
	left: 69%
}

.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:before {
	right: 19%;
	width: 81%
}

.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:after {
	left: 81%
}

.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:before {
	right: 6%;
	width: 94%
}

.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:after {
	left: 94%
}