@charset "utf-8";
/* CSS Document */

*{
	padding:0px;
	margin:0px;
	border:0px;
}
html{
	font-size: 10px;
}
body{
	font-family:"Arial","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu","黑体",sans-serif; 
	font-size:12px;
    background-color: #ffffff;
    overflow-x:hidden;
}
p,h1,h2,h3,h4,h5,h6,img{
    margin: 0px;
	padding:0px;
	border:0px;
}
textarea,input{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff;
    border:0px;
    float: initial;
    text-align: initial;
    color:#333;
}
img{
    width:auto;
}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
a,a:hover{
    color:#333;
    text-decoration:none; 
}
.head_nav a{
    color:#000;
}
ul{
    margin:auto;
}
.head_nav{
    position: fixed;
    width:100%;
    background-color:rgba(255,255,255,1);
    padding:1.5rem 0;
    top:0;
    left:0;
    z-index: 1000;
}
.head_logo{
    display: inline-block;
    width:20%;
}
.head_logo a{
    position: relative;
    left:10rem;
}
.head_logo img{
    height:6rem;
}
.head_menu{
    /* font-family: Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,sans-serif  ; */
    position: absolute;
    display: inline-block;
    text-align: right;
    list-style: none; 
    width:auto;
    right:10rem;
    top:3.3rem;

}
.head_menu li{
    display: inline-block;
    font-size: 1.25rem;
    color:#000;
    letter-spacing: 0.2rem;
    margin:0rem 1rem;
    cursor:pointer;
}
.head_menu li:hover{
    border-bottom:0.13rem solid #000;
}
.head_menu .last_li{
    margin-right:1rem;
}
.fz_font{
    display: inline-block;
    color:#000;
    font-size: 1.25rem;
    line-height: 2.6rem;
    padding-left:1.5rem;
}
.fy_first{
    border-left:0.1rem solid #000;
    padding-left:1.2rem;
    cursor: pointer;
}



.content{
    position: relative;
    width:100%;
    overflow: hidden;
}
.content img{
    width:100%;
    display: block;
}
.subpage_head{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height:45rem;
}
.home_txt_box{
    opacity: 0;
    position: absolute;
    width:48rem;
    color:#fff;
    z-index: 10;
    top:17rem;
    left:22rem;

    padding:3rem;
    background-color:rgba(0,0,0,0.6);
}
.home_txt_box h1{
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 4rem;
    line-height: 1em;
    margin-bottom:2rem;
    z-index: 20;
    text-transform: uppercase;
}
.home_txt_box h1 span{
    position: absolute;
    width:100%;
    height:1rem;
    bottom:0.5rem;
    left:0;
    background-color:#BF9C6E;
    z-index: -10;
}
.home_txt_box p{
    font-size: 1.6rem;
    line-height:1.2em; 
    text-align: justify;
}

