@charset "utf-8";
.top-info { padding: 40px 0; background: url(../images/ban-font01.png) #20295E no-repeat right top; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); }
.top-info .box { position: relative; }
.head-show{display:none;}
.top-case { padding-top: 10px; background: url(../images/ban-top02.jpg) no-repeat top center; background-size: cover; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); }
.top-news { background: url(../images/ban-top03.jpg) no-repeat top center; background-size: cover; }
.top-ser { background: url(../images/ban-top04.jpg) no-repeat top center; background-size: cover; }
.top-about { background: url(../images/ban-top05.jpg) no-repeat top center; background-size: cover; }
.top-cont { background: url(../images/ban-top06.jpg) no-repeat top center; background-size: cover; position: relative; z-index: 1; }
.top-case .box { position: relative; }
.top-case .top-info { background: none; box-shadow: none; }
.top-tit { position: absolute; top: 0; left: 0; color: #FFF; font-size: 42px; font-weight: bold; line-height: 47px; padding-left: 36px; margin-bottom: 10px; margin-top: 30px; background: url(../images/topTit-bg.png) no-repeat left center; }

.case-nav { position: relative; width: 100%; height: 60px; line-height: 60px; background: url(../images/nav-bg.png) repeat-x left center; }
.case-nav::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: rgba(120,150,222,.3); }
.case-nav ul { clear: both; overflow: hidden; }
.case-nav li { float: left; width: 20%; text-align: center; }
.case-nav li a { display: block; color: #FFF; font-size: 16px; }
.case-nav li.case-on { font-weight: bold; background: url(../images/nav-on.png) no-repeat center; }
.case-nav li.case-on a { color: #EFBD45; }
.case-nav li:hover { font-weight: bold; }
.case-nav li:hover a { color: #EFBD45; }
.case-list { margin-top: 80px; margin-bottom: 40px; }
.case-list ul { clear: both; overflow: hidden; margin-left: -4%; }
.case-list ul li { float: left; width: 46%; margin-bottom: 50px; margin-left: 4%; }
.case-list li .line-pic { float: left; width: 62%; }
.case-list li .line-pic img { width: 100%; border-radius: 10px 0 0 10px; min-height:266px; }
.case-list li .line-info { float: right; width: 38%; position: relative; padding: 20px 15px 37px; width: 38%\0; padding: 20px 15px 37px\0; width: 34%\9; padding: 20px 2% 37px\9; margin: 15px 0; border-radius: 0 10px 10px 0; background-color: #1E254F; }
.case-list li .line-info::before { content: ''; display: block; position: absolute; top: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn01.png) no-repeat center; }
.case-list li .line-info::after { content: ''; display: block; position: absolute; bottom: -15px; left: 0; width: 15px; height: 15px; background: url(../images/case-horn02.png) no-repeat center; }
.line-info h3 { position: relative; height: 52px; line-height: 26px; text-align: center; margin-bottom: 8px; }
.line-info h3 a { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); margin-top: 0\0; margin-top: -26px\9; color: #fff; font-size: 18px; }
.line-info h3 a:hover { color: #EFBD45; }
.line-info span { display: block; color: #6774B8; font-size: 16px; line-height: 30px; }
.line-info span img { float: left; margin: 8px 10px 0 0; }
.line-info p { color: #FFF; font-size: 16px; line-height: 30px; padding-left: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.line-info p sup { vertical-align: top; position: relative; top: -4px; }
.line-info p.line-group { height: 60px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }
.line-info a.line-more { position: absolute; left: 50%; bottom: -23px; margin-left: -31%; display: block; color: #FFF; width: 62%; width: 62%\0; width: 52%\9; height: 38px; line-height: 38px; border-radius: 6px; padding-left: 10%; background: url(../images/line-more01.png) no-repeat #1E254F right center; box-shadow: 0 -2px 10px rgba(23,28,60,0.9); -webkit-box-shadow: 0 -2px 10px rgba(23,28,60,0.9); -moz-box-shadow: 0 -2px 10px rgba(23,28,60,0.9); }
.line-info a.line-more:hover { color: #EFBD45; background-image: url(../images/line-more02.png); }
/* IE9+ */
@media all and (min-width:0) {
    .case-list li .line-info { width: 38%\9; padding: 20px 15px 37px\9; }
    .line-info h3 a { margin-top: 0\9; }
    .line-info a.line-more { width: 62%\9; }
}


.pro-place { display: block; color: #fff; font-size: 14px; padding-left: 24px; background: url(../images/ban-ico.png) no-repeat left center; width:50%; float:left;margin: 20px 0; }
.pro-place a { color: #fff; }
.pro-place a:hover { text-decoration: underline; }
.top-info .top-font { float: left; color: #7896DE; font-size: 16px; line-height: 36px; width: 46%; margin-left: 24%; }
.top-info span { float: right; color: #FFF; font-size: 18px; width: 220px; height: 52px; line-height: 52px; text-align: center; margin-top: 30px; border-radius: 6px; cursor: pointer; background-color: #7896DE; box-shadow: 0 0 8px rgba(17,21,44,0.7); -webkit-box-shadow: 0 0 8px rgba(17,21,44,0.7); -moz-box-shadow: 0 0 8px rgba(17,21,44,0.7); }
.top-info span:hover { background-color: #5E80D2; }
@media screen and (max-width:1200px) {
    .case-list li .line-info::before, .case-list li .line-info::after { display: none; }
    .case-list li .line-info { margin-top: 0; width: 42%; width: 40%\0; }
    .case-list li .line-pic { width: 58%; }
    .line-info p.line-group { height: auto; -webkit-line-clamp: 1; }
}
@media screen and (max-width:1190px) {
.case-list li .line-pic img{min-height:230px;}
}
@media screen and (max-width:1100px) {
    .case-base h3 { margin-bottom: 25px; }
    .case-base p { margin-bottom: 15px; }
}
@media screen and (max-width:1010px) {
.case-list li .line-pic img{min-height:200px;}
.case-list{ margin-top:40px;}
.case-list ul li{
	width: 90%;
	margin-right: 4%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-bottom: 25px;
	padding-top: 25px;
	margin-left:6%
}
.case-list ul li{
	width: 92%;
	margin-right: 4%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-bottom: 25px;
	padding-top: 1.5rem;
}
.case-list li .line-info{float: right;
    width: 96%;
    color: #FFF;
    padding: 0.62rem 0.5rem 0.62rem 10.25rem;
    border-radius: 0.38rem;
    background: url(../images/line-bg01.png) #2E3762 no-repeat right bottom;
    background-size: cover;
    box-shadow: 0 0 0.38rem rgba(46,55,98,0.9);
    -webkit-box-shadow: 0 0 0.38rem rgba(46,55,98,0.9);
    -moz-box-shadow: 0 0 0.38rem rgba(46,55,98,0.9);}
.case-list ul li .line-info h3{ padding-top:10px; padding-bottom:10px; line-height:40px; text-align:left; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.case-list ul li .line-info h3 a{font-size: 1rem;}
.case-list li{
	position: relative;
}
.case-list li .line-pic{    position: absolute;
    top: -0.75rem;
    width: 10.38rem; margin-top:1.5rem;}
.case-list ul li:nth-child(1){
	border-top-color: #FFF;
}
.case-list li .line-info span{font-size: 0.8rem;}
.case-list li .line-info p{font-size: 0.8rem;}
.case-list li .line-pic img{width: 100%;height: auto;border-radius: 10px 10px 10px 10px; min-height:auto;}
.line-info a.line-more{ display:none;}
}
@media screen and (max-width:1000px) {
.top-info span{ display:none;}
.top-info .top-font{ width:65%; margin-left:30%;}
}
@media screen and (max-width:780px) {
.top-case{ display:none;}
.head-show { display:block; clear: both; overflow: hidden; background: url(../images/head-bg.png) no-repeat left center; background-size: 100% 100%;}
.head-pic { position: relative; float: left; width: 53%; }
.head-pic b { position: absolute; top: 50%; left: 38%; z-index: 20; color: #FFF; font-size: 1.38rem; line-height: 1.1; margin-top: -0.69rem; font-weight: 600; }
.head-pic img { width: 100%; height: auto; }
.head-pic:before { content: ''; position: absolute; top: 0; left: 0; width: 33%; height: 100%; background: url(../images/head-left.png) no-repeat left center; background-size: 100%; }
.head-pic span img { min-height: 6.25rem; object-fit: cover; margin: 1.68rem 0; border-radius: 0.38rem; box-shadow: 0 0 0.38rem 0 rgba(30,37,79,0.5); -webkit-box-shadow: 0 0 0.38rem 0 rgba(30,37,79,0.5); -moz-box-shadow: 0 0 0.38rem 0 rgba(30,37,79,0.5); }
.head-info { float: left; margin-top: 1.62rem; margin-left: 2%; width: 45%; }
.head-info p { color: #2E3762; font-size: 0.75rem; line-height: 1.4; padding-left: 0.75rem; }
.head-info p.head-ico { font-size: 0.94rem; margin-bottom: 0.5rem; background: url(../images/head-ico.png) no-repeat left center; background-size: 0.56rem 0.56rem; }
.head-info p.head-icon { margin: 0.31rem 0; }
.head-info p a { color: #2E3762; font-size: 1.12rem; font-weight: bold; letter-spacing: -0.02rem; }
.head-info span { display: block; width: 10.0rem; color: #2E3762; font-size: 0.94rem; text-align: center; height: 1.88rem; line-height: 1.88rem; margin-top: 0.31rem; cursor: pointer; border-radius: 0.94rem; background-color: #8395EE; box-shadow: 0 0.06rem 0.12rem 0 rgba(30,37,79,0.3); -webkit-box-shadow: 0 0.06rem 0.12rem 0 rgba(30,37,79,0.3); -moz-box-shadow: 0 0.06rem 0.12rem 0 rgba(30,37,79,0.3); }

.case-show { clear: both; overflow: hidden; }
.case-nav { position: relative; clear: both; overflow: hidden; margin-top: 1.25rem; }
.case-nav:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.12rem; background-color: #F0F0F0; }
.case-nav li { float: left; width: 14%; line-height: 1.1; text-align: center; margin-left: 5%; position: inherit; z-index: 10; }
.case-nav li:last-child { margin-right: 5%; }
.case-nav li a { display: inline-block; font-size: 1.0rem; padding-bottom: 1.12rem; }
.case-nav li.case-select a, .case-nav li:hover a { color: #1E254F; font-size: 1.06rem; border-bottom: 0.12rem solid #1E254F; }
.cases-show { position: relative; float: right; width: 96%; color: #FFF; padding: 0.62rem 0.5rem 0.62rem 10.25rem; border-radius: 0.38rem; background: url(../images/line-bg01.png) #2E3762 no-repeat right bottom; background-size: cover; box-shadow: 0 0 0.38rem rgba(46,55,98,0.9); -webkit-box-shadow: 0 0 0.38rem rgba(46,55,98,0.9); -moz-box-shadow: 0 0 0.38rem rgba(46,55,98,0.9); }
.cases-show a { position: absolute; left: -4%; top: -0.75rem; width: 10.38rem; }
.cases-show a img { width: 100%; height: auto; border-radius: 0.38rem; }
.cases-show p { font-size: 0.94rem; line-height: 1.5rem; padding-left: 1.25rem; margin-bottom: 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cases-show p img { float: left; width: 0.88rem; height: 0.88rem; margin: 0.38rem 0.38rem 0 -1.25rem; }
.cases-show p span { display: block; color: #CFCFCF; }
.line-info { float: left; width: 53%; }
.line-info strong a { font-size: 1.0rem; color: #333; display: block; margin-bottom: 0.1rem; }
.line-info p {font-size: 0.94rem; line-height: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#fff; padding-left:0px; }
.line-info p span { color: #666;    display: -webkit-inline-box; }
.line-info p.line-dot { font-size: 0.88rem; margin-top: 0.5rem; }
.line-info p.line-dot i { height: 1.12rem; border-radius: 0.19rem; padding: 0 0.62rem; margin-right: 1.0rem; }
.line-info p.line-dot i:last-child { margin-right: 0; }

.line-info p i.line-one { color: #436FB9; border: 1px solid #436FB9; }
.line-info p i.line-two { color: #EFBD45; border: 1px solid #EFBD45; }
.line-info p i.line-three { color: #6774B8; border: 1px solid #6774B8; }
.line-info p i.line-four { color: #905BE7; border: 1px solid #905BE7; }
.line-info p i.line-five { color: #53B37E; border: 1px solid #53B37E; }
.case-list ul li{position:relative;padding-top: 4rem;margin-bottom: 0.5rem;}
.case-list ul li .line-info h3{ position:absolute; top:-4rem; left:0px; width:100%;}
.case-list ul li .line-info h3 a{ color:#333;}
.case-list li .line-pic{top:3rem; margin-top:0px;}
}