.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
* { margin: 0px; padding: 0px; }
ul, li, ol { list-style-type: none; }
a { text-decoration: none; }

body { font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; font-size: 14px; margin: 0 auto; }
/*overflow-x:hidden; */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

.clr::after { clear: both; content: ""; display: table; }
.fl { float: left; }
.fr { float: right; }
.center { text-align: center; }
.dn { display: none; }
.db { display: block; }
.ib{display: inline-block;}
input, textarea, img { border: 0; }
button { border: 0; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
input, button, select, textarea { foutline: none; }
em, i { font-style: normal; border: 0 none; }
i { font-style: normal; border: 0 none; }
img { vertical-align: middle; }
textarea { resize: none; }


body
{
    font-family: Muli,'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif !important;
    /*font-family: 'ff-tisa-web-pro-1', 'ff-tisa-web-pro-', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'WenQuanYi Micro Hei', sans-serif !important;*/
    font-size: 14px;
    font-weight: 400;
    font-style: normal;

    min-width: 1025px;
    margin: 0;
    padding: 0;

    color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: Muli,'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif;
}
*
{
    box-sizing: border-box;
}
/*header*/
header
{

    z-index: 1001;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex!important;

    width: 100%;
    height: 80px;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}
.ly_nav_com .mw-8
{
    width: 100%;
    max-width: 1300px;
    height: 100%;
}
.ly_nav_com .nav-left
{
    float: left;
}
.ly_nav_com .nav-right
{
    float: right;
}
.ly_nav_com a.logo
{
    line-height: 75px;
    background: url(/scsp/foreground-1/img/logo-light.png) no-repeat center;
    display: block;
    width: 140px;
    /*width: 284px;*/
    height: 80px;
    z-index: 999;


}

.ly_nav_com a
{
    text-decoration: none;

    color: #999;
}
.ly_nav_com a:hover{color: #666;}
.ly_nav_com .nav
{
    margin: 0;
    padding: 0;

    list-style: none;
    /*width: 40%;*/
    height: 100%;
    margin-left: 250px;
}
.ly_nav_com .nav > li
{
    font-size: 16px;
    line-height: 75px;
    float: left;

    width: 16.6%;
    height: 100%;

    text-align: center;
}
.ly_nav_com .nav > li > a
{
    color: #333;
    padding:0 15px;
}
.ly_nav_com .nav1 > li {text-align: center;}
.ly_nav_com .nav2 > li {text-align: center;}
.ly_nav_com .nav > li:hover > a
{
    background-color: rgba(0,0,0,.95);
}
.ly_top .unauthenticated
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    height: 54px;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;
}
.ly_top .unauthenticated > a
{
    font-size: 14px;

    display: inline-block;

    padding: 8px 22px;

    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    text-decoration: none;
}
.ly_top .unauthenticated > a:hover
{
    color: #9bc200;
    border-color: #9bc200;
    text-decoration: none;
}
.ly_top .unauthenticated > a:last-child
{
    border-color:#F60;
    color: white !important;
    background-color:#F60;
}
header .unauthenticated > a:last-child:hover
{
    background: #9bc200;
    border-color: #9bc200;
}
.ly_top .unauthenticated > span
{
    width: 9px;
    position: absolute;
    left: 46%;
    height: 35px;
    border-right: 1px solid #fff;
    top: 10px;
}
header .nav > li:hover .nav-list
{
    display: block;
}
header .nav-list
{
    line-height: 100%;

    position: absolute;
    top: 59px;

    display: none;

    margin: 0;
    padding: 0;

    list-style: none;

    text-align: left;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    z-index: 999;
}
header .nav-list > .nav-list-item
{
    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 246px;
    height: 44px;
    left: -72px;

    color: #999;
    background-color: #fff;
    box-shadow: 0 1px 1px #999;
    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;
}
header .nav-list.single > .nav-list-item
{
    width: 168px;
    height: 44px;
    left: -66px;
}

header .nav-list > .nav-list-item .nav-left.icon
{
    padding-right: 1px;
    padding-left: 2px;
}

header .nav-list > .nav-list-item .nav-link
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 80%;
    height: 44px;
    margin: 0 auto;
}
header .nav-list.single > .nav-list-item .nav-link
{
    height: 44px;
    text-align: center;
    display: inline-block;
    width: 100%!important;
    line-height: 44px;
}
header .nav-list > .nav-list-item > a
{
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    border-bottom: 1px solid #f9f9f9;
}
header .nav-list > .nav-list-item > a:hover
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    background-color: rgba(255,255,255,0.2);
    text-decoration: none;
}
header .nav-list > .nav-list-item .nav-title
{
    font-size: 14px;

    display: inline-block;
    width: 140px;
    text-align: center;
    margin-bottom: 3px;
	padding-top:2px;
}
header .nav-list.single > .nav-list-item .nav-link
{
    font-size: 14px;

    margin-bottom: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    
}
header .nav-list > .nav-list-item .nav-description
{
    font-size: 12px;

    display: inline-block;
}
header .i_superwebview
{
    display: inline-block;

    width: 30px;
    height: 30px;

    background-image: url('/subment-icon.png');
    background-position: 0 -30px;
}
header .i_deepengine
{
    display: inline-block;

    width: 30px;
    height: 30px;

    background-image: url('/new/subment-icon.png');
    background-position: -30px -30px;
}
header .i_cloudservice
{
    display: inline-block;

    width: 30px;
    height: 30px;

    background-image: url('/new/subment-icon.png');
    background-position: -60px -30px;
}
header .authenticated
{
    width:164px;
    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 15px;
    height: 75px;
    margin: 0 40px 0 30px;

    cursor: pointer;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;
}
header .authenticated .profile
{
    line-height: 30px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    padding: 0 10px;
    padding-left: 20px;
    color: white;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;
    height: 44px;
    margin-bottom: 1px;
    font-size: 14px;
}
header .authenticated .profile img
{
    width: 30px;
    height: 30px;
    margin-right: 3px;
    border-radius: 15px;
}
header .authenticated .profile .name{
    width:80px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    font-size: 14px;
}
header .authenticated  .arr-b
{
    display: inline-block;

    width: 19px;
    height: 18px;
    margin-left: 10px;

    vertical-align: middle;

    background: rgba(0, 0, 0, 0) url('/scsp/foreground-1/img/arr_b.png') no-repeat scroll 0 0;
}
header .authenticated:hover .profile
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    background-color: rgba(0,0,0,.5);
}
header .authenticated:hover .nav-list
{
    left: 0;

    display: block;
}
header .authenticated .nav-list .nav-list-item
{
    width: 164px;
}
header .authenticated .nav-list .nav-list-item > a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0 22px;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;
}
header .authenticated .nav-list .nav-list-item > a i
{
    font-size: 20px;

    margin-top: 3px;
}

