﻿@charset "utf-8";
.l{float:left}

.vikwx_nav li{position:relative}
.vikwx_nav li.m{float:left;text-align:center;}
.vikwx_nav .m.on a.mmm{color:#f3782a}
.vikwx_nav a.mmm{height:60px;display:block;font-size:14px;color:#fff;line-height: 60px;padding: 0px 15px;}

.mmm:after{content: '';width: 0;height: 3px;background-color: #f66f6a;
    position: absolute;bottom: 0px;left: 0;transition: all 0.6s;z-index: 1;border-radius: 2px 2px 0 0;}  
.vikwx_nav ul li:hover .mmm:after{width: 100%;}

/*二级导航*/
.vikwx_nav .sub{display:none;width:100%;padding:0;position:fixed;top:100px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#f5f5f5}
/*.vikwx_nav .sub .vikwx_nav_xiao{width:1100px;overflow:hidden;margin:0 auto}*/
/*.vikwx_nav .sub .vikwx_nav_xiao.max1100{max-width:1100px}*/
/*二级导航-网站建设*/
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one{overflow:hidden;padding-top:40px;padding-bottom:40px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li{float: left; overflow:hidden;text-align:center}
.vikwx_nav .sub .vikwx_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}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li:last-child a{border-right:0}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a:hover{color:#f67524}
.vikwx_nav .sub .vikwx_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}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a i.bgs1{background-position:-720px top}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a i.bgs2{background-position:left top}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a i.bgs3{background-position:-360px top}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a i.bgs4{background-position:-1088px top}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a:hover i{background-image:url(../images/top_pic1.png)}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a:hover i.bgs1{background-position:-720px bottom}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a:hover i.bgs2{background-position:left bottom}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a:hover i.bgs3{background-position:-360px bottom}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li a:hover i.bgs4{background-position:-1088px bottom}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li p{font-size: 14px;line-height: 25px;text-align: center;color: #000; }
.vikwx_nav .sub .vikwx_nav_xiao .xiao_one ul li:hover p{color:#f67524}
/*二级导航-关于我们*/
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.vikwx_nav .sub .vikwx_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}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two ul li:last-child a{border-right:0}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two ul li a:hover{color:#f67524}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two img{float:left;margin-right:25px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:400;letter-spacing:1px;line-height:36px}
.vikwx_nav .sub .vikwx_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}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_two ul li a:hover i{background-color:#f67524;margin-top:5px}
/*二级导航-新闻动态*/
.vikwx_nav .sub .vikwx_nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:60px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_three ul li{overflow:hidden;text-align:center;position:inherit;line-height:56px;background-color:#fff}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_three ul li:last-child{margin-right:0}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .3s}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_three ul li a:hover{color:#f67524}
/*二级导航-解决方案*/

/*解决方案左边*/
.vikwx_nav .sub .vikwx_nav_xiao .xiao_four{padding-top: 25px;padding-bottom: 35px;}
.xiao_four_box h3{font-size: 16px;line-height: 35px;color: #000;font-weight: bold;}
.xiao_four_box{border-right:1px #ddd solid;}
.xiao_four_box:nth-child(3){border-right: 0px;}
.xiao_four_box_bd p a,.xiao_four_boxcl p a,.xiao_four_boxcr p a{font-size: 12px;line-height: 30px;color: #858585;}
.xiao_four_box_bd p a:hover,.xiao_four_boxcl p a:hover,.xiao_four_boxcr p a:hover{color: #f67524;}

/*二级导航-成功案例左*/
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five{overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five img{width:391px;height:259px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}
/*二级导航-成功案例右*/
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2{float:right;text-align:left;margin-top:71px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2 a{text-align:left;float:left;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:22px;transition:all .3s}
.vikwx_nav .sub .vikwx_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}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2 a:hover{color:#f67524}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2 a:hover i{background-color:#f67524}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2 a i.bgs1{background-position:9px 8px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2 a i.bgs2{background-position:-233px 8px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2 a i.bgs3{background-position:9px -72px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2 a i.bgs4{background-position:-233px -72px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2 a i.bgs5{background-position:9px -152px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_five2 a i.bgs6{background-position:-233px -152px}
/*二级导航-产品服务*/
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six{overflow:hidden;height:338px;border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6:}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li{height:338px;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li .xiao_six_con{height:338px;overflow:hidden;text-align:left}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li:last-child{border-right:0}
.vikwx_nav .sub .vikwx_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;color: #000;}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li a{float:left;overflow:hidden;height:30px;line-height:30px;font-size:14px;color:#666}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li a:hover{color:#f67524}
.vikwx_nav .sub .vikwx_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:21px;transition:all .3s;clear:both}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li .a.bgs1{background-color:#f67524}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li .a.bgs2{background-color:#248cf6;margin-top:61px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li .a.bgs3{background-color:#1ecc85;margin-top:91px}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li .xiao_six_conx{width: 50%;float: left;}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li .xiao_six_conx h3{font-size: 16px;color:  #444;line-height: 35px;}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li .xiao_six_conx h3 a{float: none;}
.vikwx_nav .sub .vikwx_nav_xiao .xiao_six ul li .xiao_six_conx p{font-size: 12px;line-height: 25px; color:  #878787}
/*xiao_nine_bd*/
.xiao_nine_bd{padding-top: 25px;padding-bottom: 35px;}
.xiao_nine_box{padding-top: 20px;padding-bottom: 15px;}
.xiao_nine_box ul li a{font-size: 13px;line-height: 30px;color: #858585;}
.xiao_nine_box ul li a:hover{color: #f67524;}
.xiao_nine_bd h2{font-size: 18px;line-height: 30px;color: #000;font-weight: bold;}
.xiao_nine_bd h3{font-size: 16px;line-height: 25px;color: #444;}
.xiao_nine_bdb{padding-top:5px;border-top: 1px #ddd solid;margin-top:15px;}
.xiao_nine_bdb p{font-size: 12px;line-height: 25px;color: #000;}
.xiao_nine_bdbx {margin-top: 20px;}
.xiao_nine_bdbx a{display: block;width: 120px;height: 30px;line-height: 30px; border-radius: 4px;background: #1ECC85;color: #fff;font-size: 14px;text-align: center;}
.xiao_nine_bdbx a:hover{color: #fff;}


