@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1500px) {
/*banner*/
	.head .icon{width:100%;height:100%;background:linear-gradient(90deg,#02173C 0%, rgba(0,53,123,0) 80%);position:absolute;left:0;top:0;}
	.banner .swiper-slide{font-size:0;position:relative;}
	.banner .swiper-slide .text{position:absolute;top:26%;left:0;right:0;margin:0 auto;z-index:2;}
	.banner .swiper-slide .text h1{font-size:60px;color:#fff;line-height:32px;}
	.banner .swiper-slide .text p{font-weight:500;width:53%;font-size:20px;color:#fff;line-height:34px;}
	.banner .swiper-slide .text ul{width:45%;background:url(../images/pro-det/prode-li.png) no-repeat center;margin-top:3%;}
	.banner .swiper-slide .text ul i{width:3px;}
	.banner .swiper-slide .text ul li{text-align:center;}
	.banner .swiper-slide .text ul li b{font-size:36px;color:#fff;display:block;}
	.banner .swiper-slide .text ul li span{font-size:18px;color:#fff;display:block;margin-top:15px;}
	.banner .swiper-slide .text ul li:nth-child(1){width:45%;float:left;}
	.banner .swiper-slide .text ul li:nth-child(2){width:40%;float:right;}
	.banner .swiper-slide .text .left-video{margin-top:5%;}
	.banner .swiper-slide .text .right-message{float:right;margin-top:12%;position:relative;z-index:1010;}
/*xf-nav*/
	.xf-nav-bj{background:#fff;margin:3% auto 0 auto;}
	.xf-nav-bj ul{width:96%;margin:0 auto;border:1px dashed #fff;border-radius:23px;}
	.xf-nav-bj ul li{width:16.66%;float:left;text-align:center;font-size:0;padding:1.2% 0;}
	.xf-nav-bj ul li a{font-size:22px;color:#000;padding:3% 0;border-right:1px solid #DCDCDC;width:100%;font-weight:bold;}
	.xf-nav-bj ul li:hover a{color:#1C449C;}
	.xf-nav-bj ul li.active a{color:#1C449C;}
	.xf-nav-bj ul li:nth-child(6) a{border:0px solid red;}
/*title*/
	.cpdet-ty{background:#fff;padding:3% 5%;box-sizing:border-box;margin-top:3%!important;}
	.cpdet-ty h2{font-size:42px;color:#000;margin-top:0;}
	.cpdet-ty p{font-size:16px;color:#333;line-height:27px;}
/*introduction*/
	.introduction .carousel{background:#F6F6F6;}
	.introduction .carousel .mySwiper{overflow:hidden;}
	.introduction .carousel .left{width:56%;float:left;font-size:0;position:relative;}
	.introduction .carousel .left img{width:100%;}
	.introduction .carousel .left .swiper .swiper-pagination span{width:9px;height:9px;border-radius:2px;margin:0 6px;}
	.introduction .carousel .left .swiper .swiper-pagination-bullet-active {background:#1C449C;border:1px solid #1C449C;}
	.introduction .carousel .mySwiper .swiper-button-prev,.introduction .carousel .mySwiper .swiper-button-next{width:50px;height:50px;top:45%;}
	.introduction .carousel .mySwiper .swiper-button-prev{background:url(../images/home/h-saidl.png) no-repeat center;background-size:100% auto;left:3%;}
	.introduction .carousel .mySwiper .swiper-button-next{background:url(../images/home/h-saidr.png) no-repeat center;background-size:100% auto;right:3%;}
	.introduction .carousel .right{width:36%;padding-top:2.5%;margin-right:5%;float:right;}
	.introduction .carousel .right li{font-size:16px;color:#333;line-height:27px;padding-left:3%;position:relative;margin:6% 0;}
	.introduction .carousel .right li:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
/*application*/
	.application p{position:relative;padding-left:1.2%;}
	.application p:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
/*get-price*/
	.get-price{background:#1C449C;font-size:20px;color:#fff;font-weight:bold;text-align:center;height:70px;line-height:70px; margin-top:3%;position:relative;}
	.get-price span{padding:5px 25px;background:url(../images/pro-det/prode-get.gif) no-repeat right center;}
	.get-price i{display:block;width:2.7%;height:100%;position:absolute;top:0;}
	.get-price i.left{background:url(../images/pro-det/prode-get-l.png) no-repeat left center;}
	.get-price i.right{background:url(../images/pro-det/prode-get-r.png) no-repeat left center;right:0;}
/*structural*/
	.structural ul.menu li{background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);margin-top:2%;padding:2% 3%;}
	.structural ul.menu li:nth-child(last){margin-bottom:0;}
	.structural ul.menu li div{font-size:18px;color:#333;position:relative;}
	.structural ul.menu li div h3{margin:0;float:left;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.structural ul.menu li div b{color:#999;margin-right:1%;float:left;display:block;font-size:20px;}
	.structural ul.menu li div span{padding:5px 10px;display:block;background:url(../images/pro-det/prode-hx.png) no-repeat center;position:absolute;right:0;top:30%;}
	.structural ul.menu li p{font-size:16px;color:#000;margin:1.5% 0 0 0;padding-left:3%;display:none;}
	.structural ul.menu li.active{background:#F6F6F6;box-shadow:0px 0px 0px 0px;}
	.structural ul.menu li.active b,.structural ul.menu li.active h3{color:#1C449C;}
	.structural ul.menu li.active p{display:block;}
	.structural ul.menu li.active span{background:url(../images/pro-det/prode-hs.png) no-repeat center;}
/*parameters*/
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background:#1C449C;height:50px!important;font-size:16px;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:16px;padding:0.75% 0;}
/*advantages*/
	.advantages ul{margin:0 -2%;}
	.advantages ul li{width:46%;padding:0 2%;float:left;margin-bottom:3%;}
	.advantages ul li a{background:#F6F6F6;padding:5% 9%;}
	.advantages ul li a h3{font-size:18px;color:#000;line-height:30px;margin:0;position:relative;}
	.advantages ul li a h3:before{content:'●';position:absolute;left:-4%;color:#1C449C;}
	.advantages ul li a p{font-size:16px;color:#666;line-height:27px;margin:3% 0 0 0;}
	.advantages ul li:nth-child(3),.advantages ul li:nth-child(4){margin-bottom:0;}
/*related case*/
	.relater-case .view{margin-bottom:0;}
}

@media screen and (max-width: 1500px) and (min-width: 1200px){
	/*banner*/
	.head .icon{width:100%;height:100%;background:linear-gradient(90deg,#02173C 0%, rgba(0,53,123,0) 80%);position:absolute;left:0;top:0;}
	.banner .swiper-slide{font-size:0;position:relative;}
	.banner .swiper-slide .text{position:absolute;top:24%;left:0;right:0;margin:0 auto;z-index:2;}
	.banner .swiper-slide .text h1{font-size:42px;color:#fff;line-height:32px;}
	.banner .swiper-slide .text p{font-weight:500;width:53%;font-size:18px;color:#fff;line-height:34px;width:70%;}
	.banner .swiper-slide .text ul{width:60%;background:url(../images/pro-det/prode-li.png) no-repeat center;margin-top:3%;}
	.banner .swiper-slide .text ul i{width:3px;}
	.banner .swiper-slide .text ul li{text-align:center;}
	.banner .swiper-slide .text ul li b{font-size:27px;color:#fff;display:block;}
	.banner .swiper-slide .text ul li span{font-size:16px;color:#fff;display:block;margin-top:15px;}
	.banner .swiper-slide .text ul li:nth-child(1){width:45%;float:left;}
	.banner .swiper-slide .text ul li:nth-child(2){width:40%;float:right;}
	.banner .swiper-slide .text .left-video{margin-top:5%;width:15%;}
	.banner .swiper-slide .text .right-message{float:right;margin-top:9%;position:relative;z-index:1010;width:25%;}
/*xf-nav*/
	.xf-nav-bj{background:#fff;margin:3% auto 0 auto;}
	.xf-nav-bj ul{width:96%;margin:0 auto;border:1px dashed #fff;border-radius:23px;}
	.xf-nav-bj ul li{width:16.66%;float:left;text-align:center;font-size:0;padding:1.2% 0;}
	.xf-nav-bj ul li a{font-size:20px;color:#000;padding:3% 0;border-right:1px solid #DCDCDC;width:100%;font-weight:bold;}
	.xf-nav-bj ul li:hover a{color:#1C449C;}
	.xf-nav-bj ul li.active a{color:#1C449C;}
	.xf-nav-bj ul li:nth-child(6) a{border:0px solid red;}
/*title*/
	.cpdet-ty{background:#fff;padding:3% 5%;box-sizing:border-box;margin-top:3%;}
	.cpdet-ty h2{font-size:32px;color:#000;margin-top:0;}
	.cpdet-ty p{font-size:16px;color:#333;line-height:27px;}
/*introduction*/
	.introduction .carousel{background:#F6F6F6;}
	.introduction .carousel .mySwiper{overflow:hidden;}
	.introduction .carousel .left{width:56%;float:left;font-size:0;position:relative;}
	.introduction .carousel .left img{width:100%;}
	.introduction .carousel .left .swiper .swiper-pagination span{width:9px;height:9px;border-radius:2px;margin:0 6px;}
	.introduction .carousel .left .swiper .swiper-pagination-bullet-active {background:#1C449C;border:1px solid #1C449C;}
	.introduction .carousel .mySwiper .swiper-button-prev,.introduction .carousel .mySwiper .swiper-button-next{width:50px;height:50px;top:45%;}
	.introduction .carousel .mySwiper .swiper-button-prev{background:url(../images/home/h-saidl.png) no-repeat center;background-size:100% auto;left:3%;}
	.introduction .carousel .mySwiper .swiper-button-next{background:url(../images/home/h-saidr.png) no-repeat center;background-size:100% auto;right:3%;}
	.introduction .carousel .right{width:38%;padding-top:1%;margin-right:3%;float:right;}
	.introduction .carousel .right li{font-size:15px;color:#333;line-height:24px;padding-left:3%;position:relative;margin:6% 0;}
	.introduction .carousel .right li:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
/*application*/
	.application p{position:relative;padding-left:1.2%;}
	.application p:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
	.application img{width:100%;}
/*get-price*/
	.get-price{background:#1C449C;font-size:20px;color:#fff;font-weight:bold;text-align:center;height:70px;line-height:70px; margin-top:3%;position:relative;}
	.get-price span{padding:5px 25px;background:url(../images/pro-det/prode-get.gif) no-repeat right center;}
	.get-price i{display:block;width:2.7%;height:100%;position:absolute;top:0;}
	.get-price i.left{background:url(../images/pro-det/prode-get-l.png) no-repeat left center;background-size:100% 100%;left:0;}
	.get-price i.right{background:url(../images/pro-det/prode-get-r.png) no-repeat left center;background-size:100% 100%;right:0;}
/*structural*/
	.structural ul.menu li{background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);margin-top:2%;padding:2% 3%;}
	.structural ul.menu li:nth-child(last){margin-bottom:0;}
	.structural ul.menu li div{font-size:16px;color:#333;position:relative;}
	.structural ul.menu li div h3{margin:0;float:left;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.structural ul.menu li div b{color:#999;margin-right:1%;float:left;display:block;font-size:18px;}
	.structural ul.menu li div span{padding:5px 10px;display:block;background:url(../images/pro-det/prode-hx.png) no-repeat center;position:absolute;right:0;top:30%;}
	.structural ul.menu li p{font-size:15px;color:#000;margin:1.5% 0 0 0;padding-left:3%;display:none;}
	.structural ul.menu li.active{background:#F6F6F6;box-shadow:0px 0px 0px 0px;}
	.structural ul.menu li.active b,.structural ul.menu li.active h3{color:#1C449C;}
	.structural ul.menu li.active p{display:block;}
	.structural ul.menu li.active span{background:url(../images/pro-det/prode-hs.png) no-repeat center;}
/*parameters*/
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background:#1C449C;height:50px!important;font-size:16px;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:16px;padding:0.75% 0;}
/*advantages*/
	.advantages ul{margin:0 -2%;}
	.advantages ul li{width:46%;padding:0 2%;float:left;margin-bottom:3%;}
	.advantages ul li a{background:#F6F6F6;padding:5% 9%;}
	.advantages ul li a h3{font-size:17px;color:#000;line-height:30px;margin:0;position:relative;}
	.advantages ul li a h3:before{content:'●';position:absolute;left:-4%;color:#1C449C;}
	.advantages ul li a p{font-size:16px;color:#666;line-height:27px;margin:3% 0 0 0;}
	.advantages ul li:nth-child(3),.advantages ul li:nth-child(4){margin-bottom:0;}
/*related case*/
	.relater-case .view{margin-bottom:0;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
/*banner*/
	.head .icon{width:100%;height:100%;background:linear-gradient(90deg,#02173C 0%, rgba(0,53,123,0) 80%);position:absolute;left:0;top:0;}
	.banner .swiper-slide{font-size:0;position:relative;}
	.banner .swiper-slide .text{position:absolute;top:24%;left:0;right:0;margin:0 auto;z-index:2;}
	.banner .swiper-slide .text h1{font-size:32px;color:#fff;line-height:32px;}
	.banner .swiper-slide .text p{font-weight:500;width:53%;font-size:16px;color:#fff;line-height:27px;width:70%;}
	.banner .swiper-slide .text ul{width:55%;background:url(../images/pro-det/prode-li.png) no-repeat center;margin-top:3%;}
	.banner .swiper-slide .text ul i{width:3px;}
	.banner .swiper-slide .text ul li{text-align:center;}
	.banner .swiper-slide .text ul li b{font-size:27px;color:#fff;display:block;}
	.banner .swiper-slide .text ul li span{font-size:16px;color:#fff;display:block;margin-top:5px;}
	.banner .swiper-slide .text ul li:nth-child(1){width:45%;float:left;}
	.banner .swiper-slide .text ul li:nth-child(2){width:40%;float:right;}
	.banner .swiper-slide .text .left-video{margin-top:3%;width:15%;}
	.banner .swiper-slide .text .right-message{float:right;margin-top:7%;position:relative;z-index:1010;width:25%;}
/*xf-nav*/
	.xf-nav-bj{background:#fff;margin:3% auto 0 auto;}
	.xf-nav-bj ul{width:96%;margin:0 auto;border:1px dashed #fff;border-radius:23px;}
	.xf-nav-bj ul li{width:16.66%;float:left;text-align:center;font-size:0;padding:1.2% 0;}
	.xf-nav-bj ul li a{font-size:16px;color:#000;padding:3% 0;border-right:1px solid #DCDCDC;width:100%;font-weight:bold;}
	.xf-nav-bj ul li:hover a{color:#1C449C;}
	.xf-nav-bj ul li.active a{color:#1C449C;}
	.xf-nav-bj ul li:nth-child(6) a{border:0px solid red;}
/*title*/
	.cpdet-ty{background:#fff;padding:3% 5%;box-sizing:border-box;margin-top:3%;}
	.cpdet-ty h2{font-size:24px;color:#000;margin-top:0;}
	.cpdet-ty p{font-size:15px;color:#333;line-height:27px;}
/*introduction*/
	.introduction .carousel{background:#F6F6F6;}
	.introduction .carousel .mySwiper{overflow:hidden;}
	.introduction .carousel .left{width:56%;float:left;font-size:0;position:relative;}
	.introduction .carousel .left img{width:100%;}
	.introduction .carousel .left .swiper .swiper-pagination span{width:9px;height:9px;border-radius:2px;margin:0 6px;}
	.introduction .carousel .left .swiper .swiper-pagination-bullet-active {background:#1C449C;border:1px solid #1C449C;}
	.introduction .carousel .mySwiper .swiper-button-prev,.introduction .carousel .mySwiper .swiper-button-next{width:50px;height:50px;top:45%;}
	.introduction .carousel .mySwiper .swiper-button-prev{background:url(../images/home/h-saidl.png) no-repeat center;background-size:100% auto;left:3%;}
	.introduction .carousel .mySwiper .swiper-button-next{background:url(../images/home/h-saidr.png) no-repeat center;background-size:100% auto;right:3%;}
	.introduction .carousel .right{width:41%;padding-top:1%;margin-right:1%;float:right;}
	.introduction .carousel .right li{font-size:15px;color:#333;line-height:24px;padding-left:3%;position:relative;margin:1% 0;}
	.introduction .carousel .right li:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
/*application*/
	.application p{position:relative;padding-left:1.2%;}
	.application p:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
	.application img{width:100%;}
/*get-price*/
	.get-price{background:#1C449C;font-size:20px;color:#fff;font-weight:bold;text-align:center;height:70px;line-height:70px; margin-top:3%;position:relative;}
	.get-price span{padding:5px 25px;background:url(../images/pro-det/prode-get.gif) no-repeat right center;}
	.get-price i{display:block;width:2.7%;height:100%;position:absolute;top:0;}
	.get-price i.left{background:url(../images/pro-det/prode-get-l.png) no-repeat left center;background-size:100% 100%;left:0;}
	.get-price i.right{background:url(../images/pro-det/prode-get-r.png) no-repeat left center;background-size:100% 100%;right:0;}
/*structural*/
	.structural ul.menu li{background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);margin-top:2%;padding:2% 3%;}
	.structural ul.menu li:nth-child(last){margin-bottom:0;}
	.structural ul.menu li div{font-size:16px;color:#333;position:relative;}
	.structural ul.menu li div h3{margin:0;float:left;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.structural ul.menu li div b{color:#999;margin-right:1%;float:left;display:block;font-size:18px;}
	.structural ul.menu li div span{padding:5px 10px;display:block;background:url(../images/pro-det/prode-hx.png) no-repeat center;position:absolute;right:0;top:30%;}
	.structural ul.menu li p{font-size:15px;color:#000;margin:1.5% 0 0 0;padding-left:3%;display:none;}
	.structural ul.menu li.active{background:#F6F6F6;box-shadow:0px 0px 0px 0px;}
	.structural ul.menu li.active b,.structural ul.menu li.active h3{color:#1C449C;}
	.structural ul.menu li.active p{display:block;}
	.structural ul.menu li.active span{background:url(../images/pro-det/prode-hs.png) no-repeat center;}
/*parameters*/
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background:#1C449C;height:50px!important;font-size:16px;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:16px;padding:0.75% 0;}
/*advantages*/
	.advantages ul{margin:0 -2%;}
	.advantages ul li{width:46%;padding:0 2%;float:left;margin-bottom:3%;}
	.advantages ul li a{background:#F6F6F6;padding:5% 9%;}
	.advantages ul li a h3{font-size:17px;color:#000;line-height:30px;margin:0;position:relative;}
	.advantages ul li a h3:before{content:'●';position:absolute;left:-4%;color:#1C449C;}
	.advantages ul li a p{font-size:16px;color:#666;line-height:27px;margin:3% 0 0 0;}
	.advantages ul li:nth-child(3),.advantages ul li:nth-child(4){margin-bottom:0;}
/*related case*/
	.relater-case .view{margin-bottom:0;}

}

@media screen and (min-width:769px) and (max-width:992px) {	
/*banner*/
	.head .icon{width:100%;height:100%;background:linear-gradient(90deg,#02173C 0%, rgba(0,53,123,0) 80%);position:absolute;left:0;top:0;}
	.banner .swiper-slide{font-size:0;position:relative;}
	.banner .swiper-slide .text{position:absolute;top:24%;left:0;right:0;margin:0 auto;z-index:2;}
	.banner .swiper-slide .text h1{font-size:24px;color:#fff;line-height:32px;}
	.banner .swiper-slide .text p{font-weight:500;width:53%;font-size:14px;color:#fff;line-height:24px;width:70%;}
	.banner .swiper-slide .text ul{width:55%;background:url(../images/pro-det/prode-li.png) no-repeat center;margin-top:3%;}
	.banner .swiper-slide .text ul i{width:3px;}
	.banner .swiper-slide .text ul li{text-align:center;}
	.banner .swiper-slide .text ul li b{font-size:18px;color:#fff;display:block;}
	.banner .swiper-slide .text ul li span{font-size:14px;color:#fff;display:block;margin-top:5px;}
	.banner .swiper-slide .text ul li:nth-child(1){width:45%;float:left;}
	.banner .swiper-slide .text ul li:nth-child(2){width:40%;float:right;}
	.banner .swiper-slide .text .left-video{margin-top:3%;width:12%;}
	.banner .swiper-slide .text .right-message{float:right;margin-top:7%;position:relative;z-index:1010;width:20%;}
/*xf-nav*/
	.xf-nav-bj{background:#fff;margin:3% auto 0 auto;}
	.xf-nav-bj ul{width:96%;margin:0 auto;border:1px dashed #fff;border-radius:23px;}
	.xf-nav-bj ul li{width:16.66%;float:left;text-align:center;font-size:0;padding:1.2% 0;}
	.xf-nav-bj ul li a{font-size:14px;color:#000;padding:3% 0;border-right:1px solid #DCDCDC;width:100%;font-weight:bold;}
	.xf-nav-bj ul li:hover a{color:#1C449C;}
	.xf-nav-bj ul li.active a{color:#1C449C;}
	.xf-nav-bj ul li:nth-child(6) a{border:0px solid red;}
/*title*/
	.cpdet-ty{background:#fff;padding:3% 3%;box-sizing:border-box;margin-top:3%;}
	.cpdet-ty h2{font-size:21px;color:#000;margin-top:0;}
	.cpdet-ty p{font-size:15px;color:#333;line-height:27px;}
/*introduction*/
	.introduction .carousel{background:#F6F6F6;}
	.introduction .carousel .mySwiper{overflow:hidden;}
	.introduction .carousel .left{width:56%;float:left;font-size:0;position:relative;}
	.introduction .carousel .left img{width:100%;height:100%;}
	.introduction .carousel .left .swiper .swiper-pagination span{width:9px;height:9px;border-radius:2px;margin:0 6px;}
	.introduction .carousel .left .swiper .swiper-pagination-bullet-active {background:#1C449C;border:1px solid #1C449C;}
	.introduction .carousel .mySwiper .swiper-button-prev,.introduction .carousel .mySwiper .swiper-button-next{width:50px;height:50px;top:45%;}
	.introduction .carousel .mySwiper .swiper-button-prev{background:url(../images/home/h-saidl.png) no-repeat center;background-size:100% auto;left:3%;}
	.introduction .carousel .mySwiper .swiper-button-next{background:url(../images/home/h-saidr.png) no-repeat center;background-size:100% auto;right:3%;}
	.introduction .carousel .right{width:43%;padding-top:1%;margin-right:1%;float:right;}
	.introduction .carousel .right li{font-size:14px;color:#333;line-height:21px;padding-left:3%;position:relative;margin:0;}
	.introduction .carousel .right li:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
/*application*/
	.application p{position:relative;padding-left:1.2%;}
	.application p:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
	.application img{width:100%;}
/*get-price*/
	.get-price{background:#1C449C;font-size:18px;color:#fff;font-weight:bold;text-align:center;height:70px;line-height:70px; margin-top:3%;position:relative;}
	.get-price span{padding:5px 25px;background:url(../images/pro-det/prode-get.gif) no-repeat right center;}
	.get-price i{display:block;width:2.7%;height:100%;position:absolute;top:0;}
	.get-price i.left{background:url(../images/pro-det/prode-get-l.png) no-repeat left center;background-size:100% 100%;left:0;}
	.get-price i.right{background:url(../images/pro-det/prode-get-r.png) no-repeat left center;background-size:100% 100%;right:0;}
/*structural*/
	.structural ul.menu li{background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);margin-top:2%;padding:2% 3%;}
	.structural ul.menu li:nth-child(last){margin-bottom:0;}
	.structural ul.menu li div{font-size:16px;color:#333;position:relative;}
	.structural ul.menu li div h3{margin:0;float:left;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.structural ul.menu li div b{color:#999;margin-right:1%;float:left;display:block;font-size:18px;}
	.structural ul.menu li div span{padding:5px 10px;display:block;background:url(../images/pro-det/prode-hx.png) no-repeat center;position:absolute;right:0;top:30%;}
	.structural ul.menu li p{font-size:15px;color:#000;margin:1.5% 0 0 0;padding-left:3%;display:none;}
	.structural ul.menu li.active{background:#F6F6F6;box-shadow:0px 0px 0px 0px;}
	.structural ul.menu li.active b,.structural ul.menu li.active h3{color:#1C449C;}
	.structural ul.menu li.active p{display:block;}
	.structural ul.menu li.active span{background:url(../images/pro-det/prode-hs.png) no-repeat center;}
/*parameters*/
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background:#1C449C;height:50px!important;font-size:16px;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:16px;padding:0.75% 0;}
/*advantages*/
	.advantages ul{margin:0 -2%;}
	.advantages ul li{width:46%;padding:0 2%;float:left;margin-bottom:3%;}
	.advantages ul li a{background:#F6F6F6;padding:5% 9%;}
	.advantages ul li a h3{font-size:17px;color:#000;line-height:30px;margin:0;position:relative;}
	.advantages ul li a h3:before{content:'●';position:absolute;left:-4%;color:#1C449C;}
	.advantages ul li a p{font-size:16px;color:#666;line-height:27px;margin:3% 0 0 0;}
	.advantages ul li:nth-child(3),.advantages ul li:nth-child(4){margin-bottom:0;}
/*related case*/
	.relater-case .view{margin-bottom:0;}
}

@media screen and (max-width:769px) {
	
/*banner*/
	.head,.banner{position:relative;}
	.head .icon{width:100%;height:100%;background:linear-gradient(90deg,#02173C 0%, rgba(0,53,123,0) 80%);position:absolute;left:0;top:0;}
	.banner .swiper-slide a{font-size:0;position:relative;display:block;}
	.banner .swiper-slide .text{position:absolute;top:24%;left:0;right:0;margin:0 auto;z-index:2;padding:0 5%;}
	.banner .swiper-slide .text h1{font-size:0.3rem;color:#fff;line-height:32px;}
	.banner .swiper-slide .text p{font-weight:500;width:100%;font-size:0.25rem;color:#fff;line-height:0.36rem;}
	.banner .swiper-slide .text ul{width:85%;background:url(../images/pro-det/prode-li.png) no-repeat center;margin-top:3%;}
	.banner .swiper-slide .text ul i{width:3px;}
	.banner .swiper-slide .text ul li{text-align:center;}
	.banner .swiper-slide .text ul li b{font-size:0.27rem;color:#fff;display:block;}
	.banner .swiper-slide .text ul li span{font-size:0.21rem;color:#fff;display:block;margin-top:5px;}
	.banner .swiper-slide .text ul li:nth-child(1){width:45%;float:left;}
	.banner .swiper-slide .text ul li:nth-child(2){width:40%;float:right;}
	.banner .swiper-slide .text .left-video{margin-top:3%;width:30%;height:auto!important;}
	.banner .swiper-slide .text .right-message{float:right;margin-top:15%;position:relative;z-index:1010;width:55%;height:auto!important;}
/*xf-nav*/
	.xf-nav-bj{background:#fff;margin:3% auto 0 auto;display:none;}
	.xf-nav-bj ul{width:96%;margin:0 auto;border:1px dashed #fff;border-radius:23px;}
	.xf-nav-bj ul li{width:16.66%;float:left;text-align:center;font-size:0;padding:1.2% 0;}
	.xf-nav-bj ul li a{font-size:14px;color:#000;padding:3% 0;border-right:1px solid #DCDCDC;width:100%;font-weight:bold;}
	.xf-nav-bj ul li:hover a{color:#1C449C;}
	.xf-nav-bj ul li.active a{color:#1C449C;}
	.xf-nav-bj ul li:nth-child(6) a{border:0px solid red;}
/*title*/
	.cpdet-ty{background:#fff;padding:3% 3%;box-sizing:border-box;margin-top:3%;}
	.cpdet-ty h2{font-size:0.3rem;color:#000;margin-top:0;}
	.cpdet-ty p{font-size:0.25rem;color:#333;line-height:0.45rem;}
/*introduction*/
	.introduction .carousel{background:#F6F6F6;}
	.introduction .carousel .mySwiper{overflow:hidden;}
	.introduction .carousel .left{width:100%;font-size:0;position:relative;}
	.introduction .carousel .left img{width:100%;height:100%;}
	.introduction .carousel .left .swiper .swiper-pagination span{width:9px;height:9px;border-radius:2px;margin:0 6px;}
	.introduction .carousel .left .swiper .swiper-pagination-bullet-active {background:#1C449C;border:1px solid #1C449C;}
	.introduction .carousel .mySwiper .swiper-button-prev,.introduction .carousel .mySwiper .swiper-button-next{width:50px;height:50px;top:45%;}
	.introduction .carousel .mySwiper .swiper-button-prev{background:url(../images/home/h-saidl.png) no-repeat center;background-size:100% auto;left:3%;}
	.introduction .carousel .mySwiper .swiper-button-next{background:url(../images/home/h-saidr.png) no-repeat center;background-size:100% auto;right:3%;}
	.introduction .carousel .right{width:90%;padding:5%;float:right;}
	.introduction .carousel .right li{font-size:0.25rem;color:#333;line-height:0.45rem;padding-left:5%;position:relative;margin-bottom:3%;}
	.introduction .carousel .right li:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
/*application*/
	.application p{position:relative;padding-left:5%;}
	.application p:before{content:'●';position:absolute;left:0;top:0;color:#1C449C;}
	.application img{width:100%;}
/*get-price*/
	.get-price{background:#1C449C;font-size:0.3rem;color:#fff;font-weight:bold;text-align:center;height:70px;line-height:70px; margin-top:3%;position:relative;}
	.get-price span{padding:5px 25px;background:url(../images/pro-det/prode-get.gif) no-repeat right center;}
	.get-price i{display:block;width:2.7%;height:100%;position:absolute;top:0;}
	.get-price i.left{background:url(../images/pro-det/prode-get-l.png) no-repeat left center;background-size:100% 100%;left:0;}
	.get-price i.right{background:url(../images/pro-det/prode-get-r.png) no-repeat left center;background-size:100% 100%;right:0;}
/*structural*/
	.structural ul.menu li{background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);margin-top:2%;padding:2% 3%;}
	.structural ul.menu li:nth-child(last){margin-bottom:0;}
	.structural ul.menu li div{font-size:0.25rem;color:#333;position:relative;}
	.structural ul.menu li div h3{margin:0;float:left;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.structural ul.menu li div b{color:#999;margin-right:1%;float:left;display:block;font-size:0.3rem;}
	.structural ul.menu li div span{padding:5px 10px;display:block;background:url(../images/pro-det/prode-hx.png) no-repeat center;position:absolute;right:0;top:30%;}
	.structural ul.menu li p{font-size:0.25rem;color:#000;margin:1.5% 0 0 0;padding-left:3%;display:none;line-height:0.45rem;}
	.structural ul.menu li.active{background:#F6F6F6;box-shadow:0px 0px 0px 0px;}
	.structural ul.menu li.active b,.structural ul.menu li.active h3{color:#1C449C;}
	.structural ul.menu li.active p{display:block;}
	.structural ul.menu li.active span{background:url(../images/pro-det/prode-hs.png) no-repeat center;}
/*parameters*/
	.parameters .table-responsive table{text-align:center;width:99.9%;border-collapse:collapse;border-radius:0px;overflow:hidden;}
    .parameters .table-responsive table .tr0{background:#1C449C;height:50px!important;font-size:0.27rem;color:#fff;}
	.parameters .table-responsive table .tr0 th, .parameters .table-responsive table .tr0 td{border:1px solid #fff;}
    .parameters .table-responsive table .tr1{background:#f5f5f5;}
    .parameters .table-responsive table .tr2{background:#fff;}
	.parameters .table-responsive table tr td,.parameters .table-responsive table th td{border:1px solid #dcdcdc;display:table-cell;font-size:0.25rem;padding:0.75% 0;}
/*advantages*/
	.advantages ul{margin:0 -2%;}
	.advantages ul li{width:46%;padding:0 2%;float:left;margin-bottom:3%;}
	.advantages ul li a{background:#F6F6F6;padding:5% 9%;}
	.advantages ul li a h3{font-size:0.27rem;color:#000;line-height:0.36rem;margin:0;position:relative;}
	.advantages ul li a h3:before{content:'●';position:absolute;left:-8%;color:#1C449C;}
	.advantages ul li a p{font-size:0.25rem;color:#666;line-height:0.36rem;margin:3% 0 0 0;}
	.advantages ul li:nth-child(3),.advantages ul li:nth-child(4){margin-bottom:0;}
/*related case*/
	.relater-case .view{margin-bottom:0;}
}