.about_js .container{
    width:100%;
    min-width:100%;
}
.about_js .container .row{
    margin-right: -3rem;
    margin-left: -3rem;
}
.about_txt{
    width:100%;
}
.about_js h4{
    font-size: 1.6rem;
    margin-bottom:1rem;
}
.about_txt h3{
    font-size: 1.6rem;
    background-color: #BF9C6E;
    color:#fff;
    padding:0.5rem 1rem;
    margin-bottom:1rem;
}
.about_txt ul{
    font-size: 1.4rem;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.about_txt ul li{
    padding-left: 2.5rem;
    text-indent: -1.5rem;
    margin:0.3rem auto;
}
.about_txt li:before {
    content: "-";
    padding-right: 1rem;
}



.home_nodetxt{
    width: 70%;
    z-index: 100;
    
    position: relative;
    display: inline-block;
    text-align: left;
}
.home_nodetxt h2{
    color:#000;
    background-color:#BF9C6E;
    padding:1rem 1.5rem;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom:1.5rem;
}
.home_nodetxt p{
    padding-left:1.5rem;
    font-size: 1.3rem;
    margin-bottom:2.4rem;
    line-height: 1.3em;
    color:#fff;
}
.home_nodetxt_add2{
    top: 7rem;
    right:auto;
    right: 10rem;
}
.home_nodetxt h3{
    color:#fff;
    background-color:#BF9C6E;
    padding:0.2rem 1.5rem;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom:1rem;
    margin-top:2rem;
}
.home_nodetxt_add2 p{
    margin:auto;
}
.home_nodetxt_add2 p span{
    display: inline-block;
    margin-right:1.5rem;
    line-height: 1.3em;
}





.home_box3{
    position: relative;
    width:100%;
    height:62rem;
    background-image: url("../images/OurServices.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    color:#fff;
    padding-top:5rem;
    text-align: center;
}
.home_box3 h2{
    position: relative;
    z-index: 10;
    width:27rem;
    font-size: 2.3rem;
    font-weight: bold;
    margin:auto;
    margin-bottom:5rem;
    background-color:#BE9B6E;
    color:#fff;
    padding:0.6rem 0;
}
.home_box3 .container{
    position: relative;
    z-index: 10;
    max-width:85%;
    width:85%;
}
.home_box3 .home_service_ico{
    width:100%;
    margin-bottom: 5rem;
}
.home_service_ico img{
    width:42%;
    display: inline-block;
}
.home_service_ico h3{
    width:80%;
    font-size: 1.6rem;
    font-weight: bold;
    margin:1.5rem auto;
}
.home_service_ico p{
    font-size: 1.2rem;
}
.more_but{
    position: absolute;
    display: inline-block;
    font-size: 1.6rem;
    color:#BE9B6E;
    cursor: pointer;
    z-index: 10;
}
.h_service_more{
    color:#BE9B6E;
    right:10rem;
    bottom: 3rem;
}
.home_box4_1{
    width:100%;
    height:61rem;
    background-image:url("../images/OurFoundingTeam.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.home_box4_1{

}
.home_box4_1 .home_nodetxt_box4 {
    position: relative;
    top: 26rem;
}



.home_box4{
    position: relative;
    width:100%;
    height: 61rem;
    background-image:url("../images/SuccessfulTrackRecord_1.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color:#000;
    color:#666;
}
.home_nodetxt_box4{
    width: 35%;
    left:10rem;
}
.home_nodetxt_box4 h2{
    padding-left:1rem;
}
.home_nodetxt_box4 p {
    padding-left: 1rem;
}
.h_box4_photo{
    position: absolute;
    width:45rem;
    right:10rem;
}
.h_box4_photo img{
    float: left;
    width:25%;
}
.home_nodetxt_box4_2{
    top:17rem;
}
.h_box4_imgbox{
    position: relative;
    z-index: 10;
    padding:0 10rem;
    margin:auto; 
    padding-top:40rem;
}
.h_box4_imgbox .container{
    width:100%;
    min-width:100%;
    padding:0;
}
.h_box4_imgbox img{
    width:100%;
}
.h_client_more{
    right:10rem;
    margin-top:2rem;
}
.home_box5{
    position: relative;
    width:100%;
    height: 28rem;
    background-image:url("../images/JobOppotunities.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.home_nodetxt_box5{
    width: 35%;
    top:8rem;
    left:10rem;
}
.home_nodetxt_box5 h2{
    padding-left:1rem;
}
.home_nodetxt_box5 p {
    padding-left: 1rem;
}




/*-------------------about-----------------*/
.about_content{
    position: relative;
   
   width:100%;
}
.about_head{
    position: relative;
   /* background-image: url("../images/AboutUs1.jpg");*/
}

/*-------------------services-------------------*/
.services_content{
    position: relative;
    overflow: hidden;
}
.services_head{
    position: relative;
   /* background-image: url("../images/OurServices.jpg");*/
   /* height:34rem;*/
}

.rz_head{
    position: relative;
   /* background-image: url("../images/OurFoundingTeam.jpg");*/
    height:34rem;
}
.services_ico{
    position: relative;
    z-index: 100;
    width:100%;
    background-color:#F0F0F0;
    padding-top:7rem;
}
.services_ico .container{
    width:70%;
    min-width:70%;
}
.services_node{
    width:100%;
    text-align: center;
    margin-bottom:5rem;
}
.services_node img{
    width:40%;
}
.services_node p{
    width:90%;
    margin:auto;
    color:#BF9D70;
    font-weight: bold;
    font-size: 1.6rem;
    margin-top:0.5rem;
}
.services_box{
    position:relative;
    width:100%;
    background-position: center;
    padding:10rem;
}
.services_box img{
    width:100%;
}
.services_box .home_nodetxt p{
    color: #212529;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    text-align: justify;    
    letter-spacing: 0.1rem;
}

.services_box1{
    position:relative;
    width:100%;
    background-color:#f0f0f0;
    text-align: right;
}

.services_box2{
    background-color:#fff;
}
.services_box3{
    background-color:#f0f0f0;
    text-align: right;
}
.home_nodetxt ul{
    color: #212529;
    font-size: 1.3rem;
    margin-left:2.9rem;
}
.home_nodetxt ul li{
    padding-left:1rem;
    margin-bottom:0.2rem;
    text-align: justify;
    letter-spacing: 0.1rem;
}


/*----------------our客户-----------------*/
.clients_content{
    width:100%;
}
.clients_head{
    position: relative;
   /* background-image: url("../images/SuccessfulTrackRecord_1.jpg");*/
    background-position: 50%;
    background-size: contain;
    background-color: #000;
}
.clientslogo_box{
    width:100%;
    padding:5rem 10rem;
    
    background: -webkit-linear-gradient(rgba(136,124,112,0.98),rgba(56,56,56,0.98)); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(136,124,112,0.98),rgba(56,56,56,0.98)); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(136,124,112,0.98),rgba(56,56,56,0.98));
    background: linear-gradient(rgba(136,124,112,0.98),rgba(56,56,56,0.98)); /* 标准语法 */
    /*
    background-image: linear-gradient(-5deg, rgba(56,56,56,0.98) 10%,rgba(56,56,56,0.9) 20%,rgba(56,56,56,0.86) 30%,
    rgba(65,65,65,0.85) 40%,rgba(70,58,46,0.85) 50%, rgba(84,72,60,0.8) 70%,rgba(136,124,112,0.98) 100%);
    */
}
.client_font1{
    font-size: 1.6rem;
    color:#fff;
    margin-bottom:3rem;
}
.clientslogo_box .container{
    width:100%;
    min-width:100%;
    padding:0;
}
.clientslogo_box .container .row{
    margin:0 -3rem;
}
.clientslogo_box .col-lg-4, .clientslogo_box .col-md-4{
    padding:0px 3rem;
}
.clientslogo_node{
    width:100%;
    margin-bottom:6rem;
    color:#fff;
    
}
.clientslogo_node img{
    width:100%;
}
.clientslogo_node h2{
    font-size: 1.6rem;
    font-weight: bold;
    margin:1.5rem 0 2rem 0;
}
.clientslogo_node p{
    font-size: 1.4rem;
    line-height: 1.2em;
}




/*---------------联系我们-----------------*/
.contact_box{
    position: relative;
  /*  background-image:url("../images/contact_j.jpg");*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height:45rem;
}
.contact_content{
    position: relative;
    width:100%;
    margin:auto;
    z-index: 5;
    padding:5rem 20rem;
    color:#000;
    background-color:#f0f0f0;
}
.contact_text{
    position: relative;
    display: inline-block;
    float: left;
    width:50%;
    top:5rem;
}
.contact_text hr{
    width:90%;
    height:0.1rem;
    border-top:0.05rem solid #000;
    margin:1rem 0 2rem 0;
}
.contact_font{
    width:100%;
    font-size: 1.4rem;
    margin-bottom:0.5rem;
    letter-spacing: 0.05rem;
}
.txt_tit{
    width:22%;
    margin-right:5%;
    float:left;
    text-align: right;
}
.txt_text{
    display: inline-block;
    width:70%;
}
.contact_map{
    width:50%;
    display: inline-block;
    height:25rem;
}
.contact_map iframe,.contact_map img{
    width:100%;
    height:100%;
}

/*---------------job--------------------*/
.job_box{
    width:100%;
    background-color:#f0f0f0;
}
.job_head{
  /*  background-image:url("../images/JobOppotunities.jpg"); 
    height: 34rem;*/
/* 
    background-size: 110%;
    background-position: 0% -280%; */
}
.job_content{
    margin:auto;
    padding:5rem 0 8rem 10rem;
}
.job_content p{
    font-size: 1.3rem;
    color:#666;
    margin-bottom:1rem;
}
.job_content h1{
    font-size: 1.8rem;
    color:#666;
    font-weight: bold;
    margin-bottom:1.5rem;
}
.job_content ul{
    color:#666;
    margin-left:1.6rem;
    margin-bottom:1.5rem;
}
.job_content ul p{
    margin:2rem 0 1rem -1.6rem;
    font-weight: bold;
}
.job_content ul li{
    font-size: 1.3rem;
    padding-left:0.8rem;
    line-height:1.2em;
    margin-bottom:0.2rem;
}

/*-------------------our team------------------*/
.team_box,.news_box{
    position: relative;
    width:100%;
}
.team_head{
  /*  background-image: url("../images/OurFoundingTeam.jpg");
    height: 49rem;*/
}
.team_content{
}
.team_node{
    position: relative;
    padding:10rem;
}
.team_dan{
    background-color:#f0f0f0;
}
.team_txt{
    position: relative;
    display: inline-block;
    width:57rem;
}
.team_txt ul{
    font-size: 1.3rem;
    color: #666;
    margin-left:3rem;
    letter-spacing: 0.1rem;
    text-align: justify;
}
.team_txt ul li{
    margin-top: 1rem;
    line-height: 1.3em;
}


.team_txt h1{
    width:100%;
    font-size: 2rem;
    font-weight: bold;
    color:#000;
    background-color:#BE9B6E;
    padding: 1rem 0 1rem 1.5rem;
}

.team_shuang{
    background-color:#fff;
    text-align: left;
}
.team_shuang .team_txt{
    right:0;
    text-align: left;
}



/*------------footer------------*/
.footer{
    position: relative;
    width:100%;
    padding:6rem 0 6rem 0;
    background-color:#dddddd;
}
.foot_content{
    width:80rem;
    margin:auto;
    font-size: 1.2rem;
    color:#333;
}
.foot_nav{
    position: relative;
    display: inline-block;
}
.foot_nav img{
    display: inline-block;
    width:6.5rem;
    margin-right:4rem;
    float: left;
}

.foot_nav ul{
    display: inline-block;
    list-style: none; 
}
.foot_nav ul li{
    font-size: 1.2rem;
    margin-bottom:0.6rem;
    cursor: pointer;
    color:#333;
}
.foot_iofo{
    position: relative;
    display: inline-block;
    float: right;
}
.foot_iofo p{
    font-size: 1.2rem;
    text-align: right;
}

.txt_color_b,p.txt_color_b{
    color:#fff;
}
.mo_menu_but,.mo_menu_box{
    display: none;
}
/*-----------------------*/

.jinzi_x{
    color:#BE9B6E;
    text-decoration:underline;
}

/*--------0802修--------*/
.lang_xia{
    position: relative;
    width:1rem;
    margin-left:0.5rem;
}
.language_box{
    display: none;
    position: absolute;
    padding:0 2rem;
    border-radius: 0.1rem;
    background-color:rgba(255,255,255,0.6);
    color:#fff;
    text-align: center;
    top:2.5rem;
    right:-1.1rem;
    z-index: 1000;
}
.language_box p{
    font-size: 1.25rem;
    margin:1rem 0;
    cursor: pointer;
}
.language_box p:hover{
    border-bottom:0.12rem solid #000;
}

.flex_container{
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content:space-between;
}
.item{
    width:23%;
}
/*------------home-topimg----------------*/
#home_carousel{
    position: relative;
}
#home_carousel .carousel-item img{
    width:100%;
    height:100%;
}
#home_carousel .carousel-indicators{
    margin: auto;
    display: inline-block;
    left: 22rem;
    top: 50rem;
}
#home_carousel .carousel-indicators li{
    display: inline-block;
    width:1rem;
    height:1rem;
    background-color:transparent;
    border:0.1rem solid #fff;
    opacity: 1;
}
#home_carousel .carousel-indicators .active{
    width:1.2rem;
    height:1.2rem;
    background-color:#fff;
    border:0 solid #fff;
}
.home_lbt{
    width:100%;
    background-repeat: no-repeat;
    background-size:cover;
}
.home_lbt1{
    background-image: url('../images/ContactUs2.jpg');
}
.home_lbt2{
    background-image: url('../images/OurServices.jpg');
}
.home_lbt3{
    background-image: url('../images/home3.jpg');
}


