@font-face { font-family: CenturyGothic; src: url(../css/fonts/CenturyGothic.TTF); }

* { font-family: CenturyGothic; padding: 0px; margin: 0px; text-decoration: none; list-style: none; border: none; letter-spacing: 0.0625em; color: rgb(74, 74, 74); }
#loadingDiv{
	
	position:fixed;left:0;width:100%;height:100%;top:0;background:rgb(80, 227, 194);opacity:1;filter:alpha(opacity=80);z-index:1000000000;
	}
#loadcententbox{
	width: auto; height: auto; line-height: 57px; padding-left: 50px; padding-right: 50px;  font-size:16px;color: #fff; text-align:center; margin-top: 20%;
	
	}
#mobile_nav_box{
	display: none;
}
#top_contact_info{
	color:#fff;
}
/*********覆盖图层样式***********/
#fugai{position:fixed; background-color: rgb(80, 227, 194); width:100%; height:100%; float:left; z-index:9999999999; display:none;}
#fugai_title{width:250px; height:auto; line-height:25px; margin:0 auto; color:#fff; margin-top:25%; font-size:20px;}

/********************/
.position { position: fixed; opacity: 0.8; padding-bottom: 10px; top: 0px; background-image: initial; background-attachment: initial; background-color: rgb(80, 227, 194); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

#nav_box { width: 100%; height: 734px; float: left; background-image:url(../bg_images/UMSBG.png); background-size: 100% 100%; background-repeat: no-repeat;}
input:focus {
   outline:none;
}
textarea:focus{
	  outline:none;
	}
#nav_bg2 { width: 100%; height: 45.875em; background-size: 100% 100%; background-repeat: no-repeat;}

#nav_top_box { width: 100%; height: 80px;}

.nav_list_li{
	border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 1px;
}
#nav_top_bg { width: 100%; height: 60px; margin-bottom: 3%; z-index: 9999999; padding-top: 10px; background-image: url(../bg_images/Rectangle.png); background-size: 100% 100%; }

#nav_link_box { width: 1240px; height: 60px; margin: 0px auto; padding:0 20px;}

#ums_logo { width: 306px; height: 60px; float: left; text-align: right; }

#ums_logo img { margin: 13px 0px 0px 0px; }

#nav_list { width: 900px; height: 82px; float: right; }

#nav_list li { width: 148px; height: 60px; float: left; line-height: 60px; color: rgb(230, 230, 230); text-align: center; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 1px; }

.flip a span { color: rgb(255, 255, 255); }

.ul_li_border { border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; }

#nav_list li a { color: rgb(255, 255, 255); font-size: 1em; }

#ums_about { width: 64.3%;  height: auto;  float:left; z-index:999;  text-align:right; }

.ums_span {
	width: 100%;
    font-size: 3.125em;
    float: left;
    color: rgb(255, 255, 255);
    text-align: right;
    margin-bottom:1%;
	}

.ums_p {font-size:1em; line-height: 1.5em; width:60%; margin: 0px auto 0px; color: #fff; float:right; }

#ums_cn { width: 100%; height: 32px; float:left; margin-bottom:10px; }


#umc_ico { width: 100%; height: 36px; float:left; margin-bottom:10px; }

#umc_ico ul { width: 240px; height: 36px; margin:0 auto; margin-top: 6px;}

#umc_ico ul li { width: 30px; height: 30px; float: left; margin-left: 10px; cursor: pointer; }

#umc_ico ul li:hover { transform: scale(1.3); transition: all 0.5s ease; }

#umc_ico ul li img { width: 25px; height: 25px; }

.ums_cn_button { width: 120px; height: 30px; margin:0 auto; background-image:url(../img/navlink.fw.png); background-size:100% 100%; cursor: pointer;  }
.ums_cn_button:hover{background-image:url(../img/navlink2.fw.png);}
.ums_cn_button p { color: rgb(109, 215, 173); }
.ums_cn_button p a{ color: rgb(109, 215, 173); }
.ums_cn_button p:hover{color:#fff;}
#ums_info { width: 100%; height: 30px; margin: 0px auto; text-align: center; color: rgb(255, 255, 255); font-size: 0.75em; line-height: 30px; float:left; }

#ums_info p {font-size: 14px; color: rgb(255, 255, 255); }

#service_box {
	width: 67.3%;
    height: auto;
    float: left;
    padding:0 16.36%;
}

#info_box { width: 100%; height: 394px; float: left; }

#info_content { width: 100%; height: 394px; float:left;}

#info_centent_info { width: 100%; height: 394px; float: left; background-image: url(../bg_images/index_service_bg.png); z-index:-1}

#info_centent_info_left { width: 100%; height: 300px; text-align: center; float: left; color: rgb(75, 75, 75); }
#info_centent_info_left2 { width: 100%; height: 300px; text-align: center; float: left; color: rgb(75, 75, 75); display:none; }


#info_centent_info_left_back {
    height: 48px;
    margin: 0px auto;
    float: left;
    width: 100%;
    text-align: center;
    cursor: pointer;
} 

.info_centent_info_left_p { font-size: 2.5em; font-weight: bold; color: rgb(75, 75, 75); margin-top: 80px; }

.info_centent_info_left_centent { width: 90%; height: auto; line-height: 25px; margin: 20px auto 0px; }

#info_centent_info_right { width: 30%; height: 394px; float: right; }

#info_centent_info_right_ico { width: 60%; height: 241px; margin: 12% 22%; cursor: pointer; }

#info_centent_info_right_ico img { width: 100%; height: 80%; }

#info_content_left { width: 33.33%;  height: 394px; float: left; background-image:url(../bg_images/serverimg/Group7.png); background-size: 100% 100%; }/*min-width:580px;  min-height:394px;*/

#info_content_left_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 12.5%; margin-left: 22%; cursor: pointer; background-image: url(../bg_images/serverimg/Group2.fw.png); background-size: 100% 100%; }



#info_content_left_map img { width: 100%; height: 100%; display: none; }
#info_content_left_map2 img { width: 100%; height: 100%; display: none; }
#info_content_centre { width: 33.33%;  height: 394px; float: left; cursor: pointer; background-image: url(../bg_images/serverimg/Group14.png); background-size: 100% 100%; }/*min-width:580px;*/

#info_content_centre_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 12.5%; margin-left: 21.6%; cursor: pointer; background-image: url(../bg_images/serverimg/Group4.fw.png); background-size: 100% 100%; }



#info_content_centre_map img { width: 100%; height: 100%; display: none; }

#info_content_right { width: 33.33%;  height: 394px; float: left; cursor: pointer; background-image:url(../bg_images/serverimg/DT.jpg); background-size: 100% 100%; }/*min-width:580px;*/
#info_content_right_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 12.5%; margin-left: 22%; background-image: url(../bg_images/serverimg/Group6.fw.png); background-size: 100% 100%; }


#info_content_right_map img { width: 100%; height: 100%; display: none; }

#info_centent_mapbox { width: 100%; height: 100%; float: left; overflow: hidden; }
#info_centent_mapbox2 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}
#info_centent_mapbox img{width:100%; height:auto;}
#info_centent_mapbotton { width: 750px; height: 55px; float: right; position: relative; top: -80px; display:none}

#info_centent_mapbotton ul { width: 87%; height: 40px; float: left; margin-top: 30px; padding-left: 13%; }

#info_centent_mapbotton img { width: 30px; height: 28px; cursor: pointer; position: absolute; top: -300px; right: 20px; }

#info_centent_mapbotton span:hover { transform: scale(1.1); transition: all 0.5s ease; }

#info_centent_mapbotton ul li { width: 120px; height: 40px; float: left; line-height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; margin-left: 40px; cursor: pointer; background-image: url(../images/Rectangle%2023.png); background-size: 100% 100%; }

#info_centent_mapbotton2 { width: 750px; height: 55px; float: right; position: relative; top: -80px; display:none}
#info_centent_mapbotton2 ul { width: auto; height: 40px; float: left; margin-top: 30px; margin-left: 250px; }

#info_centent_mapbotton2 img { width: 30px; height: 28px; cursor: pointer; position: absolute; top: -300px; right: 20px; }

#info_centent_mapbotton2 span:hover { transform: scale(1.1); transition: all 0.5s ease; }

#info_centent_mapbotton2 ul li { width: 120px; height: 40px; float: left; line-height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; margin-left: 40px; cursor: pointer; background-image: url(../images/Rectangle%2023.png); background-size: 100% 100%; }


#about_box { width:100%;  height: auto; min-height:42em;float: left; background-image: url(../bg_images/image-bg.png); background-size: 100% 100%; background-repeat: no-repeat;display: none}

#about_content_box { width: 67.3%;  height: 750px; margin: 0px auto;}

#about_centent_info { width: 1200px; height: auto; margin-left: 40px; float: left; }

#about_info_top { width: auto; max-width:1280px; height: 150px; float: left; }

#about_info_top img { float: left; width:150px; height:auto }

#about_info_user { width: 960px; height: 120px; float: right; padding-top: 0px; padding-left: 30px; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; }

#about_info_user ul { width: 300px; height: 120px; float: left; }

#about_info_user ul li { width: 450px; height: 30px; float: left; font-size: 20px; line-height: 30px; color: rgb(255, 255, 255); font-weight: bold; }

#about_info_centent { width: 990px; height: 390px; float: left; margin-left:150px; line-height: 20px; color: rgb(255, 255, 255); font-size: 14px; text-align: justify; }

#about_info_centent p { color: rgb(255, 255, 255); margin-bottom:10px; }

#about_info_ico { width: 400px; height: 30px; float: left; margin-top: 62px; }

#about_info_ico ul { width: 400px; height: 30px; float: left; }

#about_info_ico ul li { width: 28px; height: 28px; float: left; margin-left: 5px; }

.about_info_ico1 { background-image: url(../images/link1.fw.png); background-attachment: initial; background-color: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

.about_info_ico1:hover { background-image: url(../images/link1.png); background-attachment: initial; background-color: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

.about_info_ico2 { background-image: url(../images/link3.fw.png); background-attachment: initial; background-color: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

.about_info_ico2:hover { background-image: url(..//images/link3.png); background-attachment: initial; background-color: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

#about_info_back { width: 120px; height: 30px; float: right; line-height: 30px; text-align: center; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); cursor: pointer; margin-top: 60px; border-radius: 8px;background-color: rgb(80, 227, 194);}
#about_info_back:hover{
	background-color:#9183C7;
	color:#fff;
	}
.about_title { width: 100%; height: 91px; text-align: center; float: left; line-height: 91px; color: rgb(255, 255, 255); font-size: 40px; font-weight: bold; margin-top: 5.5%; }
#about_title_back{
	width: 120px;
    height: 30px;
    float: left;
    line-height: 30px;
    text-align: center;
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    cursor: pointer;
	margin-bottom: 60px;
    border-radius: 8px;
    background-color: rgb(80, 227, 194);	
	}
#about_title_back:hover{
	background-color:#9183C7;
	color:#fff;
	}

#about_user_boxdiv { width: 100%; height: auto; float: left; }
/*****************团队信息更新******************/
#team_user_list_box{
	width:100%;
	height: auto;
	float:left;
}
/***********************************************/
#about_user_box { width: 100%; height: auto; float: left; margin-top: 0px;}

#about_user_ul { width:900px; height:840px; margin:0 auto; margin-top:50px;margin-bottom: 50px; }
#about_user_ul li { width: 280px; height: 280px; float: left; margin:0 10px; cursor: pointer; text-align: center; }

#about_user_ul li img { width: 170px; height: 170px;}

#about_user_ul li img:hover { transform: scale(1.1); transition: all 0.5s ease; }

#about_user_ul li p { color: rgb(255, 255, 255); text-align: center; }

.about_user_name { font-size: 1em; margin-top: 10%; }

.about_user_job { font-size: 1em; margin-top: 3%; }

#about_user_box2 { width: 100%; height: auto; float: left; margin-top: 0px;}

#about_user_ul2 { width: 760px; height: 280px; margin: 0px auto;  }

#about_user_ul2 li { width: 190px; height: 280px; float: left;  cursor: pointer; }

#about_user_ul2 li img { width: 150px; height: auto; margin-left: 20px; }

#about_user_ul2 li img:hover { transform: scale(1.1); transition: all 0.5s ease; }

#about_user_ul2 li p { color: rgb(255, 255, 255); text-align: center; }

#nav_img { width: 100%;  height: 134px; float: left; line-height: 170px; font-size: 2.5em; font-weight: bold; text-align: center; color:rgb(80, 227, 194)}

#video_centent { width: 100%; height: 100%; position: fixed; top: 0px; z-index: 9999999; background-image: url(..//bg_images/video_bg.png); background-attachment: initial; background-color: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

#video_centent_info { width: 1024px; height: 500px; margin: 5% auto 0px; }
#read_more{
	
	width:200px; height:55px; color:rgba(18,17,17,1.00); line-height:55px; text-align:center; float:left;margin-top:147.5px; margin-left:55px; font-size:24px; font-weight:bold;
	}

#case_title{
	width:100%;
	height:156px;
	float:left;
	background:#fff;
	line-height:156px;
	text-align:center;
	}
