/*通用样式*/
* {margin:0; padding:0; word-wrap:break-word;}
body {min-width: 375px; font-family:Arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif; color:#444;}
a {color:#4C4C4C; text-decoration:none;}
a:hover {color:#FF0000;}
a img {border:none;} 
div,ul,li,p,form {padding: 0px; margin: 0px; list-style-type: none;}
em {font-style: normal; font-weight: normal;}
table {padding: 0px; margin: 0px; list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px; list-style-type: none;}
form {margin:0px; padding:0px;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input:focus,textarea:focus,select:focus {outline:none;}
input[type="text"],select {height:30px; border:1px solid #ddd; line-height:30px; color:#999;}
tr {padding: 0px; margin: 0px; list-style-type: none;}
h2,h3,h4 {padding:0px; font-size:14px; font-weight:normal;}
i,em {font-style:normal;}

@font-face {font-family: 'bebas';src: url('../UploadFiles/bebas.woff2') format('woff2'),url('../UploadFiles/bebas.woff') format('woff');font-weight: normal;font-style: normal;}


/*banner*/
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container {position: relative; width: 100%; overflow:hidden; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; min-height: 180px;}
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0,0.8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none;}
.slide_container .tu { width:100%; height:602px;}
.slide_nav {font-size: 0;width: 60px;height: 60px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 20; background: url("../UploadFiles/vbg01.png") no-repeat rgb(255,255,255);border-radius: 50%;box-shadow: 0px 2px 10px rgba(0,0,0,.2);transition: all 0.4s;  opacity: 0.6; }
.prev {left: 5%;background-position: -2px 0;}
.next {right: 5%;background-position: -58px 0;}
.prev:hover {background: url("../UploadFiles/vbg02.png") no-repeat rgb(1,75,150);background-position: -2px 0;}
.next:hover {background: url("../UploadFiles/vbg02.png") no-repeat rgb(1,75,150);background-position: -58px 0;}
.slide_tabs {display: flex; justify-content: space-between; position:absolute; bottom: 20px; left: 50%; z-index: 100; width: 100px; transform: translateX(-50%);}
.slide_tabs li {display: block; width: 12px; height: 12px; border-radius: 6px; font-size: 0px; background-color: #014b96; transition: all 0.4s;}
.slide_here {width: 36px!important;}
#find_bottom {position: absolute; z-index: 4; left: 0; right: 0; bottom: 20px; width: 30px; height: 30px; margin: 0 auto; border: 2px dotted #014b96; border-radius: 100%; text-align: center; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transition: all ease 0.3s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; visibility: hidden;}
.opacity_show_top{opacity: 1 !important; transition: all ease 1s !important; -webkit-transition: all ease 1s !important; -moz-transition: all ease 1s !important; -ms-transition: all ease 1s !important; -o-transition: all ease 1s !important; -webkit-transform: translateY(0px) !important; -moz-transform: translateY(0px)!important; -ms-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; transform: translateY(0px) !important;}
@media(max-width:1200px){.slide_container{width: 1200px;}}
@media(max-width:1000px){.slide_nav {width: 30px; height: 30px; background-size: 60px 30px;} .prev {background-position: -1px 0;} .next {background-position: -28px 0;} .prev:hover {background-size: 60px 30px; background-position: -1px 0;} .next:hover {background-size: 60px 30px; background-position: -28px 0;}.slide_container{width: 1000px;}}

/*首页产品*/
.syfwbox{width: 100%;}
.syfw{width: 90%;margin: 0 auto;padding: 40px 0;}
.syfwlb{padding: 0 29px;box-sizing: border-box;width: 1258px; height: 300px;}
.syfwlb::before,.syfwlb::after{content: "";position: absolute;width: 30px;height: 100%;top: 0;}
.syfwlb::before{left: -1px;}.syfwlb::after{right: -1px;}
.syfwnra{width: 100%;display: block;background-color: #f9f9f9;}
.syfwnra .sytpnr{width: 100%;overflow: hidden;}
.syfwnra .sytpnr img{width: 100%;display: block;transition: all 0.6s;}
.syfwnra p{font-size: 18px;line-height: 76px;color: #212121;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 60px 0 20px;box-sizing: border-box;position: relative;}
.syfwnra p::before{content: "";position: absolute;width: 18px;height: 12px;background-image: url("../../UploadFiles/bj/yjtb.png");background-size: 18px 12px;right: 20px;top: 50%;transform: translateY(-50%);opacity: 1;transition: all 0.6s;}
.syfwnra p::after{content: "";position: absolute;width: 0;height: 2px;background-color: #00afb4;left: 0;bottom: 0;transition: all 0.6s;}
.syfwnra:hover .sytpnr img{transform: scale(1.1);}
.syfwnra:hover p::before{top: 50%;opacity: 1;}
.syfwnra:hover p::after{width: 100%;}
@media(max-width:1200px){.syfw{width: 96%;}.syfwnr .syfwbt{font-size: 22px;} .syfwlb{width: 1200px;}}
@media(max-width:1000px){ .syfwlb{width: 1000px;}}

/*文章分页样式*/
#fenye {clear:both;}
#fenye a {display:inline-block; float:left; width:28px; height:28px; border:1px solid #bfbfc7; margin-left:5px; border-radius:3px; font-size:12px; text-align:center; color:#666; line-height:28px; background:#fff;}
#fenye .prev,#fenye .next {width:60px;}
#fenye a.curr {border:1px solid #bfbfc7; color:#fff; background:#bfbfc7;}
#fenye a:hover {border:1px solid #bfbfc7; color:#fff; text-decoration:none; background:#bfbfc7;}
#pageNext {margin:10px;}
#pageNext .prev,#pageNext .next {width: 60px; text-align:center;}
#pageNext a.curr {background: #bfbfc7;border: 1px solid #bfbfc7;color: #fff;}
#pageNext a.curr span {color:#fff !important;}
#pageNext a {float: left; width: 28px; height: 28px; margin-left: 5px; border: 1px solid #bfbfc7; border-radius: 3px; font-size: 12px; line-height: 28px; text-align: center; color: #666;background: #fff;}
#realname {height: 30px; border: 1px solid #ddd;}
#b1 {padding: 5px 10px; border: 1px solid #ff7d02; border-radius: 3px; color: #fff; background: #ff7d02;}

.fenyetips {display:none}
#pagelist {line-height:22px; color:#666;}
#pagelist a {float:left; width:28px; height:28px; border:1px solid #bfbfc7; border-radius:3px; margin-left:5px; font-size:12px; line-height:28px; color:#666; text-align:center; background:#fff;}
#pagelist a.next,#pagelist a.prev {width:50px;}
#pagelist a.curr {border:1px solid #bfbfc7; color:#fff; background:#bfbfc7;}
#pagelist a:hover {border:1px solid #bfbfc7; color:#fff; text-decoration:none; background:#bfbfc7;}
#pagelist a img {display:block; margin:0 auto; margin-top:12px;}
#pagelist span {height:28px; margin-left:10px; font-size:13px; line-height:28px;}
#pagelist span#totalpage {margin:0;}
.fenye a img {display:block; margin:0 auto; margin-top:12px;}

/* 图片分页方式的样式*/
.imagelist {width:990px; margin:0 auto;} /*总宽度*/
.imagelist .imagetop {margin:5px; padding-right:5px; text-align:right;}
.imagelist .imagetop a {color:#767676;}
.imagelist .defaultimagesrc {margin:5px; padding-top:40px; padding-bottom:40px; text-align:center;}
.imagelist .defaultImagesrc img {padding:2px; border:1px solid #f1f1f1;}
.imagelist .imageintro {font-size:14px; text-align:center;}
.thumb {height:112px; padding:5px; background:#FFF;}
.thumb_1 {float: left; height: 50px; width: 60px; padding-top: 30px; font-size: 14px;color:#000; text-align: center; font-weight: 400;}
.thumb_1 .font-28 {font-size:18px; color:red;}
.thumb_2 {float: left; width: 790px;}
.thumb_2_1 {float: left; width: 35px; height: 113px; margin-left:10px; background:url(qh1.gif) no-repeat 0px 20px; cursor:pointer;}
.thumb_2_2 {float: right; width: 35px; height: 113px; background:url(qh2.gif) no-repeat 0px 20px; cursor:pointer;}
#scrool_div {position:relative; width:708px; height:110px; overflow:hidden;}
#scrool_wrap {position:absolute; width:20000px; height:110px;}
#scrool_wrap li {float:left; width:130px; height:100px; margin-right:10px;}
#scrool_div img {width:126px; height:95px; margin:5px}
.normalthumb img {padding:2px; border:1px solid #F9AF10}
.currthumb img {padding:2px; border:1px solid #ff6600;}

/*组图显示方式的样式*/
.imggrouplist {width:90%; margin:0 auto;}
.imggrouplist li {float:left; width:150px; margin:2px; padding:5px; border:1px #f1f1f1 solid; text-align:center; background:#FFFFFF;}
.imggrouplist li img {width:145px; height:120px;}

/*平行显示方式样式*/
.imglist {text-align:center}
.imglist img {border:4px solid #efefef; padding:1px;}
.imglist div {margin-bottom:15px;}
#pageNext {text-align:right;}