/* -----191028------ */
.about_js{
    letter-spacing: 0.1rem;
}
.about_js h1{
    font-size: 2rem;
    font-weight: bold;
    background-color: #BF9C6E;
    color:#fff;
    padding:1rem 1.5rem;
    letter-spacing: 0.1rem;
    margin-bottom:2rem;
}
.about_js p{
    font-size: 1.3rem;
    margin-bottom:1rem;
    padding-left: 1.5rem;
    text-align: justify;
}
.services_subpage{
    position: relative;
    /* background-image: url("../images/OurServices.jpg"); */
    height:46rem;
}
.services_subpage .home_txt_box{
    top:18rem;
}
.services_subpage1{
    background-image: url("../images/server_sub1.jpg");
}
.services_subpage2{
    background-image: url("../images/server_sub2.jpg");
}
.services_subpage3{
    background-image: url("../images/server_sub3.jpg");
}
.services_subpage4{
    background-image: url("../images/server_sub4.jpg");
}
.servicechild_box{
    position: relative;
    padding:5rem 10rem;
}
.servicechild_box h1{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    background-color: #BF9C6E;
    color:#fff;
    padding:1rem 1.5rem;
    letter-spacing: 0.1rem;
    margin-bottom: 2rem;
}
.servicechild_box p{
    font-size: 1.3rem;
    margin-bottom: 1rem;
    text-align: justify;
    color: #212529;
}
.home_nodetxt ul{
    margin-bottom:1rem;
}
.s_sub_right{
    position:relative;
    width:100%;
    background-color:#f5f5f5;
    /* text-align: right; */
}
.s_sub_left{
    background-color:#fff;
}
.service_childpage{
	position: absolute;
    text-align: center;
    width:23rem;
    top:2rem;
    left: 4.5rem;
	padding:1rem 0.2rem;
	cursor: default;
	
	opacity: 0;
	visibility:hidden;
	transition:opacity .5s;
}
.service_childpage li{
    display: block;
    padding:0.4rem 1rem;
}
#pc_service a:hover + .service_childpage,.service_childpage:hover{
	opacity: 1;
	overflow:hidden;
	visibility:visible;
}
/* #pc_service,#pc_service a{
    padding-bottom:1rem;
} */
.mo_service_box{
    display: none;
}
.about_pagebox{
    padding: 6rem 10rem;
    background-color: #f0f0f0;
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content:space-between;

}
.about_js{
    width:55%;

}
.about_content_img{
    position: relative;
    width:40%;
  
}
.about_content_img img{
    position: absolute;
    width:24rem;
}
.about_img1{
    top:0rem;
}
.about_img2{
    right:0;
    top:13.5rem;
}
.about_img3{
    top:29rem;
}
.servicechild_box ul {
    margin-bottom: 1rem;
    margin-left: 1.3rem;
    font-size: 1.3rem;
    color: #212529;
}
.servicechild_box ul li {
    padding-left: 1rem;
    margin-bottom: 0.2rem;
    text-align: justify;
}
/* .head_menu li,.fz_font,.language_box a{
    font-weight: 500;

} */
.head_menu li:hover,.fz_font:hover,.language_box a:hover{
    font-weight: bold;
    letter-spacing: -0.023rem;
}
/* #job:hover{
    letter-spacing: -0.035rem;
} */
#about{
    width:6rem;
}
#pc_service{
    width: 8.7rem;
}
#team{
    width: 12.5rem;
}
#track{
    width: 17rem;
}
#news{
    width:3.5rem;
}
#job{
    width: 11.8rem;
}
#contact{
    width:8rem;
}
#font_en{
    width:7.5rem;
}
.fz_font:hover{
    letter-spacing: -0.05rem;
}

