@font-face {
  font-family: 'puhui';
  font-display: swap;
  src: url('../fonts/webfont.eot'); /* IE9*/
  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/webfont.woff2') format('woff2'),
  url('../fonts/webfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/webfont.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}
html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:"puhui",微软雅黑,"Arial","sans-seift";font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal; overflow-x:hidden;    -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{font-size:100%; padding:5px 0}
a{color:#333; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;}
a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{ -webkit-border-radius:0px;border-radius:0px; outline:none; }
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/
input,textarea{border:0; }
textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
.wrap{width:1600px;margin:0 auto;  overflow:hidden}
.fl{float: left}
.fr{float: right}
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
/*nav*/
.header{ position: absolute; z-index: 999; left: 0; right: 0; margin: 0 auto; top: 20px; background: rgba(0,0,0,0.3); padding: 15px 20px; border-radius: 20px;}
.header .logo img{width: 250px; margin-left:10px;}
.header .nav{margin-left: 100px;margin-top:10px;}
.header .nav ul li{float: left; font-size: 18px; font-weight: bold;}
.header .nav ul li a{display: block; padding: 10px 35px; transition: .5s; position: relative; color: #fff;}
.header .nav ul li a:before {content:"";width:0;height:2px;background:#df671f;display:block;position:absolute;left:50%;bottom:0px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s;}
.header .nav ul li:hover a:before {width:73px;}
.header .top-tel img{float: left; width: 35px; margin-top: 15px;}
.header .top-tel p{float: left;font-size: 18px; margin: 20px 0 0 17px; color: #df671f; font-weight: bold;}
.header .top-tel i{font-size: 30px; font-weight: bold; color: #df671f; margin-left: 5px;}
.banner{height: 900px;background: url(../images/banner1.jpg) no-repeat center center;background-size: cover;position: relative;}
.banner h2{position: absolute;width: 750px;height: 100px;color: #fff;font-size: 55px;top:25%;left:50%;transform: translateX(-46%);}
.banner p{position: absolute;width: 300px;height: 50px;background-color: #d56422;line-height: 45px;text-align: center;border-radius: 40px;font-size: 30px;color: #fff;top:15%;left:50%;transform: translateX(-50%);}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;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;}
.swiper-pagination-bullet{width: 12px; height: 12px; background: #fff;}
.swiper-slide video{width:100%;max-height:1080px;}
/*index-categary*/
.index-categary{margin-top: 80px;}
.htitle{text-align: center; font-weight: bold;color: #3e4355;}
.htitle:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 35px; height: 32px; display: inline-block; margin-right: 15px;}
.bigtips{text-align: center; font-size: 18px; margin-top: 25px; color: #4e597b;}
.index-categary h3{position: relative;font-size: 46px;}
.index-categary h3 img{margin-right: 20px;}
.index-categary h3:after{position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 82px; color: #f4f5fa; content: "SHIBO PRODUCTS"; z-index: -1;}
.index-categary .container{background:url(../images/ico2.png) repeat; margin-top: 40px;}
.index-categary .container ul li{float: left; width: 20%; text-align: center;}
.index-categary .container ul li img{text-align: center;}
.index-categary .container ul li p a{display: block; font-size: 20px; margin-top: 5px; transition: .5s;}
.index-categary .container ul li:hover p a{color: #df671f;}
.index-categary .wrap{ padding: 43px 0 50px 0;}
.index-categary .wrap img{width: 80%}
.index-tuijian{background: #f0f3fa; padding: 65px 0 65px 0;}
.index-tuijian .htitle, .index-anli .htitle{font-size: 40px;}
.index-tuijian .content{height: 601px; margin-top: 45px; background:url(../images/p17.jpg) no-repeat center center; position: relative;}
.index-tuijian .top{padding: 0 130px; overflow: inherit;}
.index-tuijian .smallimg{position: relative;}
.index-tuijian .js_tab{position: absolute; top: 360px; left: 0; z-index: 999;}
.index-tuijian .js_tab li{float: left; text-align: center; padding: 15px 15px; transition: .5s;}
.index-tuijian .js_tab li p{color: #fff;}
.index-tuijian .js_tab li.active{ background: rgba(240, 240, 240, 0.5); padding: 13px 13px; border: 2px solid #e1d584; border-radius: 10px; transition: .5s;}
.index-tuijian .js_tab_detail{padding-top: 65px;}
.index-tuijian .js_tab_detail .left{width: 700px; float: left;}
.index-tuijian .js_tab_detail h3{font-size: 42px; color: #fff;}
.index-tuijian .js_tab_detail h3 a{color: #fff;}
.index-tuijian .js_tab_detail h3:before{background: url(../images/ico56.png) no-repeat;width: 58px; height: 44px; content: ""; display: inline-block; position: relative; top: 8px; margin-right: 25px;}
.index-tuijian .js_tab_detail p.tips{font-size: 16px; color: #fff; line-height: 30px; margin-top: 40px;}
.index-tuijian .js_tab_detail .info{margin-top: 26px;}
.index-tuijian .js_tab_detail .info p{float: left; font-size: 20px; color: #fff; margin-right: 60px;}
.index-tuijian .js_tab_detail .info p i{color: #e1d584;}
.index-tuijian .js_tab_detail .info p:before{width: 28px; height: 28px; display: inline-block; content: "";position: relative; top: 7px; margin-right: 15px;}
.index-tuijian .js_tab_detail .info p.jl:before{background: url(../images/ico53.png) no-repeat;}
.index-tuijian .js_tab_detail .info p.cl:before{background: url(../images/ico54.png) no-repeat;}
.index-tuijian .js_tab_detail .right{float: right;}
.index-tuijian .js_tab_detail .right a{display: block; width: 192px; height: 46px; line-height: 42px; background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926); text-align: center; font-size: 24px; color: #fff; font-weight: bold; border-radius: 10px; margin: 30px 0 0 220px;}
.index-tuijian .js_tab_detail .right a img{margin-left: 10px;}
.tuijian-ul{margin-top: 120px;}
.tuijian-ul .wrap{overflow: inherit;}
.tuijian-ul ul li{float: left; width: 22%; margin: 0 1.5%; background: #fff url(../images/ico59.png) no-repeat; background-size: cover; border-radius: 10px; box-shadow: 0px 0px 12px #aaa; padding-bottom: 35px;}
.tuijian-ul .bigimg{text-align: center; display: block; position: relative; margin-top: -70px;}
.tuijian-ul .bigimg h4{font-size: 20px; font-weight: bold; color: #242424; margin-top: 10px; transition: .5s;}
.tuijian-ul .info{margin: 14px 0 0 65px;}
.tuijian-ul .info p{color: #333333; font-size: 16px; line-height: 30px;}
.tuijian-ul .info p:before{width: 19px; height: 19px; content: ""; display: inline-block; position: relative; top: 4px; margin-right: 10px;}
.tuijian-ul .info p:nth-child(1):before{background: url(../images/ico58.png) no-repeat;}
.tuijian-ul .info p:nth-child(2):before{background: url(../images/ico57.png) no-repeat;}
.tuijian-ul .more{position: relative;}
.tuijian-ul .more a{display: block; position: absolute; bottom: -52px; width: 148px; height: 33px; left: 0; right: 0; margin: 0 auto;line-height: 32px; background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926);text-align: center; font-size: 18px; color: #fff; border-radius: 10px; transition: .5s;}
.tuijian-ul ul li:hover .more a{width: 170px;}
.tuijian-ul ul li:hover .bigimg h4{color: #ff3d3d;}
.index-anli{background-size: cover; padding: 70px 0 70px 0;}
.index-anli .wrap{overflow: inherit}
.index-anli ul li{width: 29%; margin: 0 2%; margin-top: 80px; float: left;background: #fff;-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 0px 0px 15px 0 rgba(191,195,218,0.5); transition: .5s; border-radius: 10px;}
.index-anli ul li:hover{background: #f0f3fa;}
.index-anli ul li .bigimg{padding-right: 14px;position: relative;}
.index-anli ul li .bigimg img{position: relative; top: -32px;}
.index-anli ul li .bigimg:after{content: ""; position: absolute; right: 0px; top: -17px; width: 14px; height: 323px; z-index: 999; background: #10367e;background-image: linear-gradient(to bottom,#162d58, #103d92); }
.index-anli ul li h4{font-size: 24px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px;}
.index-anli ul li h4 a{color: #3e4355;}
.index-anli ul li .box{padding: 0 30px 30px 30px; margin-top: -10px;}
.index-anli .box .ico{font-size: 16px; color: #555; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-anli .box .ico img{position: relative; top: -2px; display: inline-block;margin-right: 10px; width: 20px;}
.index-anli .box  .more a{display: block; text-align: center; font-size: 17px; color: #fff; font-weight: bold;line-height: 50px; width: 148px; height: 55px; background: #b93c41;background-image: linear-gradient(to right,#cc6c0e, #d62926); border-top-left-radius: 15px; border-bottom-left-radius: 15px; border: 3px solid #fff; float: right; margin-top: 30px; transition: .5s;}
.index-anli .box  .more img{width: 20%; position: relative; top: -2px;}
.index-anli ul li:hover .box .more a{width: 170px;}
.index-news{background:url(../images/ico2.png) repeat; padding: 50px 0 70px 0;}
.index-news .wrap{overflow: inherit;}
.index-news .htitle{font-size: 40px; }
.index-news .row{margin-top: 20px;}
.index-news .js_tab2{width: 252px; margin: 0 auto;margin-top: 30px;}
.index-news .js_tab2 p{background: #fff; float: left;font-size: 24px; color: #3e4355; text-align: center; border-radius: 8px;line-height: 40px; cursor: pointer; margin: 0 10px;}
.index-news .js_tab2 p.active{background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926); color: #fff; padding: 0 10px;}
.index-news .right{float: right;width: 100%; background: #fff; padding: 40px 5px 20px 5px; box-shadow: 0px 0px 12px #ccc; border-radius: 15px; margin-top: 20px;}
.index-news .js_tab_detail2 .top .list{width: 45%; float: left; margin: 0 2.5%;}
.index-news .js_tab_detail2 .top .img{width: 230px;height: 155px;float: left;}
.index-news .js_tab_detail2 .top .img img{border-radius: 5px;}
.index-news .js_tab_detail2 .top .r{width: 450px; float: right;}
.index-news .js_tab_detail2 .top .r .tt{margin-top: 8px;}
.index-news .js_tab_detail2 .top .r .tt a{color: #020746;font-size: 20px; font-weight: bold; transition: .5s; line-height: 1.5;}
.index-news .js_tab_detail2 .top .r .tt:hover a{color: #ff3d3d;}
.index-news .js_tab_detail2 .top .r .desc{margin-top: 10px; color: #888aa1; height: 48px; overflow: hidden;}
.index-news .js_tab_detail2 .top .r .date{color: #383a4c;}
.index-news .js_tab_detail2 .top .r .date:before{width: 17px; height: 17px; background: url(../images/ico42.png) no-repeat; background-size: cover; display: inline-block; content: ""; margin-right: 6px; position:relative; top: 3px; margin-top: 10px;}
.index-news .js_tab_detail2 ul{margin-top: 20px;}
.index-news .js_tab_detail2 ul li{width: 45%; float: left; margin: 10px 2.5%; border-bottom: 1px dashed #e1e5f9; padding-bottom: 13px;}
.index-news .js_tab_detail2 ul li:nth-child(11){border-bottom: none;}
.index-news .js_tab_detail2 ul li:nth-child(12){border-bottom: none;}
.index-news .js_tab_detail2 ul li a{width: 80%; display: inline-block; font-size: 17px; color: #020746; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .5s;}
.index-news .js_tab_detail2 ul li a:before{background: url(../images/ico38.png) no-repeat; width: 20px; height: 20px; content: ""; display: inline-block; background-size: cover; margin-right: 10px; position: relative; top: 5px;}
.index-news .js_tab_detail2 ul li:hover a{color: #ff3d3d;}
.index-news .js_tab_detail2 ul li p{line-height: 24px; margin: 5px 0 10px 0; color: #87899c; height:48px; overflow:hidden;}
.index-news .js_tab_detail2 ul li i{color: #383a4c; display: block;}
.common-fuwu{background: url(../images/fuwubg.jpg) no-repeat center center; background-size: cover; padding: 50px 0;}
.common-fuwu .wrap{overflow: inherit;}
.common-fuwu h3{text-align: center; font-size: 40px; color: #fff; position: relative; z-index: 999;}
.common-fuwu h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; display: inline-block; margin-right: 15px;}
.common-fuwu h3:after{position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 50px; color: #545555; content: "SHIBO SERICE"; z-index: -1}
.common-fuwu ul{margin-top: 70px;}
.common-fuwu ul li{float: left; width: 20%; text-align: center; }
.common-fuwu ul li img{width: 60%;}
.common-fuwu ul li p{ font-size: 18px;color: #fff; font-weight: bold; line-height: 1.7; margin-top: 15px;}
.footer{background: #242424; padding: 20px 0;}
.footer p{color: #fff; font-size: 16px; line-height: 1.8;}
.footer p a{color: #fff; margin-left: 20px;}
.footer ul{margin-top: 10px;}
.footer ul li{float: left; color: #9e9e9e; margin-right: 10px;}
.footer ul li a{color: #9e9e9e;}
.sidebar{position: fixed; bottom: 20%; right: 10px; z-index: 99999;}
.sidebar .right{background: #fff; box-shadow: 0 0 12px #aaa; border-radius: 10px; padding: 5px 15px 0 15px;}
.sidebar .right .list{text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-top: 20px;}
.sidebar .right .list:last-child{border-bottom: none;}
.sidebar .right .list a{display: block;}
.sidebar .right .list i{display: block; margin-top: 8px;}
.sidebar .right .list:hover i{color: #d53223;}
.sidebar .right .list.tel{position: relative;}
.sidebar .right .tel p{display: none;}
.sidebar .right .tel:hover p{display: block; position: absolute; left: -150px; top: 0; width: 220px; height: 60px; line-height: 60px; color: #c00; background: #fff; box-shadow: 0 0 12px #aaa; font-size: 22px;font-weight: bold; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.sidebar #gotop{margin-top: 10px; transition: .5s;display: none;}
.sidebar #gotop a{display: block; text-align: center; background: #fff; box-shadow: 0 0 12px #aaa; padding: 15px 0px; border-radius: 10px;}
.erro404{text-align: center; margin-top: 100px; padding: 0 20px;}
.erro404 img{max-width: 100%;}
.erro404 h1{font-size: 40px; margin: 40px 0 0 0; font-weight: bold;}
.erro404 a{display: inline-block; font-size: 20px; background: #ff9331; border-radius: 10px; color: #fff; padding: 15px 30px; margin: 55px 10px; font-weight: bold;}
.erro404 a:hover{background: #ff3d3d;}


@media (max-width: 1600px){
	body{overflow-x: hidden;}
	.wrap{width: 100%; padding: 0 20px;}
	.index-anli .wrap{width: 100%; overflow: inherit}
	.header{padding: 10px 20px;}
	.header .logo img{width: 150px; margin-top: 8px;}
}
@media (max-width: 1576px){
	.index-news .js_tab_detail2 .top .img{width: 30%;}
	.index-news .js_tab_detail2 .top .r{width: 65%;}
}
@media (max-width: 1440px){
	.logo img{width: 170px;}
	.header .nav ul li{font-size: 16px;}
	.header .nav ul li a{padding: 10px 29px;}
	.index-anli ul li h4{font-size: 24px;}
	.index-news .js_tab_detail2 ul{margin-top: 0;}
	.index-news .js_tab_detail2 .top .r .tt{margin-top: 0};
	.index-tuijian .js_tab_detail .left{width: 670px;}
	.index-tuijian .js_tab_detail .right{width: 500px;}
	.index-news .js_tab2 p{font-size: 18px;}
	
}
@media (max-width: 1366px){
	.header .nav{margin-left: 100px;}
	.index-news .js_tab2 p{font-size: 16px;}
	.index-tuijian .top{padding: 0 40px;}
}
@media (max-width: 1300px){
	.index-news .js_tab_detail2 .top .r .tt a{font-size:18px;}
	.index-news .js_tab_detail2 .top .img{height: auto;}
	.index-tuijian .js_tab_detail .right{width: 450px;}
}
@media (max-width: 1250px){
	.header .nav ul li a{padding:10px 15px;}
	.index-tuijian .js_tab_detail .right{width:400px;}
	.index-tuijian .js_tab_detail .right a{margin:30px 0 0 130px;}
}
@media (max-width: 1200px){
	.index-news .js_tab_detail2 .top .r .desc{display: none;}
	.index-tuijian .js_tab_detail .left{width:600px;}
	.index-tuijian .js_tab_detail .right{}
}
@media (max-width: 1080px){
	.header .nav ul li a{padding:10px 10px;}
	.header .nav ul li{font-size: 15px;}
	.index-tuijian .js_tab_detail .left{width: 530px;}
	.index-tuijian .js_tab_detail .right a{width: 40%; margin:0 auto; font-size:18px; height:30px; line-height:30px;}
	.index-tuijian .js_tab_detail .right a img{display:none;}
}
@media (max-width: 1024px){
	.logo img{width: 130px; margin-top: 9px;}
	.header .nav{margin-left: 30px;}
	.header .nav ul li a{padding: 10px 10px; font-size: 14px;}
	.top-tel{margin-top: 8px;}
	.top-tel img{width: 30px;}
	.header .top-tel i{font-size: 26px;}
	.header .top-tel p{margin-top: 0;}
	.index-anli ul li .box{padding: 0px 10px;}
	.index-anli ul li h4{font-size: 18px;}
	.index-anli .box .more a{width: 100px; height: 40px; line-height: 34px;}
	.index-anli .box .more img{display: none;}
	.common-fuwu ul li p{font-size: 16px;}
	.footer p{font-size: 14px;}
	.header .logo img{width: 130px;}
	.header .top-tel img{margin-top: 0;}
	.index-tuijian .js_tab_detail .left{width: 480px;}
	.index-tuijian .js_tab_detail h3{font-size: 30px;}
	.index-tuijian .js_tab_detail p.tips{font-size: 14px;}
	.index-tuijian .js_tab_detail .info p{font-size: 16px;}
	.index-tuijian .js_tab_detail .right a{font-size: 18px;}
	.index-news .js_tab2{}
	.index-news .right{width: 100%; margin-top: 20px;}
	.index-news .js_tab_detail2 .top .r .tt a{font-size: 16px;}
	.index-news .js_tab_detail2 ul li a{width: 75%; font-size: 14px;}
	.index-news .js_tab_detail2 ul li i{font-size: 12px;}
	
}
@media (max-width: 960px){
	.index-tuijian .js_tab_detail .right{width:330px;}
}
@media (max-width: 900px){
	.index-tuijian .js_tab_detail .left{width:100%;}
	.index-tuijian .js_tab_detail .right{display:none;}
}
@media (max-width: 865px){
	.header .top-tel img{width:25px;}
	.header .top-tel i{font-size: 20px;}
}