/* CSS Document */
body { min-width: 1210px; color: #666; background: #fff;}
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { padding: 0; margin: 0;}
body, input, textarea, select, button { font-size: 12px; font-family: 'PingFang SC', "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft YaHei"; color: #666;}
ul, ol, li { list-style-image: none; list-style-type: none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
a { color: #666; text-decoration: none; blr: expression(this.onFocus=this.blur()); outline: none;}
a:active { star: expression_r(this.onFocus=this.blur());}
a:hover { color: #ff5339; text-decoration: none; cursor: pointer;}
a:focus, input, button, select, textarea { outline: none;}
a img { border: none;}
img { display: block;}
i, em { font-style: normal;}
.iconfont { vertical-align: middle;}

/*定位*/
.pos-r { position: relative;}

/*浮动*/
.fl { float: left;}
.fr { float: right;}

/*隐藏*/
.hide { display: none;}

/*清浮动*/
.clear { clear: both; height: 0; overflow: hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*宽度*/
.w-auto { width: auto !important;}
.w1100 { width: 1100px !important; margin: 0 auto;}
.w1110 { width: 1110px !important; margin: 0 auto;}
.w1140 { width: 1140px !important; margin: 0 auto;}
.w1210 { width: 1210px; margin: 0 auto;}

/*padding*/
.p-t-0 { padding-top: 0 !important;}
.p-t-10 { padding-top: 10px !important;}
.p-t-20 { padding-top: 20px !important;}
.p-t-25 { padding-top: 25px !important;}
.p-t-40 { padding-top: 40px !important;}
.p-t-45 { padding-top: 45px !important;}
.p-t-60 { padding-top: 60px !important;}
.p-t-80 { padding-top: 80px !important;}
.p-t-100 { padding-top: 100px !important;}
.p-t-120 { padding-top: 120px !important;}
.p-t-150 { padding-top: 150px !important;}
.p-b-0 { padding-bottom: 0 !important;}
.p-b-15 { padding-bottom: 15px !important;}
.p-b-25 { padding-bottom: 25px !important;}
.p-b-30 { padding-bottom: 30px !important;}
.p-b-35 { padding-bottom: 35px !important;}
.p-b-60 { padding-bottom: 60px !important;}
.p-b-100 { padding-bottom: 100px !important;}
.p-l-100 { padding-left: 100px !important;}

/*margin*/
.m-auto { margin: 0 auto;}
.m-t-10 { margin-top: 10px !important;}
.m-t-30 { margin-top: 30px !important;}
.m-t-40 { margin-top: 40px !important;}
.m-t-80 { margin-top: 80px !important;}
.m-r-0 { margin-right: 0 !important;}
.m-r-15 { margin-right: 15px !important;}
.m-r-50 { margin-right: 50px !important;}
.m-r-100 { margin-right: 100px !important;}
.m-b-0 { margin-bottom: 0 !important;}
.m-b-20 { margin-bottom: 20px !important;}
.m-b-30 { margin-bottom: 30px !important;}
.m-b-45 { margin-bottom: 45px !important;}
.m-b-50 { margin-bottom: 50px !important;}
.m-b-60 { margin-bottom: 60px !important;}
.m-l-0 { margin-left: 0 !important;}
.m-l-120 { margin-left: 120px !important;}

/*文字大小*/
.f14 { font-size: 14px !important;}
.f15 { font-size: 15px !important;}
.f18 { font-size: 18px !important;}
.f24 { font-size: 24px !important;}
.f38 { font-size: 38px !important;}

/*文字颜色*/
.c-white { color: #fff !important;}
.c-yellow { color: #ffcc00 !important;}
.c-orange { color: #fe700a !important;}
.c-orange2 { color: #f9ac48 !important;}
.c-blue { color: #66a3ff !important;}
.c-blue2 { color: #59bfe2 !important;}
.c-purple { color: #db80f9 !important;}
.c-purple2 { color: #9b9bd1 !important;}
.c-purple3 { color: #b871f4 !important;}
.c-green { color: #0cc469 !important;}
.c-green2 { color: #79e58e !important;}
.c-red { color: #ff5353 !important;}
.c-red2 { color: #ff7e7e !important;}
.c-gray { color: #9ba1aa !important;}

/*背景色*/
@media (min-width: 1920px) {
    .bg-cover { background-size: cover !important;}
}
.bg-white { background: #fff !important;}
.bg-gray { background: #f6fbfc;}
.bg-gray2 { background: #f5f5f5;}
.bg-gray3 { background: #f0f0f0;}
.bg-gray4 { background: #f8fbff;}
.bg-gray5 { background: #f2f2f2;}
.bg-black { background: #333;}
.bg-blue { background: #7594fd;}
.bg-blue2 { background: #3eb9f5;}
.bg-blue3 { background: #2ea7e0;}
.bg-blue4 { background: #59bfe2;}
.bg-blue5 { background: #5ec2e4 !important;}
.bg-blue6 { background: #8abdf3 !important;}
.bg-blue7 { background: #6ccdf6 !important;}
.bg-blue8 { background: #66a3ff !important;}
.bg-blue9 { background: #69cbef !important;}
.bg-blue10 { background: #40bfee !important;}
.bg-blue11 { background: #6eb0fc !important;}
.bg-blue12 { background: #69a7ef !important;}
.bg-blue13 { background: #44b6ff !important;}
.bg-blue14 { background: #34bddf;}
.bg-blue15 { background: #5dcae5;}
.bg-blue16 { background: #00b7ee;}
.bg-blue17 { background: #66d4f5;}
.bg-blue18 { background: #7495ff;}
.bg-blue19 { background: #acbfff;}
.bg-blue20 { background: #5c8be1;}
.bg-green { background: #66d161;}
.bg-green2 { background: #33d5bd;}
.bg-green3 { background: #0ecc6a;}
.bg-green4 { background: #19ba62;}
.bg-green5 { background: #80e55e;}
.bg-green6 { background: #79e58e !important;}
.bg-green7 { background: #0cc469 !important;}
.bg-green8 { background: #64eecf !important;}
.bg-green9 { background: #47e4c1 !important;}
.bg-green10 { background: #00c380 !important;}
.bg-green11 { background: #0dcc6d !important;}
.bg-green12 { background: #32d34c;}
.bg-green13 { background: #5bdc70;}
.bg-green14 { background: #32d34c;}
.bg-green15 { background: #84e594;}
.bg-green16 { background: #1be17f;}
.bg-green17 { background: #6ac17a;}
.bg-red { background: #fc546b;}
.bg-red2 { background: #f04b4b;}
.bg-red3 { background: #f85697;}
.bg-red4 { background: #fe885f !important;}
.bg-red5 { background: #ff7e7e !important;}
.bg-red6 { background: #ff6868 !important;}
.bg-red7 { background: #ff5353 !important;}
.bg-red8 { background: #ff8c8c !important;}
.bg-red9 { background: #f36b6b !important;}
.bg-red10 { background: #e54c4c !important;}
.bg-red11 { background: #fa7070 !important;}
.bg-red12 { background: #ec6666 !important;}
.bg-red13 { background: #f64444;}
.bg-red14 { background: #f86969;}
.bg-red15 { background: #f26e6e;}
.bg-pink { background: #fa6dff;}
.bg-pink2 { background: #f883c8;}
.bg-pink3 { background: #ed6cb9;}
.bg-pink4 { background: #ff7171;}
.bg-pink5 { background: #f3a066;}
.bg-pink6 { background: #f95699;}
.bg-pink7 { background: #fb9ac2;}
.bg-pink8 { background: #ff8c8c;}
.bg-orange { background: #ff6526;}
.bg-orange2 { background: #f8b62d;}
.bg-orange3 { background: #f9ac48;}
.bg-orange4 { background: #ff9543;}
.bg-orange5 { background: #ff6600;}
.bg-orange6 { background: #faa05a;}
.bg-orange7 { background: #f58732;}
.bg-orange8 { background: #f39800 !important;}
.bg-orange9 { background: #ff9c4f;}
.bg-orange10 { background: #ff842d;}
.bg-orange11 { background: #eb6100;}
.bg-orange12 { background: #e5925b;}
.bg-yellow { background: #f7b532;}
.bg-yellow2 { background: #f5c855;}
.bg-yellow3 { background: #f8cc1b;}
.bg-yellow4 { background: #ffcc00;}
.bg-yellow5 { background: #fec96a;}
.bg-yellow6 { background: #efb957;}
.bg-yellow7 { background: #f4a53f;}
.bg-yellow8 { background: #f6b765;}
.bg-yellow9 { background: #f4b817;}
.bg-yellow10 { background: #f8d474;}
.bg-purple { background: #b871f4;}
.bg-purple2 { background: #9b9bd1 !important;}
.bg-purple3 { background: #9559d1;}
.bg-purple4 { background: #9691f5;}
.bg-purple5 { background: #8881ee;}
.bg-purple6 { background: #c477f6;}
.bg-purple7 { background: #b661ed;}
.bg-purple8 { background: #c54cec;}
.bg-purple9 { background: #d170f0;}
.bg-purple10 { background: #b870f6;}
.bg-purple11 { background: #d4a9fa;}
.bg-purple12 { background: #db52db;}
.bg-purple13 { background: #c770ff;}
.bg-brown { background: #bd884f !important;}

/*文字位置*/
.text-l { text-align: left !important;}
.text-c { text-align: center !important;}

/*border*/
.border-none { border: 0 !important;}

/*旋转*/
.xuanzhuan360 li:hover .iconfont, .xuanzhuan360 li:hover .icon { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease;}

/*按钮*/
.btn { display: inline-block; height: 30px; min-width: 80px; padding: 0 10px; font-size: 12px; font-weight: normal; line-height: 30px; color: #666; text-align: center; cursor: pointer; vertical-align: middle; text-decoration: none; border-radius: 2px;}

/*头部*/
.header-sqtg { position: relative; z-index: 99; background: #fff; border-bottom: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1); box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
.header-sqtg .logo { padding: 5px 0;}
.header-sqtg .logo img { display: block; height: 60px;}
.header-sqtg .logo .logo-small { display: none;}
.header-sqtg .nav-item { float: left; padding: 0 20px;}
.header-sqtg .nav-item .nav-link { display: block; height: 70px; font-size: 16px; line-height: 70px; color: #333;}
.header-sqtg .nav-item .nav-link span { vertical-align: middle;}
.header-sqtg .nav-item .nav-link .iconfont { margin-left: 4px; font-size: 12px; font-weight: 700;}
.header-sqtg .nav-item .nav-link .hot-num { display: inline-block; padding: 2px 4px; margin-left: 5px; font-size: 12px; line-height: 1; color: #fff; vertical-align: middle; background: #ff6c00; border-radius: 20px;}
.header-sqtg .nav-item .nav-link .hot-num em { position: relative; top: 1px; display: inline-block; transform: scale(.8);}
.header-sqtg .nav-user { padding: 20px 0 0 15px;}
.header-sqtg .nav-user .user-info { font-size: 14px;}
.header-sqtg .nav-user .user-info img { width: 30px; height: 30px; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%;}
.header-sqtg .nav-user .user-info .user-name { padding: 0 10px 0 5px; line-height: 30px; vertical-align: middle;}
.header-sqtg .nav-user .btn { min-width: 58px; height: 28px; font-size: 14px; line-height: 28px; color: #38f; background: #fff; border: 1px solid #38f; transition: all .2s;}
.header-sqtg .nav-user .btn-register { margin-left: 10px; color: #fff; background: #38f;}
.header-sqtg .nav-user .btn:hover { color: #fff; background: #38f; opacity: .85; filter: alpha(opacity=85);}
.header-sqtg .sub-nav-wrap { position: absolute; left: 0; width: 100%; height: 0; overflow: hidden; background: #fff; -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.07), 0 2px 5px rgba(0,0,0,0.07); box-shadow: inset 0 2px 5px rgba(0,0,0,0.07), 0 2px 5px rgba(0,0,0,0.07); opacity: 0; filter: alpha(opacity=0); transition: all .3s;}
.header-sqtg .sub-nav { padding: 30px 0; overflow: hidden;}
.header-sqtg .sub-nav ul { margin-top: 20px;}
.header-sqtg .sub-nav li { float: left; margin-bottom: 10px; line-height: 1.4;}
.header-sqtg .sub-nav li .text { width: 168px;}
.header-sqtg .sub-nav li h3 { font-size: 14px; font-weight: normal; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.header-sqtg .sub-nav li h3 .tag { display: inline-block; padding: 0 5px; margin-left: 5px; font-size: 12px; color: #fff; vertical-align: middle; background: #ff6c00; border-radius: 2px;}
.header-sqtg .sub-nav li p { padding-top: 5px; font-size: 12px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.header-sqtg .sub-nav li:hover h3 { color: #e8373d;}
.header-sqtg .product .sub-nav .fl { height: 440px; padding-left: 40px; overflow: hidden; border-left: 1px solid #eee;}
.header-sqtg .product .sub-nav li a { position: relative; display: block; padding: 10px 10px 10px 0; font-size: 14px; color: #333; vertical-align: middle;}
.header-sqtg .product .sub-nav li .iconfont { position: absolute; top: 11px; left: 0; width: 40px; height: 40px; font-size: 26px; line-height: 40px; color: #fff; text-align: center; background: #7db1ff; border-radius: 4px;}
.header-sqtg .product .sub-nav li h3, .header-sqtg .product .sub-nav li p { padding-left: 50px;}
/*saas产品*/
.header-sqtg .product .sub-nav .sub-nav-mall { width: 658px; padding-left: 0; border: none;}
.header-sqtg .product .sub-nav .sub-nav-mall li { width: 294px; margin-right: 40px;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(1) .iconfont { background: #5ecafd;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(2) .iconfont { background: #46d5c7;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(3) .iconfont { background: #fdc162;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(4) .iconfont { background: #c67efa;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(5) .iconfont { background: #f89772;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(6) .iconfont { background: #5cc2fc;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(7) .iconfont { background: #46d5c7;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(8) .iconfont { background: #fe9805;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(9) .iconfont { background: #f89671;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(10) .iconfont { background: #fdbf5d;}
.header-sqtg .product .sub-nav .sub-nav-mall li:nth-child(11) .iconfont { background: #fd8681;}
/*翼商城*/
.header-sqtg .product .sub-nav .sub-nav-yimall { width: 260px; padding-right: 40px;}
.header-sqtg .product .sub-nav .sub-nav-yimall li:nth-child(1) { padding-bottom: 35px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.header-sqtg .product .sub-nav .sub-nav-yimall li .iconfont { background: #ff5a5a;}
.header-sqtg .product .sub-nav .sub-nav-yimall .mode span { float: left; width: 120px; margin: 15px 15px 0 0; font-size: 12px; line-height: 24px; color: #ff9090; text-align: center;  border: 1px solid #ff9090; border-radius: 20px;}
.header-sqtg .product .sub-nav .sub-nav-yimall li:nth-child(2) .mode span { width: 74px;}
/*解决方案*/
.header-sqtg .product .sub-nav .sub-nav-solution { width: 170px;}
.header-sqtg .product .sub-nav .sub-nav-solution li { margin-bottom: 0;}
.header-sqtg .product .sub-nav .sub-nav-solution li a { padding: 13px 10px 13px 0;}
.header-sqtg .product .sub-nav .sub-nav-solution li:hover a { color: #e8373d;}
.header-sqtg .product .sub-nav .sub-nav-name { font-size: 16px; font-weight: normal; line-height: 1; color: #333;}
.header-sqtg .service .sub-nav { padding: 25px 0;}
.header-sqtg .service .sub-nav li { width: 270px; padding: 15px; margin-bottom: 0; line-height: 30px;}
.header-sqtg .service .sub-nav li .icon { width: 35px; height: auto; margin-right: 10px;}
.header-sqtg .sub-nav-wrap .sub-nav-other { height: 60px; border-top: 1px solid #e8e8e8;}
.header-sqtg .sub-nav-wrap .sub-nav-other dl { padding: 15px 0;}
.header-sqtg .sub-nav-wrap .sub-nav-other dt, .header-sqtg .sub-nav-wrap .sub-nav-other dd { float: left; margin-right: 30px; font-size: 14px; line-height: 30px;}
.header-sqtg .sub-nav-wrap .sub-nav-other dt { color: #999;}
.header-sqtg .sub-nav-wrap .nav-contact { font-size: 14px; line-height: 60px; text-align: center;}
.header-sqtg .sub-nav-wrap .nav-contact .dividing-line { padding: 0 15px;}
.header-sqtg .nav-dropdown:hover .sub-nav-wrap { height: 226px; opacity: 1; filter: alpha(opacity=100);}
.header-sqtg .nav-dropdown.product:hover .sub-nav-wrap { height: 561px; opacity: 1; filter: alpha(opacity=100);}

/*底部*/
.footer { min-width: 1210px; padding: 35px 0 0; background: #161616;}
.footer .footer-logo { display: block; margin: 0 auto 35px;}
.footer .footer-nav { margin: 0 auto; text-align: center; overflow: hidden;}
.footer .footer-nav a { display: inline-block; padding: 0 12px; color: #d2d2d2;}
.footer .copyright { padding: 15px 0 30px; font-size: 12px; color: #666; text-align: center;}
.footer .copyright a { color: #666;}
.footer .copyright a:hover { color: #aaa;}

/*底部*/
.site-footer-sqtg { font-size: 14px; line-height: 1.8; background: #282828;}
.site-footer-sqtg a:hover {  color: #e8373d !important;}
.site-footer-sqtg .footer-article { padding: 30px 0 20px; overflow: hidden;}
.site-footer-sqtg .col-article { float: left; width: 200px; margin-right: 40px;}
.site-footer-sqtg .col-article dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9;}
.site-footer-sqtg .col-article dd { margin-bottom: 8px; overflow: hidden;}
.site-footer-sqtg .col-article dd a { font-size: 12px; color: #9b9ea0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.site-footer-sqtg .contact { width: 250px; margin-right: 0;}
.site-footer-sqtg .contact dd { margin-bottom: 15px;}
.site-footer-sqtg .contact dd, .site-footer-sqtg .contact dd a { font-size: 14px; font-weight: 300; line-height: 30px; color: #ccc;}
.site-footer-sqtg .contact dd i { float: left; width: 28px; height: 28px; margin-right: 10px; font-size: 18px; line-height: 28px; color: #e8373d; text-align: center; border: 1px solid #414141; border-radius: 4px;}
.site-footer-sqtg .contact dd img { display: block; width: 110px; height: 110px; margin: 5px 0; border-radius: 2px;}
.site-footer-sqtg .contact dd em { padding: 0 5px;}
.site-footer-sqtg .contact dd.other a, .site-footer-sqtg .contact dd.other span, .site-footer-sqtg .contact dd.other em { font-size: 12px;}
.site-footer-sqtg .footer-links { border-top: 1px solid #414141;}
.site-footer-sqtg .footer-links .w1210 { position: relative; z-index: 1; width: 1140px; padding: 10px 0 10px 60px; margin: 0 auto; font-size: 12px; line-height: 24px;}
.site-footer-sqtg .footer-links span { position: absolute; left: 0;}
.site-footer-sqtg .footer-links a { padding: 0 5px; margin: 0 10px; color: #73777a;}
.site-footer-sqtg .footer-info { border-top: 1px solid #414141;}
.site-footer-sqtg .footer-info .info-text { padding: 20px 0; font-size: 12px; text-align: center;}
.site-footer-sqtg .footer-info .info-text .nav-bottom { padding: 20px 0 5px; font-size: 14px; color: #ccc; text-align: center;}
.site-footer-sqtg .footer-info .info-text .nav-bottom a { padding: 0 8px; color: #9b9ea0;}
.site-footer-sqtg .footer-info .info-text .copyright { padding-top: 5px;}
.site-footer-sqtg .footer-info .info-text em { padding: 0 8px;}

/*公共右侧客户样式*/
.sidebar { position: fixed; top: 350px; right: 0; z-index: 102; width: 50px; height: 221px;}
.sidebar ul { height: 203px; background: url(../images/sidebar_bg.jpg);}
.sidebar ul li { position: relative; width: 50px; height: 50px; border-bottom: 1px solid rgba(255, 255,255, 0.2);}
.sidebar ul li a { color: #fff;}
.sidebar ul li .iconfont { float: left; width: 50px; height: 50px; font-size: 30px; line-height: 50px; color: #fff; text-align: center;}
.sidebar ul li .sidebar-qq, .sidebar ul li .sidebar-phone, .sidebar ul li .sidebar-wx, .sidebar ul li .sidebar-top { background: url(../images/sidebar_bg.jpg);}
.sidebar ul li .sidebar-qq { background-position: 0 200px;}
.sidebar ul li .sidebar-phone { background-position: 0 150px;}
.sidebar ul li .sidebar-wx { background-position: 0 100px;}
.sidebar ul li .sidebar-top { background-position: 0 50px;}

.sidebar ul li .sidebar-qq, .sidebar ul li .sidebar-phone, .sidebar ul li .sidebar-wx { position: absolute; top: 0; right: 0; width: 50px; height: 50px; font: 14px/50px "微软雅黑"; color: #fff; overflow: hidden; transition: all 0.3s;}
.sidebar ul li .sidebar-top { display: inline-block; width: 50px; height: 50px; line-height: 50px; transition: all 0.3s;}
.sidebar ul li img { float: left;}
.sidebar .weixin { position: absolute; top: -75px; left: -210px; display: none; width: 204px; height: 284px; background: url(../images/weixin_right.png) no-repeat 0 -2px;}