#pc_service:hover > .service_childpage{
    font-weight: 500;
}
.home_nodetxt a:hover{
    text-decoration: none;
    border-bottom: 0.1rem solid #000;
}
.home_nodetxt a{
    color:#fff;
}
.foot_nav ul a{
    text-decoration: none;
}
.foot_nav ul a:hover{
    text-decoration:underline;
}
.home_nodetxt h2 img{
    width:2rem;
    margin-left:0.5rem;
    position: relative;
    top: -0.1rem;
}

.mokuai{
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
}
.mokuai1{
    background-image: url("../images/hdp1.jpg");
}
.mokuai2{
    background-image: url("../images/hdp1.jpg");
}
.mokuai3{
    background-image: url("../images/hdp1.jpg");
}
.mokuai4{
    background-image: url("../images/hdp1.jpg");
}
.mokuai5{
    background-image: url("../images/hdp1.jpg");
}

.ggl_imgbox{
    position: absolute;
    top:13rem;
    left:9%;
    width:3%;
    height:3.6rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 900;
}
.ggl_imgbox img{
    position: relative;
    height:2.2rem;
    top:0.7rem;
}
#ggl{
    width: 78%;
    height: 3.6rem;
    top:13rem;
    left:12%;
    margin: auto;
    position: absolute;
    overflow: hidden;
    z-index: 900;
    background-color: rgba(0, 0, 0, 0.6);
}
#ggl ul{
    position:absolute;
    left: 0;
    top: 0;
    width:100%;
}
#ggl ul li {
    float: left;
    width: auto;
    height: 100%;
    list-style: none;
    margin-left: 10px;
    color:#fff;
    font-size: 1.8rem;
    line-height: 3.6rem;
    font-weight: 300;    
    font-family: Brown-Light, sans-serif, Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", STHeiti, 华文黑体, SimHei, 黑体, 新細明體, PMingLiU, 細明體, MingLiU, sans-serif;

}
#ggl ul li a{
    color:#fff;
}


