@charset "utf-8";
.main-show {padding: 10px 0 0px;}
.main-show .box { position: relative;}
.box { max-width: 1200px; margin: 0 auto; width: 98%;}
.con-show { z-index: 20; clear: both; overflow: hidden; margin-top: 20px; }
.show-pics { float: left; width: 60%; padding: 1%; }
.show-pics .show-pic img{ width:100%!important; height:auto!important;}
.show-pics p { text-align: right; color: #333; font-size: 14px; line-height: 26px; margin-bottom: 25px; width:50%; float:left;}
.show-pic { margin-bottom: 25px; }
.show-pics p img { margin: -2px 10px 0 0; }
.show-pics p span { margin-left: 70px; }
.show-pic img { border-radius: 6px; -moz-box-shadow: 5px 5px 18px rgba(13,18,47,0.8); }
.show-base { float: right; width: 35%; margin-top: 75px; }
.show-base h1 { color: #333; font-size: 30px; line-height: 32px; margin-bottom:25px; }
.show-base p { color: #333; font-size: 16px; line-height: 32px; margin-bottom: 30px; }
.show-base p sup { vertical-align: top; position: relative; top: -4px; }
.show-base p.base-info01 { color: #333; font-size: 18px; padding-left: 70px; background: url(../images/base-line.png) no-repeat left center; }
.show-base p.base-info01 strong { color: #333; font-size: 20px; }
.show-base p.base-info02 { padding-left: 30px; background: url(../images/tit-ico02.png) no-repeat left 6px; }
.show-base p.base-info02 i { color: #333; }
.show-base p.base-tel { color: #333; margin-top: 20px; }
.show-base p.base-tel strong { color: #333; font-size: 17px; margin-left: 10px; }
.show-base span { display: inline-block; color: #FFF; font-size: 20px; text-align: center; width: 220px; height: 50px; line-height: 46px; background: url(../images/con-btn.png) no-repeat center; cursor: pointer; }
.show-base span:hover { background-image: url(../images/con-btns.png); }
.pro-show{display:none;}
.pro-ser{display:none;}
.detail-show { clear: both; overflow: hidden; }

.detail-nav { width: 100%; height: 60px; line-height: 60px; margin-bottom: 80px; background: url(../images/nav-bgs.png) repeat-x left center; }
.detail-nav ul { clear: both; overflow: hidden; }
.detail-nav li { float: left; width: 20%; text-align: center; }
.detail-nav li a { display: block; color: #FFF; font-size: 16px; }
.detail-nav li.case-on { font-weight: bold; background: url(../images/navs-on.png) no-repeat center; }
.detail-nav li.case-on a { color: #EFBD45; }
.detail-nav li:hover { font-weight: bold; background: url(../images/navs-on.png) no-repeat center; }
.detail-nav li:hover a { color: #EFBD45; }
.show-fl { float: left; width: 70%; }
.show-fl h2 { text-align: center; color: #333; font-size: 28px; line-height: 1.1; padding-bottom: 24px; margin-bottom: 20px; margin-top: 20px; background: url(../images/tit-mark.png) no-repeat bottom center; }
.show-fl p { color: #333; font-size: 16px; line-height: 30px; text-indent: 2em; margin-bottom: 12px; }
.show-fl p img, .show-fl p video { max-width: 100%; height: auto; display: block; margin: 0 auto 10px; }
.show-fl table { margin-bottom: 10px; }
.show-fl p a { color: #DA251D; }
.show-fl p a.dzsc { cursor: pointer; display: inline-block; color: #FFF; width: 200px; line-height: 32px; text-indent: 0; font-size: 15px; background-color: #7896DE; }
.show-fl table td { padding: 5px 2px; word-break: break-all; }
.show-fl p em { position: relative; display: inline-block; height: 42px; color: #FFF; font-size: 16px; font-weight: normal; line-height: 54px; padding: 0 4px; margin: 0 18px 0 90px; margin-left: 0\0; }
.show-fl p em::before { content: ''; display: block; position: absolute; left: -90px; top: 0; width: 90px; height: 42px; }
.show-fl p em::after { content: ''; display: block; position: absolute; right: -18px; top: 0; width: 18px; height: 42px; }
.show-fl p.pro-good01, .show-fl p.pro-good02, .show-fl p.pro-good03, .show-fl p.pro-good04, .show-fl p.pro-good05, .show-fl p.pro-good06, .show-fl p.pro-good07, .show-fl p.pro-good08 { text-indent: 0; }
.show-fl p.pro-good01 em, .show-fl p.pro-good03 em, .show-fl p.pro-good05 em, .show-fl p.pro-good07 em { background: url(../images/order-line01.png) repeat-x; }
.show-fl p.pro-good01 em::after, .show-fl p.pro-good03 em::after, .show-fl p.pro-good05 em::after, .show-fl p.pro-good07 em::after { background: url(../images/order-side01.png) no-repeat right center; }
.show-fl p.pro-good02 em, .show-fl p.pro-good04 em, .show-fl p.pro-good06 em, .show-fl p.pro-good08 em { background: url(../images/order-line02.png) repeat-x; }
.show-fl p.pro-good02 em::after, .show-fl p.pro-good04 em::after, .show-fl p.pro-good06 em::after, .show-fl p.pro-good08 em::after { background: url(../images/order-side02.png) no-repeat right center; }
.show-fl p.pro-good01 em::before { background: url(../images/order-nu01.png) no-repeat left center; }
.show-fl p.pro-good02 em::before { background: url(../images/order-nu02.png) no-repeat left center; }
.show-fl p.pro-good03 em::before { background: url(../images/order-nu03.png) no-repeat left center; }
.show-fl p.pro-good04 em::before { background: url(../images/order-nu04.png) no-repeat left center; }
.show-fl p.pro-good05 em::before { background: url(../images/order-nu05.png) no-repeat left center; }
.show-fl p.pro-good06 em::before { background: url(../images/order-nu06.png) no-repeat left center; }
.show-fl p.pro-good07 em::before { background: url(../images/order-nu07.png) no-repeat left center; }
.show-fl p.pro-good08 em::before { background: url(../images/order-nu08.png) no-repeat left center; }

.show-fl p.line-good01, .show-fl p.line-good02 { text-indent: 0; }
.show-fl p.line-good01 em { height: 34px; line-height: 34px; padding: 0 15px 0 18px; margin: 0 16px 0 10px; background: url(../images/order-line03.png) repeat-x; }
.show-fl p.line-good01 em::before { content: ''; display: block; position: absolute; left: -12px; top: 0; width: 12px; height: 34px; background: url(../images/order-side03.png) no-repeat left center; }
.show-fl p.line-good01 em::after { content: ''; display: block; position: absolute; right: -16px; top: 0; width: 16px; height: 34px; background: url(../images/order-side04.png) no-repeat left center; }
.show-fl p.line-good02 em { height: 34px; line-height: 34px; padding: 0 15px 0 18px; margin: 0 16px 0 10px; background: url(../images/order-line04.png) repeat-x; }
.show-fl p.line-good02 em::before { content: ''; display: block; position: absolute; left: -12px; top: 0; width: 12px; height: 34px; background: url(../images/order-side05.png) no-repeat left center; }
.show-fl p.line-good02 em::after { content: ''; display: block; position: absolute; right: -16px; top: 0; width: 16px; height: 34px; background: url(../images/order-side06.png) no-repeat left center; }

.show-fr { float: right; width: 25%; border-left: 1px solid #E6E6E6; }
.show-year { padding: 20px 10%; text-align: center; }
.show-year p { color: #666; font-size: 14px; line-height: 30px; text-align: left; margin-top: 20px; }
.side-tit { width: 100%; height: 56px; line-height: 56px; text-align: center; font-size: 18px; font-weight: bold; margin-left: -1px; background: url(../images/pro-tit.png) no-repeat center; }

.side-pro ul { clear: both; overflow: hidden; padding: 20px 10%; }
.side-pro ul li { width: 100%; border-radius: 10px; border: 1px solid #EEEEEE\0; margin-bottom: 25px; background-color: #FFF; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); }
.side-pro .list-pic p a i { height: 46px; line-height: 46px; font-size: 16px; }
.side-pro ul li:hover .list-pic a img { border-radius: 36px 36px 0 0; -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08); transform: scale(1.08,1.08); }
.side-pro ul li:hover .list-pic p { top: 0; }
.side-pro ul li:hover .list-pic p a { opacity: 1; transition: 0.3s; transition-delay: 0.2s; }
.side-pro li .list-info { text-align: center; line-height: 20px; padding: 12px 0; border-left: 10px solid #FFF; border-right: 10px solid #FFF; border-radius: 0 0 10px 10px; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; }
.side-pro li:hover .list-info { border-left: 10px solid #273375; border-right: 10px solid #273375; border-radius: 0 0 10px 10px; }
.side-pro .list-info h3 { margin-bottom: 0; font-weight: normal; }
.side-pro .tit-more a { color: #D9D9D9; background-image: url(../images/tit-more02.png); }
.side-list ul { clear: both; overflow: hidden; margin: 20px 10%; border-radius: 10px; border: 1px solid #EEEEEE\0; box-shadow: 0 2px 10px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 2px 8px 0 rgba(30,37,79,0.4); }
.side-list ul li { height: 56px; line-height: 56px; padding: 0 10px; }
.side-list ul li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px; background: url(../images/news-arrow01.png) no-repeat right center; }
.side-list ul li:hover { background-color: #7896DE; }
.side-list ul li:hover a { color: #FFF; background-image: url(../images/news-arrow02.png); }

.rele-case { position: relative; margin-top: 40px; }
.rele-line { position: absolute; left: 0; top: 36px; width: 100%; height: 2px; background-color: #A6B7DE; z-index: -1; }
.rele-tit { height: 56px; }
.rele-tit strong { font-size: 28px; }
.rele-tit strong img { float: left; margin-right: 6px; }
.rele-tit a { float: right; color: #6774B8; font-size: 16px; padding-right: 42px; background: url(../images/tit-more01.png) no-repeat right center; }
.rele-tit a:hover { font-weight: bold; }
.rele-case ul { clear: both; overflow: hidden; margin-top: 40px; margin-left: -4%; }
.rele-case ul li { float: left; width: 46%; margin-bottom: 20px; margin-left: 4%; }
.rele-case li .line-pic { float: left; width: 62%; }
.rele-case li .line-pic img { width: 100%; border-radius: 10px 0 0 10px; height:266px; }
.rele-case li .line-info { float: left; width: 38%; position: relative; padding: 20px 15px 37px; width: 34%\0; padding: 20px 2% 37px\0; margin: 15px 0; border-radius: 0 10px 10px 0; background-color: #1E254F; }
.rele-case 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; }
.rele-case 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; }

.rele-news { position: relative; margin-top: 40px; }
.rele-news ul {
	clear: both;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.rele-news li { float: left; width: 48%; height: 30px; line-height: 30px; margin-bottom: 15px; margin-right: 2%; }
.rele-news li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; background: url(../images/tit-ico03.png) no-repeat left center; }
.rele-news li a:hover { color: #6774B8; }
.rele-news li.news-hand a { background: url(../images/news-hand.png) no-repeat left center; }


.list-pic { position: relative; overflow: hidden; }
.list-pic > a { position: relative; padding-top: 75%; display: block; }
.list-pic a img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: 10px 10px 0 0; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.list-pic p { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; border-radius: 10px 10px 0 0; background-color: rgba(32,41,94,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C820295E,endcolorstr=#C820295E); transition: all ease .3s; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; }
.list-pic p a { display: block; width: 100%; height: 100%; opacity: 0; padding-top: 32%; box-shadow: 0 3px 8px 0 rgba(30,37,79,0.7); -webkit-box-shadow: 0 3px 8px 0 rgba(30,37,79,0.7); -moz-box-shadow: 0 3px 8px 0 rgba(30,37,79,0.7); }
.list-pic p a i { display: block; color: #20295E; font-size: 18px; text-align: center; width: 66%; height: 52px; line-height: 52px; margin: 0 auto; background-color: #FFF; border-radius: 26px; }
.list-pic p a i:hover { background-color: #C8D4F1; }
.news-pages { margin: 30px 0; }
.news-pl { float: left; width: 40%; text-align: center; }
.news-pages b { display: block; margin-bottom: 6px; }
.news-pages span a { display: block; width: 58px; height: 58px; }
.news-pages span { position: relative; display: inline-block; width: 58px; height: 58px; }
.news-pages span img { position: absolute; left: 0; top: 0; }
.news-pages span .page-hide { display: none; }
.news-pages p { text-indent: 0; }
.news-pages p a { display: block; color: #333; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-pl:hover a, .news-pr:hover a { color: #DA251D; }
.news-pc { float: left; width: 20%; text-align: center; }
.news-pr { float: left; width: 40%; text-align: center; }
.news-pl:hover .page-show, .news-pc:hover .page-show, .news-pr:hover .page-show { display: none; }
.news-pl:hover .page-hide, .news-pc:hover .page-hide, .news-pr:hover .page-hide { display: block; }
.main-other{display:none;}
.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); }



.cont-msg {padding: 50px 0; }
.message { clear: both; overflow: hidden; padding: 75px 5%; background: url(../images/msg-side.png) no-repeat center; }
.msg-show { float: left; width: 50%; margin-left: 5%\0; }
.msg-tit { color: #232B5B; font-size: 24px; }
.msg-tit img { margin-right: 10px; }
.msg-tit i { color: #999; font-size: 16px; margin-left: 16%; }
.msg-show p { clear: both; overflow: hidden; color: #666; font-size: 16px; line-height: 1.1; text-align: center; margin: 24px 0; }
.msg-show p span { margin-right: 50px; }
.msg-show p span:last-child { margin-right: 0; }
.msg-show p span img { margin-right: 10px; margin-top: -4px; }
.msg-show ul { clear: both; overflow: hidden; padding-top: 5px; }
.msg-show ul li { padding: 0 4px; margin-bottom: 24px; position: relative; }
.msg-show ul li input { width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 16px; padding-left: 60px; border: none; border-radius: 6px; background-repeat: no-repeat; background-position: 30px center; background-size: 18px; box-shadow: 0 0 5px rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 5px rgba(30,37,79,0.2); -moz-box-shadow: 0 0 5px rgba(30,37,79,0.2); border: 1px solid #EEEEEE\0; }
.msg-show ul li input:-webkit-autofill { -webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
.msg-show ul li textarea { font-family: Microsoft YaHei; width: 100%; height: 120px; line-height: 30px; color: #333; font-size: 16px; padding-left: 60px; padding-top: 5px; border: none; margin-bottom: 0; border-radius: 6px; background-repeat: no-repeat; background-position: 30px 13px; background-size: 18px; background-color: #FFF; box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -moz-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); border: 1px solid #EEEEEE\0; }
::-webkit-input-placeholder { color: #999; }
::-moz-input-placeholder { color: #999; }
::-ms-input-placeholder { color: #999; }
.msg-show ul li .msg-name { background-image: url(../images/msg-ico04.png); }
.msg-show ul li .msg-tel { background-image: url(../images/msg-ico05.png); }
.msg-show ul li .msg-area { background-image: url(../images/msg-ico06.png); }
.msg-show ul li:nth-child(2) i { position: absolute; right: 20px; top: 20px; width: 10px; height: 10px; background: url(../images/msg-star.png) no-repeat top center; background-size: 10px; }
.msg-show ul li i { display: block\0; display: none\9; }
/* IE9+ */
@media all and (min-width:0) {
    .msg-show ul li i { display: block\9; }
}

.msg-btn { clear: both; overflow: hidden; margin-top: 6px; }
.msg-btn input { color: #FFF; font-size: 20px; text-align: center; width: 200px; height: 48px; line-height: 46px; background: url(../images/msg-btn.png) no-repeat center; cursor: pointer; }
.msg-btn input:hover { background-image: url(../images/msg-btns.png); }

.msg-base { position: relative; float: right; width: 42%; }
.msg-base dl { margin-top: 30px; }
.msg-base dt { font-size: 24px; line-height: 1; margin-bottom: 55px; }
.msg-base dd { color: #444; height: 24px; line-height: 24px; margin-bottom: 30px; }
.msg-base dd img { float: left; margin-right: 16px; }
.msg-base p { font-size: 18px; line-height: 30px; margin-top: 50px; }
.msg-base span { display: inline-block; color: #FFF; font-size: 18px; width: 50%; height: 50px; line-height: 50px; text-align: center; margin-top: 40px; border-radius: 6px; cursor: pointer; background-color: #7896DE; }
.msg-base span:hover { background-color: #5E80D2; }
.messages{display:none;}
.relevant-line{display:none;}
@media screen and (max-width:1200px) {
.rele-case li .line-info::before, .rele-case li .line-info::after { display: none; }
.rele-case li .line-info { margin-top: 0; width: 42%; width: 40%\0; }
.rele-case li .line-pic { width: 58%; }
}
@media screen and (max-width:1040px) {
.show-pics p{display:none;}
.piz{ display:none;}
.rele-case li .line-pic img {height:236px; }
.show-fl img{ width:auto!important; height:auto!important;}
}
@media screen and (max-width:880px) {
.show-fr{display:none;}
.show-fl{ width:100%;}
}
@media screen and (max-width:780px) {
.detail-show .box{margin-top: 0.25rem;
    border-top: 0.38rem solid #F0F0F0;
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;}
.detail-show .box h2 { color: #333; font-size: 1.12rem; line-height: 1.1; padding-left: 1.38rem; margin: 1.25rem 0 1.0rem; background: url(../images/tit-ico5.png) no-repeat left center; background-size: 1.0rem auto; text-align:left; padding-bottom:0px; }
.detail-show .box p { font-size: 1.0rem; color: #333; line-height: 1.62rem; margin-bottom: 1.0rem; }
.detail-show .box p img, .pro-main p video { max-width: 100%; height: auto; display: block;}
.detail-show .box table { font-size: 0.94rem; margin-bottom: 0.94rem;overflow: scroll;}
.main-show{ display:none;}
.pro-show { padding: 0.94rem 0.75rem; display:block; }
.show-pic { position: relative; margin-top: 1.56rem; box-shadow: 0 0.6rem 0.5rem -0.5rem rgba(0,53,117,0.3); -webkit-box-shadow: 0 0.6rem 0.5rem -0.5rem rgba(0,53,117,0.3); -moz-box-shadow: 0 0.6rem 0.5rem -0.5rem rgba(0,53,117,0.3); margin-bottom:0px; }
.show-pic:after, .show-pic:before { content: ''; position: absolute; border-radius: 0.38rem; }
.show-pic:before { height: 1.88rem; top: -1.5rem; left: 1.62rem; right: 1.62rem; background: rgba(103,116,184,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F6774b8,endColorstr=#7F6774b8); z-index: 1; }
.show-pic:after { height: 1.12rem; top: -0.75rem; left: 0.75rem; right: 0.75rem; background: rgba(46,55,98,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B22E3762,endColorstr=#B22E3762); z-index: 2; }
.show-pic img { position: inherit; z-index: 4; width: 100%; height: auto; border-radius: 0.38rem 0.38rem 0 0;-webkit-box-shadow: 0px 0px 0px rgba(13,18,47,0.8); }
.show-name { position: relative; padding: 1.12rem 0.92rem 0.695rem; margin-top: -0.06rem; background: url(../images/line-list03.png) no-repeat bottom center; background-size: 100% 100%; box-shadow: 0 0 0.62rem 0 rgba(0,53,117,0.5); -webkit-box-shadow: 0 0 0.62rem 0 rgba(0,53,117,0.5); -moz-box-shadow: 0 0 0.62rem 0 rgba(0,53,117,0.5); }
.show-name h1 { color: #FFF; font-size: 1.25rem; line-height: 1.2; width: 68%; }
.show-name p { color: rgba(255,255,255,0.8); font-size: 0.94rem; line-height: 1.0rem; padding-left: 1.25rem; margin-top: 1.0rem; background: url(../images/pro-ico2.png) no-repeat left center; background-size: 1.0rem 1.0rem; }
.show-name span { position: absolute; top: 0.38rem; right: -0.18rem; width: 5.94rem; height: 2.69rem; text-align: center; line-height: 2.9rem; color: #EFBD45; font-size: 0.9rem; font-weight: 600; background: url(../images/pro-cont.png) no-repeat right center; background-size: 100% auto; cursor: pointer; }
.show-name span img { width: 1.12rem; height: 1.12rem; margin-right: 0.31rem; }
.show-line { position: relative; clear: both; overflow: hidden; }
.show-line img { float: left; width: 100%; height: auto; }
.show-base { border-radius: 0 0 0.38rem 0.38rem; background-color: #FFF; box-shadow: 0 0 0.38rem 0 rgba(46,55,98,0.7); -webkit-box-shadow: 0 0 0.38rem 0 rgba(46,55,98,0.7); -moz-box-shadow: 0 0 0.38rem 0 rgba(46,55,98,0.7); width:100%; margin-top:0px; float:none; }
.show-base ul { clear: both; overflow: hidden; padding: 0.12rem 0 0.5rem; margin: 0 0.62rem 0.5rem; box-sizing: border-box; border-bottom: 1px dashed #C0C0C0; }
.show-base ul li { position: relative; float: left; width: 50%; text-align: center; line-height: 1.5; font-size: 1.06rem; font-weight: bold; }
.show-base ul li sup { vertical-align: top; position: relative; top: -0.25rem; }
.show-base ul li:nth-child(1):after { content: ''; position: absolute; right: 0; top: 1.1rem; width: 1px; height: 3.5rem; display: block; border-right: 1px dashed #C0C0C0; background-color: #FFF; }
.show-base ul li img { display: block; width: 2.25rem; height: auto; margin: 0.12rem auto 0.38rem; }
.show-base ul li span { display: block; color: #666; font-size: 1.0rem; font-weight: normal; background:none; width:100%; }
.base-info { font-size: 1.0rem; padding: 0.31rem 0.75rem 0.75rem 0.75rem; }
.base-info span { color: #666; font-size: 0.94rem; padding-left: 1.38rem; background: url(../images/pro-ico3.png) no-repeat left center; background-size: 1.12rem 1.12rem; width:auto; }
.detail-nav{ display:none;}
.show-mat { position: relative; margin-top: 0.75rem; border-radius: 0.38rem; background: url(../images/line-bg06.png) no-repeat left center; background-size: 100% 100%; box-shadow: 0 0 0.62rem 0 rgba(0,53,117,0.5); -webkit-box-shadow: 0 0 0.62rem 0 rgba(0,53,117,0.5); -moz-box-shadow: 0 0 0.62rem 0 rgba(0,53,117,0.5); }
.show-mat:before { content: ''; width: 0.44rem; height: 3.62rem; background: url(../images/line.png) no-repeat center top; background-size: 100%; position: absolute; right: 0.62rem; top: -1.88rem; }
.show-mat:after { content: " "; display: block; clear: both; }
.mat-name { float: left; width: 34%; text-align: center; padding: 1.75rem 0.25rem; border-radius: 0.38rem; background: url(../images/dot-bg01.png) left top; box-shadow: 0.12rem 0 0.62rem -0.12rem rgba(0,53,117,0.5); }
.mat-name strong { display: block; color: #FFF; font-size: 1.06rem; line-height: 1.4; margin-bottom: 0.5rem; }
.mat-name em { display: block; color: #EFBD45; font-size: 0.88rem; line-height: 1.2; }
.show-mat ul { overflow: hidden; padding: 0.92rem 0.25rem; }
.show-mat ul li { float: left; width: 25%; margin: 0 4%; text-align: center; }
.show-mat ul li span { display: block; color: #333; font-size: 0.94rem; line-height: 1.4; margin-bottom: 0.31rem; letter-spacing: -0.07rem; }
.show-mat ul li img { width: 90%; height: auto; border-radius: 0.38rem; }
.pro-ser { clear: both; overflow: hidden; display:block;}
.pro-ser ul { clear: both; overflow: hidden; padding: 0.75rem; background: url(../images/dot-bg02.png) left top; }
.pro-ser ul li { float: left; width: 25%; color: #666; font-size: 0.94rem; line-height: 1.1; }
.pro-ser ul li img { float: left; width: 0.94rem; height: 0.94rem; margin: 0.06rem 0.25rem 0 0; }
.pro-tels { clear: both; overflow: hidden; position: relative; font-size: 0.94rem; line-height: 1.1; margin: 0.75rem 0; text-align: right; }
.pro-tels:before { content: " "; display: block; position: absolute; left: 0; top: 0.7rem; width: 100%; border-bottom: 1px dashed #7896DE; z-index: 5; }
.pro-tel { position: inherit; z-index: 6; float: right; padding: 0 0.38rem; background-color: #FFF; }
.pro-tel img { width: 1.0rem; height: 1.0rem; margin-right: 0.38rem; }
.pro-tel a { font-size: 1.12rem; }

.pro-main {
	margin-top: 0.25rem;
	border-top: 0.38rem solid #F0F0F0;
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
}
.show-name span a{ color:#fff;}
.news-pages{ display:none;}
.main-other { clear: both; overflow: hidden; padding: 0 0.75rem; margin: 0 0.62rem 1.25rem; border-radius: 0.38rem; box-shadow: 0 0 0.38rem rgba(30,37,79,0.4); -webkit-box-shadow: 0 0 0.38rem rgba(30,37,79,0.4); -moz-box-shadow: 0 0 0.38rem rgba(30,37,79,0.4); background-color: #FFF; display:block; }
.main-other p { display: flex; font-size: 1.0rem; border-bottom: 1px dashed #D0D0D0; padding: 0.75rem 0; line-height: 1.5; align-items: flex-start; margin-bottom:0px; }
.main-other p:last-child { border-bottom: none; }
.main-other p img { float: left; width: 1.38rem!important; height: 1.38rem!important; margin-right: 0.31rem; margin-top: 0.12rem; margin-left:0px; margin-bottom:0px; }
.main-other p b { color: #333; font-size: 1.0rem; font-weight: normal;text-indent: 0em; }
.box .main-other p a { color: #666; font-size: 0.94rem; flex: 1; text-indent: 0em;}

.messages { position: relative; padding: 1.56rem 1.78rem; margin: 1.0rem 0.62rem; background: url(../images/msg-bg.png) no-repeat top center; background-size: 100% 100%; display: block; }
.msg-tit { clear: both; overflow: hidden; color: #999; font-size: 0.88rem; line-height: 1.1; }
.msg-tit b { color: #232B5B; font-size: 1.31rem; margin-right: 0.31rem; }
.msg-tit b img { width: 1.94rem; height: 0.94rem; margin-right: 0.12rem; }
.messages p { clear: both; overflow: hidden; color: #666; font-size: 0.81rem; line-height: 1.1; text-align: center; margin: 1.0rem 0; }
.messages p span { margin-right: 0.62rem; }
.messages p span:last-child { margin-right: 0; }
.messages p span img { width: 0.90rem; height: 0.90rem; margin-right: 0.25rem; margin-top: -0.12rem; }

.messages ul { clear: both; overflow: hidden; padding-top: 0.5rem; }
.messages ul li { float: left; width: 100%; padding: 0 0.19rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.75rem; position: relative; }
.messages ul li input { height: 2.12rem; line-height: 2.12rem; width: 100%; color: #666; font-size: 0.89rem; padding-left: 2.5rem; margin-bottom: 0; border: none; box-sizing: border-box; border-radius: 0.19rem; background-repeat: no-repeat; background-position: 0.75rem center; background-size: 1.12rem; box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -moz-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); }
.messages ul li input:-webkit-autofill { -webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
.messages ul li textarea { font-family: Microsoft YaHei; height: 5.75rem; line-height: 1.67rem; width: 100%; color: #666; font-size: 0.89rem; padding-left: 2.67rem; padding-top: 0.31rem; border: none; margin-bottom: 0; box-sizing: border-box; border-radius: 0.19rem; background-repeat: no-repeat; background-position: 0.75rem 0.75rem; background-size: 1.12rem; background-color: #FFF; box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -moz-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); }
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }
.messages ul li .msg-name { background-image: url(../images/msg-ico04.png); }
.messages ul li .msg-tel { background-image: url(../images/msg-ico05.png); }
.messages ul li .msg-area { background-image: url(../images/msg-ico06.png); }
.messages ul li:nth-child(2) i { position: absolute; right: 0.62rem; top: 0.88rem; width: 0.5rem; height: 0.5rem; background: url(../images/msg-star.png) no-repeat top center; background-size: 0.44rem; }

.msg-btn { clear: both; overflow: hidden; }
.msg-btn input { display: block; text-align: center; color: #FFF; font-size: 0.94rem; font-weight: bold; border: none; cursor: pointer; width: 4.38rem; height: 4.38rem; margin: 1.88rem auto 0; background: url(../images/msg-sub.png) no-repeat top center; background-size: 100%; }
.relevant-line { clear: both; overflow: hidden; padding: 1.56rem 0 0.63rem; margin-top: 1.56rem; border-top: 0.38rem solid #F0F0F0; display:block; }
.relevant-line .pro-tit{     line-height: 1.1;
    padding: 0 .75rem;
    margin-bottom: 1.25rem; float:left; width:100%;}
.relevant-line .pro-tit h2{ position:relative; top:auto; height:auto; padding-top:0px; background:none; left:auto; color:#333; text-align:left; margin-left:0px; width:auto; float:left;
    display: inline-block;
    font-size: 1.12rem; line-height: 1.4; }
.relevant-line .pro-tit h2 img {
    width: 1.12rem;
    margin-right: 0.31rem;
}
.relevant-line .pro-tit .tit-more { position: relative; float: right; color: #666; font-size: 0.94rem; line-height: 1.4; padding-left: 1.5rem;display:block; width:auto; }
.relevant-line .pro-tit .tit-more:before { content: ''; position: absolute; left: 0; top: 0.52rem; width: 0.31rem; height: 0.30rem; border-radius: 50%; background: #EFBD45; }
.relevant-line .pro-tit .tit-more:after { content: ''; position: absolute; left: 0.62rem; top: 0.52rem; width: 0.31rem; height: 0.32rem; border-radius: 50%; background: #2E3762; }
.relevant-line ul { clear: both; overflow: hidden; padding: 0.31rem 0.75rem; margin: 0 0.62rem; border-radius: 0.38rem; box-shadow: 0 0 0.38rem rgba(30,37,79,0.4); -webkit-box-shadow: 0 0 0.38rem rgba(30,37,79,0.4); -moz-box-shadow: 0 0 0.38rem rgba(30,37,79,0.4); background-color: #FFF; }
.relevant-line ul li { clear: both; overflow: hidden; padding: 0.75rem 0; border-bottom: 1px dashed #C0C0C0; }
.relevant-line ul li:last-child { border-bottom: none; }
.rele-case{ display:none;}
.rele-news{ display:none;}
.cont-msg{ display:none;}
.line-pics { float: left; width: 44%; display: block; margin-right: 3%; }
.line-pics img { width: 100%; height: auto; border-radius: 0.38rem; }
.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:#333; 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; }
.line-info span{ font-size: 1rem;}
}