@charset "gb2312";
.nbannerbox {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 484px;
}
.nbanner {
	width: 1920px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 50%;
	margin-top: -242px;
	height: 484px;
}
.z_ul-13 li{width: 50%;float: left;}
.z_ul_left{
	display: inline-block;
	margin-bottom: 50px;
	float:left;}
.z_ul_left img{width:100px;height:100px}
.z_ul_right{
	margin-left:120px;}
.z_ul_title{
	font-size: 16px;
	font-weight:bold;
	color: #333;
	margin-bottom: 15px;
	text-align: left;
	}
.z_ul_text{
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
	width: 80%;
	height: 70px;
	line-height: 24px;
	text-align: left;
	}
.appintro-fl{
	float: left;
    height: 455px;}
.app_ul-13 li{width: 100%;float: left;}
.app_ul_left{
	display: inline-block;
	margin-bottom: 50px;
	float:left;}
.app_ul_left img{width:100px;height:100px}
.app_ul_right{
	margin-left:120px;}
.app_ul_title{
	font-size: 16px;
	font-weight:bold;
	color: #333;
	margin-bottom: 15px;
	text-align: left;
	}
.app_ul_text{
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
	width: 80%;
	height: 70px;
	line-height: 24px;
	text-align: left;
	}	
.web_ul-13 li{width: 100%;float: left;}
.web_ul_left{
	display: inline-block;
	margin-bottom: 0px;
	float:left;}
.web_ul_left img{width:100px;height:100px}
.web_ul_right{
	margin-left:120px;}
.web_ul_title{
	font-size: 16px;
	font-weight:bold;
	color: #333;
	margin-bottom: 0px;
	text-align: left;
	}
.web_ul_text{
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
	width: 80%;
	height: 70px;
	line-height: 24px;
	text-align: left;
	}	
.dis {
    display: block;
}
.nobottom{margin-bottom: 0px;}
.linhei18{line-height:18px}
.clear{clear:both}
.xcx_bg{background:url(/images/whyxcx.png) left bottom no-repeat;height:455px;}
.mis_bg{background:url(/images/whymis.png) left bottom no-repeat;height:455px;}
.gzh_bg{background:url(/images/whygzh.png) left bottom no-repeat;height:455px;}
.znh_bg{background:url(/images/whyznh.png) left bottom no-repeat;height:455px;}
.zm_bg{background:url(/images/whyzm.png) left bottom no-repeat;height:455px;}
.xcx-f2-bg{background: #011026 url(/images/xcx-f2-bg.jpg) no-repeat center;
    background-size: cover;
    height: 606px;}
.zm-f2-bg{background: #011026 url(/images/zm-f2-bg.jpg) no-repeat center;
    background-size: cover;
    height: 606px;}
