/*
* 海外首页改版3.0
* author: shixia
* Date: 2015-09-07
* update:
* 
*/
.linkss a{margin:4px; display: inline-block;}
.ssx a,.ssx{color:#fff}
body {
background-color: #fff;
 overflow-x: hidden;
}
a{
border: 0;
outline: 0;
padding: 0;
}
img{
border: 0


}
li{ list-style:none}
.hide{
display:none
}
.ppro{margin:35px 0px}
.hw-wall{
width: 100%;
margin: 0 auto;
margin-top: 18px;
background-color: #fff;
overflow: hidden;
}
/* 国家分类导航 */
.wall-sidebar{
width:200px;
float: left;
}
.wall-sidebar li{
position: relative;
z-index: 9;
}
.about_home{width:1200px; margin:0px auto; padding-bottom:20px; border-bottom:solid 1px #ccc}
.wrapper{width:1200px; margin:0px auto; overflow:hidden; margin-bottom:20px}
.ttt{font-size:24px; margin:30px 0px}
.about_home .title{margin:30px 0px;}
.wall-sidebar li a{
height: 50px;
line-height: 50px;
border-bottom: 1px #f5f5f5 solid;
overflow: hidden;
display: block;
color: #666;
text-decoration: none;
}
.wall-sidebar a.na-item:hover{
color: #333;
text-decoration: none;
}
.wall-sidebar .item7 > a{
height: 54px;
border-bottom:0;
overflow: hidden;
display: block;
color: #666;
text-decoration: none;
}

.nat{
width: 40px;
height:40px;
float: left;
margin-right: 10px;
line-height: 50px;
background: url("nation_logo.png") no-repeat;
background-position: 0px 4px;
}
.copyrights ul{float:left; padding: 80px 50px 0px;
line-height: 32px;}
.logo1{}
.logo2{background-position: 0px -46px;}
.logo3{background-position: 0px -97px;}
.logo4{background-position: 0px -150px;}
.logo5{background-position: 0px -200px;}
.logo6{background-position: 0px -250px;}
.logo7{background-position: 0px -303px;}
.nat-name{
font-size: 16px;
display: inline-block;
line-height: 50px;
}
.pull-right{
width:20px; 
float: right;
margin-right: 18px;
color: #a8a8a8;
font-size: 20px;
line-height: 50px;
display:block;
}
.sub-content{
width:460px;
position: absolute;	
left: 200px;
top: 0;
background-color: #d0d1d2 ;
padding:20px 20px 0px 20px;
display: none !important;
z-index: 9;
}
.bottom0{
top: auto;
bottom: 0px;

}
.sub-box{
overflow: hidden;
}
.sub-box dl{
padding-bottom:10px;
position: relative;
}
.sub-box dt{
white-space: nowrap;
color: #333;
font-size: 12px;
position: relative;
}
.sub-box  dd a{
display: inline;
font-size: 12px;
color: #666;
border: 0;
height: 20px;
line-height: 20px;
position: relative;
padding:0px ;
}
.sub-box  dd span{
padding-left:3px ;
}
.sub-box  dd  a.morecity{
color:#e91313;
padding:0px ;
}
/* flexslider */
.flexslider{position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
/* 轮播 */
.wall-banner{
width:100%;
height: 360px;
float: left;
overflow: hidden;
position: relative;
}
.wall-banner .pannel-content {
    height: 360px;
}
.wall-banner .pic_box_1200 {
    display: block;
    width: 100%;
    height: 360px;
    margin: 0 auto
}
.wall-banner .banner_tab_list {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 21px;
    text-align: center;
}

.banner_tab_list li {
    margin-right: 15px;
    display: inline;
}
.banner_tab_list li a {
    font-size: 25px;
    color: #eee
}

.banner_tab_list .banner-selected a {
    color: #fc6800
}
/* 右侧固定二维码 和 回到顶端 */

#J_backTop{
 position: fixed;
right: -35px;
top: 231px !important;
bottom:auto !important;
width: 120px;
height: 288px;

}
.sider-tips{
width:230px !important;

}
.sider-ewm {
background: #fff;
border:1px solid #e1e1e1;
padding:23px;
padding-top: 155px;
padding-bottom: 15px;
position: absolute;
z-index: 11;
display: none;
background:#fff url('../img/hw/hw_ewm.jpg') no-repeat 8px 8px;
width:120px;
}
.house-info{
border: 1px solid #e1e1e1;
border-bottom: none;
display: block;
background:#fff url("../img/hw/hw_goto.png") no-repeat;
width: 58px;
height: 58px;
background-position:  -3px -2px;
position: relative;

}
.house-info:hover{	
background-position:  -58px -2px;

}


.lvshi .mode-box .mode-content,.lvshi .mode-box{ margin-top: 0px; border: 0px; background: none; }

/* 公用 */
.mode-box{
width: 1200px;
margin: 0 auto;
margin-top: 30px;
position: relative;
}
.mode-name{
font-size: 20px;
line-height: 36px;
color: #333;
padding-left: 10px;
overflow: hidden;
}
.mode-name h3{
    float: left;
width: 200px;

}
.mode-content{
background: #fff;
border: 1px solid #e1e1e1;
padding: 20px; height: 323px;
}
.news-box .mode-tab{ padding-left: 85px; }
.mode-tab{
font-size: 12px;
line-height: 36px; 
color: #666; text-align: center;
position: relative; top: -15px;
margin-bottom: 0px;
}
.lvshi .mode-tab a{ font-size: 14px; }
.lvshi{ background: #e9eaee; padding: 20px 0px; }
.mode-tab a{
display: inline-block;
color: #666;
margin: 0 5px 0 5px;
position: relative;
}
.ab_title{ background: url(index_06.jpg) no-repeat center top; height: 102px; }
.retuixiangmu .rtxm{ background: url(index_03.jpg) no-repeat center -1px; height: 119px; }
.retuixiangmu{ height: 506px; background: #5e5e5e; }
.retuixiangmu .mode-content{ padding: 0px; border: 0px; }
.mode-tab .current{
color: #fe8100;
border-bottom: 1px solid #fe8100;
}
.mode-tab i{
width: 0;
height: 0;
border-left: 3px dashed transparent;
border-right: 3px dashed transparent;
border-bottom: 4px solid #fe8100;;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -4px;
cursor: default;
display: none;
}
.mode-tab .current i{
display: block;
}
.mode-wrapper{


}
.mode-wall{
overflow: hidden;
}
/* 热推项目 */
 .pic-col{
float:left;

}
.pic-col a{
display:block;
color:#fff;
font-size: 12px;
line-height: 20px;
position: relative;
height:324px;
}
.pic-col  p{
 position: absolute;
left: 0;
bottom: 0;
width: 95%;
background-color:#000;
filter:alpha(opacity=70);   
-moz-opacity:0.7;   
-khtml-opacity: 0.7;   
opacity: 0.7;  
display: none; 
padding-left:5%; 
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pic-col a:hover p{
display:block;
}
.mar5{
margin-right: 6px;
}
.marbot5{
margin-bottom: 4px;
}
.w285{
width:285px;
}
.w285 a{
display:block;
width:285px;
height: 160px;
}
.active{
display: block;
}
/* 资讯信息 */
.news-box{
float: left; margin-top: 30px;
width:320px; position: relative; margin-left: 20px;
}
.news-box h3{ position: absolute; width: 46px; height: 56px; color: #fff; line-height: 26px; text-align: center; border-radius: 38px; padding:10px 15px; background: #f39801; top: -38px; left: 25px; }
.morelink{
float: right;
font-size: 12px;
color: #0191df;
line-height: 36px;
}
.morelink span{
font-size: 12px;

}
.news-box .news-pic{
width:318px;
}
.news-pic a{
font-size: 12px;
line-height: 20px; 
color:#666; 
display:block;
}
.news-pic a img{ float: left; padding-right: 15px; }
.news-pic p{
font-size: 16px;
line-height: 20px; font-weight: bold;
color:#f39801; 
left:0; line-height: 30px;
bottom:0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; 
}
.news-list {
padding-top: 14px;

}
.news-list li,.news-list a{
font-size: 12px;
line-height: 20px;
padding-top:8px;
color: #666;
width:320px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ad-box{
width: 1200px;
height:80px;


}
/* 活动动态 */
.active-box{
float:right;
width: 820px;
}
.act-banner{
width: 780px;
height:279px;
overflow: hidden;
position: relative;
float: left; 
}
.act-banner .act-conent{
width: 780px;
height:240px;
overflow: hidden;
}
.act-conent .pannel-act{
display: block;
width: 780px;
height: 240px;
margin: 0 auto

}
.pannel-act .pic-box-820{
width: 780px;
height:279px;
overflow: hidden;
display: block;
}
.pic-box-820 .act_img{
float: left; 
width: 485px;
}
.pic-box-820 .act-des{
width: 275px;
float: right;
}
.act-des .act-name{
width:270px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 30px;
color: #333;
}
.act-des .act-intro{
font-size: 12px;
line-height: 23px;
width: 275px;
height:210px; 
overflow: hidden;
color: #666;
}

.act-banner .act_tab_list {
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 21px;
line-height: 21px;
text-align: left;
}

.act_tab_list li {
margin-right: 5px;
display: inline;

}
.act_tab_list li a {
    font-size: 25px;
    color: #e1e1e1;
}

.act_tab_list .act-selected a {
    color: #fc6800;
}

/* 服务流程 */
.service-flow{
width: 1050px;
margin: 0 auto;
padding: 20px 0px;
}
.service-flow a{
width: 170px;
height:170px;
display: inline-block;
background:url("../img/hw/service-step.png") no-repeat;
color: #666;
position: relative;
}
.service-flow a.step1{
background-position:-2px -2px;   
}
.service-flow a.step2{
background-position:-202px -2px;   
}
.service-flow a.step3{
background-position:-403px -2px;   
}
.service-flow a.step4{
background-position:-604px -2px;   
}
.step-arrow{
width: 116px;
height:170px;
display: inline-block;
background:#fff url("../img/hw/step_arrow.png") no-repeat 17px 85px;
}
.service-flow a span{
width: 130px;
height:36px;
display:block;
position: absolute;
bottom: 5px;
text-align: center;
font-size: 16px;
line-height: 36px;
color: #666;
}
/* 流程弹框 */


.dialog_body{
background-color: #fff;
display: none;
position: absolute;
}
.dialog_close{
display:block;
font-size: 24px;
line-height: 24px;
color: #000;
position: absolute;
top: 0px;
right:5px;
}
.serve_top{
width: 195px;
height: 26px;
background:#fff url("../img/hw/serve-tit.png") no-repeat ;  
margin: 0 auto; 
}          
.serve_main {
 min-height: 476px;
position: relative;
overflow: hidden;
}     
.serve_bottom{
background-color: #e5e5e5;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #333;
padding: 17px 0px;

}


.width863{
width: 863px;
height: 556px;
padding-top:50px;
}

.top2{
background-position:0px -11px;  
}
.top3{
background-position:0px -46px;  
}
.top4{
background-position:0px -80px;  
}  

.TAnimate1{
background: url("../img/hw/TAnimate1.png") no-repeat ;  
width: 200px;
height: 260px;
position: absolute;
top:110px;
left: 0px;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0; 
opacity: 0;
}

.TAnimate2{
background: url("../img/hw/TAnimate2.png") no-repeat ; 
width: 172px;
height: 322px; 
position: absolute;
top:74px;
right: 0px; 
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0; 
opacity: 0; 
}

/* 第2个动画样式 */
.width900{
width: 900px;
height: 580px;
padding-top:20px;
}
.heigth510{
  height: 510px;  
}
.box_text{
width: 100%;
font-size: 14px;
color: #333;
line-height: 20px;
text-align: center;
position: absolute;
bottom:0px;
right: 0px; 
display:none;
}
.position1{
width: 123px;
height: 132px;
top:9px;
left: 250px; 
position: absolute;
z-index: 100; 
}
.box_img1{
width: 123px;
height: 102px;
  
}
.flow{
width: 100%;
height: 100%;
display:none;
}
.position2{
width: 110px;
height: 129px;
top:10px;
right: 250px; 
position: absolute;
z-index: 100;  
}
.box_img2{
width: 110px;
height: 99px;  
}
.position3{
width: 99px;
height: 101px; 
top:153px;
right: 160px;
position: absolute;
z-index: 100;
}
.box_img3{
width: 99px;
height: 71px;
  
}
.position4{
width: 100px;
height: 115px; 
top:290px;
right: 158px;
position: absolute;
z-index: 100;   
}
.box_img4{
width: 93px;
height: 85px;
  
}
.position5{
width: 100px;
height: 115px;
bottom:17px;
right: 270px; 
position: absolute;
z-index: 100;   
}
.box_img5{
width: 100px;
height: 85px;
}

.position6{
width: 113px;
height: 128px; 
bottom:17px;
left: 250px; 
position: absolute;
z-index: 100; 
}
.box_img6{
width: 113px;
height: 98px;
}

.position7{ 
width: 92px;
height: 117px;
top:290px;
left: 140px; 
position: absolute;
z-index: 100;  
}
.box_img7{
width: 92px;
height: 87px;
}
.position8{
width: 92px;
height: 112px; 
top:141px;
left: 140px; 
position: absolute;
z-index: 100; 
}
.box_img8{
width: 92px;
height: 82px;
}



.TAnimate15{
background: url("../img/hw/TAnimate15.png") no-repeat ;
-moz-background-size:100% 100%;
background-size: 100% 100%;
width: 159px;
height:219px;
top:100px;
left: 360px; 
position: absolute;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0;  
opacity: 0; 
z-index: 1;
}
/* 第三个动画样式 */
.width864{
width: 864px;
 height: 588px;
 padding-top:20px;   
}
.padding20{
padding-top: 20px;

}
.serve_text{
width: 100%;
font-size: 14px;
color: #333;
line-height: 20px;
text-align: center;
position: absolute;
bottom:10px;
right: 0px; 
display:none;
}
.bgcolor3{
background-color: #f6f6f6;
margin: 0 auto;
width: 763px;
height: 300px;
position: relative;
}
.TAnimate3{
background: url("../img/hw/TAnimate3.png") no-repeat ; 
width: 180px;
height: 288px; 
position: absolute;
bottom:7px;
right: 0px; 
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0; 
opacity: 0; 
}
.serve_content{
width: 100%;
height:200px;
position: relative;
}
.serve_type1{
top:44px;
left: 97px; 
position: absolute;
height: 155px; 

}
.serve_type2{
top:20px;
left: 347px; 
position: absolute;
height: 180px;
}
.serve_type3{
top:41px;
right: 101px; 
position: absolute;
height: 158px;
}
.serve_img1{
width: 129px;
height: 114px;  
}
.serve_img2{
width: 154px;
height: 138px;  
}
.serve_img3{
width: 140px;
height: 117px;  
}
.category{ 

width: 100%;
height: 100%;
display:none;


}

/* 成功案例 */
.case-box{
float: left;
width: 590px;

}

.case-content{


}
.case-content .case-tit{
font-size: 14px;
line-height: 30px;
color: #333; 
width: 548px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

}
.case-content .case-abstract{
position: relative;

}
.case-abstract .case-text{
width: 548px;
font-size: 12px;
line-height: 22px;
color: #666; 
height: 48px;
overflow: hidden;   
}
.case-abstract .case-expan {
position: relative;
height:13px;
line-height: 12px;
}
.case-abstract .case-expan a{
position:absolute;
right:0px;
bottom: 0px;
display: inline-block;
font-size: 12px;
line-height: 12px;
color: #0191df;    

}
/* 今日货币汇率 */
.rate-box{
float: right;
width: 590px;

}
.datetime{
float: right;
font-size: 12px;
line-height: 36px;
color: #ff6800;


}
.rate-table{
width: 100%;


}
.rate-table .table-head,.rate-table .table-head th{
background: #999;
font-size: 14px;
line-height: 31px;
color: #fff;
font-weight: normal;
}
.rate-table td{
text-align: center;
line-height: 30px;
font-size: 14px;
color:#666;
}
.rate-table tbody tr:nth-child(2n){
background: #f5f5f5

}
.red{
color: #ff6900;
font-weight:bold;
font-size: 14px;
display: block;
}
.green{
color:#5eac01;
font-weight:bold;
font-size: 14px;
display: block;
}

.copyright{ height: 309px; background:url(index_11.jpg)}
.copyrights{ width: 1200px; height: 309px; background: url(index_10.jpg) no-repeat; margin: 0px auto; }



.v_show { width:1200px; margin:20px auto 1px auto; }
.v_caption { height:35px; position: relative; background:url(img/btn_cartoon.gif) no-repeat 0 0; }
.v_caption h2 { float:left; width:184px; height:35px; overflow:hidden; background:url(img/btn_cartoon.gif) no-repeat; font-size:18px; font-weight: bold; }
.v_caption .cartoon { background-position: 0 -100px; }
.v_caption .variety { background-position:-100px -100px; }
.highlight_tip { display:inline; float:left; margin:14px 0 0 10px; }
.highlight_tip span { display:inline; float:left; width:7px; height:7px; overflow:hidden; margin:0 2px; background:url(img/btn_cartoon.gif) no-repeat 0 -320px; text-indent:-9999px; }
.highlight_tip .current { background-position:0 -220px; }
.change_btn {width: 1200px;
position: absolute;
top: 100px;
 }
.change_btn span { position: relative; z-index: 100000; display:block; float:left; width:30px; height:60px; overflow:hidden; background:url(img/btn_cartoon.gif) no-repeat; cursor:pointer; }
.change_btn .prev { background-position:0 -400px;  }
.change_btn .next { width:31px; float:right; background-position:-30px -400px; }
.v_caption em { display:inline; float:right; margin:10px 6px 0 6px; font-family:simsun; }
.v_content { position:relative; width:1160px; height:250px; overflow:hidden;  border-bottom:3px solid #333; padding-right:40px;}
.v_content_list { position:absolute;top:0px; left:-20px; width:3200px; padding-left:30px;}
.v_content ul {float:left;}
.v_content ul li { display:inline; float:left; text-align: center; margin:10px 2px 0; padding:8px; width:180px;background:url(img/v_bg.gif) no-repeat; }
.v_content ul li a { display:block; width:160px; height:160px; overflow:hidden; }
.v_content ul li img {  width:160px; height:160px; }
.v_content ul li h4 { width:128px; height:18px; overflow:hidden; margin-top:12px; font-weight:normal; }
.v_content ul li h4 a { display:inline !important; height:auto !important; }
.v_content ul li span { color:#666; }
.v_content ul li em { color:#888; font-family:Verdana; font-size:0.9em; }