@charset "utf-8";

/* Link Style */
a{ color:#333;}
a:hover{ color:#1886e3;}

/* Body Style */
.con{ width:1200px; margin:0 auto;}

/* header */
.sifoko-head{height: 96px;}
.logo{height: 65px;}
.sifoko-head nav{margin-left: 80px;}
.sifoko-head nav a{display: inline-block;height: 96px;line-height: 96px;margin-right: 50px;}
.sifoko-head nav a:first-child{padding: 0 10px;margin-right: 40px;}
.nav-this{color:#1886e3;border-bottom: 3px solid #1886e3;height: 93px;}
.language a{float:left;width:50px;line-height: 23px;border: 1px solid #eee;margin: -1px 0 0 -1px;text-align: center;}
.language a:hover{background:#1886e3;color: #fff;}
.head-phone strong font{ margin-right:-13px}

/* index */
.slick{ width: 100%;position: relative;}
.slick-list{ position: relative; overflow: hidden;}
.slick-track { position: relative; left: 0; top: 0;}
.slick-slide{ float: left; height: 100%;}
.banner-img{height: 640px;}
.banner .slick-prev,.banner .slick-next{display: none !important;}
.banner .slick-dots{ position:absolute; z-index:1000; bottom:10px; list-style:none; width:100%; text-align:center;}
.banner .slick-dots li{ display:inline-block; width:12px; height:12px; background:#f8f8f8; opacity: 0.5; margin:0 5px; border-radius:50%;}
.banner .slick-dots li button{display:inline-block; width:12px; height:12px;text-indent:-9999px; background:none; border:none; cursor:pointer;}
.banner .slick-dots .slick-active{ background:#1886e3;opacity: 1;}
.pro-index{background: url(../images/bg-1.png) left top no-repeat,url(../images/bg-2.png) right top no-repeat;padding-bottom: 50px;}
.title{text-align: center;padding: 40px 0 20px;}
.title h2{font-size: 32px;}
.title h3{font-size: 12px;color: #999;text-transform: uppercase;font-weight: normal;margin: 15px 0 10px;}
.title p{color: #1886e3;font-size: 18px;}
.pro-index-con{width: 1020px;margin: 0 auto;}
.pro-word{height: 52px;overflow: hidden;}
.pro-index-list{width: 810px;margin: 40px auto 0;}
.pro-index-list img{width: 196px;height: 148px;}
.pro-index-list > div{width: 580px;}
.pro-index-list > div h2{height: 24px;line-height: 24px;overflow: hidden;}
.pro-index-list > div p{max-height: 96px;overflow: hidden;}
.pro-index-con .slick-prev,.pro-index-con .slick-next{position: absolute;text-indent: -9999px;width: 24px;height: 26px;top: 150px;
cursor: pointer;}
.pro-index-con .slick-prev{background: url(../images/prev.png) center no-repeat;left: 30px;}
.pro-index-con .slick-next{background: url(../images/next.png) center no-repeat;right: 30px;}
.about-good{padding: 40px 0;}
.about-good li{float: left;width: 260px;margin-left: 50px;}
.about-good li:first-child{margin-left: 0;}
.about-good li span{display: inline-block;width: 122px;height: 122px;background: url(../images/about-bg.png) no-repeat;
margin-bottom: 20px;color: #1274dc;font-size: 55px;}
.icon-ring{padding-top: 38px;}
.icon-crown{padding-top: 35px;}
.icon-umbrella{padding-top: 36px;padding-left: 2px;}
.icon-diamond{padding-top: 40px;}
.news-index-img{width: 517px;}
.news-index-img img{width:517px;}
.news-index-list{width: 570px;}
.news-index-list li{margin-bottom: 40px;clear: both;}
.news-index-list li a{display: block;overflow: hidden;}
.news-index-list li a:hover *{color:#1886e3;}
.news-index-list li b:before{font-size: 86px;color: #ccc;border-right: 1px solid #e3e3e3;padding-right: 10px;margin-right: 20px;transition: 0.5s;}
.news-index-list li:nth-child(1) b:before{content: "01";}
.news-index-list li:nth-child(2) b:before{content: "02";}
.news-index-list li:nth-child(3) b:before{content: "03";}
.news-index-list li article{width: 430px;}
.news-index-list li h2 span{display: inline-block;max-width: 350px;height: 20px;line-height: 20px;}
.news-index-list li article p{max-height: 44px;overflow: hidden;}

/* footer */
.sifoko-foot{height: 513px;background: url(../images/foot-bg.jpg) center top no-repeat;padding-top: 100px;color: #fff;}
.sifoko-foot a{color: #fff;}
.sifoko-foot a:hover{color:#1886e3;}
.foot-info{width: 1020px;}
.foot-info li{float: left;width:300px;margin-left: 60px;position: relative;padding: 40px 0 0 50px;}
.foot-info li:first-child{margin-left: 0;}
.foot-info li:first-child p{ padding-right:50px;}
.foot-info li span.iconfont{font-weight: normal;position: absolute;left: 0;}
.icon-address{font-size: 38px;}
.icon-phone{font-size: 35px;}
.icon-mail{font-size: 38px;}
.foot-info h3{width: 210px;border-bottom: 1px solid #1886e3;margin-bottom: 20px;}
.foot-info h3 b{display: inline-block;border-bottom: 2px solid #1886e3;padding-bottom: 10px;}
.foot-info li p{line-height: 26px;font-size: 16px;}
.foot-weixin{width: 140px;margin-top: -25px;}
.foot-weixin img{width: 124px;height: 124px;padding: 8px;background: #fff;border-radius: 5px;box-sizing: content-box;
display: block;margin: 20px 0 15px;}

/*inner*/
.inner-bg{height: 180px;}
.inner-bg a{color: #fff;}
.bg-about{background: #48577e;}
.bg-product{background: #405e60;}
.bg-news{background: #5d5a63;}
.inner-title{padding-top: 45px;}
.inner{background: #fff;margin-top: -38px;padding-bottom: 50px;}
.pro-info{padding: 0 120px;}
.pro-list{width: 100%; text-align:center;}
.pro-list li{width:580px; margin:30px 8px 0; display:inline-block;}
.pro-list li img{width: 580px;height:387px;border: 1px solid #ddd;}
.pro-list li h3{height: 18px;line-height: 18px;}
.pro-img{width: 400px;height: 300px;}
.pro-detail img:first-child{ width:580px !important; height:387px !important; float:left; margin:0 30px 0 0 !important;}
.news-list li{overflow: hidden;padding: 30px 0;border-bottom: 1px solid #eee;}
.news-list li img{width: 280px;height: 140px;}
.news-list li article{width: 890px;}
.news-btn{width: 120px;line-height: 36px;border: 2px solid #1886e3;text-align: center;color: #1886e3;border-radius: 20px;
margin-top: -25px;}
.news-btn:hover{background: #1886e3;color: #fff;}
.article-con{line-height: 32px;}
.article-con img{max-width: 100%;}
.contact-map{height: 272px;border: 2px solid #ddd;}
.contact-info{border: 1px solid #ddd;}
.contact-info > div{height: 170px;}
.contact-1{line-height: 170px;}
.contact-1 img{width: 280px;vertical-align: middle;}
.contact-2{padding-top: 20px;}
.contact-2 p{margin-top: 20px;}
.contact-3{padding: 23px 0 0 50px;}
.contact-3 img{width: 124px;height: 124px;margin-right: 15px;}
.page-box a,.page-box span{display: inline-block;line-height: 35px;padding: 0 15px;border: 1px solid #1886e3;margin: 0 5px;}
.page-box span{background: #1886e3;color: #fff;}
.page-box .a1{border-color: #ccc;}
.page-box a:first-child{border: none;padding: 0;}

/* 2021-4-14修改 by zhaoyuxian */
.index-pro{overflow: hidden;}
.index-pro *{box-sizing: border-box;}
.index-pro li{width: 25%;float: left;padding: 0 5px;}
.index-pro li img{width: 100%;}



.about-info p{text-indent: 2em;}
.contact-side{position: fixed;right: 0;top: 60%;text-align: right;color: #fff;background: #1274dc;padding: 10px;border-radius: 5px;}			
.contact-side h2{font-weight: normal;font-size: 16px;}
.contact-side h2::before{content: "";display: inline-block;width: 16px;height: 19px;background: url(../images/contact.png) no-repeat;vertical-align: middle;margin-right: 7px;}
.contact-side p{font-size: 20px;margin-top: 10px;}