header .authenticated .nav-list .nav-list-item > a span
{
    font-size: 14px;

    margin-left: 7px;
}
header.light
{
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
header.light
{
    background-color: rgba(255, 255, 255, .97);
}
header.light a
{
    color: #666;
}
header.light a.logo
{
    background: url(/scsp/foreground-1/img/logo-dark.png) no-repeat left center;
}
header.light .i_superwebview{
    background-position: 0 0;
}
header.light .i_deepengine{
    background-position: -30px 0;
}
header.light .i_cloudservice
{
    background-position: -60px 0;
}
header.light .link-group .links
{
    color: #ababab;
}
header.light .link-group a,
header .link-group span
{
    color: #61685b;
}
header.light .nav > li:hover > a
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    background-color: rgba(0,0,0,.02);
}
header.light .link-group a:hover{
    color: #9bc200;
}
header.light .authenticated:hover .profile
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    background-color: rgba(0,0,0,.02);
}
header.light .nav-list
{
    top: 75px;

    overflow: hidden;

    border-radius: 0 0 3px 3px;
    background-color: white;
    box-shadow: 0 7px 21px rgba(0, 0, 0, .1);
}
header.light .nav-list.single > .nav-list-item
{
    height: 44px;
}
header.light .nav-list > .nav-list-item
{
    background-color: rgba(255,255,255,.97);
}
header.light .nav-list > .nav-list-item > a:hover
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    background-color: rgba(0,0,0,.1);
}
header.light .authenticated .profile
{
    color: #666;
}



header.dark1,header.dark{
    color: #333;
    background:#fff;
    border-bottom: 1px solid #f60;
    top: 54px;
}
header.dark .nav > li:hover > a{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    background-color: rgba(255,255,255,.02);
}
header.dark1 .nav > li:hover > a{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    background-color: rgba(255,255,255,.02);
}
header.dark .nav-list
{
    top: 65px;
    right: -65px;
}
header.dark1 .nav-list
{
    top: 75px;
}
header.dark .authenticated:hover .profile
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    background-color: rgba(255,255,255,.02);
}