.xcx-f2-title {
    padding-top: 60px;font-size: 28px;color:#fff;text-align:center;padding-bottom: 10px;
}
.xcx-f2-stitle{
	font-size:24px;color:#fff;text-align:center;}
.xcx-f2-stitle span{
	color:#158fcf;background:#f2be00; border-radius:20px;padding:0 10px;margin:0 5px;}	
.xcx-f2-conbox {
    margin-top: 60px;text-align: center;
}
.xcx-f2-ul {
    margin-top: 20px;
}
.xcx-f2-ul>li {
    float: left;
    width: 20%;
	margin-bottom:30px;
}
.xcx-in2 {
    display: inline-block;
}
.xcx-in2 img{
    width: 100px;
    height: 100px;
}
.xcx-f2-tt {
    width: 100%;
    position: relative;
	color:#fff;
	font-size:16px;
}
.app-f2-bg{background: #011026 url(/images/app-f2-bg.jpg) no-repeat center;
    background-size: cover;
    height: 500px;}
.app-f2-title {
    padding-top: 60px;font-size: 28px;color:#fff;text-align:center;padding-bottom: 10px;
}
.app-f2-conbox {
    margin-top: 60px;text-align: center;
}
.app-f2-ul {
    margin-top: 20px;
}
.app-f2-ul>li {
    float: left;
    width: 16.66%;
	margin-bottom:30px;
}
.app-in2 {
    display: inline-block;
}
.app-in2 img{
    width: 100%;
}
.mis-f2-bg{background: #010318 url(/images/mis-f2-bg.jpg) no-repeat center;
    background-size: cover;
    height: 606px;}
.mis-f2-box{width:550px;padding-left:650px}
.mis-f2-title {
    padding-top: 60px;font-size: 28px;color:#fff;text-align:center;padding-bottom: 10px;
}
.mis-f2-stitle{
	font-size:24px;color:#fff;text-align:center;}
.mis-f2-stitle span{
	color:#158fcf;background:#f2be00; border-radius:20px;padding:0 10px;margin:0 5px;}
.mis-f2-conbox {
    margin-top: 60px;text-align: center;
}
.miscase-con img{border:1px solid #f1f1f1;width:95%}
.mis-f2-ul {
    margin-top: 20px;
}
.mis-f2-ul>li {
    float: left;
    width: 33%;
	margin-bottom:30px;
}
.mis-in2 {
    display: inline-block;
}
.mis-in2 img{
    width: 100px;
    height: 100px;
}
.mis-f2-tt {
    width: 100%;
    position: relative;
	color:#fff;
	font-size:16px;
}
.znh-f2-bg{background: #c4d2e2 url(/images/znh-f2-bg.jpg) no-repeat center;
    background-size: cover;
    height: 606px;}
.znh-f2-box{width:550px;padding-right:650px}
.znh-f2-title {
    padding-top: 60px;font-size: 28px;color:#fff;text-align:center;padding-bottom: 10px;
}
.znh-f2-title span{
	background:#158fcf; border-radius:30px;padding:10px 30px;margin:0 5px;}
.znh-f2-conbox {
    margin-top: 60px;text-align: center;
}
.znhcase-con img{border:1px solid #f1f1f1;width:95%}
.znh-f2-ul {
    margin-top: 20px;
}
.znh-f2-ul>li {
    display:inline-table;
    width: 32%;
	margin-bottom:30px;
}
.znh-in2 {
    display: inline-block;
}
.znh-in2 img{
    width: 100px;
    height: 100px;
}
.znh-f2-tt {
    width: 100%;
    position: relative;
	color:#333;
	font-size:16px;
}
.web-f2-bg{background: #d2d2d2 url(/images/web-f2-bg.jpg) no-repeat center;
    background-size: cover;
    height: 606px;}
.webcase-con img{border:1px solid #f1f1f1;width:95%}
.web-f2-ul {
    margin-top: 20px;
}
.web-f2-ul>li {
    float: left;
    width: 100%;
	margin-bottom:30px;
}
.web-inl {
    display: inline-block;float: left;
}
.web-inl img{
    width: 70px;
    height: 70px;
}
.web-inr {
    display: inline-block;float: right;
}
.web-inr img{
    width: 70px;
    height: 70px;
}
.web-f2-tt {
    width: 100%;
    position: relative;
	color:#333;
	font-size:16px;
}
.gzh-f2-bg{background: #011026 url(/images/gzh-f2-bg.jpg) no-repeat center;
    background-size: cover;
    height: 606px;}
.gzh-f2-title {
    padding-top: 60px;font-size: 28px;color:#fff;text-align:center;padding-bottom: 10px;
}
.gzh-f2-stitle{
	font-size:24px;color:#fff;text-align:center;}
.gzh-f2-stitle span{
	color:#158fcf;background:#f2be00; border-radius:20px;padding:0 10px;margin:0 5px;}	
.gzh-f2-conbox {
    margin-top: 0px;text-align: center;
}
.gzh-f2-ul {
    margin-top: 20px;
}
.gzh-f2-ul>li {
    float: left;
    width: 33.33%;
	margin-bottom:0px;
}
.gzh-in2 {
    display: inline-block;
}
.gzh-in2 img{
    width: 160px;
    height: 160px;
}
.gzh-f2-tt {
    width: 100%;
    position: relative;
	color:#fff;
	font-size:16px;
}
.industry-routine-con{ width:100%; height:auto;margin: 0 auto;}
.industry-routine-con ul{ overflow:hidden; padding-top:25px;}
.industry-routine-con ul li{ width:23.5%; height:auto; float:left; margin-left:2%; position:relative;}
.industry-routine-con ul li:first-child{ margin-left:0;}
.industry-routine-con ul li span{ width:100%; height:100%; color:#fff;text-align:center;}
.industry-routine-con ul li span h3{ font-size:24px; margin-top:50px;font-weight:normal;}
.industry-routine-con ul li span p{ font-size:16px; line-height:32px;font-style:normal;}
.case-prev{ width:5%; float:left;margin:150px auto 0 auto}
.case-next{ width:5%; float:left;margin:150px auto 0 auto}
.case-con{ width:90%; height:auto;margin: 0 auto;float:left;}
.case-con ul{ overflow:hidden; padding-top:25px;}
.case-con ul li{ width:18%; height:auto; float:left; margin-left:2.5%; position:relative;}
.case-con ul li p{ font-size:16px; line-height:32px;font-style:normal;text-align:center;}
.case-con ul li:first-child{ margin-left:0 !important;}
.miscase-con{ width:100%; height:auto;margin: 0 auto;float:left;}
.miscase-con ul{ overflow:hidden; padding-top:25px;}
.miscase-con ul li{ width:20%; height:auto; float:left; position:relative;margin-bottom:15px;}
.displaynone {
	display: none
}
.m22 {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.m22 p{text-align:center;font-size:16px; padding:30px 0;}
.form-btn {
	width: 100%;
}
.form-btn a {
	vertical-align: middle;
	border-radius: 30px;
	font-size: 18px;
	text-align: center;
}
.form-btnfl:hover {
	color: #fff;
}
.form-btnfl {
	float: left;
	background: #158fcf;
	color: #fff;
	height: 50px;
	width: 45%;
	line-height: 50px;
}
.form-btnfr {
	background: none;
	color: #158fcf;
	float: right;
	height: 48px;
	width: 45%;
	line-height: 46px;
	border: 2px solid #158fcf;
}
.dib {
	display: inline-block;
}

  .contacttitle{
    padding: 40px 0 17px;
    text-align: center;}
 .contacttitle h2{margin-bottom: 10px;
    line-height: normal;
    font-weight: normal;
    font-size: 28px;
    color: #158fcf;}
 .contacttitle h3{display: inline-block;
    margin: 0 15px;
    line-height: normal;
    font-weight: normal;
    font-size: 14px;
    color: #000;}
  .pro_box {
    margin: 45px 0 0 113px; }
.pro_img {
    width: 380px;
    height: 450px;
    margin-right: 40px;
    background: url(/images/pro_img.jpg) center; float: left;}
.pro_con {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    width: 610px;
    height: 450px;
    padding: 20px 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 32px;
    color: #666; float: left;
	margin-left:30px;}
.pro_con h3{
   font-size: 22px;
    color: #158fcf; }
.pro_item {
    }
	
.mcontact-text {
	color: #666;
width:100%;margin:0 auto;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff;
}
.mcontact-text>h3 {
	font-size: 16px;
	color: #333;
	line-height: 26px;
	padding: 10px 30px;
}
.mcontact-text>p {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.mapbox {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.page-join{
	padding-top:150px}
.joinl{
	width:50%;
	float:left;}
.joinlbox{
	width:75%;
	background:rgba(0,0,0,.5);
	border-radius:15px;
	margin:20px auto;
	color:#fff;padding:50px;height:260px}
.joinlbox p{
	color:#fff;
	font-size:14px;
	text-indent: 28px;}
.joinr{
	width:50%;
	float:right;}
.contacmore{
    vertical-align: middle;
    border-radius: 30px;
    font-size: 14px;
    text-align: center;
background: #158fcf;
    color: #fff;
    height: 50px;
    line-height: 50px;padding:5px 30px;}
.contacmore:hover {
	color: #fff;
}
@media screen and (min-width: 768px) {
.mzx-bg {
	background: url(/images/zx-bg.png)center center;
	height: 479px;
}
.web-f2-conboxl .web-f2-tt{
	padding-top: 10px;
	}
.web-f2-conboxr .web-f2-tt{
	padding-top: 10px;
	}
}
@media screen and (min-width: 1024px) {
.intro-fr {
	text-align: left;
	padding: 10px 0 50px 0;
	float: right;
	margin-left:400px
}
.intro-fr .tt-H3 span {
	margin: 22px 0 0 10px;
}
.intro-fr p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-indent: 28px;
	padding-bottom: 24px;
}
.intro-bd p:first-child {
	padding-top: 16px !important;
}
.appintro-fr {
	text-align: left;
	float: right;
	width:400px
}
.appintro-fr .tt-H3 span {
	margin: 22px 0 0 10px;
}
.appintro-fr p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-indent: 28px;
	padding-bottom: 24px;
}
.intro-bd p:first-child {
	padding-top: 16px !important;
}
.web-f2-conboxl {
    margin-top: 180px;text-align: left;float:left;width:25%;
}
.web-f2-conboxr {
    margin-top: 180px;text-align: right;float:right;width:25%;
} 
}
 @media screen and (min-width: 1200px) {
.displaynone {
	display: none
}
.mdisplaynone {
	display: block
} 
}
 @media screen and (min-width: 768px) and (max-width: 1199px) {
.displaynone {
	display: block
}
.mdisplaynone {
	display: none
}
.mzx-bg {
	background: url(/images/zx-bg.png)center center;
	height: 400px;
}
.mis-f2-box{width:70%;padding-left:30%}
.znh-f2-box{width:70%;padding-right:30%}
.m22 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.case-prev{ width:10%; float:left;margin:150px auto 0 auto}
.case-next{ width:10%; float:left;margin:150px auto 0 auto}
.case-con{ width:80%; height:auto;margin: 0 auto;float:left; } 
.case-con ul li{ width:32%; height:auto; float:left; margin-left:2%; position:relative;}
.miscase-con{ width:100%; height:auto;margin: 0 auto;float:left; } 
.pdis{display:none}
}
@media screen and (max-width: 1199px) {
.appintro-fl{
	width:100%;
    height: auto;
	float:none;
	text-align:center}
.appintro-fl img{
	max-width:100%;}
.appintro-fr{
	float:none;
    width: 100%;
	margin-bottom:20px;}
.appintro-fr p {
	font-size: 12px;
	line-height: 24px;
	color: #666;
	text-indent: 28px;
	padding-bottom: 24px;
}
.app_ul-13 li{width:33.33%}
.app_ul_left{
	display: inline-block;
	margin-bottom: 15px;
	float:left;
	padding-top:10px}
.app_ul_left img{width:50px;height:50px;}
.app_ul_right{
	margin-left:60px;}
.app_ul_title{
	font-size: 14px;
	font-weight:bold;
	color: #333;
	margin-bottom: 0px;
	text-align: left;
	}
.app_ul_text{
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
	width: 100%;
	line-height: 18px;
	text-align: left;
	height:36px;
	}
.web_ul-13 li{width:25%}
.web_ul_left{
	display: inline-block;
	margin-bottom: 15px;
	float:left;
	padding-top:10px}
.web_ul_left img{width:50px;height:50px;}
.web_ul_right{
	margin-left:60px;}
.web_ul_title{
	font-size: 14px;
	font-weight:bold;
	color: #333;
	margin-bottom: 0px;
	text-align: left;
	}
.web_ul_text{
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
	width: 100%;
	line-height: 18px;
	text-align: left;
	height:36px;
	}
}
@media screen and (max-width: 1023px) {
.xcx_bg{background:none;height:auto;}
.mis_bg{background:none;height:auto;}
.gzh_bg{background:none;height:auto;}
.znh_bg{background:none;height:auto;}
.intro-fr {
	width: 100%;
	text-align: right;
}
.intro-fr .tt-H3 span {
	margin: 22px 0 0 10px;
}
.intro-fr p {
	font-size: 12px;
	line-height: 24px;
	color: #666;
	text-indent: 28px;
	padding-bottom: 24px;
}
.app-f2-bg{
    height: 650px;}
.app-f2-conbox {
    margin-top: 0px;text-align: center;
}
.app-f2-ul>li {
    float: left;
    width: 33.33%;
	margin-bottom:30px;
}
.page-join{
	padding-top:50px}
	.joinl{
	width:100%;
}
.joinlbox{
	width:70%;
	background:rgba(0,0,0,.5);
	border-radius:15px;
	margin:20px auto;padding:20px;
	color:#fff;height:auto}
.contitle {height:56px;}
.joinlbox p{
	color:#fff;
	font-size:14px;
	text-indent: 28px;}
.joinr{
	width:100%;
}
.contacmore{
    vertical-align: middle;
    border-radius: 30px;
    font-size: 14px;
    text-align: center;
background: #158fcf;
    color: #fff;
    height: 50px;
    line-height: 50px;padding:5px 30px;}
.web-f2-bg{
    background:url(/images/mweb-f2-bg.jpg) center no-repeat}
.web-f2-conboxl {
     margin-top: 180px;text-align: left;float:left;width:40%;margin-left: 10%;
}
.web-f2-conboxr {
     margin-top: 180px;text-align: right;float:right;width:40%;margin-right: 10%;
} 
}
@media screen and (max-width: 767px) {
.displaynone {
	display: block
}
.mdisplaynone {
	display: none
}
.nbannerbox {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 250px;
	margin-top: 50px;
}
.z_ul-13 li{width: 85%;margin:0 auto;float:none;}
.z_ul_left{
	display: inline-block;
	margin-bottom: 15px;
	float:left;
	padding-top:10px}
.z_ul_left img{width:50px;height:50px;}
.z_ul_right{
	margin-left:60px;}
.z_ul_title{
	font-size: 14px;
	font-weight:bold;
	color: #333;
	margin-bottom: 0px;
	text-align: left;
	}
.z_ul_text{
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
	width: 100%;
	line-height: 18px;
	text-align: left;
	height:36px;
	}
.hei350{height:350px}
.appintro-fl{
	width:85%;margin:0 auto}
.app_ul-13 li{width: 85%;margin:0 auto;float:none;}
.web_ul-13 li{width: 85%;margin:0 auto;float:none;}
.mhei50{height:50px}
.dis {
    display: block;
}
.clear{clear:both}
.xcx-f2-bg{
    height: 450px;}
.xcx-f2-title {
    padding-top: 40px;
}
.xcx-f2-stitle{
	font-size:18px;color:#fff;text-align:center;}
.xcx-f2-conbox {
    margin-top: 30px;text-align: center;
}
.xcx-in2 img{
    width: 50px;
    height: 50px;
}	
.xcx-f2-tt {
    width: 100%;
    position: relative;
	color:#fff;
	font-size:14px;
}
.app-f2-bg{
    height: 450px;}
.app-f2-title {
    padding-top: 40px;font-size:18px;
}
.app-in2 img{
    width: 80%;
}	
.mis-f2-bg{
    height: 450px;}
.mis-f2-box{width:100%;padding-left:0}
.mis-f2-title {
    padding-top: 40px;
}
.mis-f2-stitle{
	font-size:18px;color:#fff;text-align:center;}
.mis-f2-conbox {
    margin-top: 30px;text-align: center;
}
.mis-in2 img{
    width: 50px;
    height: 50px;
}	
.mis-f2-tt {
    width: 100%;
    position: relative;
	color:#fff;
    font-size: 12px;
    height: 28px;
}
.znh-f2-bg{
    height: 450px;}
.znh-f2-box{width:100%;padding-left:0}
.znh-f2-title {
    padding-top: 40px;
}
.znh-f2-stitle{
	font-size:18px;color:#fff;text-align:center;}
.znh-f2-conbox {
    margin-top: 30px;text-align: center;
}
.znh-in2 img{
    width: 50px;
    height: 50px;
}	
.znh-f2-tt {
    width: 100%;
    position: relative;
	color:#333;
    font-size: 12px;
    height: 28px;
}
.zm-f2-bg{
    height: 450px;}
.gzh-f2-bg{
    height: 450px;}
.gzh-f2-title {
    padding-top: 40px;
}
.gzh-f2-stitle{
	font-size:18px;color:#fff;text-align:center;}
.gzh-f2-conbox {
    margin-top: 0px;text-align: center;
}
.gzh-in2 img{
    width: 80px;
    height: 80px;
}	
.gzh-f2-tt {
    width: 100%;
    position: relative;
	color:#fff;
	font-size:14px;
}
.web-inl img{
    width: 35px;
    height: 35px;
}
.web-inr img{
    width: 35px;
    height: 35px;
}	
.web-f2-tt {
    width: 100%;
    position: relative;
	color:#333;
    font-size: 14px;
    height: 28px;
	padding-left:50px
}
.web-f2-conboxl {
     margin-top: 120px;text-align: left;float:left;width:80%;margin-left: 20%;
}
.web-f2-conboxr {
     margin-top: -20px;text-align: left;float:left;width:80%;margin-left: 20%;
} 
.web-f2-conboxr .web-f2-tt{
	padding-top:0px}
.web-f2-conboxl .web-f2-tt{
	padding-top:0px}
.web-inr {
    display: inline-block;float: left;
}
.industry-routine-con ul{ padding-top:0px;}
.industry-routine-con ul li span h3{ font-size:18px; margin-top:30px;font-weight:normal;}
.industry-routine-con ul li span p{ font-size:12px; line-height:24px;font-style:normal;}
.case-prev{ width:5%; float:left;margin:150px auto 0 auto}
.case-next{ width:5%; float:left;margin:150px auto 0 auto}
.case-con{ width:90%; height:auto;margin: 0 auto;float:left;}
.case-con ul li{ width:48%; height:auto; float:left; margin-left:2%; position:relative;}
.miscase-con{ width:100%; height:auto;margin: 0 auto;float:left;}
.miscase-con ul li{ width:33.33%; height:auto; float:left; position:relative;margin-bottom:5px;}
.mdis{display:none}
.mzx-bg {
	background: url(/images/mzx-bg.png) center top no-repeat;
	height: auto;
}
.m22 {
	width: 50%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}
.form-btn {
	width: 100%;
}
.form-btn a {
	vertical-align: middle;
	border-radius: 30px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}
.form-btnfl:hover {
	color: #fff;
}
.form-btnfl {
	float: left;
	background: #158fcf;
	color: #fff;
	height: 40px;
	line-height: 40px;
	width: 100%;
}
.form-btnfr {
	background: none;
	color: #158fcf;
	float: right;
	height: 38px;
	line-height: 36px;
	border: 2px solid #158fcf;
	width: 98%;
}

.mapbox {
display:none
}
}