@charset "utf-8";
@font-face {
    font-family: 'OPPOSans-R';    
	src: 
    url('../font/OPPOSans-R.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size:15px; font-family:"OPPOSans-R","Microsoft Yahei", 宋体, Verdana, Arial, Helvetica, Sans-serif;font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
input, textarea { outline:none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*input框自动填充背景色*/
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 1000px #fff inset;	/**通过边框阴影遮挡住背景*/
/*-webkit-text-fill-color: #333; !**填充字体颜色*!*/
}
body { overflow-x:hidden; }
a, a:link, a:visited { color:#333333; text-decoration:none; }
a.active { color: #ff0001; text-decoration:none; }
.cl { clear:both; visibility:hidden; font-size:0px; line-height:0px; width:100%; height:0; padding:0px; margin:0px; }
/*clear float*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.red, a.red:link, a.red:visited { color:#ee7800; }
a.red:hover { color:#ffb02c; }
.dot { color:#ae1d2c; }
.container { max-width:1350px; margin:0 auto; }
img { max-width: 100%;}



/*header*/
.headerpage { clear:both; width:100%; margin:0 auto 0 auto; padding:0; position:fixed; z-index:11; }
.headerpage:after, .headerpage:before { content: ''; display: block; clear: both; height: 0; }

header { width:100%; padding:0; }
header:after, header:before { content: ''; display: block; clear: both; height: 0; }
.head{ margin: auto;width:85%;display: flex; padding:0;justify-content: space-between;align-items:center;}
.head .logo {width:150px; margin:10px 0 5px 0;  overflow:hidden;}
.head .logo  img{ width:100%;}
.headerright {width:65%;  }
.head .tubiao {width: 100px;}
.head .tubiao ul {display: flex; padding:0;justify-content: space-between;}
.head .tubiao li img { width:35px; }



.nav-fixed {width: 100%;position:fixed;transition: 0.3s ease-in-out; background-color:rgba(15,35,68,0.0);}
/*.nav-fixed .logo img {-webkit-filter: brightness(1000) grayscale(100); filter: brightness(1000) grayscale(100);}*/
.nav-fixed .logo img { }
.nav-active { background-image: linear-gradient(to top , #f2f2f2, #fff);/*box-shadow: 5px -1px 12px -5px grey;*/ border-bottom:1px solid #ececec;}
/*.nav-active .logo img { -webkit-filter: brightness(0) grayscale(0); filter: brightness(0) grayscale(0);}*/
.nav-active .mainnav ul>li.fmenu a { color:#333;list-style:none;}
.nav-active .mainnav ul>li a:hover,.nav-active .mainnav ul>li a.active,.nav-active .mainnav ul>li a.active:link,.nav-active .mainnav ul>li a.active:visited{color:#ff0001;}

.wapnav { float:right; display:none; }

/*Banner大图调用 开始*/
.top1 { width: 100%; height:100%; position: relative;}
.top1 img{ width:100%;height:100%; display: block;}
.top1 .swiper-container {width: 100%; height:auto;}
.top1 .swiper-pagination { position: absolute;bottom:5%;left: 0; width: 13%; left: 42.5%;}
.swiper-pagination-bullet { background: #fff;opacity: .5;}
.swiper-pagination-bullet-active { opacity: 1; background: #fff;}
.top1 .swiper-slide {position: relative;cursor: pointer;}
.top1 .swiper-slide.ban0{cursor: default;width: 100%; height: 100%;}
.top1 .swiper-slide>div {position: absolute; bottom: 0; left: 12rem; width: 28.5%; padding: 3rem 4.5rem; background:url(../images/bcg1.jpg) center;}
.top1 .swiper-slide>div.vid {width: 100%;left: 0; padding: 0; position: absolute; top:0; height: 100%;}
.top1 .swiper-slide>div.vid video{ width: 100%; height: 100%; object-fit: fill;}
.top1 .swiper-slide.ban1>img { opacity: 0;}
.top1 .swiper-slide.ban2>ul { position: absolute;  top: 0; left: 0; width: 100%;  height: 100%; overflow: hidden;}

.top1 .swiper-slide.ban2>ul>li { position: absolute; width: 100%;top: 0;left: 0; opacity: 0;transition: .5s;-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.top1 .swiper-slide.ban2>ul>li.on { opacity: 1;}
.top1 .swiper-slide.ban2>div { display: flex;justify-content: space-between;flex-wrap: wrap;   padding: 0;}
.top1 .swiper-slide>div>div { width: 50%;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.top1 .swiper-slide>div>div:first-child { }
.top1 .swiper-slide>div>div:last-child { width: 100%; border-top: 0px solid #f3f3f62a;}
.top1 .swiper-slide>div>div:hover,
/*Banner大图调用 结束*/


/*--------------------------滚屏-----------------------------------*/
#fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute;z-index: 1; height: 4px;  width: 4px; border: 0; background: #ffcc00; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.fp-controlArrow {display:none;}
.page1 {background:url(../images/page1.jpg) center center no-repeat;background-size:cover;}
.page2 {background:url(../images/page2.jpg) center center no-repeat;background-size:cover;}
.page3 {background:url(../images/page3.jpg) center center no-repeat;background-size:cover;}
.page4 {background:url(../images/page4.jpg) center bottom no-repeat;background-size:cover;}
.page5 {background:url(../images/page5.jpg) center center no-repeat;background-size:cover;}
.page6 {background:#fff;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #ffcc00;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
/*----------------------------------滚屏------------------------------------------*/


/*首页样式*/
.widthbox { margin:0 auto; width:90%;}
.ibaoti {text-align: center; padding-top:2%;}
.ibaoti h1 {font-size: 42px; color:#333;font-weight: bold;}
.ibaoti h1 a {font-size: 42px; color:#333;font-weight: bold;}
.ibaoti h2 {font-size: 42px; color:#e62c1e;font-weight: bold;letter-spacing: 5px;}


/*--------第二屏四分类------*/

.indPro {width: 100%; height: 100vh;position: relative;z-index: 1; display: flex;align-items: center;}
.indPro .Tit {display: none;}
.indProBox { width: 100%;height: 100%; position: relative; z-index: 2;}
.indProBox .swiper-container { width: 100%; height: 100%;}
.indPro .next, .indPro .prev { width: 25px; height: 70px;background: rgb(255 255 255 / 27%);background-image: url(../images/jt_rw.png); background-repeat: no-repeat; background-position: center; background-size: 60% 30%; transition: all .3s ease-in-out; position: absolute; top: 50%; transform: translate(0, -50%); z-index: 999; display:none;}
.indPro .prev { left: 0;transform: translate(0, -50%) rotate(180deg);}
.indPro .next {right: 0;}
.indProItem { height: 100%; width: 100%;position: relative; }
.indProItem h5 { width:100%; padding:15% 0 140% 15%;  position: absolute; bottom:0%;/*height: 116px;*/ /*left: 60px;*/ display: block;font-size:36px; font-weight:600;line-height: 1.4; color: #fff; opacity: 1; transform: translate(0); cursor: pointer;
 transition: all .48s;}
.indProImg { height: 100%; background: #ccc; position: relative; overflow: hidden;}
.indProBox.on .indProImg {background: none;}
.indProImg::after { content: ''; width: 100%; height: 100%;  background: rgba(0, 0, 0, .28); position: absolute; left: 0; top: 0; transition: all 1s;
}
.indProImg img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: all .48s;}
.indProImg .img_m {display: none;}
.indProImg .img2 { display: none;}
.indProText { width: 100%; padding: 30px 60px; position: absolute; left: 0; top: 50%;transform: translateY(-50%); z-index: -1; opacity: 0; transition: all .48s;}
.indProText span {font-size:36px; font-weight:600;line-height: 1.4; /*letter-spacing: 5px;*/ color: #fff; display: block; margin-bottom: 20px;}
.indProText p {color: #fff; font-size: 26px; letter-spacing: 1px; margin-bottom: 25px;}
.indProText .More { width:140px; text-align:center;  background:#e1e1e1; padding:0.5rem 0; border-radius:0.3rem;}
.indProText .More a { font-size:15px; color:#333; font-weight:normal;}

.indProItem.on { z-index: 9; }
.indProItem.on h5 {  transform: translateY(0) !important; opacity: 0; transition: 1s ease;}
.indProItem.on .indProText { opacity: 1; z-index: 2; transition: 1s ease;}
.indProItem.on .indProImg::after {background: #111; opacity: .6; transition: 1s ease;}
.indProBox.on .indProItem .indProImg img {opacity: 0;}
.indProBox.on .indProItem { z-index: 2;}
.indProBox.on .indProItem.on {border-right: none;}
.indProBox.on .indProItem.on::after { content: ''; width: 1px; height: 100%;background: #111; opacity: .4; position: absolute; left: -1px; top: 0;}
.indProBox.on .indProItem h5 {transform: translateY(200px);opacity: 0;transition: all .48s;}

.indProVideoBox { width: 100%; height: 100%;position: absolute; left: 0;top: 0;background: #fff;display: none;}
.indProVideoBox .line {width: 100%; height: 1px; background: rgba(255, 255, 255, .28); position: absolute;left: 0; bottom: 210px;}
.indProVideoBox .line.on {z-index: 2;}
.indProItem_v {width: 25%;height: 100%;position: absolute; top: 0;}
.indProItem_v .indProVideo { width: 100%;height: 100%;}
.indProVideo video {width: 100%;height: 100%;object-fit: cover;}
.indProVideo img {width: 100%;height: 100%;object-fit: cover;}
.indProItem_v.on {width: 100%;left: 0 !important; z-index: 2; transition: all 1s;}


/*-----三屏核心产品------*/

.hxpro {display: flex;justify-content: space-between;flex-wrap:wrap; margin:2rem auto;}
.hxpro li { background:#fafafa;padding:2rem; transition:288ms;}
.hxpro li h1 {display: block; font-size: 18px; line-height: 1.4; margin-bottom: 8px; overflow: hidden;}
.hxpro li h5 { font-size:13px; color:#999; line-height:26px; margin-bottom:4rem;}
.hxpro li .oneimg { text-align:center;}
.hxpro li .twoimg img { width:100%;}
.hxpro li img {}
.hxpro li:nth-child(1) { width:24.2%;}
.hxpro li:nth-child(2) { width:24.2%;}
.hxpro li:nth-child(3) { width:48.4%;padding:0rem; background:none}

.hxpro li:nth-child(3) a:nth-child(2) .twoimg  { margin-top:1.8rem;}

.hxpro li:hover { color:#fff; background:url(../images/pro_Bg.png) center; background-size:100% 100%;}
.hxpro li:hover h5 { color:#fff}

.hxpro li:nth-child(3):hover { background:none}

.Promore{ width:160px; background:#e62c1e; text-align:center; color:#fff; font-size:15px; padding:8px 0; border-radius:5px; margin:0 auto;}
.Promore a { color:#fff;}
.Promore a:hover {color:#fff;}

/*----四屏公司介绍------*/
.company {display: flex;justify-content: space-between;flex-wrap:wrap;padding:0% 5% 0% 5%;}
.company .about {width: 54%;padding:2% 0 0 0; text-align:center;}
.company .about h1 {font-size: 32px;margin: 0rem 0 2rem 0; color:#333;}
.company .about h1 img { margin-bottom:0px;}
.company .about p {font-size: 15px;color: #333;line-height: 2rem;}



.project_more{ text-align:left; margin-top:40px;}
.project_more a{position:relative;display:block;font-size:16px;padding-left:30px;width:172px;height:50px;line-height:50px;background:#d81f27;border-radius:25px; left:50%; transform:translateX(-50%); color:#fff;}
.project_more a:before{position:absolute;content:"";width:30px;height:30px;right:10px;top:0;bottom:0;margin:auto;background:url("../images/aboutmore.png") no-repeat 55% 50%;background-color:#A8151B;border-radius:50%;background-size:30%;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;color:#fff;}
.project_more a:hover:before{transform:translateX(-10px);-ms-transform:translateX(-10px);-moz-transform:translateX(-10px);-webkit-transform:translateX(-10px);-o-transform:translateX(-10px);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;background-color:#A8151B;color:#fff;}
.project_more a:hover{background:#D81F27;color:#fff;}


.company .shuzi {padding:0%; margin:2rem 11% 0 0;}
.company .shuzi .sugd { width:360px;}
.company .shuzi .sugd li {background-color:rgba(255,255,255,0.8); border-radius:1rem;color: #333; margin-bottom:2rem; padding:2rem 2rem 1rem 2rem;display: flex;justify-content:space-between; align-items:center;}
.company .shuzi .sugd li span {font-size: 58px; line-height:4rem; color:#e62d1e; font-weight:bold;}
.company .shuzi .sugd li p {font-size: 16px;}


.abritu {overflow: hidden;}
.abritu img {transition: all .3s linear;}
.abritu img:hover {transform: scale(1.1);}

.innews  {display: flex;justify-content: space-between;flex-wrap:wrap; padding:3rem 0;}
.innews li { width:22%;  }
.innews span { font-size:14px; color:#999;}
.innews h3 { font-size:20px; height:23px; overflow:hidden; margin:0.5rem 0 1rem 0;}
.innews li:hover h3 { color:#ff0001}
.innews p { font-size:14px; color:#666; margin-bottom:2rem;}

/*-----第六屏------*/
/*底部四板块链接*/
.blink { display:flex; justify-content:space-between; flex-wrap:wrap;}
.blink li { width:23%; text-align:center; padding:2% 3% 4% 3%; border-radius:1.5rem;background:#fafafa;transition: .3s;}
.blink li .tbimg { width:70px; height:70px; margin:1rem auto; border-radius:45px; padding:10px; border:0px solid #a3a3a3;transition: .3s; }
.blink li .tbimg img { width:100%;}
.blink li h1 { font-size:21px;}
.blink li h2 { font-size:15px; color:#666; line-height:28px; margin:1.5rem 0 2rem 0;}
.blink li h5 { font-size:14px; color:#999}
.blink li:hover .tbimg {background:#fff; border:0;transition: .3s;}
.blink li:hover .tbimg img {}

.blink li:hover {background:#d81f27; transition: .3s; -webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);transition: .3s;}
.blink li:hover h1 { color:#fff;}
.blink li:hover h2 { color:#fff;}
.blink li:hover h5 { color:#fff;}

.fl_menu{ text-align:center; margin:30px 0 20px 0; }
.fl_menu a{  text-align:center; margin:0 0%; padding:0 0; line-height:41px; display:inline-block; width:206px; color:#fff;  }
.fl_menu .hkbox1{ background:url(../images/fl_menu.png) no-repeat center; background-size:100% 100%; text-decoration:none; transition: 588ms; color:#fff;  }
.fl_menu .hkbox1a{ background:url(../images/fl_menua.png) no-repeat center; background-size:100% 100%;  color:#fff; }


/*首页样式 end*/

/*尾*/
.footerbg { clear:both; width:100%; padding:3% 0; }
.footwz {display:flex; justify-content:space-between; flex-wrap:wrap;}


.footmenu{ width:62%;display:flex; justify-content:space-between;}
.footmenu dl {}
.footmenu dt { font-size:16px; margin-bottom:1rem; font-weight:normal}
.footmenu dd { font-size:14px;}
.footmenu dd a{ font-size:14px; color:#999; line-height:21px;}
.footmenu a:hover{ color:#f37305; }

.footewm { }
.footewm font{ display:block; font-size:16px; margin-bottom:12px;}

.footesc { }
.footesc font{ display:block; font-size:16px; margin-bottom:12px;}
.footesc ul {width:100%; overflow:hidden; margin-bottom:1.5rem;}
.footesc li { float:left; margin-right:10px; }
.footesc .Tel { font-weight:bold; font-size:28px;}

.footerbottom {text-align:center; border-top:1px solid #e3e3e3; padding:1%; font-size:14px; color:#999; }
.footerbottom a{ color:#999; font-size:14px; }

.mylinksbg { margin-top:10px; }
.btn-secondary { border:1px solid #fff; background:#fff; color:#333; }
.btn-secondary:hover { background:#fff; color:#333; }
.btn-secondary.focus, .btn-secondary:focus { background:#fff; color:#333; }

.fnav2{ display:none}
/*内页*/

.midpicarea { border:solid 1px #bbbbbb; z-index:5; cursor:crosshair; }
.bigpicarea { border:solid 1px #bbbbbb; overflow:hidden; position:absolute; z-index:6; }
.viewarea { border:solid 1px #fff; cursor:move; background-color:#999; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; overflow:hidden; position:absolute; z-index:10; }
.zoomsmall { margin-top:8px; }
.zoomsmall ul { clear:both; }
.zoomsmall ul li { float:left; margin:0 2px; }
.zoomsmall ul li img { border:solid 1px #bbbbbb; padding:2px; cursor:pointer; }
/*内页*/
.mainpage { clear:both; width:100%; margin:0px auto 0 auto; padding:0; }
.mainpage:after, .mainpage:before { content: ''; display: block; clear: both; height: 0; }
.left { clear:both; overflow:hidden; padding:0 0%; margin:0 auto; width:100%; border-bottom:1px solid #ededed;}
.right { clear:both; width:90%; margin:0 auto; padding:0 0%; }
.mainarea { position:relative; clear:both; overflow:hidden; min-height:360px; height:360px; }
.mainarea .container, .mainarea .container-fluid { padding:0; }
[class].mainarea { height:auto; }
.mainarea div.content { font-size:14px; line-height:23px; }


.zoominfo { clear:both; }
/*.zoominfo .zoominfoleft{ float:left; }*/
.zoominfo .zoominforight { float:left; margin-left:15px; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3 { font-size:16px; font-weight:bold; }
.zoominfo .htmleaf-content { max-width:500px; margin:3% auto 0 auto; }
.zoominfo .thumbnails { border:1px solid #d6d6d6; }



/*产品view页*/
.proinfo_view { clear:both; }
.proview { clear:both; margin:0 auto 3%; }
.proviewle { float:left; }
.proviewri { clear:both; margin-left:5%; float:left; width:50%; }
.proview .title { font-size: 22px; padding: 15px 0; line-height: 26px; font-weight: bold; }
.proview .subtitle { line-height:1.875rem; color:#666; margin:0 auto 40px; }
.proview .proviewsummary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.proviewle .bigimg img { }
.proview .thumb-box { padding: 1.4em 0 1em; margin-left: -1%; width: 102%; }
.proview .thumb-box .thumbs { overflow: hidden;  *zoom: 1;
}
.proview .thumb-box .thumbs li { float: left; width: 23%; text-align: center; padding: 0 1%; }
.proview .thumb-box .thumbs li img { width: 100%; opacity: .8; -moz-transition: opacity 0.32s; -o-transition: opacity 0.32s; -webkit-transition: opacity 0.32s; transition: opacity 0.32s; border-bottom: 4px solid transparent; }
.proview .thumb-box .thumbs li img.active { border-color: #31ACE2; opacity: 1; }
.proview .thumb-box .thumbs li:hover img { opacity: 1; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.proinfo_view table { border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid; }
.proinfo_view td { border:#CCCCCC 1px solid; text-align:center; padding:4px; }
/*产品view页*/

.midpicarea { border:solid 1px #bbbbbb; z-index:5; cursor:crosshair; }
.bigpicarea { border:solid 1px #bbbbbb; overflow:hidden; position:absolute; z-index:6; }
.viewarea { border:solid 1px #fff; cursor:move; background-color:#999; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; overflow:hidden; position:absolute; z-index:10; }
.zoomsmall { margin-top:8px; }
.zoomsmall ul { clear:both; }
.zoomsmall ul li { float:left; margin:0 2px; }
.zoomsmall ul li img { border:solid 1px #bbbbbb; padding:2px; cursor:pointer; }

/*公司介绍*/
.hjprofile01 { background:#f8f9fb; padding:4% 0;}
.hjprofile01 dl {display:flex; justify-content:space-between; flex-wrap:wrap;}
.hjprofile01 dd { width:48%;}
.hjprofile01 dt { width:48%; border-radius:1rem; overflow:hidden;}
.hjprofile01 h1 {font-size: 36px; margin-bottom: 15px;}
.hjprofile01 h2{font-size: 26px; display: block; margin-bottom: 40px;}
.hjprofile01 h6 { padding-left: 65%;position: relative; margin-bottom: 60px; }
.hjprofile01 h6 img {width: 270px;}
.hjprofile01 h6::after {content: ''; width: 700px; height: 1px;background: #e0e0e0; position: absolute;left: 65%;top: 50%;transform: translate(-100%, -50%);}
.hjprofile01 p { font-size:18px; line-height:2.6rem;letter-spacing: 5px;}

.hjprofile02 {display:flex; justify-content:space-between; flex-wrap:wrap; padding:4% 0;}
.hjprofile02 dd { width:48%;}
.hjprofile02 dt { width:48%; border-radius:1rem; overflow:hidden;}
.hjprofile02 p { font-size:18px; line-height:2.6rem; letter-spacing: 5px;}

.hjprofile03 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.hjprofile03 li:nth-child(1) { width:60.3%}
.hjprofile03 li:nth-child(2) { width:39.7%; background:#f9f9f9;}
.hjprofile03 li img{ width:100%;image-rendering: pixelated}

.hjprofile04 img {image-rendering: pixelated}



/*加盟支持*/

.hjinner01 { background:#f8f9fb; padding:3rem 0 4rem 0;}
.hjinner01 dl {display:flex; justify-content:space-between; flex-wrap:wrap;  margin-top:3rem;}
.hjinner01 dl dt { width:50%; }
.hjinner01 dl dt img { width:100%;}
.hjinner01 dl dd { width:47%; }
.hjinner01 li { background:#fff; border-radius:10px; padding:5%; margin-bottom:6%;display:flex; align-items:center;}
.hjinner01 li span { font-size:22px; font-weight:bold; display:block;}
.hjinner01 li .zcimg { width: 60px; margin-right:30px;}
.hjinner01 li p { width:80%; }
.hjinner01 li:last-child{ margin:0;}


.hjinner02 { padding:3% 0 3% 0;}
.hjinner02 ul {display: flex; justify-content: space-between;  flex-wrap: wrap;}
.hjinner02 li {width: calc(20% - 52px); margin-right: 65px; padding: 30px 0 40px 0; background: #f29b16; border-radius: 10px; text-align: center; box-shadow: 0 0 10px rgb(245 247 251);margin:3rem 0; position: relative;transition: all .48s; color:#fff;}
.hjinner02 li:nth-child(5n) { margin-right: 0;}

.hjinner02 li::after { content: ''; width: 65px;  height: 1px; border-top: 1px dashed #c1c3c6;position: absolute; right: 0;top: 50%; transform: translate(100%, -50%);}
.hjinner02 li::before { content: '';width: 18px; height: 25px; background-image: url(../images/inveJmItem.png); background-repeat: no-repeat;background-size: contain; position: absolute; right: -45px; top: 50%; transform: translateY(-50%);
}
.hjinner02 h3 { margin-bottom:5%;font-family: tekoregular, "Microsoft Yahei", 宋体, Verdana, Arial, Helvetica, Sans-serif; font-size:5rem;}
.hjinner02 h5 { margin:1rem auto 1.5rem auto; width:70%;  border:1px dotted rgba(255,255,0,0.5);}
.hjinner02 li:nth-child(5n)::after {display: none;}
.hjinner02 li:nth-child(5n)::before {display: none;}


.hjinner03 { background:#f8f9fb; padding:3rem 0;}
.hjinner03 .honor {display: flex; justify-content: space-between;  flex-wrap: wrap;}
.hjinner03 .honor li { width:15%; background:#fff; padding:1.5rem; text-align:center; border-radius:10px; margin:2rem 0 1rem 0;box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.hjinner03 .honor li p { border-top:1px solid #dcdcdc; margin-top:1rem; padding-top:1rem;}

/*售后服务*/
.sh_info { text-align:center; padding:4rem 0;}
.sh_info font { display:block; margin:2rem 0 4rem 0; font-size:16px; line-height:2rem;}
.sh_info ul { margin:0 auto; width:70%;display: flex; /*justify-content: space-between;*/ flex-wrap: wrap;}
.sh_info li { width:20%; text-align:center;}
.sh_info li img { margin-bottom:1rem;}
.sh_info li p {font-size:18px;}

.gs_news { padding:3rem 0;}
.gs_news dl {display: flex; flex-wrap: wrap; align-items:center; margin:2% auto; background:#f8f9fb; border-radius:1rem;}
.gs_news dt { width:35%; margin-right:3%;}
.gs_news dd { width:58%; }
.gs_news dd  span { color:#999;}
.gs_news dd p {color:#666; margin:1rem 0;}
.gs_news dd:hover h3 { color:#ff0001;}

.hy_news { padding:3rem 0; background:#f8f9fb;}
.hy_news ul {display: flex; flex-wrap: wrap;}
.hy_news li { width:31.3%; padding:3rem; background:#fff; margin:1rem 0; border-radius:1rem; margin-right:3%;}
.hy_news li:nth-child(3n) { margin-right:0;}
.hy_news li h3 { font-size:18px; color:#333; font-weight:normal;}
.hy_news li a p { color:#999; font-size:14px; margin-bottom:1.5rem; }

/*内页位置*/
.positioninfobox { clear:both; margin:0 auto; width:100%; border-bottom:1px solid #ededed; padding-bottom:10px; background:#fff;}
.posbox { clear:both; overflow:hidden; margin:0 auto; display: flex; justify-content: space-between; }
.position { text-align:right;  color:#000;padding:20px 0 0 25px; background:url(../images/home.png) no-repeat; background-position:0px 20px; }
.position a, .position a:link, .position a:visited { color:#000; }
.position a:hover, .position font.active, .position a.active, .position a.active:link, .position a.active:visited { color:#d71820; }
.positioninfo { width:70%; }
.positioninfo span { display:inline-block; padding:15px 0 10px 0;color:#333; font-size:18px; font-weight:bold;}


.menu1 { text-align:center; margin:0px auto 10px auto; width:80%; background-color:#FFF; border:#e5e5e5 1px solid; }
.menu1 a { color:#000000; padding:0.7% 5%; border-radius:0px; font-size:18px; line-height:45px; text-decoration:none; text-align:center; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; border-right:1px solid #CCC; }
.menu1 a:link, .menu1 a:visited { }
.menu1 a:hover, .menu1 a.active, .menu1 a.active:link, .menu1 a.active:visited { color:#FFFFFF; background:#015eb7; }



.menu3 { clear:both; margin:0px auto;overflow:hidden; }
.menu3 h3 { float:left; padding:0% 2%; margin:0%;}
.menu3 h3 a, .menu3 h3 a:link, .menu3 h3 a:visited { font-size:16px; display:block; font-weight:bold; text-align:center; padding:15px 0; color:#333; line-height:32px; border-bottom:2px solid #fff}
.menu3 h3 a:hover, .menu3 h3 a.active, .menu3 h3 a.active:link, .menu3 h3 a.active:visited {color:#ff0001; border-bottom:2px solid #ff0001; text-decoration:none; }


.menu4 { clear:both; margin:0 auto; max-width:1200px; }
.menu4 ul { clear:both; margin:0 auto; text-align:center; padding-top:10px; }
.menu4 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden; }
.menu4 ul a:hover, .menu4 ul a.active, .menu4 ul a.active:link, .menu4 ul a.active:visited { color:#fff; background:#d71820; border:none; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }

.menu2 { clear:both;display: flex;}
.menu2 h3 {width: 32%; 	height: auto; 	line-height: 1.6; 	position: relative; 	cursor: pointer; font-size: 16px; font-weight: bold; 	background: #fff; 	text-align: center; 	margin: 3% 10px; 	padding: 25px 0px; 	border-radius: 100px; 	box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);}
.menu2 h3 a { color:#000;font-size:20px; text-decoration: none; text-align:center;}
.menu2 h3:hover, .menu2 h3.active{background: #bb2f31; color: #fff;}
.menu2 h3:hover a, .menu2 h3.active a{color: #fff;}


.backtop { text-align:right; margin:10px 0 20px 0; }
.infosearch { text-align:right; margin-bottom:10px; padding:2% 0 0 0; overflow:hidden; }
.infosearch input[type="text"] { width:240px; height:33px; border: 1px solid #dddddd; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; padding-left:10px; background-color:#ffffff; }
.infosearch input[type="submit"] { background:url(../images/serach.jpg) no-repeat;border: 0px solid #f37305; height:25px; width:48px; color:#ffffff; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px; }
.infodes { clear:both; padding:10px 0; line-height:20px; }
.af { clear:both; }
.af dl { clear:both; font-size:12px; line-height:23px; }
.af dl dt, .addf dl dd { float:left; }
.af dl dt { width:70px; text-align:right; }
/*信息*/

.ju{color: #f0916b}
.info_list { clear:both; margin-top:0px; padding:0px; }
.info_list ul { clear:both; }
.info_list ul li { float:left; text-align:center; margin-top:15px; }
.info_listimg { clear:both; margin-top:0px; padding:0px; overflow:hidden }
.info_listimg ul { clear:both; margin-top:10px; }
.info_listimg ul li { float:left; width:23%; padding:5px 1% 5px 1%; text-align:center; line-height:36px; }
.info_listimg ul li a { display:block; padding:0px; }
.info_listimg ul li img { width:100%; display:block; border:1px solid #dddddd; }
.info_listimg ul li a:hover { text-decoration:none; }
.info_listimg ul li a p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.info_list .info_span{ border-bottom:1px solid #f36f03; font-size: 22px; display:block;font-weight: bold; margin:30px 0 10px 0; }
.info_list .info_span strong{padding: 8px 20px 8px 20px; display:inline-block; color:#ffffff; background:#f36f03; background: linear-gradient(-135deg, transparent 15px, #f36f03 0); }
.info_list .info_name{padding: 11px 0px;  font-size: 18px;display: inline-block; font-weight:bold; }
.info_list .info_ol{font-size: 18px !important; padding: 0px 0px !important; border-bottom:0px !important; }

.info_list ol.listhead { width:100%; display:flex; background: #eeeeee; font-size:14px; height:30px; line-height:30px; text-align:center; color:#333333; margin:20px 0 0 0; }
.info_list ol.listhead span.title { width:70%; font-size:15px; font-weight:bold;  }
.info_list ol.listhead span.title a { font-size:15px; font-weight:bold; }
.info_list ol.listhead span.views { float:left; width:10%; }
.info_list ol.listhead span.date { width:29%; text-align:center; padding:0 0px 0 0;  }
.info_list ol.info { display:flex; clear:both; font-size:12px; line-height:22px; padding:10px 0 10px 10px;  margin:0 0 10px 0; border-bottom:1px dashed #ddd;   }
.info_list ol.bg { background: #f5f5f5; padding:0 0 0 10px; }
.info_list ol.info font.dot { color:#ee7700; font-family:"宋体"; }
.info_list ol.info a.title { width:74%;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.info_list ol.info span.views { float:left; width:10%; text-align:center; font-size:12px; color:#666666; }
.info_list ol.info span.date {  width:25%; text-align:right; padding:0 0px 0 0; font-size:12px; color:#666666; }
.info_list dl { text-align:center; padding:5px 1%; }
.info_list dl dd { line-height: 36px; }
.info_list dl dd a { display:block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.info_list dl:hover dd a { color:red; }
.info_view { clear:both; padding:5px 0 10px 0; margin-top:2%; }
.info_view h1.title { font-size:22px; line-height:26px; padding:15px 0 0 0; text-align:center; font-weight:bold; }
.info_view h2.subtitle { background:#f5f5f5; color:#999; font-size:13px; line-height:22px; padding:5px 0; text-align:center; }
.info_view div.content { padding:5px 5px; line-height:30px; }
.info_view div.content p { padding:4px 0; }
.info_view img { max-width:100%; margin:0 auto; display:block; margin:2% auto; }
.info_view div.atta { font-size:16px; line-height:23px; padding-top:2px; color:#ee7700; font-weight:bold; width: 100%; }
.info_view div.comment { font-size:14px; line-height:23px; padding-top:2px; }
.info_view div.other { text-align:left; padding-right:0px; }
.info_view .bigimg { padding:10px 0px; text-align:center; }
.info_view table { border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid; }
.info_view td { border:#CCCCCC 1px solid; text-align:center; padding:4px; }
.info_commentlist { clear:both; margin-top:0px; padding:0px; }
.info_commentlist h1 { background:#eeeeee; font-size:14px; line-height:28px; padding-top:3px; text-align:center; }
.info_commentlist p.name { clear:both; font-weight:bold; padding:3px 0; }
.info_commentlist p.date { clear:both; padding:3px 0; }
.info_commentlist p.content { clear:both; font-size:12px; line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc; }
.info_commentadd { padding:5px; }
.info_commentadd p { padding:3px 0; }
.info_commentadd input[type="text"] { width:230px; }
.info_commentadd #txtcode { width:80px; }
.info_commentadd textarea { width:230px; }
.supply_add { padding:5px; }
.supply_add h2 { padding:5px; background-color:#f0f0f0; text-align:center; }
.supply_add p { padding:3px 0; }
.supply_add input[type="text"] { width:230px; }
.supply_add #txtcode { width:80px; }
.supply_add textarea { width:230px; }




/*产品*/
.product_cate { clear:both; }
.product_cate dl { clear:both; width:100%; margin-top:10px; }
.product_cate dl dt { float:left; width:30%; }
.product_cate dl dd { float:right; width:69%; line-height:21px; }
.product_cate dl strong { font-size:14px; }
.product_list { clear:both; }
.product_list ul { clear:both; padding:0; margin:0; }
/*产品：上图下字*/
.product_list { clear:both; margin-top:0px; padding:0px; overflow:hidden; }
.product_list li a img { transition: all linear 0.6s; width:90%; padding:8% 0 3% 8%  }
.product_list li a { color: #333; background:#f6f7f9; /*border: solid #eee 1px;*/ display: block; position:relative; overflow: hidden; }
.product_list li a:before { background:rgba(0, 0, 0, 0.4); position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height:0%; z-index: 5; content:"查看更多"; transition:all .6s linear;
display: flex; justify-content: center; align-items: center; }
.product_list li a:hover:before { height: 100%; color: #fff; opacity: 1; }
.product_list li a:hover img { transform: scale(1.3); }
.product_list li a p { line-height:48px; opacity: 1; transition:opacity .6s linear;
text-align:center; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size:16px; width:96%; margin:0 auto; }
.product_list li a:hover p { opacity: 0; }
/*产品：列表*/
.product_list ol.head { background: #eeeeee; font-size:14px; height:26px; line-height:26px; padding-top:2px; padding-left:16px; text-align:center; color:#333333; }
.product_list ol.head span.title { float:left; width:60%; }
.product_list ol.head span.views { float:left; width:10%; }
.product_list ol.head span.date { float:right; width:28%; }
.product_list ol.info { clear:both; font-size:12px; height:27px; line-height:27px; padding:2px 0 1px 16px; background-image:url(../images/bg.gif); background-repeat:no-repeat; }
.product_list ol.bg { background: #f5f5f5; }
.product_list ol.info font.dot { color:#ee7700; font-family:"宋体"; }
.product_list ol.info a.title { float:left; width:60%; }
.product_list ol.info span.views { float:left; width:10%; text-align:center; font-size:12px; color:#666666; }
.product_list ol.info span.date { float:right; width:28%; text-align:center; font-size:12px; color:#666666; }
/*产品：左图右字*/
.product_list dl { clear:both; width:100%; margin-top:10px; }
.product_list dl dt { float:left; margin-right:10px; }
.product_list dl dd { float:left; line-height:21px; }
.product_list dl strong { font-size:14px; }
.product_list dl div.summary { line-height:20px; }
/*.product_list ol.other,ol.other a,.product ol.other a:link,.product ol.other a:visited { display:block; font-size:12px; height:23px; line-height:23px;}*/
.product_view h1.title { border-bottom:1px dotted #ccc; font-size:22px; line-height:40px; padding:10px 0; text-align:center; font-weight:bold; }
.product_view h1.title b { display:block; line-height:30px; font-size:20px; }
.product_view h2.subtitle { background:#f5f5f5; color:#999; font-size:14px; line-height:22px; padding:5px 0; text-align:center; }
.product_view div.bigimg { text-align:center; padding:10px 0; }
.product_view div.bigimg img { }
.product_view dl { clear:both; }
.product_view dl dt, .product_view dl dd { float:left; }
.product_view dl dt { margin-right:10px; }
.product_view dl dd ul { clear:both; }
.product_view dl dd li { clear:both; font-size:12px; line-height:23px; }
.product_view dl dd span, .product_view dl dd p { float:left; }
.product_view dl dd span { width:70px; text-align:right; }
.product_view div.atta { font-size:12px; line-height:20px; color:#ee7700; }
.product_viewcart { padding:5px; }
.product_viewcart h2 { padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold; }
.product_viewcart p { padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px; }
.product_viewcart strong { font-weight:bold; }
.product_viewcart input[type="text"] { width:230px; }
.product_viewcart input.pnum { width:80px; }
.product_viewcart textarea { width:230px; }

.proinfo_view div.content { padding:5px 0px; font-size:16px; line-height:30px; }
.proinfo_view div.content p { padding:0px 0; font-size:16px; }

.proXq_pc {-webkit-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
opacity: 1 !important;}
.proXq_pc p { margin-bottom:-1px;}
.proXq_pc  img {
image-rendering: pixelated
}
.proXq_m { display:none;}
.proXq_m p { margin-bottom:-1px;}


/* 动画效果 */
.wgt-fade-animate {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
}


@-webkit-keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        opacity: .1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        opacity: .1; 
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.pro_m { background: url(../images/pro_2.jpg) top center; padding:5% 0;}
.pro_m ul {display:flex; /*flex-wrap:wrap;*/ justify-content:space-between;}
.pro_m li { }
.pro_m li:nth-child(1) { width:23%; }
.pro_m li:nth-child(2) { width:74.5%; display:flex;flex-wrap:wrap; align-content:space-between;  justify-content:space-between;}
.pro_m li:nth-child(2) div { width:31%;}
.pro_m li img { width:100%;}
/*.pro_m ol:nth-child(1) { padding-top:3%;}*/

.pro_x { background:#26252a;}
.pro_x ul {display:flex; justify-content:space-between;}

.pro_c { background:#161616; padding:7% 0; }

.pro_a { background:#161616;}
.pro_a ul {display:flex; justify-content:space-between;}


.pro_m1 { background: url(../images/pro_1.jpg) center; padding:0;}
.pro_m1 ul {display:flex; justify-content:space-between;}
.pro_m1 li { }

.pro_m2 { background: url(../images/pro_3.jpg) center; padding:0;}
.pro_m2 ul {display:flex; justify-content:space-between;}
.pro_m2 li { }


.pro_qz { background:#abbed3; padding:0;}
.pro_qz ul {display:flex; justify-content:space-between;}
.pro_qz li { }

.pro_qz3 { background:#111214; padding:0;}
.pro_qz3 ul {display:flex; justify-content:space-between;}
.pro_qz3 li { }

.pro_qz2 { background:#1f272a; padding:0;}
.pro_qz2 ul {display:flex; justify-content:space-between;}
.pro_qz2 li { }

.pro_gc1 { background:#262f37; padding:0;}
.pro_gc1 ul {display:flex; justify-content:space-between;}
.pro_gc1 li { }
.pro_gc1 li:nth-child(2) { padding:4% 2% 0 0}

.pro_gc2 { background:#464a49; padding:0;}
.pro_gc2 ul {display:flex; justify-content:space-between; align-items:center;}
.pro_gc2 li { }

.pro_gc3 { background:#fff; padding:0;}
.pro_gc3 ul {display:flex; justify-content:space-between; align-items:center;}
.pro_gc3 li { }
.pro_gc3 li:nth-child(2) { padding:0% 2% 0 0}

.pro_gc4 { background:#fff; padding:0;}
.pro_gc4 ul {display:flex; justify-content:space-between; align-items:center;}
.pro_gc4 li { }
.pro_gc4 li:nth-child(1) { padding:0% 0% 0 2%}


/*留言内页*/
.message_add { padding:5px; }
.message_add form{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.message_add p { width:49%; padding:0px 20px; border:1px solid #dcdcdc; margin:0 0 10px 0; font-size:16px; line-height:49px; background:#fff; color:#777777; }
.message_add p:nth-child(5),.message_add p:nth-child(6){ width:100%; }
.message_add input[type="text"] { width:90%; border:0px solid red; color:#999999; }
.message_add #txtcode { width:100px; }
.message_add textarea { width:99%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:0px solid #cccccc; }
.message_add .tijiao{  display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
.message_add .tijiao input{ width:49%; line-height:49px; background:#f37305; color:#fff; border:0px; }

.message_list { clear:both; margin-bottom:25px; padding:0px; font-size:12px; line-height:20px; padding:1px; }
.message_list h1.title { background:#ebebeb; font-size:14px; line-height:28px; text-align:center; }
.message_list div.memo { padding:5px 0; }
.message_list div.nickname { text-align:left; padding:3px 0px; }
.message_list div.adddate { text-align:left; padding:3px 0px; }
.message_list div.reply { padding:5px 0; background-color:#f7f7f7; }
.order_add { padding:5px; }
.order_add p { padding:3px 0; }
.order_add input[type="text"] { width:230px; }
.order_add #txtcode { width:100px; }
.order_add textarea { width:230px; }
/*人力资源内页*/
.job_add { padding:5px; }
.job_add p { padding:3px 0; }
.job_add input[type="text"] { width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.job_add #txtcode { width:100px; }
.job_add textarea { width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.job_add select { height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.joblist { clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px; }
.joblist p { padding:3px 0; }
.joblist p.biaoti { font-size:18px; }
.joblist p.biaoti span { font-size:18px; }
.joblist p.biaoti a { background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.joblist p.fabu { color:#666666; }
.viewpic { width:100%; text-align:center; clear:both; }
.viewpic img { margin:20px auto; display:block; }
/*招聘列表*/
.job_list{ clear:both; overflow:hidden;}
.job_list ul{ clear:both; overflow:hidden;max-width:1200px; width:100%;}
.job_list ul ol{color:#fff;display:flex; justify-content:space-around;align-items:center;line-height: 55px;width:100%;}
.job_list ul ol.head{background: #ceae59;}
.job_list ul ol span{flex:1; text-align:center;}
.job_list ul ol.info{color:#333;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.job_list ul ol a span{}
.white_content{ display:none;}
/*招聘列表*/
/*分页*/
.pagelist { clear:both; font-size:14px; line-height:26px; margin:2.5% 0%; text-align:center; color:#333333; }
.pagelist a { color: #363535; text-decoration: none; line-height: 26px; margin: 5px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1px 3px; display:inline-block; }
.pagelist a:hover { color:#0a51a3; text-decoration:none; border:#ccc solid 0px; background:#f1f1f1; }
.pagelist a.red { color:#ffffff; text-decoration:none; font-weight:bold; background:#d71820; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.pagelist a.red:hover { color:#ffffff; text-decoration:none; }
.plinktop { text-align:right; font-size:12px; line-height:25px; padding-right:8px; }
.plinktop a, .plinktop a:link, .plinktop a:visited { padding:0 3px; color:#363535; text-decoration:none; }
.plinktop a:hover { color:#ee7700; text-decoration:underline; }
.plinktop a.red, .plinktop a.red:link, .plinktop a.red:visited { color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover { color:#ee7700; text-decoration:underline; }
.plinkbottom { text-align:center; font-size:14px; line-height:25px; padding-right:0px; margin:20px 0 0 0; }
.plinkbottom a, .plinkbottom a:link, .plinkbottom a:visited { padding:0 3px; color:#363535; text-decoration:none; }
.plinkbottom a:hover { color:#ee7700; text-decoration:underline; }
.plinkbottom a.red, .plinkbottom a.red:link, .plinkbottom a.red:visited { color:#ee7700; text-decoration:underline; }
.plinkbottom a.red:hover { color:#ee7700; text-decoration:underline; }
.imgborder { border:#dedede solid 1px; }
.roundabout-holder { width:850px; height:496px; margin:0 auto; }
.roundabout-moveable-item { width:650px; height:394px; cursor: pointer; border:3px solid #ccc; border:3px solid rgba(0, 0, 0, 0.08); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.roundabout-moveable-item img { width:100%; }
.roundabout-in-focus { border:4px solid rgba(0, 0, 0, 0.1); }
/*新闻内页*/
.info_listxw { clear:both; padding:0px; display:block; overflow:hidden; }
.info_listxw dl { clear:both; padding:25px 0px; border-bottom:1px dotted #cccccc; overflow:hidden; position: relative; }
.info_listxw dl:before { content:""; background:#f8f8f8; width:100%; height:100%; position:absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }
.info_listxw dl:hover:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.info_listxw dl:hover dt img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.info_listxw dl dt { display:none; }
.info_listxw dl dd { clear:both; position:relative; padding:0px 1%; }
.info_listxw dl dd a.title { clear:both; display:block; font-size:18px; line-height:24px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.info_listxw dl dd:hover a.title { color:#ff0001;}
.info_listxw dl dd .jianyao { clear:both; font-size:14px; line-height:24px; color:#666666; height:28px; overflow:hidden; }
.info_listxw dl dd .newsdate { clear:both; color:#999999; line-height:26px; font-size:14px; }
/* 特效滚动 */
#focus_Box { position:relative; width:800px; height:554px; margin:20px auto; }
#focus_Box ul { position:relative; width:800px; height:554px }
#focus_Box li { z-index:0; position:absolute; width:0px; background:#787878; height:0px; top:146px; cursor:pointer; left:200px; border-radius:4px; box-shadow:1px 1px 12px rgba(200, 200, 200, 1) }
#focus_Box li img { width:100%; background:url(../images/loading.gif) no-repeat center 50%; height:100%; vertical-align:top }
#focus_Box li p { position:absolute; left:0; bottom:0px; width:100%; height:40px; line-height:40px; background:url(../images/float-bg.png) repeat; text-indent:8px; color:#fff; }
#focus_Box li p span { display:inline-block; width:70%; height:40px; overflow:hidden; }
#focus_Box .prev, #focus_Box .next { display:block; z-index:100; overflow:hidden; cursor:pointer; position:absolute; width:52px; height:52px; top:131px; }
#focus_Box .prev { background:url(../images/btn.png) left bottom no-repeat; left:0px }
#focus_Box .next { background:url(../images/btn.png) right bottom no-repeat; right:0px }
#focus_Box .prev:hover { background-position:left top; }
#focus_Box .next:hover { background-position:right top; }
#focus_Box a.imgs-scroll-btn { display:block; position:absolute; z-index:110; top:7px; right:15px; width:51px; height:23px; overflow:hidden; background:url(../images/share-btn.png) no-repeat; text-indent:-999px; }
/*QQ客服样式*/
.main-im { position:fixed; right:10px; top:300px; z-index:100; width:110px; height:272px; }
.main-im .qq-a { display:block; width:106px; height:116px; font-size:14px; color:#0484cd; text-align:center; position:relative; }
.main-im .qq-a span { bottom:5px; position:absolute; width:90px; left:10px; }
.main-im .qq-hover-c { width:70px; height:70px; border-radius:35px; position:absolute; left:18px; top:10px; overflow:hidden; z-index:9; }
.main-im .qq-container { z-index:99; position:absolute; width:109px; height:118px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom:1px solid #dddddd; background:url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { max-width:60px; display:block; position:absolute; left:6px; top:3px; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width:70px; left:1px; top:8px; position:absolute; }
.main-im .im_main { background:#F9FAFB; border:1px solid #dddddd; border-radius:10px; background:#F9FAFB; display:none; }
.main-im .im_main .im-tel { color:#000000; text-align:center; width:109px; height:105px; border-bottom:1px solid #dddddd; }
.main-im .im_main .im-tel div { font-weight:bold; font-size:12px; margin-top:6px; }
.main-im .im_main .im-tel .tel-num { font-family:Arial; font-weight:bold; color:#e66d15; }
.main-im .im_main .im-tel:hover { background:#fafafa; }
.main-im .im_main .weixing-container { width:55px; height:47px; border-right:1px solid #dddddd; background:#f5f5f5; border-bottom-left-radius:10px; background:url(../images/weixing-icon.png) no-repeat center center; float:left; }
.main-im .im_main .weixing-show { width:112px; height:172px; background:#ffffff; border-radius:10px; border:1px solid #dddddd; position:absolute; left:-125px; top:-126px; }
.main-im .im_main .weixing-show .weixing-sanjiao { width:0; height:0; border-style:solid; border-color:transparent transparent transparent #ffffff; border-width:6px; left:112px; top:134px; position:absolute; z-index:2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width:0; height:0; border-style:solid; border-color:transparent transparent transparent #dddddd; border-width:8px; left:112px; top:132px; position:absolute; }
.main-im .im_main .weixing-show .weixing-ma { width:104px; height:103px; padding-left:5px; padding-top:5px; }
.main-im .im_main .weixing-show .weixing-txt { position:absolute; top:110px; left:7px; width:100px; margin:0 auto; text-align:center; }
.main-im .im_main .go-top { width:50px; height:47px; background:#f5f5f5; border-bottom-right-radius:10px; background:url(../images/toTop-icon.png) no-repeat center center; float:right; }
.main-im .im_main .go-top a { display:block; width:52px; height:47px; }
.main-im .close-im { position:absolute; right:10px; top:-12px; z-index:100; width:24px; height:24px; }
.main-im .close-im a { display:block; width:24px; height:24px; background:url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration:none; }
.main-im .open-im { cursor:pointer; margin-left:68px; width:40px; height:133px; background:url(../images/open_im.png) no-repeat left top; }
.cart-btn { width: 60px; height:60px; height:60px; position: fixed; top:300px; right:0px; z-index: 99; cursor: pointer; }
/*导航栏开始*/
.mainnav ul li:hover > ul { display:block; }
.mainnav ul li:hover > ul li:hover { display:block; }
/*.mainnav li > a:after { content:  ' +'; }*/
.mainnav li > a:only-child:after { content: ''; }
/*导航栏结束*/
.menu1_box { overflow:hidden; text-align:center; }
.menu1_box h2 { display: none; }
.menu1_box a { color:#000000; line-height:40px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; }
.menu1_box a:link, .menu1_box a:visited { background:#e6e6e6; }
.menu1_box a:hover, .menu1_box a.active, .menu1_box a.active:link, .menu1_box a.active:visited { background:#d71820; color:#FFFFFF; }
.menu1_box ul li { display: inline; float: left; width:120px; }
.menu1_box ul { display: inline-block; overflow: auto; }
.page_road { text-align: center; border-bottom:1px solid #eaeaea; padding:1rem 0; }
/*订单信息*/
.tipcontent { width: 300px; margin: 10px auto 0 auto; }
.tipcontent .reason { margin-left: 10px; }
#iknow { display: block; line-height: 30px; height: 30px; width: 100px; margin: 0 auto; text-align: center; border-radius:5px; cursor:pointer; background:#d71820; color: #fff; margin-top:20px; }
.tipcontent table td { height:40px; }
.order_title { height:40px; line-height:40px; padding-left: 10px; }
.product_info { width:70%; }
.product_info td { width:25%; height: auto; line-height:35px; text-align: left; padding-left:30px; }
.pro_name { cursor:pointer; }
.address_info { width:80%; }
.address_info td:nth-child(2), .address_info td:nth-child(4) {
 width:30%;
 height: auto;
 line-height:35px;
}
/*订单退款申请结束*/
#layui-layer1 { border: 1px solid #8D8D8D; }
#layui-layer1 .layui-layer-title { padding-left:10px; font-size:15px; }
.action_box span, .action_box a { color:#40a9ff; cursor: pointer; }
/*相关产品/相关新闻*/
.product_related { clear:both; overflow:hidden }
.product_related .title { line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%; }
.product_related ul { }
.product_related ul li { float:left; width:21%; padding-right:2%; padding-left:2%; padding-bottom:2%; line-height:24px; }
.product_related ul li img { border:#e5e5e5 1px solid; width:100%; }
.product_related li a { text-align:center; display:block }
.news_related { clear:both; margin-top:2%; }
.news_related .title { line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%; }
.news_related ul { width:96%; margin:0 auto }
.news_related li { float:left; width:30%; margin-left:0.5%; margin-right:0.5%; line-height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.news_related li a { font-size:16px; }
/*资料下载弹窗*/
.mins {
	position: fixed;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: none;
	text-align: center;
}
.mins form{      width: 350px;
	margin: 220px auto;
	background: rgba(0,0,0,.7);
	padding: 20px;
}
.mins>span{    padding-right: 20px;
	margin-top: 225px;
	display: inline-block;
	position: absolute;
	margin-left: 160px;}
.mins span a{color:#FFF}
/*资料下载 开始*/
.doc_download { width: 100%; background: #f7f7f7; padding-top: 64px; padding-bottom: 50px; box-sizing: border-box; padding:1%; }
.download_title { font-size:18px; font-weight:bold; line-height: 36px; background:#eeeeee; padding:0 0 0 10px; border-left:3px solid #f36f03; }
.download_resources { overflow:hidden; padding:30px 0; display: flex; flex-wrap: wrap; }
.download_resources li { background:#fff; overflow:hidden; float:left; width: 33.3%; cursor: pointer; position: relative; box-sizing: border-box; flex:0 0 31%; margin:1%; }
.download_resources li:hover {
transition: .3s all ease-in-out; box-shadow:0 5px 10px rgba(12, 12, 12, 0.08); }
.download_resources li a { display: flex; justify-content: space-between; align-items:center; padding:5%; }
.download_resources li span { display:block; color:#999; }
/*下划线*/
.download_resources li i { display: block; width: 0; position: absolute; left: 0%; bottom: 0; height: 2px; background-color: #ff6900; transition: .3s all ease-in-out;
}
.download_resources li:hover i { width: 100%; transition: .3s all ease-in-out;
}
/*图标*/
.res_icon { flex:0 0 40px; }
.download_resources li .pdf01 { display: block; width:40px; }
.download_resources li .pdf02 { display: none; width:40px; }
.download_resources li:hover .pdf01 { display: none; }
.download_resources li:hover .pdf02 { display: block; }
@media screen and (max-width:1200px)
{
.download_resources li{flex:0 0 48%;}

}
@media screen and (max-width:640px)
{
.download_resources li{flex:0 0 100%;margin:1% auto;}

}
/*资料下载 end*/


/*job招聘*/
.job_shuoming{ line-height:36px; margin:25px 0 25px 0; }
.job_tel{ text-align:center; margin:0 0 4% 0; }
.job_tel span{ font-weight:bold; font-size:30px; color:#d43126; }

.menus{width:100%;text-align: center; margin:0 auto; }
.menus ul{width: 100%;text-align: center; display:flex; justify-content:center; }
.menus ul li{ margin: 5px;border: 1px solid #d3d3d3;border-radius: 50px; padding:10px 6%; cursor: pointer}
.menus ul li:hover {background-color: #bbbdbe;color: white}
.menus ul li:hover a{background-color: #bbbdbe;color: white}
.menus a{padding: 5px}
.li_active{background-color: #bbbdbe;color: white}
.li_active a{background-color: #bbbdbe;color: white !important;}


.show_table{width: 100%}
.show_table tbody tr{ border-bottom:1px solid #ccc; }
.show_table tbody tr:first-child{ background-color:#eab25f;color:#FFF; }
.show_table tbody tr td{padding: 10px; font-size:17px; }
.zhezhao{   display:none;background-color: rgba(0,0,0,.3);width: 100%;height: 100%;position: fixed;top: 0;z-index: 7;left: 0;}
.zhezhao .bai{position: absolute;
    min-height: 200px;
	background: #fff;
	left: 50%;
	max-width: 100%;
	width: 1000px;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;}
.zhan{margin-top: 20px;}
.bai_title{background-color: #eab25f;line-height: 35px;padding: 15px;}
.bai_title_lef{line-height: 35px;padding: 15px;color: white}
.bai_title_right{cursor: pointer;width: 80px;border-radius: 50px;position: absolute;right: 15px;display: inline-block;border: 1px solid #9F9F9F;text-align: center;line-height: 30px;background-color: white}
#content{padding: 20px}
@media screen and (max-width:860px)
{
	.menus ul li {width: 30.66% !important;}
	.des{display: none}
	.weiixn{position: fixed;top: 200px;width:100%;left: 0;text-align: center;background-color: white;padding: 20px;border-radius: 15px;display: none}

}
@media screen and (min-width: 860px) and (max-width:1280px){
	.menus ul li {width: 32.2% !important;}
}
/*job招聘 end*/