header.dark1 .authenticated:hover .profile
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    background-color: rgba(255,255,255,.02);
}
/*footer*/
footer
{
    min-height: 284px;

    text-align: left;

    background-color: #f2f2f2;
}
footer dl
{
    font-size: 14px;

    display: inline-block;
    float: left;

    width: 16%;
    margin-top: 46px;

    text-align: left;
    vertical-align: top;
}
footer dt
{
    font-weight: normal;

    margin: 5px 0;

    color: #797979;
}
footer dd
{
    margin: 5px 0;
}
footer dd a
{
    text-decoration: none;

    color: #adadad;
}
footer section
{
    width: 900px;
    margin: 0 auto;
}
footer .footer-right
{
    display: inline-block;
    float: right;
    width: 20%;
    text-align: right;
    margin-top: -40px;
    margin-right: 56px;
}
footer .footer-right .share
{
    font-size: 0;

    margin: 46px 0 0;

    text-align: right;
}
footer .footer-right .share-links
{
    display: inline-block;

    width: 30px;
    height: 30px;
    margin-left: 12px;
}
/*.weixinImg*/
/*{*/
    /*background: rgba(0, 0, 0, 0) url('/scsp/foreground-1/img/appoverview.png') no-repeat scroll -326px -285px;*/
/*}*/
/*.weiboImg*/
/*{*/
    /*background: rgba(0, 0, 0, 0) url('/scsp/foreground-1/img/appoverview.png') no-repeat scroll -404px -285px;*/
/*}*/
/*.facebook*/
/*{*/
    /*background: rgba(0, 0, 0, 0) url('/scsp/foreground-1/img/appoverview.png') no-repeat scroll -366px -285px;*/
/*}*/
/*.twitter*/
/*{*/
    /*background: rgba(0, 0, 0, 0) url('/scsp/foreground-1/img/appoverview.png') no-repeat scroll -285px -285px;*/
/*}*/
footer .footer-right .copyright
{
    font-size: 12px;

    margin-top: 64px;

    text-align: right;

    color: #323232;
}
footer .footer-right .qrcode
{
    margin-top: 50px;
}
footer .copyright
{
    font-size: 12px;
    line-height: 71px;
	background:#323232;
    clear: both;

    width: 100%;
    height: 72px;


    text-align: center;

    color: #999;
    border-top: 1px solid #323232;
}
footer .copyright1
{
    font-size: 14px;
    line-height: 71px;
	background:#323232;
    clear: both;

    width: 100%;
    height: 74px;
    margin-top: 40px;

    text-align: center;

    color: #999;
    border-top: 1px solid #323232;
}
footer .copyright label{
    margin-bottom: 0px;
}
footer .link-exchange-box
{
    clear: both;
}
footer .link-exchange
{
    font-size: 12px;

    margin: 0 auto;
}
footer .link-exchange h5
{
    font-size: 16px;
    font-weight: bolder;

    display: inline-block;

    margin: 0;

    color: #999;
}
footer .link-exchange h5 + span
{
    line-height: 22px;

    display: inline-block;

    margin-left: 5px;

    vertical-align: text-top;

    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #656565;
}
footer .link-exchange h5 + span.active
{
    margin-top: 4px;

    border-color: #656565 transparent transparent transparent;
}
footer .link-exchange p
{
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    display: none;
}
footer .link-exchange a
{
    line-height: 14px;

    display: inline-block;

    margin-top: 8px;
    margin-bottom: 8px;

    text-decoration: none;
    text-indent: 4px;

    color: #666;
    border-left: 1px solid #666;
}
footer .link-exchange a:first-child
{
    margin-left: 0;

    text-indent: 0;

    border-left: medium none;
}
/*err-top*/
header .err-top{
    position: absolute;
    width: 100%;
    z-index: 1;
    display: none;
    margin:0 auto;
    left: 0;
    right: 0;
    width: 518px;
}
header .err-top.succ,header .err-top.fail{
    display: block;
}

