@charset "utf-8";
/*=========== public CSS ===========*/

.full{height:270px;}
.list-show ul{ margin-left: -5%;}
.list-show ul li{ width: 28.3%; margin-left: 5%; margin-left: 4.8%\0; margin-right: 0; margin-bottom: 40px;}

.line-show{ margin-bottom: 20px; }
.pro-place{ display: block; color: #333; font-size: 14px; padding-left: 24px; margin: 20px 0;}
.pro-place a{ color: #333;}
.pro-place a:hover{ text-decoration: underline;}
.main-show .box{ position: relative;}
.con-name{ position: absolute; left: -24px; top: 40px; width: 310px; height: 470px; background: url(../images/con-name.png) no-repeat top center;}
.con-name h1{ position: relative; width: 100%; text-align: center; color: #1E254F; font-size: 30px; line-height: 1.1; margin-top: 45px;}
.con-name h1::before{ content: ''; display: block; position: absolute; left: 0; top: -16px; width: 310px; height: 1px; background: url(../images/con-line.png) no-repeat center;}
.con-name h1::after{ content: ''; display: block; position: absolute; left: 0; bottom: -16px; width: 310px; height: 1px; background: url(../images/con-line.png) no-repeat center;}
.con-show{ position: relative; z-index: 20; clear: both; overflow: hidden; margin-top: 85px;}
.proline-info{ margin-bottom: 20px;}
.proline-info .show-pics{ width: 50%;}
.proline-info .show-base{ width: 42%; margin-left:8%;}
.proline-info .show-pics p{ text-align: left; margin: 30px 0;}
.proline-info p.line-mise{ margin: 24px 0;}
.proline-info .show-pics p span{ margin-left: 0; margin-right: 70px;}
.proline-info h1{ color: #15499a; font-size: 26px; line-height: 30px; margin-bottom: 30px; margin-top:60px;}
.proline-info .show-base span{ margin-top: 10px;}
.show-pics{ float: left; width: 60%; padding: 1%;}
.show-pics p{ text-align: right; color: #CFCFCF; font-size: 14px; line-height: 16px; margin-bottom: 25px;}
.show-pic{ margin-bottom: 25px;}
.show-pics p img{ margin: -2px 10px 0 0;}
.show-pics p span{ margin-left: 70px;}
.show-pic img{width:100%;min-height:350px;border-radius: 6px; box-shadow: 5px 5px 18px rgba(13,18,47,0.8); -webkit-box-shadow: 5px 5px 18px rgba(13,18,47,0.8); -moz-box-shadow: 5px 5px 18px rgba(13,18,47,0.8);}
.show-base{ float: right; width: 35%;}
.show-base p{ color: #333; font-size: 16px; line-height: 32px; margin-bottom: 10px;}
.show-base p sup{ vertical-align: top; position: relative; top: -4px;}
.show-base p.base-info01 strong{ color: #333; font-size: 20px; margin-bottom:32px;}
.show-base p.base-info02{ padding-left: 30px; }
.show-base p.base-info02 i{ color: #7896DE; }
.show-base p.base-tel{ color: #7896DE; margin-top: 20px;}
.show-base p.base-tel strong{ color: #333; font-size: 17px; margin-left: 10px;}
.show-base span.span_bj{ display: inline-block; color: #1e254f;  text-align: center; width: 224px; height: 52px; line-height: 52px;cursor: pointer;margin-top:34px;float:left;}

.span_bj{border: 1px solid #15499a;border-radius: 3px;height: 52px;text-align: center;background-color: #15499a;}
.span_bj a{line-height: 52px;color: #fff; font-size:22px;}

.span_cp{width:100%}
.detail-show{ clear: both; overflow: hidden;}



.show-fl{ float: left; width: 70%; margin-top: 30px;border-bottom: 1px solid #e5e5e5;}
.show-fl span.sp{color: #02328d;font-size: 18px;display: inline-block;padding-bottom: 15px;padding-right: 10px;border-bottom: 2px solid #02328d; margin-bottom:20px; margin-top:10px;}
.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, .show-fl p span{ color: #DA251D; } */
.show-fl p a{padding: 0 4px;}
.show-fl p a.dzsc{ cursor:pointer; display:inline-block; color:#333; 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: #333; 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;border-left: 1px solid #E6E6E6; }
.show-year p{ color: #666; font-size: 14px; line-height: 30px; text-align: left; margin-top: 20px;}
.side-pro{border-left: 1px solid #E6E6E6;}
.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; 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: 24px; padding: 8px 0;  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 li .list-info a{font-size:18px; color:#15499a;font-weight: bold!important;}
.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: #333; 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%;}
.line-pic a{position: relative;padding-top:75%;display: block;}
.rele-case li .line-pic img{position: absolute;left: 0;top:0;width: 100%;height:100%; border-radius: 10px 0 0 10px;}
.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: 20px 0 40px;}
.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;}

/* page style */
.main-page{ position: relative; width:100%; color: #666; font-size:14px; text-align:center; margin:0 auto 40px;}
.main-page span{ cursor: pointer;} 
.page{ overflow: initial; display: inline-block; position: relative; line-height: 36px; margin: 0 40px; background: url(../images/page-fc.png) repeat-x top 7px center;}
.page li{ display: inline-block; color:#666; width: 40px; height: 31px; margin-right:4px;} 
.page li a, .page li span{ display: block;}
.page li::before, .page li::after{ display: none;}
.page li:hover, .page li.current{ color: #333; width: 40px; height: 31px; padding: 0; background: url(../images/page-bg.png) no-repeat top center;}
.page li:hover a{ color: #333;}
.page::before{ content: ''; display: block; position: absolute; left: -40px; top: 7px; width: 40px; height: 24px; background: url(../images/page-fl.png) no-repeat left center;}
.page::after{ content: ''; display: block; position: absolute; right: -40px; top: 7px; width: 40px; height: 24px; background: url(../images/page-fr.png) no-repeat left center;}

.page a{ display: inline-block;}
.t-page{ box-sizing: inherit; display: none; position: absolute; left: 0; width: 84%; bottom:80px; margin-left: 0; padding: 30px 30px 10px; border: 1px solid #EEE; background-color: #333; z-index: 10; box-shadow: 0 0 4px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);}
.t-page .close{ position: absolute; right: 0;top: 5px; width: 30px; height: 30px; line-height: 30px; color: #333; cursor: pointer;}
.t-page .ico{ content: ''; display: block; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #E2E2E2 transparent transparent;}
.t-page .ico em{ content: ''; display: block; position: absolute; bottom: 1px; left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #333 transparent transparent;}
.ul-page{ clear: both; overflow: hidden; position: relative; line-height: 36px; width: 100%; padding: 0 40px; background: url(../images/page-fc.png) repeat-x top 7px center;}
.ul-page::before{ content: ''; display: block; position: absolute; left: 0; top: 7px; width: 40px; height: 24px; background: url(../images/page-fl.png) no-repeat left center;}
.ul-page::after{ content: ''; display: block; position: absolute; right: 0; top: 7px; width: 40px; height: 24px; background: url(../images/page-fr.png) no-repeat left center;}

.ul-page li{ float: left; color: #666; width: 10%; margin-bottom: 10px;}
.ul-page li a{ display: block;  height: 31px; text-align: center;}
.ul-page li:hover, .ul-page li.on{color: #333; height: 31px; background: url(../images/page-bg.png) no-repeat top center;}
.ul-page li:hover a, .ul-page li.on a{ color: #333;}

.ul-tab-page{ overflow: hidden; margin-top: 20px;}
.ul-tab-page li{ float: left; width: 17%; text-align: center; margin: 0 1.5% 15px 1.5%;}
.ul-tab-page li a{ display: block; font-size: 16px; color: #333; padding: 0 12px; line-height: 36px; border-radius: 4px; border: 1px solid #DDD; background-color: #333;}
.ul-tab-page li:hover a, .ul-tab-page li.on a{ background-color: #E2E2E2;}
.dn{ display: none;}
/* case style */
.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: #333; 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: #333; 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{border-radius: 10px 0 0 10px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.case-list li .line-info{ float: left; 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: #333; 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: #333; 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: #333; 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; }
}


@media screen and (min-width: 2000px) and (max-width: 4000px){
    .top-case{height: 290px;background-position: bottom -40px center;}
}
@media screen and (max-width:1900px){
    .top-tel{ margin: 0 10px\9; margin: 0 10px\0;}
    .top-tel:before, .top-tel:after{ display: none\9; display: none\0;}
}
@media screen and (max-width:1800px){
    .paginations{ right: 12%;}
}
@media screen and (max-width:1700px){
    .paginations{ right: 14%;}
}
@media screen and (max-width:1600px){
    .paginations{ right: 16%;}
    .key-pic{ width: 50%; margin-left: 0\9;}
    .nav{width: 55%; width: -webkit-calc(100% - 660px); width:-moz-calc(100% - 660px);width:-o-calc(100% - 660px); width: calc(100% - 660px); width: 55%\0;}
    .top-tel{ margin: 0 20px;}
    .top-tel:before, .top-tel:after{ display: none;}
}
@media screen and (max-width:1440px){
    .mating-name li.active::after{right: -29px;}
    .index-news .box::before,.index-news .box::after{display: none;}
    .index-news .box{-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;}
}
@media screen and (max-width:1400px){
    .paginations{ right: 19%;}
    .top-tel{ margin: 0 10px;}
    .logo{width: 340px;}
    .nav{ width: 50%;width: -webkit-calc(100% - 600px); width:-moz-calc(100% - 600px);width:-o-calc(100% - 600px); width: calc(100% - 600px); width: 50%\0;}
    .key-pic{ width: 100%; margin-top: 0;}
    .key-pic img{ border-radius: 10px 10px 0 0 ;}
}
@media screen and (max-width:1300px){
    .paginations{ right: 21%;}
    .error-main{ left: 6%;}
    .error-show strong{ font-size: 60px;}
    .error-show p{ font-size: 24px;}
    .error-show p strong{ font-size: 36px;}
    .error-show a{ padding: 12px 60px;}
}
@media screen and (max-width:1240px){
    .mating-name li{ height: 140px; line-height: 140px}
    .mating-name li.active::after{ border-top: 70px solid transparent; border-bottom: 70px solid transparent; }

    .pro-mark{top: 6px;left: 294px;}
    .pro-mark img{width: 80px;}
}
@media screen and (max-width:1200px){
    .logo{ background: none; width: 220px; margin: 0 10px;}
    .logo img{width: 100%;}
    .nav{ width: -webkit-calc(100% - 510px); width:-moz-calc(100% - 510px);width:-o-calc(100% - 510px);width: calc(100% - 510px);}
    .index-case li .case-pic img{ width: 64%;}
    .index-case li .case-pic .case-info{ margin-top: 80px;}
    .index-news .box{ border-radius: 50px;}
    .index-news .box::before, .index-news .box::after{ display: none;}
    .index-news{ padding-bottom: 80px;}
    .paginations{ right: 22%;}
    .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;}
    .news-list li .list-time{ padding-left: 40px;}
    .ser-sure li span{ bottom: 20px;}
    .about-link p{ padding: 50px 10px 20px;}
    .about-link p::before{ left: 10px;}
    .about-link ul{ margin-right: 2%;}
    .about-link ul li{ width: 18%; margin-left: 2%;}
    .show-base{ width: 38%;}
    .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%;}
    .news-link p{ padding-left: 10px;}
    .news-link span{ right: 0;}
    .proline-info h1{ font-size: 26px;}
    .show-base p{ margin-bottom: 25px;}
    .news-more li a{ width: 74%;}
    .news-more li span{ width: 22%;}
    .map-more li a{ width: 96%;}
    .mating-name li{ height: 128px; line-height: 128px}
    .mating-name li.active::after{ border-top: 64px solid transparent; border-bottom: 64px solid transparent; }
    .show-list li a{ width: 78%;}

    .pro-mark{display: none;}
}
@media screen and (max-width:1100px){
    .nav li{ font-size: 15px;}
    .index-case li .case-base{ margin-top: 10px;}
    .case-base h3{ margin-bottom: 25px;}
    .case-base p{ margin-bottom: 15px;}
    .key-slider .slick-prev{ left: 66%;}
    .news-list01 ul{ margin-left: -3%;}
    .news-list01 li{ width: 47%; margin-left: 3%;}
    .news-list li .list-time{ padding-left: 30px; padding-left: 20px\0;}
    .news-list li .list-main{ width: 76%\0; padding: 20px\0;}
    .ser-sure li span{ bottom: 15px;}
    .aim-show{ padding: 50px 50px 50px 60px;}
    .ability-fl::after{ display: none;}
    .msg-show ul li textarea{ height: 90px;}
    .news-link p i{ display: none;}
    .show-base p{ margin-bottom: 20px;}
    .news-more li a{ width: 72%;}
    .news-more li span{ width: 24%;}
    .map-more li a{ width: 96%;} 
    .mating-name li{ height: 123px; line-height: 123px}
    .mating-name li.active::after{ border-top: 61.5px solid transparent; border-bottom: 61.5px solid transparent; }
}
p.ms{position: relative;text-align: center;display: block;font-size: 16px;line-height: 1.4;padding:10px;color: #666!important;padding-top: 0;text-indent: 0;}
p.ms::after{content: "";position: absolute;left: 50%;bottom:5px;width: 2em;height: 1px;background-color: #ffc949;margin-left: -1em;}