@import url(jquery.bxslider.css);
@import url(pscroll.css);
/*首页*/
.i_product_bg{ background-color:#f5f5f5; overflow:hidden; padding-bottom:2.5%; padding-top:40px;}
.i_title{ margin-top:1%; margin-bottom:3%; overflow:hidden; text-align:center; }
.i_title h2{line-height: 49px;
font-size: 49px;}
.i_title p{background:url(../images/i_bg1.png) center bottom no-repeat; color:#000000; padding-bottom:15px;}
.nproduct_list2{ overflow:hidden; padding-bottom:20px; padding-top:8px;}
.nproduct_list2 ul li{ float:left; width:32.1%; margin-left:0.5%; margin-right:1%; overflow:hidden; margin-bottom:1.5%; text-align:center; background-color:#fff; padding-bottom:4%;}
.nproduct_list2 ul li:nth-child(3n+0){ margin-right:0;}
.nproduct_list2 ul li img{display: inline-block;width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; vertical-align:middle;}
.nproduct_list2 ul li .imgs{width:100%; overflow:hidden;}
.nproduct_list2 ul li h2{  font-weight:normal; color:#333333; line-height:36px; height:36px; text-align:center; overflow:hidden; padding-left:2%; padding-right:2%; white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s; margin-bottom:1%;}
.nproduct_list2 ul li p{line-height:20px; height:40px; overflow:hidden; color:#929292; font-size:14px;padding-left:2%; padding-right:2%; max-width:350px; margin:0 auto;}
.nproduct_list2 ul li em{ display:block; color:#ee697e; font-size:14px; margin-top:10px; line-height:20px; height:20px; overflow:hidden;}
.nproduct_list2 ul li label{ display:block; color:#333; font-size:14px; line-height:20px; height:20px; overflow:hidden; margin-top:5px;}
.nproduct_list2 ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.nproduct_list2 ul li:hover{-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);transition:all 0.3s;}
.nproduct_list2 ul li:hover h2{ color:#00a1e9;}

.i_solution{ overflow:hidden; padding-bottom:4%; padding-top:8px;}
.i_solution ul li{ float:left; width:49%; margin-right:2%; overflow:hidden;margin-bottom:1.5%; text-align:center;}
.i_solution ul li:nth-child(2n+0){ margin-right:0;}
.i_solution ul li img{display: block;width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; vertical-align:middle; }
.i_solution ul li .imgs{margin:0 auto; overflow:hidden;}
.i_solution ul li .txts{position:absolute; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.5);top:0;left:0;}
.i_solution ul li h2{font-weight:normal; color:#fff; line-height:36px; height:36px; text-align:center; overflow:hidden; padding-left:2%; padding-right:2%; white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s; margin-bottom:1%; margin-top:30%;}
.i_solution ul li p{line-height:20px; height:40px; overflow:hidden; color:#FFF; font-size:14px;padding-left:2%; padding-right:2%; max-width:350px; margin:0 auto;}
.i_solution ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}



.i_case_bg{ background:url(../images/i_bg2.jpg) center center no-repeat; background-size:cover; overflow:hidden; padding-bottom:4%;}
.i_case_bg .i_title h2{ color:#fff;}
.i_case_bg .i_title p{ color:#fff;background:url(../images/i_bg3.png) center bottom no-repeat;}

.i_link{ overflow:hidden; margin-bottom:3%;}
.i_link ul li{ float:left;width:15.8%; margin-right:1%; margin-bottom:1%; overflow:hidden;}
.i_link ul li:nth-child(6n+0){margin-right:0;}
.i_link ul li .imgs{overflow:hidden;border:1px solid #f0f0f0; }
.i_link ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_link ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.banner_pos{ overflow:hidden; position:absolute; width:100%; height:100%; bottom:0; left:0;}
.banner_pos .banner_div{/* display:table; vertical-align:bottom; */height:100%; width:100%;position:relative; }
/*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/
/*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/
.banner_pos .img001{height:100%; width:57.6%; vertical-align:bottom; position:absolute; bottom:0; right:0%;}
.banner_pos .img001 img{ height:100%; filter: Alpha(Opacity=0);opacity: 0;}
.banner_pos .txtsbox{ float:left; width:50%;}
.banner_pos .txts{ float:right;margin-right:3%;margin-top:20%; width:94%; max-width:536px; text-align:left;}
.banner_pos .txts h2{ color:#00a1e9;}
.banner_pos .txts p{ color:#767676; margin-top:6%;}
.banner_pos .txts a{ margin-top:6%; width:220px; display:block; height:48px; line-height:48px; border:1px solid #606060; text-align:center; font-size:12px; color:#a2a2a2;}
.banner_pos .txts a em{ float:right; margin-right:7%; font-style:normal;  font-size:18px;}
.banner_pos .txts a:hover{ border:1px solid #00a1e9;}
.banner_pos .txts a:hover{ color:#00a1e9;}

/*动画*/


@media screen and (max-width:1760px) {

}
@media screen and (max-width:1440px) {

}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1000px) {
.i_link ul li{ width:19%;}
.i_link ul li:nth-child(6n+0){margin-right:1.1%;}
.i_link ul li:nth-child(5n+0){margin-right:0;}
}
@media screen and (max-width:960px) {


}
@media screen and (max-width:830px) {
/*轮显*/
#slider{ display:none;padding:0px;}
.flash_div{ display:block;}

.i_link ul li{ width:24%;}
.i_link ul li:nth-child(5n+0){margin-right:1.1%;}
.i_link ul li:nth-child(4n+0){margin-right:0;}
}


@media screen and (max-width: 780px) {
.nproduct_list2 ul li{ width:49%;}
.nproduct_list2 ul li:nth-child(3n+0){ margin-right:1%;}
.nproduct_list2 ul li:nth-child(2n+0){ margin-right:0;}
.i_title h2 {
    line-height: 49px;
    font-size: 30px;
}
}
@media screen and (max-width: 640px) {
.nproduct_list2 ul li p{ font-size:13px;}
.i_link ul li{ width:32.5%;}
.i_link ul li:nth-child(4n+0){margin-right:1.1%;}
.i_link ul li:nth-child(3n+0){margin-right:0;}
}

@media screen and (max-width: 480px) {
.nproduct_list2 ul li p{ font-size:12px;}
}

@media screen and (max-width:360px) {

}
/*优势*/
.advantage{ text-align:center; overflow:hidden; }
.num_box{ width:20%; float:left; height:124px; background:url(../images/i_one_bg1.png) right center no-repeat;}
.num_box:last-child{ background:none;}
.num_box .num{ font-weight:bold;color:#f67524; font-family:"华文细黑"; font-weight:normal; font-size:60px; width:100%; height:70px; line-height:70px; text-align:center; position:relative; z-index:2; letter-spacing:1px; margin-top:10px;}
.num_box h3{ font-size:16px; color:#333333; font-weight:normal; line-height:30px; }

.i_service_t {
    text-align: center;
    padding-top: 15px;
    color: #666;
    font-size: 18px;
    line-height: 32px;
    padding-bottom: 50px;
}

/* index.php */
 .swiper-wrapper {
        display: block;
        padding: 0px 0px 10px;
        
        color: #777;
        position: relative;
    }
	.ind-server .contain{
		position: relative;
	}
    .ind-server .swiper-container {
        width: 100%;
        height: 100%;
        padding: 100px 0px 10px;
    }
    .ind-server  .swiper-slide {text-align: center; font-size: 14px; background: #fff; display: -webkit-box; display: -ms-flexbox;  display: -webkit-flex; display: flex; -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        cursor: pointer;
        float: left;
        height: 538px;
        position: relative;
        border: 1px solid #ebebec;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
		overflow:hidden;
    }
    .swiper-container  .Iplist-img {
        font-size: 0px;
        padding: 0;
        height: 250px;
    }
	.slicon{ width:238px;}
    .ind-server .swiper-slide-active {
        transform: scale(1.4,1.1);
    }
    .ind-server .swiper-slide-active .cart-about{
        transform: scale(0.8,1);
    }
    .ind-server .swiper-slide-active .Iplist-img div{
        transform: scale(1,1.2);
    }
    .ind-server .swiper-wrapper .swiper-slide:nth-child(2n){background:#fff;}
    /*.ind-server .swiper-wrapper{display:block;padding:0px 0px 46px;text-align:center;color:#777;position:relative;}*/
    .ind-server .Iplist-img{    font-size: 0px; display: flex; justify-items: center;align-items: center; padding-top:46px;}
    .ind-server .swiper-slide:nth-child(2).active{border:1px solid #42c5f3;}
    .ind-server .swiper-slide:nth-child(3).active{border:1px solid #9a80ed;}
    .ind-server .swiper-slide:nth-child(4).active{border:1px solid #20cab8;}
    .ind-server .swiper-slide:nth-child(5).active{border:1px solid #fbb154;}
    .ind-server .swiper-wrapper .swiper-slide .on{display: none;}
    .ind-server .swiper-wrapper .swiper-slide-active .on{display: block;}
    .ind-server .swiper-wrapper .swiper-slide-active .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #2084f5;color:#2084f5;margin:0px auto;}
    .ind-server .swiper-wrapper .swiper-slide .on a:hover{background:#2084f5;color:#fff;}
    .ind-server .swiper-wrapper .swiper-slide2.swiper-slide-active .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #27b3e4;color:#27b3e4;margin:0px auto;}
    .ind-server .swiper-wrapper .swiper-slide2.swiper-slide-active .on a:hover{background:#27b3e4;color:#fff;}
    .ind-server .swiper-wrapper .swiper-slide3.swiper-slide-active .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #896be6;color:#896be6;margin:0px auto;}
    .ind-server .swiper-wrapper .swiper-slide3.swiper-slide-active.on a:hover{background:#896be6;color:#fff;}
    .ind-server .swiper-wrapper .swiper-slide4.swiper-slide-active .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #1eb9a9;color:#1eb9a9;margin:0px auto;}
    .ind-server .swiper-wrapper .swiper-slide4.swiper-slide-active .on a:hover{background:#1eb9a9;color:#fff;}
    .ind-server .swiper-wrapper .swiper-slide5.swiper-slide-active .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #e5a34f;color:#e5a34f;margin:0px auto;}
    .ind-server .swiper-wrapper .swiper-slide5.swiper-slide-active .on a:hover{background:#e5a34f;color:#fff;}
    .ind-server .swiper-slide .cart-about{padding:30px 20px;}
    .ind-server .swiper-slide.cur .cart-about{padding:30px 60px;}
	.ind-server .swiper-slide .name{line-height:36px;font-size:20px;color:#333; height: 80px;display: flex;align-items: center;justify-content: center;}
    .ind-server .swiper-slide .con{line-height:21px;height:80px;margin:10px auto;color:#777;font-size: 14px;}
    .ind-server .swiper-slide .hx1{width:104px;height:103px;margin:0px auto;background:url(../images/hx0.png) no-repeat center;}
    .ind-server .swiper-slide .hx2{width:104px;height:103px;margin:0px auto;background:url(../images/hx1.png) no-repeat center;}
    .ind-server .swiper-slide .hx3{width:104px;height:103px;margin:0px auto;background:url(../images/hx2.png) no-repeat center;}
    .ind-server .swiper-slide .hx4{width:104px;height:103px;margin:0px auto;background:url(../images/hx3.png) no-repeat center;}
    .ind-server .swiper-slide .hx5{width:104px;height:103px;margin:0px auto;background:url(../images/hx4.png) no-repeat center;}
    .ind-server .swiper-slide-active .hx1{width:130px;height:130px;background:url(../images/hx0on.png) no-repeat center;border:13px solid #2676d6;border-radius:50%;}
    .ind-server .swiper-slide-active .hx2{width:130px;height:130px;background:url(../images/hx2on.png) no-repeat center;border:13px solid #27b3e4;border-radius:50%;}
    .ind-server .swiper-slide-active .hx3{width:130px;height:130px;background:url(../images/hx3on.png) no-repeat center;border:13px solid #896be6;border-radius:50%;}
    .ind-server .swiper-slide-active .hx4{width:130px;height:130px;background:url(../images/hx5on.png) no-repeat center;border:13px solid #1eb9a9;border-radius:50%;}
    .ind-server .swiper-slide-active .hx5{width:130px;height:130px;background:url(../images/hx4on.png) no-repeat center;border:13px solid #e5a34f;border-radius:50%;}


    .ind-server .swiper-slide1.swiper-slide-active .Iplist-img{background:#2084f5;}
    .ind-server .swiper-slide2.swiper-slide-active .Iplist-img{background:#42c5f3;}
    .ind-server .swiper-slide3.swiper-slide-active .Iplist-img{background:#9a80ed;}
    .ind-server .swiper-slide4.swiper-slide-active .Iplist-img{background:#20cab8;}
    .ind-server .swiper-slide5.swiper-slide-active .Iplist-img{background:#fbb154;}
    .ind-server .server-swiper-button-next,
    .ind-server .server-swiper-button-prev{
		display: none;
	}
    .ind-server .swiper-slide1.swiper-slide-active{border: 1px solid #2084f5;   box-shadow: 0 0px 30px rgba(20,106,211,0.6); z-index: 1;}
    .ind-server .swiper-slide2.swiper-slide-active{border: 1px solid #27b3e4;   box-shadow: 0 0px 30px rgba(39,179,228,0.6); z-index: 1;}
    .ind-server .swiper-slide3.swiper-slide-active{border: 1px solid #896be6;   box-shadow: 0 0px 30px rgba(137,107,230,0.6); z-index: 1;}
    .ind-server .swiper-slide4.swiper-slide-active{border: 1px solid #1eb9a9;   box-shadow: 0 0px 30px rgba(30,185,169,0.6); z-index: 1;}
    .ind-server .swiper-slide5.swiper-slide-active{border: 1px solid #e5a34f;   box-shadow: 0 0px 30px rgba(229,163,79,0.6); z-index: 1;}
    @media screen and (min-width: 320px) and (max-width: 900px) {
		.ind-server .server-swiper-button-next,
		.ind-server .server-swiper-button-prev{
			display: block;
		}
		.slicon{ width:auto;}
        .swiper-slide-active {
            transform: scale(1);
        }
		.ind-server .swiper-slide-active .cart-about{
            transform: scale(1);
        }
        .ind-server .swiper-slide-active .Iplist-img div{
            transform: scale(1);
        }

		.ind-server .contain{
			width: 90%;
			margin: 0 auto;
		}
        .ind-server .swiper-container{
            padding: 10px 0px 60px;
        }
		.ind-server .swiper-slide-active{
			transform: scale(1);
		}
    }