@charset "utf-8";
body{background: #fff;}

.head .hetop{display: none;}
.head .logo img:first-child{display: none;}
.head .logo img:last-child{display: block;}
.head .logo{ max-width: 115px;}
.heads .right{padding-top: 0;}

.pagebanner{background-size: cover !important; height: 480px;position:relative;}
.ban_js {
width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;padding-left:5%;box-sizing:border-box;
}
    .ban_js h2 {
        font-size: 45px;color:#fff;font-weight:bold;
        padding:8% 0 14px 0;
    }
    .ban_js p {
        font-size: 17px;
        color:#fff;
    }
.pagebanner .hide {display:none;}
.pagebanner .show {display: block;}
@media (max-width: 1400px) {
    .pagebanner{
		height: 390px;
	}
}

.pageBox{padding: 4% 0 2%; color: #999;}
.pageBox img{
	display: block !important;
	max-width: 100%;
	margin: 0 auto;
}
.pagetit{text-align: center; font-weight: bold; line-height: 1.2em; padding-bottom: 3.5%; color: #333333;}

.gsjs{ font-size: 16px;}
.gsjs .imgs{float: left;}
.gsjs .txt{float: right; width: calc(100% - 480px); line-height: 1.5em;}

.Industry{padding: 6% 0 0;}
.pgxtit{font-size: 16px; padding-bottom: 4%;}
.pgxtit h3{text-align: center; color: #333; font-weight: bold; padding-bottom: 2.5%;}

.Indulb_{position: relative; overflow: hidden;}
.Indulb_ .swiper-wrapper .swiper-slide p{
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #999;
	margin-top: 10px;
}
@media (max-width: 768px){
	.Indulb_ .swiper-wrapper .swiper-slide p{
		text-align: center;
		font-size: 14px;
		line-height: 18px;
	}
}
.Indulb{position: relative;}
.Indulb .qhs{position: absolute; top: 50%; z-index: 3; margin-top: -35px; border-radius: 50%; opacity: 0.5;}
.Indulb .qhs1{left: -110px;}
.Indulb .qhs2{right: -110px;}
.Indulb .qhs:hover{opacity: 1;}

.ceozc{font-size: 16px; line-height: 1.8em; max-width: 900px; margin: 0 auto;}
.ceozc .cons{}
.ceozc img{float: left; display: inline-block; height: auto !important; padding: 0 1.8em 1em 0;}
.ceozc .cons .txt{/*float: right;*/ /*width: calc(100% - 350px);*/}

.certification{padding-top: 6%;}
.certification a{display: block; position: relative;}
.certification a p{position: absolute; top: 0; left: 0; width: 90%; padding: 10px 5%; text-align: center; background: rgba(0,91,172,0.7); color: #fff !important;margin-top: 0 !important;}

.Scientifics{font-size: 18px; color: #333333; line-height: 1.8em;}
.ditu {width: 54%;margin:0 auto;display: none;}

.history{padding: 2% 0 7%; max-width: 1000px;}
.history .li{margin-top: 4%; position: relative;}
.history .li .imgs{width: 437px;}
.history .li .cons{width: calc(100% - 397px); left: auto; right: 0;}
.history .li .cons .con{background: #fff; padding:40px 48px; position: relative; box-shadow:0 0 25px rgba(0,0,0,0.12);}
.history .li .con .sanj{position: absolute; right: 100%; top: 8%; width: 25px;}
.history .li .cons .con h3{line-height: 1.2em; padding-bottom: 0.3em;}
.history .li .cons .con li{font-size: 18px; padding-top: 4%;}
.history .li .cons .con li:first-child{padding-top: 2%;}
.history .li .cons .con li span{color: #003586; font-weight: bold;}

.Solutions{}
.Solutions li{margin-top: 30px; background: #eeeeee;}
.Solutions li:first-child{margin-top: 0;}
.Solutions li .img{float: left; width:62.5%;}
.Solutions li .txt{float: right; width: 37.5%;}
.Solutions li .con{padding:55px 56px 0;}
.Solutions li .con h3{font-size: 18px; color: #333; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Solutions li .con p{margin: 8% 0 15%; line-height: 1.8em;}
.Solutions li .con a{display: inline-block; padding: 0 2em; text-transform: uppercase; font-size: 12px; color: #fff; line-height: 36px; background: #005bac;}
.Solutions li .con a:hover{background: #003586;}

.Cases{}
.Cases ul li{float: left; width: calc(50% - 20px); margin-top: 40px;}
.Cases ul li:nth-child(1),.Cases ul li:nth-child(2){margin-top: 0;}
.Cases ul li:nth-child(2n){float: right;}
.Cases ul li .txt{background: #fff; padding: 32px 10%;}
.Cases ul li .txt h3{text-align: center; padding-bottom: 0.7em; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Cases ul li .txt p{font-size: 16px; color: #999; height: 4em; overflow: hidden;}

.Casesxq{padding-bottom: 5%; max-width: 908px; margin: 0 auto;}
.Casesxq .txt{line-height: 1.8em;}
.Casesxq .txt img{height: auto !important;}
.Casesxq .xz{display: inline-block; margin-top: 1.8em; padding: 0 2em; line-height: 52px; background: #005bac; color: #fff;}
.Casesxq .xz:hover{background: #003586;}
.Casesxq .xz img{display: inline-block; vertical-align: middle; padding-right: 0.5em;}
.Casesxq .casimg{text-align: center;}
.Casesxq .casimg img{display: inline-block; height: auto !important;}

.Productls{}
.Productls li{float: left; width: calc(33.33% - 2px); margin: 0 1px 2px;}
.Productls li a{display: block; background: #e5e5e6; padding: 12% 5% 6%;color: #999; font-size: 16px;}
.Productls li a .imgs{margin: 0 auto; width: 190px;height: 190px;overflow: hidden;}
@media (max-width: 768px){
	.Productls li a .imgs{
		width: 150px;
		height: 150px;
	}
}
.Productls li a .imgs img{margin: 0 auto;}
.Productls li a p{padding-top: 5%; text-align: center; width: 100%; overflow: hidden; /*white-space: nowrap;text-overflow: ellipsis;*/ height: 3em;}
.Productls li a:hover{color: #003586;}

.Productxq{position: relative;}
.Software{}
.Software ul li{width: 33.33%; margin: 0 0 30px; float: left;}
.Software ul li .con{max-width: 249px; margin: 0 auto;font-size: 16px;}
.Software ul li h3{ color: #333333; text-align: center; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 7.5% 0 6%;}
.Software ul li .txts{height:6em; overflow: hidden; color: #666; text-justify:distribute-all-lines;
                   text-align: justify;}
.xqleimg{float: left; width: 38.5%; overflow: hidden; position: relative;}
.xqleimg .swiper-slide a{display: block; position: relative; background: #e5e5e6; padding:15% 5%;}
.xqleimg .swiper-slide a .imgs{max-width: 190px; margin: 0 auto;}
.xqleimg span.fdj{position: absolute; right: 15px; top: 15px; z-index: 3;}
.xqleqg{position: absolute; left: auto !important; right: 5% !important; width: 50% !important; bottom: 5% !important; z-index: 3; text-align: right;}
.xqleqg span{background: #fff; opacity: 0.5;}
.xqleqg span.swiper-pagination-bullet-active{opacity: 1;}

.wsdtl{position: fixed; z-index: 55; background: rgba(0,0,0,.8); display: none; width: 600px; height: 600px; max-height: 100vh; left: 50%; top: 50%; margin-left: -300px; margin-top: -300px;}
.wsdtl .con{max-width: 500px; margin: 0 auto; width: 80%;}

.cpxqh{position: absolute; z-index: 3; font-size: 30px; font-family: simsun; line-height: 30px; font-weight: bold; color: #333; top: 50%; margin-top: -15px;}
.cpxqh1{left: 10px;}
.cpxqh2{right: 10px;}

.xqletxt{float: right; width: 56%; font-size: 16px; line-height: 1.8em; color: #333333;}
.xqletxt .xz{display: inline-block; margin-top: 8%; padding: 0 2em; line-height: 52px; background: #237ae4; color: #fff; text-transform: uppercase;}
.xqletxt .xz:hover{background: #003586;}
.xqletxt .xz img{display: inline-block !important; vertical-align: middle; padding-right: 0.5em;}

.pagesm{text-align: left; max-width: 710px; margin: 0 auto; line-height: 1.8em; color: #666666; font-size: 16px;}
.pagetits{padding-bottom: 2%;}

.fuwlc .ul{ color: #333;}
.fuwlc .ul .li{float: left; width:calc(14.28% - 30px); margin-left: 35px; margin-top: 5%; position: relative;}
.fuwlc .ul .li:first-child{margin-left: 0;}
.fuwlc .ul .li h3{text-align: center; font-weight: bold; height:3em;}
.fuwlc .ul .li .ico{width: 80%; max-width: 74px; margin: 0 auto; padding: 24px 0;}
.fuwlc .ul .li h4{text-align: center; padding-bottom: 10px; color: #005bac; font-style: italic;}
.fuwlc .ul .li .jt{position: absolute; left: -20px; top: calc(3em + 46px);}
.fuwlc .ul .li:first-child .jt{display: none;}
.fuwlc .ul .li .txt{line-height: 1.8em;}

.jtscs{padding-top: 4%;}

.Partner ul li{float: left; width: calc(25% - 21px); margin-left: 28px; margin-top: 28px;}
.Partner ul li:nth-child(4n+1){margin-left: 0;}

.pagesms{text-align: left; font-size: 14px;}
.newok{padding: 0 5% 7%;}
.newok img{margin: 0 auto;}

.zxbds{ font-size: 19px; max-width: 800px; margin: 0 auto; line-height: 50px;}
.zxbds span{text-align: left; color: #333;font-size: 16px;
width: 120px;
	float: left;
	text-align: left;
	line-height: 46px;
	}
.zxbds .dt{
	margin-bottom: 15px;
}
.zxbds .dt select{float: right; width:calc(100% - 130px); height: 46px; line-height: 46px;padding-left: 15px; color: #666; border: 1px solid #ccc; color: #333;font-size: 16px;box-sizing: border-box;}
.zxbds .li{
	width: 100%;
	margin-bottom: 15px;
}
.zxbds .li .txt{float: right; width:calc(100% - 130px); height: 46px; line-height: 46px;padding-left: 15px; color: #666; border: 1px solid #ccc; color: #333;font-size: 16px;box-sizing: border-box;}
.zxbds em{float: left; width: 1em; text-align: center; color: #f00;}
.zxbds .li .liBox{
	float: left;
	padding-top: 0;
	margin-left: 10px;
}
.zxbds .li .liBox .t{
	margin-right: 20px;
	float: left;
	padding-left: 15px;
	cursor: pointer;
	font-size: 16px;
}
.zxbds .li .liBox .t input{
	margin-right: 5px;
}
.zxbds .dd{
	margin-bottom: 15px;
}
.zxbds .dd textarea{
	float: right; 
	width:calc(100% - 130px); 
	height: 150px; 
	line-height: 30px;
	padding: 15px; 
	color: #666; 
	border: 1px solid #ccc; 
	color: #333;
	font-size: 16px;
	box-sizing: border-box;
}
.zxbds .annsc{padding-top: 30px;}
.zxbds .yzm{width:calc(84% - 9.9em - 180px); float: left; margin-left: 1em; max-width: 240px; position: relative;}
.zxbds .yzm input{float: left; width:calc(100% - 83px - 54px); height: 46px; line-height: 46px; padding: 0 25px; color: #666; border: 2px solid #eeeeee; border-right: 0; color: #333;}
.zxbds .yzm a{display: block; float: left; width: 83px; border: 2px solid #eeeeee; border-left: 0; height: 46px;}
.zxbds .yzm a img{width: 100%; height: 100%;}
.zxbds .but{
	float: left; 
	margin-left: 10%; 
	background: #005bac; 
	height: 50px; 
	width: 180px; 
	color: #fff;
	float: right;
	border: none;
}
.zxbds .but:hover{background: #003586;}
.zxbds .ff{
	width: calc(100% - 130px);
	margin-left: 130px;
}
.zxbds .ff .file{
	float: left;
	font-size: 14px;
	margin-top: 10px;
}
.zxbds .cc{
	width: calc(100% - 130px);
	margin-left: 130px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
}

@media (max-width: 768px){
	.zxbds span{
		font-size: 14px;
		width: 100%;
		float: none;
		line-height: 24px;
	}
	.zxbds .dt select{
		font-size: 14px;
		float: none;
		width: 100%;
		height: 40px;
		padding-left: 10px;
	}
	.zxbds .li .txt{
		font-size: 14px;
		float: none;
		width: 100%;
		height: 40px;
		padding-left: 10px;
	}
	.zxbds .dd textarea{
		font-size: 14px;
		float: none;
		width: 100%;
	}
	.zxbds .li .liBox{
		float: none;
	}
	.zxbds .li{
		margin-bottom: 5px;
	}
	.zxbds .dt{
		margin-bottom: 5px;
	}
	.zxbds .ff{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.zxbds .but{
		width: 120px;
		height: 40px;
		line-height: 40px;
		margin-left: 0 !important;
		font-size: 14px;
	}
	.zxbds .cc{
		margin-left: 0;
		width: 100%;
		font-size: 14px;
		line-height: 20px;
		margin-top: 10px;
	}
	.zxbds .ff .file{
		font-size: 14px !important;
		width: calc(100% - 120px);
		margin-left: 0 !important;
	}
	.zxbds .li .liBox .t{
		padding-left: 10px;
	}
}

.contactBox{}
.contactBox .left{float: left; width: 440px;color: #333; font-size: 20px;}
.contactBox .left .tit{padding-bottom: 0.3em;}
.contactBox .left li{padding-top: 30px;}
.contactBox .left .ico{display: inline-block; vertical-align: middle;}
.contactBox .left .txt{display: inline-block; vertical-align: middle; }
.contactBox .left .txt h3{color: #005BAC;}

.contactBox .right{float: right; width: calc(100% - 500px);}
.my-map{height: 582px;}
.my-map img{max-width: initial;}
.amap-container{height: 100%;}

.wsbd{padding-top: 6%; font-size: 20px;color: #333;}
.wsbd .tit{ padding-bottom: 0.3em;}
.wsbd .li{padding-top: 20px;}
.wsbd .li input{display: block; width:calc(100% - 54px); height: 56px; line-height: 56px; padding: 0 25px; color: #666; border: 2px solid #eeeeee; color: #333;}
.wsbd .li textarea{display: block; width:calc(100% - 54px); height: 156px; line-height: 36px; padding: 10px 25px; color: #666; border: 2px solid #eeeeee; color: #333;}
.wsbd .ann{padding-top: 30px;}
.wsbd .ann h5{float: left;}
.wsbd .ann input{float: right; width: 230px; height: 60px;border: 2px solid #eeeeee; color: #333; background: none;}
.wsbd .ann input:hover{background: #003586; color: #fff;}

.nlist{}
.nlist ul li{float: left; width: calc(50% - 15px); margin-bottom:30px;}
.nlist ul li:nth-child(2n){float: right;}
.nlist ul li a{display: block; background: #fff; color: #999;}
.nlist ul li a .img{float: left; width: 200px;}
.nlist ul li a .con{float: right; width: calc(100% - 260px); padding: 30px 30px 0;}
.nlist ul li a h3{font-size: 18px; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nlist ul li a span{padding: 5px 0; display: block;}
.nlist ul li a p{height: 3em; overflow: hidden;}
.nlist ul li a font{display: block; margin-top: 22px;}

.vlist{}
.vlist ul li{float: left; width: calc(33.33% - 20px); margin-bottom:30px; margin-left: 30px;}
.vlist ul li:nth-child(3n+1){margin-left: 0;}
.vlist ul li a{display: block; background: #fff; color: #999;}
.vlist ul li a .img{position: relative;}
.vlist ul li a .img span{background: url(../images/news/vidico1.png) no-repeat center; z-index: 2;}
.vlist ul li a .con{padding: 22px 24px;} 
.vlist ul li a .con h3{font-size: 18px; color: #333; padding-bottom: 0.5em;line-height: 26px;height: 52px;}
.vlist ul li a .con  p{height: 3em; overflow: hidden;display: none;}

.erjfl{text-align: center; font-size: 20px; padding-bottom: 3.5%;}
.erjfl a{display: inline-block; margin: 0 5%;}
.erjfl a.cur{color: #005bac;}

.Exhlist{}
.Exhlist ul li{float: left; width: calc(50% - 15px); margin-bottom: 30px;}
.Exhlist ul li:nth-child(2n){float: right;}
.Exhlist ul li a{display: block; background: #fff;}
.Exhlist ul li a:hover{box-shadow: 0 0 25px rgba(0,0,0,0.06);}
.Exhlist ul li a .time{float: left; width: 139px; border-right: 1px solid #DCDCDC; text-align: center; padding: 16px 0 18px;}
.Exhlist ul li a .time p{line-height: 1em; font-weight: bold; color: #005BAC;}
.Exhlist ul li a .time span{display: block; line-height: 1em; padding-top: 8px;}
.Exhlist ul li a .txt{float: left; width: calc(100% - 268px); padding:16px 30px 0;}
.Exhlist ul li a .txt h3{font-size: 18px; padding-bottom: 10px;width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Exhlist ul li a .txt p{color: #999; height: 3em; overflow: hidden;}
.Exhlist ul li a font{float: left; padding-top: 35px;}

.newxq{}
.newtit{text-align: center;}
.newtit h3{color: #333; font-size: 18px; padding-bottom: 2%;}
.newtit h5{}
.newtit h5 img{display: inline-block; vertical-align: middle; padding-right: 0.5em; padding-bottom: 0.2em;}

.newcon{padding: 5% 0; line-height: 1.8em;}
.newcon img{display: inline-block; height: auto !important;}

.pageBoxs{padding-bottom: 0; max-width: 960px;}
.xqpage{padding: 0px 0 7%; border-top: 1px dashed #DCDCDC;}
.xqpage ul{padding: 40px 0;}
.xqpage ul li{float: left; max-width: 40%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xqpage ul li:last-child{float: right;}
.xqpage .waps{max-width: 960px;}

.fxfh{}
.fxfh .fh{float: left;}
.fxfh .fh a{display: block; width: 80px; line-height: 30px; border-bottom: 1px solid #72a3ce; background: #005BAC; color: #fff; font-size: 12px; text-align: center;}
.fxfh .bdsharebuttonbox{float: right;}
.fxfh .bdsharebuttonbox span{float: left; color: #333333; font-weight: bold; line-height: 31px;}
.fxfh .bdsharebuttonbox a{margin: 0 !important; width: 30px !important; height: 30px !important; padding: 0 !important; margin-left: 10px !important;}
.fxfh .bdsharebuttonbox a.bds_tsina{background: url(../images/news/xqfx1.png) no-repeat center !important;}
.fxfh .bdsharebuttonbox a.bds_weixin{background: url(../images/news/xqfx2.png) no-repeat center !important;}
.fxfh .bdsharebuttonbox a.bds_sqq{background: url(../images/news/xqfx3.png) no-repeat center !important;}
.fxfh .bdsharebuttonbox a.bds_more{background: url(../images/news/xqfx4.png) no-repeat center !important;}

.zhuantjs{padding: 5% 0;}
.zhuantjs .tit{text-align: center; font-weight: bold; padding-bottom: 3.5%;}
.zhuantjs .xqleimgs{width: 50%;}
.zhuantjs .xqleimgs a{padding: 0;}
.zhuantjs .xqleimgs a .imgs{max-width: initial; width: 100%;}
.zhuantjs .xqleimgs a .imgs img{width: 100%;}
.zhuantjs .xqletxt{width: 45%; padding-top: 3%;}
.zhuantjs .xqletxt .xz{padding: 0 1.5em 0 2em;}
.zhuantjs .xqletxt .xz img{padding-left: 1.5em; padding-right: 0;}
.zhuantjs .xqletxt .tit{text-align: left; font-weight: 200; font-size: 18px;}

.cptuij{padding: 5% 0; background: #f8f8f8;}
.cptuij .tit{padding-bottom: 3%; line-height: 36px;}
.cptuij .tit h3{float: left;}
.cptuij .tit .wsxqh{float: right;}
.cptuij .tit .wsxqh a{float: left; padding: 13px 0;}
.cptuij .tit .wsxqh span{float: left; margin: 0 20px; height: 36px; width: 1px; background: #DCDCDC;}
.cptuij .tit .wsxqh a .qh1{display: none;}
.cptuij .tit .wsxqh a:hover .qh1{display: block;}
.cptuij .tit .wsxqh a:hover .qh0{display: none;}
.tujlb{overflow: hidden; position: relative;}
.tujlb a{display: block; padding: 8% 5% 8%;}
.tujlb a:hover{background: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.1);}
.tujlb a img{max-width: 190px; margin: 0 auto;}

.System{padding: 5% 0;}
.System .imgs{float: left; width: calc(50% - 56px); padding: 56px 0 56px 56px; background: url(../images/news/zhti3.jpg) no-repeat left center; background-size: auto 100%;}
.System .imgs a{display: block; position: relative; border: 0px solid #003586;}
.System .imgs a:before{content: ''; position: absolute; width: 50px; height: 50px; background: url(../images/Product/fangdj1.png) no-repeat center; top: 0; right: 0;}
.System .txt{float: right; width: 43%; padding-top: calc(56px + 0%);}
.System .snt{padding-top: 10px; overflow: hidden;}
.System .snt a{float: left; position: relative; width: 120px; margin-right: 10px; border: 2px solid #005BAC; padding: 3px;}
.System .snt a:before{position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/Product/fangdj1.png) no-repeat center rgba(0,0,0,0.1); top: 0; left: 0;}
.System .txts{padding: 18px 0 0; line-height: 1.8em;}
.System .xz{padding: 0 1.5em 0 2em; display: inline-block; margin-top: 8%; line-height: 52px; background: #237ae4; color: #fff; text-transform: uppercase;}
.System .xz img{padding-left: 1.5em; padding-right: 0;display: inline-block; vertical-align: middle;}
.System .xz:hover{background: #003586;}
.snttc{position: fixed; z-index: 99; background: rgba(0,0,0,0.8); display: none;}
.snttc .close{position: absolute; right: 10px; top: 10px; color: #fff; width: 1em; line-height: 1em; text-align: center; cursor: pointer;}
.snttc .con{max-height:calc(90vh - 30px); overflow: auto; margin-top: 30px; width: 100%; margin: 0 auto;}
.snttc .con img{max-width: 10000%; min-width: 1200px;}

.vidtuij{}
.vidtuij .tit{padding-bottom: 40px; text-align: center;}
.vidtuij ul li{float: left; width: 50%;}
.vidtuij ul li.li{float: none; margin: 0 auto;}
.vidtuij ul li a{display: block; position: relative;}
.vidtuij ul li a span{background: url(../images/news/vidico1.png) no-repeat center; z-index: 2;}
.vidtuij ul li.li h3{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}
@media (max-width: 768px){
	.vidtuij ul li.li h3{
		font-size: 14px;
		margin-top: 10px;
	}
}


.xwtj{padding: 5% 0;}
.xwtj .tit{text-align: center; padding-bottom: 3%;}
.xwtj ul li{float: left; width: calc(50% - 20px); margin-bottom: 30px;}
.xwtj ul li a{display: block; position: relative; padding: 20px;}
.xwtj ul li a:before{content: ''; position: absolute; bottom: 0; left: 20px; width: calc(100% - 40px);border-bottom: 1px solid #DCDCDC;}
.xwtj ul li:nth-child(2n){float: right;}
.xwtj ul li h3{font-size: 18px; padding-bottom: 10px; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xwtj ul li p{color: #999; height: 3em; overflow: hidden;}
.xwtj ul li a:hover:before{border-color: transparent;}
.xwtj ul li a:hover{box-shadow: 0 0 25px rgba(0,0,0,0.07);}

.SearchK{padding-bottom: 4%; max-width: 540px; margin: 0 auto; font-size: 16px;}
.SearchK input{float: left; border: 0; height: 48px;}
.SearchK .txt{padding: 0 15px; width: calc(100% - 150px);}
.SearchK .but{width: 120px; background:url(../images/hedico3_.png) no-repeat center #005BAC; font-size: 0; color: #fff;}

.Sealist{}
.Sealist ul li{padding: 20px 0; border-bottom: 1px solid #DCDCDC; font-size: 20px; line-height: 30px;}
/*.Sealist ul li:first-child{padding-top: 0;}*/
.Sealist ul li a{display: block;}
.Sealist ul li h3{float: left; width: calc(100% - 15em);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Sealist ul li span{float: right; font-size: 16px; color: #005BAC; font-weight: bold;}
.Sealist ul li font{color: #f00;}

.vidcon{padding-top: 4%; max-width: 710px; margin: 0 auto;}
.vidcon video{width: 100%;}

.tptcw{}
.tptcw .cons{ /*overflow-y: auto;*/ margin: 0 auto; background: #fff; position: relative;}
.tptcw .cons .tit{ text-align: center; color: #000000; padding: 0em 0 0.3em;}
.tptcw .cons .close{position: absolute; right: 10px; top: 10px; z-index: 4; cursor: pointer; line-height: 1em; width: 1em;}
.tptcw .cons ul{}
.tptcw .cons ul li{float: left; width: calc(33.33% - 20px); margin: 18px 10px 0; position: relative;}
.tptcw .cons ul li p{position: absolute; top: 0; left: 0; width: 90%; padding: 6px 5%; background: rgba(0,91,172,0.5); color: #fff; text-align: center; font-size: 0.7em;}

.pagetitc{max-width: 908px; margin: 0 auto;}

.divBox{ text-align: center; padding-top: 40px;}
.divBox:first-child{padding-top: 0;}
.protit{font-weight: bold; color: #333; padding-bottom: 0.6em;}
.protit span{display: inline-block; border-bottom: 3px solid #005BAC;}
.protits{padding: 0 0 1em;}
.liBox{padding-top: 30px;}
.liBox:first-child{padding-top: 0;}
.pagetitcs{padding-top: 3.5%; padding-bottom: 0 !important; color: #000000;}
.pageBoxc{padding-top: 30px;}

.erj dl ul{
    background-color: #fff;
}
.erj dl ul li{
    line-height: 38px;
}
.peopul{
    display: none;
}

/* 人才发展 */
.development{
    text-align:center;
    padding-top:80px;

}
.development h2{
    color:#333;
    font-size: 30px;
}
.devel img{
    margin:0 auto;
}
.development .left{
    width:47px;
    height:47px;
    border-radius: 50%;
    border: 1px solid #00418e;
    color:#00418e;
    line-height: 47px;
   float:left;
 

}
.development .cont1{
    display: inline-block;
    padding-left:10px;
    margin: 10px auto;
}
.development .cont1txt{
    text-align: left;
    padding-left:82px;
}
.development .cont1txt h4{
    color:rgb(95, 93, 93);
    font-size: 14px;
    height: 30px;
}
.development .cont1txt p{
    color:#999;
    word-wrap: break-word;
    word-break: normal;
   width:980px;
}
.development .devel2{
    margin-top:60px;

}
.development .devel2 h4{
    font-size: 30px;
    color:#333;
    height: 59px;
}
.development .devel2 p{
    font-size: 16px;
    color:#999;
}
.development .logoBox{
    width:1200px;
    margin:50px auto;
}
.development .logo1{
    width:25%;
    float: left;
    color:#005bac;
    font-size: 20px;
    
}
.development .logo1 span{
    display: inline-block;
    padding-top:20px;
}
.development .logoPic1{
    width:98px;
    height: 98px;
    border:2px solid #005bac;
    border-radius: 50%;
    margin: 0 auto;
   
   
}
.prodtxtbox ul{
    list-style: disc;
    transform: translateX(1em);
}
.Casesxq .txt ol{
    transform: translateX(1em);
}
.logoBox .logo1 .logoPic1{
    background-size: 40% !important;
}
.development .money{
padding-top:30px;
padding-bottom:120px;
}
.development .money h4{
    font-size: 30px;
    color:#333;
    text-align: left;
    width: 1010px;
    margin:0 auto 30px;
    text-align: center;
}
.development .picBox {
    width:1010px;
    margin:0 auto;

}

.development .picBox .leftPic,.rightPic{
    width:45%;
    text-align: left;
    font-size: 18px;
    box-sizing: border-box;
}
.development .picBox .rightPic{margin-top:30px;}
.development .picBox .leftPic{
    background-size: 100%;
}
.development .picBox .rightPic{
    background-size: 100%;

}

.development .money h5{
    height: 50px;
    font-size: 22px;
    color:#005BAC;
}
.blueBox {
    padding:100px 0px 120px;
    background-color: #e5ecf3;
}
.blueBox h3{
    font-size: 30px;
    color:#333;
    text-align: center;
}
.blueBox .blue1{
    width:18%;
    border:1px solid #fff;
    padding:50px 20px 0px;
    height: 470px;
    box-sizing: border-box;
    position: relative;
    float:left;
    /* margin-right:2.5%; */
    margin-right: 10px;
}
.blueBox .blue1:nth-child(5){
    /* float:right; */
    margin-right: 0px;
}
.blueBox .blue1 h4{
    text-align: center;
}
.blueBox .blue1 .borderPic{
    height: 28px;
    width:100%;
}
.blueBox .blue1 p{
    margin:15px 30px;
}
.Whatdos .swiper-button-prev{
    background-image:url(/images/about/qh1.png);
    top:55%;
  }
  .Whatdos .swiper-button-next{
    background-image:url(/images/about/qh2.png);
    top:55%;

  }

.blueBox .blueLogo1{
    width:60px;
    height: 60px;
    background-color: #00418e;
    line-height: 90px;
    text-align: center;
    position: absolute;
    padding-top:20px;
    box-sizing: border-box;
    top:-45px;left:37%;
}
.blueBox .blueLogo1 img{
    margin: 0 auto;

}
.blue1 img{width: 40%;}
.blueBoxBig{
    padding-top:108px;
    padding-left:8%;
}
.main1{
    width:1200px;
    margin: 0 auto;
    padding-top:86px;
    padding-bottom:144px;
    max-width: 90%;
}
.main1 .inputBox select{
    width:33%;
    height: 70px;
    line-height: 70px;
   padding-left:72px;
   background: url('/images/down.png') no-repeat center right 50px;
   background-color: #fff;
   outline: none;
   -webkit-appearance: none;
   font-family: arial,"Microsoft YaHei";
   border-radius: 0;
   float: left;
   border:1px solid #eeeeee;
   font-size: 18px;
   color:#666666;
}
.main1 input{
    width:28%;
    height: 70px;
    box-sizing: border-box;
   padding-left:45px;
   /* background: url('/images/search.png') no-repeat center right 20px; */
   border:1px solid #eeeeee;
   font-size: 18px;
   color:#666666;
   
}
.search{
width:6%;
height: 70px;
 background: url('/images/search.png') no-repeat center center ;
 float:right;
 border:1px solid  #eeeeee;
 box-sizing: border-box;
}
.main1 table{
    width:1200px;
    text-align: center;
    margin-top:50px;
}
.main1 table th{
    border-bottom: 1px solid #e6edf6;
    color:#333;
    font-size: 20px;
    font-weight: 700;
}
.main1 table td span{
    display: inline-block;
    padding-left: 10px;
    position: relative;
}
.main1 table td span:after{
	width: 5px;
	height: 5px;
	background-color: #00418e;
	position: absolute;
	top: 50%;
	margin-top: -2.5px;
	left: 0;
	content: '';
}
.tdblock{
    display: block !important;
}
.main1 table td,th{
    height: 82px;
   
}
.main1 table td{
    border-top:1px solid #e6edf6;
    font-size: 16px;
}
.main1 table td:nth-child(4){
    background:url('/images/jiantou.png') no-repeat center  right 20px;



}
.wsbd .ann input{
    font-size: 16px;
}
.ico img{
    width: 65%;
}
.contactBox .tit{
    font-size: 26px;
}
.contactBox h5{
    font-size: 26px;
}
#tiyanForm input{
    font-size: 16px;
}
#tiyanForm textarea{
    font-size: 16px;
}
.contactBox ul li .txt{
    font-size: 18px;
}
.main1 .trdis{
    width:90%;
    margin: 0 auto;
    display: none;
}
.trdis td{
    width:1100px !important;
    margin: 0 auto;
}
.trdis .trdisBox{
    width:1100px;
  padding-left:94px;
  padding-top:39px;
  border-top:1px solid #e6edf6;

}
.trdis .trdisBox img{
    float:left;
}

.trdis .right{
    text-align: left;
    width:90%;
    padding-left:20px;
   
}
.trdis .right b{
    font-weight: 400;
}
.trdis .right .txt{
    width:90%;
    padding-left:20px;
    
  position: relative;
  top:0px;
  word-wrap: break-word;
    word-break: normal;
}
.trdisBox .right .txt b{
		padding-right:20px;
}
.trdis .right .txt:nth-child(1){
	color:#333;
	font-size:18px;
	padding-bottom:5px;
}
.trdis .right .txt:nth-child(2){
	color:#666;
	font-size:14px;
}
	
.trdisBox .td1{
	margin-btoom:50px;
}
.trdis .td1{
    margin-bottom:50px;
    text-align: left;
}
.trdis .td1 a{
	color: #00418e;
	text-decoration: underline;
}
.main2{
    padding-top:60px;
}
.main2 .ultab{
    width:36%;
    margin:0 auto;
    text-align: center;
}
.main2 .ultab li{
    float:left;
    line-height: 136px;
    width:33.33%;
    text-align: center;
    color:#333;
    font-size:20px;
}
.main2 .tedianBox{
    width:1117px;
    margin:0 auto;
}
.main2 .tedianBox .smallBox{
    width:33.33%;
    float: left;
    height: 187px;
    text-align: center;
    /* background-color: #e5eef7; */
    padding-top:65px;
    box-sizing: border-box;
}
.main2 .tedianBox .smallBox h3{
    color:#333;
    font-size: 22px;
    height: 40px;
}
.main2 .tedianBox .smallBox div{
    font-size: 16px;
    color:#005bac;
}
.main2 .tedianBox .smallBox:nth-child(odd){
    background-color: #e5eef7;

}
.main2 .probox1{
    padding:90px 0px 70px;
}
.main2 .probox1:nth-child(even){
    background-color: #cedbee;

}
.main2 .probox1:nth-child(odd){
    background-color: #e8f2fe;

}
.wencolor{
    color:#678fc3 !important;
}
.main2 .probox1 .proboxsm{
    width:1118px;
    margin: 0 auto;
}
.main2 .probox1 .proboxsm .left{
    float:left;
    margin-right:60px;
}
.main2 .probox1 .proboxsm .right{
    float:left;
}
.main2 .probox1 .proboxsm .right1{
    float: right;
}
.main2 .probox1 .proboxsm .topleft{
    width:100px;
    height: 100px;
    border:1px solid #d51419;
    float:left;
    color:#d51419;
    font-size: 56px;
    line-height: 100px;
    text-align: center;
}
.main2 .probox1 .proboxsm .topRight{
    float:right;
}
.main2 .probox1 .proboxsm .topRight h3{
    color:#005bac;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
}
.main2 .probox1 .proboxsm .topRight p{
    font-size: 16px;;
    color:#333;
}
.main2 .probox1 .proboxsm .bottom{
    width:356px;
    height: 230px;
}
.smTabBox{
    width:100%;
    background-color: #f0f5fa;
}
.smTab{
    width:1117px;
    margin: 0 auto;
    height: 63px;
    line-height: 63px;
    color:#1065b1;
    font-size: 16px;
    font-weight: 700;
}
.smTab span{
    border-bottom:1px solid #1065b1;
}
.prodtext{
	font-size:18px;
	color:#000;
	height:24px;
	line-height:24px;
	padding-left:8px;
	border-left:4px solid #237ae4;
	font-weight:700;
}
.prodtxtbox p{
	padding-top:6px;
}
.ulTabBox{
    width:100%;
    border-bottom:1px solid #e5e5e5;
}

.ultabColor{
    color:#1065b1 !important;
    border-bottom:1px solid #1065b1;
}
.ultabBox ul{
 width:1117px;
 margin:0 auto;
 height: 63px;
}
.ultabBox ul li{
    float:left;
    height: 63px;
    padding-right:60px;
    line-height: 63px;
}
.ultabBox ul li a{
    color:#8b8c8c;
    font-size: 16px;
    padding-bottom:7px;
}
.distab2{
    width:1117px;
    margin: 0 auto ;

}
.distab2 .videoBox1{
    width:31.33%;
    float:left;
}
.distab2 .videoBox1 a {
    position: relative;
    display: block;
}
.distab2 .videoBox1 a img:nth-child(2){
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50% ,-50%);
    z-index: 1;
}
.distab2 .videoBox1{
    margin-right:2%;
    height: 362px;
    overflow: hidden;
}
.videotxt{
    padding:27px 22px 0px;

}
.videotxt h3{
    color:#333;
    font-size:18px;
    font-weight: 700;
    /* height: 37px; */
}
.videotxt p{
  
    color:#999;
    font-size:14px;
}
.distab2,.distab3,.distab1{
    display: none;
}

.distabimg{
    width:50%;float:left;padding:5% 0;
}
.distabimg:nth-child(4n+1){
    background-color:#cedbee;
    
}
.distabimg:nth-child(4n+1) div{
    float:right;
    
}
.distabimg:nth-child(4n+1) div img{
    float:right;
    
}
.distabimg:nth-child(4n+2){
    background-color:#cedbee;
    
}
.distabimg:nth-child(4n+2) div img{
    float:left;
    
}
.distabimg:nth-child(4n+3){
    background-color:#e8f2fe;
    
}
.distabimg:nth-child(4n+3) div{
   
    float:right;
}
.distabimg:nth-child(4n+3) div img{
    float:right;
    
}
.distabimg:nth-child(4n+4){
    background-color:#e8f2fe;
    
}
.distabimg:nth-child(4n+4) div img{
    float:left;
    
}
.distabimg div:nth-child(1){
   width:80%;
    
}

/* .distabimg:nth-child(4n+1){
    background-color:#cedbee;
}
.distabimg:nth-child(1){
    background-color:#cedbee;
}
.distabimg:nth-child(2){
    background-color:#cedbee;
}
.distabimg:nth-child(3){
    background-color:#e8f2fe;
}

.distabimg:nth-child(4){
    background-color:#e8f2fe;
}
.distabimg:nth-child(5){
    background-color:#cedbee;
}
.distabimg:nth-child(6){
    background-color:#cedbee;
}
.distabimg:nth-child(7){
    background-color:#e8f2fe;
}

.distabimg:nth-child(8){
    background-color:#e8f2fe;
} */




.distabBlock{
    display: block;
}
.distab3{
    width:1117px;
    margin:0 auto;
    background-color: #f5f5f5;
}
.main2{
    background-color: #f5f5f5;
   
}
.distab3 .xlbox1{
    width:31.33%;
    float:left;
    margin-right: 2%;
    height: auto;
    padding-bottom: 30px;
    background-color: #fff;
    text-align: center;
    padding-top:40px;
    box-sizing: border-box;
    margin-bottom:40px;
}
.distab3 .xlbox1 h3{
    color:#666;
    font-size: 18px;
    height: 3em;
    width: 90%;
    margin: 0 auto;
    /* height: 32px; */
}
.distab3 .xlbox1 img{
    margin:0 auto;
}
.distab3 .xlpicBox{
    padding-top:32px;
}
.ditu{
    position: relative;
}
.ditu a{
    color:#005bac;
}
.sybox{
    position: absolute;
    
    text-align:center;
}
.bluedian{
    width:8px;
    height: 8px;
    border-radius:50%;
    /* background-color: #005bac; */
    margin:0 auto;
}

.bjbox{
    position: absolute;
    text-align:center;
}
.cdbox{
    position: absolute;
   
    text-align:center;
}
.xabox{
    position: absolute;
 
    text-align:center;
}
.hzbox{
    position: absolute;
   
    text-align:center;
}
.dwimg{
    display: none;
}
.dwimgblock{
    display:block;
}
.proboxsm .top{
    height: 108px;
}
.motal{
    position:absolute;
    top:842%;
    left:800%;
   float:left;
   width:503px;
   background-color: #fff;
   /* height: 201px; */
   text-align:left;
   box-shadow: -6px 5px 0px rgba(0,0,0,0.1);
   display:none;
   z-index:4;
   padding-bottom:20px;
}
.dwimg{
    display: none;
}
.motal h3{
    color:#005bac;
    font-size: 24px;
    font-weight: 700;
    padding-top:21px;
    padding-left:63px;
    height: 56px;
}
.motal p{
    padding-left:89px;
    /* height: 37px; */
    line-height: 37px;
}
.motal p:nth-child(2){
    background: url("/images/eml.png") no-repeat center left 10% ;
}
.motal p:nth-child(3){
    background: url("/images/tel.png") no-repeat center left 10% ;
}
.motal p:nth-child(4){
    background: url("/images/add.png") no-repeat center left 10% ;
}
.development .money h4 span{ display: inline-block; }

@media screen and (min-width:1201px) {
	.nav .erj{top: 86px;}
	.head .right .nav ul li .yj{line-height: 86px;}
	.head .right .ssfj{padding-top: 31px;}
    .heads .nav .erj{top:86px;}
 
    
 
}
@media screen and (max-width:1680px) {

}

@media screen and (max-width:1520px) {
	.Indulb .qhs{background: #fff;}
	.Indulb .qhs1{left: 10px;}
	.Indulb .qhs2{right: 10px;}
}

@media screen and (max-width:1400px) {
	.Solutions li .con{padding-top: 30px;}
	.heads .right .nav ul li .yj{line-height: 86px;}
	.heads .right .ssfj{padding-top: 31px;}
	.heads .logo{padding-top: 0;}
	.heads .nav .erj{top: 86px;}
	
	.head .right{width: auto;}
}

@media screen and (max-width:1300px) {
	.head .right .nav ul li .yj{font-size: 16px;}
}


@media screen and (max-width:1200px) {
	.head .right{
		margin-top: 15px;
	}
    .development .picBox{width:90%;}
    .development .money h4{width: 90%;}
	.heads .right .nav ul li .yj{line-height: 36px;}
	.head .right .nav{position: fixed; top: 73px; left: 0; height: calc(100% - 73px); width: 100%; background: rgba(250,250,250,0.9); display: none;}
	.tptcw .cons ul li{width: calc(50% - 8px); margin: 8px 4px 0;}
	.tptcw .cons ul li p{font-size: .6em;}
	.pagebanner{height: 360px;}
	.pgxtit,.gsjs,.ceozc{font-size: 14px;}
	.history .li .cons .con li,.Scientifics{font-size: 14px;}
   
	.Solutions li .con p{margin: 5% 0 8%; height: 9em; overflow: hidden;}
	.Solutions li .con{padding: 25px 25px 0;}
	.Cases ul li .txt p,.pagesm{font-size: 14px;}
	.Productls li a{font-size: 16px;}
	.zxbds{font-size: 16px;}
	.erjfl{font-size: 18px;}
	.zhuantjs .xqletxt{padding-top: 0;}
	.xqletxt{font-size: 14px;}
	.xqletxt .xz,.System .xz{line-height: 44px; margin-top: 5%;}
	
	.contactBox .left .ico{width: 80px;}
	.contactBox .left{font-size: 16px; width: 300px;}
	.contactBox .right{width: calc(100% - 340px);}
	/*.head .logo{padding: 12px 0 10px !important;}*/
	.head .right .ssfj{padding: 9px 0 3px;}
    .head .navlin{margin-top: 13px;}
    .development .cont1txt p {
        width:824px;
    }
    .development .logoBox{width:980px;}
    .main1{width:960px;}
    .main1 table{width:960px;}
    .trdis .trdisBox{padding-left:26px;}
    .main2 .tedianBox{width:960px;}
    .main2 .probox1 .proboxsm{width:960px;}
    /* .proboxsm .left{width:500px;height: 300px;} */
    .proboxsm:nth-child(1) .left img{
        width:500px;height:300px;
    }
    .proboxsm .right1:nth-child(2) img{
        width:500px;height:300px;
    }
 
    .proboxsm .bottom img{
            width:356px !important;
            height: 230px !important;
    }
    .proboxsm .left{
        margin:0px 30px 0px 30px !important;
    }
    .proboxsm .right1{
        margin:0px 30px 0px 0px !important;
      
    }
    .main2 .ultab{
        width:50%;
    }
    .distab3{width:960px;}
    .distab2 {width:960px;}
}

@media screen and (max-width:960px) {
	.pagebanner{height: 260px;}
	.gsjs .imgs{float: none; margin: 0 auto; max-width: 420px;}
	.gsjs .txt{width: 100%; margin-top: 20px;}
	.Indulb .qhs{width: 40px; margin-top: -20px;}
	.ceozc .cons img{float: none; margin: 0 auto;}
	.ceozc .cons .txt{width: 100%; margin-top: 1.5em;}
	
	.history .li .imgs{width: 100%;}
	.history .li .cons{position: relative; width: 100%;}
	.history .li .con .sanj{top: auto; bottom: 100%; right: auto; left: 8%; transform:rotate(90deg); webkit-transform:rotate(90deg); margin-bottom: -13px;}
	.history .li .cons .con{padding: 30px;}
	
	.Solutions li .img{width: 100%;}
	.Solutions li .txt{width: 100%;}
	.Solutions li .con p{height: auto; margin: 6px 0 14px;}
	.Solutions li .con{padding: 20px;}
	.Cases ul li{width: calc(50% - 10px); margin-top: 20px;}
	.Cases ul li .txt{padding: 15px;}
	.Cases ul li .txt h3{padding-bottom: 0.3em;}
	.Software ul li{width: 50%;}
	.Software ul li .con,.xqletxt{font-size: 14px;}
	
	.fuwlc .ul .li{width: 100%; margin-left: 0; margin-top: 40px;}
	.fuwlc .ul .li .txt{text-align: center;}
	.fuwlc .ul .li h3{height: auto;}
	.fuwlc .ul .li .ico{padding: 12px 0;}
	.fuwlc .ul .li .jt{left: 50%; top: auto; bottom: 100%;transform:rotate(90deg); webkit-transform:rotate(90deg); margin-bottom: 7px; margin-left: -12px;}
	.nlist ul li{width: 100%;}
	.Exhlist ul li{width: 100%;}
	.erjfl{font-size: 16px;}
	
	.System .txt{padding-top: 3%; width: 47%;}
	.System .imgs{padding: 26px 0 26px 26px;}
	
	.wsbd .li{padding-top: 10px;}
	.wsbd .li input{border-width:1px; height: 44px; line-height: 44px;}
	.wsbd{font-size: 16px;}
	.wsbd .li textarea{border-width:1px; height: 120px;}
	.wsbd .ann h5{width: 100%; text-align: center; float: none;}
	.wsbd .ann{padding-top: 15px;}
	.wsbd .ann input{border-width: 1px; float: none; margin: 10px auto 0; display: block; width: 180px; height: 44px;}
	.my-map{height: 500px;}
	.Sealist ul li h3{width: 100%; font-size: 16px;}
	.Sealist ul li span{font-size: 14px;}
	.Sealist ul li{padding: 12px 0;}
    .development .cont1txt p{width:338px;}
    .development .logoBox{width:640px;}
    .leftPic{
        float:none !important;
        margin:0 auto;
        width:100% !important;
    }
    .rightPic{
        float:none !important;
        margin:0 auto;
        width:100%;
    }
    .leftPic{
        margin-bottom:5px;
    }
    .blueBox .blue1{width:47%; margin:1%}
    .blueBox .blue1:nth-child(5){
        float:left;
    }
    .main1{width:768px;}
    .main1 table{width:768px;}
    .main1 .inputBox select{padding-left:12px;background: url(/images/down.png) no-repeat center right 22px;}
    .main1 input{padding-left:12px;}
    .trdis td{width:768px !important;}
    .main2 .tedianBox{width:768px;}


    .main2 .probox1 .proboxsm{width:768px;}
    .proboxsm:nth-child(1) .left img{
        width:374px;height:250px;
    }
    .proboxsm .right1:nth-child(2) img{
        width:400px;height:250px;
    }
 
    .proboxsm .bottom img{
            width:300px !important;
            height: 200px !important;
    }
    .proboxsm .left{
        margin:0px 0px 0px 30px !important;
    }
    .proboxsm .right1{
        margin:0px 0px 0px 0px !important;
      
    }
    .main2 .probox1 .proboxsm .bottom{
        width:327px;
    }
    .distab3{width:640px;}
    /*.distab3 .xlbox1{height: 354px;}*/
    .distab2 {width:640px;}
    .distab2 .videoBox1{height: 293px;}
    .motal{width:430px;}

    .smTab{    
    	height: 50px;
    	line-height: 50px;
    }
    .smTab span{
    	margin-left: 2%;
    }
    .ultabBox ul{
    	width: 90%;
    	margin: 0 auto;
    }
    .ultabBox ul li{
    	padding-right: 10px;
    }
    .ultabBox ul li:last-child{
    	padding-right: 0;
    }
    .ultabBox ul li a{
    	font-size: 14px;
    }
}


@media screen and (max-width:768px) {
	.head .right{
		margin-top: 11px;
	}
	.history .li .cons .con{padding: 20px;}
	.Productls li{width: calc(50% - 2px);}
	.Productls li a{font-size: 15px; padding: 12% 8% 6%;}
	.Partner ul li{width: calc(33.33% - 9px); margin-left: 12px !important; margin-top: 12px;}
	.Partner ul li:nth-child(3n+1){margin-left: 0 !important;}
	
	.zxbds .li{width: 100%;}
	.zxbds{line-height: 40px;}
	.zxbds .dt select{height: 40px; border-width: 1px;}
	.zxbds{font-size: 14px;}
	.zxbds .dd textarea{border-width: 1px; height: 120px;padding: 10px;}
	.zxbds .yzm a{height: 38px;border-width: 1px;}
	
	.vlist ul li{width: calc(50% - 10px); margin-left: 0;}
	.vlist ul li:nth-child(2n){float: right;}
	
	.Exhlist ul li{margin-bottom: 12px;}
	.Exhlist ul li a .time{width: 80px; font-size: 18px; padding: 25px 0;}
	.Exhlist ul li a .time span{font-size: 14px;}
	.Exhlist ul li a .txt{width: calc(100% - 168px); padding: 11px 15px 0;}
	.Exhlist ul li a .txt h3{padding-bottom: 3px;}
	.Exhlist ul li a .txt p{font-size: 12px;}
	.Exhlist ul li a font{padding-top: 26px;}
	.erjfl{font-size: 14px;}
	
	.zhuantjs .xqleimgs{width: 100%;}
	.zhuantjs .xqletxt{width: 100%; padding-top: 20px;}
	.my-map{height: 420px;}
	
    .wsdtl{width: 100%; height: 100%; margin: 0; top: 0;left: 0;}
    .development .devel2{margin-top:50px;}
    .development .money{padding-top:50px;}
    .blueBox .blue1{width:47%; margin:1%}
    .main1 input{display:none;}
    .main1 .inputBox select{width:47%;}
    .main1 .inputBox select{padding-left:60px;}
    .main1 {width:640px; padding-bottom:90px;}
    .main1 .inputBox select{padding-left:28px;}
    .main1 table{width:640px;}


    .main2 .tedianBox{width: 640px;}
    .main2 .probox1 .proboxsm{width:640px;}
    .proboxsm:nth-child(1) .left img{
        width:320px;height:205px;
    }
    .proboxsm .right1:nth-child(2) img{
        width:320px;height:205px;
    }
 
    .proboxsm .bottom img{
            width:200px !important;
            height: 150px !important;
    }
    .proboxsm .left{
        margin:0px 0px 0px 0px !important;
    }
    .proboxsm .right1{
        margin:0px 0px 0px 0px !important;
      
    }
    .main2 .probox1 .proboxsm .bottom{
        width:294px;
    }
    .main2 .probox1 .proboxsm .topleft{width:70px;height: 70px;line-height: 70px;}
    .pagetit{
    	font-size: 18px;
    }
    .videotxt{
    	padding: 10px 10px 0;
    }
    .ditu{
    	width: 126%;
    	margin-left: -9%;
    }
    .sybox{
    	font-size: 12px;
    }
    .vlist ul li a .con{
    	padding: 10px 15px;
    }
    .vlist ul li a .con h3{
    	font-size: 16px;
    	line-height: 20px;
    	height: 40px;
    	margin-bottom: 0;
    }
    .tujlb a img{
    	max-width: 100%;
    }
    .development{
    	padding-top: 25px;
    }
    .development h2{
    	font-size: 20px;
    }
    .devel img{
    	width: 100%;
    }
    .development .cont1{
    	width: 92%;
    	padding-left: 10px;
    }
    .development .left{
    	width: 40px;
    	height: 40px;
    	line-height: 40px;
    }
    .development .cont1txt{
    	padding-left: 60px;
    }
    .development .cont1txt p{
    	width: 100% !important;
    }
    .development .devel2 h4{
    	font-size: 20px;
    	height: 35px;
    }
    .development .devel2 p{
    	font-size: 14px;
    }
    .development .devel2{
    	margin-top: 25px;
    }
    .development .logo1 span{
    	padding-top: 8px;
    }
    .blueBox h3{
    	font-size: 20px;
    }
	.blueBoxBig{
		padding-top: 35px;
		padding-left: 0;
	}
	.blueBox .blue1{
		width: 48%;
		margin: 1% 1% 30px;
		height: 380px;
	}
	.blueBox .blueLogo1{
		top: -24px;
	}
	.blueBox .blue1{
		padding: 30px 10px 0 !important;
	}
	.blueBox .blue1 p{
		margin: 10px 0;
		height: 280px;
	}
	.gsjs .txt p{
		margin-left: 0 !important;
	}
	.Partner ul li{
		height: 60px;
		background-color: #fff;
		position: relative;
	}
	.Partner ul li a img{
		max-height: 60px;
	}
	.Partner{
		padding-bottom: 20px;
	}
	.search{
		width: 43px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}
	.inputBox{
		position: relative;
	}
	.main1 .inputBox select{
		width: calc(100% - 42px) !important;
		font-size: 14px;
		padding-left: 10px;
		border-bottom: none;
	}
	.main1 input{
		width: calc(100% - 42px) !important;
		float: none;
		display: block;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		padding-left: 10px;
	}
	.trdis .trdisBox{
		width: 360%;
		padding-left: 0;
		padding-top: 15px;
	}
	.main1 table{
		width: 100% !important;
		margin-top: 20px !important;
	}
	.main1 table th{
		height: 42px;
	}
	.trdis .td1{
		margin-bottom: 20px;
	}

}
@media screen and (max-width:640px) {
    .blue1 p{
        height: 294px;
        overflow: auto;
    }
	.pagebanner{height: 220px;}
	.Software ul li{width: 47%;}
	.Software ul li:nth-child(2n){float: right;}
	
	.xqleimg{width: 100%;}
	.xqletxt{width: 100%; padding-top: 25px;}
	.xqletxt .xz img{width: 1em;}
	.xqletxt .xz{line-height: 44px; margin-top: 30px;}
	.zxbds .yzm{width: calc(100% - 8.7em);}
	.zxbds .annsc{padding-top: 10px;}	
	/*.zxbds .but{width: 100%; margin-top: 10px; margin-left: 0;}*/
	.zxbds .dd{padding-top: 10px;}
	
	.xwtj ul li{width: 100%; margin-bottom: 15px;}
	.vidtuij ul li{width: 100%; margin-bottom: 2px;}
	.System .imgs{padding: 16px 0 16px 16px; width: calc(100% - 16px);}
	.System .txt{width: 100%; padding-top: 5%;}
	.vidtuij .tit{padding-bottom: 20px;}
	.System{padding: 7% 0;}
	.xqpage ul li{width: 100%; max-width: initial;}
	.xqpage ul{padding: 20px 0;}
	
	.contactBox .left{width: 100%;}
	.contactBox .right{width: 100%; padding-top: 25px;}
	.head .right .nav{top: 64px; height: calc(100% - 64px);}
	
	.head .right .ssfj{padding: 9px 0 3px;}
    .head .navlin{margin-top: 13px;}
    .development .logoBox{width:480px}
    .main1 .inputBox select {width:51%;
    }
    .main1 table{width:480px;}
    /* .main1{width:320px;} */
    .tr .td:nth-child(4){
        text-align: left;
    }
    .inputBox{
        font-size: 14px;
        
    }
    .main1{padding-bottom:15px;padding-top:30px;}
    .main1 table{margin-top:0px;}


    .main2 .tedianBox{width: 480px;}
    .main2 .probox1 .proboxsm{width:480px;}
    .proboxsm:nth-child(1) .left img{
        width:240px;height:150px;
    }
    .proboxsm .right1:nth-child(2) img{
        width:240px;height:150px;
    }
 
    .proboxsm .bottom img{
            width:200px !important;
            height: 150px !important;
    }
    .proboxsm .left{
        margin:0px 0px 0px 0px !important;
    }
    .proboxsm .right1{
        margin:0px 0px 0px 0px !important;
      
    }
    .main2 .probox1 .proboxsm .bottom{
        width:240px;
    }
    .main2 .probox1 .proboxsm .topleft{
        width:30px;
        height: 30px;
        font-size: 18px;
        line-height: 30px;
    }
    .main2 .probox1 .proboxsm .topRight p{
        width:190px;
    }
    .proboxsm .top{
        width:240px;
    }
    .main2 .probox1{
        padding:30px 0px 0px;
    }
    .main2 .ultab{
        width:100%;
    }
    .main2 .ultab li{
        font-size: 14px;
        line-height: 60px;
    }
    .main2{
        padding-top:0px;
    }
    .distab3 .xlbox1{width:36%;}
    .distab2{width:320px;}
    .distab2 .videoBox1{width:48%;}
    .videotxt h3{font-size: 12px;}
    .videotxt p{font-size: 12px;}
    .main1 .inputBox select{
        height: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width:480px) {
	.pagebanner{height: 180px;background-position: 34% center !important;}
	.Cases ul li{width: 100%; margin-top: 20px !important;}
	.Cases ul li:first-child{margin-top: 0 !important;}
	
	.Productls li a{font-size: 14px;}
	.nlist ul li a .img{width: 100px;}
	.nlist ul li a .img img{width: 100%;}
	.nlist ul li a .con{width: calc(100% - 20px - 100px); padding: 6px 10px;}
	.nlist ul li a h3{font-size: 16px;}
	.nlist ul li a span{
		font-size: 12px;
		padding: 2px 0 5px;
	}
	.nlist ul li a p{
		font-size: 12px;
	}
	.nlist ul li a font{
		display: none;
	}

	.vlist ul li{width: 100%; margin-bottom: 15px;}
	
	.Exhlist ul li a font{width: 32px;}
	.Exhlist ul li a .txt h3{font-size: 16px;}
	.Exhlist ul li a .txt{width:calc(100% - 143px); padding: 11px 10px 0;}
	.xwtj ul li a{padding: 5px;}
	.xwtj ul li a:before{width: calc(100% - 10px); left: 5px;}
	.my-map{height: 280px;}
	.contactBox .left li{padding-top: 15px;}
    .Productls li a p{height: 4.5em; font-size: 12px;}
    .development .cont1txt p{
        width:362px;
    }
    .development .logoBox{width:480px}
    .development .logoPic1{width:70px;height: 70px;}
    .development .picBox .leftPic, .rightPic{
        font-size: 12px;
    }
    .development .money{
        padding-bottom:20px;
    }
    .blueBox .blueLogo1{
        width:50px;
        height: 50px;
        padding-top:4px;
    }
    .blueBox .blueLogo1 img{
        width:80%;
    }
    .main1 table{width:324px;}
    .main1 table th {font-size: 12px;}
    .main1 table td{font-size: 12px;}
    
    .main2 .tedianBox{width: 320px;}
    .main2 .probox1 .proboxsm{width:320px;}
    .proboxsm:nth-child(1) .left img{
        width:160px;height:100px;
    }
    .proboxsm .right1:nth-child(2) img{
        width:160px;height:100px;
    }
 
    .proboxsm .bottom img{
            width:100px !important;
            height: 60px !important;
    }
    .proboxsm .left{
        margin:0px 0px 0px 0px !important;
    }
    .proboxsm .right1{
        margin:0px 0px 0px 0px !important;
      
    }
    .main2 .probox1 .proboxsm .bottom{
        width:160px;
    }
    .main2 .probox1 .proboxsm .topleft{
        width:30px;
        height: 30px;
        font-size: 18px;
        line-height: 30px;
    }
    .main2 .probox1 .proboxsm .topRight p{
        width:120px;
    }
    .proboxsm .top{
        width:160px;
        margin-right:0px !important;
    }
    .main2 .probox1{
        padding:30px 0px 0px;
    }
  .probox1 .left{
	  
	  width:50%
  }

    .distab3{width:90%;padding-bottom: 5%;}
    .distab3 .xlbox1{
    	width: calc(50% - 2px);
    	margin-bottom: 2px;
    	padding: 20px 0;
    	margin-right: 2px;
    }
    .distab3 .xlpicBox{
    	padding-top: 20px;
    }
    .distab3 .xlbox1 h3{
    	font-size: 14px;
    	margin: 0 auto;
    	width: 90%;
    }
    .xlpicBox img{
        /*width:200px;*/
        height: 120px;
    }
    .td4{text-align: left;
    background-size: 10px 10px;}
    .main1 .inputBox select{
        height: 40px;
        line-height: 40px;
    }
    .main1 input{
    	height: 40px;
    	line-height: 40px;
    }
    .trdis .right .txt:nth-child(1){
    	font-size: 16px;
    }
}

@media screen and (max-width:470px){
    .development .logoBox{width:96%;}
    .development .logoPic1{width:50px;height:50px;}
    .logoPic1{background-size:50%  !important;}
    .development .logo1{font-size: 14px;}
    .development .logoBox{margin:20px auto;}
    .development .money{padding-top:2px;}
    .development .money h4{font-size: 20px; margin:0 auto 15px;}
    .blueBox .blue1{padding:30px 20px 0px;}
    .blueBox{padding:20px 0px 30px;}
    .development .cont1txt p{width:307px;}
    .motal{width:218px;}
    .development .money h5{
    	font-size: 18px;
    	height: 30px;
    }
    .development .picBox .rightPic{
    	margin-top: 10px;
    }
}
@media screen and (max-width:378px) {
	.tptcw .cons ul li{width: 100%; margin: 8px 0px 0;}
    .tptcw .cons ul li p{font-size: .6em;}
    .development .cont1txt p{
        width:207px;
    }
}
@media screen and (max-width:330px) {
	.ultabBox ul li{
		padding-right: 7px;
	}
}


.page{
	width: 100%;
	margin-top: 25px;
	text-align: center;
}
.page a,.page span{
	padding: 0 12px;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	border: 1px solid #666;
	display: inline-block;
	margin: 0 5px;
}
.page span{
	background-color: #005BAC;
	border-color: #005BAC;
	color: #fff;
}
.page a:hover{
	background-color: #005BAC;
	border-color: #005BAC;
	color: #fff;
}


@media (max-width: 768px){
	.ico img{
		margin: 0 auto;
	}
	.trdis .right{
		width: 100%;
	}
	.main1 .trdis{
		width: 100%;
	}
	.main1 .trdis td{
		width: 400% !important;
		display: block;
		height: auto !important;
	}
	.trdis .trdisBox{
		width: 100%;
	}
	.trdis .td1{
		width: 94%;
	}
}