#case_title p{
	font-size: 2.5em;
    font-weight: bold;
    color: rgb(80, 227, 194);
	}
	
#video_centent_info img{width:100%; height:100%;}
#video_centent_button { width: 20px; height: 21px; position: absolute; top: 10%; right: 5%; cursor: pointer; z-index:9999;}

#video_info { width: 70%; height: 60%; margin-left: 15%; margin-top: 10%; }

#video_box { width: 100%;  height: 600px;  float: left; background-color:#50E3C2; }/**height: auto;*/

#video_list { width: 100%; height: 600px; float: left; } 

#video_list li { width: 25%; height: 50%; float: left; cursor: pointer; color: rgb(255, 255, 255); font-size: 1em; text-align: center;}
#video_list li p{font-size:1.2em; color:#fff; margin-top:80px; width:100%; height:48px;}
#video_list li span{ display:none}
#video_list li span{ opacity:0.8;}
#video_list li img{width:100%; height:100%;}
.video_button{width:64px; height:46px; margin:0 auto; background-image:url(../images/video/video.png); background-size:100% 100%; margin-top:50px;}
.video_button:hover{background-image:url(../images/video/video_hover.png); background-size:100% 100%;}

.video_button:hover{background-image:url(../images/video/video_hover.png); background-size:100% 100%;}

.video_li_bg1{background-image:url(../images/video/K112.jpg); background-size:100% 100%;}

.video_li_bg2{background-image:url(../images/video/PWC2.jpg); background-size:100% 100%;}

.video_li_bg3{background-image:url(../images/video/IBM2.jpg); background-size:100% 100%;}

.video_li_bg4{background-image:url(../images/video/NZTE2.jpg); background-size:100% 100%;}

.video_li_bg5{background-image:url(../images/video/nanche2.jpg); background-size:100% 100%;}

.video_li_bg6{background-image:url(../images/video/jiaxin2.jpg); background-size:100% 100%;}

.video_li_bg7{background-image:url(../images/video/mogujie2.jpg); background-size:100% 100%;}

.video_li_bg8{background-image:url(../images/video/Zgongguan2.jpg); background-size:100% 100%;}

/****
.video_li_bg1{background-image:url(../images/Icon/K11.png); background-size:100% 100%;}
.video_li_bg2{background-image:url(../images/Icon/ums2.png); background-size:100% 100%;}
.video_li_bg3{background-image:url(../images/Icon/ums3.png); background-size:100% 100%;}
.video_li_bg4{background-image:url(../images/Icon/ums5.png); background-size:100% 100%;}
.video_li_bg5{background-image:url(../images/Icon/ums4.png); background-size:100% 100%;}
.video_li_bg6{background-image:url(../images/Icon/ums6.png); background-size:100% 100%;}
.video_li_bg7{background-image:url(../images/Icon/ums8.png); background-size:100% 100%;}
.video_li_bg8{background-image:url(../images/Icon/1ums6.png); background-size:100% 100%;}
***/
/*****************热文样式********************/
#weixin{
	width:100%;
	height:400px;
	float:left;
	}
#weixin_title{
	width:100%;
	height:130px;
	float:left;
	font-size:1.875em;
	line-height:145px;
	text-align:center;
	}
#weixin_centent{
	width:100%;
	height:auto;
	float:left;
	}
.weixin_footer{
	width:98%;
	height:150px;
	float:left;
	margin-left:1%;
	background:#fff;
	}
.weixin_img{
	width:98%;
    height: 230px;
    float: left;
	margin-left:1%;
    margin-top: 8px;
	}
.weixin_img img{
	width:100%;
	height:100%;
	}
.weixin_title{
	width:95%;
	height:84px;
	float:left;
	margin-left:5%;
	font-size:12px;
	line-height:20px;
	text-align:left;
	margin-top:20px;
	overflow:hidden;
	}
.weixin_info{
	width:90%;
	height:25px;
	float:left;
	text-align:right;
	margin-top:10px;
	margin-left:5%;
	}
.weixin_info img{
	width:25px;
	height:auto;
	
	}
.weixin_info span{
	font-size: 0.75em;
    margin-left: 20px;
    float: right;
    line-height: 25px;
	}
.swiper-container {
	width: 100%;
	height: 391.5px;
	margin: 1px auto;
    }
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}
.append-buttons {
	text-align: center;
	margin-top: 20px;
}
.append-buttons a {
	display: inline-block;
	border: 1px solid #007aff;
	color: #007aff;
	text-decoration: none;
	padding: 4px 10px;
	border-radius: 4px;
	margin: 0 10px;
	font-size: 13px;
}
#weixin_block{
	width:48px; height:48px;margin-top:30px; text-align:center; float:left; margin-left:130px; cursor:pointer; 
	}
#weixin_block img{
	width:100%;
	height:100%;
	}
#read_more_box{
	width:98%; height:382px; float:left;  margin-top:5px; margin-left:1%
	}
#read_more_box:hover{
	background-image:url(../img/bg.png);
	color:#fff;
	}
/***********微信文章新效果*******************/
.weixin_list_box{
	width:100%; height:100%; float:left; background-size:100% 100%;
}
.weixin_list_title{
	width:90%; height:auto; float:left; margin-top:35%; color:#fff; margin-left:5%; opacity:1;
	}
.weixin_list_box_bg1{
	background-image:url("../images/newimg/201911081.png");
	}
.weixin_list_box_bg2{
	background-image:url("../images/newimg/201911085.png");
	}
.weixin_list_box_bg3{
	background-image:url("../images/newimg/201911084.png");
	}
.weixin_list_box_bg4{
	background-image:url(../images/newimg/2019090905.png);
	}
.weixin_list_box_bg5{
	background-image:url(../images/newimg/201909126.png);
	}
.weixin_list_box_bg6{
	background-image:url(../img/weixin/w4.jpg);
	}
.weixin_list_box_bg7{
	background-image:url(../img/weixin/uu2.png);
	}
.weixin_list_box_bg8{
	background-image:url(../images/newimg/2019090904.png);
	}
.weixin_list_box_bg9{
	background-image:url("../images/newimg/201911082.png");
	}
.weixin_list_box_bg10{
	background-image:url(../images/newimg/app.jpg);
	}
.weixin_list_box_bg11{
	background-image:url("../images/newimg/201911083.png");
	}
.weixin_list_centent_box{
	width:100%;
	height:100%;
	float:left;
	background-size:100% 100%;
	opacity:0.8;
	background:#36281D;
	}


/****************新增效果************************/
#news_box{
	width:100%;
	height:600px;
	float:left;
	}
#news_box1{
	width:100%;
	height:600px;
	float:left;
	}
.news_title{
	width: 100%;
    height: 150px;
    float: left;
    line-height: 160px;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
	}
.news_centent{
	width:100%;
	height:600px;
	float:left;
	}
#news_box1_ul{
	width:100%;
	height:100%;
	float:left;
	}
#news_box1_ul li{
	width:50%;
	height:50%;
	float:left;
	cursor:pointer;
	}
.news_box1_li_bg1{
	background-image:url(../images/wxcase/9.png);
	background-size:100% 100%;
	}
.news_box1_li_bg2{
	background-image:url(../images/wxcase/1.png);
	background-size:100% 100%;
	}
.news_box1_li_bg3{
	background-image:url(../images/wxcase/2.png);
	background-size:100% 100%;
	}
.news_box1_li_bg6{
	background-image:url(../images/wxcase/10.png);
	background-size:100% 100%;
	}
#news_box2{
	width:100%;
	height:600px;
	float:left;
	}
#news_box2_ul{
	width:100%;
	height:100%;
	float:left;
	}
#news_box2_ul li{
	width:50%;
	height:50%;
	float:left;
	background:#FFFFFF;
	}
.news_box2_div_left{
	width:30%;
	height:100%;
	float:left;
	text-align:center;
	}
.news_box2_div_left a img{
	width:80%;
	height:auto;
	}
.news_box2_div_left a{
	width: 100%;
   height: auto;
   float: left;
	}
.news_box2_div_right{
	width:70%;
	height:100%;
	float:left;
	}
#news_box2_div_img1{
	background-image:url(../images/H5case/5.png);
	background-size:100% 100%;
	}
#news_box2_div_img2{
	background-image:url(../images/H5case/8.png);
	background-size:100% 100%;
	}
#news_box2_div_img3{
	background-image:url(../images/H5case/6.png);
	background-size:100% 100%;
	}
#news_box2_div_img4{
	background-image:url(../images/H5case/7.png);
	background-size:100% 100%;
	}
#news_box3{
	width:100%;
	height:800px;
	float:left;
	}
.news_box1_li_title{
	width:100%;
	height:100%;
	float:left;
	background-image:url(../img/bg.png);
	text-align:center;
	display:none;
	}
.news_box1_li_title p{
	font-size:1.4em;
	color:#fff;
	height:auto;
	float:left;
	margin-top:15%;
	width:100%;
	text-align:center;
	font-weight:bold;
	display:block;
	}
/**********************************/
.video_li_color{
	width:100%; height:100%; float:left; display:none;
	}
.video_li_color p{
	color:#fff; line-height:100%; font-size:1.2em; margin-top:28%; width:100%; height:auot; float:left;
	}
.video_li_color2{
	width:100%; height:100%; float:left; display:none;
	}
.video_li_color2 p{
	color:#fff; line-height:100%; font-size:1.2em; margin-top:28%
	}
