/*====  首页  =======*/
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,.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("../images/banner1.jpg") no-repeat center;}
.page_index .banner .item.page2{background-color: #00184D;  background: url("../images/banner2.jpg") no-repeat center;}
.page_index .banner .item.page3{background-color: #100F39;  background: url("../images/banner3.jpg") no-repeat center;}
.page_index .banner .item.page4{background-color: #0c0e27;  background: url("../images/banner7.png") no-repeat center;}
.page_index .banner .item.page5{background-color: #0c0e27;  background: url("../images/banner3.png") 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,.5); transition: all .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: 0 5px; line-height: 18px; background: #fff; border-radius: 4px; color: #0981fa; position: relative; top: -2px; text-shadow:0 0 0 rgba(0,0,0,0); box-shadow:0 3px 2px rgba(11,69,239,.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,.5)}
.porlist li:nth-child(3) { box-shadow: 0 5px 12px rgba(158,80,255,.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,.5);}

.porlist li:nth-child(4) { margin-left: 0; box-shadow: 0 5px 12px rgba(239,85,76,.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,.5);}

.porlist li:nth-child(5) { box-shadow: 0 5px 12px rgba(225,107,27,.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,.5);}

.porlist li:nth-child(6) { box-shadow: 0 5px 12px rgba(3,191,150,.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,.5);}

.porlist li:nth-child(7) { margin-left: 0; box-shadow: 0 5px 12px rgba(214,114,255,.3); text-shadow:0 3px 2px #4a42e4}

.porlist li:nth-child(8) { box-shadow: 0 5px 12px rgba(66,178,255,.3); text-shadow:0 3px 2px #0062f4}



.porlist li:hover {box-shadow: 0 10px 12px rgba(11,128,249,.5); top: -5px;}
.porlist li:nth-child(3):hover {box-shadow: 0 10px 12px rgba(158,80,255,.5); }
.porlist li:nth-child(4):hover {box-shadow: 0 10px 12px rgba(239,85,76,.5); }
.porlist li:nth-child(5):hover {box-shadow: 0 10px 12px rgba(225,107,27,.5); }
.porlist li:nth-child(6):hover {box-shadow: 0 10px 12px rgba(3,191,150,.5); }
.porlist li:nth-child(7):hover {box-shadow: 0 10px 12px rgba(214,114,255,.3); }
.porlist li:nth-child(8):hover {box-shadow: 0 10px 12px rgba(66,178,255,.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("../images/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,.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,.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;}

}