@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#7d3806;}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:22px;color:#777;}
.layout{ max-width:1280px; margin:0 auto; clear:both;}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.html) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
/*初始化*/

/* 轮播图默认样式 */
.swiper-container {
     width: 100%;
     height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet{  opacity: 1; background: #7c7c7b; width: 8px; height: 8px;}
.swiper-pagination-bullet-active{  background: #04386c; opacity: 1;}

*{ box-sizing:border-box; }
body{
    min-width: 1300px;
}
.header{
    height: 100px;
    line-height: 100px;
    background: #fff;
    text-align: center;
}
.header .layout1{
    margin: 0 auto;
    padding: 0 60px;
}
.header .logo{
    float: left;
    width: 200px;
    height: 147px;
}
.header .logo img{
    width: 100%;
    height: 100%;
}
.nav{
    display: inline-block;
} 
.nav>li{
    float: left;
    margin: 0 20px;
    position: relative;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.nav>li>a{
    font-size: 20px;
    color: #444;
    padding: 0 15px;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.nav>li.on>a,.nav>li:hover>a{
    color: #00ABFF;
    display: inline-block;
    height: 100%;
    box-sizing:border-box;
    position: relative;
}
.nav>li.on>a:before,.nav>li:hover>a:before{
    content: '';
    width: 100%;
    height: 3px;
    background: #00ABFF;
    position: absolute;
    bottom: 0;
    left: 0;
}
.hd-rg{
    float: right;
    position: relative;
}
.hd-rg .tele{
    font-size: 26px;
    color: #888;
    float: left;
}
.hd-rg p{
    display: inline-block;
}
/* .hd-rg .tele:after{
    content: '|';
    display: inline-block;
    vertical-align: middle;
    margin: -3px 12px 0;
    color: #d6d6d6;
} */
.hd-rg .no{
    color: #00ABFF;
    font-weight: 600;
    margin-right: 35px;
}
.hd-rg .no:before{
    content: '';
    width: 27px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-tele2.png) no-repeat center;
    margin-top: -3px;
    margin-right: 10px;
}

.sear-icon,.sear-box .sub{
    width: 20px;
    height: 20px;
    background: url(../images/icon-search.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}
@media screen and (max-width: 1500px){
.header .layout1{
    padding: 0 20px;
}
.nav>li>a{
    padding: 0 5px;
}
.nav>li {
    margin: 0 15px;
}
}
.sear-box{
    position: absolute;
    right: 0;
    top:0;
    background: #fff;
    border: 1px solid #e5e5e5;
    width: 260px;
    padding: 0 10px 0 30px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    border-radius: 40px;
    display: none;
}
.sear-box .close{
    width: 20px;
    height: 20px;
    background: url(../images/icon-close.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
}
.sear-box .tex{
    width: 180px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    border: none;
    margin-top: -4px;
}
.sear-box .sub{
    border: none;
}
.nav>li:hover .nav-menu{
    display: block;
}
.nav-menu{
    width: 246px;
    position: absolute;
    top:100px;
    z-index: 3;
    line-height: normal;
    color: #fff;
    text-align: left;
    left: 50%;
    margin-left: -123px;
    display: none; 
}

.nav-menu li{
    width: 100%;
    padding: 0 20px;
    background: rgba(51,51,51,0.8);
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;

}
.nav-menu li:hover{
    background: rgba(255,255,255,0.95);
}
.nav-menu li:hover{
    color: #666;
}
.nav-menu li:hover a{
    color: #666;
}
.nav-menu li:hover dl{
    border: none;
}
.nav-menu li:last-of-type dl{
    border-bottom: none;
}
.nav-menu dl{
    padding: 20px 0 15px;
    border-bottom: 1px solid #91959a;
}
.nav-menu dt{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    position: relative;
}
.nav-menu dt:after{
    content: '';
    width: 6px;
    height: 10px;
    position: absolute;
    background: url(../images/icon-arr.png) no-repeat center;
    right: 0;
    top:50%;
    margin-top: -5px;
}
.nav-menu dd{
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    margin:2px 0 2px 12px;
}
.nav-menu dd:first-of-type{
    margin-left: 0;
}
.nav-menu dd a{
    color: #fff;
}
.nav-menu dd a:hover{
    color: #00ABFF;
}
.nav-menu li:hover .thr-nav{
    display: block;
}
/*.nav-menu .thr-nav{*/
    /*width: 403px;*/
    /*height: 100%;*/
    /*overflow-y: auto;*/
    /*background: rgba(255,255,255,0.95);*/
    /*position: absolute;*/
    /*left: 246px;*/
    /*top:0;*/
    /*padding: 40px 20px 0;*/
    /*display: none;*/
/*}*/

.nav-menu .thr-nav{
    width: 400px;
    height: 100%;
    overflow-y: auto;
    background: rgba(255,255,255,0.95);
    position: absolute;
    left: 246px;
    top: 0;
    padding: 40px 20px 0;
    display: none;
}
.gjwz {
    position: absolute;
    top: 50%;
    left: -50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);  /* 可选：添加半透明背景以增强可读性 */
    color: white;  /* 文本颜色 */
    padding: 5px;  /* 可选：添加内边距以增加间距 */
}
.nav-menu .thr-nav a{
    display: inline-block;
    width: 112px;
    text-align: center;
    margin-bottom: 30px;
}
.nav-menu .thr-nav a:hover p{
    color: #00ABFF;
}
.nav-menu .thr-nav p{
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
    color: #666;
}
.nav-menu .item-img{
    border-radius: 100%;
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border: 1px solid #cfcfcf;
}
.nav-menu1 dl {
    padding: 12px 0 8px;
}
.nav-menu1 dt {
    margin-bottom: 6px;
}
.sec-nav{
    position: absolute;
    line-height: normal;
    z-index: 3;
    width: 156px;
    left: 50%;
    margin-left: -78px;
    top:100px;
    background: rgba(0,0,0,0.5);
    display: none;
}
.sec-nav li{
   height: 50px;
   line-height: 50px;
}
.sec-nav li:hover{
     background: rgba(255,255,255,0.95);
}
.sec-nav li:hover a{
    color: #666;
}
.sec-nav li a{
    display: block;
    font-size: 14px;
    color: #fff;
}
.nav>li:hover .sec-nav{
    display: block;
}
.ft-top{
    padding: 30px 0 40px; 
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.ft-top:after{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
    background: rgba(0,0,0,0.7);
}
.ft-top img{
    margin: 0 auto 25px;
    display: block;
}
.ft-top form{
    margin: 0 auto;
    width: 1020px;
    height: 66px;
    border: 5px solid rgba(0,0,0,0.5);
}
.ft-top input{
    height: 100%;
    padding: 0 20px;
    float: left;
    font-size: 16px;
    color: #333;
    border: none;
    background: #fff;
}
.ft-top .phone{
    width: 40%;
    border-right: 1px solid #ccc;
}
.ft-top .veri{
    width: 26%;
}
.ft-top .sub{
    width: 22%;
    height: 100%;
    background: #00ABFF;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.ft-top .sub:hover,.ft-top .get-ver:hover{
    background: #bf9f62;
}
.ft-top .get-ver{
     width: 12%;
    height: 100%;
    background: #00ABFF;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    float: left;
}

.ft-content{
    background: #2e3337 url(../images/bg-ft.jpg) no-repeat center;
    background-size: cover;
}
.ft-link{
    padding: 40px 0;
    border-bottom: 1px solid #43484b;
}
.ft-link h4{
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 15px;
}
.ft-link a{
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #989a9b;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.ft-link a:hover{
    color: #d4b26f;
}
.ft-link a:hover:before{
    color: #989a9b;
}
.ft-link a:before{
    content: '|';
    display: inline-block;
    vertical-align: middle;
    margin: -4px 12px 0;
}
.ft-link .fir-li:before{
    display: none;
}
.ft-md{
    padding: 60px 0 35px;
    overflow: hidden;
}
.ft-md .tele{
    padding-left: 60px;
    font-size: 14px;
    line-height: 24px;
    color: #707e8c;
    position: relative;
}
.ft-md .tele:before{
    content: '';
    position: absolute;
    width: 40px;
    height: 42px;
    left: 0;
    top:0;
    background: url(../images/icon-tele.png) no-repeat center;
}
.ft-md h4{
    font-size: 24px;
    line-height: 26px;
    color: #00ABFF;
    font-weight: 600;
    display: inline-block;
}
.ft-md .md-lt ul{
    padding-left: 76px;
    margin-top: 20px;
}
.ft-md li{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
    color: #707e8c;
}
.ft-md .md-lt li{
      list-style: disc;
}
.ft-md .md-lt{
    float: right;
    padding-right: 30px;
    width: 540px;
}
.ft-nav{
    width: 470px;
    padding: 0 80px 15px;
    float: left;
    border-left: 1px solid #3a4146;
    border-right: 1px solid #3a4146;
}
.ft-nav li{
    width: 50%;
    font-size: 14px;
    line-height: 38px;
    float: left;
    padding-left: 30px;
}
.ft-nav a{
    color: #707e8c;
    transition: all ease .2s 0s; 
-moz-transition: all ease .2s 0s; 
-webkit-transition: all ease .2s 0s;
}
.ft-nav a:hover{
    color: #d4b26f;
}
.ft-code{
    float: left;
    display: inline-block;
    text-align: center;
    margin-right: 8px;
}
.ft-code img{
    width: 126px;
    height: 126px;
}
}
.ft-code p{
    font-size: 14px;
    color: #707e8c;
    margin-top: 10px;
}
.ft-bt{
    height: 50px;
    line-height: 50px;
    background: #24282b;
    font-size: 12px;
    color: #707e8c;
}
.ft-bt .copyright{
    float: left;
}
.share p{
    display: inline-block;
}
.share a{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #4d5357 url(../images/icon-share.png) no-repeat center left;
    vertical-align: middle;
    margin: -2px 3px 0;
}
.share a:hover{
    background-color: #00ABFF;
    background-position: -90px center;
}
.ft-bt .share{
    float: right;
}
.share .wx{
    background-position: -30px center;
}
.share .wx:hover{
    background-position: -120px center;
}

.share .wb{
    background-position: -60px center;
}
.share .wb:hover{
    background-position: -150px center;
}
.title{
    text-align: center;
    margin-bottom: 45px;
}
.title h3{
    font-size: 38px;
    line-height: 40px;
    color: #000;
    margin-bottom: 20px;
}
.title em{
    color: #00ABFF;
    font-weight: 600;
}
.title p{
    font-size: 16px;
    line-height: 20px;
    color: #666;
    max-width: 70%;
    margin: 0 auto;
}
.w-title h3{
    color: #fff;
}
.w-title p{
    color: rgba(255,255,255,0.6);
}
/* 首页 */
.in-banner a,.in-banner img{
    display: block;
    width: 100%;
}
.in-layout{
    padding: 60px 0 70px;
}
.in-about{
    background: #f7f7f7;
}
.in-about form{
    height: 50px;
    width: 705px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.in-about form .tex{
    width: 80%;
    height: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    border-right: none;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
}
.in-about form .sub{
    width: 20%;
    height: 100%;
    background: #00ABFF;
    border: none;
    float: right;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.in-about .map{
    height: 1095px;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}
.in-about .map li{
    position: absolute;
}
.in-about .cou-name{
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    /*color: #e62129;*/
    color:  #00ABFF
}
.in-about .pop-up{
    width: 310px;
    height: 340px;
    border-radius: 10px;
    background: rgba(28,54,117,0.85);
    padding: 45px 28px 20px;
    color: #fff;
    position: relative;
    margin-left: -155px;
    margin-top: -170px;
    z-index: 3;
    display: none;
}
.in-about .pop-up h3{
    line-height: 26px;
    font-size: 20px;
    margin-bottom: 20px;
}
.in-about .pop-up span{
    width: 44px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.in-about .pop-up .tex{
    font-size: 14px;
    line-height: 26px;
    height: 150px;
    overflow-y: auto;
    margin-bottom: 20px;
    white-space: pre-wrap;
}
.in-about .pop-up .more{
    display: block;
    width: 220px;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    background: #fff;
    font-size: 15px;
    color: #00ABFF;
    text-align: center;
    font-weight: 600;
}
.in-about .pop-up .more:after{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-fly.png) no-repeat center;
    margin-left: 8px;
    margin-top: -2px;
}
.in-about li:hover .pop-up{
    display: block;
}

.in-country{
    background: url(../images/bg-country.jpg) no-repeat center;
    background-size: cover;
}
.in-country .coun-box{
    overflow: hidden;
}
.in-country .coun-li{
    display: block;
    float: left;
    width: 420px;
    height: 275px;
    background: #e5e5e5;
    position: relative;
    margin: 0 2px 5px;
    overflow: hidden;
} 
.in-country .coun-li:hover img{
    transform:scale(1.1);
}
.in-country img{
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
-moz-transition: all ease .5s 0s; 
-webkit-transition: all ease .5s 0s;
}
.in-country .coun-li p{
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    bottom: 0px;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.in-infro .lt-box{
    float: left;
}
.in-infro .infro-li{
    /* width: 324px; */
    width: 380px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    float: left;
    margin-right: 30px;
}
.in-infro .infro-li:hover img{
    transform:scale(1.1);
}
.in-infro .pic{
    height: 220px;
    width: 100%;
    overflow: hidden;
}
.in-infro .pic img{
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
-moz-transition: all ease .5s 0s; 
-webkit-transition: all ease .5s 0s;
}
/* .in-infro .tex{
    text-align:center;
    height: 220px;
    padding: 30px 20px;
    border-bottom: 1px solid #ebebeb;
} */
.in-infro .li-name{
    font-size: 20px;
    color: #00ABFF;
    line-height: 16px;
    margin-bottom: 20px;
}
.in-infro .infro-tt{
    font-size: 15px;
    color: #333;
    line-height: 30px;
    margin-bottom: 20px;
    display: inline-block;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.in-infro .infro-tt:hover{
    color: #06396d;
}
.in-infro .intro{
    font-size: 14px;
    color: #888;
    line-height: 26px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.in-infro .li-bt{
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 14px;
    color: #999;
}
.in-infro .time{
    float: left;
}
.in-infro .more{
    width: 24px;
    height: 24px;
    background: url(../images/icon-more.png) no-repeat center;
    float: right;
    margin-top: 18px;
}
.in-infro .infro-video{
    float: right;
    width: 592px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    background: #fff;
}
.in-infro .video-box{
    height: 395px;
    width: 100%;
    background: #000;
}
.in-infro video{
    width: 100%;
    height: 100%;
}
.infro-video .tex{
    height: 105px;
    padding: 20px 30px 0;
    font-size: 14px;
    line-height: 17px;
    color: #888;
}
.infro-video h4{
    font-size: 24px;
    color: #00ABFF;
    line-height: 30px;
    margin-bottom: 10px;
}
.in-case{
    background: url(../images/bg-case.jpg) no-repeat center;
    background-size: cover;
}
.in-case .more1{
    line-height: 60px;
}
.in-case .more1:hover{
    color: #00ABFF;
}
.in-case .lt-box{
    width: 830px;
    height: 480px;
    padding: 0 40px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    float: left;
}
.in-case .hd{
    height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}
.in-case .hd a{
    display: inline-block;
    width: 160px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 44px;
    color: #fff;
    font-size: 18px;
    background: #00ABFF;
}
.in-case .big-case{
    height: 160px;
    margin-bottom: 10px;
}
.in-case .big-case .pic{
    width: 350px;
    height: 100%;
    overflow: hidden;
    background: #e5e5e5;
    float: left;
}
.in-case .big-case img{
    width: 100%;
    height: 100%;
}
.big-case .tex{
    float: right;
    width: 350px;
    float: right;
    padding-top: 15px;
}
/* .big-case .tex a{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 25px;
    color: #000;
    display: inline-block;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.big-case .tex a:hover{
    color: #06396d;
} */
/* .big-case .tex p{
    font-size: 14px;
    color: #888;
    line-height: 24px;
    overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} */
.in-case .sm-case{
    padding: 0 20px;
    overflow: hidden;
}
.in-case .sm-case li{
    width: 50%;
    position: relative;
    border-bottom: 1px dashed #d2d2d2;
    /* padding: 18px 0 0px 48px; */
    float: left;
    position: relative;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.in-case .sm-case .it{
    font-size: 16px;
    color: #666;
    position: relative;
    padding-left: 15px;
    padding-right: 10px;
}
.in-case .sm-case .it:before{
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #666;
    position: absolute;
    left: 0;
    top:50%;
    margin-top: -1px;
}
.in-case .sm-case .it:hover{
    color: #00ABFF;
    font-weight: 600;
}
.in-case .sm-case .it:hover:before{
    background:#00ABFF;
}
/* .in-case .sm-case li:after{
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background:url(../images/icon-arr1.png) no-repeat center;
    right: 0;
    top:18px;
} */
.in-case .sm-case li:nth-of-type(2n){
    float: right;
}
.in-case .sm-case li:nth-of-type(5),
.in-case .sm-case li:nth-of-type(6){
    border: none;
}
/* .in-case .sm-case .num{
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    position: absolute;
    left: 0;
    top:18px;
    background: #b2b2b2;
    font-size: 11px;
    color: #fff;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.in-case .sm-case a{
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    color: #333;
    margin-bottom: 5px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.in-case .sm-case .time{
    font-size: 15px;
    line-height: 16px;
    color: #888;
}
.in-case .sm-case li:hover a{
    color: #06396d;
}
.in-case .sm-case li:hover .num{
    background: #06396d;
}
.in-case .sm-case li:hover:after{
    background-image: url(../images/icon-arr2.png);
} */
.in-case .rg-box{
    float: right;
    width: 390px;
    height: 480px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.in-case .hd{
    position: relative;
}
.in-case .hd h4{
    float: left;
    font-size: 24px;
    color: #06396d;
}
.in-case .hd .more{
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/icon-more.png) no-repeat center;
    float: right;
    margin-top: 33px;
}
.in-case .rg-box .scroll-box{
    height: 375px;
    padding: 0 20px;
    overflow: hidden;
}
.in-case .ques-li{
    display: block;
    width: 100%;
    font-size: 16px;
   /*  padding-left: 20px; */
    position: relative;
    line-height: 1;
    text-align: left;
     color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
.in-case .ques-li1{
    display: block;
    margin-bottom: 20px;
}
.in-case .ques-li1 .tt{
    font-size: 16px;
    line-height: 1;
    color: #666;
    margin-bottom: 20px;
}
.in-case .ques-li1:hover .tt{
    color: #00ABFF;
    font-weight: 600;
}
.in-case .ques-li1 img{
    width: 100%;
}
/* .in-case .ques-li:before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #6a88a7;
    position: absolute;
    left: 0;
    top:50%;
    margin-top: -2px;
} */
.in-case .ques-li:hover{
    color: #00ABFF;
    font-weight: 600;
}
.in-honor{
    background: url(../images/bg-honor.jpg) no-repeat center;
    background-size: cover;
}
.in-honor .li-box{
    width: 270px;
    display: inline-block;
    text-align: center;
}
.in-honor .swiper-container{
    padding: 15px 0;
}
.in-honor .swiper-slide{
    margin-top: 35px;
    background: none;
}
.in-honor .swiper-slide-next{
    margin-top: 0;
}
.in-honor .swiper-slide-next .li-box{
    width: 322px;
}
.in-honor .swiper-slide-next .pic{
    height: 436px;
}
.in-honor .pic{
    width: 100%;
    height: 366px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);
}
.in-honor img{
    width: 100%;
    height: 100%;

}
.in-honor .li-box p{
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
    color: #666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.swiper-button{
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.3) url(../images/swiper-arr.png) no-repeat center left;
    position: absolute;
    top:50%;
    margin-top: -20px;
    z-index: 3;
}
.swiper-button:hover{
    background-color: #00ABFF;
}
.swiper-prev{
    left: 10px;
}
.swiper-next{
    background-position: right;
    right: 10px;
}

.in-team{
    background: #eff3f7;
}
.team-li{
    /* width: 245px; */
    height: 355px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    padding: 20px 25px;
    text-align: center;
    position: relative;
}
.team-li .pic{
    width: 102px;
    height: 102px;
    overflow: hidden;
    border-radius: 100%;
    border: 3px solid #f5f5f5;
    margin: 0 auto 15px;
}
.team-li .pic img{
    width: 100%;
    height: 100%;
}
.team-li .name{
    font-size: 20px;
    line-height: 24px;
    color: #333;
    font-weight: 600;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.team-li .job{
    font-size: 14px;
    line-height: 16px;
    color: #888;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.team-li .tex{
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px;
    color: #888;
    height: 66px;
    overflow: hidden;
}
.team-li .tex p{
    overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.team-li .more1{
    font-size: 14px;
    display: inline-block;
    width: 124px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    border: 1px solid #00ABFF;
    color: #00ABFF;
    margin-top: 10px;
    transition: all ease .2s 0s; 
-moz-transition: all ease .2s 0s; 
-webkit-transition: all ease .2s 0s;

}
.team-li .more1:hover{
    background:#00ABFF;
    color: #fff; 
}
.team-li .city{
    color: #fff;
    font-size: 14px;
    /* width: 54px; */
    padding: 0 10px 0 12px;
    height: 22px;
    line-height: 22px;
    background: #00ABFF;
    position: absolute;
    right: 0;
    top:17px;
    border-radius: 22px 0 0 22px;
}
.in-team .team-in{
    position: relative;
}
.in-team .swiper-container{
    width: 1100px;
    padding: 15px 0;
}
.in-team .swiper-slide{
    background: none;
}

/* 悬浮窗 */
#fl-win{ 
    position: fixed; 
    right: 0px; 
    top: 50%; 
    z-index: 10; 
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05); 
    background: #fff;
}
#fl-win li{  
    width: 64px; 
    height: 64px; 
    border-bottom: 1px solid #e5e5e5; 
    font-size: 14px; 
    color: #666; 
    text-align: center; 
    cursor: pointer; 
    background:#fff url(../images/fw-top.png) top center; 
    position: relative; 
}
#fl-win li>p{
    padding-top: 40px;
    line-height: 16px;
}

#fl-win .online{ 
    background-image:url(../images/fw-online.png); 
}
#fl-win .online a{ 
    display: block; 
    height: 100%; 
}
#fl-win .to-top{
    height: 80px;
    border-bottom: none;
}
#fl-win .tele{ 
    position: relative; 
    z-index: 1;
    background-image:url(../images/fw-tele.png);  
}
#fl-win .tele-no{ 
    height: 63px; 
    width: 0px; 
    overflow: hidden;
    line-height: 63px; 
    text-align: center;  
    font-size: 22px; 
    color: #333; 
    background: #fff; 
    border-radius: 4px 0 0 4px; 
    position: absolute;  
    right: 0; 
    top:0; 
    z-index: -1; 
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s; 
}
#fl-win .tele-no p{ 
    width: 180px; 
}
#fl-win .tele-no.on{ 
    right: 64px;  
    width: 180px; 
    overflow: inherit;
}


/* 资讯中心 */
.banner img{
    width: 100%;
}
.menu{
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.menu a{
    display: inline-block;
    font-size: 16px;
    color: #666;
    padding: 0 23px;
    margin: 0 50px;
    position: relative;
    transition: all ease .2s 0s; 
-moz-transition: all ease .2s 0s; 
-webkit-transition: all ease .2s 0s;
}
.menu .on,.menu a:hover{
    color: #d6c16f;
}
.menu .on:after,.menu a:hover:after{
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 1px;
    left: 0;
    background: #d6c16f;
}

.con-box{
    padding: 80px 0 70px;
}
.layout2{
    max-width: 1200px;
    margin: 0 auto;
}
.news-li{
    width: 100%;
    height: 240px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}
.news-li .pic{
    width: 354px;
    height: 100%;
    float: left;
    overflow: hidden;
    background: #e5e5e5;
}
.news-li:hover img{
    transform:scale(1.1);
}
.news-li img{
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
-moz-transition: all ease .5s 0s; 
-webkit-transition: all ease .5s 0s;

}
.news-li .tex{
    margin-left: 415px;
    padding: 50px 80px 40px 0;
    font-size: 15px;
    color: #888;
    line-height: 26px;
}
.news-li .news-tt{
    display: inline-block;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #333;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.news-li .intro{
    margin-bottom: 40px;
    height: 54px;
    overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news-li:hover .news-tt{
    color: #d6c16f;
}
.page{
    text-align: center;
    padding-top: 30px;
}
.page a{
    display: inline-block;
    width: 50px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 2px;
    background: #fff;
    transition: all ease .2s 0s; 
-moz-transition: all ease .2s 0s; 
-webkit-transition: all ease .2s 0s;
}
.page .button{
    width: auto;
    padding: 0 20px;
}
.page a:hover,.page .on{
    background: #00ABFF;
    border-color: #00ABFF;
    color: #fff;
}

/* 荣誉 */

.honor-li{
    display:block;
    width: 394px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin: 0 16px 32px;
    float: left;
}
.honor-li:hover img{
    transform:scale(1.05);
}
.honor-li .pic{
    height: 408px;
    line-height: 408px;
    text-align: center;
}
.honor-li img{
    max-width: 90%;
    max-height: 90%;
    transition: all ease .5s 0s; 
-moz-transition: all ease .5s 0s; 
-webkit-transition: all ease .5s 0s;

}
.honor-li .tex{
    height: 100px;
    padding: 25px 35px;
}
.honor-li p{
    font-size: 16px;
    color: #333;
    line-height: 26px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 联系我们 */
.contact-li{
    border-bottom: 1px dashed #dcdcdc;
}
.contact-li .hd{
    height: 100px;
    line-height: 100px;
    font-size: 22px;
    color: #999;
    position: relative;
    padding: 0 20px;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.contact-li:hover .hd{
    background: #fafafa;
}
.contact-li .intro-box{
    overflow: hidden;
    display: none;
    padding:20px;
}
.contact-li .intro-box p{
    line-height: 22px;
}
.contact-li ul{
    float: left;
    width: 1070px;
    overflow: hidden;
}
.contact-li li{
    /* height: 34px; */
    line-height: 34px;
    font-size: 16px;
    color: #555;
    float: left;
    margin: 10px 0;
    padding-left: 47px;
    position: relative;
    padding-top: 7px;
    padding-right: 15px;
}
.contact-li li:before{
    content: '';
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background:#00ABFF  url(../images/icon-contact.png) no-repeat left center;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top:0;
}
.contact-li .code{
    float: right;
    margin-right: 70px;
    width: 85px;
    height: 85px;
    overflow: hidden;
    margin-top: 12px;
}
.contact-li img{
    width: 100%;
    height: 100%;
}
.contact-li .addr:before{
    background-position: -42px center;
}
.contact-li .email:before{
    background-position: -84px center;
}
.contact-li .fax:before{
    background-position: -126px center;
}

.contact-li .hd:before {
    content: '';
    width: 1px;
    height: 26px;
    background: #bbbbbb;
    position: absolute;
    right: 33px;
    top: 50%;
    margin-top: -13px;
    transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;
}
.contact-li .hd:after {
    content: '';
    width: 26px;
    height: 1px;
    background: #bbbbbb;
    position: absolute;
    right: 21px;
    top: 50%;
    margin-top: -1px;
}
.contact-li a{
    color: #3359b3;
}
.contact-li.on .hd:before{
    transform:rotate(90deg);
}
.contact-li.on .hd{
    color: #333;
}

.contact .map{
    width: 100%;
    height: 460px;
    margin-top: 80px;
    position: relative;
    background: #e5e5e5;
}
.contact .map-menu{
    position: absolute;
    width: 100%;
    top:0;
    left: 0;
    text-align: center;
    padding-top: 20px;
    z-index: 10;
}
.contact .map-menu a{
    display: inline-block;
    width: 144px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    font-size: 14px;
    color: #fff;
    margin: 0 15px;
}
.contact .map-menu a:hover,.contact .map-menu .on{
    
}


/* 加入我们 */
.join .hd{
    text-align: center;
    margin-bottom: 50px;
}
.join .hd li{
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin: 0 65px;
}
.join .hd li:before{
    content: '';
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    background: red;
    margin-right: 10px;
}
.join .hd .email:before{
    background: url(../images/icon-email.png) no-repeat center;
}
.join .hd .tele:before{
    background: url(../images/icon-tele1.png) no-repeat center;
}
.job-box{ margin-bottom: 40px; background: #fff; }
.job-box .list-box{
    transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;
}
.job-box .list-box:hover .ta-body{
    background: #f6f6f6;
}

.job-box .list-box ul{ display: table; width: 100%; text-align: center; padding-right: 60px; box-sizing:border-box; }
.job-box .list-box ul li{display: table-cell; text-align: left; width: 20%; text-align: center;}
.job-box .list-box .ta-title{ height: 60px; line-height: 60px;  color:#fff; background: #00ABFF; font-size: 16px; color: #fff;}
.job-box .list-box .ta-body{ height: 66px; line-height: 66px; font-size: 14px; color: #888; cursor: pointer; border-top: 1px solid #f2f2f2; position: relative; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.job-box .list-box .ta-body:before{ content: ''; background: url(../images/icon-arr3.png) no-repeat center; width: 16px; height: 7px; position: absolute; right: 70px; top:50%; margin-top: -5px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.job-box .intro-box{ width: 100%; padding: 40px; overflow: hidden; box-sizing:border-box; font-size: 14px; color: #333; display: none; text-align: left;}
.job-box .intro-box .strong{ color: #1c3675; line-height: 28px; font-size: 18px; margin-bottom: 10px; }
.job-box .intro-box .list{ line-height: 32px; }
.job-box .on .intro-box{ border-bottom: none; }
.job-box .on .ta-body:before{ transform:rotate(-180deg);}
.job-box .int-lf{
    float: left;
    width: 50%;
    box-sizing:border-box;
    padding-right: 2%;
    border-right: 1px solid #eee;
}
.job-box .int-rg{
    margin-left: 50%;
    box-sizing:border-box;
    padding-left: 6%;

}
.job-box .email{
    display: inline-block;
    width: 136px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    font-size: 14px;
    color: #fff;
    background: #00ABFF;
    text-align: center;
    margin-top: 40px;
    transition: all ease .2s 0s; 
-moz-transition: all ease .2s 0s; 
-webkit-transition: all ease .2s 0s;
}
.job-box .email:hover{
    background: #b8904c;
}

.job-box .list-box ul.ta-title li:first-of-type,.list-box ul.ta-body li:first-of-type{ text-align: left; padding-left: 24px;}
.job-box .list-box:last-of-type{ border-bottom: 1px solid #f2f2f2;}


/* 简介 */
.intro .lt-box{
    float: left;
    width: 380px;
}
.intro .title{
    position: relative;
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.intro .title h3{
    font-size: 36px;
    margin-bottom: 10px;
}
.intro .title:after{
    content:"";
    width: 40px;
    height: 4px;
    background: #00ABFF;
    position: absolute;
    bottom: 0;
    left: 0;
}
.intro .tex{
    height: 280px;
    overflow-y: auto;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-bottom: 20px;
}
.intro .tex::-webkit-scrollbar {
    width: 4px;
    background: #dddddd;
}
.intro .tex::-webkit-scrollbar-thumb {
    background: #00ABFF;
}
.intro .addr{
    position: relative;
    padding-right: 110px;
}
.intro .addr:after{
    content:'';
    width: 97px;
    height: 59px;
    position: absolute;
    right: 0;
    top:0;
    background: url(../images/icon-earth.png) no-repeat center;
}
.intro .addr h4{
    font-size: 24px;
    line-height: 26px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}
.intro .addr p{
    font-size: 14px;
    line-height: 18px;
    color: #666;
}
.intro .rg-box{
    width: 860px;
    /* height: 472px; */
    float: right;
    background: #e5e5e5;
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
    position: relative;
}
.intro .rg-box video{
    width: 100%;
    height: 100%;
}
.intro .rg-box:after{
    /*content: '';
    width: 4px;
    height: 90px;
    border-radius: 4px;
    background: #dddddd;
    position: absolute;
    left: -50px;
    top:50%;
    margin-top: -45px;*/
}
.team .member{
    overflow: hidden;
    width: 100%;
    padding: 60px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    margin-bottom: 35px;
}
.team .mem-tp{
    overflow: hidden;
}
.team .mem-tp .pic{
    float: left;
    width: 360px;
    height: 480px;
    background: #e5e5e5;
    position: relative;
    margin-top: 75px;
}
.team .mem-tp .pic-in{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.team .mem-tp .pic img{
    width: 100%;
    height: 100%;
}
.team .mem-tp .pic:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #f3f3f3;
    z-index: -2;
    top:-75px;
    left: 75px;
}
.team .mem-tp .pic:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid #d2af6c;
    z-index: -2;
    top:-32px;
    left: 32px;
}
.team .mem-tp .tex{
    margin-left: 535px;
    padding-top: 100px;
    position: relative;
}
.team .mem-tp .tex-in{
    height: 360px;
    overflow-y: auto;
    padding-right: 90px;
}
.team .mem-tp .name{
    font-size: 26px;
    line-height: 28px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
}
.team .mem-tp .job{
    font-size: 18px;
    line-height: 20px;
    color: #d2af6c;
    margin-bottom: 50px;
}
.team .mem-tp ul{
    margin-top: 30px;
}
.team .mem-tp li{
    font-size: 14px;
    line-height: 22px;
    color: #888;
}
.team .tex-in p{
    color: #333;
    display: inline;
}
.team .mem-tp .online{
    color: #fff;
    font-size: 15px;
    display: inline-block;
    width: 188px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    margin-top: 30px;
    background: linear-gradient(to right, #b8904c 0%, #d6c06f 100%);
}
.team .mem-tp .online:hover{
    background: #d6c06f;
}
.team .mem-tp .code{
    position: absolute;
    right: 0;
    top:100px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #888;
}
.team .mem-tp .code p{
    line-height: 14px;
    margin-top: 10px;
}
.team .mem-bt{
    margin-top: 70px;
}
.team .mem-bt h4{
    font-size: 18px;
    line-height: 20px;
    color: #333;
    margin-bottom: 12px;
}
.team .mem-bt p{
    font-size: 14px;
    color: #888;
    line-height: 20px;
}

/* 地产 */
.land-li{
    width: 406px;
    float: left;
    margin: 0 10px 20px;
}
.land-li .pic{
    height: 406px;
    overflow: hidden;
    background: #e5e5e5;
}
.land-li.out .pic{
    position: relative;
}
.land-li.out .pic:before{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5) url(../images/sell-out.png) no-repeat center;
    position: absolute;
    z-index: 3;
    left:0;
    top:0;
}
.land-li:hover img{
    transform:scale(1.1);
}
.land-li img{
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
-moz-transition: all ease .5s 0s; 
-webkit-transition: all ease .5s 0s;
}
.land-li .tex{
    height: 155px;
    padding: 25px 20px 0;
    text-align: center;
    border: 1px solid #ccc;
}
.land-li a{
    display: inline-block;
}
.land-li .land-tt{
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #222;
    font-weight: 600;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.land-li p{
    font-size: 14px;
    color: #888;
    line-height: 18px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.land-li .online{
    color: #fff;
    font-size: 15px;
    display: inline-block;
    width: 188px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    margin-top: 15px;
    background: linear-gradient(to right, #b8904c 0%, #d6c06f 100%);
}
.land-li .online:hover{
    background: #d6c06f;
}

/* 地产详情页 */
.article{
    background: #eff3f7;
    padding-top: 30px;
}
.position{
    font-size: 15px;
    color: #333;
    height: 36px;
    line-height: 36px;
    margin-bottom: 40px;
}
.position .lt{
    float: left;
}
.position .label{
    display: inline-block;
}
.position .label:before{
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    background: url(../images/icon-ps.png) no-repeat center;
}
.position a{
    color: #333;
    display: inline-block;
}
.position>a:before,.position .lt>a:before{
    content: '>';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0;
}

.position a:hover,.position .on{
    color: #1c3675;
}
.position a:first-of-type:before{
    display: none;
}

.share1 a{
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background: url(../images/icon-share1.png) no-repeat center left;
    margin: 0 8px;
    position: relative;
}
.share1 a:hover .pic-box{
    display: block;
}
.share1 .pic-box{
    position: absolute;
    width: 160px;
    height: 160px;
    background: #fff;
    bottom: 50px;
    left:50%;
    margin-left: -80px;
    text-align: center;
    padding: 15px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    box-sizing:border-box;
    display: none;
}
.share1 .pic-box:before{
    content: '';
    position: absolute;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left:50%;
    margin-left: -10px;
}
.share1 .pic-box p{
    font-size: 14px;
    color: #333;
    line-height: 16px;
}
.share1 .pic-box img{
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 5px;
}
.share1 .sh2{
    background-position: -51px center;
}
.share1 .sh3{
    background-position: -103px center;
}
.share1 .sh4{
    background-position: -155px center;
}
.share1 .sh1:hover{
    background-position: -205px center;
}
.share1 .sh2:hover{
    background-position: -257px center;
}
.share1 .sh3:hover{
    background-position: -308px center;
}
.share1 .sh4:hover{
    background-position: -360px center;
}

.position .share1{
    float: right;
}

.arti-box{
    
}
.arti-box .art-hd{
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}
.arti-box .art-menu li{
    padding: 0 30px;
    font-size: 15px;
    float: left;
    position: relative;
}
.arti-box .art-menu li:before{
    content: '';
    width: 1px;
    height: 10px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top:50%;
    margin-top: -5px;
}
.arti-box li:first-of-type:before{
    display: none;
}
.arti-box .art-menu a{
    color: #666;
    padding: 0 5px;
    position: relative;
    display: inline-block;
}
.arti-box .art-menu .on a,
.arti-box .art-menu li:hover a{
    color: #193c90;
    font-weight: 600;
}
.arti-box .art-menu .on a:after,
.arti-box .art-menu li:hover a:after{
    content: '';
    width: 110%;
    height: 2px;
    background: #193c90;
    position: absolute;
    bottom: 1px;
    left: -5%;

}
.arti-box .online{
    width: 200px;
    height: 100%;
    float: right;
    display: block;
    background: linear-gradient(to right, #b8904c 0%, #d6c06f 100%);
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.arti-box .online:hover{
    background: #d6c06f;
}
.art-content{
    padding: 50px 65px;
    background: #fff;
}
.p14{
    font-size: 14px;
    color: #333;
    line-height: 28px;
}
.art-img{
    display: inline-block;
    margin: 20px 0;
}

.art-bt{
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-top: 25px;
}
.art-bt a{
    color: #000;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.art-bt a:hover{
    color: #1c3675;
}
.art-bt .prev{
    width: 500px;
    padding-left: 65px;    
    float: left;
    text-align: left;
}
.art-bt .next{
    width: 500px;
    padding-right: 65px;
    float: right;
    text-align: right;
}
.art-bt .back:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 15px;
    margin-top: -2px;
    background: url(../images/icon-back.png) no-repeat center;
}
.banner1{
    height: 600px;
    line-height: 600px;
    color: #Fff;
    background-position: center;;
    background-size: cover;
    text-align: center;
}
.banner1 .tex{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
}
.banner1 h3{
    font-size: 50px;
    line-height: 54px;
    font-weight: 600;
    margin-bottom: 30px;
}
.banner1 p{
    font-size: 18px;
    line-height: 22px;

}
.banner1 span{
    font-size: 16px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    background: rgba(171,51,31,0.9);
    padding: 0 50px;
    position: relative;
    margin-top: 25px;
}
.banner1 span:before{
    content: '';
    display: inline-block;
    border-left: 20px solid transparent;
    border-top: 24px solid rgba(171,51,31,0.9);
    border-bottom: 24px solid rgba(171,51,31,0.9);
    position: absolute;
    left: -20px;
    top:0;
}

.banner1 span:after{
    content: '';
    display: inline-block;
    border-right: 20px solid transparent;
    border-top: 24px solid rgba(171,51,31,0.9);
    border-bottom: 24px solid rgba(171,51,31,0.9);
    position: absolute;
    right: -20px;
    top:0;
}

.news-art{
    padding-top: 0;
}
.news-art .layout{
    position: relative;
    top:-90px;
}
.news-art .position{
    height: 90px;
    line-height: 90px;
    background: #fff;
    margin-bottom: 0;
    padding: 0 40px;
    border-bottom: 1px solid #e5e5e5;
}

.news-art .share1{
    margin-top: 29px;
}
.art-content .art-title{
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
    color: #333;
    text-align: left;
    font-weight: 600;
}

/* 移民国家 */
.menu1{
    text-align: left;
}
.menu1 a {
    margin: 0 17px;
}
.menu1 .button{
    color: #00ABFF;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border: 1px solid #00ABFF;
    padding: 0 30px;
    margin: 0 0 0 30px;
}
.menu1 .button:hover {
    background: #d6c16f;
    border-color: #d6c16f;
    color: #fff;
}
.menu1 .button:hover:after{
    display: none;
}
.menu1 .button:before{
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background: red;
    margin-top: -2px;
    margin-right: 8px;
}
.menu1 .bt1:before{
    background: url(../images/icon-grou.png) no-repeat center;
}
.menu1 .bt1:hover:before{
    background: url(../images/icon-grou1.png) no-repeat center;
}
.menu1 .bt2:before{
    background: url(../images/icon-online2.png) no-repeat center;
}
.menu1 .bt2:hover:before{
    background: url(../images/icon-online1.png) no-repeat center;
}
.country{

}
.country .pic{
    width: 610px;
    height: 390px;
    float: left;
    background: #e5e5e5;
}
.country .swiper-prev{
    left: 0;
}
.country .swiper-next{
    right: 0;
}
.country .hd{
    font-size: 30px;
    color: #1c3675;
    border-bottom: 1px solid #eee;
    line-height: 82px;
    margin-bottom: 40px;
}
.country .tex{
    margin-left: 660px;
}
.country .intro{
    font-size: 15px;
    color: #666;
    line-height: 30px;
    height: 155px;
    overflow: hidden;
}
.country .intro p{
    display: inline;
}
.country .more{
    color: #345bb9;
}
.country .download{
    margin-top: 30px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    padding: 0 35px;
    font-size: 16px;
    background: linear-gradient(to right, #b8904c 0%, #d6c06f 100%);
}
.country .download:hover{
    background: #d6c06f;
}
.country .download:before{
    content:'';
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-down.png) no-repeat center;
    margin-right: 10px;
    margin-top: -1px;
}

/* 表格 */
.table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: center;
    border: 2px solid #fff;
}
.table th {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    background-color: #4a79b3;
    line-height: 72px;
    color: #fff;
    vertical-align: middle;
    font-size: 36px;
}
.table td {
    font-size: 30px;
    line-height: 60px;
    background-color: #cbd4e4;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    word-wrap: break-word;
    word-break: break-all;
    color: #000;
    vertical-align: middle;
    border-color: #fff;
}

.table th{
    background-color: #f2f2f2;
    color: #333;
    font-size: 20px;
    line-height: 60px;
}
.table td{
    background: #f9f9f9;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    padding: 30px 20px;
}


.table h4{
    font-size: 20px;
    line-height: 24px;
    color: #333;
    margin-bottom: 20px;
}
.coun-table .table td:nth-of-type(1){
    width: 30%;
}
.coun-table .table td:nth-of-type(2),
.coun-table .table td:nth-of-type(3),
.coun-table .table td:nth-of-type(4),
.coun-table .table td:nth-of-type(5),
.coun-table .table td:nth-of-type(6){
    width: 14%;
    text-align: center;
}
.coun-table .table a{
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border: 1px solid #00ABFF;
    margin: 10px 0;
    font-size: 16px;
    color: #fff;
    background:#00ABFF;
}
 .coun-table .table a:hover{
    background: linear-gradient(to right, #b8904c 0%, #d6c06f 100%);
    border: none;
    color: #fff;
} 

.coun-table{
    margin-top: 110px;
}

.banner2{
    height: 440px;
    color: #Fff;
    background-position: center;;
    background-size: cover;
    text-align: center;
}
.banner2 .layout{
    line-height: 440px;
    text-align: left;
}
.banner2 .coun-box{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width: 360px;
    height: 150px;
    padding: 30px 40px;
    background: rgba(0,0,0,0.5);
}
.banner2 span{
    width: 82px;
    height: 82px;
    border-radius: 100%;
    display: block;
    float: left;
    border: 5px solid #fff;
    margin-right: 25px;
    overflow: hidden;
}
.banner2 img{
    width: 100%;
    height: 100%;
}
.banner2 .tex{
    padding-top: 15px;
}
.banner2 h3{
    font-size: 26px;
    line-height: 30px;
}
.banner2 h4{
    font-size: 16px;
    line-height: 20px;
}

/* 国家详情页 */

.country-article{
    background: #eff3f7;
    padding: 60px 0 100px;
}
.country-article .share1{
    float: right;
    margin-top: 35px;
}
.country-article .art-hd{
    height: 100px;
    line-height: 100px;
    padding: 0 40px;
}
.country-article .art-title{
    margin:20px 0px;
    font-weight: normal;
}

.type-li{
    height: 275px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    background: url(../images/bg-type.png) no-repeat center right;
    margin-bottom: 40px;
    display: block;
}
.type-li:hover img{
    transform:scale(1.1);
}
.type-li .pic{
    width: 420px;
    height: 100%;
    float: left;
    background: #e5e5e5;
    position: relative;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.type-li .pic img{
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
-moz-transition: all ease .5s 0s; 
-webkit-transition: all ease .5s 0s;
}
.type-li .label{
    height: 24px;
    line-height: 24px;
    background: #1c3675;
    font-size: 14px;
    border-radius: 0 24px 24px 0;
    padding: 0 15px;
    position: absolute;
    left: 0;
    top:20px;
}
.type-li .pic .tt{
    height: 77px;
    font-size: 20px;
    line-height: 24px;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    box-sizing:border-box;
    padding: 40px 10px 0;
    background: url(../images/bg-tex.png) repeat-x;
}
.type-li .pic p{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.type-li .tex{
    margin-left: 45px;
    padding-top: 40px;
    width: 650px;
    float: left;
}
.type-li .tex h3{
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.type-li .tex p{
    font-size: 14px;
    line-height: 16px;
    color: #666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.type-li .tex span{
    font-size: 15px;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    padding: 0 15px;
    margin-top: 30px;
    margin-bottom: 36px;
    background: linear-gradient(to right, #b8904c 0%, #d6c06f 100%);
}
.type-li .tex span:before{
    content: '';
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 12px;
    background: url(../images/icon-money.png) no-repeat center;
}
.type-li .tex span:after{
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
    background: #fff;
}
.type-li ul{
    width: 500px;
    overflow: hidden;
}
.type-li li{
    float: left;
    padding: 0 8px;
    text-align: center;
    position: relative;
    width: 25%;
    box-sizing:border-box;
}
.type-li li:before{
    content: '';
    width: 1px;
    height: 38px;
    background: #dddddd;
    position: absolute;
    left: 0;
    top:2px;
}
.type-li li h4{
    font-size: 16px;
    line-height: 16px;
    color: #1c51d1;
    margin-bottom: 10px;
}
.type-li li p{
    font-size: 14px;
    line-height: 16px;
    color: #666;
}
.type-li li:first-of-type{
    padding-left: 0;

}
.type-li li:first-of-type:before{
    display: none;
}
.type-li .money{
    padding-top: 100px;
    text-align: center;
}
.type-li .money h4{
    float: right;
    width: 160px;
    font-size: 18px;
    color: #666;
    margin-bottom: 40px;
}
.type-li .money em{
    color: #d6c16f;
}
.type-li .money .num{
    font-size: 40px;
}
.type-li .money p{
    font-size: 14px;
    color: #666;
}

/* 移民类别详情页 */
.type-article{
    padding: 0;
}
.type-article .type-bt{
    background: #eff3f7;
    padding-top: 60px;
    padding-bottom: 80px;
}
.type-intro{
    padding: 60px 0;
    background: #fff;
    overflow: hidden;
}
.type-intro .pic{
    width: 610px;
    height: 390px;
    float: left;
    background: #e5e5e5;
}
.type-intro .tex{
    margin-left: 660px;
}
.type-intro .swiper-prev{
    left: 0;
}
.type-intro .swiper-next{
    right: 0;
}
.type-intro .hd{
    padding-top: 20px;
    line-height: 24px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 40px;
}
.type-intro h3{
    font-size: 30px;
    color: #1c3675;
    line-height: 33px;
}
.type-intro ul{
    overflow: hidden;
    margin-bottom: 45px;
    padding: 10px 0;
}
.type-intro li{
    float: left;
    text-align: center;
    padding: 0 8px;
    position: relative;
    width: 25%;
}
.type-intro li:before{
    content: '';
    width: 1px;
    height: 56px;
    background: #ddd;
    position: absolute;
    left: 0;
    top:0px;
}
.type-intro li:first-of-type:before{
    display: none;
}
.type-intro li p{
    line-height: 18px;
    font-size: 16px;
    color: #888;
    margin-bottom: 6px;
}
.type-intro li h4{
    font-size: 24px;
    line-height: 26px;
    color: #333;
}
.type-intro .money{
    font-size: 16px;
    color: #666;
    margin-bottom: 50px;
}
.type-intro .money p{
    display: inline-block;
    vertical-align: middle;
}
.type-intro .num{
    font-size: 40px;
    color: #d6c16f;
    margin-left: 5px;
}
.type-intro .button{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 35px;
    border-radius: 50px;
    border: 1px solid #00ABFF;
    font-size: 16px;
    color: #00ABFF;
    margin-right: 35px;
}
.type-intro .button:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -2px;
    margin-right: 8px;
}
.type-intro .online:before{
    background-image: url(../images/icon-online2.png);
}
.type-intro .online:hover:before{
    background-image: url(../images/icon-online1.png);
}
.type-intro .sign:before{
    background-image: url(../images/icon-pro.png);
}
.type-intro .sign:hover:before{
    background-image: url(../images/icon-pro1.png);
}
.type-intro .button:hover{
    background: linear-gradient(to right, #b8904c 0%, #d6c06f 100%);
    color: #fff;
}

.type-article .type-lt{
    float: left;
    width: 880px;
}
.type-article .type-rg{
    float: right;
    width: 380px;
}
.type-article .sm-ban{
    padding: 20px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.type-article .sm-ban img{
    float: left;
    background: #fff;
    height: 100px;
    width: 100px;
}
.type-article .sm-ban .tex{
    margin-left: 110px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    padding-top: 25px;
    color: #fff;
}
.type-plate{
    background: #fff;
    margin-top: 20px;
    padding: 0 30px 30px;
}
.type-plate .hd {
    height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
}
.type-plate .hd h4 {
    float: left;
    font-size: 24px;
    color: #06396d;
}
.type-plate .hd .more {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/icon-more.png) no-repeat center;
    float: right;
    margin-top: 33px;
}
.type-plate  .scroll-box{
    overflow: hidden;
}
.type-plate .ques-li {
    width: 100%;
    font-size: 15px;
    padding: 10px 0 10px 20px;
    position: relative;
    text-align: left;
}
.type-plate .ques-li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #6a88a7;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 20px;
}

.type-plate .ques-li:hover a {
    color: #06396d;
}
.type-plate .ques-li a{
    line-height: 26px;
    display: inline-block;
}
.type-plate2 .scroll-box{
    height: 410px;
}
.art-plate{
    margin-bottom: 80px;
}
.art-plate:last-of-type{
    margin-bottom: 0;
}
.art-plate h3{
    font-size: 22px;
    line-height: 26px;
    margin-bottom:  30px;
    color: #1c3675;
    font-weight: 600;
}
.art-plate .p14{
    font-size: 14px;
    color: #444;
    line-height: 20px;
}
.art-plate .art-img{
    display: block;
    width: 100%;
}
.art-plate .term{
    padding:10px 0px 10px 30px;
    position: relative;
}
.art-plate .term:first-of-type:before{
    display: block;
}
.art-plate .term:before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #d6c16f;
    position: absolute;
    left: 0;
    top:16px;
}
.art-plate .term p{
    line-height: 20px;
}
.pro-plate ul{
    /*padding-left: 50px;*/
    position: relative;
}
/* .pro-plate ul:before{
    content: '';
    width: 4px;
    height: 84%;
    background: #d3b06c;
    position: absolute;
    left: 0;
    top:14px;
} */
.pro-plate .tt-box{
    min-height: 38px;
    line-height: 38px;
    padding: 0 15px;
    background: #eff3f7;
}
.pro-plate .tt-box:before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #d6c16f;
    position: absolute;
    left: -53px;
    top:14px;
}
.pro-plate .tt-box:after{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #d6c16f;
    position: absolute;
    left: -59px;
    top: 8px;
}
.pro-plate .tt-box p{
    display: inline-block;
    vertical-align: middle;
}
.pro-plate .pro-li{
    /* height: 120px; */
    position: relative;
}
.pro-plate .tex{
    padding: 15px 15px 40px;
}
.pro-plate .pro-li:before{
     content: '';
    width: 4px;
    height: 100%;
    background: #00ABFF;
    position: absolute;
    left: -50px;
    bottom: 0px;
    margin-bottom: -20px;
}
.pro-plate .pro-li:last-of-type:before{
    display: none;
}
.pro-plate .pro-li:first-of-type:before{
    display: block;
}
/* .pro-plate .pro-li:after{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #d6c16f;
    position: absolute;
    left: -59px;
    top: 8px;
} */
.type-table{
    margin-bottom: 40px;
}
.type-table th{
    color: #333;
    font-weight: 600;
    letter-spacing: 3px;
}
.type-table td{
    text-align: center;
    padding: 20px;
}
.type-table td p{
    font-size: 15px;
    line-height: 18px;
    color: #444;
}
.type-table .td-tt{
    width: 35%;
}
.type-table .td-tt p{
    color: #999;
}
.ques-plate .ques-li{
    border-bottom: 1px solid #f5f5f5;
}
.ques-plate .hd{
    font-size: 14px;
    color: #999;
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
    position: relative;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ques-plate .hd:after{
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(../images/icon-arr3.png) no-repeat center;
    right: 40px;
    top:50%;
    margin-top: -8px;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ques-plate .tex{
    padding: 25px 40px;
    display: none;
}
.ques-plate .tex p{
    font-size: 14px;
    color: #666;
    line-height: 34px;
}
.ques-plate .on .hd,.ques-plate li:hover .hd{
   background: #f6f6f6;
   color: #333;
}
.ques-plate .on .hd:after{
    transform:rotate(180deg);
}
.ques-plate ul{
    border-top: 1px solid #f5f5f5;
}

/* 金融配置 */
.finan{
    background: #eff3f7;
}
.fin-form{
    background: #fff;
    height: 70px;
    line-height: 70px;
    padding-left: 30px;
    margin-bottom: 30px;
}

.fin-form label{
    font-size: 18px;
    color: #333;
    margin-right: 40px;
}
.fin-form .input{
    width: 180px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}
.fin-form select{
    padding: 0 15px;
    box-sizing:border-box;
}
.fin-form .input-box{
    border: none;
    position: relative;
    display: inline-block;
}
.fin-form .input-box span{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left:0px;
    top:1px;
    border: 1px solid #ddd;
    color: #999;
}
.fin-form button{
    float: right;
    width: 200px;
    height: 70px;
    display: block;
    color: #fff;
    font-size: 18px;
    border-radius: none;
    border: none;
    background: linear-gradient(to right, #b8904c 0%, #d6c06f 100%);
}
.fin-form button:hover{
    background: #d6c06f;
}
.fin-form button:before{
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 20px;
    background: url(../images/icon-search1.png) no-repeat center;
}
.fin-li{
    height: 160px;
    width: 100%;
    background: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.fin-li:hover img{
    transform:scale(1.1);
}
.fin-li .pic{
    height: 100%;
    width: 244px;
    float: left;
    background: #e5e5e5;
    overflow: hidden;
}
.fin-li .pic img{
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
-moz-transition: all ease .5s 0s; 
-webkit-transition: all ease .5s 0s;
}
.fin-li .tex{
    margin-left: 300px;
    padding-top: 35px;
    padding-right: 240px;
    overflow: hidden;
}
.fin-li .tex h3{
    font-size: 20px;
    line-height: 24px;
    color: #333;
    font-weight: 600;
    margin-bottom: 32px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.fin-li ul{
    width: 660px;
    overflow: hidden;
}
.fin-li li{
    float: left;
    text-align: center;
    padding: 0 8px;
    position: relative;
    width: 25%;
    box-sizing:border-box;
}
.fin-li li:before{
    content: '';
    height: 38px;
    width: 1px; 
    background: #ddd;
    position: absolute;
    left:0;
    top:4px;
}

.fin-li li:first-of-type:before{
    display: none;
}
.fin-li h4{
    font-size: 16px;
    line-height: 16px;
    color: #1c51d1;
    margin-bottom: 8px;
}
.fin-li li p{
    font-size: 14px;
    line-height: 14px;
    color: #666;
}
.fin-li .visit{
    width: 160px;
    height: 50px;
    border-radius: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: linear-gradient(to right, #b8904c 0%, #d6c06f 100%);
    position: absolute;
    right: 40px;
    top:50%;
    margin-top: -25px;

}
.fin-li .visit:hover{
    background: #d6c06f;
}

.finan-art{
    background: #eff3f7;
}
.finan-art .art-content{
    padding-top: 0;
}
.finan-art .art-hd{
    padding: 0 40px;
}
.finan-art .share1{
    float: right;
    margin-top: 16px;
}
.finan-art .data{
    padding: 0 80px;
    overflow: hidden;
}
.finan-art .data li{
    float: left;
    width: 25%;
    text-align: center;
    margin: 20px 0;
    padding: 0 10px;
    box-sizing:border-box;
}
.finan-art .data h4{
    color: #1c51d1;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 6px;
    font-weight: 600;
}
.finan-art .data p{
    font-size: 14px;
    line-height: 16px;
    color: #666;
}
.fin-plate{
    border-bottom: 1px solid #ddd;
    padding: 40px 0;
}
.fin-plate:last-of-type{
    border-bottom: none;
    padding-bottom: 0;
}
.fin-plate2 .date{
    font-size: 15px;
    color: #666;
    overflow: hidden;
}
.fin-plate2 .start{
    float: left;
}
.fin-plate2 .stop{
    float: right;
}
.fin-plate2 .tex{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    margin-top: 50px;
}
.fin-plate3 .menu1{
    text-align: center;
    margin-bottom: 45px;
}
.fin-plate3 li{
    display: inline-block;
    width: 205px;
    height: 44px;
    line-height: 44px;
    border-radius: 44px;
    color: #fff;
    border: 2px solid #ccc;
    font-size: 15px;
    color: #666;
    margin: 0 40px;
transition: all ease .2s 0s; 
-moz-transition: all ease .2s 0s; 
-webkit-transition: all ease .2s 0s;
}
.fin-plate3 li:hover,
.fin-plate3 .on{
    background: #00ABFF;
    border-color: #00ABFF;
    color: #fff;
}
.fin-plate .table .td-tt{
    width: 20%;
    text-align: center;
}
.fin-plate .td-tt p{
    font-size: 15px;
    color: #666;
    font-weight: 600;
}
.fin-plate  td p{
    font-size: 14px;
    color: #666;
}
.fin-plate  td{
    padding: 30px;
}
.fin-plate .table{
    margin-bottom: 40px;
}

.fin-table2 td{
    text-align: center;
}
.fin-table2 th{
    font-size: 18px;
}
.finan-art .notice{
    padding-top: 30px;
}
.notice li{
    line-height: 80px;
    border-bottom: 1px solid #eee;
    padding-left: 10px;
    overflow: hidden;
}
.notice li a{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.notice li p{
    font-size: 15px;
    line-height: 18px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
}
.notice .tt{
    float: left;
    width: 91%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all ease .2s 0s; 
    -moz-transition: all ease .2s 0s; 
    -webkit-transition: all ease .2s 0s;
}
.notice .date{
    float: right;
}
.notice li:hover .tt{
    color: #d4b26f;
}

/* 移民评估 */
.assess form{
    margin-top: 70px;
}
.assess .ass-li{
    margin-bottom: 60px;
}
.assess .ass-li .tt{
    margin-bottom: 30px;
}
.assess .ass-li h4{
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 10px;
    color: #000;
}

.assess .label1{
    font-size: 14px;
    color: #999;
}

.assess .name{
    text-align: center;
}
.assess .tex-box{
    padding-right: 20px;
    display: inline-block;
    /*background: url(../images/icon-write.png) no-repeat 135px center;*/
    border: 1px solid #ccc;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
}
.assess .name .tex{
    line-height: 30px;
    font-size: 20px;
    color: #333;
    width: 110px;
    border: none;
    background: none;
}
.assess .sex{
    text-align: center;
}
.assess .sex ul{
    margin-bottom: 24px;
}
.assess .sex li{
    display: inline-block;
    margin: 0 22px;
    font-size: 14px;
    color: #333;
}
.assess .sex span{
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: 1px solid #d9d9d9;
    margin-bottom: 5px;
    background:#fff url(../images/icon-sex.png) no-repeat center left;
    position: relative;
}
.assess .sex input{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
}
.assess .sex .fe{
    background-position: -46px;
}
.assess .on .ma{
    background-position: -92px center;
}
.assess .on .fe{
    background-position: -138px center;
}
.assess .sex .on span{
    background-color: #33b0ff;
    border-color: #33b0ff;
}
.assess .sex p{
    line-height: 14px;
}
.assess .coun-box{
    overflow: hidden;
    padding: 0 10px;
}
.assess .coun-li{
    width: 160px;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 0 0 0 12px;
    margin: 0 10px 20px;
    float: left;
    position: relative;
    background: #fff;
}
.assess .coun-li input{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    z-index: -1;
}
.assess .coun-box .on{
    border: 2px solid #00ABFF;
}
.assess .coun-box .on p{
    color: #00ABFF;
}

.assess .coun-li img{
    width: 26px;
    height: 26px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin-right: 12px;
    margin-top: -2px;
}
.assess .coun-li p{
    color: #666;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.assess .li-box{
    width: 160px;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 0 12px;
    margin: 0 10px 20px;
    float: left;
    text-align: center;
    position: relative;
    background: #fff;
}
.assess .li-box input{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top:0;
    background: transparent;
    z-index: -1;
}
.assess .on.li-box{
    border: 2px solid #00ABFF;
    color: #00ABFF;
}
.assess .en .li-box{
    width: auto;
    padding: 0 30px;
}
.assess .sub{
    width: 300px;
    height: 44px;
    line-height: 44px;
    border-radius: 6px;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    display: block;
    background: #00ABFF;
    border: none;
}
.assess .reson-li{
    width: 214px;
    text-align: center;
}
.assess .reson-li input{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
}
.assess .reson-li .pic{
    height: 134px;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    position: relative;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1)
}
.assess .reson-li p{
    font-size: 16px;
    line-height: 16px;
    color: #666;
}
.assess .reson-li span{
    position: absolute;
    width: 124px;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    background: rgba(255,255,255,0.5);
    bottom: 15px;
    left: 50%;
    margin-left: -62px;
    font-size: 14px;
}
.assess .reson-li span p{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.assess .reson-li em{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: rgba(255,255,255,0.5);
    margin-left: 20px;
    position: relative;
}
.assess .swiper-slide{
    background: none;
}
.assess .reson-li em:before{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #dec491;
    border: 3px solid #fff;
    position: absolute;
    left:50%;
    margin-left: -6px;
    top:50%;
    margin-top: -6px;
    box-sizing:border-box;
}
.assess .reson-li.on span{
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    margin-left: 0;
    line-height: 134px;
    background: none;
}
.assess .reson-li.on span p{
    display: none;
}
.assess .reson-li.on em{
    margin-left: 0;
    width: 78px;
    height: 78px;
}
.assess .reson-li.on em:before{
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    border: none;
    background: rgba(211,176,108,0.7) url(../images/icon-check.png) no-repeat center;
}
.assess .reson-box{
    position: relative;
}
.assess .swiper-container{
    width: 92%;
}
.assess .swiper-button{
    background-color: red;
    width: 38px;
    height: 38px;
    background: url(../images/icon-arr4.png) no-repeat center left;
}
.assess .swiper-button-prev{
    left: 0;
}
.assess .swiper-button-next{
    right: 0;
    background-position: -48px;
}
.assess .swiper-button-prev:hover{
    background-position: -96px;
}
.assess .swiper-button-next:hover{
    background-position: -144px;
}
.assess .money-box{
    width: 100%;
    padding: 40px 0;
}
.theme-green .back-bar .selected-bar{
    background: #00ABFF;
}
.theme-green .back-bar .pointer{
    width: 15px;
    height: 46px;
    border-radius: 15px;
    background: #00ABFF;
    top:-20px;
}
.theme-green .back-bar{
    height: 8px;
    background: #eee;
}

.theme-green .scale ins{
    font-size: 18px;
    color: #666;
    top:15px;
}
.theme-green .back-bar .pointer-label{
    font-size: 20px;
    color: #00ABFF;
    background: none;
    top:-42px;
}

/* 图片放大插件样式 */
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 10%; left: 10%; text-align: center; width: 80%; height: 80%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 20px; top: 20px; width: 50px; height: 50px; line-height: 50px; font-size: 40px;  }
.rebox-close:hover,.rebox-close:focus{
    -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}


/* 评估结果 */
.result{
    background: #eff3f7;
}
.result .resu-hd{
    background: #Fff;
    padding: 40px 40px 50px;
    overflow: hidden;
    margin-bottom: 40px;
    width: 100%;
}
.result .resu-hd .hd{
    text-align: center;
    margin-bottom: 35px;
}
.result .resu-hd h3{
    font-weight: 600;
    font-size: 30px;
    color: #00ABFF;
}
.result .resu-hd h4{
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 30px;
    color: #333;
    font-weight: 600;
}
.result .resu-hd ul{
    float: left;
    width: 780px;
}
.result .resu-hd li{
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #666;
    padding-right: 20px;
}
.result .resu-hd .button{
    display: inline-block;
    background: #00ABFF;
    width: 208px;
    height: 44px;
    line-height: 44px;
    border-radius: 44px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    float: right;
    margin-top: 20px;
}
.result .resu-hd .button:hover{
    background: #bf9f62;
}
.result .resu-md{
    background: #fff;
    margin-bottom: 40px;
}
.resu-md .hd{
    height: 100px;
    line-height: 100px;
    padding: 0 40px;
    border-bottom: 1px solid #ddd;
}
.resu-md .hd h3{
    font-size: 26px;
    font-weight: 600;
    color: #333;
    float: left;
}
.resu-md .hd em{
    color: #00ABFF;
    font-weight: 600;
}
.resu-md .hd ul{
    float: right;
}
.resu-md .hd li{
    float: left;
    margin-right: 35px;
}
.resu-md .hd .re-icon{
    margin-top: -3px;
    margin-right: 8px;
}
.re-icon{
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%;
}
.re-icon.yes{
    background: url(../images/icon-yes.png) no-repeat center;
}
.re-icon.no{
    background: url(../images/icon-no.png) no-repeat center;
}
.re-icon.part{
    background: url(../images/icon-part.png) no-repeat center;
}

.result .resu-md .content{
    padding: 40px;
}
.result .type-li .tex{
    width: 570px;
}
.result .type-li .tex h3{
    margin-bottom: 20px;
}
.result .type-li em{
    font-size: 14px;
    color: #333;
    
    display: inline-block;
}
.result .type-li .tex p{
    margin-bottom: 15px;
}
.result .type-li ul{
    margin-top: 15px;
}
.result .type-li ul li{
    width:50%;
    text-align: left;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 6px;
    color: #999;
    padding-left: 25px;
    position: relative;
}
.result .type-li ul li:before{
    display: none;
}
.result .resu-md .content .re-icon{
    width: 14px;
    height: 14px;
    background-size: cover;
    position: absolute;
    left: 0;
    top:2px;
}
.result .type-li .money{
    width: 160px;
    float: right;
    padding-top: 90px;
}
.result .type-li .money h5{
    font-size: 18px;
    line-height: 20px;
    color: #666;
    margin-bottom: 16px;
}
.result .type-li .money h3{
    color: #d6c16f;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 40px;
}
.result .type-li .money p{
    font-size: 14px;
    color: #666;
}
.result .type-li:hover .tex h3{
    color: #00ABFF;
}
.result .more{
    width: 208px;
    height: 44px;
    line-height: 44px;
    border-radius: 44px;
    text-align: center;
    font-size: 14px;
    color: #666;
    display: block;
    margin: 0 auto;
    border: 1px solid #ccc;
    margin-top: 60px;
}
.result .more:hover{
    background: #00ABFF;
    border-color: #00ABFF;
    color: #fff;
}
.resu-bt{
    background: #fff;
    padding: 35px 40px 40px;
}
.resu-bt h3{
    font-size: 26px;
    line-height: 28px;
    color: #333;
    font-weight: 600;
    margin-bottom: 35px;
}
.resu-bt .table td{
    font-size: 15px;
    color: #666;
    line-height: 22px;  
}

/* 190114 */
.coun-center{
    padding: 80px 0 70px;
}
.coun-center .coun-li {
    display: block;
    float: left;
    width: 416px;
    height: 275px;
    background: #e5e5e5;
    margin: 0 5px 10px;
    overflow: hidden;
}
.coun-center .coun-li:hover img{
    transform:scale(1.1);
}
.coun-center img{
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}


/* 190325 */
#fl-win li .code{
    position: absolute;
    right: -100%;
    bottom: 0;
    width: 110px;
    background: #fff;
    z-index: -1;
    padding: 5px;
    font-size: 12px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
#fl-win li .code img{
    max-width: 100%;
    max-height: 100%;
}
#fl-win li:hover .code{
    right: 66px;
}
#fl-win .weixin{
    background-image: url(../images/fw-code.png);
}
#fl-win .form{
    background-image: url(../images/fw-form.png);
}

.nav-menu li:hover .two-nav{
    display: block;
}
.nav-menu .two-nav{
    width: 600px;
    height: 100%;
    overflow-y: auto;
    background: rgba(255,255,255,0.95);
    position: absolute;
    left: 246px;
    top: 0;
    padding: 40px 20px 0;
    display: none;
}
.nav-menu .two-nav .two-col{
    width: 50%;
    float: left;
}
.nav-menu .two-nav .two-li{
    padding-bottom: 25px;
    padding-right: 25px;
    line-height: 24px;
}
.nav-menu .two-nav h3{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
    color: #000;
}
.nav-menu .two-nav a{
    margin-bottom: 0px;
    text-align: left;
    width: 100%;
    display: inline-block;
}
.nav-menu .two-nav{
    padding-top: 20px;
}
.nav-menu .two-nav p{
    margin-top: 0px;
    margin-bottom: 4px;
    /* line-height: 16px; */
    font-size: 16px;
}
.nav-menu .two-nav a:hover{
    color: #d4b26f;
}

.articlebox2{
    width: 100%;
    background: white;
    padding: 30px 20px 0;
    box-sizing: border-box;
    margin-top: 100px;
}

.articlebox2 .head span{
    font-size: 22px;
    line-height: 22px;
    color: #333;
}
.articlebox2 .head a{
    color: #999999; line-height: 22px;
}
.articlebox2 .list{
    overflow: hidden;
    padding-bottom: 20px;
}
.articlebox2 .list a{
    display: block;
    padding: 20px 0;
    color: inherit;
    /* float: left; */
    width: 295px;
}
.articlebox2 .list .img{
    height: 170px;
    overflow: hidden;
}
.articlebox2 .list a img{
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.articlebox2 .list a:hover img{
    transform:scale(1.1);
}
.articlebox2 .list a p{
    margin-top: 15px;
    font-size: 14px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.articlebox2 .list a:hover p{
    color: #1c3675;
}
.articlebox2 .swiper-container{
    padding-bottom: 10px;
}
.articlebox2 .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0;
}


/* 0412 */

.them-article img{
    max-width: 100%;
}
.hot-pro1{
    padding: 70px 0;
} 
.hot-pro1 .content{
    overflow: hidden;
}
.hot-pro1 .pro-lt{
    float: left;
    width: 232px;
}
.hot-pro1 .pro-lt li{
    width: 100%;
    line-height: 66px;
    border: 2px solid #ddd;
    text-align: center;
    font-size: 26px;
    color: #666;
    margin-bottom: 17px;
}
.hot-pro1 .pro-lt a{
    color: #666;
    display: block;
    height: 100%;
}
.hot-pro1 .pro-lt li.on,
.hot-pro1 .pro-lt li:hover{
    background: #d4b26f;
    border-color: #d4b26f;
}
.hot-pro1 .pro-lt .on a,
.hot-pro1 .pro-lt li:hover a{
    color: #fff;
}
.hot-pro1 .pro-rg{
    width: 1020px;
    float: right;
    position: relative;
    padding-left: 50px;
    padding-right: 32px;
    text-align: center;
}
.hot-pro1 .pro-rg .swiper-slide{
    background: transparent;
}
.hot-pro1 .pro-rg .it-col{
    margin-right: -18px;
}
.hot-pro1 .pro-rg .item{
    display: block;
    width: 295px;
    /* height: 195px; */
    float: left;
    margin-right: 18px;
    /* margin-bottom: 18px; */
    overflow: hidden;
}
.hot-pro1 .pro-rg img{
    display: block;
    width: 100%;
    height: 195px;
    -webkit-transition: all ease .5s 0s;
}
.hot-pro1 .pro-rg p{
    line-height: 1.5;
    padding: 10px 5px;
    font-size: 16px;
    color: #333;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hot-pro1 .pro-rg .item:hover p{
    color: #00ABFF;
}
.hot-pro1 .swiper-prev{
    left: 0px;
    top: 180px;
    margin-top: 0;
}
.hot-pro1 .swiper-next{
    right: 0px;
    top: 180px;
    margin-top: 0;
}
.hot-pro1 .page{
    padding-right: 116px;
}
.hot-pro2{
    padding: 70px 0;
    background: #e5eef6;
}
.hot-pro2 .content{
    padding: 0 47px;
    position: relative;
    text-align: center;
}
.hot-pro2 .swiper-prev{
    left: 0px;
    top: 180px;
    margin-top: 0;
}
.hot-pro2 .swiper-next{
    right: 0px;
    top: 180px;
    margin-top: 0;
}
.hot-pro2 .item{
    display: block;
    width: 280px;
    height: 185px;
    float: left;
    margin: 0 8px 15px;
    overflow: hidden;
}
.hot-pro2 .item img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.hot-pro2 .swiper-slide{
    background: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hot-pro1 .pro-rg .item:hover img{
    transform:scale(1.1);
}
.hot-pro2 .item:hover img{
    transform:scale(1.1);
}

.hot-pro1 .swiper-pagination-bullet,
.hot-pro2 .swiper-pagination-bullet{
    display: inline-block;
    width: 50px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 2px;
    background: #fff;
}
.hot-pro1 .swiper-pagination-bullet-active,
.hot-pro2 .swiper-pagination-bullet-active{
    background: #00ABFF;
    border-color: #00ABFF;
    color: #fff;
}

.hot-pro1 .swiper-container-horizontal>.swiper-pagination-bullets,
.hot-pro2 .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0;
}

.hot-pro1 .swiper-pagination,
.hot-pro2 .swiper-pagination{
    width: auto;
    position: static;
    display: inline-block;
    vertical-align: middle;
}
.hot-pro1 .button,
.hot-pro2 .button{
    display: inline-block;
    vertical-align: middle;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 2px;
    background: #fff;
    padding: 0 20px;
    cursor:pointer;
}
.hot-pro1 .button:hover,
.hot-pro2 .button:hover{
    background: #00ABFF;
    border-color: #00ABFF;
    color: #fff;
}
.hot-pro1 .swiper-wrapper,
.hot-pro2 .swiper-wrapper{
    margin-bottom: 40px;
}
.in-infro .li-bt .more1:hover{
    color: #00ABFF;
}
.infro-video .tex a:hover{
    color: #00ABFF;
}
.table h4.hot{
    position: relative;
}
.table h4.hot:after{
    content: '';
    height: 20px;
    width: 43px;
    background: url(../images/icon-hot.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 10px;
}

/* 0617 */
.sel-form{
    margin: 0 auto;
    width: 840px;
    height: 56px;
    line-height: 56px;
    /* border: 5px solid rgba(0,0,0,0.5); */
    /* background: #fff; */
    position: relative;
}
.sel-form .sel-coun,
.sel-form .sel-reas{
    width: 300px;
    float: left;
    height: 100%;
    text-align: center;
    font-size: 16px;
    color: #333;
    background: #fff;
    border: 1px solid #eee;
    position: relative;
    margin-right: 10px;
}
.sel-form .sel-li .holder:after,
.sel-form .sel-li .holder:after{
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    background: url(../images/icon-arr11.png) no-repeat center;
}
.sel-form .sel-li .holder{
    padding: 0 40px;
    position: relative;
}
.sel-form .sel-li.on .holder:after{
    transform:rotate(180deg);
}
.sel-form .sel-coun{
    /* border-right: 1px solid #d1d5d8; */
}
.sel-form .btn{
    width:200px;
    float: right;
    background: #00ABFF;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.sel-form .sel-down{
    text-align: left;
    min-width: 1440px;
    z-index: 10;
    position: absolute;
    left: -300px;
    top:62px;
    background: #fff;
    display: none;
}
.sel-down .lb{
    line-height: 24px;
    padding: 14px 0 22px 21px;
    font-size: 14px;
}
.sel-down .down-bt{
    padding-bottom: 34px;
}
.sel-down .down-bt ul{
    width:234px;
    border-left: 1px solid #f0f0f0;
    font-size: 14px;
    vertical-align: top;
    padding: 0 0 7px;
    min-width: 116px;
    height: 215px;
    float: left;
}
.sel-down li{
    display: inline-block;
    vertical-align: top;
    float: left;
}
.sel-down .cl-tt{
    margin: 0 0 4px 12px;
    border-color: transparent;
    font-size: 16px;
    color: #999;
    width: 90px;
    display: block;
    text-align: center;
    float: none;
    line-height: normal;
}
.sel-down .cl-li{
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    color: #333;
    position: relative;
    font-size: 14px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 14px 12px 0;
    width: 90px;
}
.sel-reas .sel-down .cl-li{
    margin: 14px 21px 0;
}
.sel-down .cl-li.on{
   background: #00ABFF;
   border-color: #ea3500;
}
.sel-down .cl-li.on a{
    color: #fff;
}
.sel-form .sel-down .close{
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(../images/icon-close.png) no-repeat center;
    right: 10px;
    top: 10px;
}
.finger{
    position: absolute;
    right: -7px;
    top: 40px;
}
.nav>li{
    margin: 0 5px;
}
.nav>li>a{
    font-size: 18px;
}
.art-content p,
.art-content span{
    font-size:16px;
    line-height:2;
    color:#666666;
}
.title-w h3{
    color: #fff;
}
.title-w p{
    color: #fff;
}
.in-country .coun-li1{
    width: 290px;
    height: 222px;
    margin: 0 5px 12px;
}
.in-country .coun-li2{
    width: 592px;
    height: 225px;
    margin: 0 4px 5px;
}

.in-infro{
    background: #fbfbfb;
}
.infro-col{
    width: 380px;
    float: left;
    background: #fff;
    height: 558px;
    /* border: 1px solid #eee; */
    padding: 0 20px;
    margin-right: 30px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.infro-col:last-of-type{
    margin-right: 0;
}
.infro-col .hd{
    line-height: 64px;
    height: 64px;
    overflow: hidden;
}
.infro-col .hd h4{
    font-size: 22px;
    color: #333;
    font-weight: 600;
    float: left;
}
.infro-col .more{
    width: 24px;
    height: 24px;
    background: url(../images/icon-more16.png) no-repeat center;
}
.inf-it{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.inf-it img{
    display: block;
    width: 100%;
    height: 190px;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.inf-it .tt{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: rgba(0,0,0,0.5);
    font-size: 16px;
    color: #fff;
    padding:0 30px;
}
.inf-it1{
    display: block;
    margin-top: 20px;
    overflow: hidden;
}
.inf-it:hover img{
    transform:scale(1.1);
}
.inf-it1:hover .tt{
    color: #00ABFF;
}
.inf-it1 .img{
    width: 114px;
    height: 66px;
    float: left;
}
.inf-it1 .tex1{
    margin-left: 125px;
    padding-top: 10px;
    text-align: left;
}
.inf-it1 .tt{
    font-size: 16px;
    line-height: 18px;
    height: 18px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 600;
}
.inf-it1 .dd{
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    color: #888;
}
.inf-it2{
    display: block;
    margin-top: 25px;
}
.inf-it2 .tt{
    font-size: 16px;
    line-height: 18px;
    height: 18px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 600;
}
.inf-it2:hover .tt{
    color: #00ABFF;
}
.inf-it2 .dd{
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    color: #888;
}
.case-col .it{
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-top: 20px;
    text-align: center;
    background: #eee;
    font-size: 14px;
    color: #666;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.case-col .it:hover{
    color: #fff;
    background: #00ABFF;
}
.ft-top form{
    border:none;
    height: 60px;
}
.ft-top .phone{
    width: 28%;
}
.ft-top .get-ver{
    width: 20%;
    margin-right: 4%;
}
.ft-top .veri{
    width: 28%;
}
.ft-top .sub{
    width: 20%;
    font-size: 16px;
    font-weight: 0;
}
.ft-top:after {
    background: rgba(0,0,0,0.4);
}
.in-case{
    background: #fff;
}
.in-case .lt-box{
    box-shadow: 0 0px 10px rgba(0,0,0,0.05);
    padding: 0;
    width: 780px;
}
.in-case .hd{
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
}
.in-case .hd h4{
    font-size: 22px;
    color: #333;
    font-weight: 600;
}
.in-case .hd .more{
    margin-top: 18px;
        background: url(../images/icon-more16.png) no-repeat center;
}
.in-case .big-case{
    height: 253px;
    padding: 0 20px;
}
.in-case .big-case .pic{
    width: 360px;
}
.big-case .tex{
    padding: 0;
    text-align: left;
    height: auto;
    border: none;
}
.big-case .it{
    display: block;
    padding: 14px 0;
    border-bottom: 1px dashed #e5e5e5;
}
.big-case .it:hover .tt{
    color: #00ABFF;
    font-weight: 600;
}
.big-case .it .tt{
    font-size: 18px;
    color: #333;
    line-height: 20px;
    height: 20px;
    margin-bottom: 10px;
}
.big-case .it .time{
    font-size: 12px;
    line-height: 1;
    color: #999;
    margin-bottom: 10px;
    float: none;
}
.big-case .it .dd{
    font-size: 14px;
    color: #888;
    line-height: 22px;
    height: 44px;
}
.in-layout{
    max-width: 1200px;
}
.in-layoutnew{
    max-width: 1620px;
}
.in-layout1{
    max-width: 1280px;
}
.footer .ft-rg{
    margin-left: 370px;
}
.ft-nav{
    width: 100%;
    float: none;
    border: none;
    padding: 0;
    overflow: hidden;
    margin-bottom: 45px;
}
.ft-nav li{
    width: auto;
    font-size: 20px;
    padding-left: 0;
    margin-right: 25px;
    line-height: 1;
    margin-bottom: 0;
}
.ft-nav li a{
    color: #9e9e9e;
}
.ft-md .md-lt{
    float: none;
    width: 100%;
}
.ft-md .md-lt ul{
    padding-left: 0;
    margin-top: 0;
}
.ft-md .md-lt li {
    list-style: none;
    font-size: 16px;
    color: #9e9e9e;
}
.ft-content{
    background: #2a2a2a;
}
.ft-bt{
    background: #1c1c1c;
    color: #a7a7a7;
}
.ft-code{
    margin-right: 30px;
}
.oov,
.tov,
.thov {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.oov {
    -webkit-line-clamp: 1;
    /* white-space: nowrap; */
}

.tov {
    -webkit-line-clamp: 2;
}

.thov {
    -webkit-line-clamp: 3;
}
@media screen and (max-width: 1620px){
    .hot-pro1,.hot-pro2{
        padding: 60px 0;
    }
    .hot-pro1 .swiper-wrapper, .hot-pro2 .swiper-wrapper{
        margin-bottom: 25px;
    }
    .header .layout1{
    padding: 0 30px;
}
    .nav>li>a{
        font-size: 16px;
    }
    .nav>li{
        margin: 0 10px;
    }
}

@media screen and (max-width: 1400px){
    .hot-pro1,.hot-pro2{
        padding: 45px 0;
    }
    .hot-pro1 .title,.hot-pro2 .title{
        margin-bottom: 25px;
    }
    .title h3{
        font-size: 30px;
        line-height: 32px;
    }
    .hot-pro1 .swiper-wrapper, .hot-pro2 .swiper-wrapper{
        margin-bottom: 10px;
    }

}


.them-article{max-width: 900px;margin: 0 auto;padding-top: 50px;}
.them-article .top{padding-left: 20px;border-left: 4px solid #00ABFF;margin-bottom: 45px;}
.them-article .top h2{font-weight: bold;font-size: 24px;color: #444;}
.them-article .attr{margin: 15px auto 5px;}
.them-article .attr .t1{font-size: 18px;color: #00ABFF;margin-right: 30px;line-height: 30px;}
.them-article .attr .t2{margin-right: 30px;color: #888;line-height: 30px;}
.them-article .attr .t2 .loc{color: #00ABFF;}
.them-article .attr .t8{line-height: 30px;}
.them-article .page-turn{overflow: hidden;width: 100%;display: flex;justify-content: space-between;padding-bottom: 50px;padding-top: 30px;}
.them-article .page-turn > a{width: calc(48.5% - 60px);padding: 30px 30px 35px;border-radius: 3px;background: #666;transition: all .3s;}
.them-article .page-turn > a:hover{background: #00ABFF;}
.them-article .page-turn *{color: #fff;}
.them-article .page-turn .t3{padding-bottom: 12px;margin-bottom: 26px;border-bottom: 2px solid #fff;display: inline-block;}
.them-article .page-turn .t4{font-size: 16px;}
.them-article .page-turn .t5{color: #ccc;margin-top: 40px;line-height: 20px;height: 20px;}
.them-article .act-info{background: #f9f9f9;padding: 25px 25px 10px;margin-bottom: 30px;}
.them-article .act-info >div{padding-left: 30px;line-height: 22px;}
.them-article .act-info .t7{color: #666;margin-bottom: 15px;}
.them-article .act-info .t6.bg1{background: url(../../../images/icon10.html) no-repeat center left;}
.them-article .act-info .t6.bg2{background: url(../../../images/icon11.html) no-repeat center left;}
.them-article .ject{padding-bottom: 60px;}
.them-article .ject .tit{line-height: 50px;height: 50px;margin-bottom: 30px;}
.them-article .ject .ti1{width: 140px;background: url(../../../images/icon32.html) no-repeat center right;padding-left: 15px;border-left: 5px solid #c61717;font-size: 24px;font-weight: bold;}