.headerDL dd.on .headTxt{ display: block;}
.banner{ position: relative; overflow: hidden;}
.banner .txt{overflow: hidden; min-width: 160px; position: absolute; left: 0; bottom: 20%;background: #014099;color: #fff; padding: 15px 40px 15px 120px;}
.banner .txt em{ position: absolute; line-height: 1; right: 0; bottom: 0; text-transform: uppercase;color: #204f9f; font-size: 30px; transform-origin: right bottom; transform: rotate(-90deg) translate(100%,0);}
.aboutTxt{ padding: 3% 0 5% 0;}
.about_1{ padding-bottom: 3%; margin-bottom: 3%;border-bottom: 1px solid #eee;}
.about_2{ text-align: center; padding-bottom: 3%;border-bottom: 1px solid #eee; margin-bottom: 3%;}
.about_3{padding-bottom: 3%;border-bottom: 1px solid #eee; margin-bottom: 3%;}
.about_2 >div{ width: 47%;text-align: left; margin: 0 1%;}
.fourNum .dd{ display: inline-block; width: 24%; *display: inline;*zoom: 1; vertical-align: top;}
.fourNum { text-align: center; white-space: nowrap;}
.fourNum .dd sup{ font-size: 16px;}
.imgs img{ display: block;}
.about_4 .dt{ float: left; width: 48.5%;}
.about_4 .dt:nth-child(even){ float: right;}
.about_4 h5{ padding: 10px 0 5px 0;}
.cultrue .dd{color: #666; overflow: hidden; float: left; width: 50%; position: relative; height: 310px;background: #427bca;}
.cultrue .dd .txt{z-index: 3; position: absolute; left: 50px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.cultrue .dd:nth-child(1) img{ position: absolute; right: 0; top: 0;}
.cultrue .dd:nth-child(3) img,
.cultrue .dd:nth-child(4) img,
.cultrue .dd:nth-child(5) img{ position: absolute; right: 0;top: 0;}
.cultrue .dd h3{color: #1A1A1A;}
.cultrue .dd:nth-child(1),.cultrue .dd:nth-child(1) h3,.cultrue .dd:nth-child(2),.cultrue .dd:nth-child(2) h3,.cultrue .dd:nth-child(9),.cultrue .dd:nth-child(9) h3{color: #fff;}
.cultrue .dd:nth-child(4),.cultrue .dd:nth-child(5),.cultrue .dd:nth-child(6),.cultrue .dd:nth-child(7),.cultrue .dd:nth-child(8),.cultrue .dd:nth-child(9){ width: 25%;}
.cultrue .dd .txt .font16{ min-height: 50px;}
.honorDL dd{ float: left; width: 23%; margin-right: 2%; }
.honorDL{ width: 102%;}
.honorDL dd h6{ font-size: 14px;color: #666; padding: 10px 0 5px 0;text-align: center; height: 44px;}
.honorDL dd .imgs{ border: 1px solid #ddd;}
.showCase .item{background: #000;border-radius: 2px;position: relative;overflow: hidden;}
.showCase .owl-prev{ position: absolute; left: 0; font-size: 20px; top: 50%; margin-top: -25px; line-height: 50px;background: #fff;width: 50px;text-align: center;}
.showCase .owl-next{ position: absolute; right: 0; font-size: 20px; top: 50%; margin-top: -25px; line-height: 50px;background: #fff;width: 50px;text-align: center;}
.pdTop{ padding: 2% 0;}
.pdBread{ font-size: 0;border-left: 1px solid #e8e9ea; display: flex; display: -webkit-flex; }
.pdBread dd{text-align: center; display: inline-block; width: 16.666%; font-size: 14px; }
.pdBread dd a{border: 1px solid #e8e9ea; border-left: 0; display: block; position: relative; line-height: 38px;}
.pdBread dd.on a{background: #0E4A9E;color: #fff; border-color: #0E4A9E;}
.pdList dd{ float: left; width: 22%; margin-right: 3%; margin-bottom: 3%;}
.pdList { width: 103%; font-size: 14px;color: #666; text-align: center;}
.pdList .scaleImg{ position: relative; z-index: 5;overflow: hidden;border-radius: 2px;}
.pdList dd h6{ white-space: nowrap; padding: 10px 0; overflow: hidden;text-overflow: ellipsis;}
.pdList dd span{transition: .5s; -webkit-transition: .5s; display: inline-block; line-height: 24px; padding: 0 12px;background: #ddd; border-radius: 2px;}
.pdList dd a{ display: block;}
.scrollRight{ display: none;}
.leftImg img{ display: none; width: 100%;border-radius: 4px;}
.pdDetails{ padding: 3% 0 4% 0;}
.pdDetails .fl{ width: 440px; max-width: 37%; margin-right: 4%;}
.xiaotuLunbo{ margin-top: 10px; padding: 0 20px;}
.xiaotuLunbo .item:hover{cursor: pointer;}
.xiaotuLunbo .owl-next,.xiaotuLunbo .owl-prev{font-size: 20px; position: absolute; top: 50%; margin-top: -16px;}
.xiaotuLunbo .owl-next{ right: -25px;}
.xiaotuLunbo .owl-prev{ left: -25px;}
.xiaotuLunbo .imgs{ border-radius: 2px;position: relative;z-index: 2;overflow: hidden;}
.xiaotuLunbo .imgs:before{opacity: .8;border-radius: 2px; position: absolute; left: 0;right: 0;top: 0;bottom: 0;content: '';border: 3px solid transparent;}
.xiaotuLunbo .on .imgs:before{ border-color: #0E4A9E;}
.flTxt{ float: left; padding-top: 3%; width: 44%;}
.cpintrduct span{color: #1A1A1A;}
.cpintrduct>p{ margin-bottom: 5px;}
.hotPd{ float: right; width: 14.5%;}
.tuijian{ padding: 15px;border: 1px solid #ddd; margin-bottom: 10px; }
.hotDL{ margin-top: 5px; font-size: 12px;}
.hotDL dd{ text-align: center;}
.hotDL h6{ padding: 5px 0;}
.hotDL .scaleImg{ position: relative;z-index: 5;overflow: hidden;border-radius: 2px;}
.returnGo{ text-align: center;}
.returnGo a{ display: inline-block;background: #ddd; padding: 2px 15px;border-radius: 3px;}

.serviceDD { width: 102%;}
.serviceDD .dd{ float: left; width: 48%; margin: 0 2% 2% 0;}
.serviceDD .dd .dt{ padding: 30px; min-height: 100px; border: 1px solid #ddd;}
.serviceDD .dd .dt .iconfont{ font-size: 54px; line-height: 1; margin-right: 15px;}
.color014099{ color: #014099;}
.serviceTxt{ padding: 2% 0 3% 0;}
.partner{ font-size: 0; width: 103.25% ; padding-top: 3%; }
.partner dd{vertical-align: top;text-align: center; display: inline-block; *display: inline;*zoom: 1; width: 11%; margin-right: 3.25%; font-size: 14px;color: #666666; margin-bottom: 3%;}
.partner dd img{transition: .25s; width: 100%; max-width: 130px; border-radius: 50%; border: 1px solid #ddd; margin-bottom: 10px;}

.problemDL dd{ border: 1px solid #ddd; padding: 0 15px; margin-bottom: 10px;}
.clickShow{ display: block; position: relative; line-height: 58px; overflow: hidden;}
.problemDL dd em{text-align: center; margin-top: 9px; display: block; font-size: 24px; float: left; width: 40px;line-height: 40px;background: #014099;color: #fff;border-radius: 50%; margin-right: 10px;}
.problemDL .tit{font-size: 18px; padding-right: 20px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.showMore .txt{ overflow: hidden; padding: 15px 0 20px 0; line-height: 2;}
.problemDL .showMore em{background: #999;}
.clickShow:before{ position: absolute; right: 0; top: 50%; margin-top: -1px; height: 2px;background: #0E4A9E;content: '';width: 18px;}
.clickShow:after{ position: absolute; height: 18px; top: 50%; margin-top: -9px; right: 8px; width: 2px;background: #0E4A9E;content: '';}
.showMore{ display: none;}
.problemDL{ padding-top: 2%;}
.problemDL dd.on .clickShow:after{ display: none;}

.selectForm{ background: url(/images/form.jpg) no-repeat right center; padding: 2% 0; margin: 3% 0 5% 0; position: relative;}
.hotLine{ position: absolute; right: 0; width: 40%;text-align: center; top: 50%; margin-top: -110px;}
.selectForm form{ width: 63%;}
.formDL dd{ float: left; width: 45%; margin-right: 5%; margin-bottom: 3%;}
.formDL dt{ text-align: right;}
.formDL .submits{background: #0E4A9E;color: #fff;border: 0;border-radius: 2px; padding: 0 35px; line-height: 36px;}
.formDL .input input[type=text],.formDL .input textarea{border: 0;box-shadow: 2px 2px 5px -2px #ccc inset; width: 100%; line-height: 24px; padding: 8px 0; text-indent: 10px;background: #efefef; border-radius: 3px;}
.formDL .input{ margin-top: 5px; position: relative;}
.formDL .input textarea{ height: 72px;}
.formDL .width100{ width: 95%;}
.formDL .code{ position: absolute; right: 0; top: 0;height: 100%; border-radius:0 2px 2px 0;}
.formDL .input input[type=text]:focus,.formDL .input textarea:focus{background: #edf1f6;}
.selectForm .items{position: relative; float: left; width: 48.5%;  color: #666; font-size: 14px;}
.selectForm .items:nth-child(2){ float: right;}
.selectForm .items .value{position: relative;box-shadow: 2px 2px 5px -2px #ccc inset;border-radius: 3px;z-index: 2;  padding:8px 0 8px 10px; line-height: 24px; display: block; background: #efefef url(../images/select.png) no-repeat right center;}
.selectForm .items.on{z-index: 30;}
.overScroll{display: none; box-shadow: 0 5px 15px -8px rgba(0,0,0,.5); max-height: 360px; overflow-y: auto; -webkit-overflow-scrolling: touch; position: absolute; left: 0;right: 0; top: 100%;background: #fcfcfc;}
.overScroll li{position: relative; line-height: 28px; padding-left: 10px; transition: .4s; -webkit-transition: .4s; cursor: pointer; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.formDL dd:first-child{ position: relative;z-index: 2;}
.guocheng .overHidden{ padding-top: 5.5%; padding-left: 2%; max-width: 500px;}
.guocheng .dd{ margin-bottom: 58px;}
.guocheng{ margin-top: 4%; background: url(/images/bg.jpg) no-repeat;background-size: contain;}

.guocheng .dd .fl{ width: 260px;}
.shebei{ padding: 3% 0 0 0;}
.shebei .fl{ width: 54.5%;}
.shebei .fr{ width: 42%; margin-top:5%;}
.shebei .fl .top{ position:relative;background: #f6f6f6; margin-bottom:35px;}
.shebei .fl .top .txt{ padding: 0 15% 5% 8%;color: #666;}
.shebei .fr .top{ position:relative;margin-bottom: 35px;}
.shebei .fr .top .txt{color: #fff; position: relative; padding: 30px; background: #000;background: rgba(0,0,0,.5); margin-top: -60px;}
.fl .imgList{ text-align: right;}

.kindDL{ float: left; width: 70%;}
.kindDL dd{ float: left;}
.kindDL .hiddenTxt{ display: none;}
.kindDL dd a{ display: block; line-height: 38px; margin: 0 10px 10px 0; padding: 0 20px; border-radius: 2px;border: 1px solid #ddd;}
.kindOf{ padding: 1% 0 2% 0;}
.kindDL dd.on a,.kindDL dd:hover a{background: #0E4A9E;color: #fff;border-color: #0E4A9E;}
.kindOf .rightTxt{ overflow: hidden; min-height: 170px; padding: 30px;background: #f6f6f6; border: 1px solid #ddd;border-radius: 2px;}
.caseDL{ padding: 3% 0 3% 0;}
.caseDL { text-align: center; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.caseDL dd{margin-bottom: 1.5%; transition: .5s; cursor: default; color: #666; border: 1px solid #ddd; border-radius: 2px; display: inline-block; *display: inline;*zoom: 1;text-align: left; width: 49%;}
.caseDL dd .pad{ padding: 25px;}
.caseDL dd .pad .fl{ width: 200px; margin-right: 25px;}
.caseDL .hiddenTxt{ overflow: hidden; min-height: 160px;}
.caseDL dd h5{ margin-bottom: 6px;}
.newsDL dd a{display: block; position: relative; overflow: hidden; padding-left: 235px; color: #666;}
.newsDL dd .fl{top: 0; position: absolute; left: 0; width: 235px;bottom: 0;background-size: cover !important;}
.newsDL .hiddenTxt{ border: 1px solid #ddd; padding: 13px 10px 13px 25px;}
.newsDL .txt{ margin:10px 0 15px 0; height: 44px; overflow: hidden;}
.newsDL dd{ margin-bottom: 20px;}
.clickMore{ display: block; border: 1px solid #eee; line-height: 50px;text-align: center; font-size: 16px;}
.knowDL { width: 102%;}
.knowDL dd{ float: left; width: 48%; margin-right: 2%; margin-bottom: 2%;}
.knowDL dd a{ display: block; padding: 15px 20px;border: 1px solid #ddd;}
.knowDL dd h6{ margin-bottom: 5px;}
.newsDetails{ float: left; width: 73%;}
.detailsText{ text-indent: 2em;color: #666; padding: 3% 0 0 0;}
.share a{ transition: 0s; -webkit-transition: 0s;}
.tjList{ overflow: hidden; padding-left: 5%;}
.tjList li a{ display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; line-height: 38px; border-top: 1px solid #ddd;}
.tjList ol{ border-bottom: 1px solid #ddd;}
.fanhui{color: #666; margin: 5% 0 3% 0; line-height: 40px; border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.shangxia p{ white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.shangxia a{ color: #666;}
.zpDetails{ overflow: hidden; padding-bottom: 3%; padding-top: 10px;}
.zpOL{ float: left; width: 20%; min-width:90px; white-space: nowrap; margin-right: 7%;}
.zpOL .hiddenTxt{ display: none;}
.zpOL li>a{ display: block; white-space: nowrap; line-height: 40px;border-bottom: 1px solid #ddd;}
.zpDetails .way{ padding: 15px 0 30px 0; border-top: 1px solid #ddd;}
.zpDetails .txt{ margin-bottom: 30px;}
.zpDetails .txt >span{ padding-right: 15px;}
.zpDetails h6{ color: #1A1A1A; margin-bottom: 6px;}
.zpOL li.on>a{ color: #0E4A9E;}
.zhanlue .fl{ width: 40%; text-align: center; margin-right: 2%;}
.zhanlue { padding: 3% 0 8% 0;}
.zhanlue .overHidden{ padding-top: 2%;}
.searchItem .title{background: #eee; font-size: 18px; color: #014099;  padding: 10px 0 10px 15px; margin-bottom: 15px;}
.searchItem dl{ padding-top: 0; padding-bottom: 0;}
.searchItem{ padding-bottom: 3%; /*border: 1px solid #ddd; margin-bottom: 15px; padding: 10px;*/}
.searchTit{margin-bottom: 15px; background: #eee; padding: 15px 0;}
.searchList{ padding-bottom: 5%;}

.pagination_2{ text-align:center; padding:1% 0 4% 0;}
.pagination_2 span,.pagination_2 a{ display:inline-block; padding:0 10px; border:1px solid #ddd; line-height:30px; color:#888;}
.pagination_2 .current,.pagination_2 a:hover{ background:#014099; border-color:#014099; color:#fff}






@media only screen and (min-width:1200px ) {
	.honorDL dd:hover .imgs{box-shadow: 0 12px 15px -5px #ddd;}
	.showCase .item .imgs{ opacity: .9; transition: .5s;}
	.showCase .item:hover .imgs{ opacity: 1;}
	.pdBread dd:hover a{background: #0E4A9E;color: #fff;border-color: #0E4A9E;}
	.pdList dd a:hover{color: #0E4A9E;}
	.pdList dd a:hover span,.returnGo a:hover{background: #0E4A9E;color: #fff;}
	.hotDL a:hover{color: #0E4A9E;}
	.partner dd:hover img{ box-shadow: 10px 10px 10px -5px #ddd;}
	.overScroll li:hover{background: #e7effa;}
	.formDL .submits:hover{background: #01AAED;}
	.caseDL dd:hover{border-color: #0E4A9E;}
	.newsDL dd a:hover{background: #f0f6ff;box-shadow: 5px 5px 5px -2px #ddd;}
	.newsDL dd a:hover .hiddenTxt{ border-color: #f0f6ff;}
	.clickMore:hover{border-color: #0E4A9E;color: #0E4A9E;}
	.knowDL dd a:hover{background: #f8f8f8;}
	.tjList li a:hover,.shangxia a:hover,.fanhui a:hover{ color: #014099;text-decoration: underline;}
	.cultrue .dd { transition: .5s; -webkit-transition: .5s;}
	.cultrue .dd:before{z-index: 2; position: absolute; left: 10px;right: 10px; top: 10px;bottom: 10px;content: ''; border: 0 solid transparent;transition: .5s; -webkit-transition: .5s;}
	.cultrue .dd:hover:before{opacity: .5; box-shadow: 0 0 25px -5px #000 inset;}
	
}


@media only screen and (max-width:1200px ) {
	.cultrue .dd .txt .font16{ font-size: 14px;}
	.cultrue .dd .txt{ left: 20px;}
	.cultrue .dd img{ max-width: 60px; max-height: 100%;}
	.cultrue .dd{ height: 250px;}
	.selectForm{background-size: cover; padding-left: 3%;}
	.selectForm .width50{ width: 95%;}
	.guocheng .dd .fl{ width: 200px;}
}

@media only screen and (max-width:1059px ) {
	.serviceDD{ width: auto;}
	.serviceDD .dd .dt{ min-height: 50px;}
	.serviceDD .dd{ width: auto; float: none; margin-right: 0;}
	.guocheng{ background: none;}
}
@media only screen and (max-width:960px ) {
	.honorDL dd{ width: 31.33%;}
	.hotPd{ float: none; width: 100%; overflow: hidden; padding: 3% 0 0 0;}
	.flTxt{ width: 50%;}
	.partner { width: 103%;}
	.partner dd{ width: 22%; margin-right: 3%;}
	.hotDL dd{ display: inline-block; width: 30%; max-width: 160px;}
	.partner dd img{ margin-bottom: 5px;}
	.kindOf .rightTxt{ padding: 15px; position: relative; min-height: 100px;}
	.kindDL{ float: none; width: auto;}
	.caseDL dd{ width: 100%;}
	.caseDL .hiddenTxt{ min-height: 0;}
}

@media only screen and (min-width:640px ) {
	.guocheng .dd:nth-child(2){ margin-left: 35%;}
	.guocheng .dd:nth-child(3){ margin-left: 10%;}
	.guocheng .dd:nth-child(4) { margin-left: 14%; margin-right: 20%;}
	.guocheng .dd:nth-child(4) .fl{float: none; float: right;}
}

@media only screen and (max-width:640px ) {
	.about_4 .dt{ float: none; margin-bottom: 3%; width: auto !important;}
	.about_2 >div img{ height: 80px;}
    .about_1 .fr{ float: none; margin-bottom: 2%;}
    .about_1 .fr img{ width: 100%;}
    .banner .txt{ padding-left: 3%; bottom: 50%; transform: translate(0,50%); -webkit-transform: translate(0,50%);}
    .banner img{ max-width: 150%;width: 150%;}
    .cultrue .dd{ width: 50% !important; height: 180px;}
    .cultrue .dd img{max-width: 48px;}
    .cultrue .dd:nth-child(3){ width: 100% !important;}
    .cultrue .dd .inlineBlock{ font-size: 12px;}
    .cultrue .dd .txt .font16{ min-height: 24px;}
    .honorDL dd{ width: 48%;}
    .showCase .owl-prev,.showCase .owl-next{ width: 30px;line-height: 30px; margin-top: -15px; font-size: 16px;}
    .pdList dd{ width: 47%;}
    .pdList dd h6{ padding: 5px 0;}
    .pdBread{position: relative; padding-right: 30px; display: block; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .pdTop{ position: relative; padding: 10px 0;}
    .pdBread dd{ width: auto; }
    .pdBread dd a{padding: 0 20px;}
    .scrollRight{background: #eee;z-index: 5; width: 30px;text-align: center; display: block; position: absolute; right: 0; top: 10px; line-height: 40px;}

    .pdDetails .fl{ width: auto; max-width: 100%; float: none; margin: 0 0 2% 0;}
    .flTxt{ float: none; width: auto;}
    .returnGo{ text-align: right;}
    .flTxt .paddingBot4{ padding-bottom: 5px; text-align: center;}
    .serviceDD .dd .dt{ padding: 15px;}
    .serviceDD .dd .dt .iconfont{ font-size: 36px; margin-top: 5px;}
    .serviceTxt br{display: none;}
    .serviceTxt>*{ margin-bottom: 10px;}
    .problemDL .tit{ font-size: 15px;}
    .problemDL dd em{ width: 30px; line-height: 30px; font-size: 16px; margin-top: 5px; margin-right: 5px;}
    .clickShow{ line-height: 40px;}
    .problemDL dd{ padding:0 10px 0 7px;}
    .showMore .txt{ padding-top: 5px;}
    .hotLine{ position: static; margin-top: 3%; width: auto;}
    .selectForm form{ width: auto;}
    .selectForm{ border-radius: 5px;}
    .selectForm .width50,.selectForm .width100{ width: 97%;}
    .formDL dd{ width: 47%; margin-right: 3%;}
    .formDL .input input[type=text], .formDL .input textarea{ padding: 5px 0; line-height: 20px;}
    .shebei .fl{ width: auto; float: none;}
	.shebei .fr{ width: auto; float: none; margin-top:5%;}
	.shebei .fl .top{ margin-bottom: 0;}
    .caseDL dd .pad .fl{margin-right: 10px;}
    .caseDL dd .pad{ padding: 10px;}
    .newsDL dd a{ padding-left: 150px;}
    .newsDL dd .fl{ width: 150px;}
    .newsDL .hiddenTxt{padding: 8px 10px 8px 15px;}
    .newsDL .txt{ margin: 5px 0;}
    .newsDetails{ float: none; width: auto;}
    .tjList{ padding: 0; margin: 5% 0 0 0;}
    .zpDetails .txt>span{display: block;}
    .zpOL{ margin-right: 15px;}
    .zhanlue .fl{ width: auto; margin-bottom: 3%; margin-right:0; float: none;}
    .knowDL{ width: auto;}
    .knowDL dd{ width: auto; float: none;}
    .knowDL dd a{ padding: 10px;}
}



@media only screen and (max-width:480px ) {
	.partner dd{ width: 30.333%;}
	.guocheng .dd .fl{ width: 150px;}
	.guocheng .overHidden{ padding-top: 0;}
	.guocheng .dd{ margin-bottom: 25px;}
	.kindDL dd a{ padding: 0 8px; line-height: 30px;font-size: 12px; margin: 0 5px 5px 0;}
	.caseDL dd .pad .fl{ width: 80px;}
}