.video_li_bgcolor1{background: #82614E; opacity:0.8;}
.video_li_bgcolor2{background: #54554D; opacity:0.8;}
.video_li_bgcolor3{background: #000000; opacity:0.8;}
.video_li_bgcolor4{background: #000000; opacity:0.8;}
.video_li_bgcolor5{background: #000000; opacity:0.8;}
.video_li_bgcolor6{background: #0078C1; opacity:0.8;}
.video_li_bgcolor7{background: #FF0078; opacity:0.8;}
.video_li_bgcolor8{background: #FD5816; opacity:0.8;}



#job_img { width: 100%;  height: 90px; float: left; text-align: center; padding-top: 60px; background-image: initial; background-attachment: initial; background-color: rgb(244, 243, 248); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;font-size: 2.5em; font-weight: bold; color:rgb(80, 227, 194)}

#job_img img { width: 180px; height: auto; }

#job_bg { width: 100%; height: auto; float: left; z-index: 99999; background-image: initial; background-attachment: initial; background-color: rgb(244, 243, 248); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

#job_box { width: 75%; height: 650px;  margin:0 auto; z-index: 99999; position: relative;}

#job_info { width: 75%; height: 700px; margin: 0px auto; z-index: 9999; position: relative; }

#job_info_title { width: 27.9%; height: 600px; min-width: 270px; float: left; padding-left: 2%; line-height: 35px; }

.job_info_button { width: 30px; height: 28px; float: left; margin-top: 30%; cursor: pointer; border-radius: 8px; -webkit-appearance: none; background-image: url(../bg_images/Group444.png); }

#job_info_title ul { width: 100%; height: auto; max-height: 250px; float: left; font-size: 14px; margin-top: 20px; line-height: 30px; }

.job_info_centent_title { font-size: 0.875em; line-height: 25px; }

.job_info_centent_footr { font-size: 1em; font-weight: bold; line-height: 25px; margin-top: 20px; float: left; }

#job_info_centent { width: 65%; height: 650px; float: right; padding: 0px 0%; overflow: auto; }

#job_info_centent ul { width: 100%; font-size: 0.875em; height: auto; float: left; }

#job_info_centent ul li { line-height: 25px; font-size: 0.875em; }

#job_box ul { width: 100%; height: auto;  float:left; opacity:1;}

#job_box ul li { width: 24%; min-width:200px; height: auto; float: left; margin-right: 0.1%; text-align: center; border: 2px solid rgb(239, 238, 244); border-radius: 5px; cursor: pointer; z-index: 9999; background-image: initial; background-attachment: initial; background-color: rgb(253, 253, 255); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

.job_info_margin { margin-left: 14%; }

#job_box ul li:hover { transform: scale(1.08); border: 2px solid rgb(141, 130, 196); transition: all 1s ease; z-index: 9999; }
.swiper-slide:hover{ transform: scale(1.08); transition: all 1s ease; z-index: 9999; }
#job_box ul li img { width: 230px; height: auto; margin-top: 8%; }

.job_title { width: 100%; height: 3.125em; float: left; color: rgb(158, 159, 163); padding-top:1em; font-size: 0.875em; text-align: center; border-radius: 2px 2px 0px 0px; background-image: initial; background-attachment: initial; background-color: rgb(236, 239, 244); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

.job_centent { width: 80%; height: 150px; margin: 0px auto 1.875em; color: rgb(158, 159, 163); font-size: 0.75em; padding-top: 20px; line-height: 1.25em; text-align: left; overflow: hidden; text-overflow: ellipsis; z-index: 9999; }

.job_buottm { width: 11em; height: 3.125em; line-height: 3.125em; text-align: center; color: rgb(144, 134, 197); border: 2px solid rgb(144, 134, 197); border-radius: 25px; margin-top: 5%; cursor: pointer; margin-bottom: 15%; -webkit-appearance: none; z-index: 9999; background-image: initial; background-attachment: initial; background-color: rgb(253, 253, 255); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }
#job_info_click2:hover{
	color:#fff;
	background:#9086C5;
	}
#job_info_click3:hover{
	color:#fff;
	background:#9086C5;
	}
#contact_box { width: 100%;  height: 700px; float: left; position: relative; background-image: initial; background-attachment: initial; background-color: rgb(244, 243, 248); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

#contact_centent { width: 70%; height: 600px; margin: 50px auto 0px; }

#contact_centent_left { width: 50%; height: 580px; padding-top: 20px; line-height: 30px; color: rgb(96, 98, 93); float: left; text-align: left; }

#contact_centent_left_img { position: absolute; top: -300px; }

#contact_centent_left p { font-size: 0.875em; }

#contact_centent_right { width: 50%; height: 600px; float: left; }

.contact_centent_right_title { width: 80%; height: 80px; line-height: 80px; font-size: 1.75em; color: rgb(80, 227, 194); text-align: center; margin-left: 20%; }

.contact_centent_right_title span { width: 100px; height: 2px; float: left; position: absolute; margin-top: 78px; margin-left: -141px; background-color: rgb(80, 227, 194);  }

.contact_right_input { width: 76%; height: 50px; float: right; padding-right: 20px; border: 1px solid rgb(146, 224, 198); margin-top: 20px; line-height: 25px; color: rgb(153, 153, 153); padding-left: 4%; opacity:0.7;}

.contact_right_textarea { width: 76%; height: 190px; float: right; padding-top: 10px; padding-right: 20px; border: 1px solid rgb(146, 224, 198); margin-top: 20px; line-height: 25px; color: rgb(96, 98, 93); padding-left: 4%; opacity:0.7}

.contact_right_span { width: 50%; height: 30px; font-size: 0.6875em; line-height: 1.875em; color: rgb(96, 98, 93); float: right; margin-top: 3%; }

.contact_right_button { width: 20%; height: 50px; float: right; color: rgb(253, 253, 255); margin-top: 3%; margin-left: 9%; line-height: 50px; cursor: pointer; border-radius: 10px;  background-color: rgb(80, 227, 194); appearance: none;-moz-appearance: none;-webkit-appearance: none; }

#footer { width: 100%;  height: 50px; float: left; background-image: initial; background-attachment: initial; background-color: rgb(216, 216, 216); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

#footer_box { width: 90%; height: 50px; margin: 0px auto; line-height: 50px; color: rgb(96, 98, 93); font-size: 0.75em; }

.footer_ico { width: auto; height: 50px; float: right; margin-right: 200px}

.footer_ico img { width: 25px; height: 25px; margin: 12.5px 10px; cursor: pointer;}

.footer_ico img:hover { transform: scale(1.3); transition: all 0.5s ease; }

#portfolio_box { width: 100%;  height:550px; float: left; }

#portfolio_centent_box { width:1280px;  height: 100%; margin: 0px auto; text-align: center; }/**67.8%;**/

#portfolio_centent_boxlist span { width: 15px; height: 15px; float: left; margin: 0px 3px; border-radius: 50%; opacity: 0.8; cursor: pointer; background-image: initial; background-attachment: initial; background-color: rgb(159, 159, 159); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

#portfolio_centent_boxlist span:hover { opacity: 0.8; background-image: initial; background-attachment: initial; background-color: rgb(80, 227, 194); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

.portfolio_centent_box_ul { width:100%; height: auto; float: left;}/***height: 88%;***/

#portfolio_centent_boxlist { width: 424px; height: 25px; float: left; position: relative; top: -30px; padding-left: 48.9%; }

.portfolio_centent_box_ul li { width: 20%; height: 40%; float: left; margin-bottom: 20px; cursor: pointer; }

.portfolio_centent_box_ul li:hover { transform: scale(1.2); transition: all 1.5s ease; }

#logo_click1_box li img { width: 70%; height: auto; float: left; margin: 25% 0 0 20%; }

#logo_click2_box li img { width: 60%; height: auto; float: left; margin: 25% 0 0 20%; }

#new_service_box { width: 100%; height: auto; float:left;  margin: 0px auto 0px; }

.new_service_centent_box1 { width: 33.3333%;  height: 300px; float: left; text-align: center;  }/*width: 390px;min-width:300px;*/

.new_service_centent_box1 p { color: rgb(37, 36, 36); font-size: 16px; line-height: 30px; margin-top: 20px; font-weight: bold; text-align: center; }

.new_service_ico { width: 120px; height: 120px; margin: 66px auto 0px; border: 3px solid rgb(80, 227, 194); border-radius: 50%; cursor: pointer; }

.new_service_icoimg { width: 120px; height: 120px; }

.new_service_icobg { width: 120px; height: 120px; top: -120px; position: relative; transform: scale(0, 0); background-image: url(../images/Icon/Group%2024.png); background-size: 100% 100%; }

.new_service_ico:hover { width: 120px; height: 120px; transition: all 1s ease-in-out; transform: rotate(360deg); }

#new_service_centent_box { width: 100%; height: auto; min-height:850px; margin-bottom:30px; }

#new_service_centent_left { width: 60%; height: 700px; float: left; }

#new_service_centent_left_info { width: 90%; height: auto; min-height: 300px; float: left; margin-left: 10%; margin-bottom: 5%; }

.new_service_info_title { width: 100%; font-size: 35px; font-weight: bold; margin-top: 100px; float: left; text-align: left; }

.new_service_info_centent { width: 100%; font-size: 0.875em; height:260px; line-height: 25px; margin-top: 30px; float: left; text-align: left; }

.new_service_info_back { width: 90%; height: 48px; float: left; margin-left: 10%; }

.new_service_info_back img { cursor: pointer; }

#new_service_centent_left_list { width: 90%; height:auto; min-height: 200px; float: left; margin-top: 30px; margin-left: 10%; margin-bottom: 20%; }

.new_service_centent_left_list_title { color: rgb(105, 198, 180); }

.new_service_centent_left_list_title2 { color: rgb(74, 74, 74); }

#new_service_centent_left_list ul { width: 100%; height: 290px; font-size: 16px; float: left; }

#new_service_centent_left_list ul li { width: 40%; float: left; height: 35px; margin-top: 20px; margin-right: 20px; color: rgb(74, 74, 74); border: 1px solid rgb(146, 145, 145); text-align: center; cursor:pointer; }

#new_service_centent_left_list ul li:hover { border: 1px solid rgb(105, 198, 180); }

#new_service_centent_left_list ul li a { font-size: 0.75em; line-height: 35px; cursor: pointer; }

#new_service_centent_left_list ul li a:hover { color: rgb(105, 198, 180); }

#new_service_centent_right { width: 40%; height: 700px; float: left; }

#new_service_centent_right img { width: 100%; height: auto; }
#about_margin_top3{
	margin-top:0px;
	margin-left:100px;
	}
#new_service_marginleft{
	margin-left:16%;
	}
/****************在线联系***********************/
#mail_info{
	width:240px;
	height: 40px;
	background-image:url(../mail/mail_info.png);
	background-size: 100% 100%;
	position: fixed;
	right: 10px;
	bottom:10px;
	text-align: right;
	cursor: pointer;
}
#mail_info span{
	color:#fff;
	height: 40px;
	line-height: 40px;
	font-size: 1em;
	margin-right: 10px;
	
}
#mail_bg{
	width:350px;
	height: 410px;
	background-color:#9680C4 ;
	border-radius: 15px;
	position: fixed;
	right:10px;
	bottom:10px;
	z-index: 999999;
}
#mail_hide{
	width:100%;
	height: 39px;
	position: absolute;
	top:-15px;
	right:5px;
	text-align: right;
	cursor: pointer;
}
#mail_hide img{
	width:30px;
	height: auto;
}
#mail_info_box{
	width:87%;
	height: 370px;
	margin: 0 auto;
	margin-top:39px;
}
#mail_title{
	width:100%;
	height: 50px;
	font-size: 15px;
	line-height: 25px;
	color:#fff;
}
#mail_name{
	width:97%;
	height: 40px;
	margin-top:10px;
	background-image: url(../mail/border.png);
	background-size: 100% 100%;
	border: none;
	border-radius: 6px;
	padding-left:3%;
	line-height: 25px;
	color: #C7C7C7;
}
#mail_email{
	width:97%;
	height: 40px;
	margin-top:25px;
	background-image: url(../mail/border.png);
	background-size: 100% 100%;
	border: none;
	border-radius: 6px;
	padding-left:3%;
	line-height: 25px;
	color: #C7C7C7;
}
#mail_textarea{
	width:97%;
	height: 90px;
	margin-top:25px;
	border:none;
	border-radius: 5px;
	padding-left:3%;
	line-height: 25px;
	color: #C7C7C7;
	
}
#mail_button{
	width:100%;
	height: 51px;
	margin-top:30px;
	text-align: center;
	cursor: pointer;
}
#mail_button input{
	width: 150px;
	height: 28.44px;
	background: #fff;
	border-radius: 13px;
	color: #9680C4;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	border:none;
}
/***************信息完成*************************/
#mail_complete{
	width:350px;
	height:140px;
	background-color: #9680C4;
	border-radius: 18px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 999999;
}
#mail_complete_ico{
	width:40px;
	height: 140px;
	float:left;
	margin: 0 20px;
}
#mail_complete_ico img{
	width:40px;
	height: auto;
	margin-top:20px;
	
}
#mail_complete_info{
	width:250px;
	height:60px;
	float:left;
	text-align: left;
	color:#fff;
	margin-top: 25px;
	font-size: 14px;
	line-height: 25px;
	
}
#mail_complete_back{
	width:150px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #9680C4;
	background:#fff;
	border-radius: 15px;
	float: left;
	font-weight: bold;
	margin:10px 0 0 23px;
	text-align: center;
	cursor: pointer;
	
}


