@charset "utf-8";
/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:8px;height:8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #555;}
input,textarea{-webkit-user-select:text}
/*分页样式*/
.pglist{padding-top: 60px;padding-bottom: 30px;text-align: center;clear: both;}
.pglist a{font-size: 14px;font-weight: bold;padding: 0 16px;margin: 0 5px;display: inline-block;vertical-align: middle;line-height: 40px;background: #d6d6d6;}
.pglist a:hover,.pglist .hover {display:inline-block;color: #fff;background: #ec7729;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pglist a:first-child,.pglist a:last-child{color: #ec7729;background: #333;}
/*返回首页*/
#tip{padding-top: 30px;min-height: 640px;}
#tip b{color: #ec7729;}
/*网站地图*/
.sitemap{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.sitemap dt{float: left;margin-right: 2%;width: 14.66666667%;}
.sitemap dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.sitemap dt a:hover{background: #ccc;color:#fff;}
.sitemap dd{float: left;width: 83.333333%;}
.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none;}
.sitemap dd a:hover{color:#333;}
/*网站标签*/
.tags_list{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;min-height: 340px;}
.tags_list dt{float: left;margin-right: 2%;margin-bottom: 2%;width: 14.66666667%;}
.tags_list dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.tags_list dt a:hover{background: #ccc;color:#fff;}
.tags{overflow:hidden;margin-bottom: 20px;}
.tags span{float: left;display: block;line-height: 40px;}
.tags a{border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;line-height: 28px;padding: 0 6px;margin: 5px;background: #fff;border: 1px solid #dadada;}
.tags a:hover{background: #ec7729;border-color: #ec7729;color: #fff;}


/*视频样式*/
video {background-color: #000;}
/*相关内容*/
.relate-tit{width: 100%;height: 50px;line-height: 50px;background: #fff;border-bottom: 1px solid #CCC;}
.relate-tit h3{float: left;font-size: 14px;line-height: 50px;display: block;padding: 0 30px;background: #ec7729;color: #FFF;}
.relate-pro{width: 100%;margin-top: 30px;background: #fff;}
.relate-pro .swiper-container{margin: 0 2%;padding: 2% 0;}
.relate-pro ul{margin-top: 0;}
.relate-pro ul li{float: left;width: 210px;margin-right: 10px;transition: all .5s;}
.relate-pro ul li:nth-child(4n){margin-right: 0;}
.relate-pro ul li a{display: block;border: 1px solid #eaeaea;}
.relate-pro ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.relate-pro ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;transition: all .5s;}
.relate-pro ul li h3{color: #555;font-size: 14px;text-align: center;display: block;line-height: 35px;background: #fff;padding: 0 10px;border-top: 1px solid #eaeaea;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.relate-pro ul li:hover .img img{transform: scale(1.1);}
.relate-pro ul li:hover h3{color: #fff;background: #ec7729;}
.relate-pro .swiper-container-horizontal>.swiper-scrollbar{position: relative;left: 0;bottom: 0;width: 100%;margin-top: 10px;}
.relate-pro .swiper-scrollbar-drag{background: #ec7729;}
.relate-news{width: 100%;margin-top: 30px;background: #fff;}
.relate-news ul{margin: 0 2%;padding: 2% 0;}
.relate-news ul li{float: left;position: relative;width: 48%;font-size: 14px;line-height: 35px;}
.relate-news ul li:nth-child(even) {float: right;}
.relate-news ul li a{display: block;color: #666;padding-right: 100px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.relate-news ul li a:before{content: '+';font-weight: bold;font-size: 16px;line-height: 1;margin-right: 5px;}
.relate-news ul li span{position: absolute;top: 0;right: 0;color: #999;white-space: nowrap;}
.relate-news ul li a:hover{color:#ec7729;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #ec7729;margin: 2px 0 0 0;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #293e6b;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #293e6b;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #293e6b;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;box-sizing: initial;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #293e6b;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #293e6b;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}