/*====  首页  =======*/
body { background: #f7f7f7; }
/*====  banner  =======*/
.page_index .banner { height: 33.125rem; }
.page_index .banner .thumbnail { color: white; padding-top: 6rem; }
.page_index .banner .thumbnail h1 { font-size: 3rem; font-weight: bolder; }
.page_index .banner .thumbnail p { font-size: 1.5rem; line-height: 1.5; color: rgba(225,225,225,0.9); margin-bottom: 1.5rem; }
.page_index .banner .thumbnail .btn_link { display: block; margin-top: 2.5rem; width: 8rem; line-height: 2.5rem; color: white; border-radius: 4px; background-image: linear-gradient(to right,#4285ff,#5a55e8); text-align: center; font-size: 1.25rem; }
.page_index .banner .item { height: 33.125rem; }
.page_index .banner .item.page1 { background-color: #103561; background: url("../image/banner/banner1.jpg") no-repeat center; }
.page_index .banner .item.page2 { background-color: #00184d; background: url("../image/banner/banner2.jpg") no-repeat center; }
.page_index .banner .item.page3 { background-color: #100f39; background: url("../image/banner/banner3.jpg") no-repeat center; }
.page_index .banner .item.page4 { background-color: #0c0e27; background: url("../image/banner/banner4.jpg") no-repeat center; }
.page_index .banner .item.page5 { background-color: #0c0e27; background: url("../image/banner/banner5.jpg") no-repeat center; }
.page_index .banner .item.page6 { background-color: #0c0e27; background: url("../images/banner8.png") no-repeat center; }
.page_index .banner .item.page7 { background-color: #131681; background: url("../images/banner9.png") no-repeat center; }
.page_index .banner .item.page8 { background-color: #131681; background: url("../images/banner10.jpg") no-repeat center; }
.page_index .banner .item.page9 { background-color: #131681; background: url("../images/banner11.jpg") no-repeat center; }
.page_index .banner .item.page10 { background-color: #131681; background: url("../images/banner12.png") no-repeat center; }
/*====  我们的产品1  =======*/
.porlist { float: left; width: 100%; margin-top: 12px; }
.porlist li { float: left; width: 386px; height: 202px; margin: 20px 0 5px 20px; overflow: hidden; border-radius: 10px; box-shadow: 0 5px 12px rgba(11,128,249,0.5); transition: all 0.4s; position: relative; top: 0; text-shadow: 0 3px 2px #0b45ef; }
.porlist li a { width: 350px; height: 172px; padding: 15px 18px; position: absolute; top: 0; left: 0; text-decoration: none; color: #fff; box-sizing: content-box; z-index: 1; }
.porlist li .tit_box { width: 350px; height: 172px; }
.porlist li .tit_box h3 { float: left; width: 100%; font-size: 24px; line-height: 34px; font-weight: 500; }
.porlist li .tit_box h3 strong { font-size: 18px; padding: 2px 5px; line-height: 18px; background: #fff; border-radius: 4px; color: #0981fa; float: right; text-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 3px 2px rgba(11,69,239,0.5); }
.porlist li .tit_box p { font-size: 16px; line-height: 26px; position: relative; }
.porlist li .tit_box p:after { content: "——"; position: absolute; bottom: -20px; left: 0; }
.porlist li:nth-child(1) { margin-left: 0; box-shadow: 0 5px 12px rgba(11,128,249,0.5); }
.porlist li:nth-child(3) { box-shadow: 0 5px 12px rgba(158,80,255,0.5); text-shadow: 0 3px 2px #490abf; }
.porlist li:nth-child(3) .tit_box h3 strong { color: #6e46e4; box-shadow: 0 3px 2px rgba(73,10,191,0.5); }
.porlist li:nth-child(4) { margin-left: 0; box-shadow: 0 5px 12px rgba(239,85,76,0.5); text-shadow: 0 3px 2px #e12e29; }
.porlist li:nth-child(4) .tit_box h3 strong { color: #f74241; box-shadow: 0 3px 2px rgba(225,46,41,0.5); }
.porlist li:nth-child(5) { box-shadow: 0 5px 12px rgba(225,107,27,0.5); text-shadow: 0 3px 2px #f7490a; }
.porlist li:nth-child(5) .tit_box h3 strong { color: #fa7418; box-shadow: 0 3px 2px rgba(247,73,10,0.5); }
.porlist li:nth-child(6) { box-shadow: 0 5px 12px rgba(3,191,150,0.5); text-shadow: 0 3px 2px #009d79; }
.porlist li:nth-child(6) .tit_box h3 strong { color: #04b58c; box-shadow: 0 3px 2px rgba(0,157,121,0.5); }
.porlist li:nth-child(7) { margin-left: 0; box-shadow: 0 5px 12px rgba(214,114,255,0.3); text-shadow: 0 3px 2px #4a42e4; }
.porlist li:nth-child(8) { box-shadow: 0 5px 12px rgba(66,178,255,0.3); text-shadow: 0 3px 2px #0062f4; }
.porlist li:hover { box-shadow: 0 10px 12px rgba(11,128,249,0.5); top: -5px; }
.porlist li:nth-child(3):hover { box-shadow: 0 10px 12px rgba(158,80,255,0.5); }
.porlist li:nth-child(4):hover { box-shadow: 0 10px 12px rgba(239,85,76,0.5); }
.porlist li:nth-child(5):hover { box-shadow: 0 10px 12px rgba(225,107,27,0.5); }
.porlist li:nth-child(6):hover { box-shadow: 0 10px 12px rgba(3,191,150,0.5); }
.porlist li:nth-child(7):hover { box-shadow: 0 10px 12px rgba(214,114,255,0.3); }
.porlist li:nth-child(8):hover { box-shadow: 0 10px 12px rgba(66,178,255,0.5); }
@media (max-width:1199px) and (min-width:1000px) {
  .porlist li { width: 31%; margin: 20px 1% 0 !important; }
  .porlist li img { float: right; }
  .porlist li a { width: 92%; }
  .porlist li .tit_box { width: 100%; }
  .porlist li .tit_box h3 strong { display: block; width: 85%; padding: 2px 5px 3px; margin-top: 4px; }
}
@media (max-width:999px) {
  .porcenter { width: 812px; }
  .porlist li { margin: 20px 10px 0 !important; }
}
@media (max-width:815px) {
  .porcenter { width: 98%; }
  .porlist li { width: 48%; margin: 20px 1% 0 !important; }
  .porlist li img { float: right; height: 202px; width: 386px; }
  .porlist li .tit_box h3 { font-size: 22px; }
  .porlist li .tit_box { width: 100%; }
}
@media (max-width:600px) {
  .porlist li { width: 95%; margin: 20px 2.5% 0 !important; }
}
/*====  优势  =======*/
.page_index .floor_4 { background: url("../image/index/f5-bg.png") no-repeat top center; background-size: cover; }
.page_index .floor_4 li { width: 33.3%; float: left; }
.page_index .floor_4 .caption { padding: 1rem 2.5rem 2.5rem 2.5rem; color: white; }
.page_index .floor_4 .caption h4 { color: white; margin-bottom: 0.6rem; position: relative; }
.page_index .floor_4 .caption h4:after { content: ""; position: absolute; left: 0; bottom: -1rem; width: 2rem; height: 2px; background: #fff; }
.page_index .floor_4 .caption p { color: rgba(225,225,225,0.7); margin-top: 2rem; }
.page_index .floor_4 .owl-carousel .owl-item { width: 100% !important; }
/** 优势**/
.youshi_list { float: left; width: 100%; margin-top: 26px; }
.youshi_list li { float: left; width: 242px; height: 396px; padding: 0 20px; background: #fff; border-radius: 6px; box-shadow: 0 4px 10px rgba(244,104,15,0.2); margin-left: 24px; margin-top: 24px; box-sizing: content-box; }
.youshi_list li h3 { float: left; width: 100%; line-height: 24px; margin-top: 15px; font-size: 22px; font-weight: 500; color: rgba(0,0,0,0.8); position: relative; }
.youshi_list li h3 span { float: left; font-family: "alibaba"; font-size: 26px; color: rgba(0,0,0,0.8); margin-top: -1px; font-weight: normal; }
.youshi_list li h3:before { content: ""; width: 11px; height: 19px; background: url("../images/ys_li_d.png") no-repeat 0 0; position: absolute; left: -20px; top: 0; }
.youshi_list li .ys_img { float: left; width: 100%; text-align: center; margin-top: 46px; }
.youshi_list li p { float: left; width: 100%; font-size: 14px; color: #666; line-height: 26px; margin-top: 30px; text-align: justify; /*两端对齐*/ }
.youshi_list li:nth-child(1),.youshi_list li:nth-child(5),.youshi_list li:nth-child(9),.youshi_list li:nth-child(13),.youshi_list li:nth-child(17),.youshi_list li:nth-child(21),.youshi_list li:nth-child(25) { margin-left: 0; }
@media (max-width:1199px) {
  .youshicenter { width: 918px; }
  .youshi_list li { margin: 24px 12px 0 !important; }
}
@media (max-width:920px) {
  .youshicenter { width: 612px; }
  .youshi_list li { margin: 24px 12px 0 !important; }
}
@media (max-width:620px) {
  .youshicenter { width: 98%; }
  .youshi_list li { width: 48%; margin: 15px 1% 0 !important; box-sizing: border-box; }
  .youshi_list li h3 { font-size: 18px; white-space: nowrap; }
  .youshi_list li h3 span { font-size: 22px; }
  .youshi_list li .ys_img { margin-top: 20px; }
  .youshi_list li p { line-height: 24px; margin-top: 15px; }
}
@media only screen and (max-width:40em) {
  .page_index .banner,.page_index .item { height: 18.75rem !important; text-align: left; }
  .page_index .banner .thumbnail { padding: 1rem 0 0 0.5rem; text-align: center; }
  .page_index .banner .thumbnail h1 { font-size: 1.75rem; margin-top: 1.5rem; margin-bottom: 0.5rem; }
  .page_index .banner .thumbnail p { font-size: 1rem; line-height: 1.75; margin-bottom: 1rem; }
  .page_index .banner .thumbnail .btn_link { display: none; }
  .page_index .banner .item.page1 { background-color: #103561; background-size: auto 12rem; background-position: 80% 110%; }
  .page_index .banner .item.page2 { background-color: #00184d; background-size: auto 12rem; background-position: 80% 110%; }
  .page_index .banner .item.page3 { background-color: #100f39; background-size: auto 12rem; background-position: 80% 110%; }
  .page_index .banner .item.page4 { background-color: #3736ca; background-position: top center; background-size: cover; }
  .page_index .banner .item.page5 { background-color: #0022bb; background-size: auto 12rem; background-position: 80% 110%; }
  .page_index .banner .item.page6 { background-color: #3736ca; background-size: auto 18.75rem; background-position: 22% 110%; }
  .page_index .banner .item.page7 { background-color: #131681; background-size: auto 18.75rem; background-position: 28% 110%; }
  .page_index .banner .item.page8 { background-color: #5b11cb; background-size: auto 18.75rem; background-position: 28% 110%; }
  .page_index .banner .item.page9 { background-color: #5b11cb; background-size: auto 18.75rem; background-position: 28% 110%; }
  .page_index .banner .item.page10 { background-color: #5b11cb; background-size: auto 18.9rem; background-position: 21% 110%; }
  .page_index .floor_4 .owl-carousel .owl-item { width: 50% !important; }
  .page_index .floor_4 li { width: 50%; float: left; }
  .page_index .floor_4 .caption { margin: 0 0.3rem 0.6rem 0.3rem; text-align: justify; padding: 0.5rem 1rem; height: 11rem; }
  .page_index .floor_4 .line { display: none; }
}