#mail_complete_hide{
	width:39px;
	height: 39px;
	position: absolute;
	top:-15px;
	right:5px;
	cursor: pointer;
	
	
}
#mail_complete_hide img{
	width: 30px;
	height: auto;
}
/******************手机联系我们**********************/
#min_mail_info{
	width:50px;
	height: 35px;
	background:#9680C4;
	border-radius: 5px;
	position: fixed;
	right: 10px;
	bottom:10px;
	text-align: center;
	cursor: pointer;
	display: none;
	z-index: 999999;
}
#min_mail_info img{
	widht:27px;
	height: 20px;
	margin: 0 auto;
	margin-top: 7.5px;
}
/******************服务点击案例样式***********************/
#service-case-bg{
		width:100%;
		height: 100%;
		float:left;
		position: fixed;
		background:#63BDAA;
		z-index: 9999999;
}
#service-case_shut{
	width: 100%;
	height: 49px;
	float: left;
	text-align: right;
	margin-top: 20px;
}
#service-case_shut img{
	width:25px;
	height: auto;
	margin-right: 20px;
	
}
#service-case-box{
	width: 90%;
	height: 85%;
	float:left;
	margin: 17% 5% 3% 5%;
	background-color:#fff;
	position:fixed;
	border-radius: 20px;
	
}
#service-case-title{
	width:78%;
	height:30px;
	margin-left:12.5%;
	float:left;
	text-align: left;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
}
#service-case-content-box{
	width:95%;
	height: 55%;
	margin:0 2.5% 0 2.5%;
	
	
}
#service-case-yybg{
	width: 100%;
	height: 16px;
	background: url(../img/server_tybg.png)
	
}
.service-case-bg{
	width:70%;
	margin: 0 12.5%;
	height: 14px;
	margin-top: 30px;
}
.service-migauto img{
	width:100%;
	height: auto;
}
.service-migauto2 img{
	width:40%;
	height: auto;
	
}
#service-case-info{
	width: 76%;
	margin:3% 14.5% 0 10.5%;
	height: 26%;
	padding:0 2%;
	font-size: 14px;
	text-align:left;
}
/****************新闻案例手机版样式********************/
#news_moblie_box{
	
}
/***************自适应样式***********************/
@media screen and (min-width: 1350px) and (max-width: 1450px) {
#nav_box {
    width: 100%;
    height: 839px;
    float: left;
    background-image:url(../bg_images/UMSBG.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#ums_about {
    width: 1240px;
    height: 410px;
    padding-right: 0px;
    margin: 0px auto;
    z-index: 999;
    text-align: right;
}

.ums_span {
    width: 100%;
    font-size: 3.125em;
    float: left;
    color: rgb(255, 255, 255);
    text-align: right;
    margin-top: 65px;
    margin-bottom: 1%;
}
#ums_cn { width: 100%; height: 30px; margin: 0% auto 0; float:left; margin-bottom:10px ;}
#info_content_centre_map {
    width: 80%;
    height: 70%;
    max-width: 340px;
    max-height: 241px;
    margin-top: 16%;
    margin-left: 14%;
    cursor: pointer;
    background-size: 100% 100%;
}
#info_content_right_map {
    width: 80%;
    height: 70%;
    max-width: 340px;
    max-height: 241px;
    margin-top: 16%;
    margin-left: 14.5%;
    background-size: 100% 100%;
}	
#info_content_left_map {
    width: 80%;
    height: 70%;
    max-width: 340px;
    max-height: 241px;
    margin-top: 16%;
    margin-left: 14%;
    cursor: pointer;
    background-size: 100% 100%;
}
#info_centent_info_left_ajax span {
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#info_centent_info_left_ajax p {
    margin: 0;
    text-align: left;
    font-size: 1em;
    float: left;
    line-height: 30px;
    margin-bottom: 20px;
    width: 100%;
    margin-left: 95px;
    text-indent: 2em;
}	
.news_box1_li_title p {
    font-size:26px;
    color: #fff;
    margin-top: 19%;
    font-weight: bold;
}
#service_box {
    width: 1280px;
    height: 890px;
    float: left;
    margin: 0px 80px;
	padding:0;
}
.new_service_centent_box1 {
    width: 33.333%;
    height: 419.5px;
    float: left;
    text-align: center;
}
.new_service_ico {
    width: 160px;
    height: 160px;
    margin: 105px auto 0px;
    border: 3px solid rgb(80, 227, 194);
    border-radius: 50%;
    cursor: pointer;
}
.new_service_ico:hover { width: 160px; height: 160px; transition: all 1s ease-in-out; transform: rotate(360deg); }
.new_service_icoimg {
    width: 160px;
    height: 160px;
}
.new_service_icobg { width: 160px; height: 160px; top: -160px; position: relative; transform: scale(0, 0); background-image: url(../images/Icon/Group%2024.png); background-size: 100% 100%; }
.new_service_icoimg img{
	width:100%;
	height:100%;
}
.video_li_color p {
    color: #fff;
    line-height: 100%;
    font-size: 1.2em;
    margin-top: 40%;
}
.video_li_color2 p {
    color: #fff;
    line-height: 100%;
    font-size: 1.2em;
    margin-top: 34.8%;
}
#read_more{
	width:200px; height:55px; color:rgba(18,17,17,1.00); line-height:55px; text-align:center; float:left;margin-top:147.5px; margin-left:80px; font-size:24px; font-weight:bold;
	}
#weixin_block {
    width: 48px;
    height: 48px;
    margin-top: 30px;
    float: left;
    margin-left: 150px;
    cursor: pointer;
}
#news_box2_div_img2{
	background-image:url(../img/82.png);
	background-size:100% 100%;
}
#about_centent_info {
    width: 100%;
    height: auto;
    margin-left: 0px;
    float: left;
}
#about_info_top {
    width: 100%;
    max-width: 1280px;
    height: 150px;
    float: left;
}
#about_info_user {
    width: 79%;
    height: 120px;
    float: right;
    padding-top: 0px;
    padding-left: 30px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#about_info_centent {
   	width: 83%;
    height: auto;
    float: left;
    margin-left: 160px;
    line-height: 20px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: justify;
}
#about_box {
    width: 100%;
    height: auto;
    min-height: 42em;
    float: left;
    background-image: url(../bg_images/image-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	
}
#about_user_box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 5px;
}
.news_box2_div_left a {
    width: 100%;
   height: auto;
   float: left;
}
#portfolio_box {
    width: 100%;
    height: 639px;
    float: left;
}
#portfolio_centent_box{
	width:100%;
	}
.portfolio_centent_box_ul li {
    width: 20%;
    height: 300px;
    float: left;
    margin-bottom: 20px;
    cursor: pointer;
}
#logo_click2_box li img {
    width: 60%;
    height: auto;
    float: left;
    margin: 33% 0 0 20%;
}
#nav_img {
    width: 100%;
    height: 200px;
    float: left;
    line-height: 290px;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
}
.about_title {
    width: 100%;
    height: 91px;
    text-align: center;
    float: left;
    line-height: 68px;
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: bold;
    margin-top: 8.7%;
    margin-bottom: 3px;
}

#about_user_ul2 {
    width: 760px;
    height: 280px;
    margin: 10px auto;
}
.weixin_list_box_bg1{
	background-image:url("../images/newimg/201911081.png");
	}
.weixin_list_box_bg2{
	background-image:url("../images/newimg/201911085.png");
	}
.weixin_list_box_bg3{
	background-image:url("../images/newimg/201911084.png");
	}
.weixin_list_box_bg4{
	background-image:url(../images/newimg/2019090905.png);
	}
.weixin_list_box_bg5{
	background-image:url(../images/newimg/201909126.png);
	}
.weixin_list_box_bg6{
	background-image:url(../images/newimg/w4.jpg);
	}
}
@media screen and (max-width: 1350px) {/*******屏幕尺寸大于1350px******/

#ums_cn { width: 100%; height: 30px;}
/*********新增样式2016.11.20******************/
#news_box2_ul li {
    width: 50%;
    height: 50%;
    float: left;
    background: #FFFFFF;
}
#video_box {
    width: 100%;
    height: auto;
    float: left;
}
#news_box {
    width: 100%;
    height: auto;
    float: left;
}
#news_box2 {
    width: 100%;
    height: auto;
    float: left;
}
#news_box1_ul {
    width: 100%;
    height: 600px;
    float: left;
}
#news_box2_ul {
    width: 100%;
    height: 600px;
    float: left;
}
.news_centent {
    width: 100%;
    height: auto;
    float: left;
}
#news_box1_ul li {
    width: 50%;
    height: 50%;
    float: left;
    cursor: pointer;
}
.news_box1_li_title p {
    font-size: 1.5em;
    color: #fff;
    margin-top: 16%;
    font-weight: bold;
}#news_box1 {
    width: 100%;
    height: auto;
    float: left;
}
.news_box2_div_left a {
    width: 100%;
   height: auto;
   float: left;
}
.news_box2_div_left {
    width: 30%;
    height: 99.8%;
    float: left;
    text-align: center;
	border-bottom: none
}

.news_box2_div_right {
    width: 70%;
    height: 100%;
    float: left;
}
.video_li_color p {
    color: #fff;
    line-height: 100%;
    font-size: 1.2em;
    margin-top: 45%;
}
.video_li_color2 p {
    color: #fff;
    line-height: 100%;
    font-size: 1.2em;
    margin-top: 45%;
}
#info_content_centre_map {
    width: 80%;
    height: 70%;
    max-width: 340px;
    max-height: 241px;
    margin-top: 16%;
    margin-left: 10%;
    cursor: pointer;
    background-image: url(../bg_images/serverimg/Group4.fw.png);
    background-size: 100% 100%;
}
#info_content_left_map {
    width: 80%;
    height: 70%;
    max-width: 340px;
    max-height: 241px;
    margin-top: 16%;
    margin-left: 10%;
    cursor: pointer;
    background-image: url(../bg_images/serverimg/Group2.fw.png);
    background-size: 100% 100%;
}
#info_content_right_map {
    width: 80%;
    height: 70%;
    max-width: 340px;
    max-height: 241px;
    margin-top: 16%;
    margin-left: 10%;
    background-image: url(../bg_images/serverimg/Group6.fw.png);
    background-size: 100% 100%;
}
#news_box2_div_img2{
	background-image:url(../img/82.png);
	background-size:100% 100%;
}
/***************************/
}
@media screen and (min-width: 1280px) and (max-width: 1350px) {/**/
	#about_centent_info{margin-left:0px;width: 100%;}
	#about_info_user{width: 670px;}
	#about_info_centent{width:700px;}
}
@media screen and (min-width: 600px) and (max-width: 1200px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/

#nav_top_box { width: 100%; height: 80px;  display:none}
.new_service_centent_box1 { width: 33%; min-width:300px; height: 300px; float: left; text-align: center; }/*width: 390px;*/
#service_box {
	width: 100%;
    height: auto;
    float: left;
    padding:0;
}
#info_content_left { width: 33.33%; min-width:auto;  min-height:auto; height: 394px; float: left; background-image: url(../bg_images/serverimg/Group7.png); background-size: 100% 100%; }
#info_content_centre { width: 33.33%; min-width:auto; height: 394px; float: left; cursor: pointer; background-image: url(../bg_images/serverimg/Group14.png); background-size: 100% 100%; }
#info_content_right { width: 33.33%; min-width:auto; height: 394px; float: left; cursor: pointer;background-size: 100% 100%; }
#info_content_centre_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 18%; margin-left: 8%; cursor: pointer; background-image: url(../images/Group4.fw.png); background-size: 100% 100%; }
#info_content_right_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 18%; margin-left: 8%; background-image: url(../bg_images/serverimg/Group6.fw.png); background-size: 100% 100%; }
#info_content_left_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 18%; margin-left: 8%; cursor: pointer; background-image: url(../bg_images/serverimg/Group2.fw.png); background-size: 100% 100%; }
#about_content_box { width: 100%; height: auto; margin: 0px auto; }

