@charset "utf-8";
.ml10{margin-left:10px}
.mr10{margin-right:10px}
#main,.full{width:100%;min-width:1190px;}
.animated{}
.slideUp{transform:translateY(-100%)}
.slideDown{transform:translateY(0)}
.mt-60{margin-top:60px;}
#dui_user{margin-top:14px;color:#666;}
.login-before *{font-size:14px;padding-top:5px;display:inline-block;vertical-align:middle;}
.login-before a{margin-left:10px;}
.login-before a:hover{color:#333;}
.login-after .user-status dt img{margin-right:8px;width:32px;height:32px;line-height:32px;border-radius:32px;border:1px solid #ebca10;}
.login-after .user-status dt span{font-size:14px;line-height:28px;color:#666;}
.login-after .user-status dt em{display:block;background:#ff2626;width:8px;height:8px;border-radius:8px;position:absolute;top:0;left:22px;}
.login-after .user-status dd{display:none;padding-top:15px;position:absolute;top:30px;left:0;}
.login-after .user-status dd ul{background:#FFF;width:100px;padding:5px 0;border:1px solid #ebca10;box-shadow:1px 1px 5px #fff;}
.login-after .user-status dd .top-arrow{left:10px;}
.login-after .user-status dd .top-arrow1{top:8px;}
.login-after .user-status dd .top-arrow2{top:9px;}
.login-after .user-status dd li{line-height:24px;padding:0 18px 0 12px;position:relative;}
.login-after .user-status dd li em{background:#f30;color:#fff;font-size:11px;line-height:12px;padding:1px 4px 2px;font-family:Verdana,Geneva,sans-serif;border-radius:12px;position:absolute;top:4px;right:8px;}
.login-after .user-status dd li.user-setup{border-top:1px solid #e7e8e9;padding-top:5px;margin-top:5px;}
.login-after div{margin-left:12px;padding-top:8px;}
.login-after div em{background:#f30;color:#fff;font-size:11px;line-height:12px;padding:1px 4px 2px;position:absolute;right:-6px;top:-3px;font-family:Verdana,Geneva,sans-serif;z-index:1;}
.login-after a.icon{display:block;background:url('../image/user-status-bar-icons.png') no-repeat 0 0;width:16px;height:16px;}
.login-after a.kb-message{background-position:0 0;}
.login-after a.kb-chat{background-position:0 -32px;}
#header .logoBar{background:url('../image/bg-logo.png') no-repeat 0 50%;width:125px;height:60px;overflow:hidden;}
#logo{display:block;width:125px;height:60px;overflow:hidden;}
#logo img{display:none;text-indent:-9999px;}
#nav{width:680px;height:60px;padding-left:5px;position:relative;z-index:10;}
#nav li{margin-left:35px;height:60px;font-size:16px;line-height:60px;overflow:hidden;position:relative;}
#nav li:after{position:absolute;overflow:hidden;height:2px;background:#f1b212;left:50%;right:50%;content:'';top:0;display:block;-webkit-transition:0.2s ease-in 0s;-moz-transition:0.2s ease-in 0s;-ms-transition:0.2s ease-in 0s;-o-transition:0.2s ease-in 0s;transition:0.2s ease-in 0s;opacity:0;}
#nav li:hover:after,#nav li.current:after{left:0;right:0;opacity:1;}
#nav li a,#nav li a:link,#nav li a:visited{float:left;text-shadow:0 1px 1px rgba(0,0,0,0.2);color:#444;cursor:pointer;}
#nav li a:hover,#nav li.current a{color:#000}
#search{width:328px;margin-top:13px;position:relative;z-index:10;}
#kbSearchIpt{background:#fff;width:328px;height:34px;line-height:18px;padding:7px 5px;border:1px solid #ebca10;overflow:hidden;}
#search .sbtn{background:none;width:32px;height:32px;padding:0;border:0 none;cursor:pointer;position:absolute;top:1px;right:1px;color:#666;}
#search .sbtn:hover{color:#000;}
.kb-suggest{background:#fff;border:1px solid #ebca10;width:328px;height:auto;overflow:hidden;position:absolute;top:34px;left:0;z-index:10;}
.kb-suggest li{display:block;overflow:hidden;border-bottom:dotted #ddd 1px;width:100%;height:32px;line-height:32px;padding:0 10px;cursor:pointer;}
.kb-suggest li.hover{background:#f5f5f5;}
.kb-suggest li em{color:#f00}
.kb-suggest li span{font-size:9px;font-family:Arial;}
.topBar{background-color:#FDFDFD;border-bottom:1px solid #E9E9E9;line-height:30px;}
.topBar #kb_user{margin:0;font-size:12px;}
.top-banner{height:310px;margin-top:60px;overflow:hidden;position:relative;}
.top-banner .title,.top-banner .thumb{overflow:hidden;position:absolute;left:50%;bottom:0;}
.top-banner .thumb{margin-left:200px;}
.top-banner .title{background:url("../image/bg_yuan.png") no-repeat;width:895px;height:310px;padding:50px 0 0 160px;*width:735px;*height:260px;margin-left:-745px;}
.top-banner h1,.top-banner p{font-size:14px;color:#fff;width:650px;overflow:hidden;}
.top-banner h1{font-size:40px;font-weight:500;}
.top-banner .cn{margin-top:15px;line-height:25px;}
.top-banner .btnp{margin-top:25px;}
.top-banner .btn_xh{border-color:#fff;padding:6px 20px;}
.top-banner .btn_xh:hover{background:#fff;color:#333;}
.pos{width:100%;color:#999;padding:15px 0;line-height:22px;font-size:14px;}
.pos a{color:#999;font-size:12px;}
.pos a:hover{color:#666;}
.fl, ul.clearfix li, .cldl dt, .cldl dd, .header h3{float: left!important;display: inline;}
.fr,.more{float: right !important;display:inline;}
/*floot-1*/
#top_banner,#top_banner .bd li{width:100%;height:450px;overflow:hidden;position:relative;zoom:1}
#top_banner .sub_1,#top_banner .sub_2,#top_banner .sub_3,#top_banner .sub_4,#top_banner .sub_5{display:block;position:absolute;left:50%}
#top_banner .b1 .sub_1{margin-left:-290px!important;top:-130px}
#top_banner .b1 .sub_2{bottom:-320px;margin-left:-177px!important}
#top_banner .b1 .sub_3{top:100px;margin-left:-571px!important;visibility:hidden;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;transition:all .5s;visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
#top_banner .b1 .sub_3.current{visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
#top_banner .b2 div,#top_banner .b3 div{width:580px;position:absolute;right:50%}
#top_banner .b2 .sub_1{width:378px;top:138px;left:-1000px}
#top_banner .b2 .sub_2{width:735px;height:400px;bottom:-450px}
#top_banner .b3 .sub_1{width:372px;top:138px;left:-1000px}
#top_banner .b3 .sub_2{width:730px;height:400px;bottom:-450px}
#top_banner .hd{bottom:10px;position:absolute;width:100%;text-align:center}
#top_banner .hd li{border-radius:50%;display:inline-block;width:14px;height:14px;background:#ccc;cursor:pointer;margin:0 5px;font-size:0;line-height:0}
#top_banner .hd li.on{background:#fff;box-shadow:0 0 5px #ccc}

/*产品导航*/
.floor-2 {background:#ffffff;background: url(../image/gryddm.jpg) no-repeat 100% 0 #fff;}
.floor-2 .container{padding-top: 70px;margin: 0 auto;}
.floor-2 .container .title{max-width: 1200px;padding-bottom: 30px;margin: 0 auto;font-size: 36px;font-weight: 300;color: #333;text-align: center;}
.floor-2 .container .index-title{font-size: 16px;text-align: center;padding-bottom: 40px;}
.floor-2 .container .index-title h2{font-size: 30px;padding-bottom: 10px;font-weight: 600;font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.floor-2 .container .index-title p{font-size: 16px;color: #888888;margin-bottom: 20px;}

.floor-3{background:#ffffff;}
.cat_chanpin{margin-top: 10px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.web_two_list{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.web_two_list .web-item{position:relative;text-align:center;width:23%;margin:0 1% 3.125vw;padding:0 30px}
.web_two_list .web-item .imgs{line-height:115px}
.web_two_list .web-item .imgs img{max-width:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;cursor:pointer}
.web_two_list .web-item h3{font-size:20px;color:#473288;font-weight:700;line-height:28px;margin-top:20px}
.web_two_list .web-item span{display:block;font-size:14px;color:#222;margin-top:15px;line-height:1.7;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.web_two_list .web-item:first-child{padding:0 30px}
.web_two_list .web-item:hover .imgs img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}


.cat_bg_9,.cat_bg_6, .cat_bg_3{margin-right: 0;}
.index-inco{width: 80px;height: 80px;text-align:center;display: inline-block;justify-content: center;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.cat-1{background: url('../image/jdqc-n.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-top: 5px;height: 60px;width: 60px;}
.cat-2{background: url('../image/mall.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-top: 8px;height: 60px;width: 60px;}
.cat-3{background: url('../image/khal-n.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-top: 5px;height: 60px;width: 60px;}
.cat-4{background: url('../image/mall_m@2x.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-top: -1px;margin-left: -3px;height: 75px;width: 75px;}
.cat-5{background: url('../image/gongzi.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-top: 2px;margin-left: 1px;height: 65px;width: 65px;}
.cat-6{background: url('../image/kaiyuan-2.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-top: 8px;height: 55px;width: 55px;}
.cat-7{background: url('../image/customer9.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-top: 6px;height: 62px;width: 62px;}
.cat-8{background: url('../image/kugl-n.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-top: 5px;height: 55px;width: 55px;}
.cat-9{background: url('../image/pinzheng.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-top: 6px;height: 60px;width: 60px;}
.cat_li:hover{opacity: 1;filter: alpha(opacity=100);}
.cat_li:hover .index-inco{/* margin-top: -3px; */}
.cat_li .btn-wrap{opacity: 0;transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);padding-top: 57px;width: 292px;left: 113px;display: flex;justify-content: center;position: absolute;top: 128px;/* animation: img-downglide ease-in .4s; */-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;}
.btn-red{display: inline-block; vertical-align: middle; text-align: center; color: #fff; border: 0 none; cursor: pointer; margin-right: 15px; border-radius: 0;}
.btn-red-line{height: 38px; width: 128px; border: 1px solid #1f80f9; color: #1f80f9; font-size: 16px; border-radius: 5px; text-align: center; line-height: 38px; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right: 4px;}
.cat_li .btn-wrap .btn-red{font-size: 14px;width: 115px;height: 34px;line-height: 34px;background: linear-gradient(90deg,rgba(31,128,249,1),rgba(93,164,252,1));float: left;background: linear-gradient(90deg, #1f80f9, #5da4fc);background: -moz-linear-gradient(90deg, #1f80f9, #5da4fc);background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1f80f9), color-stop(100%,#5da4fc));background: -webkit-linear-gradient(90deg, #1f80f9, #5da4fc);background: -o-linear-gradient(left, #1f80f9 0%,#5da4fc 100%);background: -ms-linear-gradient(left, #1f80f9 0%,#5da4fc 100%);background: linear-gradient(to right, #1f80f9 0%,#5da4fc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f80f9', endColorstr='#5da4fc',GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);border-radius: 22px;}
.cat_li .btn-wrap .btn-red-line{font-size: 14px;width: 115px;height: 34px;line-height: 34px;border-radius: 0;float: left;border-radius: 22px;}
.cat_li .btn-wrap .btn-red:hover{opacity: .9;border: 0;}
.cat_li .btn-wrap .btn-red-line:hover{background: #fff5f3;}
.cat_li:hover .index-inco{}
.cat_li:hover .cat-img{background: #fde4e4;background: linear-gradient(95deg, #fde4e4 0%, #fdf3f3 100%);}
.cat_li:hover .cat-img i{}
.cat_li:hover .cat-img img{display:none;}
.cat_li:hover h2{}
.cat_li:hover .btn-wrap{opacity: 1;top: 25px;}
.cat_li:hover {box-shadow: 7px 11px 20px 0px rgb(249 249 249 / 10%), -12px -17px 20px 0 #fff6f6, inset 18px 18px 30px #fdf1f1, inset -18px -18px 30px #fdf1f1;}
.cat_li{position:relative;}
.cat_li::before{content: ''; width: 0; height: 2px; background-color: #DB2130; position: absolute; bottom: 0; left: 1px; transition: width 1s ease; -moz-transition: width 1s ease; -webkit-transition: width 1s ease; -o-transition: width 1s ease;}
.cat_li:hover::before{width: 430px;}

.cat_chanpin .more{width: 220px;height: 44px;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;display: block;line-height: 44px;background: #1f80f9;background: linear-gradient(135deg, #1f80f9 0%, rgba(136,184,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f80f9', endColorstr='#5da4fc', GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);text-align: center;color: #fff;transition: all 0.1s;margin: 0 auto;margin-top: 10px;margin-bottom: 60px;font-size: 15px;}
.cat_chanpin .more:hover{background: rgba(240,58,58,1);}


/*建站解决方案*/
.floor-3 .list_three{display: flex;flex-direction: row;justify-content: space-between;width: 1330px;margin: 0 auto;}
.floor-3 .list_three .list{height: 550px;transition: all 0.2s;padding-top: 0;padding-bottom: 30px;box-sizing: border-box;text-align: left;position: relative;width: 317px;float: left;background-color: #fff;margin-right: 20px;border-radius: 8px;}
.floor-3 .list_three .list:last-child{margin-right: 0;}
.floor-3 .list_three .list{-webkit-transition:all 0.3s ease-out;/* Saf3.2+, Chrome */-moz-transition:all 0.3s ease-out;/* FF4+ */-ms-transition:all 0.3s ease-out;/* IE10? */-o-transition:all 0.3s ease-out;/* Opera 10.5+ */transition:all 0.3s ease-out;box-shadow: 0 2px 30px 0 rgba(255, 193, 7, 0.05);}
.floor-3 .list_three .list:hover{margin-top:-10px;}
.floor-3 .list_three .list .bottom{text-align: center;}
.floor-3 .list_three .top{font-size: 20px;font-weight: 600;color: #4F5573;position: absolute;top:25px;left: 25px;}
.floor-3 .list_three .top:after {content: '';position: absolute;width: 31px;height: 4px;background: linear-gradient(90deg, #1f80f9, #5da4fc);bottom: -10px;left: 2px;border-radius: 5px;}
.floor-3 .list_three .top_list{overflow:hidden;padding-left:20px;padding-top:10px;}
.floor-3 .list_three .top_list li img{vertical-align: middle; margin-right: 10px;}
.floor-3 .list_three .top_list li .one{font-size: 16px; font-weight: 400; color: #333333;}
.floor-3 .list_three .top_list li .two{width:210px;margin-left: 31px; font-size: 14px; font-weight: 400; color: #888888; margin-bottom:15px; margin-top:2px;line-height: 200%;}
.floor-3 .list_three .bottom a{font-size: 16px;font-weight: 400;color: #ffffff;line-height: 44px;display: inline-block;width: 180px;height: 44px;background: #1f80f9;background: linear-gradient(135deg, #1f80f9 0%, rgba(136,184,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f80f9', endColorstr='#5da4fc',GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);border-radius: 22px;}

.floor-3 .list_three .list_three_one .sprites_one{background: #FBFCFF url("../image/fa-bg1.jpg") no-repeat right;width: 100%;height:100px;border-radius: 8px 8px 0 0;}
.floor-3 .list_three .list_three_two .sprites_one{background: #FBFCFF url("../image/fa-bg2.jpg") no-repeat right;width: 100%;height:100px;border-radius: 8px 8px 0 0;}
.floor-3 .list_three .list_three_three .sprites_one{background: #FBFCFF url("../image/fa-bg3.jpg") no-repeat right;width: 100%;height:100px;border-radius: 8px 8px 0 0;}
.floor-3 .list_three .list_three_four .sprites_one{background: #FBFCFF url("../image/fa-bg4.jpg") no-repeat right;width: 100%;height:100px;border-radius: 8px 8px 0 0;}
.floor-3 .list_three .bottom a:hover{background: linear-gradient(90deg, rgb(245, 68, 68), rgb(254, 119, 98));}
/*floot-6*/
.floor-6{background: #ffffff;padding-bottom: 40px;}
.floor-6 .container{min-width: 1200px;padding-top: 60px;padding-bottom: 10px;margin: 0 auto;}
.floor-6 .container .title_xh{margin: 0 auto;padding: 0;}
.floor-6 .container .index-title{font-size: 16px;text-align: center;padding-bottom: 28px;}
.floor-6 .container .index-title h2{font-size: 30px;padding-bottom: 10px;font-weight: 600;height: 50px;line-height: 50px;}
.floor-6 .container .index-title p{font-size: 16px;color: #888888;}
.floor-6 .container .xls-notion{position: relative;width: 1200px;padding: 40px 200px 50px 200px;margin: 0 auto;font-size: 16px;line-height: 2;background:#f6faff;overflow: hidden;text-align: left;}
.floor-6 .xls-notion:before{content: '';position: absolute;top: 0;left: 0;width: 10px;height: 10px;border-top: 2px solid #1f80f9;border-left: 2px solid #1f80f9;border-radius: 6px 0 0 0;}
.floor-6 .xls-notion:after{content: '';position: absolute;right: 0;bottom: 0;width: 10px;height: 10px;border-right: 2px solid #1f80f9;border-bottom: 2px solid #1f80f9;border-radius: 0 0 6px 0;}
.floor-6 .xls-notion:hover:before,.floor-6 .xls-notion:hover:after{-webkit-transition:all 0.3s ease-out;/* Saf3.2+, Chrome */-moz-transition:all 0.3s ease-out;/* FF4+ */-ms-transition:all 0.3s ease-out;/* IE10? */-o-transition:all 0.3s ease-out;/* Opera 10.5+ */transition:all 0.3s ease-out;}
.floor-6 .xls-notion:hover:before{border-top: 2px solid #1f80f9;border-left: 2px solid #1f80f9;width: 1198px;height: 260px;border-radius: 6px;}
.floor-6 .xls-notion:hover:after{border-right: 2px solid #1f80f9;border-bottom: 2px solid #1f80f9;width: 1197px;height: 260px;border-radius: 6px;}

/*业务介绍*/
.floor-5 {background:#f4f4f4;}
.floor-5 .container{min-width: 1330px;padding-top: 70px;margin: 0 auto;}
.floor-5 .container .title{max-width: 1200px;padding-bottom: 30px;margin: 0 auto;font-size: 36px;font-weight: 300;color: #333;text-align: center;}
.floor-5 .container .index-title{font-size: 16px;text-align: center;padding-bottom: 40px;}
.floor-5 .container .index-title h2{font-size: 30px;padding-bottom: 10px;font-weight: 600;font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.floor-5 .container .index-title p{font-size: 16px;color: #888888;margin-bottom: 20px;}
.cloud-product-box{}
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;padding: 20px 0 40px;}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#1f80f9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-left:12px;width:212px;height:522px;float:left;background:#fff;margin-bottom: 20px;}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height: 522px;}
.empty-space{width:100%;/* height: 105px; */padding: 25px 0 25px 0;overflow: hidden;text-align: center;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}

.server-header-01,.server-header-02,.server-header-03,.server-header-04,.server-header-05{color: #1f80f9;font-size:50px!important;}
.server-header-active-01,.server-header-active-02,.server-header-active-03,.server-header-active-04,.server-header-active-05{color:#ffffff;font-size:60px!important}
.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center;overflow: hidden;}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:14px;font-size:14px;text-align:center;color:#999;overflow: hidden;}
.product-introduce-list{margin:0 auto;padding-top:28px;    padding-bottom: 15px;/* height: 145px; */width:84%;border: 1px solid #f1ebeb;border-left:none;border-right:none;overflow: hidden;}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center}
.product-introduce-price{margin:48px auto 0;/* height: 50px; *//* line-height: 50px; */font-size:14px;text-align:center;color:#333;overflow: hidden;}
.price-blue{color: #1f80f9;font-size:38px;}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height: 562px;display: none;}
.active-inner-01{background-color:#1f80f9;}
.active-inner-02{background-color:#1f80f9;}
.active-inner-03{background-color:#1f80f9;}
.active-inner-04{background-color:#1f80f9;}
.active-inner-05{background-color:#1f80f9;}
.active-inner-01,.active-inner-02,.active-inner-03,.active-inner-04,.active-inner-05{background:url(../image/fuwu_bg.png);background-repeat : repeat-x;background: -webkit-linear-gradient(#ff9600,#1f80f9); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#ff9600,red); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#ff9600,red); /* Firefox 3.6 - 15 */background: linear-gradient(#ff9600,#1f80f9); /* 标准的语法（必须放在最后） */}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);transition: all 0.25s ease 0s;-webkit-transform: all 0.25s ease 0s;}
.cloud-product-ul li.active{z-index:9;width:304px;height: 562px;margin-top: -20px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2);margin-bottom: 0;}
.active .product-introduce-content{color: #fbfdff;}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:22px;border-color: #ec9797;}
.introduce-list-large{margin:0 auto;width:228px;line-height:22px;color: #ffffff;font-size:14px;height: 110px;overflow: hidden;}
.active .product-introduce-price{margin-top: 35px;color:#fefeff;}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin: 40px auto 0;width: 50%;height:40px;line-height:40px;background-image: linear-gradient(180deg,#f1e9a5 0,#d6bd70 100%);background-color: #efa53c;color: #b90000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;overflow: hidden;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;font-size: 14px;}
.buy-link-btn:hover{background-image: linear-gradient(180deg,#dad8c7 0,#FFC107 100%);background-color:#f80;color: #1f80f9;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}

/*xin模板介绍*/
.floor-5 .list_one{padding-bottom: 65px;}
.floor-5 .list_one li{width: 424px;height: 480px;float: left;margin-right: 29px;box-shadow: 0px 5px 10px 0px rgba(135, 135, 135, 0.1);border-radius: 5px 5px 0px 0px;background-color: #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.floor-5 .list_one li:hover{margin-top: -10px;box-shadow:0px 10px 40px 0px rgba(135,135,135,0.15);}
.floor-5 .list_one li .li_header{height: 120px;background: rgba(244,112,78,1);background: -moz-linear-gradient(45deg, rgba(244,112,78,1) 0%, rgba(227,32,65,1) 100%);background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(244,112,78,1)), color-stop(100%, rgba(227,32,65,1)));background: -webkit-linear-gradient(45deg, rgba(244,112,78,1) 0%, rgba(227,32,65,1) 100%);background: -o-linear-gradient(45deg, rgba(244,112,78,1) 0%, rgba(227,32,65,1) 100%);background: -ms-linear-gradient(45deg, rgba(244,112,78,1) 0%, rgba(227,32,65,1) 100%);background: linear-gradient(45deg, rgba(244,112,78,1) 0%, rgba(227,32,65,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4704e', endColorstr='#e32041', GradientType=1 );border-radius: 8px 8px 0px 0px;padding-top: 20px;box-sizing: border-box;text-align: center;}
.floor-5 .list_one li .li_header .text_top{font-size: 26px;font-weight: 600;color: #ffffff;line-height: 53px;}
.floor-5 .list_one li .li_header .text_bottom{font-size: 16px;color: #ffffff;}
.floor-5 .list_one li .li_header .text_bottom_two{color: #ffffff;font-size: 16px;}
.floor-5 .list_one li .li_header .text_bottom_three{color: #ffffff;font-size: 14px;}
.floor-5 .list_one li .li_main{padding-left:21px;padding-right:21px;padding-top:12px;}

.floor-5 .list_one li .li_main .one-item-body-item {
    font-size: 0;
    position: relative;
    margin-top: 10px;
}
.floor-5 .list_one li .li_main .one-item-body-item h3 {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}
.floor-5 .list_one li .li_main .one-item-body-item span {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    margin-bottom: 10px;
    background: url(../image/anyfm.png) 0 no-repeat;
    padding-left: 25px;
    margin-top: 8px;
    white-space: nowrap;
}
.floor-5 .list_one li .li_main .one-item-body-item.item2 {
    height: 140px;
}
.floor-5 .list_one li .li_main .one-item-body-item {
    font-size: 0;
    position: relative;
    margin-top: 20px;
}


.floor-5 .list_one li .li_main .button{text-align: center;background: #1f80f9;background: -webkit-linear-gradient(135deg, #1f80f9 0%, rgba(136,184,255,1) 100%);background: -o-linear-gradient(135deg, #1f80f9 0%, rgba(136,184,255,1) 100%);background: -ms-linear-gradient(135deg, #1f80f9 0%, rgba(136,184,255,1) 100%);background: linear-gradient(135deg, #1f80f9 0%, rgba(136,184,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f80f9', endColorstr='#5da4fc', GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);margin: 0 auto;margin-top: 25px;width: 180px;height: 44px;border-radius: 22px;line-height: 44px;}
.floor-5 .list_one li .li_main .button a{display: block;font-size: 16px;font-weight: 400;color: #ffffff;border-radius: 22px;width: 180px;height: 44px;line-height: 44px;}
.floor-5 .list_one li .li_main .button a:hover{border-radius: 22px;height: 44px;background: linear-gradient(135deg, rgba(239, 31, 31, 0.82) 0%, rgb(245, 101, 78) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f80f9', endColorstr='#5da4fc', GradientType=1 );background:rgba(240,58,58,1);background: -moz-linear-gradient(top, rgba(239, 31, 31, 0.82) 0%, rgb(245, 101, 78) 100%);background: -o-linear-gradient(top, rgba(239, 31, 31, 0.82) 0%,rgb(245, 101, 78) 100%);background: -ms-linear-gradient(top, rgba(239, 31, 31, 0.82) 0%,#393;background: linear-gradient(top, rgba(239, 31, 31, 0.82) 0%,rgb(245, 101, 78) 100%)939 100%)}
.floor-5 .list_one .two .li_header{background: rgba(42,197,253,1);background: -moz-linear-gradient(-45deg, rgba(42,197,253,1) 0%, rgba(19,150,251,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(42,197,253,1)), color-stop(100%, rgba(19,150,251,1)));background: -webkit-linear-gradient(-45deg, rgba(42,197,253,1) 0%, rgba(19,150,251,1) 100%);background: -o-linear-gradient(-45deg, rgba(42,197,253,1) 0%, rgba(19,150,251,1) 100%);background: -ms-linear-gradient(-45deg, rgba(42,197,253,1) 0%, rgba(19,150,251,1) 100%);background: linear-gradient(135deg, rgba(42,197,253,1) 0%, rgba(19,150,251,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ac5fd', endColorstr='#1396fb', GradientType=1 );}
.floor-5 .list_one .three .li_header{background: rgba(111, 55, 214, 0.82);background: -moz-linear-gradient(-45deg, rgba(111, 55, 214, 0.58) 0%, rgba(111, 55, 214, 0.82) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(111, 55, 214, 0.58)), color-stop(100%, rgba(111, 55, 214, 0.82)));background: -webkit-linear-gradient(-45deg, rgba(111, 55, 214, 0.58) 0%, rgba(111, 55, 214, 0.82) 100%);background: -o-linear-gradient(-45deg, rgba(111, 55, 214, 0.58) 0%, rgba(111, 55, 214, 0.82) 100%);background: -ms-linear-gradient(-45deg, rgba(111, 55, 214, 0.58) 0%, rgba(111, 55, 214, 0.82) 100%);background: linear-gradient(135deg, rgba(111, 55, 214, 0.58) 0%, rgba(111, 55, 214, 0.82) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34e5b0', endColorstr='#0ad4d7', GradientType=1 );}
.floor-5 .list_one li:last-child{margin-right: 0;}

/*海量模板*/
.floor-4{background:#ffffff;}
.floor-4 .container{min-width: 1330px;padding-top: 40px;margin: 0 auto;}
.floor-4 .container .title_xh{max-width: 1330px;padding-bottom: 10px;margin: 0 auto;font-size: 36px;font-weight: 300;color: #333;text-align: center;}
.floor-4 .container .index-title{font-size: 16px;text-align: center;padding-bottom: 40px;padding-top: 30px;}
.floor-4 .container .index-title h2{font-size: 30px;font-weight: 600;}
.floor-4 .container .index-title h2 .e0{color: #1f80f9;}
.floor-4 .container .index-title p{font-size: 16px;color: #888888;margin-bottom: 20px;}
.floor-4 .container .index-title p a{color:#888888}
.tj-index-sliderPanel{}
.tj-index-sliderPanel .container{padding:0}
.st-index-tabs{padding-top: 68px; font-size: 0; display: inline-block; position: relative;}
.st-index-tabs .f-tab{padding-bottom: 15px; width: 70px; margin-left: 70px; color: #333; font-size: 18px; padding: 0 12px 15px 12px; line-height: 1; width: auto; cursor: pointer;}
.index-title ul li{list-style: none; float: left;}
.st-index-tabs .f-tab-first, .st-index-tabs .f-tab:first-child{margin-left: 0;}
.st-index-tabs .f-tab-activeLine{position: absolute; height: 2px; background: #4975e5; display: block; width: 0;}
.st-index-sliderPanel{position: relative;width: 100%;/* height: 600px; */overflow: hidden;}
.f-index-model .st-index-sliderPanel{/* height: 1042px; */padding-bottom: 0px;}
.st-index-sliderPanel .f-sldList{position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden;}
.f-index-model .st-index-sliderPanel .f-sldList-2{width: 3000px;}
.st-index-sliderPanel .f-sldList .f-sldItem{height: 100%; width: 100%; float: left; text-align: left; position: relative;}
.f-index-model .st-index-sliderPanel .f-sldItem{width: 1200px;}
.f-index-model .f-listWrap{width: 1200px; margin: 0 auto;}
.f-index-model .f-item{width: 520px;height: 440px;margin: 0 40px;margin-bottom: 80px;position: relative;float: left;}
.st-casePc-formWrap{width: 520px;height: 404px;position: relative;}
.st-casePc-formWrapHover{transition: transform .3s; transform: translateZ(0);}
.st-casePc-formWrap .f-casePc-form{width: 518px;height: 439px;position: absolute;left: 50%;top: 50%;margin-left: -259px;margin-top: -200px;}
.st-casePc-formWrap .f-winBg{width: 536px;height: 452px;position: absolute;left: -7px;top: 0;z-index: 0;background: url(../image/home_ico.png) no-repeat -893px -15px;}
.st-casePc-formWrap .biaozhi{position: absolute;background:#dddddd;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index:1;width:40px;height:40px;line-height:40px;right:5px;top:25px;font-size:12px;text-align: center;border: 0;transition: opacity .3s;overflow: hidden;}
.st-casePc-formWrap .biaozhi.red{font-family: "Microsoft Yahei";background:#1f80f9;color:#ffffff!important}
.st-casePc-formWrap .biaozhi.new{font-family: "Microsoft Yahei";background:#3F51B5;color:#ffffff}
.st-casePc-formWrap .biaozhi.hot{font-family: "Microsoft Yahei";background:#9C27B0;color:#ffffff;width: 40px;border: 0;left: auto;}
.st-casePc-formWrap .biaozhi.tj{font-family: "Microsoft Yahei";background:#FF9800;color:#ffffff}
.st-casePc-formWrap .biaozhi.free{font-family: "Microsoft Yahei";background:#12a708;color:#ffffff}


@keyframes ballRotate{0%{transform:rotate(0);}
 100%{transform:rotate(360deg);}
}
.pp1{position: absolute;top: 0%;left: 50%;width: 5px;height: 5px;transform-origin: 0 20px;animation: ballRotate 2.5s infinite linear;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);z-index: 9999;background: #ffffff;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

.st-casePc-formWrap .f-win{position: absolute;left: 0;top: 20px;width: 100%;height: 333px;overflow: hidden;display: table-cell;vertical-align: middle;text-align: center;}
.st-casePc-formWrap .f-win img{margin-top: 0px;max-width: 518px;max-height: 333px;_height: 333px;_width: 518px;}
.st-casePc-formWrap .f-txt{position: absolute;left: 0px;bottom: 40px;width: 100%;height: 46px;line-height: 56px;overflow: hidden;padding-left: 10px;color: #000000;font-size: 16px;font-weight: bold;border-top: 1px solid #eee;}
.st-casePc-formWrap .f-txt .yc,.st-casePc-formWrap .f-txt .wangluo{background:#1f80f9;color:#ffffff;padding: 1px 5px 2px;float:left;margin-right:5px;line-height: normal;margin-top: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 12px;font-weight: normal;}
.st-casePc-formWrap .f-txt .wangluo{background:#3F51B5}
.st-casePc-formWrap .f-tag{position: absolute;left: 0;bottom: 5px;width: 100%;height: 35px;line-height: 35px;overflow: hidden;padding-left: 10px;color: #191818;}
.st-casePc-formWrap .f-tag .f-biaoqian{font-size:20px;color: #1f80f9;}
.st-casePc-formWrap .f-tag .f-tag-l img{margin-top:10px;height:20px;margin-right: 5px;}
.st-casePc-formWrap .f-tag span{color: #666666;margin-right:5px;padding:0 5px 1px;border-radius: 0px 6px 0 6px;font-size: 14px;}
.st-casePc-formWrap .f-tag .f-tag-r{margin-right:10px;color: #666666;}
.st-casePc-formWrap .f-tag .f-tag-r .f-hist{font-size: 24px;margin-right:5px;color: #777777;vertical-align: sub;}
.st-casePc-formWrap .f-casePc-form .f-win-img{/* width: 100%; *//* height: auto; */}
.st-casePc-formWrap .f-winMask{position: absolute; z-index: 1; width: 100%; height: 100%; border-radius: 6px 6px 0 0; background: #000;}
.st-casePc-formWrapUnHover .f-winMask, .st-casePc-formWrapHover .f-winMask{opacity: 0; filter: alpha(opacity=0);}
.st-casePc-formWrapHover .f-winMask{transition: opacity .3s;}
.f-index-model .f-item:hover .f-winMask, .fk-casePc-formWrapHover:hover .f-winMask{opacity: .8; filter: alpha(opacity=80);}
.f-index-model .f-item .yc_bz{position: absolute;z-index: 10;text-align: center;transition: opacity .3s;opacity: 0;filter: alpha(opacity=0);top: 26px;left: 6px;color: #ffffff;box-sizing: border-box;font-size: 12px;}
.f-index-model .f-item:hover .yc_bz{opacity: 1; filter: alpha(opacity=100);}
.f-index-model .f-item .yc_bz .yc{background: #1f80f9;display:inline-block;width: 40px;height: 40px;line-height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.f-index-model .f-item .yc_bz .wangluo{background:#3F51B5;display:inline-block;width: 40px;height: 40px;line-height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

.f-index-model .f-item .f-caseButtonWrap{position: absolute;top: 0;/* margin-top: -23px; */width: 99.7%;height: 100%;z-index: 3;text-align: center;transition: opacity .3s;opacity: 0;filter: alpha(opacity=0);overflow: hidden;}
.f-index-model .f-item:hover .f-caseButtonWrap{opacity: 1; filter: alpha(opacity=100);}
.yc_bt{height: 180px;overflow:hidden;margin: 80px 30px 20px;padding: 10px;background-color: #fbfbfb;/* box-shadow: 0px 0px 9px 4px #1f80f9; */}
.yc_bt .yc_bt_h3{color:#ffffff;background: #1f80f9;}
.yc_bt .yc_bt_h2{color: #333333;font-size:16px;line-height: 50px;margin-bottom: 10px;}
.yc_bt .yc_bt_p{height:30px;line-height:30px;color: #F44336;text-align: left;padding: 0 10px;}
.yc_price{color: #ffffff;font-size: 20px;height: 50px;line-height: 50px;font-weight: bold;}
.yc_xq{opacity: 0;f;filter: alpha(opacity=0);bottom: -50px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;position: absolute;width: 100%;}
.f-index-model .f-item .f-caseButton-free{background-image: linear-gradient(180deg,#efe827 0,#1f80f9 100%);background-color: #1f80f9;font-size: 14px;}
.f-index-model .f-item .f-caseButton{width: 120px;height: 40px;border-radius: 5px;display: inline-table;bottom: -50px;text-align: center;line-height: 38px;color: #fff;vertical-align: top;margin: 0 22px;}
.f-index-model .f-item .f-caseButton:hover{border-radius: 50px;}
.f-index-model .f-item .f-caseButton-preview{border: solid #fff 1px;box-sizing: border-box;font-size: 0;opacity: 1;filter: alpha(opacity=100);}
.f-index-model .f-item .f-caseButton-preview .f-icon{display: inline-block; height: 24px; width: 24px; background: url(../image/home_ico.png) -274px -14px no-repeat; vertical-align: middle;}
.f-index-model .f-item .f-caseButton-preview .f-txt{font-size: 14px; display: inline-block; line-height: 1; vertical-align: middle;}
.f-index-model .f-item:hover .st-casePc-formWrap .biaozhi{z-index:2;}
.f-index-model .f-item:hover .yc_xq{opacity: 1;f;filter: alpha(opacity=100);bottom:30px}
/*手机模板区*/
.f-index-model .f-mobiListWrap{width: 100%;margin: 0 auto;}
.f-index-model .f-list-mobi{width: 110%;width: 100%;overflow: hidden;padding-bottom: 60px;}
.f-index-model .f-list-mobi .f-item{width: 222px;height: 470px;margin: 0 25px 0 0;}
.f-index-model .f-list-mobi .f-item:last-child{margin-right:0}
.st-caseForm{width: 224px;height: 453px;}
.st-index-mobiArea{width: 220px; height: 452px; position: relative;}
.st-index-mobiPlaceholder{width: 256px;height: 452px;position: absolute;}
.st-index-mobiAreaHover .st-index-mobiPlaceholder{transform-origin: center center; transition: transform .3s;}
.st-index-caseForm .f-screen{position: absolute;width: 200px;height: 358px;left: 9px;top: 37px;overflow: hidden;}
.st-index-caseForm{width: 238px;margin: 0 18px;/* margin-right: 40px; */height: 585px;overflow: hidden;position: relative;}
.st-index-caseForm .f-screen-link{display: block; width: 100%; height: 100%;}
.st-index-caseForm .f-screen-link img{width: 200px;height: 356px;}
.st-index-caseForm .f-screen-img{width: 100%; height: auto; min-height: 100%;}
.st-index-caseForm .f-screenMask{height: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; width: 100%; overflow: hidden;}
.st-index-screenHover .f-screenMask, .st-index-screenUnHover .f-screenMask{opacity: 0; filter: alpha(opacity=0);}
.st-index-screenHover .f-screenMask{transition: opacity .3s;}
.st-index-screenHover:hover .f-screenMask{filter: alpha(opacity=60); opacity: .6; transform: scale(1);}
.st-index-caseForm .f-screen-contentWrap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
.st-index-mobiPlaceholder .st-index-caseForm{position: absolute;left: -16px;height: 470px;}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi{position: absolute;background:#dddddd;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index:1;width:40px;height:40px;line-height:40px;right: 35px;top:45px;font-size:12px;text-align: center;border: 0;}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.red{font-family: "Microsoft Yahei";background:#1f80f9;color:#ffffff!important}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.new{font-family: "Microsoft Yahei";background:#03A9F4;color:#ffffff}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.hot{font-family: "Microsoft Yahei";background:#9C27B0;color: #ffffff;width: 40px;border: 0;left: auto;}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.tj{background:#FF9800;color:#ffffff;}
.st-index-mobiPlaceholder .st-index-caseForm .biaozhi.free{font-family: "Microsoft Yahei";background:#0d9204;color:#ffffff}
.st-caseForm .f-phone-template{position: absolute;left: -3px;top: 0;width: 224px;height: 470px;background: url(../image/home_ico.png) -896px -689px no-repeat;z-index: -1;}
.st-index-caseForm .f-phone-template{z-index: 0;}
.st-index-caseForm .f-qrCode{width: 150px;height: 150px;position: absolute;left: 50%;margin-left: -75px;border: 8px solid #fff;border-radius: 3px;overflow: hidden;outline: 0;background: #fff;}
.st-index-screenHover .f-qrCode, .st-index-screenUnHover .f-qrCode{top: -151px;}
.st-index-screenHover .f-qrCode{transition: top .3s;}
.st-index-screenHover:hover .f-qrCode{top: 55px;}
.st-index-caseForm .text{text-align: center;color: #fff;position: absolute;top: 230px;font-size: 14px;width: 181px;}
.st-index-screenHover .text{left: -191px;transition: left .3s;}
.st-index-screenHover:hover .text{left: 8px;}
.st-index-caseForm .f-btn{display: block;height: 32px;width: 110px;border-radius: 5px;line-height: 30px;margin: 0 auto;padding: 0;background-image: linear-gradient(180deg,#efe827 0,#1f80f9 100%);background-color: #1f80f9;text-align: center;color: #fff;position: absolute;left: 50%;margin-left: -55px;top: 305px;font-size: 14px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.st-index-caseForm .f-btn:hover {border-radius: 50px;}
.st-index-caseForm .f-btn-preview{background: transparent; border-radius: #fff; border: solid #fff 1px; box-sizing: border-box; top: 297px; line-height: 35px;}
.st-index-screenHover .f-btn-preview, .st-index-screenHover .f-btn-free, .st-index-screenUnHover .f-btn-preview, .st-index-screenUnHover .f-btn-free,.st-index-screenHover .text{filter: alpha(opacity=0); opacity: 0;}
.st-index-screenHover .f-btn{/* transition: opacity .3s; */}
.st-index-screenHover:hover .f-btn-preview, .st-index-screenHover:hover .f-btn-free, .st-index-screenHover:hover .f-btn,.st-index-screenHover:hover .text{filter: alpha(opacity=100); opacity: 1;}
.fkIcon-preview{display: inline-block; vertical-align: middle; height: 24px; width: 24px; background: url(../image/home_ico.png) -274px -14px no-repeat; margin-right: 3px;}

/*技术学习-教程*/
.met-index-news{padding: 0 0 40px 0;}
.met-index-news .container{padding:0}
.met-index-news .content{padding:0;font-size: 14px;line-height: normal;overflow: initial;}
.met-index-news .newscolumn{float: left;width: 590px;box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.15);}
.met-index-news .item{padding: 20px 15px 10px;margin: 0;background: #ededed;}
.met-index-news .item.item_r10{}
.met-index-news .item.item_l10{}
.blocks-md-3 li{width: 295px;float: left;}
.blocks > li, [class*="blocks-"] > li{float: left;}
.met-index-news .item .title_xh{position: relative;margin-bottom: 5px;padding-left: 10px;}
.met-index-news .item .title_xh .plus{width: 25px;height: 25px;background: #fff;display: block;position: absolute;border-radius: 100%;text-align: center;line-height: 24px;font-size: 20px;top: -10px;left: -5px;color: #1f80f9;font-weight: 700;}
.met-index-news .item .title_xh h3{background: #1f80f9;color: #fff;border-radius: 5px;padding: 5px 15px;font-size: 15px;margin: 0;display: inline-block;float: left;}

.met-index-news .item .title_xh.plus_1 .plus{color:#673AB7;}
.met-index-news .item .title_xh.plus_1 h3{background: #673AB7;}
.met-index-news .item .title_xh.plus_2 .plus{color:#0c8610;}
.met-index-news .item .title_xh.plus_2 h3{background: #0c8610;}
.met-index-news .item .title_xh.plus_3 .plus{color:#2196F3;}
.met-index-news .item .title_xh.plus_3 h3{background: #2196F3;}
.met-index-news .item .title_xh.plus_4 .plus{color:#1f80f9;}
.met-index-news .item .title_xh.plus_4 h3{background: #1f80f9;}

.met-index-news .item .title_xh a{float: right;font-size: 12px;color: #999;line-height: 26px;}
.met-index-news .item .title_xh a:hover{color:#1f80f9}
.met-index-news .item .newslist li{padding: 10px 0 10px;transition: all .5s ease;border-bottom: 1px dotted #bbbbbb;width: 100%;}
.met-index-news .item .newslist li:last-child{border-bottom:0}
.met-index-news .item .newslist li:hover{padding: 10px 5px;}

.met-index-news .item .newslist .htitle h4{height: 35px;max-width: 97%;overflow: hidden; white-space: nowrap;white-space: nowrap;text-overflow: ellipsis;text-overflow: ellipsis;font-size: 16px;text-shadow: none;margin: 0px;line-height: 30px;}
.met-index-news .item .newslist .htitle h4 a{font-size: 16px;color: #333;}
.met-index-news .item .newslist li:hover .htitle h4 a{color:#1f80f9}
.met-index-news .item .newslist .htitle h4 a:hover{text-decoration: none;}

.met-index-news .item .newslist .htitle h3{height:28px;line-height:25px}
.met-index-news .item .newslist .htitle h3 span{font-size:12px;color: #888888;}
.met-index-news .item .newslist .htitle h3 span.catnames{font-size:12px;float:left;}
.met-index-news .item .newslist .htitle h3 span.catnames i{width:16px;height:16px;float:left;background:url(../image/inco_catid.png) no-repeat;margin-top:4px;margin-right:2px}
.met-index-news .item .newslist .htitle h3 span a{font-size:12px;color: #888888;padding:1px 3px;}
.met-index-news .item .newslist .htitle h3 span a:hover {color: #1f80f9;}
.met-index-news .item .newslist .htitle h3 span.updatetime i{width:16px;height:16px;float:left;background:url(../image/inco_time.png) no-repeat;margin-top:4px;margin-right:3px}

.met-index-news .item .newslist p{font-size: 12px;color: #999;height: 28px;line-height: 28px;overflow: hidden;margin-bottom: 0;text-indent: 0;}
.met-index-news .item.active{background: #fff;}
.met-index-news .item.active .newslist li:hover{}
.met-index-news .item.active .newslist li:hover .htitle h4 a{color: #1f80f9;}
.met-index-news .item.active .newslist li:hover .htitle span{}
.met-index-news .item.active .newslist li:hover p{color: #1f80f9;}

/*new-知识堂*/
.floor_five{/*.index-page .news-list dt a:hover .text{color: #ec6061;}*/padding-bottom: 60px;}
.floor_five .news-wrap{padding: 0 0 10px;margin-right: -20px;}
.floor_five .news-item{width: 436px;padding: 26px 26px 36px 26px;margin-right: 20px;float: left;background: #fff;border-radius: 8px;box-shadow: 0px 10px 30px 0px #2a34641a;}
.floor_five .news-item:last-child{margin-right:0}
.floor_five .news-item:hover{box-shadow: 0 8px 16px rgba(0,0,0,.05);}
.floor_five .news-title{font-size: 24px;margin-bottom: 26px;display: none;}
.floor_five .news-list{margin-bottom: 40px;}
.floor_five .news-list dt{height: 80px;position: relative;margin-bottom: 20px;overflow: hidden;border-radius: 8px;}
.floor_five .news-list dt img{width: 340px; height: 180px; transition: all 0.4s;}
.floor_five .news-list dt a:hover img{transform: scale(1.05);}
.floor_five .news-list dt .hd{display: block;height: 120px;color: #fff;text-align: center;}
.floor_five .news-list dt.img-dt1 .hd{background: url(../image/4f-img1.jpg) no-repeat center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.floor_five .news-list dt.img-dt2 .hd{background: url(../image/4f-img2.jpg) no-repeat center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.floor_five .news-list dt.img-dt3 .hd{width: 100%;background: url(../image/4f-img3.jpg) no-repeat center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.floor_five .news-list dt .hd h3{font-size: 24px;padding-top:25px;margin-bottom: 20px;}
.floor_five .news-list dt .hd p{}

.floor_five .news-list dt .text{position: absolute;left: 0;right: 0;color: #fff;bottom: 0;font-size: 15px;padding: 0 10px;line-height: 30px;height: 30px;overflow: hidden;transition: all 0.2s;text-align: center;background: rgba(51, 51, 51, 0.26);}
.floor_five .news-list dd{margin-bottom: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.floor_five .news-list dd a{font-size: 14px; color: #909499;}
.floor_five .news-list dd a:last-child {color:#444444}
.floor_five .news-list dd a:hover{color: #ec6061;}
.floor_five .news-item .more{display: block;margin-top: 30px;width: 180px;height: 44px;line-height: 44px;background: #1f80f9;background: linear-gradient(135deg, #1f80f9 0%, rgba(136,184,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f80f9', endColorstr='#5da4fc', GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);text-align: center;color: #fff;transition: all 0.1s;border-radius: 50px;font-size: 16px;float: none !important;/* display: flex; *//* justify-content: center; */margin: 0 auto;}
.floor_five .news-item .more:hover{opacity:.8;filter:alpha(opacity=80);}
/* 建站方案 */
.solution-box{background: #262c50;}
.solution-bj{background: url("../image/bg.jpg");background-size: cover;padding-bottom: 70px;}
.solution-header{max-width: 1340px;padding: 80px 15px 70px;margin-left: auto;margin-right: auto;text-align: center;}
.solution-header h2{margin-bottom: 10px;font-size: 30px;line-height: 46px;text-align: center;color: #FAFBFE;font-weight: inherit;font-weight: 600;}
.solution-header p{font-size: 18px; line-height: 22px; text-align: center; color: #FFFFFF; opacity: 0.6;}
.solution-content{max-width: 1172px; margin: 0 auto;}
.solution-list{width: 250px;height: 550px;float: left;background: #000000;}
.solution-list ul{margin-top:20px}
.solution-list ul li{width: 250px;height: 72px;background: rgba(255, 255, 255, 0.15);padding-left: 20px;/* margin: 0 10px; */position: relative;background: #000000;}
.solution-list ul li h2{font-size: 18px;color: #FFFFFF;line-height: 72px;font-weight: inherit;position: relative;z-index: 2;}

.solution-list ul li{position: relative;
    cursor: default;
    transition: all .5s;
    cursor: pointer;}
.solution-list ul li:after{content: "";width: 86%;border-bottom: 1px solid #2A2A2A;position: absolute;left: 7%;bottom: 0;}
.solution-list ul .on:before,.solution-list ul li:before{background: #1f80f9; /* Old browsers */background: -moz-linear-gradient(left,  #fd7d7d 0%, #f05251 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #f05251 0%,#1f80f9 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #f05251 0%,#1f80f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05251', endColorstr='#1f80f9',GradientType=1 ); /* IE6-9 */content: "";position: absolute;top: 0;left: 0;bottom: 0;/* z-index: 1; */width: 0;transition: all .2s;}
.solution-list ul .on:before{ width: 100%; }
.solution-list ul .on:after{ display: none; }
.solution-item{margin-left: 300px;display: block;padding: 20px 10px 0 10px;overflow: hidden;border: 0;}
.solution-item ul li{padding: 20px 0;}
.solution-item ul li h2{font-size: 22px; line-height: 28px; color: #FFFFFF; margin: 0 0 15px 0; font-weight: inherit;}
.solution-item ul li p{opacity: 0.8;font-size: 14px;color: #FFFFFF;line-height: 22px;}
.s-btn{display: inline-block;color: #36383C;font-size: 14px;line-height: 20px;padding: 4px 20px;cursor: pointer;border: 1px solid #d4d5d7;position: relative;letter-spacing: normal;}
.solution-more{border: 1px solid #FAFBFE;border-radius: 4px;height: 40px;width: 140px;margin: 20px 0 0 0;line-height: 30px;font-size: 14px;color: #FAFBFE;padding-left: 30px;}
.solution-more em{width: 13px; height: 8px; margin-left: 10px; display: inline-block; background: url("../image/ico-jiantou.png") no-repeat; background-size: cover; transition: margin-left 0.3s ease-out;}
.solution-more:hover{color: #1f80f9;background: #ffffff;}
.solution-more:hover em{margin-left: 15px;background: url("../image/ico-jiantou-h.png") no-repeat;}
.solution-title{position: relative;}
.solution-title h3{font-size: 18px; color: #FFFFFF; width: 135px; font-weight: inherit;}
.solution-title span{border-top: 1px solid white; opacity: 0.2; display: inline-block; width: 100%; position: absolute; margin-left: 135px; top: 12px;}
.solution-brand{width: 100%; position: relative;}
.solution-brand-item{padding: 15px 20px 10px 0; width: 213px; float: left;}
.solution-brand-item a{border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 2px; height: 40px; padding-left: 50px; display: block; position: relative;}
.solution-brand-item a i{position: absolute; width: 24px; height: 24px; left: 20px; top: 8px; color: #ffffff; font-size: 24px;}
.solution-item .solution-brand-item a p{font-size: 14px;color: #ffffff;line-height: 39px;}
.solution-brand-item .solution-more{width: auto; margin-top: 0;}
.solution-brand-item a:hover{background: #ffffff;}
.solution-more-wrap{padding-top: 50px; padding-bottom: 50px; text-align: center; display: block;}
.solution-more-wrap .solution-more{width: auto; margin-top: 0; color: #999;font-size:18px; border: none;}
.solution-more-wrap .solution-more:hover,.solution-item .solution-brand-item:hover a p{color: #1f80f9;background: #ffffff;}
.solution-brand-item a i img{width: 22px; height: 22px; display: block; border: none;}
.clear a{border: none; padding-left: 20px;}
.clear a:hover{background: none;}
.clear a img{width: 130px;}
.clear{padding-top: 32px;}
.solution-item ul{display: none;}
/*今日头条*/
.tj-index-sliderPanel{position: relative; width: 100%; height: 470px; overflow: hidden;}
.f-helpListWrap{width: 1330px;text-align: center;margin-left: auto;margin-right: auto;}
.f-helpList{margin-left: -73px; text-align: center; width: 1600px;}
.f-helpItem{margin: 0 93px; float: left; width: 506px; margin-bottom: 50px;}
.f-helpItem .f-time{text-align: right; float: left; margin-right: 30px; width: 80px; margin-left: -20px;}
.f-helpItem .f-time-md, .f-helpItem .f-info-title{font-size: 25px; line-height: 1; font-weight: normal; height: 36px; overflow: hidden;}
.f-helpItem .f-time-y, .f-helpItem .f-info-intro{font-size: 14px; color: #999; margin: 0; line-height: 1.8; height: 50px; overflow: hidden;}
.f-helpItem .f-info{width: 355px; text-align: left; float:left;}
.f-helpItem .f-time-md, .f-helpItem .f-info-title{font-size: 25px; line-height: 1; font-weight: normal; height: 36px; overflow: hidden;}
.f-helpItem .f-info-title{font-size: 18px; width: 355px; text-overflow: ellipsis; white-space: nowrap;}
.f-helpItem .f-info-title .f-a{color: #333; vertical-align: middle;}
.f-helpItem .f-hot{display: inline-block; _zoom: 1; width: 25px; height: 25px; background: url('../image/hot.gif') 0 0 no-repeat; vertical-align: middle; margin-right: 10px;}
.f-helpItem .f-txt{vertical-align: middle;}
.f-helpItem .f-info-title .f-a:hover{color: #1f80f9;}
/*数量统计*/
.floor-7{background: #E2E7EF;}
.background-bg-7{background: #E2E7EF url(../image/11f-bg.jpg) no-repeat;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.overlay{position:relative}
.ov_bg{background-color: #b7b8b9;opacity: .2;filter: alpha(opacity=20);position:absolute;top:0;left:0;width: 100%;height: 100%;overflow:hidden;z-index: 0;}
.floor-7 .container{/* width: 1200px; */margin: 0 auto;padding: 0;}
.floor-7 .index-title{font-size: 16px;text-align: center;padding: 70px 0 30px;}
.floor-7 .index-title h2{font-size: 30px;font-weight: 600;padding-bottom: 10px;}
.floor-7 .container .index-title p{font-size: 16px;color: #888888;margin-bottom: 20px;}
/*动态数字*/
.digital{width: 100%;height: 280px;color: #dedede;text-align:center;}
.mumping_mun{width: 1330px;list-style: none;}
.mumping_mun li{width: 235px;margin: 10px auto 30px;float:left;padding:15px 0;}
.mumping_mun li:hover{/* background: #ffffff; */transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;border-radius: 5%;cursor:pointer;margin-top: 5px;}
.mumping_mun p{font-size: 16px;width: 100%;display: block;clear: both;margin-top: 8px;color: #333333;}
.mumping_mun h2{font-size: 35px;font-weight: normal;margin-top: 0;color: #1f80f9;}
.mumping_mun li:hover p{color:#000000}

/*我们的优势*/
.best-con{}
.best-con .container{min-width: 1330px;padding-top: 50px;padding-bottom: 10px;margin: 0 auto;}
.best-con .container .title_xh{max-width: 1330px;padding-bottom: 10px;margin: 0 auto;font-size: 36px;font-weight: 300;color: #333;text-align: center;}
.best-con .container .index-title{font-size: 16px;text-align: center;padding-bottom: 20px;}
.best-con .container .index-title h2{font-size: 30px;font-weight: 600;font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.best-con .container .index-title h2 .e0{color:#1f80f9}
.best-con .container .index-title p{font-size: 16px; color: #5b5c5d; margin-bottom: 20px;}
.best-con .layout-wrap{width:1200px;position:relative;margin:0 auto;}
.layout-wrap .layout-3-1{float:left;vertical-align:top;width:33.3333%;}
.feature-list{margin-top:50px;margin-bottom: 80px;}
.feature-list .item{position:relative;text-align:center;}
.feature-list .item:not(:last-child):after{content:"";position:absolute;right:0;top:10px;width:1px;height:100px;background:#ff6d01;}
.feature-list .item h3{margin-top:30px;font-size:24px;font-weight:normal;color:#353535;height:32px;line-height:32px;}
.feature-list .item p{margin-top:15px;font-size:14px;color:#888;}
/*宣传*/
.register{padding: 70px 0 65px;background: url(../image/register_bg.png) no-repeat center bottom #1f80f9;background-size: cover;}
.register .title_xh{padding-bottom: 10px;font-size: 28px;font-weight: normal;text-align: center;color: #fff;}
.register .desc{padding-bottom: 40px;margin: 0 auto;font-size: 16px;color: #FFEB3B;text-align: center;}
.register .btn_xh{display: block;width: 140px;height: 40px;padding: 0;margin: 0 auto;font-size: 15px;line-height: 40px;color: #fff;background: transparent;border: 1px solid #fff;border-radius: 5px;transition: all .2s;text-align: center;cursor: pointer;vertical-align: middle;box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);outline-offset: 0px;text-shadow: none;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.register .btn_xh:hover{background: #ffffff;color:#1f80f9;border: 1px solid;box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);outline-color: rgba(255, 255, 255, 0);outline-offset: 15px;}
.register .btn_xh:hover span{color:#1f80f9}

/*上移动画*/

/*我们的案例*/
.anli_bg{background: url(../image/ali_bg.png) center no-repeat;padding-bottom: 50px;min-width: 1200px;width: 100%;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.anli_bg .container{min-width: 1200px;padding-top: 50px;margin: 0 auto;}
.anli_bg .container .title_xh{max-width: 1200px;padding-bottom: 10px;margin: 0 auto;font-size: 36px;font-weight: 300;color: #333;text-align: center;}
.anli_bg .container .index-title{font-size: 16px;text-align: center;padding-bottom: 30px;}
.anli_bg .container .index-title h2{font-size: 30px;font-weight: 600;font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.anli_bg .container .index-title h2 .e0{color:#1f80f9}
.anli_bg .container .index-title p{font-size: 16px; color: #5b5c5d; margin-bottom: 20px;}
.anli_lItems li{width: 182px;height: 82px;float: left;padding:10px;border: 1px solid #eee;margin: 0 20px 20px 0;background: #fff;}
.anli_lItems li:nth-child(6n){margin-right: 0;}
.anli_lItems li:hover{border: 1px solid #1f80f9;}
.anli_lItems li .anli_img{display: table-cell;vertical-align: middle;text-align: center;height: 60px;width: 160px;}
.anli_lItems li .anli_img a img{max-width: 160px;max-height: 60px;}

/*售后*/
.section-contain{padding: 50px 0;}
.gray-lighter-9-bg{background-color: #f7f8f9!important;}
.after-sales{padding-bottom: 60px;}
.after-sales{background: url(../image/after-sales-bg.png) no-repeat 50%; background-size: cover;}
.text-center{text-align: center;}
.section-contain h2{font-size: 30px;line-height: 40px;color: #3a3a3a;margin-bottom: 15px;font-weight: 600;}
.section-contain p{color: #777; font-size: 15px; line-height: 26px;}
.after-sales p{/* font-size: 14px; */ line-height: 22px; max-width: 700px;*width: 700px; margin: 0 auto;}
.after-sales ul li.col-xs{text-align: center; margin-top: 50px; width: 25%; margin-left:15px; margin-right:15px; position: relative;}
.after-sales ul li.col-xs.col-lg-offset-3{margin-left: 9.9%;}
.after-sales ul li.col-xs p{width: 100%; font-size: 20px; line-height: 28px; padding-bottom: 30px; color: #3a3a3a;}
.after-sales ul li.col-xs .as-icon-1{display: block; width: 107px; height: 107px; margin: 0 auto; background: url(../image/after-sale-icon1.png); background-size: 100%;}
.after-sales ul li.col-xs .as-icon-2{display: block; width: 107px; height: 107px; margin: 0 auto; background: url(../image/after-sale-icon2.png); background-size: 100%;}
.after-sales ul li.col-xs .as-icon-3{display: block; width: 107px; height: 107px; margin: 0 auto; background: url(../image/after-sale-icon3.png); background-size: 100%;}
.after-sales ul li.col-xs .as-icon-1:hover{background: url(../image/after-sale-icon-1w.png); background-size: 107px 107px;}
.after-sales ul li.col-xs .as-icon-2:hover{background: url(../image/after-sale-icon-2w.png); background-size: 107px 107px;}
.after-sales ul li.col-xs .as-icon-3:hover{background: url(../image/after-sale-icon-3w.png); background-size: 107px 107px;}

/*更名通知*/
.floor-16{background:#ffffff;box-shadow: 0px 10px 12px 0px rgb(107 107 107 / 17%);box-shadow: 0px 5px 15px 0px rgb(124 135 192 / 13%);display: inline-block;width: 100%;}
.floor-16 .container{padding-top: 0;}
.floor-16 .container .gaiming{font-size: 16px;height: 60px;line-height: 60px;}
.floor-16 .container .gaiming .div-img {background: url(../image/tz-update.png) no-repeat center top;width: 114px;height: 28px;display: inline-block;float: left;margin-top:15px;margin-right: 80px;}
.floor-16 .container .gaiming .tz-li{position:relative;float: left;font-weight: bold;}
.floor-16 .container .gaiming .tz-li:after {content: '';position: absolute;background: url(../image/00-new.png) no-repeat center top;width: 20px; height: 20px;display: inline-block;left: -30px;top: 20px;}
.floor-16 .container .gaiming .tz-li .f_gray:hover{color:#1f80f9}

/*新版案例*/
.customer_list{position:relative}
.customer_list .item{display:none;overflow:hidden}

.customer_items{border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;overflow: hidden;}
.customer_items ul li{float:left;width: calc(20% - 76px);border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;overflow:hidden;position:relative;}
.customer_items ul li img{display:block;width:100%;vertical-align: bottom;}
.customer_items ul li.hao_a{width: 40.6%;border-left:0;border-top:0;}
.customer_items ul li.hao_a img{height: 268px;}
.customer_items ul li .imgs{cursor:pointer;overflow:hidden;border-color:#fff;padding: 0px;padding: 35px;}
.customer_items ul li .imgs:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 0 #eee;transition:.2s}
.customer_items ul li .imgs:hover:after{box-shadow: inset 0 0 0 5px #f6f6f6;}
.customer_items ul li .imgs img{opacity:.5;filter:grayscale(100%);filter:gray;transition:.3s}
.customer_items ul li:hover .imgs img{opacity:1;filter:grayscale(0);filter:none;transform: scale(.99) translateY(-1px);}


.customer_list .customer-buttons{position:absolute;top:20px;width:40%;left:0;height:0;text-align:right}
.customer_list .customer-buttons div{color:#FFF;display:inline-block;zoom:1;width:50px;height:50px;text-indent:60px;overflow:hidden;transition:all .3s ease-out 0s;cursor:pointer;text-indent: -9999px;}
.customer_list .customer-buttons div.owl-prev{background:url(../image/left.png) no-repeat;margin-right:-1px;text-indent: -9999px;}
.customer_list .customer-buttons div.owl-prev:hover{opacity:.6;background:url(../image/left_on.png) no-repeat}
.customer_list .customer-buttons div.owl-prev.disabled{background:url(../image/left_on.png) no-repeat}
.customer_list .customer-buttons div.owl-next{background:url(../image/right.png) no-repeat;margin-right:20px;text-indent: -9999px;}
.customer_list .customer-buttons div.owl-next:hover{opacity:.6;background:url(../image/right_on.png) no-repeat}
.customer_list .customer-buttons div.owl-next.disabled{background:url(../image/right_on.png) no-repeat}
/**/
.tdlt {text-decoration:line-through;}
.flex {display:flex;}
.flex-justify-between {justify-content:space-between;}
.flex-justify-around {justify-content:space-around;}
.flex-justify-center {justify-content:center;}
.flex-column {flex-direction:column;}
.flex-wrap {flex-wrap:wrap;}
.align-center {align-items:center;}
.acea-row {display:flex;flex-wrap:wrap;}
.acea-row.row-middle {align-items:center;}
.acea-row.row-top {align-items:flex-start;}
.acea-row.row-bottom {align-items:flex-end;}
.acea-row.row-center {justify-content:center;}
.acea-row.row-right {justify-content:flex-end;}
.acea-row.row-left {justify-content:flex-start;}
.acea-row.row-between {justify-content:space-between;}
.acea-row.row-around {justify-content:space-around;}
.acea-row.row-column-around {justify-content:space-around;}
.acea-row.row-column {flex-direction:column;}
.acea-row.row-column-between {flex-direction:column;justify-content:space-between;}
.acea-row.row-center-wrapper {align-items:center;justify-content:center;}
.acea-row.row-between-wrapper {align-items:center;justify-content:space-between;}
.acea-no-warp {flex-wrap:nowrap;}
.flex-1 {flex:1;}
/**/
.p-t-15 {padding-top: 15px;}
.p-t-50 {padding-top: 50px;}
.p-t-70 {padding-top: 70px;}
.p-t-80 {padding-top: 80px;}
.p-b-40 {padding-bottom: 40px;}
.p-b-50 {padding-bottom: 50px;}
.p-b-70 {padding-bottom: 70px;}
.p-b-100 {padding-bottom: 100px;}
.m-t-50 {margin-top: 50px;}
.m-t-60 {margin-top: 60px;}
.m-t-70 {margin-top: 70px;}
.m-t-80 {margin-top: 80px;}
.w-62 {width: 62px;}
.h-62 {height: 62px;}
.d-none {display: none;}
/**/
.grid_box_6 {display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: auto;width: 100%;grid-gap: 10px;}
/**/
.main_title {font-size: 30px;font-family:PingFang SC;font-weight:600;color:#333333;}
.white_main_title {font-size:40px;font-family:PingFang SC;font-weight:600;color:#fff;}
.white_second_title {width:969px;margin:20px auto 0;font-size:18px;font-family:PingFang SC;font-weight:400;color:#fff;opacity:.6;}
.second_tit{font-size: 16px;font-family: PingFang SC;color: #666;}
/*优势*/
.section6 {height:560px;background-image:url('../image/index_section6_bg.png');background-size:cover;}
.section6 .container{}
.section6 .service {width:150px;height: 270px;border:1px solid #FFFFFF;background: linear-gradient(153deg,#fff8f8 0%,#FFFFFF 100%);box-shadow:0px 3px 20px rgba(5,36,82,0.0700);border-radius:2px;cursor:pointer;transition:all 1s;border-radius: 8px;}
.section6 .active {width:400px;background-color: #1f80f9;color:#fff;background-image:url('../image/baozhang_bg.png');background-size:124px 124px;background-position:right top;background-repeat:no-repeat;}
.service_content img {width:30px;}
.service_content .service_title {font-size:24px;font-family:PingFang SC;font-weight:600;line-height:18px;color:#FFFFFF;margin:20px 0 24px;}
.service_content .sm_line {width:22px;height:3px;background-color:#fff;}
.service_content .service_desc {width:308px;height:46px;font-size: 14px;font-family:PingFang SC;font-weight:400;line-height:22px;color:#FFFFFF;margin-top:20px;}

/**/
.section7{background:#ffffff}
.section7 .caseLogoWrap .caseLogoInner{width:95%}
.caseLogoWrap .caseLogoInner {position:relative;overflow:hidden;font-size:0;}
.caseLogoInner .mask {position:absolute;z-index: 3;}
.caseLogoInner .left_mask {left:0;}
.caseLogoInner .right_mask {right:0;transform:rotate(180deg);}
.caseLogoInner .line_odd {width:100%;margin-bottom:12px;animation:scrollToRight 30s cubic-bezier(0.93,0.53,0,1.13) infinite;}
.caseLogoInner .line_even {width:100%;margin-bottom:12px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.caseLogoInner .line_even .line_even_ul {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.caseLogoInner .line_even .line_even_ul .customer-icon-row {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;/*-webkit-animation:scrollit 15s infinite 0s linear;animation:scrollit 15s infinite 0s linear;*/}
.caseLogoInner .line_even .line_even_ul .customer-icon-row:nth-child(2n) {animation: 10s rowup-right linear infinite normal;}
.row_left_animation{animation: 15s rowup-left linear infinite normal;}
.row_right_animation{animation: 10s rowup-right linear infinite normal;}
@keyframes rowup-left {
	0%{
		transform: translate3d(0,0,0);
	}
	100%{
		transform: translate3d(-160px,0,0);
	}
}

@keyframes rowup-right {
	0%{
		transform: translate3d(0,0,0);
	}
	100%{
		transform: translate3d(160px,0,0);
	}
}
/*
@-webkit-keyframes scrollit {0% {-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}
100% {-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
;}
@keyframes scrollit {0% {-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}
100% {-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
;}
*/
.caseLogoInner .line_odd .logo_img,.caseLogoInner .line_even .logo_img {display:inline-block;padding: 20px 25px;border-radius: 8px;box-shadow:0 8px 24px 0 rgba(46,61,101,.1);margin:15px;}
.caseLogoWrap .customerList {margin-bottom:130px;}
.caseLogoWrap .customerList li {width:272px;height:586px;margin-right:90px;}
.caseLogoWrap .customerList li:last-child {margin-right:0px;}
.caseLogoWrap .customerList li .img {width:272px;height:352px;display:block;}
.caseLogoWrap .customerList li.mgt {margin-top:100px;}
.caseLogoWrap .customerList li .text {color:#666;font-size:16px;line-height:30px;}
.caseLogoWrap .customerList li .text .textTitle {font-size:18px;color:#4f4e4e;font-weight:bold;padding:15px 0;line-height:1;}

@media only screen and (max-width: 1366px) and (min-width: 1024px) {

.floor-5 .container {min-width: 1200px;}
.floor-5 .list_one li {width: 380px;}
.cat_li {width: 386px;}
.cat_li .cat-na{width: 245px;}
.cat_li .btn-wrap{width: 268px;}

.floor-3 .list_three{width: 1200px;}

.floor_five .news-item {width: 385px;}

.floor-4 .container {min-width: 1200px;}
.floor-4 .container .title_xh {max-width: 1200px;}

.f-helpListWrap{width: 1200px;}
.f-helpList{width: 1400px;}
.f-helpItem {width: 462px;}

.mumping_mun{width: 1200px;}

.best-con .container,.best-con .container .title_xh{min-width: 1200px;}

.site-footer .col-article {width: 160px;}



}