@charset "UTF-8";

/* (c) WWW.SEOWHY.COM
 * setTime: 2013-08-31
 * version: 1.1.2
 * author: ZJL <zjl@seowhy.com>

 * 最新版本更新于: 2015-5-22  作者：张家梁  */


/* 重置浏览器样式 */
html{color:#333;background:#f6f8fb;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body,button,input,select,textarea{font-family: 'Helvetica Neue', 'STHeiti', 'Microsoft YaHei', Helvetica,Arial,sans-serif;font-size: 13px;line-height:1.7;word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em,i{font-style:normal;font-weight:normal;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border:0;padding:0;margin:0;}
img{border: 0;vertical-align: middle;}
a img{border-width:0;vertical-align:middle;}
a{cursor:pointer}a:link{color:#428bca;text-decoration:none;}a:visited{color:#5698da;text-decoration:none;}a:hover{color:#568ABE;text-decoration:underline;}a:active{color:#568ABE;text-decoration:none;}

.cGray{color:#333;}.cCcc{color:#ccc;}.f14px{font-size:14px;}.cRed{color: #c33;}
.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}
.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-bottom: 15px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}
.mlr5{margin:0 5px;}

/* 浮动与清除 */
.fleft{float:left;}.fright{float:right;}.clearfix:after{clear:both;content:".";display:block;height:0;font-size:0;visibility:hidden;}.clearfix{*zoom:1;}

/***************************************
* 搜外网 - 整站公用部分
***************************************/


/* (公用)主导航 */
.hd{background: #f4f5f8 url(../images/hd-bg.png) repeat-x;height: 100%;border-bottom: 2px solid #5698da;}
.hd-top , .hd-menu{width: 960px;margin: 0 auto;}
.hd-top{height: 98px;}
.hd-menu{font-size: 14px;}
.hd-top .logo{width: 180px;height: 65px;float: left;background: url(../images/logo.png) no-repeat;}
.hd-top .slogan{width: 200px;float: left;color: #888;}
.hd-top .nav{width: 300px;float: left;font-size: 16px;}
.hd-top .search{width: 480px;float: left;position: relative;margin:20px 0 0 20px;}
.hd-top .logo a{display: block;width: 100%;height: 100%;overflow: hidden;text-indent: -2000em;}
.hd-top .nav li{float: left;height: 85px;line-height: 85px;margin: 0 0 0 15px;}
.hd-top .nav li a{color: #5698da;display: block;}
.hd-top .search .search-input{float: left;height: 32px;line-height: 32px;vertical-align: middle;color: #666;background: #fff;border: 1px solid #999;border-radius: 3px;outline: none;margin: 0;display: block;padding: 0 10px;}
.hd-top .search .search-btn{width: 60px;height: 32px;border: none;position: absolute;top: 0;right: 0;background-color: #568abe;color: #fff;border-radius: 0 3px 3px 0;}
.hd-menu .left{float: left;}
.hd-menu .right{float: right;}
.hd-menu li{float: left;padding-right: 5px;width: 100px;text-align: center;}
.hd-menu li a{display: block;background-color: #5698da;color: #fff;height: 32px;line-height: 32px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.hd-menu li a:hover{background-color: #568abe;text-decoration: none;color: #fff;}
.hd-menu .left .hmain .harrow_a{border-radius: 0;}
.hmain{position: relative;}
.hmain ul{position: absolute;top: 32px;left: 0;display:none;z-index: 2000;}


/* (公用)布局容器 */
/***************************************/
.sw-main{width: 1235px;margin: 30px auto 0;}
.sw-w670{width: 715px;}
.sw-w270{width: 250px;}
.sw-w270.fleft {width: 240px;}
.sw-widget{position: relative;background: #fff;padding: 20px;border: 1px solid #e8eef6;border-top: 0;}
.sw-widget-ad{background: #fff;padding: 9px;border: 1px solid #e9e9e9;border-radius: 4px;}
.sw-modBox {
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    padding: 30px;
    border: 1px solid rgba(17, 30, 44, 0.08);
    box-shadow: 0px 4px 12px 0px rgba(17, 30, 44, 0.02);
}
.sw-modBox {
    margin-top: 30px;
}
.sw-modBox h1{font-size:18px;color:#333;margin-bottom:5px;font-weight: 700;}
.sw-modBox h2,.sw-modBox h3,.sw-modBox h4{margin: 0 0 10px;font-weight: 700;}
.sw-modBox p{margin: 5px 0;line-height: 24px;}
.sw-modBox ol{list-style: decimal;margin-left: 20px;}
.sw-modBox li{line-height: 28px;}
.sw-modBox li span{color: #c30;}

/*newinfo*/   
 .out-box {
   width: 100%;
   height: 300px;
   display: block;
   }
 .info-modBox {
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    padding: 30px;
    border: 1px solid rgba(17, 30, 44, 0.08);
    box-shadow: 0px 4px 12px 0px rgba(17, 30, 44, 0.02);
}
.info-modBox {
    margin-top: 30px;
    width: 42%;
    float: left;
}
.info-modBox h1{font-size:18px;color:#333;margin-bottom:5px;font-weight: 700;}
.info-modBox h2,.sw-modBox h3,.sw-modBox h4{margin: 0 0 10px;font-weight: 700;}
.info-modBox p{margin: 5px 0;line-height: 24px;}
.info-modBox ol{list-style: decimal;margin-left: 20px;}
.info-modBox li{line-height: 28px;}
.info-modBox li span{color: #c30;}  
   
/*newinfo*/   
   
/* (公用)纵向菜单 */
.sw-menu{font-size:14px;}
.sw-menu ul {
    background: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0px 4px 12px 0px rgba(17, 30, 44, 0.02);
}
footer.ui-footer {
    background: #111E2C;
    margin-top: 40px;
}

div#topten h3 img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 100%;
    overflow: hidden;
}
.sw-menu ul li span{color: #999;font-size:13px;margin-left:8px;}
.sw-menu ul li a,.sw-menu ul li a:visited{display: block;color: #49586a;padding: 10px 33px;height: 20px;line-height:20px;border-bottom: 1px solid #e8eef6;border-top: 0;}
.sw-menu ul li a:hover{text-decoration: none;background: #f8fbff;}
.sw-menu ul li a.active{color: #5698da;background: #f8fbff;border-left:2px solid #5698da;}

.widget_archive{background: #fff;font-size:14px;}
.widget_archive ul li span{color: #999;font-size:13px;margin-left:8px;}
.widget_archive ul li a{display: block;color: #555;padding: 10px 20px;height: 20px;line-height:20px;border: 1px solid #e8eef6;border-top: 0;}
/*.widget_archive ul li a,.sw-menu ul li a:visited{display: block;color: #555;padding: 10px 20px;height: 20px;line-height:20px;border: 1px solid #e8eef6;border-top: 0;}*/
.widget_archive ul li a:hover{text-decoration: none;background: #f9f9f9;}
.widget_archive ul li a.active{color: #555;background: #f9f9f9;border-left:2px solid #5698da;}

/* (公用)面包屑 */
.sw-crumb{padding:0px 8px 0 20px;height:42px;line-height:42px;color: #999;background: #fff;border: 1px solid #e8eef6;white-space: nowrap;border-radius: 8px;}
.sw-crumb>ul{overflow: hidden; text-overflow: ellipsis;float: inherit;}
.sw-crumb li{display: inline;padding-right:5px;}
.sw-crumb li.active{color: #999;}
.sw-crumb li a{display: inline-block;}
#search{position:relative;float: left;padding:0px 0;}
#search .se-input{width: 308px;padding: 7px 10px 6px;overflow: hidden;border: 1px solid #e8eef6;float: left;display: inline;height: 20px;line-height: 20px;outline: none;}
.se-btn{
display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    background-color: #59b0ff;
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    margin: 5px;
    padding: 2px 6px;
}
.se-input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.se-input {
    padding: 6px;
    resize: none;
    border-color: #e6e6e6;
    box-shadow: inset 0 1px 1px rgba(144,164,174,0.1);
}

/***************************************
* 搜外网 - 教程栏目
***************************************/

/* (教程栏目)文章列表 */
.sw-list h3, .sw-listRank h3, .sw-menu h3, .widget_archive h3 {
    color: #111E2C;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-left: 33px;
    background: #fff;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    box-shadow: 0px 4px 12px 0px rgba(17, 30, 44, 0.02);
    padding-top: 10px;
}
.sw-menu h3 img {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.sw-list ol{list-style: decimal;margin-left: 18px;}
.sw-list li{margin-bottom:8px;}
.c-title{font-size:20px;color:#333333;margin-bottom:5px;}

/* (教程栏目)文章列表-排行 */
.sw-listRank ol {
    background: url(../images/sw-listrank.png) #fff no-repeat 20px 20px;
    color: #999;
    padding: 20px 20px 0px 68px;
    border-top: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom: 1px solid rgba(17, 30, 44, 0.08);
}
div#topten h3 {
    padding: 20px 15px 0px 20px;
}
.sw-listRank ol li{width: 160px;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;line-height: 19px;height: 40px;}

/*footer*/
.footer{font-size: 14px;border-top: 1px solid #ededed;margin-top: 20px;}
.footer h5{font-size: 16px;margin-bottom: 2px;letter-spacing: 2px;}
.footer-top{background-color: #fafafa;padding: 35px 0;}
.footer-top-in,.footer-bot-in,.footer-contact{width: 1205px;margin: 0 auto;overflow: hidden;}
.footer-solution,.footer-link,.footer-trade{float: left;background: url(../images/footer-icon.png) no-repeat;padding-left: 45px;/*margin-right: 25px;*/margin-right: 105px;}
.footer-solution{background-position: 0 12px;}
.footer-link{background-position: 0 -88px;}
.footer-trade{background-position: 0 -188px;}
.footer-contact span{padding-right: 20px;color: #888;}

.footer-bot{background-color: #f2f2f2;height: 46px;line-height: 46px;color: #9a9a9a;font-size: 12px;}
.footer-bot span{display: inline-block;float: right;font-family: tahoma,arial,sans-serif;}
.footer-bot .footer-ul{float: left;}
.footer-ul{overflow: hidden;}
.footer-ul li{float: left;margin-right: 8px;}
.footer a{color: #888;}
.footer-bot a{color: #9a9a9a;}




.aw-inbox .mod-footer{margin:0 20px;}
.aw-inbox-read h2 a{font-size: 12px;font-weight: normal;}
.aw-inbox-read .mod-body{position: relative;padding:15px 60px;}
.aw-inbox-read .mod-body .aw-user-img{position: absolute;right: 20px;}
.aw-inbox-read .mod-body .aw-user-img img{width: 32px;height: 32px;}
.aw-inbox-read .mod-body textarea{min-height: 100px;}
.aw-inbox-read .mod-body p{margin-top:10px;text-align: right;}
.aw-inbox-read .mod-footer{margin:0 0 20px;}
.aw-inbox-read .mod-footer li{position: relative;padding:15px 70px;}
.aw-inbox-read .mod-footer li .aw-item{position:relative;padding:5px 15px;background: #fafafa;border:1px solid #e6e6e6;border-radius: 5px;}
/*.aw-inbox-read .mod-footer li .aw-item p:first-child{margin-bottom: 10px;}*/
.aw-inbox-read .mod-footer li .aw-item p {word-wrap: break-word;line-height: 1.7;}
.aw-inbox-read .mod-footer li .i-private-replay-triangle{position: absolute;right: -9px;top: 10px;border-left:1px solid #fafafa;}
.aw-inbox-read .mod-footer li .aw-user-img{position:absolute;top:15px;right: 18px;}
.aw-inbox-read .mod-footer li .aw-user-img img{width: 32px;height: 32px;border-radius: 50%;}
.aw-inbox-read .mod-footer li.active .aw-item{background: #f5fafe;border:1px solid #dcecf9;}
.aw-inbox-read .mod-footer li.active .aw-user-img{left:18px;top:15px;}
.aw-inbox-read .mod-footer li.active .i-private-replay-triangle{background: url('../images/icon-angle-left.png') no-repeat;left:-7px;border-left:none;border-right: 1px solid #f5fafe;}
.i-private-replay-triangle{width: 8px;height: 10px;background: url('../images/icon-angle-right.png') no-repeat;}


.dssay-mod{margin: 10px 0;padding: 30px;border:1px solid #eee;position: relative;}
.dssay-mod h3{font-size: 22px;margin: 0;text-align: center;color: rgb(86, 152, 218);}
.dssay-mod h4{text-align: center;font-size: 18px;margin-bottom: 20px;color: rgb(86, 152, 218);}
.dssay-mod p{margin: 0;line-height: 24px;}

.dssay-peo{margin: 30px 0 20px;position: relative;}
.dssay-peo .dssay-peo-hd{height: 38px;line-height: 38px;background-color: rgb(86, 152, 218);color: #fff;text-indent: 60px;}
.dssay-peo img{width: 60px;height: 60px;position: absolute;top: -20px;left: -20px;border:4px solid #fff;border-radius: 50%;}
.dssay-peo .dssay-peo-bd{padding: 30px;border:1px solid #eee;border-top: none;}
.dssay-peo .dssay-peo-bd p{text-indent: 2em;}
.article{
    position:relative;
}
.article img{
    max-width: 100%;
}
.sw-w270.right-box.fright .mt15 ol li a {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    line-height: 20px;
    height: 40px;
    font-size: 14px;
    color: #606060;
}

/* 最新版本更新于: 2020-8-21  作者：ccx  时间: 2020-8-20 START*/
@font-face {
    font-family: 'iconfont';
    src: url("https://www.seowhy.com/font/font_29668_5cfixkw48qo.woff2") format("woff2");
}
.nav-left{float: left !important;}
.site-search-a {
    float: right;
    width: 180px;
}
form.search-form-a {
    position: relative;
}
input.search-button {
    margin: 0 auto;
    border: none;
    padding: 10px;
    position: absolute;
    background: none;
    z-index: 2;
    right: -4px;
}
i.search-but {
    font-family: 'iconfont';
    position: absolute;
    left: 10px;
}
input.search-text {
    border: 1px solid #e8eef6;
    border-radius: 50px;
    background-color: #fff;
    color: #555;
    font-size: 13px;
    padding: 0 10px 1px 32px;
    height: 28px;
    outline: none;
    width: 100%;
}
/*search END*/
.site-Announcement {
    margin: 0 auto;
    padding: 0 0 18px;
    width: 100%;
}
.site-Announcement>a {
    display: block;
}
.site-Announcement>a>img {
    max-width: 100%;
    height: auto;
    border: 0;
}
header.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    height: auto;
    padding: 0 30px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    margin: 0 auto;
}
.header-container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.site-logo {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.site-logo>h1>a {
    display: block;
}
.site-logo>h1>a>img {
    width: 120px;
    max-width: 100%;
    height: auto;
}
.site-logo>h1 {
    margin: 0 auto;
    padding: 20px 0;
    display: inline-block;
}
.site-logo>h2 {
    display: inline-block;
    padding-left: 12px;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    border-left: 1px solid #333;
}
.site-login-item {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.site-login-item>a {
    display: inline-block;
    font-weight: normal;
    color: #666;
    text-align: center;
    vertical-align: top;
    user-select: none;
    border: none;
    padding: 0 36px;
    line-height: 38px;
    font-size: 14px;
    border-radius: 100px;
    outline: 0;
}
.site-login-item>a.login-item-r {
    color: #fff;
    background-color: rgb(85, 153, 221);
    border: 1px solid rgb(85, 153, 221);
    margin-left: 5px;
}
.site-login-item>a.login-item-l {
    color: rgb(85, 153, 221);
    background-color: transparent;
    border: 1px solid rgb(85, 153, 221);
}
.site-login-item>a:hover {
    outline: 0;
    text-decoration: none;
}
.site-login-item>a.login-item-r:hover {
    background-color: rgb(51, 122, 183);
}
.site-login-item>a.login-item-l:hover {
    background-color: rgb(85, 153, 221);
    color: #fff;
}
.site-nav {margin: 0 auto;padding: 0;}
.site-nav>ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.site-nav>ul>li {
    display: inline-block;
}
/* login-user */
.site-login-avatar>a {
    color: #666;
    display: inline-block;
    padding: 0 5px;
    margin: 0 auto;
}
.site-login-avatar>a>img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 5px;
}
.site-login-avatar>a:hover {
    text-decoration: none;
}

ul.pull-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 148px;
    font-size: 13px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.site-login ul.pull-menu {
    border: 1px solid #d1d1d1;
    border-top: 2px solid #5698da;
    /*margin: 5px 0 0;*/
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    padding: 0 0 4px;
    /*display: block;*/margin: 1px 0 0;
}
.site-login ul.pull-menu>li>a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 20px;
    margin: 0;
    color: #666;
    clear: both;
    font-weight: normal;
    white-space: nowrap;
}
.site-login ul.pull-menu>li>a:hover {
    text-decoration: none;
    color: #5698da;
}
.site-login-avatar>a:hover+.pull-menu,.pull-menu:hover {
    display: block;
}
.site-login-avatar {
    position: relative;
    margin: 0 6vw 0 2vw;
}
.site-login-avatar>a>span:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    clear: both;
}
/*pc修改成响应式 START*/
.sw-main {
    width: 100%;
    max-width: 1290px;
    margin: 88px auto 0;
    padding: 0;
}
.sw-w670 {
    width: 950px;
    padding: 0 30px;
}
.footer {
    background-color: rgb(250, 250, 250);
}
.footer-top {
    padding: 35px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: auto;
    max-width: 1280px;
}
.footer-top-l {
    width: 82%;
}
.footer-top-in {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}
.footer-solution, .footer-link, .footer-trade {
    margin: 0;
}
.footer-contact {
    width: auto;
    margin: 28px auto 0;
}
.footer-top-r>img {
    max-width: 100%;
    width: 120px;
    height: auto;
}
.footer-top-r {
    margin: 0 auto;
}
.footer-bot {
    margin: 0 auto;
    padding: 0 15px;
}
.footer-bot-in {
    width: 100%;
    max-width: 1280px;
}
@media screen and (max-width: 1400px){
    header.header-fixed {
        padding: 0 15px;
    }
}

@media screen and (max-width: 1360px){
    .site-nav>ul>li>a {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1330px){
    .sw-main {
        width: auto;
        padding: 0 15px;
    }
    .site-main-container {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .sw-w670 {
        flex-grow: 1;
        -webkit-flex-grow: 1;
    }
}

@media screen and (max-width: 1290px){
    .site-logo {
        width: 24%;
    }
    .site-nav {
        width: auto;
    }
    .site-login {
        width: auto;
    }
    .site-nav>ul>li>a {
        padding: 0 1vw;
    }
}

@media screen and (max-width: 1110px){
    .site-nav>ul>li>a {
        padding: 0 0.6vw;
    }
}
@media screen and (max-width: 1100px){
    .site-logo>h2 {
        display: none;
    }
}

.ui-case-faq {
    background: url(../images/case_bg.png) no-repeat !important;
    background-size: 100% 100% !important;
    margin-bottom: 60px !important;
}
.content2 {
    width: 100%;
    max-width: 1290px;
    margin: 0px auto 0;
    padding-top: 25px;
}
   

  .columu{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   }
    .columu a,.columu li{
   width:46%;
   }
     .columu>a{
  line-height: 31px;
   }