#contact_centent_left_img { width:600px; position: absolute; top: -300px; }

#about_info_user { width: 830px; height: 120px; float: right; padding-top: 50px; padding-left: 30px; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px;}

#about_info_centent { width: 850px;
    height: 390px;
    float: left;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: justify;
    margin-left: 19%;}
#about_centent_info { width: 95%; height: 705px; margin-left: 40px; float: left; }
#job_info_title { width: 27.9%; height: 600px; min-width: 200px; float: left; padding-left: 2%; line-height: 35px; }
#portfolio_centent_box { width: 100%; height: 100%; margin: 0px auto; text-align: center; }
#news_box2_div_img2{
	background-image:url(../img/82.png);
	background-size:100% 100%;
}
}
@media screen and (min-width: 600px) and (max-width: 800px) {/*当屏幕尺寸大于600px时，小于800px;*/
#portfolio_box {
    width: 100%;
    height: 300px;
    float: left;
}
.info_content2_box{
	display:none;
	}
#info_box {
    width: 100%;
    height: auto;
    min-height: 280px;
	max-height:394px;
    float: left;
}
#about_info_user {
    width: 74.5%;
    height: 120px;
    float: right;
    padding-top: 27px;
    padding-left: 30px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#ums_cn{width: 100%;
    height: 30px;
    margin: 12% auto 0; margin-bottom:10px; }
.new_service_centent_box1 { width: 33%; min-width:0px; height: 300px; float: left; text-align: center; }
#new_service_centent_left { width: 60%; height: auto; float: left; }
#new_service_centent_left_list ul{width: 100%;height: auto;font-size: 16px; float: left;}
#new_service_centent_left_list ul li{width: 100%;
    float: left;
    height: 35px;
    margin-top: 20px;
    margin-right: 20px;
    color: rgb(74, 74, 74);
    border: 1px solid rgb(146, 145, 145);
    text-align: center;
    cursor: pointer;
	}
#info_content_left{
	width: 33.33%;
    min-width: auto;
    min-height: auto;
    height: 280px;
    float: left;
    background-image: url(../bg_images/serverimg/Group7.png);
    background-size: 100% 100%;
	}
#info_content_centre{
	width: 33.33%;
    min-width: auto;
    height: 280px;
    float: left;
    cursor: pointer;
    background-image: url(../bg_images/serverimg/Group14.png);
    background-size: 100% 100%;
	}
#info_content_right{
	width: 33.33%;
    min-width: auto;
    height: 280px;
    float: left;
    cursor:pointer;
    background-size: 100% 100%;
	}
#info_content{
	width: 100%;
    height: auto;
    margin: 0px auto;
	}
.about_title{
	margin-top:10%;
	}
#about_user_ul{
	width: 100%;
    height: 250px;
    margin: 0 auto;
	}
#about_user_ul li{
	width: 15%;
    height: auto;
    float: left;
    margin-left: 30px;
    cursor: pointer;
	}
#about_user_ul li img{
	width: 100%;
    height: auto;
	}
#about_user_ul2{
	width: 100%;
    height: 250px;
    margin: 0px auto;
	}
#about_user_ul2 li{
	width: 15%;
    height: 250px;
    float: left;
    margin-left: 30px;
    cursor: pointer;
	}
#about_user_ul2 li img{
	width: 100%;
    height: auto;
}
#about_info_top{
	width: 98%;
    max-width: auto;
    height: 147px;
    float: left;
	}
#about_info_user {
    width: 74%;
    height: 120px;
    min-width: 448px;
    float: right;
    padding-top: 0px;
    padding-left: 30px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#video_list li{
	width: 25%;
    height: 50%;
    min-height: 250px;
    float: left;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 1em;
    text-align: center;
	}
#video_list li p{
    width: 95%; 
    margin-top: 60%;
    font-size: 1em;
    padding: 20px 2%;
    color: rgb(255, 255, 255);
}
	
.video_span_bg1{width: 100%;
    height: 100%;
	min-height:250px;
    background: #82614E;
    float: left;
	text-align:center;
    position: relative;}
.video_span_bg2{width: 100%;
    height: 100%;
	min-height:250px;
    background: #54554D;
    float: left;
    position: relative;}
.video_span_bg3{width: 100%;
    height: 100%;
	min-height:250px;
    background: #000000;
    float: left;
    position: relative;}
.video_span_bg4{width: 100%;
    height: 100%;
	min-height:250px;
    background: #000000;
    float: left;
    position: relative;}
.video_span_bg5{width: 100%;
    height: 100%;
	min-height:250px;
    background: #000000;
    float: left;
    position: relative;}
.video_span_bg6{width: 100%;
    height: 100%;
	min-height:250px;
    background: #0078C1;
    float: left;
    position: relative;}
.video_span_bg7{width: 100%;
    height: 100%;
	min-height:250px;
    background: #FF0078;
    float: left;
    position: relative;}
.video_span_bg8{width: 100%;
    height: 100%;
	min-height:250px;
    background: #FD5816;
    float: left;
    position: relative;}	
.job_info_margin{
	margin-left: 13%;
	}
#video_centent_info{
	width: 100%;
    height: auto;
    margin: 25% auto 0px;
	}
#job_info_centent{
	width: 59%;
    height: 650px;
    float: right;
    padding: 0px 2%;
    overflow: auto;
	}
#contact_centent_left_img{
	width: 490px;
    position: absolute;
    top: -300px;
	}
#about_info_centent{
	width: 74%;
    height: auto;
    float: left;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: justify;
    margin-left: 22%;
	}
#about_centent_info{
	width: 95%;
    height: auto;
    margin-left: 25px;
    float: left;
	margin-bottom: 50px;
}
.contact_right_button{
	height:35px;
	line-height:35px;
	}
.news_box1_li_title p {
    font-size: 1.5em;
    color: #fff;
    margin-top: 28%;
    font-weight: bold;
}
#news_box2_div_img2{
	background-image:url(../img/82.png);
	background-size:100% 100%;
}	
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) { /*******屏幕尺寸大于768，小于1024******/
	
#ums_cn {
    width: 100%;
    height: 30px;
   
}
#info_content_right2{
	display:none;
	}
#new_service_centent_left{
	width: 60%;
    height: auto;
    float: left;
	}
#new_service_centent_left_list ul{
	width: 100%;
    height: auto;
    font-size: 16px;
    float: left;
	}
#new_service_centent_left_list ul li{
	width: 100%;
    float: left;
    height: 35px;
    margin-top: 20px;
    margin-right: 20px;
    color: rgb(74, 74, 74);
    border: 1px solid rgb(146, 145, 145);
    text-align: center;
    cursor: pointer;	
	}
#about_info_top{
	width: 98%;
    max-width: 1280px;
    height: 148px;
    float: left;
	}
#about_info_user{
	width: 81%;
    height: 120px;
    float: right;
    padding-top: 0px;
    padding-left: 30px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
	}
#about_centent_info {
    width: 95%;
    height: 705px;
    margin-left: 35px;
    float: left;
}
#about_info_centent{
	width: 82%;
    height: 390px;
    float: left;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: justify;
    margin-left: 15.5%;
	}
  #info_content_left_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 10%; cursor: pointer; background-image: url(../bg_images/serverimg/Group2.fw.png); background-size: 100% 100%; }
  #info_content_left_map2 { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 10%; cursor: pointer; background-image: url(../bg_images/serverimg/Group2.fw.png); background-size: 100% 100%; }
  
  #info_content_centre_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 10%; cursor: pointer; background-image: url(../bg_images/serverimg/Group4.fw.png); background-size: 100% 100%; }
  
   #job_box ul li { width: 40%; height: auto; min-height: 600px; float: left; margin-right: 0.1%; text-align: center; border: 2px solid rgb(239, 238, 244); border-radius: 5px; cursor: pointer; z-index: 9999; background-image: initial; background-attachment: initial; background-color: rgb(253, 253, 255); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }
  .job_info_margin { margin-left: 9.8%; }
  
  #info_content_right_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 10%; background-image: url(../bg_images/serverimg/Group6.fw.png); background-size: 100% 100%; }
  #video_list li p{width: 28.5%;
    margin-top: 100px;
    font-size: 16px;
    padding: 20px 2%;
    color: rgb(255, 255, 255);
    position: absolute;display:none}
  #news_box2_div_img2{
	background-image:url(../img/82.png);
	background-size:100% 100%;
}
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) { /*******屏幕尺寸大于768，小于1024******/

#video_list li p{width: 28.5%;
    margin-top: 120px;
    font-size: 16px;
    padding: 20px 2%;
    color: rgb(255, 255, 255);
    position: absolute;display:none}
	
#job_box ul li {
	 width: 40%; height: auto; float: left; margin-right: 0.1%; text-align: center; border: 2px solid rgb(239, 238, 244); border-radius: 5px; cursor: pointer; z-index: 9999; background-image: initial; background-attachment: initial; background-color: rgb(253, 253, 255); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; 
	 }
.job_info_margin { margin-left: 10%; }
	
#info_content_left_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 10%; cursor: pointer; background-image: url(../bg_images/serverimg/Group2.fw.png); background-size: 100% 100%; }	

#info_content_centre_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 10%; cursor: pointer; background-image: url(../bg_images/serverimg/Group4.fw.png); background-size: 100% 100%; }	
	
#info_content_right_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 10%; background-image: url(../bg_images/serverimg/Group6.fw.png); background-size: 100% 100%; }
#news_box2_div_img2{
	background-image:url(../images/H5case/82.png);
	background-size:100% 100%;
}
}
@media only screen and (width: 1280px){
.ums_span {
    width: 97%;
    font-size: 3.125em;
    float: left;
    color: rgb(255, 255, 255);
    text-align: right;
    margin-top:0px;
    margin-bottom: 1%;
    padding-right: 3%;
}
#portfolio_centent_box {
    width: 100%;
    height: 100%;
    margin: 0px auto;
    text-align: center;
}
.ums_p {
    font-size: 1em;
    line-height: 1.5em;
    width: 97%;
    margin: 0px auto 0px;
    color: #fff;
    float: right;
}
#nav_box {
    width: 100%;
    height: 639px;
    float: left;
    background-image:url(../bg_images/UMSBG.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#nav_bg2 {
    width: 100%;
    height: 639px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#ums_cn {
    width: 100%;
    height: 30px;
}
#read_more{
	margin-left:100px;
}	
#weixin_block{
	margin-left:170px;	
}
.news_box2_div_left a {
   width: 100%;
   height: auto;
   float: left;
}

