/*====  首页  =======*/
/*====  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: #0022bb;  background: url("../images/banner4.png") no-repeat center;}
.page_index .banner .item.page2{background-color: #0c0e27;  background: url("../images/banner5.png") no-repeat center;}
.page_index .banner .item.page3{background-color: #0c0e27;  background: url("../images/banner6.png") 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;}
/*====  我们的强项  =======*/
.page_index .floor_1{text-align: center; padding-top: 1.5rem; padding-bottom: 1.5rem;}
.page_index .floor_1 li{ width: 20%; text-align: center; float: left; }
.page_index .floor_1 h4{color: #3f454b; font-weight:bolder; font-size: 1.125rem; margin: 0;}
.page_index .floor_1 p{color: #595a61; font-size: 0.875rem;   margin-top: 0.1rem;}

/*====  我们的产品  =======*/
.page_index .floor_2 li{width: 33.3%; float:left; box-sizing:border-box;}
.page_index .floor_2 .thumbnail{display: block; margin: 0 0.625rem 1.25rem 0.625rem ; background-color: #4976f8; border-radius: 0.4rem;
 padding: 2rem 0 0 1.5rem; height: 14.375rem; color: white; background-repeat: no-repeat; }
.page_index .floor_2 li:nth-child(1) .thumbnail{ background:url("../images/f2_2.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(2) .thumbnail{ background:url("../images/f2_1.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(3) .thumbnail{ background:url("../images/f2_4.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(4) .thumbnail{ background:url("../images/f2_3.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(5) .thumbnail{ background:url("../images/f2_5.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(6) .thumbnail{ background:url("../images/f2_6.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(7) .thumbnail{ background:url("../images/f2_7.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(8) .thumbnail{ background:url("../images/f2_8.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(9) .thumbnail{ background:url("../images/f2_9.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(10) .thumbnail{ background:url("../images/f2_10.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(11) .thumbnail{ background:url("../images/f2_11.png") right bottom; background-size: cover; }
.page_index .floor_2 li:nth-child(12) .thumbnail{ background:url("../images/f2_12.png") right bottom; background-size: cover; }
.page_index .floor_2 .thumbnail:hover{cursor:pointer; box-shadow: 0 2px 10px rgba(0,0,0,.6);}
.page_index .floor_2 .btn{border: 1px solid #fff; font-size:0.875rem; width: 5rem; text-align:center; margin-top: 0.8rem;
border-radius: 4px; display: none;}
.page_index .floor_2 .thumbnail:hover .btn{display: block;}

/*====  营销工具  =======*/
.page_index .floor_3 li{width:20%; float:left; }
.page_index .floor_3 .caption{margin: 0 0.625rem 1.5rem 0.625rem; padding: 1rem 1rem 2rem 1rem; text-align: center;
background-color: white; border-radius: 10px; border: 1px solid #fff; cursor: pointer;}
.page_index .floor_3 .caption .iconfont {font-size:3rem; line-height: 1.5; background-image:-webkit-linear-gradient(bottom,#5a55e8,#4285ff);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.page_index .floor_3 .icon{background: url("../images/f3_bj.png") no-repeat bottom center; margin-bottom: 0.5rem; padding-bottom: 0.5rem;}
.page_index .floor_3 .caption:hover {border:1px solid #005bff;  box-shadow: 0 2px 10px rgba(0,0,0,.6);}

/*====  营销插件 =======*/
.page_index .floor_9 li{width:20%; float:left; }
.page_index .floor_9 .caption{margin:0.5rem 0.625rem 1.5rem 0.625rem; padding: 1rem 1.5rem 2rem 1.5rem; text-align: center;
     border-radius: 10px; cursor: pointer; }
.page_index .floor_9 .icon{margin-bottom: 1rem; }
.page_index .floor_9 .icon img{ width: 5rem; height: 5rem; }
.page_index .floor_9 .caption:hover { box-shadow: 0 0 10px rgba(78,95,247,.3); }
.page_index .floor_9 .caption h4{ }
.page_index .floor_9 .caption p{text-align: center; font-size: 14px; height: 4.5rem;}


/*====  产品优势  =======*/
.page_index .floor.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}

/*====  我们的服务  =======*/
.page_index .floor_5 li{width: 33.33%; float: left; box-sizing:border-box;   text-align: center; padding-bottom: 2rem;}
.page_index .floor_5 .media .icon img{ width: 6.25rem; height: 6.25rem; }
.page_index .floor_5 .media .caption{padding:0  3rem;}

.floor_5 .media .caption p {font-size: 14px;}
.floor_5 .move_ul {display: none;}

/*====  行业  =======*/
.page_index .floor_6 li{ width: 20%; float: left; box-sizing:border-box; padding: 0 0.625rem 1.5rem 0.625rem;}
.page_index .floor_6 .thumbnail{ position: relative; text-align: center; border-radius: 4px; padding-bottom: 0.5rem; height: 13.375rem; }
.page_index .floor_6 .thumbnail .bg{ position: absolute; z-index: 1; left: 0; top: 0; width: 13.5rem; height: 13.375rem;}
.page_index .floor_6 .thumbnail .text{ position: absolute; z-index: 2;  left: 0; top: 0; right: 0; text-align: center; color: #fff; font-size: 1.25rem;}
.page_index .floor_6 .thumbnail .iconfont{ font-size: 5rem; }


/*====  行业资讯  =======*/
.floor_9 .new_li{width: 33.3%; float: left; text-align: center; }
.floor_9 dl{ margin: 0 auto; width:21.25rem;}
.floor_9 dl a{color: #595a61; }
.floor_9 .new_li:nth-child(1) dt{background: url("../images/f9_1.png") no-repeat right top; background-size: 100% auto; }
.floor_9 .new_li:nth-child(2) dt{background: url("../images/f9_2.png") no-repeat right top; background-size: 100% auto; }
.floor_9 .new_li:nth-child(3) dt{background: url("../images/f9_3.png") no-repeat right top; background-size: 100% auto; }
.floor_9 .new_li dl dt a{display: block; color: white; text-align: left; padding: 1rem; margin-bottom: 1rem;}
.floor_9 .new_li dl dd a{line-height: 2rem;}
.floor_9 .new_li dl dd a{ float: left; display: block;  width:80%;
    overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/ 
    text-align: left;
}
.floor_9 .new_li dl dd a:hover{color: #005bff}
.floor_9 .new_li dl dd span{float: right; color: #9ca1a6;}

@media only screen and (max-width: 1200px) {
    .page_index .floor_3 li .caption{height: 12.5rem;}
    .page_index .floor_3 li{text-align: center;}
    .page_index .floor_3 li .media{width: 100%; margin: 0 auto;}
    .page_index .floor_5 li:nth-of-type(odd) .media{float:right; margin-right: 1rem; }
    .page_index .floor_5 li:nth-of-type(even) .media{float:left; margin-left: 1rem;}
    .page_index .floor_5{background: none;}
    .page_index .floor_5 .media{width: 70%; margin-bottom: 1rem;}
    .page_index .floor_5 li:nth-child(1) .media {margin-left:0;}
    .page_index .floor_5 li:nth-child(3) .media {margin-left:0;}
    .page_index .floor_5 li:nth-child(5) .media {margin-left:0;}
    .page_index .floor_5 li:nth-child(2) .media {margin-right:0;}
    .page_index .floor_5 li:nth-child(4) .media {margin-right:0;}
    .page_index .floor_5 li:nth-child(6) .media {margin-right:0;}

}

@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: #080c53; background-size:auto 12rem; background-position: 80% 110%;}
    .page_index .banner .item.page2{background-color: #0022bb; background-size:auto 12rem; background-position: 80% 110%;}
    .page_index .banner .item.page3{background-color: #3736ca; 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: #0a79f4;  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_1{ padding-top: 0.8rem; padding-bottom: 1rem;}
    .page_index .floor_1 img{width: 2rem; height: auto;}
    .page_index .floor_1 h4{font-weight: normal; line-height: 1; font-size: 0.675rem;}
    .page_index .floor_1 p{display: none;}

    .page_index .floor_2 li{width: 50%;}
    .page_index .floor_2 .thumbnail{margin:0 0.3rem 0.6rem 0.3rem; height:10rem; padding: 0.5rem 1rem;}
    .page_index .floor_2 .thumbnail h3{ line-height: 1.5; }
    .page_index .floor_2 .thumbnail p{display: none; font-size: 0.875rem; text-shadow: 1px 0px 2px #666;}
    .page_index .floor_2 .thumbnail:hover .btn{display: none;}
    .page_index .floor_2 li:nth-child(1) .thumbnail{ background:url("../images/f2_2.png") no-repeat; background-size:cover; background-position: right bottom; }
    .page_index .floor_2 li:nth-child(2) .thumbnail{ background:url("../images/f2_1.png") right brown; background-size: cover; }
    .page_index .floor_2 li:nth-child(3) .thumbnail{ background:url("../images/f2_4.png") right brown; background-size: cover; }
    .page_index .floor_2 li:nth-child(4) .thumbnail{ background:url("../images/f2_3.png") right brown; background-size: cover; }
    .page_index .floor_2 li:nth-child(5) .thumbnail{ background:url("../images/f2_5.png") right brown; background-size: cover; }
    .page_index .floor_2 li:nth-child(6) .thumbnail{ background:url("../images/f2_6.png") right brown; background-size: cover; }

    .page_index .floor_3 li{width:33.3%; float:left; }
    .page_index .floor_3 li .caption{margin:0 0.3rem 0.6rem 0.3rem; height:6rem; padding: 1rem 0.5rem 0 1rem; text-align: center;
        background-color: white; border-radius: 10px; border: 1px solid #fff;}
    .page_index .floor_3 .icon{background:none; padding:0!important;}
    .page_index .floor_3 .caption .iconfont{font-size:1.875rem; line-height: 1; }
    .page_index .floor_3 .caption h1{margin:0 0 0.5rem 0; line-height: 1; font-size: 1rem;}
    .page_index .floor_3 li:last-child{display: none;}
    .page_index .floor_3 .caption h4{font-weight: normal; }
    .page_index .floor_9 li{width:50%; float:left; }
    .page_index .floor_9 .caption{margin:0 0.3rem 0 0.3rem; height:9rem; padding: 0.5rem; text-align: center;}
    .page_index .floor_9 .icon{margin-bottom: 0;}
    .page_index .floor_9 .caption img { width: 3rem; height: 3rem;  }


    .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;}

    .page_index .floor_5 .lg_ul{display: none;}
    .floor_5 .move_ul {display: block;}
    .page_index .floor_5 .media{width: 100%; padding: 0 0.5rem; position: relative;}
    .page_index .floor_5 .media .icon{ width: 3rem; position: absolute; left: 0; top: 0; }
    .page_index .floor_5 .media .icon img{width: 3rem; height: 3rem; }
    .page_index .floor_5 .media .caption{padding-left: 4rem;}

    .page_index .floor_6 .title1{width: 70%; margin-left: auto; margin-right: auto;}
    .page_index .floor_6 .thumbnail{ height: 4rem; }
    .page_index .floor_6 .thumbnail .bg{  width: 3.25rem; height: 3.125rem;}
    .page_index .floor_6 .thumbnail .text p{ display: none;}
    .page_index .floor_6 .thumbnail .iconfont{ font-size: 1.8rem; }

    .page_index .floor_7 .number_ul .m-text{width: 50%!important;}
    .page_index .floor_7 .number_ul{height: 14rem;}
    .page_index .floor_7 .number_ul .m-text{padding: 0 1rem; height: 7rem;}
    .page_index .floor_7 .number_ul .m-text .number{font-size: 3rem; line-height: 4.5rem;}
    .page_index .floor_7 .number_ul .num_ico{margin-right: 1rem;}
    .page_index .floor_7 .images_ul li{height: 5rem;}

    .page_index .floor_8 .map_box{background-size: auto 12rem; height: 11rem;}
    .page_index .floor_8 .map_box .caption{display: none;}
    .page_index .floor_8 .move_ul{display: block;}

    .floor_9 .new_li{width: 100%; margin-bottom: 1rem;}
    .floor_9 .new_li a{font-size: 0.875rem; text-align: left;}
    .floor_9 .new_li h4{font-size: 1rem;}
    .floor_9 .new_li dl dt a{margin-bottom: 0.5rem;}


}