.topbanner{position:relative;overflow:hidden;padding-top: 95px;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}
.banner .num{position:absolute;right:2px;bottom:10px;z-index:100;display: none;}
.banner .num li{width:18px;height:18px;display:inline-block;margin-right:4px;background:#fff;line-height:18px;
	text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#f7de07;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}

.pre,.next{
    /*top:49%;*/
    /*position: absolute;*/
    /*z-index: 9999;*/
    /*width: 31px;*/
    /*height: 57px;*/
    /*cursor: pointer;*/
    outline: none;
  position: absolute;
  top: 50%;
  z-index: 9999;
  height:40px;
  width:40px;
  margin-top: -20px;
}
.pre{
    left:0%;
  background: url(../images/z.png) no-repeat;
}
.next{
    right:0%;
  background: url(../images/y.png) no-repeat;
}
/*å¤´éƒ¨æ ·å¼*/
#ad1{position:absolute;top:200px;left:0px;z-index:99999999999;display:none;}
.tupian{display:inline-block;width:299px;height:170px;}
.tupian img{width:100%;}
#ad1 p{position:absolute;bottom:0px;left:0px;height:20px;width:100%;}


.product-detail-swiper {
	width: 399px;
	float: left;
}

.product-detail-swiper .view {
	border: 1px solid #e5e5e5;
}

.product-detail-swiper .view .swiper-slide {
	outline: none;
}

.product-detail-swiper .view .slick-con {
	text-align: center;
	display: block;
	height: 318px;
	line-height: 318px;
	font-size: 0;
}

.product-detail-swiper .view .slick-con img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.product-detail-swiper .view .slick-con:after {
	content: "";
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.product-detail-swiper .preview {
	margin: 0 -5px;
	position: relative;
	margin-top: 10px;
}

.product-detail-swiper .preview .swiper-slide {
	outline: none;
}

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con {
	border-color: #1648b8;
}

.product-detail-swiper .preview .slick-con {
	text-align: center;
	display: block;
	height: 101px;
	line-height: 99px;
	margin: 0 5px;
	border: 1px solid #e1e1e1;
	font-size: 0;
}

.product-detail-swiper .preview .slick-con img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.product-detail-swiper .preview .slick-con:after {
	content: "";
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.product-detail-swiper .preview .arrow-left,
    .product-detail-swiper .preview .arrow-right {
	position: absolute;
	z-index: 99;
	top: 50%;
	margin-top: -25px;
	width: 20px;
	height: 50px;
	background: rgba(89, 89, 89, 0.8);
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
}

.product-detail-swiper .preview .arrow-left {
	left: 5px;
}

.product-detail-swiper .preview .arrow-right {
	right: 5px;
}

.product-detail-lists {
	width: calc(100% - 440px);
	padding-top: 20px;
	float: right;
}

.product-detail-lists h1 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	line-height: 65px;
}

.product-detail-lists .product-detail-item li {
	border-top: 1px solid #eee;
	padding: 25px 0;
	font-size: 18px;
	color: #333333;
}

.product-detail-lists .product-detail-item li span {
	font-size: 14px;
	color: #666666;
}

.product-detail-lists .product-detail-inquiry {
	margin-bottom: 20px;
}

.product-detail-lists .product-detail-inquiry a {
	display: inline-block;
	width: 48%;
	line-height: 60px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	background: #1648b8;
	border-radius: 2px;
}

.product-detail-lists .product-detail-inquiry a i {
	font-size: 20px;
	line-height: 0;
	vertical-align: -2px;
	margin-right: 5px;
}

.product-detail-lists .service-number {
	font-size: 14px;
	color: #333333;
}

.product-detail-lists .service-number span {
	font-size: 25px;
	color: #1648b8;
}

.product-detail-inquiry1{margin-left: 182px;
    margin-top: -101px;}
.product-detail-inquiry1 a {
	display: block;
	width: 30%;
	margin:0 auto;
	line-height: 45px;
	font-size: 18px;
	margin-top: 20px;
	color: #ffffff;
	border-radius: 50px;
	text-align: center;
	background: #1648b8;
}

.product-detail-inquiry1 a:hover{color:#fff;}

@media(max-width:768px){
    .product-detail-swiper{width:100%;float:none;}
    .product-detail-lists{float:none;width:96%;margin:0 auto;}
}

@media (max-width: 991px) and (min-width: 768px){
 .page-banner{margin-top:60px;}
}


.section0 .fp-tableCell{vertical-align:top!important;}

.slick1{overflow:hidden;position:relative;padding-top: 95px;}
.slick1 .banner-item img{width:100%;}
.slick1 .slick-arrow{display:block;width:50px;height:50px;position:absolute;top:50%;border:none;text-indent:-999px;overflow:hidden;cursor:pointer;text-align:center;line-height:50px;z-index:999;outline:none;}
.slick1 .slick-prev{background:url(../images/prev.png)no-repeat;left:4%;}
.slick1 .slick-next{background:url(../images/next.png)no-repeat;right:4%;}
.slick1 .slick-dots{position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
.slick1 .slick-dots li{display:inline-block;width:15px;height:15px;border-radius:50%;text-indent:-999px;overflow:hidden;background:#fff;cursor:pointer;margin:0 3px;}
.slick1 .slick-dots li.slick-active{opacity:0.5;}

/*  */
.section1 .fp-tableCell{vertical-align: middle}
.pro-tit{
    padding-top: 7%;
}
.pro-tit h3{background: url(../images/tit1.png)no-repeat;background-size:100% 100%;color: #333;font-size: 30px;font-weight: bold;width: 35%;height: 70px;line-height: 70px;float: left;}
.pro-tit .fenlei{float: right;width:50%;overflow: hidden;margin-top: 15px;height:45px;}
.fenlei li{float: left;height: 45px;line-height: 45px;overflow: hidden;margin-left: 2%;}
.fenlei li a{color: #333;font-size: 15px;}
.fenlei li:hover{border-bottom: 3px solid #1648b8}
.pro-cont{margin-top: 2%;position: relative;}
.pro-cont .product_list1{float: left;margin:0 0.3%;}
.pro-cont .product_list1 img{width: 100%;border:1px solid #eaeaea;}
.pro-cont .product_list1 h3{color: #333;font-weight: bold;font-size: 16px;line-height: 40px;text-align: center;}
.pro-cont .product_list1 p{color: #666;font-size: 14px;line-height: 24px;margin-top: 10px;padding:0 2%;}
.pro-cont .slick-arrow{position: absolute;top:30%;border:none;background: none;background: url(../images/left.png)no-repeat;width: 14px;height: 26px;text-indent: -999px;overflow: hidden;outline: none;}
.pro-cont .slick-prev{left:-3%;}
.pro-cont .slick-next{right:-3%;transform: scale(-1); }
.pro-cont .product_list1:hover img{border-color: #1648b8}
.pro-cont .product_list1:hover h3{color: #1648b8}

/*  */
.section2{background: url(../images/1.png)repeat;}
.section2 .fp-tableCell{vertical-align: middle}
.pro-tit2 h3{width:30%;background: url(../images/tit2.png)no-repeat;background-size: 100% 100%;}
a.anli-more{width: 10%;height: 35px;line-height: 35px;display: block;float: right;color: #666;font-size: 14px;font-family: "arial";border:1px solid #999999;text-align: center;margin-top: 2%;}
.case_list1{margin-top: 3%;}
.case_list1 li{float: left;width: 24%;margin-right: 1.2%;}
.case_list1 li:nth-child(4n){margin-right: 0}
.case_list1 li img{width: 100%;}
.case_list1 li h3{color: #333;font-size: 18px;font-weight: bold;text-align: center;height: 35px;line-height: 35px;overflow: hidden;}
.case_list1 li div{height: 40px;width: 1px;margin:6% auto ;background: #666;}
.case_list1 li i{display: block;margin:0 auto;width: 40px;height:40px;background: url(../images/2.png)no-repeat;background-size: 100% 100%;margin-top:6%;}
.case_list1 li:hover h3{color: #1648b8}
.case_list1 li:hover div{background: #1648b8}
.case_list1 li:hover i{background: url(../images/3.png)no-repeat;background-size: 100% 100%;}


/* ç®€ä»‹ */
.section1{position: relative;}
.ab-le{width:35%;
/*margin-left: 8.333%;*/
float: left;margin-top: 6%;}
.ab-le h3{color: #1648b8;font-size: 20px;font-weight: bold;}
.ab-le .ab-xian{width: 40px;height: 1px;background: #333;margin-top: 30px;}
.ab-le .ab-cont{margin-top: 20px;color: #666;font-size: 14px;line-height: 28px;}
.ab-le a{color: #fff;font-size: 14px;font-family: "arial";margin-top: 40px;display: block;background: #1648b8;width: 25%;height: 40px;line-height: 40px;text-align: center;}
.abimg{width: 50.8%;float: right;margin-top: 3%;}
.abimg img{
    /*width:100%!important;*/
    max-width:100%;
    height:auto;
}
.abtit{position: absolute;z-index: 999;bottom: 10%;left:27%;width: 30%;}
.abtit img{width: 100%;}

/* æ–°é—» */
.section3{background: #fafafa;}
.section3 .fp-tableCell{vertical-align: middle}
.xin-tit h3{background: url(../images/tit4.png)no-repeat;background-size:100% 100%;width: 20%;}
.section3 .pro-tit .fenlei{width: 40%;}
.section3 .pro-tit .fenlei li{margin-left: 11%;}
.news_list1{margin-top: 5%;}
.news_list1 li{background: #fff;width: 24%;margin-right: 1.2%;float: left;}
.news_list1 li:nth-child(4){margin-right: 0}
.news_list1 li h3{color: #333;font-size: 16px;font-weight: bold;padding:10px 4%;height: 40px;line-height: 40px;overflow: hidden;}
.news_list1 li p{padding:0 4%;color: #666;font-size: 13px;line-height: 25px;margin-top: 10px;}
.news_list1 li span{display: block;padding: 0 4%;color: #999;font-size: 12px;font-family: "arial";margin-bottom: 20px;margin-top: 10px;}
.news_list1 li img{width: 100%;}
.news_list1 li:hover h3{color:#1648b8;}
.news_list1 li:hover span{color:#1648b8;}

/* åº•éƒ¨ */
.footer{background: #242424;}
.foot{padding-bottom: 1%;}
.ff_le{float: left;width: 40%;margin-top: 5%;}
.ff_le h3{color: #fff;font-size: 40px;font-family: "Impact"}
.ff_logo{margin-top: 6%;}
.ff_logo img{width: 70%;}
.ff_lx{color: #fff;font-size: 13px;line-height: 25px;margin-top:4%;}
.ff_ri{float: right;width: 55%;margin-top: 4%;}
.nav_foot{text-align: right;color: #fff;font-size: 13px;line-height: 45px;}
.nav_foot a{color: #fff;display: inline-block;margin-left: 5%;}
.ff_a{margin-top: 5%;}
.ff_er{width: 40%;
    float: right;
    margin-top: 4%;
    margin-right:-6%;}
.ff_er img{width: 40%!important;}
.ff_link{float: right;width: 60%;}
.ff_link a{display:none!important;}
.ff_link span{display: block;text-align: right;color: #fff;font-size: 16px;display:none;}
/*.ff_link a{display:block;float: right;width: 49%;margin-left: 1%;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #2e2f30;margin-top: 15px;display:none;}*/
.copyright{border-top: 1px solid #3f3f3f;height: 45px;line-height: 24px;color: #fff;font-size: 12px;opacity: 0.4;overflow: hidden;}
.copyright a{color: #fff;}
.x-link a{
   color: #242424; 
}

@media(max-width:1440px){
    .nav_foot a{margin-left: 5%}
    .demo-header-right .demo-login{margin-right:-8%;}
    
    .ab-le .ab-cont{max-height:220px;overflow:hidden;}
}

@media(max-width: 1024px){
    .demo-header-right .demo-login{margin-right:-13%;font-size:12px;}
    .demo-header-right .demo-login a{font-size: 12px;}
    .demo-menu>li>a{font-size: 14px;}
    .fp-section.fp-table, .fp-slide.fp-table{height: auto!important;display: block!important}
    .fp-tableCell{height: auto!important;display: block!important}
    #fp-nav{display: none;}
    .pro-tit{margin-top: 10px;}
    .pro-tit h3{width: 55%;}
    .pro-tit .fenlei{float: none;width: 100%;}
    .pro-tit .fenlei li{width: 14.2%;margin-left: 0;}

    .section2{padding:2% 0;}
    a.anli-more{width:30%;}

    .abtit{display: none;}
    .ab-le{width: 96%;margin-left: 0;margin:20px auto 0;float: none;}
    .ab-le a{margin-top: 10px;width: 30%;}
    .abimg{width: 100%;padding:0 2%;float: none;}

    .xin-tit h3{width: 50%;float: none;}
    .section3 .pro-tit .fenlei{width: 80%;margin-top: 8px;}
    .section3 .pro-tit .fenlei li{width: 25%;margin-left: 0}
    .news_list1{margin-top: 2%;}

    .news_list1 li{width: 49%;margin-right: 0.5;margin-bottom: 10px;}
    .news_list1 li:nth-child(2n){margin-right: 0}

    .nav_foot a{margin-left: 2%;}
}
@media(max-width: 768px){
    
    .topbanner{padding-top:60px;}
    .pre, .next{width:20px;height:35px;background-size:100% 100%;}
    
    .product-detail-inquiry1{margin-left:0;margin-top:0;}

    .container-fluid{width:94%;margin:0 auto;padding:0 0;}
    
    .case_list1 li{width: 49%;}
    .case_list1 li:nth-child(2n){margin-right: 0}
    .case_list1 li div{margin:2% auto;}
    .case_list1 li i{width: 30px;height: 30px;}

    .news_list1 li{width: 100%;margin-right: 0;margin-bottom: 10px;}

    .ff_le,.ff_ri{width: 100%;float: none;}
    .ff_er{display: none;}
    .nav_foot{text-align: left;}
    .nav_foot a{font-size: 12px;margin:0 5%;}
    .ff_link{display: none;}
    .copyright{height:auto;line-height: 22px;}
}



@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_1144939_pdz8umy9ap.eot?t=1559111100313'); /* IE9 */
  src: url('../fonts/font_1144939_pdz8umy9ap.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/42c090ac78a94b4397acae11780aaa6d.woff') format('woff2'),
  url('../fonts/font_1144939_pdz8umy9ap.woff') format('woff'),
  url('../fonts/font_1144939_pdz8umy9ap.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/font_1144939_pdz8umy9ap.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shijian:before {
  content: "\e63e";
}

.icon-add:before {
  content: "\e62b";
}

.icon-close:before {
  content: "\e639";
}

.icon-dots-horizontal:before {
  content: "\e705";
}

.icon-top:before {
  content: "\e607";
}

.icon-qq:before {
  content: "\e646";
}

.icon-wangwang:before {
  content: "\e8a0";
}

.icon-down:before {
  content: "\e638";
}

.icon-phone:before {
  content: "\e700";
}

.icon-chakan:before {
  content: "\e6c6";
}

.icon-message:before {
  content: "\e604";
}

.icon-search:before {
  content: "\e605";
}

.icon-menu:before {
  content: "\e61c";
}

.icon-right-arrow:before {
  content: "\e61f";
}

.icon-ewm:before {
  content: "\e606";
}

.icon-left-arrow:before {
  content: "\e620";
}