#about_centent_info {
    width: 900px;
    height: auto;
    margin-left:0px;
    float: left;
}
#about_info_top img {
    float: left;
    width: 150px;
}
#about_info_user {
    width: 730px;
    height: 120px;
    float: right;
    padding-top: 0px;
    padding-left: 20px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#about_info_centent{
	width: 83.5%;
	height:auto;
    min-height: 390px;
    float: right;
	margin-right:0px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: justify;
}
#about_info_top {
    width: 100%;
    height: 150px;
    float: left;
}	
.news_box1_li_title p {
    font-size: 1.5em;
    color: #fff;
    margin-top: 21.5%;
    font-weight: bold;
}
#new_service_centent_left { 
	width: 50%;
    height: auto;
    float: left;
    padding-left: 10%;}
#new_service_centent_left_list ul{height:auto;}
#new_service_centent_left_list ul li{width:45%;}
#new_service_centent_left_info {
    width: 100%;
    height: auto;
    min-height: 300px;
    float: left;
    margin-left: 0%;
    margin-bottom: 5%;
}
.new_service_info_back {
    width: 90%;
    height: 48px;
    float: left;
    margin-left:0%;
}
#new_service_centent_left_list {
    width: 100%;
    height: auto;
    min-height: 200px;
    float: left;
    margin-top: 30px;
    margin-left: 0%;
    margin-bottom: 20%;
}
#new_service_centent_box {
    width: 100%;
    height: auto;
    min-height: 0px;
    margin-bottom: 30px;
}
#new_service_centent_left_list {
    width: 100%;
    height: auto;
    min-height: 200px;
    float: left;
    margin-top: 30px;
    margin-left: 0%;
    margin-bottom: 5%;
}
#new_service_centent_box {
    width: 100%;
    height: auto;
    min-height: 0px; 
    margin-bottom: 30px;
}
.news_click2{
	margin-left:23px;
	}
#ums_about {
    width: 100%;
    height: auto;
	float:left;
    z-index: 999;
    text-align: right;
}
#info_content_centre_map,#info_content_left_map,#info_content_right_map{
    margin-top: 18.1%;
	margin-left:10.1%;
}
#about_content_box {
    width: 900px;
    height: 670px;
    margin: 0px auto;
}
#about_user_boxdiv{
    width: 900px;
    height: auto;
    float: left;
}
#service_box {
	width: 100%;
    height: auto;
	min-height:726px;
    float: left;
    padding: 0 0;
}
#new_service_box {
    width: 100%;
    height: 726px;
    padding-top:0px;
    float: left;
    margin: 0px auto 0px;
}
.new_service_ico {
    width: 120px;
    height: 120px;
    margin: 98px auto 0px;
    border: 3px solid rgb(80, 227, 194);
    border-radius: 50%;

    cursor: pointer;
}
.new_service_centent_box1 {
    width: 33.333%;
    height: 363px;
    float: left;
    text-align: center;
}
#about_box {
    width: 100%;
	height:auto;
    min-height: 726px;
    min-height: 42em;
    float: left;
    background-image: url(../bg_images/image-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.portfolio_centent_box_ul li {
    width: 20%;
    height: 250px;
    float: left;
    cursor: pointer;
}
#portfolio_box {
    width: 100%;
    height: 596px;
    float: left;
}
.portfolio_centent_box_ul {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 50px;
}
#nav_img {
    width: 100%;
    height: 134px;
    float: left;
    line-height: 220px;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
}
#info_box {
    width: 100%;
    height: 394px;
    float: left;
}
#video_box {
    width: 100%;
    height: auto;
    float: left;
}
#video_list li p{font-size:1em; color:#fff; margin-top:80px; width:100%; height:48px;}
.about_title {
    width: 100%;
    height: 166px;
    text-align: center;
    float: left;
    line-height: 166px;
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0px;
}
#about_user_ul {
    width: 760px;
    height: 280px;
    margin: 0 auto;
    margin-top: 0px;
}
#nav_link_box {
    width: 100%;
    height: 60px;
    margin: 0px auto;
    padding: 0 0px;
}
#ceshi{padding-right: 22%;
    width: 78%;}

#ceshi2{padding-right: 23%;
    width: 77%;}
#ceshi3{padding-right: 20%;
    width: 80%;}
#ceshi4{padding-left: 15%;}
.news_box2_div_left{border:none}

.nav_list_li {
    border-right:none;
}
.news_box2_div_left a img {
    width: 90%;
    height: auto;
}
#about_centent_info {
    width: 100%;
    height: auto;
    float: left;
	
}
}
@media only screen and (max-width: 1400px) and (min-width: 1280px){
#service_box {
    width: 80%;
    height: auto;
    float: left;
    padding: 0 10%;
}
	
	
}

@media only screen and (max-width: 1500px) and (min-width: 1280px){ /*******屏幕尺寸大于1280，小于1500******/

#info_content_left_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 13%; cursor: pointer; background-image: url(../bg_images/serverimg/Group2.fw.png); background-size: 100% 100%; }

#info_content_centre_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 13%; cursor: pointer; background-image:url(../bg_images/serverimg/Group4.fw.png); background-size: 100% 100%; }

#info_content_right_map { }
}
@media screen and (max-width: 1280px) and (min-width: 800px){
#nav_link_box{
	width:1220px;
	}	
.nav_list_li {
    border-right: none;
}
#nav_box {
    width: 100%;
    height: 639px;
}
#new_service_centent_left {
    width: 50%;
    height: auto;
    float: left;
    padding-left: 10%;
}
#new_service_centent_left_info {
    width: 90%;
    height: auto;
    min-height: 300px;
    float: left;
    margin-left: 0%;
    margin-bottom: 5%;
}
#new_service_centent_left_list {
    width: 100%;
    height: auto;
    min-height: 200px;
    float: left;
    margin-top: 30px;
    margin-left: 0%;
    margin-bottom: 5%;
}
.new_service_info_back {
    width: 90%;
    height: 48px;
    float: left;
    margin-left: 0%;
}
#nav_bg2 {
    width: 100%;
    height: 639px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#ums_about {
    width: 100%;
    height: auto;
    float: left;
    z-index: 999;
    text-align: right;
}
.ums_span {
	width:97%;
	padding-right:3%;
	
	}
.ums_p {
	width:57%;
	padding-right:3%;
	
	}
#about_content_box {
	width: 67.3%;
	min-width: 900px;
	height: 750px;
	margin: 0px auto;
}

#service_box{
	width: 100%;
    height: auto;
    float: left;
    padding: 0 0;
	}
#about_user_ul {
    width: 900px;
    height: 280px;
    margin: 0 auto;
    margin-top: 0px;
}
#about_centent_info {
    width: 900px;
    height: auto;
    margin-left: 0px; 
    float: left;
}
#about_info_top {
    width: 100%;
    max-width: 1280px;
    height: 150px;
    float: left;
}
#about_info_user {
    width: 80%;
    height: 120px;
    float: right;
    padding-top: 0px;
    padding-left: 30px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#about_info_centent {
    width: 83%;
    height: auto;
    float: left;
    margin-left: 150px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: justify;
}
#portfolio_centent_box {
    width: 100%;
    height: 100%;
    margin: 0px auto;
    text-align: center;
}
#video_list li p{font-size:1em; color:#fff; margin-top:80px; width:100%; height:48px;}
}
@media only screen and (max-device-width: 700px) and (min-device-width: 320px) and (orientation: landscape) { /*******屏幕尺寸大于320，小于700******/
#about_box{background-image:url(../bg_images/Group60.png); background-size:100% 100%;}
#nav_top_box { width: 100%; height: 80px;  display:none}
#info_content_right_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 16%; margin-left: 10%; cursor: pointer; background-image: url(../bg_images/serverimg/Group4.fw.png); background-size: 100% 100%; }
#news_box2_div_img2{
	background-image:url(../images/H5case/82.png);
	background-size:100% 100%;
}
#about_info_centent {
   	width: 83%;
    height: auto;
    float: left;
    margin-left: 2px;
    line-height: 20px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: justify;
}
}
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
#ums_cn { width: 100%; height: 30px; margin: 25% auto 0; margin-bottom:10px; display: none;}
#nav_top_box { width: 100%; height: 80px; display:none}
#contact_centent_left_img { position: absolute; width:500px; top:0px;}
.job_info_margin{margin-left:0}
#contact_centent_left { width: 50%; height: 580px; padding-top: 20px; line-height: 30px; color: rgb(96, 98, 93); float: left; text-align: left; display:none}
#contact_centent { width: 70%; height: 600px; margin: 50px auto 0px;}
#contact_centent_right { width: 100%; height: 600px; float: left; position: relative;}
.about_margin_top{
	margin-top:0px;
	}
#about_margin_top3{
	margin-top: -280px;
    left: 360px;
    position: relative;
	}
#new_service_marginleft{
	margin-left:0;
	}
#about_content_box { width: 100%; height: auto; margin: 0px auto; float:left;}
#about_user_ul { width: 100%; height: auto;  float:left;}
#about_user_ul2 { width: 100%; height: auto; float:left; margin: 0px auto; margin-bottom:10px; }
#video_list li { width: 50%; height: 25%;  float: left; cursor: pointer; color: rgb(255, 255, 255); font-size: 1em; text-align: center;}
#video_list li p{
	width: 100%;
    margin-top: 150px;
    font-size: 1em;
    padding: 20px 2%;
    color: rgb(255, 255, 255);
	}
.contact_centent_right_title { width: 91%;  margin-left: 0; }
.contact_right_input { width: 91%; margin-left: 0; }
.contact_right_textarea { width: 91%; margin-left: 0; }
#nav_img {font-size: 2em; }
#portfolio_centent_box { width: 90%; height: 100%; margin: 0px auto; text-align: center; }
#portfolio_box { height:300px;}
#info_content_left { width: 33.33%; min-width:580px;   height: 394px; float: left; background-image: url(../bg_images/serverimg/Group7.png); background-size: 100% 100%; }
#info_content_centre { width: 33.33%; min-width:580px; height: 394px; float: left; cursor: pointer; background-image: url(../bg_images/serverimg/Group14.png); background-size: 100% 100%; }
#info_content_right { width: 33.33%;  min-width:580px; height: 394px; float: left; cursor: pointer;background-size: 100% 100%;
display:block;}
.new_service_centent_box1 { width: 100%; min-width:390px; height: 300px; float: left; text-align: center; }
#ums_about { 
    width: 85%;
    height: auto;
    margin: 0px 8%;
    z-index: 999;
    float: left;
    text-align: right;
}
#umc_ico ul { width: 240px; height: 36px; margin-top: 4%; }
#ums_info p {font-size: 14px;  color: rgb(255, 255, 255); }
#new_service_centent_right img { width: 100%; height: auto; display:none}
#new_service_centent_left { width: 100%; height: auto; float: left;}
#new_service_centent_right { width: 40%; height: 700px; float: left; display:none }
#service_box {
	width: 100%;
    height: auto;
    float: left;
    padding: 0%;
}
.new_service_info_title { width: 90%; font-size: 1.5em; font-weight: bold; margin-top: 100px; float: left; text-align: left; }
.new_service_info_centent { width: 90%; height:auto ;font-size: 0.875em; line-height: 25px; margin-top: 30px; float: left; text-align: left; }
#new_service_centent_left_list ul { width: 90%; height: auto; font-size: 16px; float: left; }
#new_service_centent_left_list ul li { width: 98%; float: left; height: 35px; margin-top: 20px; margin-right: 20px; color: rgb(74, 74, 74); border: 1px solid rgb(146, 145, 145); text-align: center; cursor:pointer; }
#info_centent_mapbotton{ display:none}
#info_centent_mapbotton2 ul { 
	width: auto;
    height: 30px;
    float: left;
    margin-top: 15px;
    margin-left: 390px;
}
#info_centent_mapbotton2 ul li{
	width: 80px;
    height: 30px;
    float: left;
    line-height: 30px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 12px;
    margin-left: 5px;
    cursor: pointer;
    background-image: url(../images/Rectangle%2023.png);
    background-size: 100% 100%;
	}
#info_centent_mapbotton2{
	width: 750px;
    height: 55px;
    float: right;
    position: relative;
    top: 0;
	display:none;
	}
