.pagebanner{}
.pagebanner .txt{height: 320px; color: #fff; font-family: Verdana;}
.pagebanner .txt h3{font-family: arial; font-weight: bold; line-height: 1.2em; padding-bottom: 0.1em;}
.pagebanner .txt h3 span{color: #D81617;}

.Crumbs{padding-bottom: 15px; border-bottom: 1px solid #D2D2D2; line-height: 24px; font-family: arial;}
.Crumbs h3{float: left; color: #23262E; font-size: 20px; font-weight: bold;}
.Crumbs .right{float: right; padding-top: 8px; font-size: 12px;}
.Crumbs .right a{color: #666;}
.Crumbs .right a:hover{color: #D81617;}
.Crumbs .right img{display: inline-block; vertical-align: middle; padding: 0 12px;}

.pagecon{font-family: arial;}
.caselist{padding: 30px 0 0px;}
.caselist ul li{float: left; width: calc(33.33% - 16px); margin-left: 24px; margin-bottom: 24px;}
.caselist ul li:nth-child(3n+1){margin-left: 0;}
.caselist ul li a{display: block;}
.caselist ul li a .img{border-radius: 6px 6px 0 0;}
.caselist ul li a .txt{line-height: 52px; border: 1px solid #D2D2D2; position: relative; border-radius: 0 0 6px 6px; overflow: hidden; border-top: 0; color: #666666;}
.caselist ul li a p{margin-left: 18px; width: calc(100% - 88px); overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px; font-family: arial; position: relative; font-weight: bold;}
.caselist ul li a span{position: absolute; right: 0; top: 0; height: 100%; width: 52px; background: url(/images/case/more0.png) no-repeat center #FBFBFB; border-left: 1px solid #D2D2D2;}
.caselist ul li a:hover span{background:url(/images/case/more1.png) no-repeat center #D81617; border-color: #D81617;}
.caselist ul li a:hover .txt{background: #0B3382; color: #fff;}
.caselist .tit{font-size: 20px; padding-bottom: 1.2em; color: #23262E; font-family: arial;}

.pagefy{text-align: center; padding-top: 20px;}
.pagefy a,.pagefy span{display: inline-block; width: 46px; line-height: 46px; height: 46px; background: #a0a0a0; vertical-align: middle; margin: 0 2px; color: #fff;}
.pagefy a:hover,.pagefy span{background: #0B3382;}
.pagefy a.last{background: url(/images/case/page2.png) no-repeat center #0B3382;}
.pagefy a.first{background: url(/images/case/page1.png) no-repeat center #0B3382;}

.casexq{padding: 30px 0 20px;}
.casexq .tit{text-align: center; color: #23262E; padding-bottom: 1.2em;}
.casexqs{ line-height: 1.8em;}
.casexqs img{display: inline-block; max-width: 100%; height: auto !important;}

.leftnav{float: left; width: 272px; padding: 10px 0; padding-left: 10px; background: #0B3382; border-radius: 10px; overflow: hidden;}
.leftnav a{color: #fff; display: block;}
.leftnav a.yij{line-height: 22px; padding: 18px 20px; font-weight: bold; font-size: 16px;}
.leftnav ul li{margin-bottom: 1px;}
.leftnav ul li.cur a.yij,.leftnav a.yij:hover,.leftnav ul li.curs a.yij{background: #D81617;}
.leftnav dl{padding:10px 20px; display: none;}
.leftnav ul li.cur dl{display: block;}
.leftnav dl dd{padding: 10px 0; line-height: 24px; font-size: 12px;}
.leftnav dl dd a{opacity: 0.6; padding-left: 15px; background: url(/images/pro/dian1.jpg) no-repeat left 10px;}
.leftnav dl dd a:hover,.leftnav dl dd a.cur{opacity: 1;}

.rightcon{float: right; width: calc(100% - 322px); font-family: arial;}
.proerj{padding-top: 30px;}
.proerj a{float: left; width: 50%; text-align: center; line-height: 40px; background: #dbe1ec; color: #fff; font-weight: bold;}
.proerj a:hover,.proerj a.cur{background: #0B3382;}
.proBox{}
.proBox .cons{padding: 40px 0 80px; border-bottom: 1px dashed #D2D2D2;}
.proBox .cons .tit{padding-bottom: 15px;}
.proBox .cons .tit h3{padding-left: 15px; background: url(/images/pro/cptit1.jpg) no-repeat left center; font-size: 16px; margin-bottom: 15px; color: #333;}
.proBox .cons .tit p{color: #999; font-size: 12px; line-height: 1.8em;}
.proBox .cons ul li{padding-top: 10px;}
.proBox .cons ul li .con{padding: 22px; background: #edf7fa;}
.proBox .cons ul li .con .img{float: left; width: 200px;}
.proBox .cons ul li .con .txt{float: right; width: calc(100% - 230px);}
.proBox .cons ul li .con .txt h3{font-weight: bold;}
.proBox .cons ul li .con .txt p{padding: 15px 0;}
.proBox .cons ul li .con .txt a.more{display: block; width: 138px; line-height: 36px; background: #dbe1ec; text-align: center;}
.proBox .cons ul li .con .txt a.more:hover{background: #D81617; color: #fff;}

.projies{padding: 40px 0 80px;}
.projlb{float: left; width: 355px; overflow: hidden;}
.projlb .xiaot{padding-top: 10px;}
.projlb .xiaot .con{background: #f8f8f8; border: 2px solid #f8f8f8;}
.projlb .xiaot .con.cur{border: 2px solid #D81617;}
.projies .txts{float: right; width: calc(100% - 385px);}
.projies .txts .tit{font-size: 20px; color: #23262E;}
.projies .txts .txt{ line-height: 2em; min-height: 10em; padding: 20px 0 30px; font-size: 15px;}
.projies .txts a{display: inline-block; line-height: 44px; border-radius: 5px; background: #0B3382; color: #fff; padding: 0 20px;}
.projies .txts a:hover{background: #D81617;}
.projies .txts a img{display: inline-block; vertical-align: middle; padding-right: 8px;}

.Charact{border: 1px solid #e6e6e6; border-top: 0;}
.Charact .qhtit{line-height: 56px;}
.Charact .qhtit a{float: left; width: 33.33%; background: #edf7fa; text-align: center;position: relative; font-size: 15px; text-transform: uppercase;}
.Charact .qhtit a.cur,.Charact .qhtit a:hover{background: #fff; font-weight: bold;}
.Charact .qhtit a:before,.Charact .qhtit a:before{content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 3px; background: #D81617; transition:.3s; -webkit-transition:.3s;}
.Charact .qhtit a.cur:before,.Charact .qhtit a:hover:before{width: 100%;}
.Charact .qhcon{padding: 30px;}
.Charact .qhcon .con{display: none;}
.Charact .qhcon ul li{padding: 10px 0; padding-left: 20px; position: relative; line-height: 24px;}
.Charact .qhcon ul li:before{content: '●'; position: absolute; top: 10px; left: 0;}

.Characts .qhtit a{width: 25%; font-size: 14px; text-transform: initial;}
.Charact .qhcons{padding: 30px; line-height: 2.2em;}
.Charact .qhcons .con{display: none;}

.cpros{padding-bottom: 0;}
.cpros .tit{font-size: 15px; color: #23262E; font-weight: bold;}
.cpros .sousc{padding: 15px 0;}
.cpros .sousc input{float: left; height: 50px; line-height: 50px; border: 0; background: #edf7fa;}
.cpros .sousc .txt{width: calc(100% - 90px); padding: 0 20px;}
.cpros .sousc .but{background: url(/images/pro/ico2.png) no-repeat center #0B3382; width: 50px; cursor: pointer;}
.cpros .bd{}
.cpros .bd .input{padding-bottom: 10px;}
.cpros .bd .input h3{font-size: 15px; padding-bottom:5px;}
.cpros .bd .input input{display: block; width: calc(100% - 20px); padding: 0 9px; border: 1px solid #e6e6e6; height: 34px; line-height: 34px; border-radius: 4px;}
.cpros .bd .input input:focus,.cpros .bd .input textarea:focus{border: 1px solid #aebbd5;}
.cpros .bd .inputs .input{width: calc(50% - 5px); float: left;}
.cpros .bd .inputs .input:last-child{float: right;}
.cpros .bd .input textarea{display: block; width: calc(100% - 20px); padding: 9px 9px; border: 1px solid #e6e6e6; height: 150px; line-height: 24px; border-radius: 4px;}
.cpros .bd .but{padding-top: 20px;}
.cpros .bd .but input{height: 58px; width: 248px; border: 0; background: #0B3382; color: #fff; cursor: pointer;}
.cpros .bd .but input:hover{background: #D81617;}
.shuxwz{line-height: 2.2em;}

.Services{}
.Services .tit{text-align: center; color: #23262E; padding-bottom: 0.8em;}
.Services .con{padding: 20px 0; border-bottom: 1px dashed #E6E6E6;}
.Services .con .imgs{float: left; width: calc(50% - 12px);}
.Services .con .txt{float: right; width: calc(50% - 52px); line-height: 2em;}
.Services .con .ico{padding: 30px 0; display: inline-block;}
.Services .con:nth-child(2n) .txt{float: left; text-align: right;}
.Services .con:nth-child(2n) .imgs{float: right;}

.pagecon img{max-width: 100%;}
.lxsfs{}
.lxsfs .tit{text-align: center; color: #23262E; padding-bottom: 1.2em;}
.lxsfs ul li{float: left; width: calc(20% - 60px); padding-right: 60px; padding-top: 20px;}
.lxsfs ul li .ico{}
.lxsfs ul li .txt{}
.lxsfs ul li .txt h3{padding:10px 0; font-size: 18px; color: #333;}

.map{height: 480px;}
.Feedback{padding-bottom: 30px;}
.Feedback .tit{text-align: center; color: #0B3382; font-weight: bold; padding-bottom: 1em;}
.Feedback .input{float: left; position: relative; line-height: 32px; width: calc(33.33% - 16px); margin-right: 24px; margin-bottom: 20px;}
.Feedback .input1{margin-right: 0;}
.Feedback .input2{width: calc(66.66% - 8px); margin-right: 0;}
.Feedback .input input{width: calc(100% - 70px); border: 1px solid #e5e5e5; padding: 0 29px 0 39px; height: 32px; line-height: 32px; border-radius: 16px;}
.Feedback .input input:focus,.Feedback .textarea textarea:focus,.Feedback .bddb input:focus{border-color: #aebbd5;}
.Feedback .input img{position: absolute; left: 12px; top: 50%; margin-top: -7px;}
.Feedback .input span{position: absolute; right: 10px; top: 10px; line-height: 20px; color: #D81617;}
.Feedback .textarea{position: relative; float: left; width: 100%;}
.Feedback .textarea textarea{width: calc(100% - 70px); border: 1px solid #e5e5e5; padding: 9px 29px 9px 39px; height: 132px; line-height: 24px; border-radius: 16px;}
.Feedback .textarea img{position: absolute; left: 12px; top:16px;}
.Feedback .textarea span{position: absolute; right: 10px; top: 10px; line-height: 20px; color: #D81617;}
.Feedback .bddb{padding-top: 20px;}
.Feedback .bddb .yzms input{float: left; width: 98px; padding: 0 20px; border: 1px solid #e5e5e5;height: 46px; line-height: 46px; border-radius: 23px;}
.Feedback .bddb .yzms{float: left;}
.Feedback .bddb .yzms .imgs{width: 97px; height: 36px; border: 1px solid #E5E5E5; margin-top: 5px; margin-left: 10px; float: left; cursor: pointer;}
.Feedback .bddb .yzms p{float: left; line-height: 48px; margin-left: 10px; color: #999;}
.Feedback .bddb .yzms p span{color: #D81617;}
.Feedback .bddb .but{float: right; }
.Feedback .bddb .but input{width: 220px; height: 48px; border: 0; cursor: pointer; background: #0B3382; color: #fff; border-radius: 23px;}
.Feedback .bddb .but input:hover{background: #D81617;}

.jiescon{}
.jiescon .con{padding-top: 50px;}
.jiescon .con .tit h3{padding-left: 15px; background: url(/images/pro/cptit1.jpg) no-repeat left center; font-size: 20px; font-weight: bold; margin-bottom: 40px; color: #333;}
.jiescon .con .txt{line-height: 2em;}
.jiescon .con .ul{}
.jiescon .con .ul .li{float: left; width: calc(25% - 37px); padding: 0 24px; border-left: 1px dashed #E5E5E5;}
.jiescon .con .ul .li:first-child{padding-left: 0; border: 0;}
.jiescon .con .ul .li:last-child{padding-right: 0;}
.jiescon .con .ul .li .num{display: block; width: 30px; line-height: 30px; background: #052e4e; border-radius: 3px; color: #fff; text-align: center; position: relative; margin-bottom: 15px;}
.jiescon .con .ul .li:nth-child(2n) .num{background: #D81617;}
.jiescon .con .ul .li .num:before{content: ''; position: absolute; top: 100%; left: 0; width: 100%; background: url(/images/about/shuico0.jpg) no-repeat center; height: 6px;}
.jiescon .con .ul .li:nth-child(2n) .num:before{background: url(/images/about/shuico1.jpg) no-repeat center;}
.jiescon .con .ul .li .txt{min-height: 310px;}

.newlist{padding-top: 10px;}
.newlist ul li{padding: 25px 0; border-bottom: 1px dashed #E5E5E5;}
.newlist ul li .img{float: left; width: 263px; border-radius: 5px;}
.newlist ul li .txt{float: right; width: calc(100% - 283px);}
.newlist ul li .txt h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%;}
.newlist ul li .txt h3 a{font-size: 18px; color: #0B3382; font-weight: bold;}
.newlist ul li .txt span{display: block; color: #999; font-size: 12px;}
.newlist ul li .txt p{line-height: 2em; height: 4em; overflow: hidden; margin: 15px 0;}
.newlist ul li .txt a.more{color: #999;}
.newlist ul li .txt a.more img{display: inline-block; vertical-align: middle; padding-left: 4px; padding-bottom: 2px;}
.newlist ul li .txt a.more:hover{color: #D81617;}

.newxq{}
.newxq .tit{text-align: center;}
.newxq .tit h3{color: #23262E;}
.newxq .tit p{color: #999;}
.newxq .newxqs{line-height: 2em;}
.newxq .newxqs img{max-width: 100%; height: auto !important;}

.course{margin-top: 40px;}
.course .cons{position: relative;}
.course .cons:before{content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #dbdbdb;}
.course .cons:after{content: ''; position: absolute; left: 50%; top: 0; margin-left: -5px; width: 11px; height: 11px; background: url(/images/about/lcico1.jpg) no-repeat;}
.course .con{padding:30px 0; position: relative;}
.course .con .yuan{position: absolute; background: url(/images/about/lcico2.jpg) no-repeat; width: 13px; height: 13px; left: 50%; margin-left: -6px; top: 0.6em; margin-top: 24px;}
.course .con .imgs{float: left; width: calc(50% - 51px); margin-top: 20px;}
.course .con .imgs .img{float: right; width: 138px; border-radius: 100%;}
.course .con .txt{float: right; width: calc(50% - 51px); line-height: 1.8em;}
.course .con .txt h3{color: #333; font-family: myFirstFont; padding-bottom: 10px; line-height: 1.2em;}
.course .con:nth-child(2n+1) .imgs{float: right;}
.course .con:nth-child(2n+1) .imgs .img{float: left;}
.course .con:nth-child(2n+1) .txt{float: left; text-align: right;}

.Qualidt{margin: 30px 0 20px; border: 2px solid #cccccc; padding: 18px;}
.Qualidts_{background: #313131; position: relative;}
.Qualidts{position: relative; width: 80%; margin: 0 auto; max-width: 495px; overflow: hidden;}
.Quaqh{position: absolute; top:50%; z-index: 3; width: 48px; height: 48px; border: 1px solid #fff; border-radius: 100%; margin-top: -25px; cursor: pointer; opacity: 0.5;}
.Quaqh:hover{opacity: 1;}
.Quaprev{left: 5%; background: url(/images/about/qh1.png) no-repeat center;}
.Quanext{right: 5%; background: url(/images/about/qh2.png) no-repeat center;}

.Qualixt{padding: 0 10px; background: #313131;}
.Qualixts{overflow: hidden; padding: 15px 0;}
.Qualixt .imgs{padding: 21px; border: 1px solid transparent; position: relative; cursor: pointer;}
.Qualixt .swiper-slide-active .imgs{border-color: #D81617;}
.Qualixt .swiper-slide-active .imgs:before{position: absolute; content: ''; left: 0; bottom: 100%; width: 100%; height: 4px; background: url(/images/about/Quali3.png) no-repeat center;}

.search{min-height: 400px;}
.search .tit{text-align: center; padding-bottom: 1.2em;}
.search .tit span{color: #D81617; padding: 0 5px;}
.nocon{text-align: center; color: #999;}
.search ul li{padding: 10px 0; border-bottom: 1px dashed #E5E5E5;}
.search ul li a{display: block; overflow: hidden; line-height: 24px;}
.search ul li a p{width: calc(100% - 15em); float: left; font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search ul li a p font{color: #D81617;}
.search ul li a span{float: right; font-size: 12px; color: #0B3382;}

@media screen and (max-width:1300px) {
	.Crumbs .right{display: none;}

}
@media screen and (max-width:1200px) {
	.pagebanner .txt{height: 280px;}

}
@media screen and (max-width:960px) {
	.pagebanner .txt{height: 240px;}
	.leftnav{width: 100%;}
	.rightcon{width: 100%; padding-top: 40px;}
	.proerj a{width: 100%; line-height: 24px; padding: 8px 0;}
	
	.Services .con .ico{width: 50px; padding: 0 0 20px;}
	.Services .con .ico img{width: 100%;}
	
	.lxsfs ul li{width: 100%;}
	.lxsfs ul li .ico{float:left;}
	.lxsfs ul li .txt{float:right; width: calc(100% - 80px);}
	.lxsfs ul li .txt h3{padding-top: 0; padding-bottom: 5px;}
	
	.Feedback .bddb .yzms{width: 100%;}
	
}
@media screen and (max-width:768px) {
	.caselist ul li{width: calc(50% - 6px); margin-left: 0;}
	.caselist ul li:nth-child(2n){float: right;}
	.caselist ul li a p{font-size: 14px;}
	.caselist ul li a .txt{line-height:40px ;}
	.caselist ul li a span{width: 40px;}
	
	.pagefy a, .pagefy span{height: 30px; line-height: 30px; width: 30px;}
	.projlb{width: 100%;}
	.projies .txts{width: 100%; padding-top: 25px;}
	.projies{padding: 30px 0 40px;}
	.Charact .qhtit a{font-size: 14px; width: 100%;}
	
	.leftnav a.yij{line-height: 20px; padding: 15px 20px;}
	.leftnav dl dd{padding: 6px 0;}
	
	.Services .con .imgs{width: 100%;}
	.Services .con .txt{width: 100%; padding-top: 20px; text-align: left !important;}
	.Services .con .ico{padding-bottom: 5px;}
	
	.Feedback .input{width: 100% !important; margin-right: 0;}
	.Feedback .bddb .yzms{float: none;}
	.Feedback .bddb .but{float: none; padding-top: 20px;}
	.Feedback .bddb .but input{display: block; margin: 0 auto;}
	
	.jiescon .con .tit h3{font-size: 16px; margin-bottom: 30px;}
	.jiescon .con .ul .li{width: 100%; padding: 0; border: 0;}
	.jiescon .con .ul .li .txt{min-height: auto; padding-bottom: 25px;}
	
	.Qualixt .imgs{padding: 12px;}
	.Quaqh{width: 38px; height: 38px; opacity: 1; margin-top: -20px;}
	.Quanext{right: 1%;}
	.Quaprev{left: 1%;}
	
	.search ul li a p{width: 100%;}
	.search ul li a span{float: left;}
}
@media screen and (max-width:640px) {
	.pagebanner .txt{height: 200px;}
	
	.newlist ul li .img{width: 100%;}
	.newlist ul li .txt{width: 100%; padding-top: 15px;}
	
	.course .con{padding: 20px 0;}
	.course .con .imgs{width: calc(100% - 26px); padding-bottom: 20px; float: left !important; margin-top: 0;}
	.course .con .imgs .img{float: right !important; width: 100px;}
	.course .cons:before{left: auto; right: 6px;}
	.course .cons:after{left: auto; right: 1px; margin-right: 0;}
	.course .con .txt{width: calc(100% - 51px); float: left !important; text-align: right;}
	.course .con .yuan{right: 0; left: auto; margin-left: 0; margin-top: 133px;}


}
@media screen and (max-width:480px) {
	.caselist ul li{width: 100%;}
	
	.proBox .cons ul li .con .img{width: 100%;}
	.proBox .cons ul li .con .txt{width: 100%; padding-top: 20px;}

}
@media screen and (max-width:340px) {


}