@charset "utf-8";
html,
body {
    min-width: 1200px;
    background: url(../bg/yy.png) repeat 0 0;
}

body{
    padding-bottom: 126px;
    position: relative;
}

/* CSS Document */

.o_h {
    overflow: hidden;
}

.main {
    width: 1170px;
    margin: 0 auto;
}

.gray {
    background: #f4f4f4;
}

.grays {
    background: #f2f2f2;
}

@font-face {
    font-family: 'TungstenComp-Bold';
    src: url('../fonts/TungstenComp-Bold.eot');
    src: url('../fonts/TungstenComp-Bold.woff') format('woff'), url('../fonts/TungstenComp-Bold.ttf') format('truetype'), url('../fonts/TungstenComp-Bold.svg#TungstenComp-Bold') format('svg'), url('../fonts/TungstenComp-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BritannicBold';
    src: url('../fonts/BritannicBold.eot');
    src: url('../fonts/BritannicBold.woff') format('woff'), url('../fonts/BritannicBold.ttf') format('truetype'), url('../fonts/BritannicBold.svg#BritannicBold') format('svg'), url('../fonts/BritannicBold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {*/
             
/*			 */
/*             src:url('../fonts/SourceHanSansCN-Normal.otf');}*/

/*head*/

.head{
    height: 82px;
    background: #fff;
}

.head .main{
    position: relative;
}

.head .logo{
    position: absolute;
    left: 0;
    top: 0;
    width: 148px;
    z-index: 100;
}

.head ul{
    float: right;
}

.head ul li{
    float: left;
    width: 206px;
    border-left: 1px solid #ccc;
    height: 82px;
}

.head ul li:last-child{
    border-right: 1px solid #ccc;
    width: 85px;
}

.head ul li a.country,.head ul li a.countrys{
    overflow: hidden;
    display: block;
}

.head ul li a.country span{
    float: left;
    font-size: 16px;
    color: #000;
    margin-left: 41px;
    line-height: 82px;
}

.head ul li a.country i{
    float: right;
    width: 3px;
    height: 3px;
    background: #1f1f1f;
    margin-right: 30px;
    margin-top: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.head ul li a.countrys i{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../bg/menu_01.png) no-repeat 0 0;
    margin-right: 35px;
    margin-top: 34px;
}

.head ul li.on a.country{
    background: #252c54;
}

.head ul li.on a.country span{
    color: #fff;
}

.head ul li.on a.country i{
    color: #fff;
}

.head ul li.on a.country i{
    background: url(../bg/x_01.png) no-repeat 0 0;
    width: 10px;
    height: 10px;
    margin-top: 36px;
    margin-right: 26px;
}

.head ul li.on a.countrys i{
    background: url(../bg/menu_02.png) no-repeat 0 0;
}



.b_head{
    display: none;
    position: absolute;
    overflow: hidden;
    top: 82px;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    padding-top: 80px;
    height: 758px;
    z-index: 99;
}

.l_t_nav{
    width: 630px;
    float: left;
    background: #252c54;
    overflow: hidden;
    height: 100%;
}

.r_t_nav{
    width: 1290px;
    float: left;
    background: #fff;
    height: 100%;
}

.l_t_nav_main{
    float: right;
    width: 255px;
    overflow: hidden;
    padding-top: 116px;
}

.l_t_nav_main big{
    display: block;
    font-size: 100px;
    line-height: 80px;
    color: #fff;
    text-transform: uppercase;
    
}

.l_t_nav_main em{
    display: block;
    overflow: hidden;
    margin-top: 9px;
}

.l_t_nav_main em i{
    float: left;
    width: 30px;
    height: 8px;
    background: #fff;
    margin-right: 21px;
    margin-top: 14px;
}

.l_t_nav_main em span{
    float: left;
    font-size: 24px;
    color: #fff;
}

.l_t_nav_main font{
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: lighter;
    margin-top: 15px
}

.l_t_nav_main small{
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: lighter;
    margin-top: 15px;
}

.r_t_nav_main{
    float: left;
    width: 835px;
    overflow: hidden;
    margin-left: 80px;
}

.t_immigrant_main{
    padding-top: 54px;
}

.t_immigrant_main dl{
    margin-bottom: 14px
}

.t_immigrant_main dl dt{
    display: block;
    font-size: 26px;
    color: #1f1f1f;
    margin-bottom: 22px;
}

.t_immigrant_main dl dd{
    overflow: hidden;
}

.t_immigrant_main dl dd a{
    float: left;
    width: 238px;
    margin-right: 60px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
    font-size: 18px;
    color: #000;
    padding-bottom: 8px;
    margin-bottom: 18px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_immigrant_main dl dd a i{
    margin-left: 7px;
    font-size: 14px;
    color: #afafaf;
    
    display: inline-block;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_immigrant_main dl dd a:hover{
    color: #c13e3e;
}

.t_immigrant_main dl dd a:hover i{
    color: #c13e3e;
}

.t_overseas_main{
    overflow: hidden;
    padding-top: 116px;
}

.t_overseas_main a{
    float: left;
    width: 238px;
    margin-right: 60px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
    font-size: 18px;
    color: #000;
    padding-bottom: 18px;
    margin-bottom: 27px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_overseas_main a:nth-child(3n){
    margin-right: 0;
}

.t_overseas_main a i{
    margin-left: 7px;
    font-size: 14px;
    color: #afafaf;
    
    display: inline-block;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_overseas_main a:hover{
    color: #c13e3e;
}

.t_overseas_main a:hover i{
    color: #c13e3e;
}

.t_sound_main{
    overflow: hidden;
    padding-top: 120px;
}

.t_sound_main dl{
    float: left;
    width: 378px;
}

.t_sound_main dl:nth-child(2n){
    float: right;
}

.t_sound_main dl dt{
    display: block;
    margin-bottom: 52px;
}

.t_sound_main dl dt big{
    display: block;
    font-size: 60px;
    line-height: 40px;
    color: #1f1f1f;
    
}

.t_sound_main dl dt em{
    display: block;
    overflow: hidden;
    margin-top: 3px;
}

.t_sound_main dl dt em i{
    float: left;
    width: 30px;
    height: 8px;
    margin-right: 21px;
    margin-top: 14px;
}

.t_sound_main dl dt em i.c1{
    background: #252c54;
}

.t_sound_main dl dt em i.c2{
    background: #c13e3e;
}

.t_sound_main dl dt em span{
    float: left;
    font-size: 30px;
    color: #000;
}

.t_sound_main dl dd{

}

.t_sound_main dl dd a{
    display: block;
    margin-right: 60px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
    font-size: 18px;
    color: #000;
    padding-bottom: 18px;
    margin-bottom: 27px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_sound_main dl dd a i{
    margin-left: 7px;
    font-size: 14px;
    color: #afafaf;
    
    display: inline-block;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_sound_main dl dd a:hover{
    color: #c13e3e;
}

.t_sound_main dl dd a:hover i{
    color: #c13e3e;
}


/*head end*/

/*t_cont*/

.t_cont{
    height: 80px;
    background: #1f1f1f;
}

.t_cont ul{
    overflow: hidden;
}

.t_cont ul li{
    float: right;
    overflow: hidden;
    margin-top: 25px;
}

.t_cont ul li i{
    float: left;
    margin-right: 10px;
}

.t_cont ul li i.c1{
    width: 20px;
    height: 20px;
    background: url(../bg/t_cont_01.png) no-repeat 0 0;
    margin-top: 5px;
}

.t_cont ul li i.c2{
    width: 19px;
    height: 18px;
    background: url(../bg/t_cont_02.png) no-repeat 0 0;
    margin-top: 7px
}

.t_cont ul li i.c3{
    width: 22px;
    height: 20px;
    background: url(../bg/t_cont_03.png) no-repeat 0 0;
    margin-top: 5px;
}

.t_cont ul li small{
    float: left;
    font-size: 12px;
    color: #575757;
    
    margin-top: 9px;
    margin-right: 7px;
    font-weight: bold;
}

.t_cont ul li font{
    float: left;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.t_cont ul li ins{
    float: left;
    width: 3px;
    height: 3px;
    margin: 14px 60px 0 53px;
    background: #525252;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

/*t_cont end*/

/*t_news*/

.t_news{
    background: #292929;
    height: 50px;
}

.t_news .main{
    overflow: hidden;
}

.t_news .latest{
    float: left;
    width: 150px;
    background: #c13e3e;
    font-size: 14px;
    color: #fff;
    
    line-height: 50px;
    margin-left: 255px;
    text-align: center;
}

.t_news .latest i{
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url(../bg/lb.png) no-repeat 0 0;
    margin-right: 8px;
    vertical-align: -5px
}

.t_news .bd{
    float: left;
    padding-left: 50px;
    width: 500px;
}

.t_news .bd ul li{

}

.t_news .bd ul li a{
    display: block;
    line-height: 50px;
    width: 500px;
    font-size: 14px;
    color: #fff;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t_news .more{
    text-align: right;
    line-height: 50px;
    font-size: 14px;
    color: #d94141;
    
    float: right;
}

/*t_news end*/

/*banner*/

.banner{ 
    overflow:hidden; 
    position: relative;
    z-index: 10; 
}

.banner .hd{ 
    position:absolute; 
    bottom:20px; 
    left:0;
    text-align: center; 
    width:100%; 
    z-index:99;
    font-size: 0; 
}

.banner .hd li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.banner .hd li.on{
    background: rgba(255,255,255,1);
}

.banner .bd{ 
    width:100%; 
    overflow:hidden; 
}

.banner .bd img{ 
    display:block; 
    width:100%; 
}

/*banner end*/

/*in_service*/

.in_service{
    height: 1427px;
    background: url(../../images/in_service.jpg) no-repeat center center;
    overflow: hidden;
}

.in_overseas{
    overflow: hidden;
    height: 190px;
    border-bottom: 1px solid #727272;
    margin-bottom: 98px;
}

.in_overseas .c1{
    float: left;
    margin-top: 50px;
}

.in_overseas .c2{
    float: right;
    margin-top: 68px;
}

.in_tit{
    overflow: hidden;
    margin-bottom: 63px;
}

.tits{
    padding-top: 140px;
    margin-bottom: 60px;
}

.in_tit img{
    float: left;
}

.in_tit a{
    float: right;
    width: 48px;
    height: 48px;
    margin-top: 3px
}

.in_tit a.c1{
    background: url(../bg/add_01.png) no-repeat 0 0;
}

.in_tit a.c2{
    background: url(../bg/add_02.png) no-repeat 0 0;
}

.in_tit a.c3{
    background: url(../bg/add_03.png) no-repeat 0 0;
}

.in_tit a.c4{
    background: url(../bg/add_04.png) no-repeat 0 0;
}

.in_tit a.c5{
    background: url(../bg/add_05.png) no-repeat 0 0;
}

.in_tit a.c6{
    background: url(../bg/add_06.png) no-repeat 0 0;
}

.in_tit a.c7{
    background: url(../bg/add_07.png) no-repeat 0 0;
}

.in_tit a.c8{
    background: url(../bg/add_08.png) no-repeat 0 0;
}

.in_tit a.c9{
    background: url(../bg/add_09.png) no-repeat 0 0;
}

.in_tit a.c10{
    background: url(../bg/add_10.png) no-repeat 0 0;
}

.in_tit a.c11{
    background: url(../bg/add_11.png) no-repeat 0 0;
}

.in_tit a.c12{
    background: url(../bg/add_12.png) no-repeat 0 0;
}

.title em{
    float: right;
    position: relative;
    margin-top: 17px;
}

.title em a{
    float: left;
    margin: 0 15px;
    position: relative;
    z-index: 10;
}

.title em a i{
    display: block;
    width: 19px;
    height: 19px;
    background: #d2d2d2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.title em a font{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #6d6d6d;
    margin-top: 6px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.title em ins{
    top: 10px;
    background: #d2d2d2;
    width: 272px;
    left: 50%;
    margin-left: -133px;
    position: absolute;
    height: 1px;
}

.title em a:hover i{
    background: #c13e3e;
}

.title em a:hover font{
    color: #181818
}

.b_service{

}

.t_service{
    position: relative;
}

.t_service a{
    display: block;
}

.t_service a img{
    display: block;
    width: 100%;
}

.t_service a em{
    position: absolute;
    width: 100%;
    background: rgba(228,116,50,0.8);
    height: 106px;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.t_service a em span{
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    color: #ededed;
    margin-bottom: 10px;
    padding-top: 21px;
}

.t_service a em i{
    display: block;
    width: 90px;
    height: 2px;
    background: #ffdb5e
}

.t_service a em p{
    text-align: center;
    font-size: 18px;
    color: #ededed;
    
    margin-top: 10px;
}

.b_service ul{
    overflow: hidden;
    margin-top: 40px;
}

.b_service ul li{
    float: left;
    width: 362px;
    margin-right: 42px;
}

.b_service ul li:nth-child(3n){
    margin-right: 0;
}

.b_service ul li img{
    display: block;
    width: 100%;
}

.b_service ul li em{
    display: block;
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 15px;
}

.b_service ul li em i{
    float: left;
    width: 20px;
    height: 6px;
    margin-right: 10px;
    background: #52a89f;
    margin-top: 10px;
}

.b_service ul li em span{
    float: left;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.b_service ul li p{
    text-align: justify;
    font-size: 12px;
    line-height: 16px;
    color: #9faeff;
    
}

/*in_service end*/

/*box*/

.box{
   
}

.box_01{
    background: url(../bg/yy_01.png) no-repeat center 360px;
    padding-top: 155px;
}

.box_02{
    background: url(../bg/yy_02.png) no-repeat center bottom;
    padding-bottom: 25px;
}

.box_03{
    background: url(../bg/yy_03.png) no-repeat center top;
}

.box_04{
    background: url(../bg/yy_04.png) no-repeat center top;
}

.box_05{
    background: #f6f6f6 url(../bg/yy_05.png) repeat-y center top;
    position: relative;
}

.y_tit{
    border-top: 1px solid #ccc;
    padding-top: 40px;
    margin-bottom: 34px
}

.ym{

}

.ym ul{
    overflow: hidden;
}

.bm ul li{
    float: left;
    width: 560px;
    margin-right: 50px;
    margin-bottom: 60px;
}

.bm ul li:nth-child(2n){
    margin-right: 0;
}

.oz ul li{
    float: left;
    width: 360px;
    margin-right: 45px;
    margin-bottom: 66px;
}

.oz ul li:first-child{
    margin-right: 0;
    width: 1170px;
}

.oz ul li:nth-child(3n+1){
    margin-right: 0;
}

.dyz ul li{
    float: left;
    width: 560px;
    margin-right: 50px;
    margin-bottom: 60px;
}

.dyz ul li:nth-child(2n){
    margin-right: 0;
}

.hz ul li{
    float: left;
    width: 360px;
    margin-right: 45px;
}

.hz ul li a{
    margin-bottom: 44px;
}

.hz ul li:nth-child(3n){
    margin-right: 0;
}

.ym ul li a{
    display: block;
}

.ym ul li a dl{
    display: block;
}

.ym ul li a dl dt{
    display: block;
    overflow: hidden;
    margin-bottom: 18px;
}

.ym ul li a dl dt img{
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 4px
}

.ym ul li a dl dt span{
    float: left;
    font-size: 18px;
    color: #1f1f1f;
    font-weight: lighter;
}

.ym ul li a dl dd{
    display: block;
    position: relative;
}

.ym ul li a dl dd img{
    display: block;
    width: 100%;
}

.bm ul li a dl dd em{
    position: absolute;
    height: 220px;
    width: 190px;
    top: 0;
    right: 30px;
    padding: 0 25px 0 15px;
}

.bm ul li a dl dd em big{
    display: block;
    font-size: 24px;
    color: #fff;
    text-shadow: 2px 2px 8px #000;
    padding-top: 44px;
}

.oz ul li a dl dd em{
    position: absolute;
    height: 200px;
    width: 140px;
    top: 0;
    right: 30px;
    padding: 0 25px 0 15px;
}

.oz ul li a dl dd em big{
    display: block;
    font-size: 24px;
    color: #fff;
    text-shadow: 2px 2px 8px #000;
    padding-top: 24px;
}

.oz ul li:first-child a dl dd em{
    height: 220px;
    width: 190px;
    padding: 0 25px 0 15px;
}

.oz ul li:first-child a dl dd em big{
    padding-top: 44px;
}

.dyz ul li a dl dd em{
    position: absolute;
    height: 220px;
    width: 190px;
    top: 0;
    right: 30px;
    padding: 0 25px 0 15px;
}

.dyz ul li a dl dd em big{
    display: block;
    font-size: 24px;
    color: #fff;
    text-shadow: 2px 2px 8px #000;
    padding-top: 44px;
}

.hz ul li a dl dd em{
    position: absolute;
    height: 200px;
    width: 140px;
    top: 0;
    right: 30px;
    padding: 0 25px 0 15px;
}

.hz ul li a dl dd em big{
    display: block;
    font-size: 24px;
    color: #fff;
    text-shadow: 2px 2px 8px #000;
    padding-top: 24px;
}

.hz ul li:first-child a:first-child dl dd em{
    height: 220px;
    width: 190px;
    padding: 0 25px 0 15px;
}

.hz ul li:first-child a:first-child dl dd em big{
    padding-top: 44px;
}

.hz ul li:nth-child(3) a:first-child dl dd em{
    height: 220px;
    width: 190px;
    padding: 0 25px 0 15px;
}

.hz ul li:nth-child(3) a:first-child dl dd em big{
    padding-top: 44px;
}

.ym ul li a dl dd em small{
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 6px;
}

.ym ul li a dl dd em i{
    display: block;
    width: 120px;
    height: 1px;
    background: #fff;
    margin: 0;
}

.ym ul li a dl dd em p{
    font-size: 12px;
    line-height: 14px;
    height: 52px;
    color: #fff;
    
    text-align: justify;
    margin-top: 9px
}

.ym ul li a dl dd em ins{
    display: block;
    width: 24px;
    height: 24px;
    background: url(../bg/jt.png) no-repeat 0 0;
    margin: 0;
}

.bm ul li a dl dd em.c1{
    background: rgba(62,96,193,0.8)
}

.bm ul li a dl dd em.c2{
    background: rgba(193,62,62,0.8)
}

.oz ul li a dl dd em.c1{
    background: rgba(228,116,50,0.8)
}

.oz ul li a dl dd em.c2{
    background: rgba(255,204,51,0.8)
}

.oz ul li a dl dd em.c3{
    background: rgba(31,80,167,0.8)
}

.oz ul li a dl dd em.c4{
    background: rgba(193,62,62,0.8)
}

.oz ul li a dl dd em.c5{
    background: rgba(208,20,45,0.8)
}

.oz ul li a dl dd em.c6{
    background: rgba(239,131,0,0.8)
}

.oz ul li a dl dd em.c7{
    background: rgba(0,153,0,0.8)
}

.dyz ul li a dl dd em.c1{
    background: rgba(255,46,46,0.8)
}

.dyz ul li a dl dd em.c2{
    background: rgba(3,37,127,0.8)
}

.hz ul li a dl dd em.c1{
    background: rgba(255,204,51,0.8)
}

.hz ul li a dl dd em.c2{
    background: rgba(0,107,63,0.8)
}

.hz ul li a dl dd em.c3{
    background: rgba(225,58,65,0.8)
}

.hz ul li a dl dd em.c4{
    background: rgba(0,121,96,0.8)
}

.hz ul li a dl dd em.c5{
    background: rgba(102,203,255,0.8)
}

.hz ul li a dl dd em.c6{
    background: rgba(239,131,0,0.8)
}

.hz ul li a dl dd em.c7{
    background: rgba(209,31,43,0.8)
}

/*box end*/

/*in_house*/

.in_house{
    position: relative;
    height: 680px;
    background: #1f1f1f
}

.l_house{
    position: absolute;
    width: 730px;
    top: 0;
    height: 680px;
    left: 50%;
    margin-left: -960px;
}

.r_house{
    position: absolute;
    width: 1190px;
    top: 0;
    height: 680px;
    right: 50%;
    margin-right: -960px;
}

.r_house img{
    display: block;
    width: 100%;
}

.m_house{
    float: right;
    width: 355px;
    padding-top: 85px;
}

.m_house img{
    display: block;
    margin: 0;
}

.m_house em{
    display: block;
    overflow: hidden;
    margin-top: 57px;
}

.m_house em a{
    float: left;
    margin-bottom: 17px;
    width: 100px;
    margin-right: 50px;
    font-size: 20px;
    color: #646464;
    font-weight: lighter;
    padding-bottom: 1px;
    border-bottom: 1px solid rgba(255,255,255,0);
    position: relative;
    z-index: 11;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.m_house em a:hover{
    border-bottom: 1px solid rgba(255,255,255,1);
    color: #fff;
}

.in_house_01{
    position: absolute;
    left: 0;
    top: 272px;
    z-index: 10;
}

.in_house_02{
    position: absolute;
    right: -43px;
    bottom: -13px;
    z-index: 10;
}

/*in_house end*/

/*in_field*/

.in_field{
    margin-top: 197px;
    margin-bottom: 145px;
}

.field{
    margin-top: 0;
    margin-bottom: 121px;
}

.fields{
    margin-top: 0;
    margin-bottom: 0;
}

.in_field ul{
    overflow: hidden;
}

.in_field ul li{
    float: left;
    width: 560px;
    margin-right: 25px;
}

.fields ul li{
    margin-bottom: 40px;
}

.in_field ul li:nth-child(2n){
    margin-right: 0;
}

.in_field ul li a{
    display: block;
}

.in_field ul li a span{
    display: block;
    height: 59px;
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.in_field ul li a span i{
    float: left;
    width: 20px;
    height: 6px;
    background: #c13e3e;
    margin-top: 26px;
    margin-left: 19px;
    margin-right: 19px;
}

.in_field ul li:nth-child(2n) a span i{
    background: #5a7ebf;
}

.in_field ul li a span font{
    float: left;
    font-size: 16px;
    color: #222;
    line-height: 59px;
}

.in_field ul li a em{
    display: block;
    overflow: hidden;
    position: relative;
}

.in_field ul li a em img{
    display: block;
    width: 100%;
}

.in_field ul li a em i{
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.in_field ul li a em ins{
    position: absolute;
    width: 86px;
    height: 86px;
    background: url(../bg/bf.png) no-repeat 0 0;
    left: 50%;
    top: -86px;
    margin-left: -43px;
    z-index: 10;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.in_field ul li a p{
    display: block;
    height: 36px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    color: #555;
    
    padding: 32px 20px 32px 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.in_field ul li a tt{
    display: block;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 4px solid #dcdcdc;
}

.in_field ul li a tt font{
    float: left;
    font-size: 14px;
    color: #1f1f1f;
    
    line-height: 70px;
    margin-left: 19px;
}

.in_field ul li a tt code{
    float: right;
    width: 120px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #c13e3e;
    color: #fff;
    font-weight: bold;
    
    font-size: 14px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.in_field ul li a:hover em i{
    background: rgba(0,0,0,0.5);
}

.in_field ul li a:hover em ins{
    top: 107px;
}

.in_field ul li a:hover tt code{
    background: #ececec;
    color: #1f1f1f
}

/*in_field end*/

/*in_case*/

.in_case{
    position: relative;
    margin-bottom: 120px;
}

.in_case ul{
    height: 519px;
    position: relative;
    overflow: hidden;
}

.in_case ul li{
    float: left;
    width: 260px;
    position: relative;
    height: 519px;
    margin-right: 43px;
}

.in_case ul li:nth-child(4n){
    margin-right: 0;
}

.in_case ul li a{
    height: 474px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 220px;
    padding: 39px 19px 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.in_case ul li a em{
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 140px;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.in_case ul li a em .c1{
    display: block;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.in_case ul li a em .c2{
    position: absolute;
    bottom: -5px;
    right: -10px;
}

.in_case ul li a tt{
    display: block;
    overflow: hidden;
    margin-top: 36px;
}

.in_case ul li a tt ins{
    float: left;
    width: 20px;
    height: 6px;
    background: #ee972e;
    margin-right: 19px;
    margin-top: 9px;
}

.in_case ul li:nth-child(4n) a tt ins{
    background: #be0027
}

.in_case ul li:nth-child(4n-1) a tt ins{
    background: #5a7ebf
}

.in_case ul li:nth-child(4n-2) a tt ins{
    background: #a86052
}

.in_case ul li a tt font{
    float: left;
    font-size: 16px;
    color: #222;
    margin-right: 4px;
}

.in_case ul li a tt small{
    float: left;
    font-size: 16px;
    color: #222;
}

.in_case ul li a span{
    display: block;
    font-size: 24px;
    color: #222;
    margin-top: 34px;
}

.in_case ul li a i{
    display: block;
    font-size: 14px;
    color: #999;
    margin-bottom: 15px;
}

.in_case ul li a p{
    font-size: 14px;
    color: #666;
    
    text-align: justify;
    line-height: 18px;
}

.in_case ul li a code{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 38px;
    font-size: 14px;
    color: #1f1f1f;
    
    line-height: 38px;
    text-indent: 19px;
    border-top: 1px solid #ccc;
    border-bottom: 4px solid #dcdcdc;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.in_case ul li a:hover{
    border-left: 1px solid #c13e3e;
    border-right: 1px solid #c13e3e;
    border-top: 1px solid #c13e3e;
    height: 479px;
}

.in_case ul li a:hover code{
    border-top: 1px solid #c13e3e;
    border-bottom: 9px solid #c13e3e;
}

/*in_case end*/

/*b_contact*/

.b_contact{
    background: #000;
    padding: 80px 0;
}

.b_contact .main{
    overflow: hidden;
}

.l_b_contact{
    float: left;
    width: 435px;
    background: #c13e3e url(../bg/t1.png) no-repeat 0 0;  
    height: 580px;
}

.r_b_contact{
    float: left;
    width: 734px;
    background: url(../bg/t2.png) no-repeat 0 0;
    border-top: 1px solid #232324;
    border-bottom: 1px solid #232324;
    height: 578px;
    border-right: 1px solid #232324;     
}

.l_b_contact form{
    padding: 89px 78px 0 78px;
}

.l_b_contact form img{
    display: block;
    margin: 0 0 58px 0;
}

.l_b_contact form input{
    display: block;
    background: #fff;
    width: 277px;
    height: 46px;
    border: 1px solid #fff;
    text-indent: 19px;
    line-height: 46px;
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
    outline: none;
    resize: none;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.l_b_contact form input:focus{
    border: 1px solid #404040;
}

.l_b_contact form a{
    display: block;
    width: 160px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: #121212;
    font-size: 18px;
    color: #fff;
    margin: 40px 0 0 0;
}

.l_b_contact form p{
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    
    margin-top: 37px
}

.r_b_contact ul{
    overflow: hidden;
    border-bottom: 1px solid #232324;
}

.r_b_contact ul li{
    float: left;
    position: relative;
}

.r_b_contact ul li:first-child{
    border-right: 1px solid #fff;
    padding-top: ;
    margin-top: 58px;
    height: 104px;
    padding: 7px 40px 0;
}

.r_b_contact ul li:nth-child(2){
    padding-top: 7px;
    margin-top: 58px;
    height: 104px;
    padding: 7px 0 0 40px;
}

.r_b_contact ul li:nth-child(3){
    float: right;
    width: 199px;
    border-left: 1px solid #232324;
    height: 227px;
}

.r_b_contact ul li span{
    display: block;
    font-size: 28px;
    color: #ffcc00;
}

.r_b_contact ul li font{
    display: block;
    font-size: 15px;
    color: #ffcc00;
    text-transform: uppercase;
}

.r_b_contact ul li font i{
    font-size: 15px;
    color: #fff;
}

.r_b_contact ul li code{
    display: block;
    font-size: 27px;
    color: #fff;
    font-weight: bold;
}

.r_b_contact ul li ins{
    position: absolute;
    width: 46px;
    height: 46px;
    background: url(../bg/phone.png) no-repeat 0 0;
    top: 13px;
    right: 39px;
}

.r_b_contact ul li img{
    float: left;
    margin-left: 56px;
    margin-top: 60px;
}

.r_b_contact em{
    display: block;
    overflow: hidden;
    padding-left: 54px;
    margin-top: 74px;
}

.r_b_contact em dl{
    float: left;
    width: 118px;
    margin-right: 65px;
}

.r_b_contact em dl:nth-child(4n){
    margin-right: 0;
}

.r_b_contact em dl dt{
    display: block;
    font-size: 18px;
    color: #fff;
    
    margin-bottom: 52px;
}

.r_b_contact em dl dd{
    display: block;
}

.r_b_contact em dl dd a{
    display: block;
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.r_b_contact em dl dd a i{
    width: 0;
    height: 1px;
    background: #fff;
    display: block;
    left: 0;
    position: relative;
    margin: 3px 0 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.r_b_contact em dl dd a:hover{
    color: #fff;
}

.r_b_contact em dl dd a:hover i{
    width: 100%;
}

/*b_contact end*/

/*b_design*/

.b_design{
    background: rgba(18,21,28,0.8);
    padding: 21px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;
    z-index: 10000;
}

.b_design .main{
    overflow: hidden;
    
}

.l_b_design{
    float: left;
    width: 417px;
    border-right: 1px solid #212a55;
    margin-right: 46px;
    padding: 8px 0 7px 0;
}

.l_b_design img{
    float: left;
    width: 100%;
}

.m_b_design{
    float: left;
    border-right: 1px solid #212a55;
    width: 615px;
    padding-top: 12px;
    overflow: hidden;
    padding-bottom: 11px;
}

.m_b_design dl{
    display: block;
    overflow: hidden;
    float: left;
}

.m_b_design dl dt{
    display: block;
    overflow: hidden;
}

.m_b_design dl dt i{
    float: left;
    width: 24px;
    height: 24px;
    background: url(../bg/clock.png) no-repeat 0 0;
}

.m_b_design dl dt small{
    float: left;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    line-height: 24px;
}

.m_b_design dl dd{
    display: block;
}

.m_b_design dl dd font{
    display: block;
    color: #ffcc00;
    font-size: 28px;
    
}

.m_b_design form{
    display: block;
    overflow: hidden;
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}

.m_b_design form input{
    float: left;
    background: #fff;
    width: 196px;
    height: 44px;
    text-indent: 17px;
    line-height: 44px;
    font-size: 13px;
    color: #555;
    border: none;
    outline: none;
    resize: none;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.m_b_design form a.zz{
    float: left;
    margin-left: 5px;
    width: 49px;
    height: 44px;
    background: #ffcc00 url(../bg/m1.png) no-repeat center center;
}

.m_b_design form a.zx{
    float: left;
    margin-left: 10px;
    width: 120px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #000;
    background: #ffcc00;
    height: 44px;
}

.m_b_design form a.zx i{
    display: inline-block;
    width: 21px;
    height: 23px;
    background: url(../bg/m2.png) no-repeat 0 0;
    background-size: 100% 100%; 
    margin-right: 8px;
    vertical-align: -6px;
}

.r_b_design{
    float: right;
}

.r_b_design img{
    display: block;
    margin: 0 auto 5px;
    width: 60px;
}

.r_b_design img:last-child{
	margin-bottom: 0;
}

.b_design .closes{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(../bg/close.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.top{
    width: 48px;
    height: 48px;
    position: fixed;
    bottom: 140px;
    right: 20px;
    background: url(../bg/tops.png) no-repeat 0 0;
    background-size: 100% 100%;
    z-index: 100000
}

/*b_design end*/

/*links*/

.links{
    background: #1f1f1f;
    padding: 40px 0;
}

.links .main{
    overflow: hidden;
}

.l_links{
    float: left;
    padding-right: 40px;
    border-right: 1px solid #fff;
}

.r_links{
    float: right;
    width: 952px;
}

.r_links p{
    font-size: 12px;
    line-height: 24px;
    color: #555;
    
    text-align: justify;
}

.r_links p a{
    color: #555;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.r_links p a:hover{
    color: #cacaca
}

/*links end*/

/*copyright*/

.copyright{
    background: #000001;
    padding: 24px 0;
}

.copyright p{
    text-align: center;
    font-size: 14px;
    color: #9c9c9c;
}

.copyright p i{
    color: #fff;
}

.copyright small{
    text-align: center;
    font-size: 14px;
    color: #666;
    display: block;
}

/*copyright end*/

/*tit*/

.tit{
    padding-top: 140px;
    margin-bottom: 76px;
}

/*tit end*/

/*country_nav*/

.country_nav{
    overflow: hidden;
    padding-top: 30px;
    border-top: 1px solid #ccc;
    margin-bottom: 57px;
}

.country_nav a{
    float: left;
    margin-right: 60px;
    height: 36px;
}

.country_nav a:nth-child(4n){
    margin-right: 0;
}

.country_nav a.c1{
    width: 235px;
    background: url(../bg/country_01.png) no-repeat 0 0;
}

.country_nav a.c2{
    width: 235px;
    background: url(../bg/country_02.png) no-repeat 0 0;
}

.country_nav a.c3{
    width: 274px;
    background: url(../bg/country_03.png) no-repeat 0 0;
}

.country_nav a.c4{
    width: 235px;
    background: url(../bg/country_04.png) no-repeat 0 0;
}

.country_nav a.c1.on,.country_nav a.c1:hover{
    background: url(../bg/country_01s.png) no-repeat 0 0;
}

.country_nav a.c2.on,.country_nav a.c2:hover{
    background: url(../bg/country_02s.png) no-repeat 0 0;
}

.country_nav a.c3.on,.country_nav a.c3:hover{
    background: url(../bg/country_03s.png) no-repeat 0 0;
}

.country_nav a.c4.on,.country_nav a.c4:hover{
    background: url(../bg/country_04s.png) no-repeat 0 0;
}

/*country_nav end*/

/*information_nav*/

.information_nav{
    overflow: hidden;
    padding-top: 30px;
    border-top: 1px solid #ccc;
    margin-bottom: 57px;
}

.information_nav a{
    float: left;
    margin-right: 70px;
    height: 36px;
}

.information_nav a.c1{
    width: 157px;
    background: url(../bg/information_01.png) no-repeat 0 0;
}

.information_nav a.c2{
    width: 157px;
    background: url(../bg/information_02.png) no-repeat 0 0;
}

.information_nav a.c3{
    width: 156px;
    background: url(../bg/information_03.png) no-repeat 0 0;
}

.information_nav a.c1.on,.information_nav a.c1:hover{
    background: url(../bg/information_01s.png) no-repeat 0 0;
}

.information_nav a.c2.on,.information_nav a.c2:hover{
    background: url(../bg/information_02s.png) no-repeat 0 0;
}

.information_nav a.c3.on,.information_nav a.c3:hover{
    background: url(../bg/information_03s.png) no-repeat 0 0;
}

/*country_nav end*/

/*service_nav*/

.service_nav{
    overflow: hidden;
    padding-top: 30px;
    border-top: 1px solid #ccc;
    margin-bottom: 57px;
}

.service_nav a{
    float: left;
    margin-right: 86px;
    height: 36px;
}

.service_nav a:nth-child(4n){
    margin-right: 0;
}

.service_nav a.c1{
    width: 228px;
    background: url(../bg/service_01.png) no-repeat 0 0;
}

.service_nav a.c2{
    width: 263px;
    background: url(../bg/service_02.png) no-repeat 0 0;
}

.service_nav a.c3{
    width: 264px;
    background: url(../bg/service_03.png?2) no-repeat 0 0;
}

.service_nav a.c4{
    width: 157px;
    background: url(../bg/service_04.png) no-repeat 0 0;
}

.service_nav a.c1.on,.service_nav a.c1:hover{
    background: url(../bg/service_01s.png) no-repeat 0 0;
}

.service_nav a.c2.on,.service_nav a.c2:hover{
    background: url(../bg/service_02s.png) no-repeat 0 0;
}

.service_nav a.c3.on,.service_nav a.c3:hover{
    background: url(../bg/service_03s.png?2) no-repeat 0 0;
}

.service_nav a.c4.on,.service_nav a.c4:hover{
    background: url(../bg/service_04s.png) no-repeat 0 0;
}

/*country_nav end*/

/*project_nav*/

.project_nav{
    overflow: hidden;
    padding-top: 30px;
    border-top: 1px solid #ccc;
    margin-bottom: 57px;
}

.project_nav a{
    float: left;
    margin-right: 90px;
    height: 36px;
}

.project_nav a.c1{
    width: 156px;
    background: url(../bg/project_01.png) no-repeat 0 0;
}

.project_nav a.c2{
    width: 152px;
    background: url(../bg/project_02.png) no-repeat 0 0;
}

.project_nav a.c1.on,.project_nav a.c1:hover{
    background: url(../bg/project_01s.png) no-repeat 0 0;
}

.project_nav a.c2.on,.project_nav a.c2:hover{
    background: url(../bg/project_02s.png) no-repeat 0 0;
}

/*project_nav end*/

/*country_list*/

.country_list{
    padding-bottom: 70px;
}

.country_list ul{
    overflow: hidden;
}

.country_list ul li{
    margin-bottom: 50px;
    float: left;
    margin-right: 50px;
    width: 560px;
}

.country_list ul li:nth-child(2n){
    margin-right: 0;
}

.country_list ul li span{
    display: block;
    height: 59px;
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.country_list ul li span img{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 10px;
}

.country_list ul li span i{
    float: left;
    line-height: 59px;
    font-size: 18px;
    color: #1f1f1f;
}

.country_list ul li .img{
    display: block;
    width: 100%;
}

.country_list ul li em{
    display: block;
    height: 317px;
    padding: 0 19px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.country_list ul li em dl{
    display: block;
    padding-top: 14px;
}

.country_list ul li em dl dt{
    display: block;
    font-size: 18px;
    color: #222;
    margin-bottom: 7px;
}

.country_list ul li em dl dd{
    display: block;
    font-size: 14px;
    color: #666;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.country_list ul li em tt{
    display: block;
    overflow: hidden;
    margin: 29px auto 0;
}

.country_list ul li em tt a{
    float: left;
    width: 120px;
    height: 70px;
    line-height: 70px;
    margin-right: 20px;
    background: #ececec;
    font-size: 16px;
    color: #222;
    text-align: center;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.country_list ul li em tt a:nth-child(3n){
    margin-right: 0;
}

.country_list ul li em tt a:hover{
    background: #c13e3e;
    color: #fff;
}

/*country_list end*/

/*immigrantsdetail*/

.immigrantsdetail{
    padding-top: 143px;
    margin-bottom: 90px;
}

.t_immigrantsdetail{
    overflow: hidden;
}

.t_immigrantsdetail img{
    float: left;
    margin-top: 17px;
}

.t_immigrantsdetail em{
    float: right;
    overflow: hidden;
}

.t_immigrantsdetail em a{
    float: left;
    width: 130px;
    height: 130px;
    margin-left: 70px;
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_immigrantsdetail em a.c1{
    background-image: url(../bg/k1.png);
}

.t_immigrantsdetail em a.c2{
    background-image: url(../bg/k2.png);
}

.t_immigrantsdetail em a.c3{
    background-image: url(../bg/k3.png);
}

.t_immigrantsdetail em a.c4{
    background-image: url(../bg/k4.png);
}

.t_immigrantsdetail em a:hover,.t_immigrantsdetail em a.on{
    background-position: 0 -130px;
}

.b_immigrantsdetail{
    margin-top: 55px;
}

.m_immigrantsdetail{
    display: none;
}

.m_immigrantsdetail.on{
    display: block;
}

.m_immigrantsdetail p{
    font-size: 20px;
    line-height: 28px;
    color: #545454;
    text-align: justify;
    margin-bottom: 28px;
}

/*immigrantsdetail end*/

/*f_project*/

.f_project{
    overflow: hidden;
    margin-bottom: 86px;
}

.l_f_project{
    float: left;
    width: 740px;
    position: relative;
}

.l_f_project h3{
    margin-bottom: 20px;
}

.l_f_project .bd{
    display: block;
}

.l_f_project .bd a img{
    display: block;
    width: 100%;
}

.l_f_project .bd a p{
    font-size: 22px;
    color: #181818;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.l_f_project .hd{ 
    position:absolute; 
    bottom:54px; 
    left:30px;
    text-align: center; 
    width:100%; 
    z-index:99;
    font-size: 0; 
}

.l_f_project .hd li{
    float: left;
    width: 14px;
    height: 14px;
    margin-right: 17px;
    background: rgba(255,255,255,1);
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.l_f_project .hd li.on{
    background: rgba(255,191,0,1);
}

.r_f_project{
    float: right;
    width: 410px;
}

.r_f_project h3{
    margin-bottom: 20px;
}

.r_f_project a{
    display: block;
    margin-bottom: 25px
}

.r_f_project a img{
    display: block;
    width: 100%;
}

.r_f_project a p{
    font-size: 22px;
    color: #181818;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*f_project end*/

/*f_house*/

.f_house{
    margin-bottom: 120px;
}

.f_house .bd{
    
}

.f_house .bd ul{
    
}

.f_house .bd ul li{
    position: relative;
}

.f_house .bd ul li img{
    display: block;
    width: 100%;
}

.f_house .bd ul li em{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1110px;
    z-index: 11;  
    padding: 8% 30px 30px; 
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
}

.f_house .bd ul li em span{
    display: block;
    font-size: 32px;
    line-height: 32px;
    color: #fff;
}

.f_house .bd ul li em small{
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 6px;
}

.f_house .bd ul li em i{
    display: block;
    width: 160px;
    height: 1px;
    background: #fff;
    margin: 0;
}

.f_house .bd ul li em p{
    display: block;
    font-size: 12px;
    color: #fff;
    
    margin-top: 9px;
}

.f_house .hd{
    margin-top: 20px;
}

.f_house .hd ul{
    overflow: hidden;
}

.f_house .hd ul li{
    float: left;
    width: 375px;
    margin-right: 22px;
    position: relative;
    cursor: pointer;
}

.f_house .hd ul li:nth-child(3n){
    margin-right: 0;
}

.f_house .hd ul li img{
    display: block;
    width: 100%;
}

.f_house .hd ul li ins{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.f_house .hd ul li.on ins{
    background: rgba(0,0,0,0);
}

/*f_house end*/

/*s_news*/

.s_news{
    overflow: hidden;
    margin-bottom: 120px;
}

.news{
    margin-bottom: 0;
}

.l_s_news{
    float: left;
    width: 450px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.r_s_news{
    float: right;
    width: 680px;
}

.r_s_news a{
    display: block;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    padding-bottom: 14px;
    margin-bottom: 10px;
}

.r_s_news a:last-child{
    margin-bottom: 0;
}

.r_s_news a p{
    float: left;
    max-width: 480px;
    font-size: 22px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.r_s_news a i{
    float: left;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 7px;
    color: #c13e3e;
    
}

.r_s_news a span{
    float: right;
    font-size: 14px;
    margin-top: 11px;
    color: #999;
    
    text-transform: capitalize;
}

.r_s_news a:hover p{
    color: #c13e3e
}

/*s_news end*/

/*int_news*/

.int_news{
    overflow: hidden;
    margin-bottom: 100px;
}

.int_news a{
    float: left;
    width: 360px;
    margin-right: 45px;
}

.int_news a:nth-child(3n){
    margin-right: 0;
}

.int_news a dl{
    display: block;
}

.int_news a dl dt{
    display: block;
    width: 360px;
    height: 274px;
    position: relative;
    overflow: hidden;
}

.int_news a dl dt img{
    display: block;
    width: 100%;
}

.int_news a dl dt em{
    position: absolute;
    left: 0;
    top: 0;
    width: 354px;
    height: 268px;
    border: 3px solid #c13e3e;
    background: rgba(0,0,0,0.6);
    z-index: 9;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.int_news a dl dt span{
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #fff;
    z-index: 10;
    font-weight: bold;
    
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.int_news a dl dd{
    display: block;
    padding-top: 14px;
    padding-bottom: 19px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.int_news a dl dd font{
    display: block;
    font-size: 24px;
    color: #222;
    
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.int_news a dl dd i{
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-bottom: 12px;
}

.int_news a dl dd p{
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    
    margin-top: 2px;
}

.int_news a:hover dl dt em{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.int_news a:hover dl dt span{
    top: 120px;
}

.int_news a:hover dl dd font{
    color: #c13e3e
}

.int_news a:hover dl dd{
    background: #fff;
} 

/*int_news end*/

/*title*/

.title{
    padding-top: 160px;
    margin-bottom: 57px;
}

/*title end*/

/*search*/

.search{
    height: 42px;
}

.search form{
    position: relative;
}

.search form input{
    display: block;
    background: none;
    float: left;
    width: 1075px;
    height: 40px;
    border: 1px solid #ccc;
    text-indent: 20px;
    line-height: 40px;
    font-size: 16px;
    color: #555;
    outline: none;
    resize: none;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.search form a{
    position: absolute;
    right: 0;
    top: 0;
    width: 95px;
    height: 42px;
    text-align: center;
    background: #c13e3e;
    font-size: 16px;
    line-height: 42px;
}

.search form input:focus{
    border: 1px solid #555;
}

/*search end*/

/*classification*/

.classification{
    margin-top: 15px;
    margin-bottom: 53px;
}

.classification p{
    font-size: 16px;
    color: #2d2d2d;
    line-height: 30px;
}

.classification p span{
    float: left;
}

.classification p em{
    display: inline-block;
    overflow: hidden;
}

.classification p em.c1{
	width:1122px;
}

.classification p em.c2{
	width:1090px;
}

.classification p em a{
    float: left;
    font-size: 16px;
    color: #2d2d2d;
    margin-right: 15px;
}

.classification p em a.on,.classification p em a:hover{
    color: #c13e3e;
}

/*classification end*/

/*house*/

.house{
    overflow: hidden;
}

.house a{
    float: left;
    width: 360px;
    margin-right: 45px;
    margin-bottom: 56px;
}

.house a:nth-child(3n){
    margin-right: 0;
}

.house a dl{
    display: block;
}

.house a dl dt{
    display: block;
    position: relative;
    overflow: hidden;
}

.house a dl dt img{
    display: block;
    width: 100%;
}

.house a dl dt p{
    padding: 17px 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 340px;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    font-size: 14px;
    line-height: 20px;
    
    text-align: justify;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.house a dl dd{
    display: block;
    overflow: hidden;
    margin-top: 20px;
}

.house a dl dd em{
    float: left;
    margin-top: 6px
}

.house a dl dd em big{
    display: block;
    font-size: 26px;
    color: #1f1f1f;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    margin-bottom: 3px;
}

.house a dl dd em span{
    display: block;
    font-size: 18px;
    color: #1f1f1f;
}

.house a dl dd font{
    float: right;
    width: 120px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #ececec;
    color: #1f1f1f;
    font-size: 14px;
    font-weight: bold;
    
    text-transform: uppercase;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.house a:hover dl dt p{
    background: rgba(0,107,63,0.8);
}

.house a:hover dl dd font{
    background: #c13e3e;
    color: #fff;
}

/*house end*/

/*pages*/

.pages {
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding-top: 30px;
    padding-bottom: 120px;
}

.b_pages{
    overflow: hidden;
}

.b_pages .pages{
    border-top: none;
    float: right;
}

.pages a {
    float: left;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #7a7a7a;
    
    text-align: center;
    margin-right: 10px;
    background-color: #ececec;
    position: relative;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.pages a.prev,.pages a.next{
    background-position: 0 0;
    background-repeat: no-repeat;
}

.pages a.prev{
    background-image: url(../bg/l.png);
}

.pages a.next{
    background-image: url(../bg/r.png);
}

.pages a.current {
    color: #fff;
    background-color: #c13e3e;
}

.pages a:hover {
    background-color: #c13e3e;
    color: #fff;
}

.pages a.prev:hover {
    background-position: 0 -26px;
}

.pages a.next:hover {
    background-position: 0 -26px;
}

/*pages end*/

/*housedetail*/

.housedetail{
    margin-bottom: 133px;
}

.t_housedetail{
    overflow: hidden;
    border-bottom: 2px solid #ededed;
    padding-bottom: 16px;
    padding-top: 72px;
}

.t_housedetail span{
    float: left;
    font-size: 30px;
    color: #181818;
    font-weight: bold;
}

.t_housedetail font{
    float: right;
    font-size: 16px;
    color: #1f1f1f;
    
    text-transform: capitalize;
    margin-top: 21px;
}

.f_housedetail{
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 40px;
    border-bottom: 2px solid #ededed;
}

.f_housedetail ul{
    float: left;
    margin-top: 57px
}

.f_housedetail ul li{
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.f_housedetail ul li i{
    float: left;
}

.f_housedetail ul li i.c1{
    width: 19px;
    height: 23px;
    background: url(../bg/n1.png) no-repeat 0 0;
    margin-right: 10px;
    margin-top: 5px
}

.f_housedetail ul li i.c2{
    width: 19px;
    height: 24px;
    background: url(../bg/n2.png) no-repeat 0 0;
    margin-right: 10px;
    margin-top: 5px
}

.f_housedetail ul li i.c3{
    width: 22px;
    height: 22px;
    background: url(../bg/n3.png) no-repeat 0 0;
    margin-right: 7px;
    margin-top: 6px
}

.f_housedetail ul li span{
    float: left;
    font-size: 24px;
    color: #1f1f1f;
}

.f_housedetail ul li small{
    float: left;
    font-size: 20px;
    color: #666;
    margin-top: 5px;
}

.f_housedetail img{
    float: right;
    width: 305px
}

.m_housedetail{
    margin-top: 16px;
}

.m_housedetail p{
    font-size: 16px;
    line-height: 25px;
    color: #181818;
    
}

.m_housedetail p span{
    font-size: 20px;
}

.b_housedetail{
    overflow: hidden;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    margin-top: 26px;
}

.b_housedetail a{
    width: 76px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #ececec;
    font-size: 16px;
    color: #191919;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.b_housedetail a:hover{
    background: #c13e3e;
    color: #fff;
}

.b_housedetail a.prev{
    float: left;
}

.b_housedetail a.next{
    float: right;
}

/*housedetail end*/

/*int_house*/

.int_house{
    overflow: hidden;
    margin-bottom: 100px;
}

.int_house a{
    float: left;
    width: 360px;
    margin-right: 45px;
}

.int_house a:nth-child(3n){
    margin-right: 0;
}

.int_house a dl{
    display: block;
}

.int_house a dl dt{
    display: block;
    width: 360px;
    position: relative;
    overflow: hidden;
}

.int_house a dl dt img{
    display: block;
    width: 100%;
}

.int_house a dl dt em{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.int_house a dl dt ins{
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: -30px;
    width: 30px;
    height: 30px;
    z-index: 10;
    background: url(../bg/add.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.int_house a dl dd{
    display: block;
    padding-top: 14px;
    padding-bottom: 19px;
}

.int_house a dl dd font{
    display: block;
    font-size: 24px;
    color: #222;
    margin-bottom: 2px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.int_house a dl dd font i{
    float: right;
    font-size: 16px;
    color: #c13e3e;
    font-weight: bold;
    
    text-transform: uppercase;
    margin-top: 5px; 
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;    
}

.int_house a dl dd p{
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.int_house a:hover dl dt em{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.int_house a:hover dl dt ins{
    top: 122px;
}

.int_house a:hover dl dd font{
    color: #c13e3e
}

.int_house a:hover  dl dd{
    background: #fff;
}

.int_house a:hover dl dd font i{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

/*int_house end*/

/*active*/

.active{

}

.active a{
    display: block;
    margin-bottom: 40px;
}

.active a:last-child{
    margin-bottom: 30px;
}

.active a dl{
    display: block;
    overflow: hidden;
}

.active a dl dt{
    float: left;
    width: 544px;
    height: 314px;
}

.active a dl dt img{
    display: block;
    width: 100%;
}

.active a dl dd{
    float: right;
    padding: 0 32px 0 48px;
    width: 545px;
    height: 312px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out; 
}

.active a dl dd em{
    display: block;
    overflow: hidden;
    padding-top: 44px;
    margin-bottom: 12px;
}

.active a dl dd em big{
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #1f1f1f;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out; 
}

.active a dl dd em span{
    float: right;
    font-size: 16px;
    
    text-transform: capitalize;
    color: #1f1f1f;
    margin-top: 14px;
}

.active a dl dd p{
    font-size: 14px;
    line-height: 22px;
    color: #666;
    text-align: justify;
    
    border-bottom: 1px solid #ccc;
    height: 115px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out; 
}

.active a dl dd font{
    display: block;
    font-size: 14px;
    color: #1f1f1f;
    font-weight: bold;
    
    text-transform: uppercase;
    margin-top: 45px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out; 
}

.active a:hover dl dd{
    border-top: 1px solid #c13e3e;
    border-bottom: 1px solid #c13e3e;
    border-right: 1px solid #c13e3e;
}

.active a:hover dl dd em big{
    color: #c13e3e
}

.active a:hover dl dd p{
    border-bottom: 1px solid #c13e3e;
}

.active a:hover dl dd font{
    color: #c13e3e;
}

/*active end*/

/*int_active*/

.int_active{
    overflow: hidden;
    margin-bottom: 120px;
}

.int_active a{
    float: left;
    width: 360px;
    margin-right: 45px;
}

.int_active a:nth-child(3n){
    margin-right: 0;
}

.int_active a dl{
    display: block;
}

.int_active a dl dt{
    display: block;
    width: 360px;
    position: relative;
    overflow: hidden;
}

.int_active a dl dt img{
    display: block;
    width: 100%;
}

.int_active a dl dd{
    display: block;
    padding-top: 20px;
    overflow: hidden;
}

.int_active a dl dd em{
    float: left;
    width: 224px;
}

.int_active a dl dd em font{
    display: block;
    overflow: hidden;
    font-size: 18px;
    line-height: 18px;
    color: #191919;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out; 
}

.int_active a dl dd em font i{
    float: left;
    width: 3px;
    height: 17px;
    background: #bfbfbf;
    margin-right: 10px;
    margin-top: 1px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out; 
}

.int_active a dl dd em p{
    text-align: justify;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    
    margin-top: 17px;
    height: 40px;
    overflow: hidden;
}

.int_active a dl dd span{
    float: right;
    width: 120px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #ececec;
    font-size: 14px;
    font-weight: bold;
    
    text-transform: uppercase;
    color: #1f1f1f;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out; 
}

.int_active a:hover dl dd em font{
    color: #c13e3e
}

.int_active a:hover dl dd em font i{
    background: #c13e3e
}

.int_active a:hover dl dd span{
    background: #c13e3e;
    color: #fff;
}

/*int_active end*/

/*information*/

.information{
    overflow: hidden;
}

.information a{
    float: left;
    width: 548px;
    height: 216px;
    margin-bottom: 40px;
}

.information a:nth-child(2n){
    float: right;
}

.information a dl{
    overflow: hidden;
}

.information a dl dt{
    float: left;
    width: 300px;
}

.information a dl dt img{
    display: block;
    width: 100%;
}

.information a dl dd{
    float: right;
    padding: 0 19px 0 20px;
    width: 208px;
    height: 195px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.information a dl dd big{
    display: block;
    font-size: 16px;
    color: #1f1f1f;
    font-weight: bold;
    height: 80px;
    padding-top: 15px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.information a dl dd p{
    display: none;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    
    height: 40px;
    overflow: hidden;
    text-align: justify;
    margin-top: 15px;
}

.information a dl dd span{
    display: block;
    font-size: 16px;
    color: #1f1f1f;
    line-height: 20px;
    
    text-transform: capitalize;
    margin-top: 43px;
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 7px;
}

.information a dl dd font{
    display: block;
    font-size: 14px;
    color: #1f1f1f;
    font-weight: bold;
    
    text-transform: uppercase;
    margin-top: 6px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.information a:hover dl dd{
    border-bottom: 1px solid #c13e3e;
    border-top: 1px solid #c13e3e;
    border-right: 1px solid #c13e3e;
}

.information a:hover dl dd big{
    color: #c13e3e
}

.information a:hover dl dd font{
    color: #c13e3e
}

/*information end*/

/*service*/

.service{
    overflow: hidden;
}

.service a{
    display: block;
    margin-bottom: 40px;
}

.service a dl{
    overflow: hidden;
}

.service a dl dt{
    float: left;
    width: 550px;
}

.service a dl dt img{
    display: block;
    width: 100%;
}

.service a dl dd{
    float: right;
    width: 600px;
}

.service a dl dd big{
    display: block;
    font-size: 24px;
    color: #222;
    font-weight: bold;
    padding-top: 12px;
    margin-bottom: 5px
}

.service a dl dd span{
    display: block;
    font-size: 16px;
    color: #1f1f1f;
    
    text-transform: capitalize;
    margin-bottom: 18px
}

.service a dl dd i{
    display: block;
    width: 90px;
    height: 2px;
    background: #b5b5b5;
    margin: 0;
}

.service a dl dd p{
    font-size: 14px;
    color: #666;
    text-align: justify;
    line-height: 22px;
    
    margin-top: 16px;
    height: 66px;
    overflow: hidden;
    margin-bottom: 46px;
}

.service a dl dd font{
    display: block;
    margin: 0;
    width: 120px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #ececec;
    font-size: 14px;
    font-weight: bold;
    
    color: #222;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.service a:hover dl dd font{
    background: #c13e3e;
    color: #fff;
}

/*service end*/

/*map*/

.map{
    height: 830px;
    position: relative;
    overflow-x: hidden;
    padding: 10px 0;
}

.t_map{
    position: absolute;
    top: 115px;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.t_map ins{
    width: 52px;
    height: 77px;
    position: absolute;
    top: 246px;
    right: 50%;
    margin-right: -476px;
    background: url(../bg/zb.png) no-repeat 0 0;
    z-index: 10;
}

.b_map{
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -585px;
    padding: 0 55px;
    width: 390px;
    background: #fff;
    height: 830px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1) 
}

.b_map h3{
    font-size: 29px;
    color: #1f1f1f;
    
    padding-top: 77px;
    margin-bottom: 31px;
}

.b_map ul{

}

.b_map ul li{
    padding-left: 32px;
    position: relative;
    margin-bottom: 20px;
}

.b_map ul li i{
    position: absolute;
}

.b_map ul li i.c1{
    background: url(../bg/r1.png) no-repeat 0 0;
    left: 1px;
    top: 6px;
    width: 21px;
    height: 21px;
}

.b_map ul li i.c2{
    background: url(../bg/r2.png) no-repeat 0 0;
    left: 1px;
    top: 7px;
    width: 22px;
    height: 19px;
}

.b_map ul li i.c3{
    background: url(../bg/r3.png) no-repeat 0 0;
    left: 1px;
    top: 6px;
    width: 26px;
    height: 21px;
}

.b_map ul li i.c4{
    background: url(../bg/r4.png) no-repeat 0 0;
    left: 1px;
    top: 6px;
    width: 22px;
    height: 22px;
}

.b_map ul li i.c5{
    background: url(../bg/r5.png) no-repeat 0 0;
    left: 4px;
    top: 6px;
    width: 15px;
    height: 22px;
}

.b_map ul li i.c6{
    background: url(../bg/r6.png) no-repeat 0 0;
    left: 0;
    top: 7px;
    width: 24px;
    height: 19px;
}

.b_map ul li i.c7{
    background: url(../bg/r7.png) no-repeat 0 0;
    left: 1px;
    top: 70px;
    width: 24px;
    height: 20px;
}

.b_map ul li span{
    display: block;
    font-size: 22px;
    color: #222;
    margin-bottom: 6px;
}

.b_map ul li small{
    display: block;
    font-size: 19px;
    color: #999;
    line-height: 21px;
}

.b_map ul li a{
    display: block;
    font-size: 19px;
    color: #999;
    line-height: 21px;
}

.b_map ul li font{
    display: block;
    font-size: 20px;
    color: #222;
    line-height: 24px;
    margin-bottom: 13px;
}

.b_map ul li img{
    position: absolute;
    right: 0;
    top: -7px;
}

/*map end*/

/*contact*/

.contact{
    margin-top: 50px;
    margin-bottom: 120px;
}

.contact form{

}

.contact_list{
    overflow: hidden;
    margin-bottom: 30px;
}

.contact_list dl{
    position: relative;
}

.contact_list dl dt{
    position: absolute;
    left: 21px;
    top: 1px;
    overflow-x: hidden;
    z-index: 10;
}

.contact_list dl dt span{
    float: left;
    
    font-size: 18px;
    text-transform: uppercase;
    color: #8b8b8b;
    margin-right: 12px;
    margin-top: 15px;
}

.contact_list dl dt i{
    float: left;
    font-size: 16px;
    color: #8b8b8b;
    margin-top: 14px;
}

.contact_list dl dd{
    position: relative;
}

.contact_list dl dd input{
    display: block;
    background: none;
    width: 1168px;
    height: 48px;
    border: 1px solid #ccc;
    text-indent: 130px;
    line-height: 48px;
    font-size: 16px;
    color: #555;
    outline: none;
    resize: none;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.contact_list dl dd input:focus{
    border: 1px solid #404040;
}

.contact_list dl dd input.x{
    text-indent: 164px;
}

.contact_list dl.c1{
    float: left;
    width: 560px;
}

.contact_list dl.c1 dd input{
    width: 558px;
}

.contact_list dl.c2{
    float: right;
    width: 560px;
}

.contact_list dl.c2 dd input{
    width: 558px;
}

.contact_list dl dd textarea{
    display: block;
    background: none;
    width: 1168px;
    border: 1px solid #ccc;
    text-indent: 165px;
    padding: 14px 0;
    font-size: 16px;
    color: #555;
    outline: none;
    resize: none;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.contact_list dl dd textarea:focus{
    border: 1px solid #404040;
}

.contact_list a{
    float: right;
    width: 120px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #ececec;
    color: #1f1f1f;
    font-size: 18px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.contact_list a:hover{
    background: #c13e3e;
    color: #fff;
}

/*contact end*/

/*assessment*/

.assessment{
    padding-bottom: 120px;
}

.assessment ul{

}

.assessment ul li{
    border-bottom: 2px dashed #ededed;
    margin-bottom: 40px;
    padding-bottom: 37px;
}

.assessment ul li:last-child{
    border-bottom: none;
}

.assessment ul li dl{
    overflow: hidden;
}

.assessment ul li dl dt{
    float: left;
    width: 190px;
    text-align: right;
    font-size: 18px;
    color: #8b8b8b;
    line-height: 50px;
}

.assessment ul li dl dt i{
    color: #c13e3e
}

.assessment ul li dl dd{
    float: right;
    width: 963px;
}

.assessment ul li dl dd em{
    display: block;
    overflow: hidden;
}

.assessment ul li dl dd em a{
    float: left;
    height: 48px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 18px;
    color: #8b8b8b;
    text-align: center;
    line-height: 48px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.assessment ul li dl dd em.c1 a{
    width: 108px;
    margin-right: 20px;
}

.assessment ul li dl dd em.c1 a:nth-child(7n){
    margin-right: 0;
}

.assessment ul li dl dd em.c2 a{
    width: 149px;
    margin-right: 30px;
}

.assessment ul li dl dd em.c2 a:nth-child(5n){
    margin-right: 0;
}

.assessment ul li dl dd em.c3 a{
    width: 217px;
    margin-right: 29px;
}

.assessment ul li dl dd em.c3 a:nth-child(4n){
    margin-right: 0;
}

.assessment ul li dl dd em.c4 a{
    width: 299px;
    margin-right: 29px;
}

.assessment ul li dl dd em.c4 a:nth-child(3n){
    margin-right: 0;
}

.assessment ul li dl dd em.c5 a{
    width: 218px;
    margin-right: 27px;
}

.assessment ul li dl dd em.c5 a:nth-child(4n){
    margin-right: 0;
}

.assessment ul li dl dd em a.on,.assessment ul li dl dd em a:hover{
    border: 1px solid #c13e3e;
    color: #c13e3e;
}

.assessment ul li dl dd p{
    font-size: 16px;
    color: #8b8b8b;
}

.assessment ul li tt{
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    padding-left: 92px;
}

.assessment ul li tt span{
    float: left;
    font-size: 18px;
    color: #8b8b8b;
    line-height: 50px;
    margin-right: 17px;
}

.assessment ul li tt span i{
    color: #c13e3e
}

.assessment ul li tt input{
    float: left;
    height: 48px;
    width: 390px;
    border: 1px solid #ccc;
    font-size: 18px;
    color: #c13e3e;
    text-indent: 20px;
    line-height: 48px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    margin-right: 60px;
}

.assessment ul li tt input:last-child{
    margin-right: 0;
}

.assessment ul li tt input:focus{
    border: 1px solid #c13e3e;
}

.assessment ul li p.last{
    font-size: 16px;
    line-height: 24px;
    color: #8b8b8b;
    padding-left: 207px;
    text-align: justify;
}

.assessment ul li a.tj{
    float: right;
    width: 120px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #ececec;
    color: #1f1f1f;
    font-size: 18px;
    margin-top: 56px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.assessment ul li a.tj:hover{
    background: #c13e3e;
    color: #fff;
}

/*assessment end*/

/*team*/

.team{
    overflow: hidden;
}

.intro_team{
    margin-bottom: 100px;
}

.team a{
    float: left;
    width: 374px;
    margin-right: 24px;
    margin-bottom: 40px;
}

.team a:nth-child(3n){
    margin-right: 0;
}

.team a em{
    display: block;
    position: relative;
    border: 1px solid #ccc;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.team a span{
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    color: #666;
    margin-top: 17px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.team a:hover em{
    border: 1px solid #c13e3e;
}

.team a:hover span{
    color: #c13e3e;
}

/*team end*/

/*about*/

.about{

}

.about em{
    display: block;
    overflow: hidden;
    margin-bottom: 23px;
}

.about em img{
    float: left;
    margin-right: 31px;
}

.about p{
    font-size: 18px;
    line-height: 28px;
    color: #666;
    text-align: justify;
}

.about ul{
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 36px;
    margin-top: 33px;
    margin-bottom: 24px;
}

.about ul li{
    float: left;
    width: 556px;
    margin-bottom: 20px;
}

.about ul li:nth-child(2n){
    float: right;
}

.about ul li span{
    display: block;
    font-size: 20px;
    color: #181818;
    overflow: hidden;
}

.about ul li span i{
    float: left;
    width: 12px;
    height: 12px;
    background: url(../bg/fk.png) no-repeat 0 0;
    margin-right: 8px;
    margin-top: 8px;
}

.about ul li p{
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}

/*about end*/

/*kouhao*/

.kouhao{
    margin-bottom: 55px;
}

.kouhao p{
    font-size: 20px;
    color: #666;
    line-height: 28px;
}

/*kouhao end*/

/*swiper-container1*/

#swiper-container1{
    width: 1014px;
    margin: 0 auto;
}

#swiper-container1 .swiper-slide{

}

#swiper-container1 .swiper-slide a{
    display: block;
    width: 324px;
    border: 1px solid #c0c6c6;
    position: relative;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

#swiper-container1 .swiper-slide a img{
    display: block;
    width: 100%;
}

#swiper-container1 .swiper-slide a i{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
}

#swiper-container1 .swiper-slide-active  a{
    border: 1px solid #c13e3e;
}

#swiper-container1 .swiper-slide-active  a i{
    background: rgba(0,0,0,0);
}

#swiper-container2{
    width: 1000px;
    margin: 15px auto 0;
    padding-bottom: 36px;
}

#swiper-container2 .swiper-slide{

}

#swiper-container2 .swiper-slide h3{
    font-size: 24px;
    color: #2c2c2c;
    font-weight: normal;
    margin-bottom: 10px;
}

#swiper-container2 .swiper-slide h4{
    font-size: 20px;
    color: #2c2c2c;
    font-weight: normal;
    margin-bottom: 8px;
}

#swiper-container2 .swiper-slide p{
    font-size: 16px;
    color: #666;
    line-height: 24px;
    text-align: justify;
    margin-bottom: 20px;
}

.box_05 .prev{
    position: absolute;
    width: 48px;
    height: 48px;
    top: 371px;
    left: 50%;
    margin-left: -585px;
    background: url(../bg/lr.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.box_05 .prev:hover{
    background: url(../bg/lr.png) no-repeat 0 -48px;
}

.box_05 .next{
    position: absolute;
    width: 48px;
    height: 48px;
    top: 371px;
    right: 50%;
    margin-right: -585px;
    background: url(../bg/lr.png) no-repeat -48px 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.box_05 .next:hover{
    background: url(../bg/lr.png) no-repeat -48px -48px;
}

/*swiper-container1 end*/

/*nono*/

.nono{
    text-align: center;
    font-size: 16px;
    color: #2d2d2d;
    line-height: 30px;
    padding-bottom: 50px;
}

/*nono end*/