header .err-top .err-close{
    width: 18px;
    height: 18px;
    display: block;
    line-height: 18px;
    position: absolute;
    right: 15px;
    top: 10px;
}
header .err-top:hover .err-close{
    display: block;
}
header .err-top .icon-remove{
    margin-right: 10px;
    line-height: 18px;
    height: 18px;
    cursor: pointer;
}
header .err-top.fail .icon-remove{
    color: #D9626E;
}
header .err-top.succ .icon-remove{
    color: #248060;
}
header .err-top .err-out{
    width: 518px;
    height: 44px;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
}
header .err-top.fail .err-out{
    background-color: #F7CBD0;
}
header .err-top.fail .err-out i,header .err-top.fail .err-out span{
    color: #D9626E;
}
header .err-top.succ .err-out i,header .err-top.succ .err-out span{
    color: #248060;
}
header .err-top.succ .err-out{
    background-color: #6FE8BF;
}
header .err-top .err-switch{
    text-align: center;
}
header .err-top .err-switch-i{
    font-size: 23px;
    line-height: 46px;
    height: 46px;
    display: none;
    margin-right: 20px;
}
header .err-top.succ .icon-smile,header .err-top.fail .icon-frown{
    display: inline-block;
}
header .err-top .err-content{
    font-size: 12px;
    line-height: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: bottom;
}
/*err-top end*/

.blogtips{
    width: 0;
    height: 0;
    position: relative;
    border-right:5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #656565;
    border-top:5px solid transparent;
    margin-left: 35px;
    margin-top: -14px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;  /* Firefox 4 */
    -webkit-transition: all 0.3s;   /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /*position: relative;*/
    /*padding-bottom: 10px;*/
}
.blogtips:hover{
    /*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -moz-transform: rotate(90deg);
   -moz-transform-origin:25% 25%;*/
   border-right:5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top:5px solid #656565;
    margin-top: -10px;
}
.blog1{
    width: 300px;
   /*padding-top:10px;*/
   display: none;
   position: relative;
    left:-39px;
    top:-5px;
}
.blogtitle{
    width: 300px;
    background: #1C1C1C;
    line-height: 32px;
    color: #737373;
    overflow: hidden;
    padding-left: 10px;
    height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*position: absolute;*/
    /*left: 0px;*/
    /*margin-top:10px;*/
    /*display: none;*/
}
.ly_top{width: 100%;top: 0;z-index: 9999;background: #333;/*2017-01-25*//*background: #c40000;*/    opacity: 0.8;}
.ly_top .ly_top_box{width: 100%;height: 54px; margin: 0 auto;background: #333;/*2017-01-25*//*background: #c40000;*/position: relative;max-width: 1300px;}
.ly_nav{margin: 0 auto;position: relative;}
.ly_nav_r{position: absolute;right: 0px;}
.login_btn1{margin-right: 30px;}
.unauthenticated span{color: #fff;}
#page{width: 100%;}
#page section{margin: 0 auto;width: 100%;}
.ly_nav_l a{display: inline-block;color: #fff;width: 24px;height: 24px;background-size: cover;margin-top: 16px;}
.ly_nav_l p{display: inline-block;color: #fff;position: relative;top: -7px;}
.ly_nav_l1{background: url("../img/eye80.png") no-repeat;margin-right: 38px;}
.ly_nav_l2{background: url("../img/call11.png") no-repeat;margin-right: 15px;}
.fx{position: fixed;}
.ly_nav_l1_2{background: url("../img/eye2.png") no-repeat;}
.ly_nav_l2_2{background: url("../img/call2.png") no-repeat;}
.footer-right2_2{position: relative;}
.footer-right2_2 .ly_nav_l{position: absolute;right: -150px; top: -60px;}

.ly_t{top: 400px;
    color: #000;
    font-size: 12px;
    position: absolute;
    right: 0;
    width: 330px;}
.ly_t span{color: #f00;}
.copyright{padding-top: 0;}
.foot-con{width: 1200px; margin: 0 auto;font-size: 0.7rem;}
		.foot-con dl{float: left; position: relative;left: -186px;}
		.foot-img{position: relative;padding-top: 10px; margin-bottom: 10px; margin-left: 210px;}
		.foot-img2{ position: absolute;top:65px;right:-25px;}
		.ser-tit{font-size: 50px;color: #333;font-weight: 500; text-align: center; margin-top: 90px;}
		.ser-tex{font-size: 16px;font-weight: bold;color: #666; margin-bottom: 30px;}
		.ser-tit-zz{padding-top: 80px;padding-bottom: 30px;}