/* ---- 新闻  --------- */
.news_head{
   /* background-image: url("../images/news.jpg");*/
    /* height: 49rem; */
    background-position: 50%;
}
.news_hz{
    position: absolute;
    top:0;left:0;
    width: 100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.news_head .home_txt_box{
    z-index: 11;
}
.news_listbox{
    position: relative;
    width:77%;
    min-height:80rem;
    margin-left: 10rem;
    padding:2rem 0 10rem;

}
.news_list{
    position: relative;
    width:100%;
}
.news_item{
    position: relative;
    width:100%;
    height:15rem;
    /* border:0.1rem solid red; */
    display:flex;
    justify-content: space-between;
    margin:4rem auto;
}
.news_text{
    position: relative;
    width:64%;
}
.news_text h2{
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom:1.5rem;
}
.news_text p{
    font-size: 1.3rem;
    text-align: justify;
    color:#666;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.news_text span{
    position: absolute;
    color:#666;
    font-size: 1.1rem;
    left:0;
    bottom:0;
}
.news_img{
    position: relative;
    width:26%;
    height:100%;
    background-position: 50%;
    background-size: cover;
}
.newsImg1{
    background-image: url("../images/about_content2.jpg");
}

.news_nav{
    position: relative;
    width:100%;
    height:2.8rem;
    display: flex;
    justify-content: space-between;
    margin:3rem auto 4rem;
    font-size: 1.3rem;
}
.zdy_select{
    position: relative;
    width:30%;
    height:100%;
    line-height: 2.8rem;
    cursor: pointer;
}
.zdy_select img{
    position: relative;
    width:4%;
    margin-left:0.6rem;
}
.nav_search{
    position: relative;
    width:40%;
    height:100%;
    border:0.1rem solid #aaa;
}
.nav_search img{
    position: relative;
    display: inline-block;
    width:4%;
    margin:0 0 0 1rem;
    cursor: pointer;
}
.nav_search input{
    display: inline-block;
    width:80%;
    height:94%;
    padding-left:0.5rem;
    background-color: transparent;
}
.zdy_select{
    text-align: left;
}
.zdy_select ul{
    position: absolute;
    width:60%;
    left:-7%;
    padding: 1rem 0 1rem 7%;
    height:auto;
    background-color: #fff;
    box-shadow: 0 0.05rem 0.05rem 0.05rem #aaa;
    z-index: 100;
}
.zdy_select ul li{
    list-style-type:none;
}
.select_type,.select_date{
    display:none;
}

.news_content{
    overflow-x: hidden;
    position: relative;
    width: 74%;
    min-height: 80rem;
    margin: auto;
    padding: 16rem 0 10rem 0;
}
.news_content .news_title{
    font-size: 2.2rem;
    text-align: center;
}
.news_content .news_date{
    display: block;
    width:100%;
    text-align: center;
    font-size: 1.2rem;
    color:#888;
    margin: 2rem 0;
}


.temp_list,.temp_search{
    position: relative;
    font-size: 1.2rem;
    text-align: center;
    padding-top:5rem;
    color:#aaa;
}


/* ---1206--- */
.services_content{
    background-color: #fefefe;
}
.service_page_subservice_box{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:80%;
    margin:6rem auto 8rem;
}
.subservice_box{
    width:30%;
    margin-top:3rem;
}
.subservice_box p{
    color: #333;
    text-align: justify;
}



.foot_nav{
    text-transform : uppercase;
}
.service_childpage,.language_box{
    background-color: #fff;
    /* background: linear-gradient(to bottom, transparent 10%, #fff 0); */
}
.edit_content img,.edit_content p img{
   /* width: 70% !important;*/
}

/* 1216 */
.about_moimg{
    display: none;
}

.fenye_but{
    position: relative;
    width:100%;
    height: 4rem;
}
.M-box1{ 
    position: absolute; 
    top:70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.M-box .active, .M-box1 .active, .M-box2 .active, .M-box3 .active, .M-box4 .active{
    background: #666;
    border-color:#666;
}
.M-box a:hover, .M-box1 a:hover, .M-box2 a:hover, .M-box3 a:hover, .M-box4 a:hover{
    background: #666;
}


.more_top{
    position: relative;
    width:3vw;
    height:2.8vw;
    top:50%;
    left: 50%;
    transform: translate(-50%, -200%);
    border-radius: 0.2rem;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    cursor: pointer;

    transition: all ease-in .15s;
    -webkit-transition: all ease-in .15s;
}
.more_top img{
    position: relative;
    width:70%;
    top:0.6vw;
}
.more_top:hover{
    background-color: rgba(0, 0, 0, 0.6);
}
.black_news{
    position: absolute;
    top: 12rem;
    left:16rem;
    color:#333;
    font-size: 1.8rem;
    z-index: 700;
}

.team_txt h1,.home_nodetxt h2,.home_nodetxt h2 a{
    color:#000;
    background-color: transparent;
}

.news_text a:hover{
    border-bottom:0.1rem solid #000;
}
.news_item span{
    position: relative;
    top:0.4rem;
}
.news_text span.pc_hide_date{
    position: absolute;
    top:auto;
    bottom:0;
    display: none;
} 
.terms_box{
    position: absolute;
    left:0;
    bottom:3rem;
    width:100%;
    margin:auto;
    font-size: 1.2rem;
    padding:0.6rem;
    background-color: #ba9d76;
    text-align: center;
}
.terms_box a:hover{
    border-bottom:0.1rem solid #000;
}
.fy_first span:hover{
    padding-bottom:0.2rem;
    border-bottom:0.1rem solid #000;
}
/* 
.introduction_box{
    position: relative;
    width:80%;
    display: flex;
    margin:auto;
    justify-content: space-between;
    margin-top:4rem;
}
.introduction_box div{
    width:45%;
    padding-left:1.5rem;
    height:7rem;
}
.introduction_title{
    font-size: 2.2rem;
}
.introduction_txt{
    font-size: 1.4rem;
}
.service_page_subservice_box{
    margin-top:0;
} */

.news_text h2{
    font-weight: 500;
}
.news_item span{
    font-size: 1.35rem;
}
.home_nodetxt p{
    padding-left:0;
}
.home_nodetxt h2{
    padding-left:0;
    margin-bottom:0;
}
.service_page_subservice_box {
    width: 100%;
    padding: 0 16rem;
}
.server_sub{
    position: relative;
    width:100%;
    height:24rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom:0.5rem;
}
.server_sub1{
    background-image: url("../images/server_sub1.jpg");
}
.server_sub2{
    background-image: url("../images/server_sub2.jpg");
}
.server_sub3{
    background-image: url("../images/server_sub3.jpg");
}
.server_sub4{
    background-image: url("../images/server_sub4.jpg");
}



/* 横屏-电脑版 */
@media screen and (min-width: 1400px) and (orientation : landscape) {
	html{
		font-size: 11.1px;
    }
}
@media screen and (min-width: 1500px) and (orientation : landscape) {
	html{
		font-size: 12.5px;
    }
}
@media screen and (min-width: 1650px) and (orientation : landscape) {
	html{
		font-size: 13.4px;
    }
}
@media screen and (min-width: 1750px) and (orientation : landscape) {
	html{
		font-size: 14.2px;
	}
}
@media screen and (min-width: 1850px) and (orientation : landscape) {
	html{
		font-size: 15px;
	}
}
@media screen and (min-width: 2000px) and (orientation : landscape) {
	html{
		font-size: 17px;
	}
}
@media screen and (min-width: 2100px) and (orientation : landscape) {
	html{
		font-size: 19.5px;
    }
}
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 1245px) and (orientation : landscape) {
	html{
		font-size: 9px;
	}
}
@media screen and (max-width: 1100px) and (orientation : landscape) {
	html{
		font-size: 8px;
	}
}
@media screen and (max-width: 1000px) and (orientation : landscape) {
	html{
		font-size: 6.5px;
    }
}
@media screen and (max-width: 800px) and (orientation : landscape) {
	html{
		font-size: 5.5px;
    }
}








/*------------------mobile------------------*/

@media screen and (max-width: 450px){
	html{
		font-size: 10px;
    }
    .head_nav {
        position: fixed;
        width: 100%;
    }
    .head_menu{
        display: block;
    }
    .content{height: 670px;}
    .head_menu{
    /* font-family: Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,sans-serif  ; */
    /*position: absolute; */
    display: inline-block;
    text-align: right;
    list-style: none; 
    width:auto;
    right:0rem;
    top:1.3rem;
    float: right;

}
.head_menu li{
    display: inline-block;
    font-size: 0.5rem;
    color:#000;
    margin:0rem 0.2rem;
    letter-spacing: 0.1rem;
    cursor:pointer;
}
.head_menu li:hover{
    border-bottom:0.13rem solid #000;
}
.head_menu .last_li{
    margin-right:0.2rem;
}
    .head_logo{
        width:15%;
        text-align: left;
        margin-left: 2%;
        float: left;
    }
    .head_logo a {
        left: 0;
    }
    .mo_menu_but{
        display: block;
        position: absolute;
        height: 2.4rem;
        top: 1.8rem;
        right: 5%;
        z-index: 1000;
    }
    .mo_menu_box{
        position: fixed;
        width:52%;
        top:6.2rem;
        right:0;
        background-color:rgba(255,255,255,0.6);
        z-index: 9000;
        text-align: right;
    }
    .mo_menu_box p{
        font-size: 1.6rem;
        color:#000;
        margin: 1rem 2.5rem 1rem 0;
    }

    .fz_font{display: none;}

    

    #home_carousel .carousel-item {
        height: 20rem;
    }
    .home_txt_box {
        position: relative;
        width: 65%;
        top: 4rem;
        left: 5%;
        padding:3rem;
    }
    .home_txt_box h1 {
        font-size: 2.4rem;
        margin-bottom: 1rem;
    }
    .home_txt_box p {
        font-size: 1.5rem;
        line-height: 1.25em;
    }
    .subpage_head{
        height:20rem;
    }
    .head_nav {
        padding: 0.8rem 0;
    }
    .head_logo img {
        height: 2.6rem;
    }
    .content,.about_content,.services_content,.clients_content,.contact_box,.team_box,.news_box,.job_box{
        margin-top:6.2rem;
    }
    .home_nodetxt {
        width:44%;
    }
    .home_nodetxt h2{
        font-size: 1.5rem;
        padding:0.5rem 0;
        margin-bottom:0.5rem;
    }
    .home_nodetxt p{
        font-size: 1rem;
        padding-left:0rem;
        margin-bottom:0.2rem;
        color:#fff;
    }
    .home_box3 {
        height: 34rem;
        padding-top: 3rem;
        background-position: center;
    }
    .home_box3 h2 {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }
    .home_box3 .container {
        max-width:86%;
        width:86%;
    }
    .home_service_ico img {
        width: 65%;
    }
    .home_box3 .container .col-4{
        padding:0 0.5rem;
    }
    .home_service_ico h3 {
        width:100%;
        font-size: 1rem;
        margin: 0.6rem 0;
    }
    .more_but {
        font-size: 1.2rem;
        margin-top: 1rem;
        right: 5%;
    }
    .h_service_more {
        bottom: 2rem;
    }
    .home_box4_1{
        height:30rem;
    }
    .home_box4_1 .home_nodetxt_box4{
        top:9rem;
    }
    .home_box4 {
        height: 33rem;
        padding-top: 6rem;
        background-size: cover;
    }
    .home_box4 h2 {
        width: 100%;
        padding-left: 0;
        font-size: 1.6rem;
        text-align: center;
    }
    .home_box4 .container{
        max-width:86%;
        width:86%;
    }
    .home_box4 .container .col-4{
        padding:0 0.5rem;
    }
    .home_box4 .clientslogo_node {
        height: auto;
        margin-bottom: 1rem;
    }

    .about_content_img img{
    position: absolute;
    width:9rem;
}

    .about_img1{
    top:0rem;
}
.about_img2{
    right:0;
    top:3.5rem;
}
.about_img3{
    top:9rem;
}

    /* ----------about----------- */


    /*-------client---------*/
    .clientslogo_box{
        padding-top:3rem;
        padding-left: 5%;
        padding-right: 5%;
    }
    .client_font1 {
        font-size: 1.4rem;
        margin-left: 0;
        margin-bottom: 2rem;
    }
    .clientslogo_node h2{
        font-size: 1.2rem;
        margin:0.8rem auto;
    }
    .clientslogo_node p {
        font-size: 1rem;
        line-height: 1.2em;
    }
    .h_client_more{
        margin:auto;
    }
    .content .contact_box{
        margin:auto;
    }

    .services_ico {
        padding: 5rem 0;
    }
    .services_ico .container {
        width: 86%;
    }
    .services_node img {
        width: 80%;
    }

    .services_box{
        padding: 4rem 5%;
        height: auto;
    }
    .clientslogo_box .container {
        width: 100%;
    }
    .clientslogo_box .container .row {
        margin: 0 -1rem;
    }
    .clientslogo_box .container .col-6{
        padding:0 1rem;
    }
    
    .clientslogo_node {
        margin-bottom: 2.5rem;
        height: auto;
    }
    .home_box2,.clients_content{
        background-color:#fff;
    }

    .server_sub{
    position: relative;
    width:100%;
    height:10rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom:0.5rem;
}


/*------------联系我们------------*/
    .contact_box {
        height: 20rem;
        background-position: 50%;
    }
    .contact_content {
        width: 100%;
        padding-top: 5rem;
        padding:5rem 5%;
    }
    .contact_text {
        display: block;
        float: none;
        width: 100%;
        top:0;
    }
    .contact_content h1 {
        width: 60%;
        font-size: 3rem;
        margin-bottom: 2rem;
    }
    .txt_tit {
        width: 29%;
    }
    .txt_text {
        width: 66%;
    }
    .contact_map {
        width: 100%;
        display: block;
        margin:2rem auto;
        height:48vw;
    }
    .contact_text hr {
        width: 100%;
        margin: 1rem auto 1rem auto;
    }
    .home_box2 {
        padding-top: 8rem;
        padding-bottom: 10rem;
    }
    .home_nodetxt_add2{
        width:42%;
        right:5%;
        top:3rem;
    }
    .home_nodetxt h3 {
        padding: 0.3rem 0.5rem;
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }
    .home_nodetxt_add2 p span {
        margin-right: 0.5rem;
    }
    .home_box3 .home_service_ico {
        margin-bottom: 1rem;
    }

    .home_nodetxt_box4{
        width:60%;
        left:5%;
        top:8rem;
    }
    .home_nodetxt_box4 h2{
        text-align: left;
        padding-left:0.5rem;
    }
    .home_nodetxt_box4_2{
        top:4rem;
        width:60%;
        left:5%;
    }
    .h_box4_imgbox {
        margin-top: 3.5rem;
        padding:0 5%;
    }
    .h_box4_imgbox .container .row{
        padding:0 1rem;
    }
    .h_box4_imgbox img {
        margin-bottom:1rem;
    }
    .h_box4_photo {
        width: 90%;
        right: 5%;
        top:17.5rem;
    }
    .h_client_more{
        right:5%;
    }
    .home_box5 {
        height: 16rem;
    }
    .home_nodetxt_box5{
        top:5rem;
        left:5%;
        width:60%;
    }





/*------------footer------------*/
    .footer{
        padding:3rem 0 2rem 0;
    }
    .foot_content{
        width:100%;
    }
    .foot_nav {
        display: block;
        text-align: center;
    }
    .foot_nav img {
        width: 15%;
        margin-right: 3rem;
        float: none;
        position: relative;
        left: -1rem;
        top: -6rem;
    }
    .foot_nav ul {
        text-align: left;
    }
    .foot_iofo {
        display: block;
        float: none;
    }
    .foot_iofo p {
        text-align: center;
    }

    /*--------------service----------------*/
    .services_node {
        margin-bottom: 1rem;
    }
    .services_node p {
        width: 100%;
        font-size: 1rem;
        margin-top: 0.5rem;
    }
    .services_ico .col-4{
        padding:0 1rem;
    }
    .services_box .home_nodetxt{
        width:100%;
    } 
    .home_nodetxt ul {
        margin-left: 1.9rem;
    }
    .home_nodetxt ul li {
        padding-left: 0rem;
        line-height:1.1em;
        margin-bottom:0.6rem;
    }

    /*------------team----------*/
    .team_head .home_txt_box{
        width:31rem;
    }
    .team_node {
        padding: 4rem 5%;
        height: auto;
    }
    .team_txt h1 {
        font-size: 1.5rem;
        /* padding: 0.5rem 0 0.5rem 1rem; */
    }
    .team_txt {
        position: relative;
        width: 100%;
        margin:auto;
        margin-top:1rem;
    }
    .team_dan .team_txt ,.team_shuang .team_txt {
        left: auto;
        right:auto;
        top:auto;
    }
    .team_txt ul{
        margin-left:2rem;
    }
    .services_head,.job_head,.rz_head{
        height:20rem;
    }
    
    .job_content {
        padding: 3rem 5%;
    }
    .job_content h1 {
        font-size: 1.5rem;
    }
    .job_content p {
        font-size: 1.3rem;
        line-height: 1.2em;
    }
    .job_content ul li {
        font-size: 1.3rem;
        padding-left: 0;
        line-height: 1.15em;
        margin-bottom:0;
    }

    .mo_menu_box .mo_fz{
        border-top:0.1rem solid #000;
        margin-left:2.5rem;
        padding-top:1.4rem;
        line-height: 1em;
    }

    .subpage_head{
        background-position: center;
    }
    .home_txt_box{
        top:2rem;
    }
    .clients_head{
        background-size: cover;
    }
    .item{
        width:100%;
    }
    /*------home_topimg---------*/
    #home_carousel .carousel-item {
        height: 20rem;
        background-position: 50%;
    }
    #home_carousel .carousel-indicators {
        display: block;
        width:100%;
        text-align: center;
        left: auto;
  
        bottom:3rem;
    }
    #home_carousel .carousel-indicators li{
        width:0.8rem;
        height:0.8rem;
        opacity: 1;
    }
    #home_carousel .carousel-indicators .active{
        width:1rem;
        height:1rem;
    }

    /* ----191028----- */
    .services_subpage{
        height:26rem;
    }
    .services_subpage .home_txt_box{
        top:9rem;
    }
    .servicechild_box{
        padding:4rem 5%;
    }
    .servicechild_box h1{
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    .services_content .home_nodetxt p{
        font-size: 1.4rem;
    }
    .servicechild_box p,.servicechild_box ul,.team_txt ul,.home_nodetxt ul{
        font-size: 1.4rem;
    }
    

    .mo_service_box{
        position: fixed;
        top:6.2rem;
        right:52%;
        text-align: right;
        background-color: rgba(255,255,255,0.6);
        z-index: 9000;
    }
    .mo_service_box ul li{
        display: block;
        font-size: 1.5rem;
        margin: 1rem 0;
        padding:0 2rem 0 0;
        color:#000;                 
    }

    .about_pagebox{
        padding: 3rem 5%;
        flex-wrap: wrap;
    }
    .about_js{
       /* width:100%;*/
    }
    .about_content_img{
      /*  width:100%;*/
    }
  
    .about_content_img img{


        margin-bottom: 1rem;
    }

    .about_js h1{
        font-size: 1.6rem;
        /* padding:0.5rem 0 0.5rem 1rem; */
    }
    .about_js p{
        font-size: 1.4rem;
        padding:0;
    }

    .home_nodetxt h2 img {
        width: 1.4rem;
        margin-left: 0.3rem;
    }
    .mokuai{
        background-position: 100% 100%;
    }
    
    #ggl{
        width: 83%;
        height: 3.6rem;
        top: 10rem;
        left: 12%;
    }
    .ggl_imgbox {
        position: absolute;
        top: 10rem;
        left: 5%;
        width: 7%;
        height: 3.6rem;
    }
    .ggl_imgbox img {
        position: relative;
        height: 2rem;
        top: 0.8rem;
    }
    #ggl ul li{
        font-size: 1.5rem;

	    font-family:"Arial","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu","黑体",sans-serif; 
    }

    /* 新闻页面 */
    .news_listbox{
        width:90%;
        margin:auto;
        min-height: 70rem;
    }
    .news_nav{
        flex-wrap: wrap-reverse;
        height:auto;
        margin: 2rem auto 2rem;
    }
    .nav_search{
        width:50%;
        margin:auto;
        height:3rem;
        margin-bottom:1rem;
    }
    .zdy_select{
        width:50%;
        height:3rem;
        line-height: 3rem;
    }
    .zdy_select ul{
        width:90%;
        border:0.1rem solid #aaa;
    }

    .news_item{
        height:10rem;
        padding-bottom:1.5rem;
        margin: 1.5rem auto;
        border-bottom:0.05rem solid #aaa;
    }
    .news_text h2{
        font-size: 1.5rem;
        margin-bottom:0.1rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 1.1em;
        margin-bottom: 0.5rem;
    }
    .news_text p{
        font-size: 1.1rem;
        line-height: 1.2em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .news_img{
        width:28%;
    }
    .news_content{
        width: 90%;
    }

    .news_content {
        padding: 5rem 0 5rem 0;
    }
    .news_head{
        height:20rem;
    }
    .news_head .home_txt_box{
       /* top:9rem;*/
    }
    /* ---1206修--- */
    .service_page_subservice_box{
        width:90%;
        margin: 0rem auto 5rem;
    }
    .subservice_box{
        width:30%;
        margin-top:4rem;
    }
    .subservice_box p{
        color: #333;
    }
    .mo_menu_box p,.mo_service_box ul li{
        text-transform : uppercase;
        font-size: 1.4rem;
    }
    p.mo_fz,p.mo_two{
        font-size: 1.6rem;
    }
    .mo_menu_box,.mo_service_box{
        background-color: rgba(255,255,255,1);
    }

    /* 1216 */
    .about_moimg{
        display: block;
        width:100%;
        margin-bottom:1rem;
    }
    .about_content_img{
       /* display: none;*/
    }
    .M-box1{
        top:80%;
        width:auto;
    }

    .M-box a:hover, .M-box1 a:hover, .M-box2 a:hover, .M-box3 a:hover, .M-box4 a:hover{
        background: #fff;
        color:#bdbdbd;
    }
    .M-box .active, .M-box1 .active, .M-box2 .active, .M-box3 .active, .M-box4 .active {
        width: 2.8rem;
        height: 2.8rem;
        line-height: 2.8rem;
    }
    .M-box a, .M-box1 a, .M-box2 a, .M-box3 a, .M-box4 a {
        width: 2.8rem;
        height: 2.8rem;
        line-height: 2.8rem;
    }


    .more_top{
        width: 3.8rem;
        height: 3.5rem;
        transform: translate(-50%, -100%);
        background-color: rgba(0, 0, 0, 0.5);
    }
    .more_top img {
        top: 0.5rem;
    }
    .black_news {
        top: 1.8rem;
        left: 5%;
        font-size: 1.7rem;
    }

    .mo_service_box ul li:first-child a{
        border-bottom:0.1rem solid #000;
    }
    #mo_s_mulu p{
        position: relative;
    }
    #mo_s_mulu img{
        position: relative;
        height: 1.6rem;
        top: -0.1rem;
        display: none;
    }
    .news_item span{
        display: none;
    }
    .news_text span.pc_hide_date{
        display: inline-block;
    } 
    .news_text{
        width:70%;
    }

    .foot_iofo {
        margin-top:1rem;
    }
    .terms_box {
        bottom: 6rem;
        font-size: 1.2rem;
        padding: 0.4rem;
    }
    .news_text a:hover {
        border-bottom: 0;
    }
    .servicechild_box ul {
        margin-left: 1.6rem;
    }
    .servicechild_box ul li{
        padding-left:0.3rem;
    }
    .team_txt h1{
        padding-left:0;
    }
    .edit_content img, .edit_content p img {
        width: 100% !important;
    }
    
    /* 1225 */

    /* .introduction_box{
        width:90%;
        flex-wrap: wrap;
        margin-top:4rem;
    }
    .introduction_box div{
        width:100%;
        padding-left:0;
        height:auto;
    }
    .introduction_title{
        font-size: 2rem;
    }
    .introduction_txt{
        font-size: 1.4rem;
    } */

    /* 20200121 */
    .service_page_subservice_box{
        padding:0;
    }
}


@media screen and (max-width: 376px){
    html{
        font-size: 9px;
    }
}

.show{
    display: block;
}