/*移动端*/
@media screen and (max-width: 767px){
.xs-clear{clear:both;}
.layui-fluid,.layui-container{padding: 0}
.layui-fluid,.layui-row{overflow: hidden;}
.layui-container{width:92%;margin:0 auto;}

/*header开始*/
.mheader{position:relative;z-index:1000;}
.mheader .logo{position:relative;z-index:1000;padding:5px 0;background-color:#ffffff;}
.mheader .logo img{height:32px;margin-left:12px;}
.mheader .top-more{position:absolute;top:15px;right:12px;z-index:1002;}
.mheader .top-more img{width:22px;}
.mainnav{
	position: absolute;
	background-color:#464646;
	width: 100%;
	z-index: 999;
	padding-top: 10px;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	top:-310px;
	margin-left:0;
}
.show {
	top:42px;
	overflow: hidden;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.mainnav ul{padding:0 10px;}
.mainnav li{text-align:left;margin:10px 0;padding-bottom:10px;width: 100%;}
.mainnav li.on{border-bottom: 2px solid #cf1c11;}
.mainnav .language span{
	background-image:url(../images/jiao-w.png);
	background-position: right center;
	background-repeat:no-repeat;
	padding-right:12px;
	}
.mainnav li span{
	color:#ffffff;
	font-size:16px;
	text-transform:capitalize;
}
.mainnav li:hover span{
	padding-right:15px;
	color:#cf1c11;
}
.mainnav .language:hover span{
	background-image:url(../images/jiao-w.png);
	padding-right:12px;
	color: #ffffff;
}
.mainnav .language .home{margin-right:40px;width:80px;display:inline-block;}
.mainnav .column2{
	background-color:#464646;
	border-top:2px solid #cf1c11;
	width:170px;
	display: none;
	margin:10px 0 0 15px;
	padding:0 0;
	box-shadow: 0 1px 4px 1px #333333;
	-o-box-shadow: 0 1px 4px 1px #333333;
	-webkit-box-shadow: 0 1px 4px 1px #333333;
	-moz-box-shadow: 0 1px 4px 1px #333333;
	-ms-box-shadow: 0 1px 4px 1px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter:" progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')";
}
.mainnav .column2 li{
	text-align:center;
	border-bottom:1px solid #505050;
	padding:15px 0;
	margin:0;
}
.mainnav .column2 li a{font-size:14px;color:#ffffff;text-transform:capitalize;}
.mainnav > ul > li:hover .column2{display: block;}
.mainnav .pro-column{width:180px;}
#mainnav-background-layer{
	position: fixed;
	z-index: 988;
	display: none;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
}
#mainnav-background-layer.show{
    display: block;
}


/*公共内容开始*/
.page{
	text-align:center;
    padding:40px 0 0 0;
}
.page a{
	padding:5px 10px; 
	background-color:#838383;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #838383;
	border-radius:3px;
    -moz-border-radius:3px; 
	-ms-border-radius:3px;
    -webkit-border-radius:3px;
	-o-border-radius:3px;
	display:inline-block;
}
.page span{
	padding:5px 22px;
	margin:0 6px;
	border:1px solid #838383;
	border-radius:3px;
    -moz-border-radius:3px; 
	-ms-border-radius:3px;
    -webkit-border-radius:3px;
	-o-border-radius:3px;
}

/*首页banner开始*/
.slideBoxbanner{overflow:hidden;height:0;padding-top:42% !important;}
.slideBoxbanner .bd li{display: block;height:100% !important;background-size:152%;}
.slideBoxbanner .hd{bottom:8px;}
.slideBoxbanner .hd li{width:11px;height:11px;margin:0 5px;}
.slideBoxbanner .hd li span{
	width:5px;
	height:5px;
	margin:3px;
}
.banner_about{background-position:70% center;height:initial;padding:15% 0;background-size:390%;}
.banner_news{background-position:70% center;height:initial;padding:15% 0;background-size:390%;}
.banner_service{background-position:70% center;height:initial;padding:15% 0;background-size:390%;}
.banner_contact{background-position:70% center;height:initial;padding:15% 0;background-size:390%;}
.banner_works{background-position:70% center;height:initial;padding:15% 0;background-size:390%;}

/*index*/
.inpart .main{padding:30px 0;}
.indtitle{background:none;font-size:20px;width:initial;padding:0;}
.indtitle#whiteline{background:none;font-size:20px;width:initial;padding:0;}
.indtitle2{padding:5px 0 20px 0;}
.indservice{padding:0;}
.indservice ul{margin-bottom:-20px;}
.indservice li{background-size:90px;padding-bottom:20px;}
.indservice .list02{background-size:90px;}
.indservice .list03{background-size:90px;}
.indservice .list04{background-size:90px;}
.indservice li a p{ padding-top:105px;font-size:15px;}
.indservice li span a{line-height:25px;font-size:12px;}
.indservice li a.bnt{background:url(../images/indtj.png) no-repeat -178px 0px;background-size:230px;width:52px;height:52px;margin:10px auto 0;}
.indpro li:nth-child(n+5){display:none;}
.indpro li a h6{font-size:14px;height:42px;margin:30px auto 20px;}
.indpro li a p{font-size:12px;}
.lnewslist{padding:0;}
.lnewslist ul{margin:-10px 0;}
.lnewslist li{padding:10px 0;}
.lnewslist li:nth-child(n+5){display:none;}
.lnewslist .leftDate{height:75px;}
.lnewslist .leftDate span.ld1{font-size:30px;padding:13px 0px 0px;}
.lnewslist a.newstitle{font-size:15px;padding:18px 0 8px 0;}
.lnewslist span.s1{font-size:12px;}
.lnewslist .right a.more{font-size:12px;}
.chakan{bottom:20px;}
.chakan span{line-height:25px;height:25px;width:100px;font-size:12px;}
.chakanmore{width:100px;line-height:30px;height:30px;font-size:12px;}
.chakanmore2{font-size:12px;}
.inpart5 ul{margin:-10px -10px;}
.inpart5 li{padding:10px 10px;}
.inpart5 li p{margin-top:5px;}
.fltitle{padding:0 0 20px;}
.footbg{padding:0;line-height:45px;}
.footbg .fr{float:initial;}
.footbg .ffont03{text-align:center;padding:0;}
.qqs{top:initial;bottom:70px;}
.qqs a{line-height:initial;font-size:12px;padding:10px 5px;}
.qqs a span{padding:20px 0 0 0;background:url(../images/qqs1.png) no-repeat center top;}

/*内页内容开始*/
.about{padding:35px 0;}
.about .title{margin-bottom:20px;}
.about .title img{height:35px;}
.about01 .left{width:100%;float:initial;}
.about01 .left p{line-height:200%;margin:20px 0;}
.about01 .right{width:100%;float:initial;margin-top:30px;}
.about01 .right .pic{padding:0 15%;text-align:center;}
.about03 ul{margin:-10px;padding:0;}
.about03 li{padding:10px;}


.textnav ul{margin:-1px;padding-top:25px;}
.textnav li{padding:1px;}
.textnav li a{font-size:14px;line-height:40px;height:40px;}
.textnav li a.on{background-position:10% center;}
.textbodybg{margin:30px 0 35px 0;}
.textbodybg-works{background-color:initial;}
.newsbody{padding:35px 20px;}
.texttitle{padding:0 0 20px 0;font-size:18px;} 
.xd li{padding:25px 0;}
.xd p{line-height:220%;}
.xdRight{margin-left:95px;}
.xd .xdRightP1{font-size:18px;}
.xd .xdRightP2{padding-left:16px;}	
.xd .xdRightP3{ 
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height:50px;
	line-height:180%;
}
.liz{
  width:75px;
  height:90px;
  margin-left:0;
}
.liz p{ font-size:40px; line-height:60px;}
.liz span{font-size:14px;line-height:30px;}
.prj-nav{padding-top:10px;}
.prj-nav ul{margin:-3px -2px;}
.prj-nav li{padding:3px 2px;width:25%;}
.prj-nav a{height:30px;line-height:30px;}
.projectlist{padding:35px 0;}
.projectlist ul{margin:-15px -12px;}
.projectlist li{padding:15px 12px;} 
.projectlist h1{font-size:14px;padding:12px 12px;}
.projectlist li p{font-size:12px;line-height:180%;margin:12px 12px 15px 12px;-webkit-line-clamp:2;height:42px;}
.projectlist li .visit{height:35px;line-height:35px;font-size:12px;}

.joinin{padding:35px 20px;}
.joinin .big{width:65%;}
.joinin p{padding:20px 0 0 0;line-height:200%;}
.joinin span{font-size:15px;line-height:280%;padding-left:30px;}

.indservice2{padding:0;}
.indservice2 ul{margin:-15px -12px;padding-bottom:0;}
.indservice2 li{padding:15px 12px;}
.indservice2 li .content{height:330px;box-shadow:0px 5px 10px #eeeeee;}
.indservice2 li img{width:90px;padding:20px 0 15px 0;}
.indservice2 li a{font-size:12px;line-height:24px;}
.indservice2 li p a{font-size:15px;}

.worknav-tit{width:initial;padding:25px 0 20px 0;}
.worknav-tit span.bigword{font-size:42px;padding-right:5px;line-height:100%;}
.worknav-tit span.cnword{ font-size:18px;padding-top:4px;line-height:100%;}
.worknav-tit span.enword{ font-size:12px;padding-top:2px;line-height:100%;}
.worknav2 ul{margin-left:-2px;padding-bottom:20px;}
.worknav2 li,.qywzjs .worknav2 li{padding:0;width:50%;text-align:center;margin-bottom:5px;}
.worknav2 li a,.qywzjs .worknav2 li a{line-height:35px;height:35px;font-size:14px;background:#52bb9d;color:#ffffff;border-left:2px solid #ffffff;}

.wtit{padding:30px 0 5px 0;margin-bottom:20px;}   
.wtit span{font-size:25px;}
.wtit h1{font-size:18px;line-height:180%;}
.webdetail{padding-bottom:30px;}
.webdetail p{font-size:13px;line-height:200%;margin-top:20px;}
.webdetail p:first-child{margin-top:0;} 
.webdetail .fontb{padding:5px 0 15px 0;}
.webdetail .fontb span{font-size:18px;background-size:30px;padding:25px 0 0 35px;}
.webdetail .iconstar{background-position:10px 3px;}
.webdetail01 .left{width:42%;margin-right:5%;}
.webdetail01 .right{padding:0;}
.webdetail01 .right p{margin:0 0 20px 0;} 
.webdetail01 .right img{width:60%;padding:0 20%;}
.webdetail02 .left{width:100%;padding:0;}
.webdetail02 .right{width:60%;padding:0 20%;margin:0;}
.webdetail03 .right{padding:0;} 
.webdetail03 .right img{width:60%;padding:0 20%;}
.webdetail04 .left{width:100%;padding:0;}
.webdetail04 .right{width:60%;padding:0 20%;margin:20px 0 0 0;}
.webdetail05 .right{padding:0;}
.webdetail05 .right img{width:60%;padding:0 20%;margin-top:20px;}
.webdetail06 .right{padding:0;}
.webdetail06 .right img{width:60%;padding:0 20%;margin-top:20px;}
.webdetail07 .right{padding:0;}
.webdetail07 .right img{width:60%;padding:0 20%;margin-top:20px;}


.works-top{padding:20px 0 0 0;}
.works-top-postion{padding:55px 0 0 50px;background-size:80px;}
.works-top-h1{font-size:45px;}
.works-top-title{font-size:13px;padding:15px 0 0 50px;}
.works2-top{padding:30px 0 20px 0;}
.works2-top-h1{font-size:16px;padding:0 10px;display:block;}
.works3-top{font-size:16px;padding:30px 0 20px;}
.works-contact{font-size:13px;line-height:200%;margin:20px 0;}
.works-contact2{font-size:13px;line-height:200%;margin:20px 0 35px 0;}
.works-contact3{font-size:13px;line-height:200%;margin:20px 0 35px 0;}
.works-contact3 p{text-align:left;text-indent:2em;}

.works-contact-title2{margin:0 0 35px 0;}
.works-contact-title2 ul{margin:-5px;}
.works-contact-title2 li{padding:5px;width:100%;}
.works-contact-title2 li .content{height:initial;padding:20px;}
.works-contact-title2 li h1{padding:0 0 15px 0;font-size:15px;}
.works-contact-title2 li p{margin-top:15px;padding:0;line-height:180%;}

.works-process .process-pic{display:none;}
.works-process ul{padding:5px 0 45px 10%}
.works-process li img{float:left;height:45px;}
.works-process li p{margin-left:55px;padding-top:15px;}
.works-process li i{color:#cccccc;font-size:18px;padding:5px 0 5px 7px;display:inline-block;}

.sys1{padding:20px 0 35px 0;}
.sys1 ul{margin:-15px -12px;}
.sys1 li{padding:15px 12px;width:50%;}
.sys1 li .content{height:150px;padding:0 18%;}
.sys1 li img{padding-top:25px;width:60px;}
.sys1 li h1{font-size:14px;padding-top:15px;}

.OA-system{padding-bottom:25px;}
.OA-system li{padding:25px 20px;}
.OA-system li i{border:5px solid #e5eaf0;font-size:20px;width:45px;height:45px;line-height:45px;}
.OA-system li .content{margin-left:70px;}
.OA-system li strong{font-size:15px;line-height:180%;}
.OA-system li p{line-height:180%;margin-top:5px;}
.approval-system{margin:0 0 35px 0;}
.approval-system .left{padding:0 20%;}
.approval-system .right{margin-top:0;}
.approval-system .right .fr{width:50%;text-align:center;}
.approval-system .right .content1{margin-right:0%;float:left;}
.approval-system .right p{font-size:14px;line-height:initial;margin:25px 0 0 0 ;}
.approval-system .right i{float:initial;width:56px;height:56px;margin:0;background-size:34px;}
.approval-system .right span{display:block;padding-top:15px;}
.jiaofei li{height:225px;}
.jiaofei1{margin:10px 15px 0; }
.jficon1,.jficon2,.jficon3,.jficon4,.jficon5,.jficon6,.jficon7{height:60px;background-size:45px;}
.jficon2{background-image:url(../images/sysa2-2.png);}
.jficon3{background-image:url(../images/sysa3-2.png);}
.jficon4{background-image:url(../images/sysa4-2.png);}
.jficon5{background-image:url(../images/sysa5-2.png);}
.jiaofei{padding-bottom:35px;}
.jiaofei li h1{font-size:15px;}
.jiaofei li p{font-size:12px;line-height:180%;padding-top:10px;}
.jiaofei .list04{background-color:#f7cf6e;}
.jiaofei .list04 h1{color:#9e5500;}
.jiaofei .list04 p{color:#9e5500;}
.jiaofei .list05{background-color:#7dd5c9;}
.jiaofei .list05 h1{color:#015f52;}
.jiaofei .list05 p{color:#015f52;}

.ordering-system{margin-top:30px;}
.ordering-system ul{margin:-15px 0;}
.ordering-system li{padding:15px 0;}
.ordering-system li strong{font-size:15px;border-left:4px solid #cf4946;padding-left:8px;}
.ordering-system li p{font-size:13px;margin-top:10px;}
.ordering-system .pic{padding:20px 25% 0;}
.GRID{margin:30px 0 35px 0;}

.account-type{padding:10px 0 35px 0;}
.account-type ul{margin:-15px 0;}
.account-type li{padding:15px 0;text-align:left;}
.account-type li i{height:90px;width:90px;float:left;background-size:45px;}
.account-type li .content{margin-left:110px;}
.account-type li strong{font-size:15px;margin:5px 0 10px 0;}
.account-type li p{line-height:180%;max-width:initial;}

.operation{margin-top:30px;}
.operation ul{margin:-15px 0;padding-bottom:35px;}
.operation li{padding:15px 0;}
.operation li .content{padding-left:65px;}
.operation li img{margin-top:0;}
.operation li strong{font-size:15px;}
.operation li p{margin-top:10px;}
.operation .right{text-align:center;padding:0 5%;}

.project{margin:35px 0;}
.project ul{margin:-15px -12px;}
.project li{padding:15px 12px;}
.project li .content{height:170px;background-position:center 80px;background-size:80px;}
.project li h1{font-size:15px;padding:20px 20px 0 20px;}

.cooperation{margin:0 0 35px 0;}
.cooperation ul{padding-left:10%;margin:-8px 0;}
.cooperation ul i{color:#cccccc;font-size:18px;width:48px;text-align:center;display:block;}
.cooperation li{float:initial;display:block;line-height:48px;width:100%;padding:8px 0;}
.cooperation li .num{height:48px;width:48px;font-size:20px;}
.cooperation li p{font-size:15px;}

.domain{padding:0 0 30px 0;}
.domain ul{margin:0;overflow:initial;}
.domain li{padding:0;}
.domain .right{margin-top:0;}
.domain .right img{width:60%;padding: 0 20%;}

.enterprise-email{padding-bottom:35px;}
.enterprise-email .cell{font-size:12px;line-height:33px;padding:4px;}
.enterprise-email .row:nth-child(odd) .big{padding:15px 0 0 0;height:45px;font-size:16px;}
.enterprise-email .row:nth-child(odd) .big span{font-size:12px;line-height:200%;}
.enterprise-email .right{float:left;}
.enterprise-email .right .content{padding-left:10%;margin-top:30px;}
.enterprise-email .right p{padding:0 0 0 75px;margin:25px 0 0 0;font-size:15px;line-height:60px;background-size:60px;}
.enterprise-email .right p:first-child{margin-top:0;}

.webdetail p.font12{font-size:12px;line-height:200%;}
.ICP{padding-bottom:35px;}
.ICP p{text-align:left;}
.ICP p:first-child{text-indent:2em;}
.wb5{padding:30px 20px;border-radius:15px;margin-bottom:35px;}
.wb5 p{font-size:13px;line-height:200%;}
.wb5 h1{font-size:16px;padding-bottom:20px;}
.wb5 p.font14{font-size:13px;padding-bottom:0;}

.market{padding:5px 0 35px 0;}
.market ul{width:100%;margin:-10px 0;}
.market li{padding:10px 0;width:33.3333333%;float:left;}
.market p{width:100px;line-height:100px;font-size:12px;}






.webgh{padding:0 0 35px 0;}
.webgh ul{margin:-15px -12px;}
.webgh li{padding:15px 12px;}
.webgh li .content{height:135px;}
.webgh li img{width:50px;padding:20px 0 10px;}
.webgh li h1{font-size:13px;}

.contact{padding:25px 20px 35px 20px;}
.contact span{line-height:230%}
.contact span.title{font-size:20px;line-height:180%;}
.contact span.etitle{font-size:14px;line-height:180%;}
.contact span.phone{font-size:22px;}
.contactqq{margin:10px 30px 0 0;width:46px; height:46px; }
.contact .left{float:initial;}
.contact .right{float:initial;width:initial;text-align:center;margin-top:25px;}
.contact .right img{width:180px;height:180px;}
.contact .map iframe{height:230px;}

#nb_invite_wrap{display:none!important;}


@media screen and (max-width:414px){
.indpro ul{margin:-10px -6px;}
.indpro li{padding:10px 6px;}
.indpro li a h6{font-size:14px;margin:20px auto 20px;}
.chakan{bottom:15px;}
.chakan span{width:80px;}
.chakanmore{margin-top:20px;}
.chakanmore2{margin-top:20px;}
.textnav li a.on{background-position:7% center;}
.projectlist ul{margin:-10px -6px;}
.projectlist li{padding:10px 6px;} 
.indservice2 ul{margin:-10px -6px;}
.indservice2 li{padding:10px 6px;}
.webgh ul{margin:-10px -6px;}
.webgh li{padding:10px 6px;}
.sys1 ul{margin:-6px;}
.sys1 li{padding:6px;}
.project ul{margin:-6px;}
.project li{padding:6px;}
.market ul{margin:-6px 0;}
.market li{padding:6px 0;}
}