@charset "utf-8";
* {word-wrap: break-word; padding:0px; margin:0px;}
p {margin:10px 0;}
ul,li {list-style:none;}
form, img {margin:0; border:0px; padding:0; vertical-align:top;}
a {color:#333; transition: all 0.2s; text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); blr:expression(this.onFocus=this.blur()); outline:none; }
a:hover {color:#1a274e; text-decoration:none; transition: all 0.2s;}
select,input,textarea{font:18px Helvetica, sans-serif;}
.clear {clear:both;}
.b {font-weight:bold;}
.xt {font-style:italic;}
.s1 {color:#000;}
.s1 a{color:#000;}
.s1 a:hover{color:#000;}
.s2 {color:#666;}
.s2 a{color:#666;}
.s2 a:hover{color:#000;}
.s3 {color:#999;}
.s3 a{color:#999;}
.s3 a:hover{color:#000;}
.s4 {color:#fff;}
.s4 a{color:#fff;}
.s4 a:hover{color:#fff;}
.s5 {color:#c9151d;}
.s5 a{color:#c9151d;}
.s5 a:hover{color:#c9151d;}
.s6 {color:#1a274e;}
.s6 a{color:#1a274e;}
.s6 a:hover{color:#1a274e;}

@font-face {
	font-family: 'Gotham-Book';
	src: url('../font/Gotham-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1688515173500') format('woff2'),
       url('../font/iconfont.woff?t=1688515173500') format('woff'),
       url('../font/iconfont.ttf?t=1688515173500') format('truetype');
}

.iconfont {font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*统一文字居中*/
.tc {text-align:center;}

/*翻页样式*/
.pagelist {margin: 4vh 6px calc(4vh - 6px) 0; text-align:center;}
.pagelist a{margin:0 0 6px 6px; background:#fff; color:#666; border:1px #ddd solid; display: inline-block; width:40px; height:40px;line-height:40px; white-space: nowrap; text-align: center;}
.pagelist a.active,.pagelist a:hover{background:#c9151d; color:#fff; border:1px #c9151d solid;}

/*上一页下一页*/
.prevnext {margin-top:30px; line-height:150%;}
.prevnext div {margin-top:10px;}

/*****************************************************************************************************************************************************************/
/************************************************************************ PC端 ***********************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1367px){

body {width:100%; height:100%; margin: 0px; font:15px Gotham-Book, Helvetica, Arial, sans-serif; color:#333; background:#f8f8f8;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f22 {font-size:22px;}
.f26 {font-size:26px;}
.f30 {font-size:30px;}
.f36 {font-size:36px;}

/*页面宽度*/
#main-block {margin:0 15%;}

/*隐藏移动端*/
#mobile-nav, #mobile-menu, #mobile-footer {display:none;}

/*头部*/
#header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:70px; box-shadow:0 0 10px rgba(102, 102, 102, .1);}
#header .block {margin:0 2%; position:relative;}
#header .logo {float:left;}
#header .logo a {background:url(../images/logo.png) no-repeat; width:196px; height:32px; background-size:100%; display:block; margin:19px 0;}
#header .contact {float:right; margin-top:20px;}

/*导航*/
#nav {position:absolute; top:46%; left:20%; transform: translate(0,-46%);}
#nav li {float:left; margin-left:3vw; display:block; background:linear-gradient( to right, #1a274e, #1a274e) no-repeat left bottom; background-size: 0 3px; transition: all 0.2s;}
#nav li:hover {background-size: 100% 3px;}
#nav .nav1 {height:46px; line-height:46px; display:block;}
#nav .nav2 {padding-top:13px; position:absolute; display:none;}
#nav .nav2 a {padding:0.8vw 1.8vw; display:block; white-space:nowrap;}
#nav .nav3 {background:rgba(255,255,255,0.95); border-radius:0 0 5px 5px; margin-left:-1.8vw; box-shadow:-5px 5px 10px -5px rgba(102, 102, 102, .1), /* 左边阴影 */5px 0 10px -5px rgba(102, 102, 102, .1);  /* 右边阴影 */}
#nav li .active {font-weight:bold; color:#1a274e;}

/*首页banner*/
#index-banner {overflow:hidden; background:#333;}
#index-banner .swiper .swiper-slide {overflow:hidden; width:100%;}
#index-banner .swiper .pic {width:100%; overflow:hidden;}
#index-banner .swiper .pic img {width:100%; height:100%;}
#index-banner .swiper .content {position:absolute; z-index:2; top:60%; left:10%; transform: translate(0,-60%); width:100%; overflow:hidden;}
#index-banner .swiper .text {font-size:46px; text-shadow:0 0 10px #000; width:40%;}
#index-banner .swiper .more a {margin-top:2vw; text-align:center; width:6vw; padding:0.7vw; background:#c9151d; color:#fff; display:block; border-radius:50px;}
#index-banner .swiper .more a:hover {background-color:rgba(0,0,0,0.2);}
#index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;}
#index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:30px; width:60px; height:60px; line-height:60px; border-radius:100%; font-size:24px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;}
#index-banner .swiper-pagination-bullet {background-color:rgba(0,0,0,0.8); width:10px; height:10px;}
#index-banner .swiper-pagination-bullet-active {background-color:rgba(255,255,255,0.2);}
 
/*首页热门*/
#index-hot {margin:0; padding:50px 0; background:url(../images/index_bg1.jpg) center center; background-size:100% auto;}
#index-hot .nav {float:right;}
#index-hot .nav li {float:left; margin-left:10px;}
#index-hot .nav li a {text-align:center; padding:0.7vw; background:#1a274e; color:#fff; display:block;}
#index-hot .nav li a:hover {background:#c9151d; color:#fff;}
#index-hot .list {margin-top:50px; margin-bottom:-3%;}
#index-hot .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;}
#index-hot .list li {flex-basis:calc(22%); margin:0 0 3% 3%; transition: all 0.2s; background-color:rgba(255,255,255,0.5);}
#index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1);}
#index-hot .list li .pic {overflow:hidden;  }
#index-hot .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#index-hot .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-hot .list .title {margin:15px; line-height:150%;}

/*首页关于*/
#index-about {margin:0; padding:50px 0; background:url(../images/index_bg3.jpg) top center; background-size:100% auto;}
#index-about .text {width:58%; margin:40px 10% 40px 0; line-height:220%; text-align:justify;}
#index-about .pic {float:right; width:32%;}
#index-about .pic img {width:100%;}
#index-about .more a {text-align:center; width:6vw; padding:0.7vw; background:#c9151d; color:#fff; display:block;}
#index-about .more a:hover {background:#fff; color:#1a274e;}

/*首页特点*/
#choice {margin:0; padding:50px 0; background:url(../images/index_bg2.jpg) center center; background-size:100% auto;}
#choice .list {padding-top:50px; margin-bottom:-3%;}
#choice .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;}
#choice .list li {flex-basis:calc(47%); padding:40px 0; margin:0 0 3% 3%; transition: all 0.2s; background-color:rgba(255,255,255,0.5); box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#choice .list li:hover {transform: scale(1.03); background-color:rgba(255,255,255,1);}
#choice .list li .iconfont {transition: all 0.2s; font-size:40px; width:85px; height:85px; line-height:85px; margin:auto; background:#1a274e; color:#fff; border-radius:100px;}
#choice .list li:hover .iconfont {background:#c9151d; color:#fff; transition: all 0.2s;}
#choice .list li .title {padding-top:20px;}
#choice .list li .detail {padding:20px 40px 0 40px; line-height:150%;}

/*首页新闻*/
#index-news {margin:0; padding:50px 0 90px 0; background:#fff;}
#index-news .top {float:left; position:relative; margin:50px 8% 0 0; width:32%; background:#fff; overflow:hidden; transition: all 0.2s;}
#index-news .top:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#index-news .top img {width:100%; transition: all 0.2s;}
#index-news .top:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .top .text {position:absolute; z-index:2; width:100%; line-height:150%; color:#fff; bottom:0; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); text-shadow:0 0 10px #666;}
#index-news .top .title {margin:15px 15px 5px 15px;}
#index-news .top .date {margin:0 0 15px 15px;}
#index-news .list {float:left; margin:50px 0 0 0; width:60%;}
#index-news .list ul {padding-bottom:15px;}
#index-news .list li {margin-bottom:15px;}
#index-news .list .date {float:left;}
#index-news .list span {width:15%; display: inline-block;}
#index-news .more a {text-align:center; width:6vw; padding:0.7vw; background:#c9151d; color:#fff; display:block;}
#index-news .more a:hover {background:#1a274e; color:#fff;}

/*底部*/
#footer {background:url(../images/map.png) #1a274e center center; padding:50px 0 0 0; color:#ccc;}
#footer a {color:#ccc;}
#footer a:hover {color:#fff;}
#footer .list {float:left; margin-right:10%; width:30%; line-height:150%;}
#footer .list ul {margin:15px 0 0 -20px;}
#footer .list li {float:left; margin:20px 0 0 20px;}
#footer .contact {float:left; margin-right:5%; width:45%; line-height:150%;}
#footer .contact ul {margin:15px 0 0 -20px;}
#footer .contact li {float:left; margin:20px 0 0 20px;}
#footer .weixin {float:left; line-height:160%;}
#footer .weixin .pic {margin-top:30px;}
#footer .weixin .pic img {width:80px; height:80px;}
#footer .copyright {margin-top:50px; border-top:1px #2e3c67 solid; padding:20px 0;}

/**************内页***************/
#n-banner {position:relative; width:100%; background:#fff; overflow:hidden;}
#n-banner img {width:100%;}
#n-banner .content {position:absolute; color:#fff; z-index:2; top:60%; transform: translate(0,-60%); left:15%; font-size:36px; text-shadow:0 0 10px #000;}
#n-banner .line {margin-top:20px; width:60px; height:3px; background:#c9151d;}

/*内页单页*/
#n-page {padding:50px 0; min-height:20vh;}
#n-page .content {line-height:200%; background:#fff; padding:3%; text-align:justify;}
#n-page .title {margin-bottom:50px;}
#n-page img {max-width:100%;}

/*内页产品*/
#n-product {padding:50px 0 0 0; min-height:20vh;}
#n-product .left {float:left; width:22%; margin-bottom:50px;}
#n-product .left .bt {background:#1a274e; padding:15px 0;}
#n-product .left .category {margin:0;}
#n-product .left .category li a {background:#fff; margin:1px 0 0 0; padding:15px; display:block;}
#n-product .left .category .active {background:#666; color:#fff;}
#n-product .left .contact {margin-top:1px; padding:50px 0; background:url(../images/left_contact.jpg) no-repeat; background-size:100% auto;}
#n-product .left .contact .icon {margin:50px auto 0 auto; background:#1a274e; text-align:center; width:60px; height:60px; line-height:60px; border-radius:100%;}
#n-product .left .contact .tel {margin:20px 0 0 0; line-height:28px; text-align:center;}
#n-product .right {float:right; width:73%; margin-left:5%;}
#n-product .right .list {margin:0;}
#n-product .right .list ul {margin:0 0 -4% -4%; display:flex; flex-wrap:wrap;}
#n-product .right .list li {flex-basis:calc(29.33%); margin:0 0 4% 4%; transition: all 0.2s; background:#fff;}
#n-product .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-product .right .list li .pic {overflow:hidden;}
#n-product .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-product .right .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-product .right .list .title {margin:15px; line-height:150%;}
#n-product .right .content {line-height:200%; margin-bottom:50px; background:#fff; padding:4%; text-align:justify;}
#n-product .right .content img {max-width:100%; }
#n-product .right .content .title {margin-bottom:30px;}
#n-product .right .parameter {margin:30px 0 20px 0;}
#n-product .right .content td {padding:5px; line-height:140%; font-size:14px;}

/*内页新闻*/
#n-news {padding:50px 0 0 0; min-height:20vh;}
#n-news .left {float:left; width:22%; margin-bottom:50px;}
#n-news .left .bt {background:#1a274e; padding:15px 0;}
#n-news .left .category {margin:0;}
#n-news .left .category li a {background:#fff; margin:1px 0 0 0; padding:15px; display:block;}
#n-news .left .category .active {background:#666; color:#fff;}
#n-news .left .contact {margin-top:1px; padding:50px 0; background:url(../images/left_contact.jpg) no-repeat; background-size:100% auto;}
#n-news .left .contact .icon {margin:50px auto 0 auto; background:#1a274e; text-align:center; width:60px; height:60px; line-height:60px; border-radius:100%;}
#n-news .left .contact .tel {margin:20px 0 0 0; line-height:28px; text-align:center;}
#n-news .right {float:right; width:73%; margin-left:5%;}
#n-news .right .list {display: table; width:100%;}
#n-news .right .list ul {margin:0 0 -4% 0;}
#n-news .right .list li {width:100%; margin:0 0 4% 0; transition: all 0.2s; background:#fff;}
#n-news .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-news .right .list li .pic {float:left; display: table-cell; width:25%; overflow:hidden;}
#n-news .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-news .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .right .list .text {display: table-cell; line-height:150%; padding:15px;}
#n-news .right .list .date {margin-top:10px;}
#n-news .right .list .detail {margin-top:10px;}
#n-news .right .content {line-height:200%; margin-bottom:50px; background:#fff; padding:4%; text-align:justify;}
#n-news .right .content img {max-width:100%;}
#n-news .right .content .title {margin-bottom:10px;}
#n-news .right .content .date {margin-bottom:30px;}

}



/*****************************************************************************************************************************************************************/
/************************************************************************ iPad Pro *******************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1025px) and (max-width: 1367px) {

body {width:100%; height:100%; margin: 0px; font:15px Gotham-Book, Helvetica, Arial, sans-serif; color:#333; background:#f8f8f8;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f22 {font-size:22px;}
.f26 {font-size:26px;}
.f30 {font-size:30px;}
.f36 {font-size:36px;}

/*页面宽度*/
#main-block {margin:0 2%;}

/*隐藏移动端*/
#mobile-nav, #mobile-menu, #mobile-footer {display:none;}

/*头部*/
#header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:70px; box-shadow:0 0 10px rgba(102, 102, 102, .1);}
#header .block {margin:0 2%; position:relative;}
#header .logo {float:left;}
#header .logo a {background:url(../images/logo.png) no-repeat; width:196px; height:32px; background-size:100%; display:block; margin:19px 0;}
#header .contact {float:right; margin-top:20px;}

/*导航*/
#nav {position:absolute; top:46%; left:20%; transform: translate(0,-46%);}
#nav li {float:left; margin-left:3vw; display:block; background:linear-gradient( to right, #1a274e, #1a274e) no-repeat left bottom; background-size: 0 3px; transition: all 0.2s;}
#nav li:hover {background-size: 100% 3px;}
#nav .nav1 {height:46px; line-height:46px; display:block;}
#nav .nav2 {padding-top:13px; position:absolute; display:none;}
#nav .nav2 a {padding:0.8vw 1.8vw; display:block; white-space:nowrap;}
#nav .nav3 {background:rgba(255,255,255,0.95); border-radius:0 0 5px 5px; margin-left:-1.8vw; box-shadow:-5px 5px 10px -5px rgba(102, 102, 102, .1), /* 左边阴影 */5px 0 10px -5px rgba(102, 102, 102, .1);  /* 右边阴影 */}
#nav li .active {font-weight:bold; color:#1a274e;}

/*首页banner*/
#index-banner {overflow:hidden; background:#333;}
#index-banner .swiper .swiper-slide {overflow:hidden; width:100%;}
#index-banner .swiper .pic {width:100%; overflow:hidden;}
#index-banner .swiper .pic img {width:100%; height:100%;}
#index-banner .swiper .content {position:absolute; z-index:2; top:60%; left:8%; transform: translate(0,-60%); width:100%; overflow:hidden;}
#index-banner .swiper .text {font-size:40px; text-shadow:0 0 10px #000; width:40%;}
#index-banner .swiper .more a {margin-top:2vw; text-align:center; width:6vw; padding:0.7vw; background:#c9151d; color:#fff; display:block; border-radius:50px;}
#index-banner .swiper .more a:hover {background-color:rgba(0,0,0,0.2);}
#index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;}
#index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:30px; width:60px; height:60px; line-height:60px; border-radius:100%; font-size:24px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;}
#index-banner .swiper-pagination-bullet {background-color:rgba(0,0,0,0.8); width:10px; height:10px;}
#index-banner .swiper-pagination-bullet-active {background-color:rgba(255,255,255,0.2);}
 
/*首页热门*/
#index-hot {margin:0; padding:30px 0; background:url(../images/index_bg1.jpg) center center; background-size:100% auto;}
#index-hot .nav {float:right;}
#index-hot .nav li {float:left; margin-left:10px;}
#index-hot .nav li a {text-align:center; padding:0.7vw; background:#1a274e; color:#fff; display:block;}
#index-hot .nav li a:hover {background:#c9151d; color:#fff;}
#index-hot .list {margin-top:30px; margin-bottom:-2%;}
#index-hot .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#index-hot .list li {flex-basis:calc(23%); margin:0 0 2% 2%; transition: all 0.2s; background-color:rgba(255,255,255,0.5);}
#index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1);}
#index-hot .list li .pic {overflow:hidden;  }
#index-hot .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#index-hot .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-hot .list .title {margin:15px; line-height:150%;}

/*首页关于*/
#index-about {margin:0; padding:30px 0; background:url(../images/index_bg3.jpg) top center; background-size:100% auto;}
#index-about .text {width:62%; margin:40px 8% 40px 0; line-height:200%; text-align:justify;}
#index-about .pic {float:right; width:30%;}
#index-about .pic img {width:100%;}
#index-about .more a {text-align:center; width:6vw; padding:0.7vw; background:#c9151d; color:#fff; display:block;}
#index-about .more a:hover {background:#fff; color:#1a274e;}

/*首页特点*/
#choice {margin:0; padding:30px 0; background:url(../images/index_bg2.jpg) center center; background-size:100% auto;}
#choice .list {padding-top:30px; margin-bottom:-2%;}
#choice .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#choice .list li {flex-basis:calc(48%); padding:30px 0; margin:0 0 2% 2%; transition: all 0.2s; background-color:rgba(255,255,255,0.5); box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#choice .list li:hover {transform: scale(1.03); background-color:rgba(255,255,255,1);}
#choice .list li .iconfont {transition: all 0.2s; font-size:40px; width:85px; height:85px; line-height:85px; margin:auto; background:#1a274e; color:#fff; border-radius:100px;}
#choice .list li:hover .iconfont {background:#c9151d; color:#fff; transition: all 0.2s;}
#choice .list li .title {padding-top:20px;}
#choice .list li .detail {padding:20px 40px 0 40px; line-height:150%;}

/*首页新闻*/
#index-news {margin:0; padding:30px 0 50px 0; background:#fff;}
#index-news .top {float:left; position:relative; margin:30px 8% 0 0; width:30%; background:#fff; overflow:hidden; transition: all 0.2s;}
#index-news .top:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#index-news .top img {width:100%; transition: all 0.2s;}
#index-news .top:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .top .text {position:absolute; z-index:2; width:100%; line-height:150%; color:#fff; bottom:0; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); text-shadow:0 0 10px #666;}
#index-news .top .title {margin:15px 15px 5px 15px;}
#index-news .top .date {margin:0 0 15px 15px;}
#index-news .list {float:left; margin:30px 0 0 0; width:62%;}
#index-news .list ul {padding-bottom:15px;}
#index-news .list li {margin-bottom:15px;}
#index-news .list .date {float:left;}
#index-news .list span {width:13%; display: inline-block;}
#index-news .more a {text-align:center; width:6vw; padding:0.7vw; background:#c9151d; color:#fff; display:block;}
#index-news .more a:hover {background:#1a274e; color:#fff;}

/*底部*/
#footer {background:url(../images/map.png) #1a274e center center; padding:30px 0 0 0; color:#ccc;}
#footer a {color:#ccc;}
#footer a:hover {color:#fff;}
#footer .list {float:left; margin-right:10%; width:30%; line-height:150%;}
#footer .list ul {margin:15px 0 0 -20px;}
#footer .list li {float:left; margin:20px 0 0 20px;}
#footer .contact {float:left; margin-right:5%; width:45%; line-height:150%;}
#footer .contact ul {margin:15px 0 0 -20px;}
#footer .contact li {float:left; margin:20px 0 0 20px;}
#footer .weixin {float:left; line-height:160%;}
#footer .weixin .pic {margin-top:30px;}
#footer .weixin .pic img {width:80px; height:80px;}
#footer .copyright {margin-top:30px; border-top:1px #2e3c67 solid; padding:20px 0;}

/**************内页***************/
#n-banner {position:relative; width:100%; background:#fff; overflow:hidden;}
#n-banner img {width:100%;}
#n-banner .content {position:absolute; color:#fff; z-index:2; top:60%; transform: translate(0,-60%); left:15%; font-size:36px; text-shadow:0 0 10px #000;}
#n-banner .line {margin-top:20px; width:60px; height:3px; background:#c9151d;}

/*内页单页*/
#n-page {padding:30px 0; min-height:45vh;}
#n-page .content {line-height:220%; background:#fff; padding:2%; text-align:justify;}
#n-page .title {margin-bottom:30px;}
#n-page img {max-width:100%;}

/*内页产品*/
#n-product {padding:30px 0 0 0; min-height:45vh;}
#n-product .left {float:left; width:22%; margin-bottom:30px;}
#n-product .left .bt {background:#1a274e; padding:15px 0;}
#n-product .left .category {margin:0;}
#n-product .left .category li a {background:#fff; margin:1px 0 0 0; padding:15px; display:block;}
#n-product .left .category .active {background:#666; color:#fff;}
#n-product .left .contact {margin-top:1px; padding:50px 0; background:url(../images/left_contact.jpg) no-repeat; background-size:100% auto;}
#n-product .left .contact .icon {margin:50px auto 0 auto; background:#1a274e; text-align:center; width:60px; height:60px; line-height:60px; border-radius:100%;}
#n-product .left .contact .tel {margin:20px 0 0 0; line-height:28px; text-align:center;}
#n-product .right {float:right; width:75%; margin-left:3%;}
#n-product .right .list {margin:0;}
#n-product .right .list ul {margin:0 0 -3% -3%; display:flex; flex-wrap:wrap;}
#n-product .right .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; background:#fff;}
#n-product .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-product .right .list li .pic {overflow:hidden;}
#n-product .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-product .right .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-product .right .list .title {margin:15px; line-height:150%;}
#n-product .right .content {line-height:220%; margin-bottom:30px; background:#fff; padding:3%; text-align:justify;}
#n-product .right .content img {max-width:100%;}
#n-product .right .content .title {margin-bottom:30px;}
#n-product .right .parameter {margin:30px 0 20px 0;}
#n-product .right .content td {padding:5px; line-height:140%; font-size:14px;}

/*内页新闻*/
#n-news {padding:30px 0 0 0; min-height:45vh;}
#n-news .left {float:left; width:22%; margin-bottom:30px;}
#n-news .left .bt {background:#1a274e; padding:15px 0;}
#n-news .left .category {margin:0;}
#n-news .left .category li a {background:#fff; margin:1px 0 0 0; padding:15px; display:block;}
#n-news .left .category .active {background:#666; color:#fff;}
#n-news .left .contact {margin-top:1px; padding:50px 0; background:url(../images/left_contact.jpg) no-repeat; background-size:100% auto;}
#n-news .left .contact .icon {margin:50px auto 0 auto; background:#1a274e; text-align:center; width:60px; height:60px; line-height:60px; border-radius:100%;}
#n-news .left .contact .tel {margin:20px 0 0 0; line-height:28px; text-align:center;}
#n-news .right {float:right; width:75%; margin-left:3%;}
#n-news .right .list {display: table; width:100%;}
#n-news .right .list ul {margin:0 0 -3% 0;}
#n-news .right .list li {width:100%; margin:0 0 3% 0; transition: all 0.2s; background:#fff;}
#n-news .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-news .right .list li .pic {float:left; display: table-cell; width:25%; overflow:hidden;}
#n-news .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-news .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .right .list .text {display: table-cell; line-height:150%; padding:15px;}
#n-news .right .list .date {margin-top:10px;}
#n-news .right .list .detail {margin-top:10px;}
#n-news .right .content {line-height:220%; margin-bottom:30px; background:#fff; padding:3%; text-align:justify;}
#n-news .right .content img {max-width:100%;}
#n-news .right .content .title {margin-bottom:10px;}
#n-news .right .content .date {margin-bottom:30px;}

}



/*****************************************************************************************************************************************************************/
/************************************************************************ iPad 横屏 ******************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 769px) and (max-width: 1025px) {

body {width:100%; height:100%; margin: 0px; font:14px Gotham-Book, Helvetica, Arial, sans-serif; color:#333; background:#f8f8f8;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:14px;}
.f18 {font-size:14px;}
.f22 {font-size:18px;}
.f26 {font-size:20px;}
.f30 {font-size:20px;}
.f36 {font-size:26px;}

/*页面宽度*/
#main-block {margin:0 2%;}

/*隐藏移动端*/
#mobile-nav, #mobile-menu, #mobile-footer {display:none;}

/*头部*/
#header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:60px; box-shadow:0 0 10px rgba(102, 102, 102, .1);}
#header .block {margin:0 2%; position:relative;}
#header .logo {float:left;}
#header .logo a {background:url(../images/logo.png) no-repeat; width:160px; height:26px; background-size:100%; display:block; margin:17px 0;}
#header .contact {float:right; margin-top:20px;}

/*导航*/
#nav {position:absolute; top:46%; left:20%; transform: translate(0,-46%);}
#nav li {float:left; margin-left:3vw; display:block; background:linear-gradient( to right, #1a274e, #1a274e) no-repeat left bottom; background-size: 0 3px; transition: all 0.2s;}
#nav li:hover {background-size: 100% 3px;}
#nav .nav1 {height:40px; line-height:40px; display:block;}
#nav .nav2 {padding-top:10.5px; position:absolute; display:none;}
#nav .nav2 a {padding:0.8vw 1.8vw; display:block; white-space:nowrap;}
#nav .nav3 {background:rgba(255,255,255,0.95); border-radius:0 0 5px 5px; margin-left:-1.8vw; box-shadow:-5px 5px 10px -5px rgba(102, 102, 102, .1), /* 左边阴影 */5px 0 10px -5px rgba(102, 102, 102, .1);  /* 右边阴影 */}
#nav li .active {font-weight:bold; color:#1a274e;}

/*首页banner*/
#index-banner {overflow:hidden; background:#333;}
#index-banner .swiper .swiper-slide {overflow:hidden; width:100%;}
#index-banner .swiper .pic {width:100%; overflow:hidden;}
#index-banner .swiper .pic img {width:100%; height:100%;}
#index-banner .swiper .content {position:absolute; z-index:2; top:62%; left:6%; transform: translate(0,-62%); width:100%; overflow:hidden;}
#index-banner .swiper .text {font-size:30px; text-shadow:0 0 10px #000; width:40%;}
#index-banner .swiper .more a {margin-top:2vw; text-align:center; width:8vw; padding:0.7vw; background:#c9151d; color:#fff; display:block; border-radius:50px;}
#index-banner .swiper .more a:hover {background-color:rgba(0,0,0,0.2);}
#index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;}
#index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:20px; width:50px; height:50px; line-height:50px; border-radius:100%; font-size:24px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;}
#index-banner .swiper-pagination-bullet {background-color:rgba(0,0,0,0.8); width:10px; height:10px;}
#index-banner .swiper-pagination-bullet-active {background-color:rgba(255,255,255,0.2);}
 
/*首页热门*/
#index-hot {margin:0; padding:20px 0; background:url(../images/index_bg1.jpg) center center; background-size:100% auto;}
#index-hot .nav {float:right;}
#index-hot .nav li {float:left; margin-left:10px;}
#index-hot .nav li a {text-align:center; padding:0.7vw; background:#1a274e; color:#fff; display:block;}
#index-hot .nav li a:hover {background:#c9151d; color:#fff;}
#index-hot .list {margin-top:20px; margin-bottom:-2%;}
#index-hot .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#index-hot .list li {flex-basis:calc(23%); margin:0 0 2% 2%; transition: all 0.2s; background-color:rgba(255,255,255,0.5);}
#index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1);}
#index-hot .list li .pic {overflow:hidden;  }
#index-hot .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#index-hot .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-hot .list .title {margin:15px; line-height:150%;}

/*首页关于*/
#index-about {margin:0; padding:20px 0; background:url(../images/index_bg3.jpg) top center; background-size:100% auto;}
#index-about .text {width:60%; margin:30px 5% 30px 0; line-height:200%; text-align:justify;}
#index-about .pic {float:right; width:35%;}
#index-about .pic img {width:100%;}
#index-about .more a {text-align:center; width:8vw; padding:0.7vw; background:#c9151d; color:#fff; display:block;}
#index-about .more a:hover {background:#fff; color:#1a274e;}

/*首页特点*/
#choice {margin:0; padding:20px 0; background:url(../images/index_bg2.jpg) center center; background-size:100% auto;}
#choice .list {padding-top:20px; margin-bottom:-2%;}
#choice .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#choice .list li {flex-basis:calc(48%); padding:20px 0; margin:0 0 2% 2%; transition: all 0.2s; background-color:rgba(255,255,255,0.5); box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#choice .list li:hover {transform: scale(1.03); background-color:rgba(255,255,255,1);}
#choice .list li .iconfont {transition: all 0.2s; font-size:32px; width:70px; height:70px; line-height:70px; margin:auto; background:#1a274e; color:#fff; border-radius:100px;}
#choice .list li:hover .iconfont {background:#c9151d; color:#fff; transition: all 0.2s;}
#choice .list li .title {padding-top:20px;}
#choice .list li .detail {padding:10px 40px 0 40px; line-height:150%;}

/*首页新闻*/
#index-news {margin:0; padding:20px 0 40px 0; background:#fff;}
#index-news .top {float:left; position:relative; margin:30px 8% 0 0; width:32%; background:#fff; overflow:hidden; transition: all 0.2s;}
#index-news .top:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#index-news .top img {width:100%; transition: all 0.2s;}
#index-news .top:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .top .text {position:absolute; z-index:2; width:100%; line-height:150%; color:#fff; bottom:0; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); text-shadow:0 0 10px #666;}
#index-news .top .title {margin:15px 15px 5px 15px;}
#index-news .top .date {margin:0 0 15px 15px;}
#index-news .list {float:left; margin:30px 0 0 0; width:58%;}
#index-news .list ul {padding-bottom:10px;}
#index-news .list li {margin-bottom:15px;}
#index-news .list .date {float:left;}
#index-news .list span {width:20%; display: inline-block;}
#index-news .more a {text-align:center; width:8vw; padding:0.7vw; background:#c9151d; color:#fff; display:block;}
#index-news .more a:hover {background:#1a274e; color:#fff;}

/*底部*/
#footer {background:url(../images/map.png) #1a274e center center; padding:20px 0 0 0; color:#ccc;}
#footer a {color:#ccc;}
#footer a:hover {color:#fff;}
#footer .list {float:left; margin-right:10%; width:30%; line-height:150%;}
#footer .list ul {margin:5px 0 0 -20px;}
#footer .list li {float:left; margin:20px 0 0 20px;}
#footer .contact {float:left; margin-right:5%; width:45%; line-height:150%;}
#footer .contact ul {margin:5px 0 0 -20px;}
#footer .contact li {float:left; margin:20px 0 0 20px;}
#footer .weixin {float:left; line-height:160%;}
#footer .weixin .pic {margin-top:20px;}
#footer .weixin .pic img {width:70px; height:70px;}
#footer .copyright {margin-top:30px; border-top:1px #2e3c67 solid; padding:10px 0;}

/**************内页***************/
#n-banner {position:relative; width:100%; background:#fff; overflow:hidden;}
#n-banner img {width:100%;}
#n-banner .content {position:absolute; color:#fff; z-index:2; top:68%; transform: translate(0,-68%); left:10%; font-size:26px; text-shadow:0 0 10px #000;}
#n-banner .line {margin-top:10px; width:60px; height:3px; background:#c9151d;}

/*内页单页*/
#n-page {padding:20px 0; min-height:67vh;}
#n-page .content {line-height:200%; background:#fff; padding:2%; text-align:justify;}
#n-page .title {margin-bottom:30px;}
#n-page img {max-width:100%;}

/*内页产品*/
#n-product {padding:20px 0 0 0; min-height:67vh;}
#n-product .left {float:left; width:22%; margin-bottom:20px;}
#n-product .left .bt {background:#1a274e; padding:12px 0;}
#n-product .left .category {margin:0;}
#n-product .left .category li a {background:#fff; margin:1px 0 0 0; padding:12px; display:block;}
#n-product .left .category .active {background:#666; color:#fff;}
#n-product .left .contact {margin-top:1px; padding:50px 0; background:url(../images/left_contact.jpg) no-repeat; background-size:100% auto;}
#n-product .left .contact .icon {margin:4vh auto 0 auto; background:#1a274e; text-align:center; width:60px; height:60px; line-height:60px; border-radius:100%;}
#n-product .left .contact .tel {margin:20px 0 0 0; line-height:28px; text-align:center;}
#n-product .right {float:right; width:75%; margin-left:3%;}
#n-product .right .list {margin:0;}
#n-product .right .list ul {margin:0 0 -3% -3%; display:flex; flex-wrap:wrap;}
#n-product .right .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; background:#fff;}
#n-product .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-product .right .list li .pic {overflow:hidden;}
#n-product .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-product .right .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-product .right .list .title {margin:15px; line-height:150%;}
#n-product .right .content {line-height:200%; margin-bottom:20px; background:#fff; padding:3%; text-align:justify;}
#n-product .right .content img {max-width:100%;}
#n-product .right .content .title {margin-bottom:20px;}
#n-product .right .parameter {margin:20px 0 10px 0;}
#n-product .right .content td {padding:5px 0; line-height:100%; font-size:13px;}

/*内页新闻*/
#n-news {padding:20px 0 0 0; min-height:67vh;}
#n-news .left {float:left; width:22%; margin-bottom:20px;}
#n-news .left .bt {background:#1a274e; padding:12px 0;}
#n-news .left .category {margin:0;}
#n-news .left .category li a {background:#fff; margin:1px 0 0 0; padding:12px; display:block;}
#n-news .left .category .active {background:#666; color:#fff;}
#n-news .left .contact {margin-top:1px; padding:50px 0; background:url(../images/left_contact.jpg) no-repeat; background-size:100% auto;}
#n-news .left .contact .icon {margin:4vh auto 0 auto; background:#1a274e; text-align:center; width:60px; height:60px; line-height:60px; border-radius:100%;}
#n-news .left .contact .tel {margin:20px 0 0 0; line-height:28px; text-align:center;}
#n-news .right {float:right; width:75%; margin-left:3%;}
#n-news .right .list {display: table; width:100%;}
#n-news .right .list ul {margin:0 0 -3% 0;}
#n-news .right .list li {width:100%; margin:0 0 3% 0; transition: all 0.2s; background:#fff;}
#n-news .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-news .right .list li .pic {float:left; display: table-cell; width:25%; overflow:hidden;}
#n-news .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-news .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .right .list .text {display: table-cell; line-height:150%; padding:15px;}
#n-news .right .list .date {margin-top:10px;}
#n-news .right .list .detail {margin-top:10px;}
#n-news .right .content {line-height:200%; margin-bottom:20px; background:#fff; padding:3%; text-align:justify;}
#n-news .right .content img {max-width:100%;}
#n-news .right .content .title {margin-bottom:10px;}
#n-news .right .content .date {margin-bottom:20px;}

}


/*****************************************************************************************************************************************************************/
/************************************************************************ iPad 竖屏 ******************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {

body {width:100%; height:100%; margin: 0px; font:14px Gotham-Book, Helvetica, Arial, sans-serif; color:#333; background:#f8f8f8;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:14px;}
.f18 {font-size:14px;}
.f22 {font-size:16px;}
.f26 {font-size:18px;}
.f30 {font-size:20px;}
.f36 {font-size:26px;}

/*页面宽度*/
#main-block {margin:0 2%;}

/*翻页样式*/
.pagelist {margin:3vh 6px calc(3vh - 6px) 0; text-align:center;}

/*头部*/
#header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:50px; box-shadow:0 0 10px rgba(102, 102, 102, .1);}
#header .block {margin:0 2%; position:relative;}
#header .logo {float:left;}
#header .logo a {background:url(../images/logo.png) no-repeat; width:148px; height:24px; background-size:100%; display:block; margin:13px 0;}
#header .contact {display:none;}

/*PC导航*/
#nav {display:none;}

/*移动滑出菜单*/
#mobile-nav {position:fixed; z-index:999; right:10px; top:8px;}
#mobile-nav a {font-size:34px; color:#333;}
#mobile-nav a:hover {text-decoration: none;}
#mobile-menu {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:999;}
#mobile-menu .mask {position:absolute; width:100%;height:100%; background:#000; left:0px;top:0px; z-index:20;}
#mobile-menu .close-x a {position:absolute; top:8px; right:10px; font-size:34px; color:#1a274e; text-decoration: none;}
#mobile-menu .close-x a:hover {transform: rotate(90deg);}
#mobile-menu .content {position:absolute; width:30%; right:0px;top:0px; background:#fff; height:100%;z-index:100;right:-30%; box-shadow: -5px 0px 10px 0px rgba(30,30,30,0.5);}
#mobile-menu .list {padding:30px; font-size:18px;}
#mobile-menu .list li {margin-top:30px;}
#mobile-menu .list li .nav2 a {float:left; font-size:16px; margin:20px 20px 0 0;}
#mobile-menu .list li .active {color:#1a274e;}

/*首页banner*/
#index-banner {overflow:hidden; background:#333;}
#index-banner .swiper .swiper-slide {overflow:hidden; width:100%;}
#index-banner .swiper .pic {width:100%; overflow:hidden;}
#index-banner .swiper .pic img {width:100%; height:100%;}
#index-banner .swiper .content {position:absolute; z-index:2; top:65%; left:6%; transform: translate(0,-65%); width:100%; overflow:hidden;}
#index-banner .swiper .text {font-size:26px; text-shadow:0 0 10px #000; width:42%;}
#index-banner .swiper .more a {margin-top:2vw; text-align:center; font-size:12px; width:9vw; padding:0.7vw; background:#c9151d; color:#fff; display:block; border-radius:50px;}
#index-banner .swiper .more a:hover {background-color:rgba(0,0,0,0.2);}
#index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;}
#index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:20px 10px; width:50px; height:50px; line-height:50px; border-radius:100%; font-size:20px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;}
#index-banner .swiper-pagination-bullet {background-color:rgba(0,0,0,0.8); width:10px; height:10px;}
#index-banner .swiper-pagination-bullet-active {background-color:rgba(255,255,255,0.2);}
 
/*首页热门*/
#index-hot {margin:0; padding:20px 0; background:url(../images/index_bg1.jpg) center center; background-size:100% auto;}
#index-hot .nav {float:right;}
#index-hot .nav li {float:left; margin-left:10px;}
#index-hot .nav li a {text-align:center; padding:0.7vw; background:#1a274e; color:#fff; display:block;}
#index-hot .nav li a:hover {background:#c9151d; color:#fff;}
#index-hot .list {margin-top:20px; margin-bottom:-2%;}
#index-hot .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#index-hot .list li {flex-basis:calc(23%); margin:0 0 2% 2%; transition: all 0.2s; background-color:rgba(255,255,255,0.5);}
#index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1);}
#index-hot .list li .pic {overflow:hidden;  }
#index-hot .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#index-hot .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-hot .list .title {margin:10px; line-height:150%;}

/*首页关于*/
#index-about {margin:0; padding:20px 0; background:url(../images/index_bg3.jpg) top center; background-size:100% auto;}
#index-about .text {width:63%; margin:20px 5% 20px 0; line-height:180%; text-align:justify;}
#index-about .pic {float:right; width:32%;}
#index-about .pic img {width:100%;}
#index-about .more a {text-align:center; width:10vw; padding:0.7vw; background:#c9151d; color:#fff; display:block;}
#index-about .more a:hover {background:#fff; color:#1a274e;}

/*首页特点*/
#choice {margin:0; padding:20px 0; background:url(../images/index_bg2.jpg) center center; background-size:100% auto;}
#choice .list {padding-top:20px; margin-bottom:-2%;}
#choice .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#choice .list li {flex-basis:calc(48%); padding:20px 0; margin:0 0 2% 2%; transition: all 0.2s; background-color:rgba(255,255,255,0.5); box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#choice .list li:hover {transform: scale(1.03); background-color:rgba(255,255,255,1);}
#choice .list li .iconfont {transition: all 0.2s; font-size:26px; width:50px; height:50px; line-height:50px; margin:auto; background:#1a274e; color:#fff; border-radius:100px;}
#choice .list li:hover .iconfont {background:#c9151d; color:#fff; transition: all 0.2s;}
#choice .list li .title {padding-top:10px;}
#choice .list li .detail {padding:10px 20px 0 20px; line-height:150%;}

/*首页新闻*/
#index-news {margin:0; padding:20px 0 30px 0; background:#fff;}
#index-news .top {float:left; position:relative; margin:20px 4% 0 0; width:40%; background:#fff; overflow:hidden; transition: all 0.2s;}
#index-news .top:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#index-news .top img {width:100%; transition: all 0.2s;}
#index-news .top:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .top .text {position:absolute; z-index:2; width:100%; line-height:150%; color:#fff; bottom:0; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); text-shadow:0 0 10px #666;}
#index-news .top .title {margin:10px 10px 5px 10px;}
#index-news .top .date {margin:0 0 10px 10px;}
#index-news .list {float:left; margin:20px 0 0 0;}
#index-news .list ul {padding-bottom:10px;}
#index-news .list li {margin-bottom:10px; display: -webkit-box; -webkit-line-clamp: 1;/* 限制显示的行数 */-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  /* 可选：单行时生效 */width:380px;/* 固定宽度 */line-height: 1.5;/* 可选：调整行高 */max-height: 3em;}
#index-news .list .date {float:left;}
#index-news .list span {width:25%; display: inline-block;}
#index-news .more a {text-align:center; width:10vw; padding:0.7vw; background:#c9151d; color:#fff; display:block;}
#index-news .more a:hover {background:#1a274e; color:#fff;}

/*底部*/
#footer {display:none;}

/*移动端底部*/
#mobile-footer {background:#1a274e; font-size:1.6vw; padding:12px; line-height:150%; color:#fff;}
#mobile-footer img {height:2.2vw;}

/**************内页***************/
#n-banner {position:relative; width:100%; background:#fff; overflow:hidden;}
#n-banner img {width:100%;}
#n-banner .content {position:absolute; color:#fff; z-index:2; top:70%; transform: translate(0,-70%); left:10%; font-size:20px; text-shadow:0 0 10px #000;}
#n-banner .line {margin-top:10px; width:60px; height:3px; background:#c9151d;}

/*内页单页*/
#n-page {padding:20px 0; min-height:79vh;}
#n-page .content {line-height:200%; background:#fff; padding:2%; text-align:justify;}
#n-page .title {margin-bottom:30px;}
#n-page img {max-width:100%;}

/*内页产品*/
#n-product {padding:20px 0 0 0; min-height:79vh;}
#n-product .left {float:left; width:22%; margin-bottom:20px;}
#n-product .left .bt {background:#1a274e; padding:12px 0;}
#n-product .left .category {margin:0;}
#n-product .left .category li a {background:#fff; margin:1px 0 0 0; padding:12px; display:block;}
#n-product .left .category .active {background:#666; color:#fff;}
#n-product .left .contact {margin-top:1px; padding:50px 0; background:url(../images/left_contact.jpg) no-repeat; background-size:100% auto;}
#n-product .left .contact .icon {margin:auto; background:#1a274e; text-align:center; width:40px; height:40px; line-height:40px; border-radius:100%;}
#n-product .left .contact .tel {margin:20px 0 0 0; line-height:28px; text-align:center;}
#n-product .right {float:right; width:75%; margin-left:3%;}
#n-product .right .list {margin:0;}
#n-product .right .list ul {margin:0 0 -3% -3%; display:flex; flex-wrap:wrap;}
#n-product .right .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; background:#fff;}
#n-product .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-product .right .list li .pic {overflow:hidden;}
#n-product .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-product .right .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-product .right .list .title {margin:10px; line-height:150%;}
#n-product .right .content {line-height:180%; margin-bottom:20px; background:#fff; padding:3%; text-align:justify;}
#n-product .right .content img {max-width:100%;}
#n-product .right .content .title {margin-bottom:20px;}
#n-product .right .parameter {margin:20px 0 10px 0;}
#n-product .right .content td {padding:2px; line-height:100%; font-size:12px;}

/*内页新闻*/
#n-news {padding:20px 0 0 0; min-height:79vh;}
#n-news .left {float:left; width:22%; margin-bottom:20px;}
#n-news .left .bt {background:#1a274e; padding:12px 0;}
#n-news .left .category {margin:0;}
#n-news .left .category li a {background:#fff; margin:1px 0 0 0; padding:12px; display:block;}
#n-news .left .category .active {background:#666; color:#fff;}
#n-news .left .contact {margin-top:1px; padding:50px 0; background:url(../images/left_contact.jpg) no-repeat; background-size:100% auto;}
#n-news .left .contact .icon {margin:auto; background:#1a274e; text-align:center; width:40px; height:40px; line-height:40px; border-radius:100%;}
#n-news .left .contact .tel {margin:20px 0 0 0; line-height:28px; text-align:center;}
#n-news .right {float:right; width:75%; margin-left:3%;}
#n-news .right .list {display: table; width:100%;}
#n-news .right .list ul {margin:0 0 -3% 0;}
#n-news .right .list li {width:100%; margin:0 0 3% 0; transition: all 0.2s; background:#fff;}
#n-news .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-news .right .list li .pic {float:left; display: table-cell; width:25%; overflow:hidden;}
#n-news .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-news .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .right .list .text {display: table-cell; line-height:150%; padding:15px;}
#n-news .right .list .date {margin-top:10px;}
#n-news .right .list .detail {display:none;}
#n-news .right .content {line-height:200%; margin-bottom:20px; background:#fff; padding:3%; text-align:justify;}
#n-news .right .content img {max-width:100%;}
#n-news .right .content .title {margin-bottom:10px;}
#n-news .right .content .date {margin-bottom:20px;}

}


/*****************************************************************************************************************************************************************/
/************************************************************************ 手机版 *********************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1px) and (max-width: 480px) {

body {width:100%; height:100%; margin: 0px; font:14px Gotham-Book, Helvetica, Arial, sans-serif; color:#333; background:#f8f8f8;_background-attachment:fixed;_background-image:url(about:blank);}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:14px;}
.f18 {font-size:14px;}
.f22 {font-size:16px;}
.f26 {font-size:16px;}
.f30 {font-size:18px;}
.f36 {font-size:26px;}

/*页面宽度*/
#main-block {margin:0 10px;}

/*翻页样式*/
.pagelist {margin: 2vh 6px calc(2vh - 6px) 0; text-align:center;}
.pagelist a{margin:0 0 6px 6px; background:#fff; color:#666; border:1px #ddd solid; display: inline-block; width:32px; height:32px;line-height:32px; white-space: nowrap; text-align: center;}
.pagelist a.active,.pagelist a:hover{background:#c9151d; color:#fff; border:1px #c9151d solid;}

/*上一页下一页*/
.prevnext {margin-top:10px;}

/*头部*/
#header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:46px; box-shadow:0 0 10px rgba(102, 102, 102, .1);}
#header .block {margin:0 2%; position:relative;}
#header .logo {float:left;}
#header .logo a {background:url(../images/logo.png) no-repeat; width:148px; height:24px; background-size:100%; display:block; margin:11px 0;}
#header .contact {display:none;}

/*PC导航*/
#nav {display:none;}

/*移动滑出菜单*/
#mobile-nav {position:fixed; z-index:999; right:8px; top:8px;}
#mobile-nav a {font-size:30px; color:#333;}
#mobile-nav a:hover {text-decoration: none;}
#mobile-menu {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:999;}
#mobile-menu .mask {position:absolute; width:100%;height:100%; background:#333; left:0px;top:0px; z-index:20;}
#mobile-menu .close-x a {position:absolute; top:8px; right:10px; font-size:30px; color:#1a274e; text-decoration: none;}
#mobile-menu .close-x a:hover {transform: rotate(90deg);}
#mobile-menu .content {position:absolute; width:50%; right:0px;top:0px; background:#fff; height:100%;z-index:100;right:-30%; box-shadow: -5px 0px 10px 0px rgba(30,30,30,0.5);}
#mobile-menu .list {padding:20px; font-size:16px;}
#mobile-menu .list li {margin-top:30px;}
#mobile-menu .list li .nav2 a {float:left; font-size:14px; margin:20px 20px 0 0;}
#mobile-menu .list li .active {color:#1a274e;}

/*首页banner*/
#index-banner {margin-top:46px; overflow:hidden; background:#333;}
#index-banner .swiper .swiper-slide {overflow:hidden; width:100%;}
#index-banner .swiper .pic {width:100%; overflow:hidden;}
#index-banner .swiper .pic img {width:100%; height:100%;}
#index-banner .swiper .content {position:absolute; z-index:2; top:50%; left:6%; transform: translate(0,-50%); width:100%; overflow:hidden;}
#index-banner .swiper .text {font-size:16px; text-shadow:0 0 10px #000; width:42%;}
#index-banner .swiper .more a {margin-top:2vw; text-align:center; font-size:12px; width:16vw; padding:1.4vw; background:#c9151d; color:#fff; display:block;}
#index-banner .swiper .more a:hover {background-color:rgba(0,0,0,0.2);}
#index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;}
#index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:0 5px; width:40px; height:40px; line-height:40px; border-radius:100%; font-size:16px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;}
#index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;}
#index-banner .swiper-pagination-bullet {background-color:rgba(0,0,0,0.8); width:10px; height:10px;}
#index-banner .swiper-pagination-bullet-active {background-color:rgba(255,255,255,0.2);}
 
/*首页热门*/
#index-hot {margin:0; padding:20px 0; background:url(../images/index_bg1.jpg) center center; background-size:100% auto;}
#index-hot .nav {display:none;}
#index-hot .nav li {float:left; margin-left:10px;}
#index-hot .nav li a {text-align:center; padding:0.7vw; background:#1a274e; color:#fff; display:block;}
#index-hot .nav li a:hover {background:#c9151d; color:#fff;}
#index-hot .list {margin-top:10px; margin-bottom:-2%;}
#index-hot .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#index-hot .list li {flex-basis:calc(48%); margin:0 0 2% 2%; transition: all 0.2s; background-color:rgba(255,255,255,0.5);}
#index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1);}
#index-hot .list li .pic {overflow:hidden;  }
#index-hot .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#index-hot .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-hot .list .title {margin:10px; line-height:150%;}

/*首页关于*/
#index-about {margin:0; padding:20px 0; background:url(../images/index_bg3.jpg) top center; background-size:100% auto;}
#index-about .text {width:100%; line-height:180%; text-align:justify;}
#index-about .pic {margin:10px 0; width:100%;}
#index-about .pic img {width:100%;}
#index-about .more a {margin:10px 0 0 0;text-align:center; width:18vw; padding:1.4vw; font-size:12px; background:#c9151d; color:#fff; display:block;}
#index-about .more a:hover {background:#fff; color:#1a274e;}

/*首页特点*/
#choice {margin:0; padding:20px 0; background:url(../images/index_bg2.jpg) center center; background-size:100% auto;}
#choice .list {padding-top:20px; margin-bottom:-2%;}
#choice .list ul {margin-left:-2%; display:flex; flex-wrap:wrap;}
#choice .list li {flex-basis:calc(48%); padding:20px 0; margin:0 0 2% 2%; transition: all 0.2s; background-color:rgba(255,255,255,0.5); box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#choice .list li:hover {transform: scale(1.03); background-color:rgba(255,255,255,1);}
#choice .list li .iconfont {transition: all 0.2s; font-size:22px; width:46px; height:46px; line-height:46px; margin:auto; background:#1a274e; color:#fff; border-radius:100px;}
#choice .list li:hover .iconfont {background:#c9151d; color:#fff; transition: all 0.2s;}
#choice .list li .title {padding-top:10px;}
#choice .list li .detail {padding:10px 20px 0 20px; line-height:150%; font-size:12px;}

/*首页新闻*/
#index-news {margin:0; padding:20px 0; background:#fff;}
#index-news .top {position:relative; margin:20px 4% 0 0; width:100%; background:#fff; overflow:hidden; transition: all 0.2s;}
#index-news .top:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);}
#index-news .top img {width:100%; transition: all 0.2s;}
#index-news .top:hover img {transform: scale(1.1); transition: all 0.2s;}
#index-news .top .text {position:absolute; z-index:2; width:100%; line-height:150%; color:#fff; bottom:0; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); text-shadow:0 0 10px #666;}
#index-news .top .title {margin:10px 10px 5px 10px; font-size:16px;}
#index-news .top .date {margin:0 0 10px 10px;}
#index-news .list {margin:20px 0 0 0;}
#index-news .list ul {padding:0;}
#index-news .list li {margin-bottom:15px; line-height:150%;}
#index-news .list .date {margin:0;}
#index-news .list span {width:100%; margin-bottom:5px; display: inline-block;}
#index-news .more a {text-align:center; width:18vw; padding:1.4vw; font-size:12px; background:#c9151d; color:#fff; display:block;}
#index-news .more a:hover {background:#1a274e; color:#fff;}

/*底部*/
#footer {display:none;}

/*移动端底部*/
#mobile-footer {background:#1a274e; font-size:2.2vw; padding:12px; line-height:150%; color:#fff;}
#mobile-footer img {height:2.6vw;}

/**************内页***************/
#n-banner {margin-top:46px; position:relative; width:100%; background:#fff; overflow:hidden;}
#n-banner img {width:100%;}
#n-banner .content {position:absolute; color:#fff; z-index:2; top:50%; transform: translate(0,-50%); left:6%; font-size:16px; text-shadow:0 0 10px #000;}
#n-banner .line {margin-top:8px; width:60px; height:3px; background:#c9151d;}

/*内页单页*/
#n-page {padding:10px 0; min-height:79vh;}
#n-page .content {line-height:180%; background:#fff; padding:2%; text-align:justify;}
#n-page .title {margin-bottom:30px;}
#n-page img {max-width:100%;}

/*内页产品*/
#n-product {padding:10px 0 0 0; min-height:79vh;}
#n-product .left {float:left; width:100%;}
#n-product .left .bt {display:none;}
#n-product .left .category {margin:0;}
#n-product .left .category li a {float:left; margin:0 10px 10px 0; background:#fff; padding:10px;}
#n-product .left .category .active {background:#666; color:#fff;}
#n-product .left .contact {display:none;}
#n-product .right {float:right; width:100%;}
#n-product .right .list {margin:0;}
#n-product .right .list ul {margin:0 0 -2% -2%; display:flex; flex-wrap:wrap;}
#n-product .right .list li {flex-basis:calc(48%); margin:0 0 2% 2%; transition: all 0.2s; background:#fff;}
#n-product .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-product .right .list li .pic {overflow:hidden;}
#n-product .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-product .right .list a:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-product .right .list .title {margin:10px; line-height:150%;}
#n-product .right .content {line-height:180%; margin-bottom:20px; font-size:16px; background:#fff; padding:3%; text-align:justify;}
#n-product .right .content img {max-width:100%;}
#n-product .right .content .title {margin-bottom:10px; font-size:22px; line-height:140%;}
#n-product .right .parameter {margin:10px 0;}
#n-product .right .content td {padding:2px; line-height:100%; font-size:12px;}

/*内页新闻*/
#n-news {padding:10px 0 0 0; min-height:79vh;}
#n-news .left {float:left; width:100%;}
#n-news .left .bt {display:none;}
#n-news .left .category {margin:0;}
#n-news .left .category li a {float:left; margin:0 10px 10px 0; background:#fff; padding:10px;}
#n-news .left .category .active {background:#666; color:#fff;}
#n-news .left .contact {display:none;}
#n-news .right {float:right; width:100%;}
#n-news .right .list {display: table; width:100%;}
#n-news .right .list ul {margin:0 0 -3% 0;}
#n-news .right .list li {width:100%; margin:0 0 3% 0; transition: all 0.2s; background:#fff;}
#n-news .right .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1); background-color:rgba(255,255,255,1); transition: all 0.2s;}
#n-news .right .list li .pic {float:left; display: table-cell; width:33%; overflow:hidden;}
#n-news .right .list li .pic img {width:100%; aspect-ratio:4/3; transition: all 0.2s;}
#n-news .right .list li:hover img {transform: scale(1.1); transition: all 0.2s;}
#n-news .right .list .text {display: table-cell; line-height:150%; padding:10px;}
#n-news .right .list .title {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3em;}
#n-news .right .list .date {margin-top:5px; font-size:12px;}
#n-news .right .list .detail {display:none;}
#n-news .right .content {line-height:180%; margin-bottom:10px; font-size:16px; background:#fff; padding:3%; text-align:justify;}
#n-news .right .content img {max-width:100%;}
#n-news .right .content .title {margin-bottom:5px; font-size:22px; line-height:140%;}
#n-news .right .content .date {margin-bottom:10px; font-size:12px;}

}