#about_info_user { width: 95%; height: 120px; float:left; padding-top: 50px; padding-left: 20px; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px;  }
#about_info_centent { width: 92%; height: auto; float: left; margin-left:0px; line-height: 20px; color: rgb(255, 255, 255); font-size: 14px; text-align: justify;  padding:4% }
#about_centent_info { width: 100%; height: auto; margin-left: 0px; float: left; }
#about_info_top { width: 100%; height: auto; float: left; }
#about_info_top img { float: left; margin-left:28%;}
#video_centent_info { width: 100%; height: 600px; margin: 5% auto 0px; }
#job_info { width: 90%; height:1200px; margin: 0px auto; z-index: 9999;  position: relative; }
#job_info_title { width: 98%; height: auto; min-width: 270px; float: left; padding-left: 2%; line-height: 35px;}
.job_info_button { width: 30px; height: 28px; float: left; margin:5% 0 5% 0; cursor: pointer; border-radius: 8px; }
#job_info_centent { width: 96%; height: auto; float: left; padding: 0px 2%; overflow: auto; }
.new_service_info_back { width: 90%; height: 48px; float: left; margin-left: 10%; margin-top:20px; }
/*********新增样式2016.11.20******************/
#news_box3 {
    width: 100%;
    height: 1450px;
    float: left;
}
#news_box1_ul {
    width: 100%;
    height: 1450px;
    float: left;
}
#news_box1_ul li {
    width: 100%;
    height: 16%;
    float: left;
    cursor: pointer;
}
#video_list {
    width: 100%;
    height: 1400px;
    float: left;
}
#news_box2_ul {
    width: 100%;
    height: 1400px;
    float: left;
}
#news_box2_ul li {
    width: 100%;
    height: 25%;
    float: left;
    background: #FFFFFF;
}
#news_box2_div_img2{
	background-image:url(../images/H5case/82.png);
	background-size:100% 100%;
}
/*******************************/
}
@media screen and (max-width: 320px) {
.news_box2_div_left{
height: 99.5%;
border-bottom: rgba(160, 153, 153, 0.28) solid 1px;
}
#new_service_box {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px auto 90px;
}
#about_box{background-image:url(../bg_images/Group60.png); background-size:100% 100%;}
 #about_user_ul li { width: 45%; height: 225px; float: left; margin-left: 3%; cursor: pointer;}
 #about_user_ul2 li { width: 45%; height: 225px; float: left; margin-left: 3%; cursor: pointer;}
 #about_margin_top3{margin-top: -225px; left: 153px; position:relative;}
 #about_info_user ul { width: 180px; height: 120px; float: left;}
 #about_info_back { width: 100px; height: 30px; float: right; line-height: 30px; text-align: center; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); cursor: pointer; margin-top: 60px; border-radius: 8px; background-color: rgb(80, 227, 194); }
 #video_centent_info { width: 100%; height: auto; float:left; margin:50% auto 0px; } 
 #nav_img{font-size:1.3em;}
 #job_img{font-size:1.3em;}
 #info_centent_mapbotton2 ul{margin-left:400px;}
 #portfolio_box {
	height: 200px;
 }
 #info_centent_mapbotton2 img {
    width: 30px;
    height: 28px;
    cursor: pointer;
    position: absolute;
    top: -250px;
    right: 20px;
}
#news_box2_div_img2{
	background-image:url(../images/H5case/82.png);
	background-size:100% 100%;
}
#about_info_centent {
   	width: 83%;
    height: auto;
    float: left;
    margin-left: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: justify;
}
#read_more{
    width: 200px;
    height: 55px;
    color: rgba(18,17,17,1.00);
    line-height: 55px;
    text-align: center;
    float: left;
    margin-top: 147.5px;
    margin-left: 70px;
    font-size: 24px;
    font-weight: bold;
}
#read_more:hover{
	transform:scale(1.2);
	transition:all 1s ease;
	color:"#9183C7";
	}
#weixin_block {
    width: 45px;
    height: 45px;
    margin-top: 30px;
    text-align: center;
    float: left;
    margin-left: 135px;
    cursor:pointer;
}
#about_user_ul2 li img,#about_user_ul li img {
    width: 125px;
    height: auto;
    margin: 0 0 0 10px;
}
}

@media only screen and (max-width: 568px) and (min-width: 300px) and (orientation: portrait) { /*******屏幕尺寸大于320，小于568******/
/*************手机导航*****************/	
	#mobile_nav_box{
		width:100%;
		height:65px;
		float:left;
		position:fixed;
		display: block;
		z-index:99999;
		background:rgba(80, 227, 194, 0.79);
	}	
	
	#nav_left{
		width:28%;
		height: 29px;
		float:left;
		margin-top:18px;
	}
	#nav_left img{
		margin-left: 20px;
		margin-top: 3px;
		width:40px;
		height: auto;
	}
	#navums_logo{
		width:48%;
		height:auto;
		float:left;
		text-align:center;
		margin-top:10px;
		}
	#navums_logo img{
		width:100%;
		height:auto;
		
		}
	#nav_right{
		width:24%;
		height: auto;
		float: right;
		margin-top:18px;
	}
	#nav_right li{
		width:100%;
		height: 29px;
		line-height: 29px;
		float: left;
		font-size: 20px;
		text-align: center;
	}
	#nav_right li a{
		color:#fff;
	}
	#mobile_nav_content{
		width:100%;
		height: 100%;
		float:left;
		position: fixed;
		background:#63BDAA;
		z-index: 9999999;
		display: none;
	}
	#mobile_content_shut{
		width: 100%;
		height: 49px;
		float: left;
		text-align: right;
		margin-top: 20px;
	}
	#mobile_content_shut img{
		width:25px;
		height: auto;
		margin-right: 20px;
		
	}
	#mobile_content_list{
		width: 100%;
		height: 100%;
		float: left;
		text-align: center;
		margin-top: 50px;
	}
	#mobile_content_list li{
		width:100%;
		height: 30px;
		line-height: 30px;
		float:left;
		margin: 5px 0;
	}
	#mobile_content_list li a{
		color:#fff;
		font-size: 18px;
	}
/******************************/	
#mail_info{
	display:none;
}	
#min_mail_info{
	display: block;
}
#footer_ico{
	margin-right:0px;
	}
#info_content{
	display:none;
	}
#info_content2 {
    width: 100%;
    height: 394px;
    margin: 0px auto;
}
.info_content2_box{
	width:100%;
	height:394px;
	float:left;
	}
#info_content_left2{
	width: 100%; min-width:0px;   height: 394px; float: left; background-image: url(../bg_images/serverimg/Group7.png); background-size: 100% 100%;
	}
#info_content_right23{
	width: 100%; min-width:0; height: 394px; float: left; cursor: pointer; background-image: url(../bg_images/serverimg/DT.jpg); background-size: 100% 100%; 
	}
#info_content_centre2{
	width: 100%; min-width:0; height: 394px; float: left; cursor: pointer; background-image: url(../bg_images/serverimg/Group14.png); background-size: 100% 100%; 
	}
#info_content_centre_map2 img,#info_content_left_map3 img,#info_content_right_map2 img{
	width:100%;
	height:100%;
	display:none;
	}	
#info_content_left2_centent{
	width:100%;
	height:100%;
	float:left;
	text-align:center;
	background-image:url(../bg_images/index_service_bg.png);
	}
#info_content_right2_centent{
	width:100%;
	height:100%;
	float:left;
	}
#info_centent_mapbox img {
    width: 100%;
    height: 100%;
}
#info_content_centre2_centent{
	width:100%;
	height:100%;
	float:left;
	
	}
#info_centent_mapbox {
    width: 100%;
    height: 85%;
    float: left;
    overflow: hidden;
}
.info_centent_info_left_back2 {
    width: 48px;
    height: 48px;
    margin: 30px auto;
    cursor: pointer;
}
#info_content_centre_map2 {
    width: 80%;
    height: 70%;
    max-width: 340px;
    max-height: 241px;
    margin-top: 20%;
    margin-left: 10%;
    cursor: pointer;
    background-image: url(../bg_images/serverimg/Group4.fw.png);
    background-size: 100% 100%;
} 
#info_content_left_map3 {
    width: 80%;
    height: 70%;
    max-width: 340px;
    max-height: 241px;
    margin-top: 20%;
    margin-left: 10%;
    cursor: pointer;
    background-image: url(../bg_images/serverimg/Group2.fw.png);
    background-size: 100% 100%;
}
#info_content_right_map2 {
    width: 80%;
    height: 70%;
    max-width: 340px;
    max-height: 241px;
    margin-top: 20%;
    margin-left: 10%;
    cursor: pointer;
    background-image: url(../bg_images/serverimg/Group6.fw.png);
    background-size: 100% 100%;
}
#new_service_box {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px auto 0px;
}
#about_box{background-image:url(../bg_images/Group60.png); background-size:100% 100%;}
#portfolio_box {
    height: 245px;
}
#info_box{
	width: 100%;
    height: auto;
    float: left;}
#about_info_back {
    width: 120px;
    height: 30px;
    float: right;
    line-height: 30px;
    text-align: center;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    cursor: pointer;
    margin-top: 65px;
    border-radius: 8px;
    background-color: rgb(80, 227, 194);
}
#nav_top_box { width: 100%; height: 80px;  display:none}
#nav_top_box { width: 100%; height: 80px; display:none}
#nav_box { width: 100%; height: 45.875em; float: left; background-image:url(../images/index.png); background-size:100% 100%; background-repeat: no-repeat; }
.ums_cn_button {  margin-left: 34%; display: none;}
#umc_ico ul { margin-top:6px;}
.new_service_centent_box1 { width: 100%; min-width:250px;  height: 300px; float: left; text-align: center;}
#info_content_left { width: 100%; min-width:0px;   height: 394px; float: left; background-image: url(../bg_images/serverimg/Group7.png); background-size: 100% 100%; }
#info_content_centre { width: 100%; min-width:0; height: 394px; float: left; cursor: pointer; background-image: url(../bg_images/serverimg/Group14.png); background-size: 100% 100%; }
#info_content_right { width: 100%; min-width:0; height: 394px; float: left; cursor: pointer; background-size: 100% 100%; display:none;}
#info_content_right2 { width: 100%; min-width:0; height: 394px; float: left; cursor: pointer; background-image: url(../bg_images/serverimg/Group25.png); background-size: 100% 100%; display:block; }
#about_margin_top3{
	margin-top: -250px;
    left: 180px;
    position:relative;
	}
#nav_img{font-size:1.5em;}
#job_img{font-size:1.5em;}
.about_title{font-size:1.5em;}	
#job_box ul li { width: 100%; min-width:200px; height: auto; float: left; margin-right: 0.1%; text-align: center; border: 2px solid rgb(239, 238, 244); border-radius: 5px; cursor: pointer; z-index: 9999;  background-color: rgb(253, 253, 255); margin-bottom:20px; }
#video_list li p{
	width: 96%;
	height:55px;
    margin-top: 50px;
    font-size: 0.875em;
    padding:0px 2%;
    color:rgb(255, 255, 255);
	}
#contact_centent_left_img{width:90%}
.footer_info{ display:none;}
.footer_ico{margin-right: 0;}	
.ums_span {
	width: 100%;
	height:auto;
    font-size: 1.8em;
    float: left;
    color: rgb(255, 255, 255);
    text-align: right;
    margin-top: 0px;
    margin-bottom: 1%;
	padding:0;
	}
.ums_p{
	font-size: 0.875em;
	width:100%;
	}

#video_list li { width: 50%; height: 25%; min-height:150px; float: left; cursor: pointer; color: rgb(255, 255, 255); font-size: 1em; text-align: center;}
.video_button{width:40px; height:29px; margin:0 auto; background-image:url(../images/video/video.png); background-size:100% 100%; margin-top:20px;}
.video_span_bg1{width: 100%;
    height: 100%;
	min-height:150px;
    background: #82614E;
    float: left;
	text-align:center;
    position: relative;}
.video_span_bg2{width: 100%;
    height: 100%;
	min-height:150px;
    background: #54554D;
    float: left;
    position: relative;}
.video_span_bg3{width: 100%;
    height: 100%;
	min-height:150px;
    background: #000000;
    float: left;
    position: relative;}
.video_span_bg4{width: 100%;
    height: 100%;
	min-height:150px;
    background: #000000;
    float: left;
    position: relative;}
.video_span_bg5{width: 100%;
    height: 100%;
	min-height:150px;
    background: #000000;
    float: left;
    position: relative;}
.video_span_bg6{width: 100%;
    height: 100%;
	min-height:150px;
    background: #0078C1;
    float: left;
    position: relative;}
.video_span_bg7{width: 100%;
    height: 100%;
	min-height:150px;
    background: #FF0078;
    float: left;
    position: relative;}
.video_span_bg8{width: 100%;
    height: 100%;
	min-height:150px;
    background: #FD5816;
    float: left;
    position: relative;}
#about_info_user { 
    width: 91%;
    height: 140px;
    float: left;
    padding-top: 0px;
	padding-left:4%;
    margin-left: 8px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#about_info_user ul { width: 200px; height: 120px; float: left; }
#about_info_user ul li { width: 220px; height: 30px; float: left; font-size: 18px; line-height: 30px; color: rgb(255, 255, 255); font-weight: bold; }
#portfolio_centent_box { width: 100%; height: 100%; margin: 0px auto; text-align: center; }
#logo_click2_box li img { width: 85%; height: auto; float: left; margin: 10%; }
#logo_click1_box li img { width: 85%; height: auto; float: left; margin: 15% 10%; }
.info_centent_info_left_p { font-size: 2em; font-weight: bold; color: rgb(75, 75, 75); margin-top: 65px; }
  #info_content_left_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 17%; margin-left: 11%; cursor: pointer; background-image: url(../bg_images/serverimg/Group4.fw.png); background-size: 100% 100%; }
  #info_content_left_map2 { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 20%; margin-left: 10%; cursor: pointer; background-image:url(../bg_images/serverimg/Group2.fw.png); background-size: 100% 100%; }
  
  #info_content_centre_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 20%; margin-left: 10%; cursor: pointer; background-image: url(../bg_images/serverimg/Group4.fw.png); background-size: 100% 100%; }
  
  #info_content_right_map { width: 80%; height: 70%; max-width: 340px; max-height: 241px; margin-top: 20%; margin-left: 10%; cursor: pointer; background-image:url(../bg_images/serverimg/Group6.fw.png); background-size: 100% 100%; }
  
 #video_centent_info { width: 100%; height: auto; margin-top:50%;float:left; } /*margin-top:50%;*/
  
 #new_service_centent_right img { width: 100%; height: auto;  margin-top:100px; } 
 #about_user_ul li { width: 42%; height: 250px; float: left; margin-left:3.2%; cursor: pointer;}
 #about_user_ul2 li { width: 45%; height: 250px; float: left; margin-left: 3.2%; cursor: pointer;  }
.about_user_name{font-size: 0.875em;}	
.about_user_job{font-size:0.875em;}
#about_user_ul2 li img{width: 150px;height: auto;margin: 0 0 0 10px;}	
 #new_service_centent_left_list { width: 90%; height:auto; min-height: 200px; float: left; margin-top: 10px; margin-left: 10%; margin-bottom: 20%; }
 .contact_right_span {    width: 65%;height: auto;font-size: 0.6875em;line-height: 1.875em;color: rgb(96, 98, 93);float: left;margin-top: 5%; }
 .contact_right_button { width: 30%; height: 50px; float: right; color: rgb(253, 253, 255); margin-top: 3%; margin-left: 5%; line-height: 50px; cursor: pointer; border-radius: 10px; background-color: rgb(80, 227, 194);}
 #video_centent_button { width: 20px; height: 21px; position: absolute; top: 0%; right: 5%; cursor: pointer; }
 /***********新增页面样式2016.11.20****************/
#news_box1_ul {
    width: 100%;
    height: 770px;
    float: left;
}
.news_box1_li_title p {
    font-size: 1.5em;
    color: #fff;
    margin-top: 20%;
    font-weight: bold;
}
#news_box2_ul {
    width: 100%;
    height: 800px;
    float: left;
}
#ceshi3{margin-left: 10px;}
#ceshi4{margin-left: 15px;}

.news_box2_div_left a {
    width: 100%;
   height: auto;
   float: left;
}
#news_box3 {
    width: 100%;
    height: 930px;
    float: left;
}
#video_list {
    width: 100%;
    height: 770px;
    float: left;
    
}
#news_box2_ul {
    width: 100%;
    height: 770px;
    float: left;
}
#news_box1_ul li {
    width: 100%;
    height: 25%;
    float: left;
    cursor: pointer;
}
#news_box2_div_img2{
	background-image:url(../images/H5case/82.png);
	background-size:100% 100%;
}
#read_more{
	
    width: 200px;
    height: 55px;
    color: rgba(18,17,17,1.00);
    line-height: 55px;
    text-align: center;
    float: left;
    margin-top: 147.5px;
    margin-left: 100px;
    font-size: 24px;
    font-weight: bold;
}
#weixin_block {
    width: 45px;
    height: 45px;
    margin-top: 30px;
    text-align: center;
    float: left;
    margin-left: 170px;
    cursor: pointer;
}
#weixin_block2 {
    width: 45px;
    height: 45px;
    margin-top: 30px;
    text-align: center;
    float: left;
    margin-left: 170px;
    cursor: pointer;
}
#about_user_ul {
    width: 100%;
    height: auto;
    float: left;
	margin-top:17px;
}
.about_title {
    width: 100%;
    height: 91px;
    text-align: center;
    float: left;
    line-height: 91px;
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: bold;
    margin-top: 4.9%;
}
#case_title p{
	font-size:30px;
	}
#about_user_ul li img {
    width:150px;
    height: auto;
    margin: 0 0 0 10px;
}
#nav_img {
    width: 100%;
    height: 120px;
    float: left;
    line-height: 140px;
   
}
#news_click22{
	margin-left:15px;
	}
.new_service_ico {
    width: 120px;
    height: 120px;
    margin: 65px auto 0px;
    border: 3px solid rgb(80, 227, 194);
    border-radius: 50%;
    cursor: pointer;
}
.news_box2_div_left{
	height: 99.5%;
	border-bottom: rgba(160, 153, 153, 0.28) solid 1px
	}
/***************************************************/

#news_box2_div_img1{
	background-image:url(../images/H5case/51.png);
	}
#news_box2_div_img2{
	background-image:url(../images/H5case/81.png);
	}
#news_box2_div_img3{
	background-image:url(../images/H5case/61.png);
	}
#news_box2_div_img4{
	background-image:url(../images/H5case/71.png);
	}
}
@media only screen and (width:414px) and (height: 736px) and (orientation: portrait) { 
	
#new_service_box {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px auto 90px;
}
#about_box{background-image:url(../bg_images/Group60.png); background-size:100% 100%;}
#about_margin_top3 {
    margin-top: -250px;
    left: 200px;
    position:relative;
}
#nav_top_bg {
	display:none;
}
#ums_cn {
    width: 100%;
    height: 30px;
    margin: 25% auto 10px;

}
#info_centent_mapbotton2 ul {
    width: auto;
    height: 30px;
    float: left;
    margin-top: 15px;
    margin-left: 370px;
}
#news_box2_div_img2{
	background-image:url(../images/H5case/82.png);
	background-size:100% 100%;
}
#about_info_centent {
   	width: 83%;
    height: auto;
    float: left;
    margin-left: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: left;
}
#read_more{
	
    width: 200px;
    height: 55px;
    color: rgba(18,17,17,1.00);
    line-height: 55px;
    text-align: center;
    float: left;
    margin-top: 147.5px;
    margin-left: 100px;
    font-size: 24px;
    font-weight: bold;
}
#weixin_block {
    width: 45px;
    height: 45px;
    margin-top: 30px;
    text-align: center;
    float: left;
    margin-left: 180px;
    cursor: pointer;
}
.news_box2_div_left{
	height: 99.5%;
	border-bottom: rgba(160, 153, 153, 0.28) solid 1px
	}
}
@media only screen and (width:414px) and (height: 622px) and (orientation: portrait) { 
#about_margin_top3 {
    margin-top: -250px;
    left: 200px;
    position:relative;
	
}
}
@media screen and (max-device-width: 400px) {/*****屏幕尺寸大于400px********/
	
#nav_top_box { width: 100%; height: 80px; display:none }
.job_info_margin{margin-left:0}
#news_box2_div_img2{
	background-image:url(../img/82.png);
	background-size:100% 100%;
}
#about_info_centent {
   	width: 83%;
    height: auto;
    float: left;
    margin-left: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: left;
}
}
@media screen and (max-width: 320px) {

.ums_span {
    width: 100%;
    height: auto;
    font-size:1.8em;
    float: left;
    color: rgb(255, 255, 255);
    text-align: right;
    margin-top: 30px;
    margin-bottom: 1%;
    padding: 0;
}
.news_box2_div_left{
height: 99.5%;
border-bottom: rgba(160, 153, 153, 0.28) solid 1px;
}
#new_service_box {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px auto 0px;
}
#weixin_block2 {
    width: 45px;
    height: 45px;
    margin-top: 30px;
    text-align: center;
    float: left;
    margin-left: 130px;
    cursor: pointer;
}
#about_box{background-image:url(../bg_images/Group60.png); background-size:100% 100%;}
 #about_user_ul li { width: 42%; height: 225px; float: left; margin-left: 3%; cursor: pointer;}
 #about_user_ul2 li { width: 45%; height: 225px; float: left; margin-left: 3%; cursor: pointer;}
 #about_margin_top3{margin-top: -225px; left: 153px; position:relative;}
 #about_info_user ul { width: 180px; height: 120px; float: left;}
 #about_info_back { width: 100px; height: 30px; float: right; line-height: 30px; text-align: center; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); cursor: pointer; margin-top: 60px; border-radius: 8px; background-color: rgb(80, 227, 194); }
 #video_centent_info { width: 100%; height: auto; float:left; margin:50% auto 0px; } 
 #nav_img{font-size:1.3em;}
 #job_img{font-size:1.3em;}
 #info_centent_mapbotton2 ul{margin-left:430px;}
 #info_centent_mapbotton2 ul li{
	margin-left:0px;	
	}
 #portfolio_box {
	height: 200px;
 }
 #info_centent_mapbotton2 img {
    width: 30px;
    height: 28px;
    cursor: pointer;
    position: absolute;
    top: -250px;
    right: 20px;
}
#news_box2_div_img2{
	background-image:url(../img/82.png);
	background-size:100% 100%;
}
#about_info_centent {
   	width: 83%;
    height: auto;
    float: left;
    margin-left: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: left;
}
#read_more{
    width: 200px;
    height: 55px;
    color: rgba(18,17,17,1.00);
    line-height: 55px;
    text-align: center;
    float: left;
    margin-top: 147.5px;
    margin-left: 70px;
    font-size: 24px;
    font-weight: bold;
}
#read_more:hover{
	transform:scale(1.2);
	transition:all 1s ease;
	color:"#9183C7";
	}
#weixin_block {
    width: 45px;
    height: 45px;
    margin-top: 30px;
    text-align: center;
    float: left;
    margin-left: 135px;
    cursor:pointer;
}
#about_user_ul2 li img,#about_user_ul li img {
    width: 125px;
    height: auto;
    margin: 0 0 0 10px;
}
}