@charset "utf-8";
body { font-size: 10px !Important; }
* { margin: 0px; padding: 0px; }
.tit { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; }
.tit h2 a { font-size: 3.6rem; width: 100%; text-align: center; color: #000; font-weight: bold; letter-spacing: 0px; display: block }
.tit h3 a { font-size: 2.4rem; width: 100%; text-align: center; color: #000; font-weight: normal; letter-spacing: 0px; display: block; line-height: 2.4; }
.tit p { width: 100%; text-align: center; color: #222; font-size: 1.4rem; line-height: 2.4; }
.tit ul { width: 100%; height: auto; clear: both; text-align: right; }
.tit ul a { color: #000; font-size: 1.6rem; display: inline-table; margin: 0 10px; padding: 10px 15px; transition: all 1s }
.tit ul a:hover { background: #e60012; color: #fff; transition: all 1s }
.tit2 { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; }
.tit2 h1 a { font-size: 3.6rem; width: 100%; text-align: left; color: #fff; font-weight: bold; letter-spacing: 0px; display: block }
.tit2 h2 a { font-size: 2.4rem; width: 100%; text-align: left; color: #fff; font-weight: normal; letter-spacing: 0px; display: block; line-height: 2.4; }
.more { display: block; width: 170px; height: 40px; line-height: 40px; color: #fff !important; text-align: center; font-size: 14px; margin: 0 auto; background: #e60012; transition: all 1s; position: relative; top: 0px; }
.more:hover { position: relative; top: -5px; transition: all 1s }
@media (max-width:990px) {
   .tit { width: 100%; }
   .tit h2 a { text-align: center; font-size: 2.2rem; }
   .tit h3 a { text-align: center; font-size: 1.8rem; line-height: 2.4; }
   .tit p { font-size: 1.3rem; line-height: 1.8; }
   .tit ul { text-align: center; margin-top: 2rem; }
   .tit ul a { background: #d6d5d6; }
   .tit2 { width: 100%; }
   .tit2 h1 a { text-align: center; font-size: 2.2rem; }
   .tit2 h2 a { text-align: center; font-size: 1.8rem; line-height: 2.4; }
}
.public { width: 100%; margin: 0 auto; }
.public2 { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; }
.th-head { position: absolute; left: 0; top: 0; z-index: 999999; right: 0; height: auto; background: rgba(255, 255, 255, 0.9) }
.thHeadBox { position: relative; left: 0; top: 0; width: 100%; }
@media(max-width:990px) {
   .th-head { position: relative; background: none; height: 45px }
   .thHeadBox { position: relative; background: none }
}

/*关于我们-头部 */
.m_img { display: none; }
.m_nav { display: none; }

/*移动端导航*/
@media screen and (max-width:990px) and (min-width:0px) {
   .top2 { display: none }
   .msgNum { display: none; }
   .slider { margin-top: 44px; }
   .head { display: none }
   .m_img { display: block; height: 44px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; overflow: hidden; background: #fff }
   .m_img .headlf { padding-top: 2px; padding-left: 5px; float: left; }
   .m_img .headlf .m_logo { height: 40px; display: block }
   .m_img .headrg { padding-right: 5%; padding-top: 14px; float: right; }
   .m_img .headrg a .m_menuimg { height: 16px; vertical-align: top; display: block }
   .m_nav { display: block; position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 10000 }
   .m_nav .closecover { position: absolute; width: 100%; height: 100%; background: #0b0d19; filter: alpha(opacity=0); opacity: 0; left: 0px; top: 0px; z-index: 1 }
   .m_nav .closeicon { position: absolute; width: 20%; left: 30px; top: 5%; z-index: 100; text-align: center; filter: alpha(opacity=0); opacity: 0 }
   .m_nav .m_navList { position: absolute; width: 80%; right: 0px; top: 0px; background: #0b0d19; height: 100%; z-index: 100; right: -80%; overflow-y: scroll; }
   .m_nav .m_navList ul { padding-left: 5%; padding-right: 5% }
   .m_nav .m_navList ul li { border-bottom: 1px solid #232530 }
   .m_nav .m_navList ul li a { display: block; height: 45px; color: #fff; line-height: 45px; padding-left: 5%; font-size: 16px }
   .m_nav .m_navList ul li .m_f_a { display: flex; align-items: center; justify-content: space-between; width: 100% }
   .m_nav .m_navList ul li .m_f_a a { flex: 1; }
   .m_nav .m_navList ul li .m_f_a i { width: 40px; height: 35px; box-sizing: border-box; padding: 0 5px; display: block; }
   .icon { background: url(../images/plus.png) 100% no-repeat; background-position: 50% 50%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
   .icon_on { background: url(../images/reduce.jpg) 50% no-repeat !important; background-position: 50% 50%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
   .m_nav .m_navList ul li .m_s_nav { display: none; width: 100%; }
   .m_nav .m_navList ul li .m_s_nav a { display: block; height: 40px; line-height: 40px; font-size: 14px; padding-left: 10%; overflow: hidden; white-space: nowrap; width: 90%; text-overflow: ellipsis; }
}
@media (max-width:768px) {
   #container { width: 100%; padding: 10px }
}
@media (min-width:992px) {
   .c4 .col-md-3 { width: 29.1% }
   .c4 .col-md-4 { width: 29.13%; padding: 0 }
   .c4 .col-md-8 { width: 70.5% }
   .c4 .col-md-9 { width: 70% }
}
@media (max-width:1280px) {
   .col-md-6 { display: none !important; }
   .col-md-9 { width: 80% !important; float: left; }
   .col-md-3 { width: 20% !important; float: left }
   .navBar2 .bignav #m1 .sub { width: 400% !important; padding: 20% 20% !important; }
}
.col-md-6 .phone { font-size: 1.4rem; color: #000000; font-weight: normal; position: relative; top: 30px; display: inline-table; line-height: 1; }
.col-md-6 .phone font { font-size: 1.8rem; color: #000000; font-weight: bold; display: inline-table }
.container2 { width: 90%; height: auto; clear: both; margin: 0 auto; position: relative; }
.navbar-brand img { max-width: 100%; max-height: 100%; }
.top { width: 100%; color: #a1a1a1; line-height: 35px; background: #dcdcdc }
.logo { display: block; }
.logo img { max-height: 95px; width: auto; }
.k1 { line-height: 35px; font-size: 12px; color: #a1a1a1 }
.k1 a { color: #a1a1a1 }
.k2 { float: left; line-height: 35px; font-size: 12px; color: #a1a1a1; }
.k2 a { color: #a1a1a1 }
.k3 { float: right }
.th-head { position: absolute; left: 0; top: 0; z-index: 999999; right: 0; height: auto; background: rgba(255, 255, 255, 0.9) }
.thHeadBox { position: relative; left: 0; top: 0; width: 100%; }
@media(max-width:990px) {
   .th-head { position: relative; background: none; height: 45px; }
   .thHeadBox { position: relative; background: none }
}
@media(max-width:950px) {
   .enc { }
   .k2 { display: none !important }
}
.k3 .k3a { display: block; background: url(../images/ss.png)no-repeat; width: 18px; height: 18px; margin-top: 9px; outline: none; }
.k4 { float: right }
.k4 .yya { background: url(../images/xiala.png) 180px center no-repeat; text-align: center; color: #fff; cursor: pointer; font-size: 14px; }
.k4 .yya2 { display: block; text-align: center }
.search { text-align: left; padding: 30px; position: relative; height: 300px }
.hotSearch { height: 30px; line-height: 30px; font-weight: normal; margin-top: 20px; font-size: 14px }
.hotSearch a { display: block; color: #a1a1a1 }
#formsearch input { background: #fff; border: 1px solid #c8c8c8; outline: none }
#formsearch input#keyword { height: 28px; line-height: 28px; padding-left: 4px; color: #666; width: 430px }
#formsearch input#s_btn { width: 70px; height: 30px; line-height: 30px; text-align: center; background-color: #035cac; color: #fff; border: none; cursor: pointer }
.k4 { float: right; text-align: right; position: relative; z-index: 9999; width: 100%; top: 40px; color: #fff; }
.navBar2 { z-index: 1 }
.navBar2 .bignav { height: 95px !important; margin: 0; padding: 0; position: relative; text-align: right; }
.navBar2 .bignav h3 { font-weight: normal; margin: 0px }
.navBar2 .bignav .m { display: inline-table; text-align: center; width: 11%; position: relative; margin: 0 1%; }
.navBar2 .bignav h3 a { zoom: 1; line-height: 95px !important; display: block; color: #3d3d3d; font-size: 1.6rem; }
@media (max-width:950px) {
   .navBar2 .bignav h3 a { line-height: 100px !important }
   .navBar2 .bignav { height: 100px !important; background: url(../images/dhln.png)left center no-repeat; margin: 0; padding: 0 }
}
.navBar2 .bignav .on h3 a { color: #e60012 }
.navBar2 .bignav .on h3 a .caret { border-bottom: 1px solid #e60012; border-right: 1px solid #e60012; }
@media (max-width:1600px) {
   .navBar2 .bignav #m1 .sub { left: -200px !important }
}
.navBar2 .bignav #m2 .sub { z-index: 1; width: 1920px; left: -718px; padding-top: 25px }
.navBar2 .bignav #m2 .sub ul { width: 80%; margin: 0 auto }
.navBar2 .bignav #m2 .sub ul li { float: left; text-align: center; list-style: none }
.navBar2 .bignav #m2 .sub ul li h3 { display: block; font-size: 18px; color: #c91b1b; margin-bottom: 30px }
.navBar2 .bignav #m2 .sub ul li img { width: 91px; height: 152px; margin-bottom: 30px }
.navBar2 .bignav #m2 .sub ul li span { display: block; font-size: 16px; color: #000000 }
.navBar2 .bignav #m3 .sub { z-index: 1; width: 863px; left: -185px; padding-top: 55px }
.navBar2 .bignav #m4 .sub { z-index: 1; width: 863px; left: -260px; padding-top: 55px }
.navBar2 .bignav #m5 .sub { z-index: 1; width: 863px; left: -320px; padding-top: 55px }
.navBar2 .bignav #m6 .sub { z-index: 1; width: 863px; left: -410px; padding-top: 55px }
.navBar2 .bignav #m7 .sub { z-index: 1; width: 863px; left: -530px; padding-top: 55px }
.navBar2 .bignav #m8 .sub { z-index: 1; width: 863px; left: -650px; padding-top: 55px }
.navBar2 .bignav .sub { display: none; padding: 10px 0; position: absolute; left: -10px; top: 95px; float: left; line-height: 30px; background: rgba(255, 255, 255, 0.9); height: auto }
.navBar2 .bignav #m1 .sub { z-index: 9999; width: 520%; left: -300px; padding: 20% 20%; }
.navBar2 .bignav .sub .subl { width: 200px; float: left; text-align: left; margin-left: 54px }
.navBar2 .bignav .sub .subl h3 { display: block; font-size: 24px; color: #2b2b2b }
.navBar2 .bignav .sub .subl span { display: block; padding-top: 15px; font-size: 14px; color: #777777; line-height: 24px; height: 140px; overflow: hidden }
.navBar2 .bignav .sub .subr { float: left; width: 60%; height: auto; text-align: left; }
.navBar2 .bignav .sub .subr img { width: 100%; height: auto; }
.navBar2 .bignav .sub dl { float: left; display: inline-block; width: 40%; padding: 0px 20px; height: auto; padding-bottom: 20px; }
.navBar2 .bignav .sub dl dt { font-size: 16px; line-height: 36px; text-align: left; text-indent: 10px }
.navBar2 .bignav .sub dl dt a { display: block; color: #555555; font-weight: normal; font-size: 1.4rem; }
.navBar2 .bignav .sub dl dt a:hover { color: #c91b1b; background: url(../images/navh.png) 105px center no-repeat }
@media(max-width:768px) {
   .navbar-brand { width: 45% }
   .navBar2 .bignav .sub dl { padding: 0px 0px; }
}

/*面包屑*/
.lic { width: 100%; height: auto; background: rgba(0, 0, 0, 0.2); height: 50px; float: right; }
.xypg-right-mbx { border: none; font-size: 14px; color: #fff; line-height: 5rem; padding-left: 5px; }
.xypg-right-mbx .cur-pos { display: inline-block; color: #fff }
.xypg-right-mbx .cur-pos .iconfont { font-size: 25px; display: inline-block; height: 25px; color: #fff; margin-right: 5px }
.xypg-right-mbx a { color: #fff }
.xypg-right-mbx a:hover { color: #c00a0d; text-decoration: underline }
@media (max-width:992px) {
   .xypg-right-mbx { padding-top: 0 }
}
.xypg-right-content { font-size: 14px; color: #333; line-height: 1.7; padding: 5%; background: #fff }
.xypg-right-content p img { max-width: 100% }

/*关于我们-头部-搜索 */
.phseach { display: none; }
#toggle-menu { float: left; background-position: 0 0; background-color: #e70608 }
#toggle-search { float: right; width: 35px !important; height: 35px; background: url(../neimages/search.png) no-repeat center top; border: none; margin-top: 32px; }
#toggle-search.open:after { top: 40px }
#toggle-search:after { -moz-transition: top, 0.5s; -o-transition: top, 0.5s; -webkit-transition: top, 0.5s; transition: top, 0.5s; position: absolute; top: 52px; left: 40%; }
#toggle-basket { position: relative; float: right; }
#toggle-basket:before { position: absolute; top: 5px; left: 0; width: 2px; height: 40px; content: ""; }
#search-form { z-index: 9999; left: -120px; width: 150%; -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 80px; max-height: 0; overflow: hidden; background-color: #fcfcfc; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .6); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .6); box-shadow: 0px 0px 10px rgba(0, 0, 0, .6); }
#search-form.open { max-height: 40px }
#search-form fieldset { position: relative; margin: 0 40px 0 0; padding: 0; border: none }
#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 40px; font-size: 1.2rem; }
#search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: transparent; border: none }
#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #fff; background: #e70608; border: none; cursor: pointer; font-size: 1.4rem; }
#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #fff; background: #e70608; border: none; cursor: pointer; font-size: 1.4rem; }

/*关于我们-banner*/
.neibanner { width: 100%; height: auto; overflow: hidden; position: relative; }
.neibanner .img { width: 100%; height: 100%; }
.neibanner .text { position: absolute; top: 35%; left: 10%; }
.neibanner .text h2 { font-size: 5rem; color: #fff; letter-spacing: 1px; }
.neibanner .text h3 { font-size: 4rem; color: #fff; font-weight: normal; letter-spacing: 1px; line-height: 2; }
@media (max-width:468px) {
   .neibanner { width: 100%; height: auto; overflow: hidden; position: relative; }
   .neibanner .img { width: 100%; height: 30vh; }
   .neibanner .text h2 { font-size: 2rem; }
   .neibanner .text h3 { font-size: 1.4rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:469px) and (max-width:768px) {
   .neibanner { width: 100%; height: auto; overflow: hidden; position: relative; }
   .neibanner .img { height: 30vh; }
   .neibanner .text h2 { font-size: 2rem; }
   .neibanner .text h3 { font-size: 1.4rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:768px) and (max-width:990px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; height: auto; }
   .neibanner .img { width: 100%; height: 35vh; }
   .neibanner .text h2 { font-size: 2rem; }
   .neibanner .text h3 { font-size: 1.4rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:991px) and (max-width:1080px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; }
   .neibanner .img { width: 100%; height: 40vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:1081px) and (max-width:1200px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; height: auto; }
   .neibanner .img { width: 100%; height: 45vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:1201px) and (max-width:1320px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; height: auto; }
   .neibanner .img { width: 100%; height: 50vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:1321px) and (max-width:1440px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; height: auto; }
   .neibanner .img { width: 100%; height: 55vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2.4rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:1441px) and (max-width:1600px) {
   .neibanner { width: 100%; height: auto; overflow: hidden; position: relative; }
   .neibanner .img { width: 100%; height: 100%; height: 60vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2.4rem; }
   .neibanner .text { left: 5%; }
}

/*关于我们-分类名称*/
.con1 { width: 100%; height: auto; paddding: 20px 0px; clear: both; padding-top: 5rem; z-index: 888; position: absolute; left: 0%; bottom: 0%; }
.mul { width: 100%; height: auto; float: right; text-align: right; text-align: center; border-bottom: solid #000 1px; padding: 1rem 0rem; background: #fcfcfc; }
.mul li { min-width: 130px; padding: 10px; display: inline-flex; background: #f2f2f2f2; margin: 1%; }
.mul li a { font-size: 1.5rem; color: #fff; text-align: center; display: block; width: 100%; color: #000; }
.mul li:hover { background: #cc312f; }
.mul li:hover a { color: #fff; }
.mul li.active { background: #cc312f; }
.mul li.active a { color: #fff; }
@media (max-width:990px) {
   .mul { width: 100%; padding: 2rem 0rem; }
   .mul li { padding: 5px; min-width: 100px; float: left; }
}
@media (min-width:469px) and (max-width:768px) {
   .mul { width: 100%; padding: 2rem 0rem; }
   .mul li { padding: 5px; min-width: 100px; float: left }
}
@media (min-width:993px) and (max-width:1320px) {
   .col-md-3 { width: 20%; }
   .col-md-2 { display: none; }
   .col-md-9 { width: 75%; }
}

/*关于我们-公司简介*/
.con2 { width: 100%; height: auto; clear: both; margin: 4rem 0rem; float: left; }
.con2 .right { width: 100%; height: auto; padding: 3% 3%; overflow: hidden; }
.con2 .right .atext { height: auto; width: 100%; }
.con2 .right .atext img { max-width: 100%; height: auto !important }
.con2 .right p { width: 85%; margin: 0 auto; line-height: 2.6; color: #222; font-size: 1.4rem; text-align: left; }
.con2 .right a { font-size: 1.4rem; }
.con2 .right h1, h2, h2, h4, h5, span, font { color: #222; font-size: 1.4rem; }
@media (max-width:468px) {
   .con2 { width: 100%; height: auto; clear: both; padding: 4rem 0rem 0rem 0rem; }
   .con2 .left { width: 100%; }
   .con2 .right { width: 100%; position: static; padding-top: 5vh; }
   .con2 .right p { width: 100%; }
}
@media (min-width:469px) and (max-width:768px) {
   .con2 { width: 100%; height: auto; clear: both; padding: 4rem 0rem 0rem 0rem; }
   .con2 .left { width: 100%; }
   .con2 .right { width: 100%; position: static; padding-top: 5vh; }
   .con2 .right p { width: 100%; }
}
@media (min-width:769px) and (max-width:990px) {
   .con2 .left { width: 100%; }
   .con2 .right { width: 100%; position: static; padding-top: 5vh; }
   .con2 .right p { width: 100%; }
}

/*关于我们*/
.about { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; background: url(../images/about.jpg) no-repeat center top; background-size: cover; padding: 7rem 0rem; background-attachment: fixed }
.about .atit { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; }
.about .atit h2 { width: 100%; color: #fff; font-size: 5rem; font-weight: normal; }
.about .atit h3 { width: 100%; color: #fff; font-size: 1.8rem; font-weight: normal; line-height: 2.2 }
.about .atit p { width: 100%; color: #fff; font-size: 1.4rem; font-weight: normal; margin-top: 2rem; line-height: 2 }
.about .product-num-box { width: 100%; height: auto }
.about .product-num-content { width: 100%; height: auto; margin: 0 auto; text-align: center; font-size: 0 }
.about .product-num-title { padding-top: 110px; margin-bottom: 30px; font-size: 42px; color: #fff; line-height: 45px; }
.about .product-num-text { font-size: 16px; color: #fff; line-height: 28px }
.about .product-num-head { margin-top: 80px; font-size: 0 }
.about .product-num-item { float: left; padding: 50px 0px; text-align: center; position: relative; width: 25%; background: #fff; }
.about .product-num-jus { display: inline-block; margin: 80px 0; width: 162px; height: 56px; font-size: 22px; color: #e60012; background: #fff; line-height: 48px; letter-spacing: 2px; cursor: pointer; font-weight: 500; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; text-decoration: none }
.about .product-num-nub { display: inline-block; width: 55%; font-size: 3.6rem; color: #e60012; line-height: 62px; text-align: right; }
.about .product-num-add { font-size: 24px; color: #e60012; width: 45%; align-self: center; text-align: left; display: inline-block; }
.about .product-num-inf { margin-top: 24px; font-size: 1.4rem; color: #000000; line-height: 0; display: inline-block; width: 100%; }
.about .product-num-jus:hover { background-color: #fff; color: #3e88f1 }
.about .product-num-wan { position: absolute; right: 55px; top: 0px }
.about .product-num-item:nth-child(3), .about .product-num-item:nth-child(4) { background: #bb0313 }
.about .product-num-item:nth-child(3) .product-num-nub { color: #fff; }
.about .product-num-item:nth-child(3) .product-num-add { color: #fff; }
.about .product-num-item:nth-child(3) .product-num-inf { color: #fff; }
.about .product-num-item:nth-child(4) .product-num-nub { color: #fff; }
.about .product-num-item:nth-child(4) .product-num-add { color: #fff; }
.about .product-num-item:nth-child(4) .product-num-inf { color: #fff; }
@media(max-width:990px) {
   .about { padding: 3rem 0rem; }
   .about .atit h2 { font-size: 2.4rem; }
   .about .atit h3 { font-size: 1.6rem; 2 }
   .about .atit p { font-size: 1.3rem; }
   .about .product-num-head { margin-top: 3rem }
   .about .product-num-item { width: 50%; }
   .about .product-num-inf { margin-top: 1rem; }
   .about .product-num-nub { font-size: 2.6rem; }
   .about .product-num-add { font-size: 1.6rem; }
   .about .product-num-inf { font-size: 1.4rem; }
   .about .product-num-item:nth-child(2) { background: #bb0313 }
   .about .product-num-item:nth-child(2) .product-num-nub { color: #fff; }
   .about .product-num-item:nth-child(2) .product-num-add { color: #fff; }
   .about .product-num-item:nth-child(2) .product-num-inf { color: #fff; }
   .about .product-num-item:nth-child(4) { background: #fff }
   .about .product-num-item:nth-child(4) .product-num-nub { color: #e60012; }
   .about .product-num-item:nth-child(4) .product-num-add { color: #e60012; }
   .about .product-num-item:nth-child(4) .product-num-inf { color: #000; }
}

/*荣誉开始*/
.ab_honor { width: 100%; height: auto; padding: 5rem 0rem; clear: both; position: relative; overflow: hidden; background: #fff }
.ab_honor .mm { padding: 7rem 0rem 0rem 0rem; }
.ab_honor .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init*/
.ab_honor .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.ab_honor .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.ab_honor .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.ab_honor .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.ab_honor .owl-carousel .owl-item { float: left; }
.ab_honor .owl-controls .owl-page, .ab_honor .owl-controls .owl-buttons div { cursor: pointer; }
.grabbing { cursor: url(../images/grabbing.png) 8 8, move; }
.ab_honor .owl-carousel .owl-wrapper, .ab_honor .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
#owl-demo3 .item { margin: 0.5rem; overflow: hidden; }
#owl-demo3 .item .img img { display: block; width: 100%; height: auto; }
#owl-demo3 .item .img { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
#owl-demo3 .item .text { width: 100%; height: auto; padding: 10% 5% 10% 5%; position: relative; transition: all 1s }
#owl-demo3 .item .mc { width: 100%; height: 0%; transition: all 1s }
#owl-demo3 .item:hover .mc { background: url(../images/pbei.png) no-repeat center center; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all 1s }
#owl-demo3 .item .text h2 { display: block; width: 100%; height: auto; transition: all 1s }
#owl-demo3 .item .text h2 a { display: block; width: 100%; height: auto; font-size: 1.8rem; color: #000000; text-align: center; transition: all 1s; font-weight: normal; }
#owl-demo3 .item .text .more2 { width: 80px; display: block; height: 30px; border-radius: 20px; border: solid #333 1px; color: #333; text-align: center; line-height: 30px; clear: both; margin-top: 3rem; margin: 0 auto; transition: all 1s }
#owl-demo3 .item .text p { width: 100%; clear: both; padding-top: 1rem; transition: all 1s; text-align: center; color: #000; font-size: 1.4rem; font-weight: bold; }
#owl-demo3 .item .text h3 { position: absolute; right: 2rem; bottom: -10rem; color: #5a6eb1; font-size: 10rem; transition: all 1s }
#owl-demo3 .item:hover .text .more2 { border: solid #fff 1px; color: #fff; transition: all 1s }
#owl-demo3 .item:hover .text h2 a { color: #e60012; transition: all 1s }
#owl-demo3 .item:hover .text p { color: #e60012; transition: all 1s }
#owl-demo3 .item:hover .text h3 { position: absolute; right: 2rem; bottom: -2rem; color: #5a6eb1; font-size: 10rem; transition: all 1s }
.ab_honor .owl-theme .owl-controls { margin-top: 2rem; text-align: center; }
.ab_honor .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver*/ margin: 5px; padding: 3px 10px; font-size: 0px; width: 75px; height: 35px; }
.ab_honor .owl-theme .owl-controls .owl-buttons .owl-prev { background: url(../images/pl.png) no-repeat center top; }
.ab_honor .owl-theme .owl-controls .owl-buttons .owl-next { background: url(../images/pr.png) no-repeat center top; }
.ab_honor .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
.ab_honor .owl-theme .owl-controls .owl-page { display: none; }
.ab_honor .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.ab_honor .owl-theme .owl-controls .owl-page.active span, .ab_honor .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
.ab_honor .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center }
@media(max-width:990px) {
   .ab_honor .mm { padding: 2rem 0rem 0rem 0rem; }
   #owl-demo3 .item .text { padding: 5% 5% 5% 5%; }
   .ab_honor .owl-theme .owl-controls { margin-top: 0rem; }
   #owl-demo3 .item { margin: 0% 5%; }
}
.more { display: block; width: 170px; height: 40px; line-height: 40px; color: #fff !important; text-align: center; font-size: 14px; margin-top: 5rem !important; background: #e60012; transition: all 1s }
.more:hover { position: relative; top: -5px; transition: all 1s }

/*企业文化开始*/
.ab_clture { width: 100%; height: auto; padding: 5rem 0rem; clear: both; position: relative; overflow: hidden; background: #f1f1f1; float: left; }
.ab_clture .mm { margin-top: 5rem; }
.ab_clture .left { width: 50%; float: left; background: #fff; overflow: hidden; padding: 2.5%; height: 60vh; overflow-y: scroll }
.ab_clture .left p { width: 100%; height: auto; color: #000; font-size: 1.4rem; line-height: 1.6; margin-top: 5px; }
.ab_clture .left strong { font-size: 1.7rem; letter-spacing: 1px; line-height: 2; }
.ab_clture .right { width: 50%; float: left; }
.ab_clture .right img { width: 100%; height: 60vh; }
@media only screen and (max-width:468px) {
   .ab_clture .left { width: 100%; height: auto; padding: 5%; }
   .ab_clture .right { width: 100%; height: auto; }
   .ab_clture .right img { width: 100%; height: auto; }
   .ab_clture .mm { margin-top: 2rem; }
}
@media (min-width:469px) and (max-width:768px) {
   .ab_clture .left { width: 100%; height: auto; padding: 5%; }
   .ab_clture .right { width: 100%; height: auto; }
   .ab_clture .right img { width: 100%; height: auto; }
   .ab_clture .mm { margin-top: 2rem; }
}

/*关于我们*/
.about-p2 { width: 100%; margin: 0 auto; background: #f1f1f1; padding-top: 40px; padding-bottom: 40px }
.about-p2 .about-p2-img { padding: 20px; position: relative; margin-bottom: 20px }
.about-p2 .about-p2-img img { width: 100%; float: left }
.about-p2 .about-p2-img div { float: left; width: 90%; height: 230px; margin-left: 5%; margin-top: -60px; background: #fff; padding: 30px; position: relative }
.about-p2 .about-p2-img div p { font-size: 20px; line-height: 40px }
.about-p2 .about-p2-img div h4 { position: absolute; bottom: 10px; font-size: 18px; font-weight: 700; line-height: 36px; display: block; border-top: 2px solid #eccc68 }
.about-page-title, .about-p2 .about-page-title { text-align: center; padding: 5rem 0rem; }
.about-page-title h2, .about-p2 .about-page-title h2 { font-size: 40px; line-height: 60px; letter-spacing: 10px }
.about-page-title p, .about-p2 .about-page-title p { font-size: 18px; color: #747d8c }
.about-page-title span, .about-p2 .about-page-title span { display: block; height: 2px; width: 40px; background-color: #cd1717; margin: 0 auto }
.about-page .about-p1 div { }
.about-page .about-p1 div p { font-size: 16px; line-height: 32px }
.about-p2 { width: 100%; margin: 0 auto; background: #f1f1f1; padding-top: 40px; padding-bottom: 40px }
.about-p2 .about-p2-img { padding: 20px; position: relative; margin-bottom: 20px }
.about-p2 .about-p2-img img { width: 100%; float: left }
.about-p2 .about-p2-img div { float: left; width: 90%; height: 230px; margin-left: 5%; margin-top: -60px; background: #fff; padding: 30px; position: relative }
.about-p2 .about-p2-img div p { font-size: 20px; line-height: 40px }
.about-p2 .about-p2-img div h4 { position: absolute; bottom: 10px; font-size: 18px; font-weight: 700; line-height: 36px; display: block; border-top: 2px solid #cd1717 }
.m-prof { width: 100%; margin: 0 auto; padding: 5rem 0rem 7rem 0rem; }
.m-prof .con { padding-bottom: 0px; overflow: hidden }
.m-prof .pic { float: left; width: 45% }
.m-prof .pic a { display: block; position: relative; height: auto; width: 100%; }
.m-prof .pic img { width: 100%; height: auto !important }
.m-prof .desc { text-align: center; z-index: 5; position: relative; height: 0; float: right; width: 55% }
.m-prof .desc .txt { padding: 20px 37px 20px 60px; text-align: justify; line-height: 2; font-size: 16px; color: #333; background-color: #fff; }
.m-prof .desc .txt p { margin-top: 1rem; }
@media only screen and (max-width:468px) {
   .m-prof .pic { width: 100% }
   .m-prof .desc { width: 100%; height: auto; }
   .m-prof .desc .txt { padding: 5%; font-size: 14px; }
   .about-page-title h2, .about-p2 .about-page-title h2 { font-size: 20px; line-height: 30px; letter-spacing: 10px }
   .about-page-title p, .about-p2 .about-page-title p { font-size: 12px; color: #747d8c }
   .about-page-title, .about-p2 .about-page-title { padding: 0rem 0rem; }
   .m-prof { padding: 2rem 0rem 2rem 0rem; }
   .about-p2 .about-p2-img div p { font-size: 16px; }
}
@media (min-width:469px) and (max-width:768px) {
   .m-prof .pic { width: 100% }
   .m-prof .desc { width: 100%; height: auto; }
   .m-prof .desc .txt { padding: 5%; font-size: 14px; }
   .about-page-title h2, .about-p2 .about-page-title h2 { font-size: 20px; line-height: 30px; letter-spacing: 10px }
   .about-page-title p, .about-p2 .about-page-title p { font-size: 12px; color: #747d8c }
   .about-page-title, .about-p2 .about-page-title { padding: 0rem 0rem; }
   .m-prof { padding: 2rem 0rem 2rem 0rem; }
   .about-p2 .about-p2-img div p { font-size: 16px; }
}
@media (min-width:769px) and (max-width:990px) {
   .m-prof .pic { width: 100% }
   .m-prof .desc { width: 100%; height: auto; }
   .m-prof .desc .txt { padding: 5%; }
   .about-page-title h2, .about-p2 .about-page-title h2 { font-size: 30px; line-height: 40px; letter-spacing: 10px }
   .about-page-title p, .about-p2 .about-page-title p { font-size: 14px; color: #747d8c }
   .about-page-title, .about-p2 .about-page-title { padding: 1rem 0rem; }
}
@media (min-width:990px) and (max-width:1080px) {
   .m-prof .pic { width: 50% }
   .m-prof .desc { width: 50%; height: auto; }
}

/*底部*/

/*联系我们*/
.contact { float: left; width: 100%; height: auto; clear: both; background: url(../images/foot.jpg) no-repeat #eef0f2 center bottom; background-size: cover; padding: 30px 0px 0px 0px }
.cont2 { width: 100%; height: auto; clear: both; position: relative; }
.cont2 { width: 100%; height: auto; clear: both; position: relative; }
.contact .ft { width: 100%; text-align: center; position: absolute; top: -40px; left: 0px; }
.cont2_l { width: 68%; float: right; margin-top: 3rem }
.cont2_r { width: 30%; float: left; margin-top: 1rem; position: relative; }
.cont2 .cc { width: 100%; height: auto; float: left }
.cont2 .cc li { width: 14.6666%; float: left; margin-left: 1%; margin-right: 1% }
.cont2 .cc li .er { max-width: 130px; height: auto; float: left; color: #fff; line-height: 2.2; font-size: 1.5rem; text-align: center }
.cont2 .cc li .er img { max-width: 100%; height: auto }
.cont2 .cc li h1 { float: left; display: block; width: 100% }
.cont2 .cc li h1 a { font-size: 1.8rem; color: #b5b2b2; line-height: 2; font-weight: bold; }
.cont2 .cc li p a { float: left; font-size: 1.4rem; color: #b5b2b2; line-height: 1.6; clear: both }
.cont2 .cc li p { float: left; font-size: 1.4rem; color: #b5b2b2; line-height: 2; clear: both; margin-top: 1rem }
.cont2 .ct { width: 100%; height: auto; padding-top: 5rem; clear: both; float: left }
.cont2 .ct h1 { font-size: 1.4rem; color: #aeafaf; float: left; padding: 5px; margin-right: 5px }
.cont2 .ct a { float: left; padding: 5px; margin-left: 5px; font-size: 1.4rem; color: #b5b2b2 }
.cont2_r p img { max-width: 100%; height: auto; margin: 0px 5px; width: auto !important }
.cont2_r .logo { width: 100%; height: auto; clear: both; border-bottom: solid #b5b2b2 1px; margin-bottom: 2rem; }
.cont2_r p { width: 100%; float: left; font-size: 1.4rem; color: #b5b2b2; line-height: 2; clear: both; margin-top: 3px }
.cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 50%; float: left; clear: none; }
.foot { float: left; width: 100%; height: auto; padding: 25px 0px; clear: both; border-top: solid #b5b2b2 1px; margin-top: 3rem; }
.foot .f1 { float: left; font-size: 1.4rem; color: #fff; margin: 0 5px }
.foot .f2 { float: left; font-size: 1.4rem; color: #fff; margin: 0 5px }
.foot .f3 { float: right; font-size: 1.4rem; color: #fff; margin: 0 5px }
.foot .f3 a { font-size: 1.4rem; color: #fff }
@media (max-width:768px) {
   .foot { padding: 25px 0px 70px; }
}
@media (max-width:468px) {
   .cont2_l { display: none; }
   .cont2_r { width: 100%; }
   .cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 100%; float: left; clear: none; }
   .cont2_r p { font-size: 13px; }
}
@media (min-width:469px) and (max-width:768px) {
   .cont2_l { display: none; }
   .cont2_r { width: 100%; }
   .cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 100%; float: left; clear: none; }
}
@media (min-width:769px) and (max-width:990px) {
   .cont2_l { display: none; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:991px) and (max-width:1080px) {
   .cont2_l { width: 100%; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:1081px) and (max-width:1200px) {
   .cont2_l { width: 100%; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:1201px) and (max-width:1440px) {
   .cont2_l { width: 100%; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:1441px) and (max-width:1680px) {
   .cont2_l { width: 100%; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 33.3333%; float: left; clear: none; }
   .cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 33.3333%; float: left; clear: none; }
}

/*产品列表页-内容*/
.productlist { width: 100%; height: auto; clear: both; position: relative; padding: 20px 0px; background-size: 100% 100%; background-attachment: fixed; padding: 5% 0%; }

/*产品中心*/
.product3 { width: 100%; height: auto; clear: both; position: relative; }
.product3 .owl-item { float: left; padding: 1rem; overflow: hidden; width: 23%; margin: 1%; float: left; position: relative; border: solid #cccc 1px; }
.product3 .owl-item .item { overflow: hidden; }
.product3 .owl-item .item .img { display: block; width: 100%; height: auto; overflow: hidden; background: #fff; padding: 2%; }
.product3 .owl-item .text { width: 100%; height: auto; padding: 2rem 1rem; float: left; transition: all 1s; position: relative; left: 3%; bottom: 0rem; border-bottom: dotted #666 1px; }
.product3 .owl-item .item .img p { position: relative; left: 10%; top: 5%; color: #000; letter-spacing: 2px; font-size: 2rem; width: 80%; font-weight: normal; transition: all 1s; }
.product3 .owl-item .text h4 { font-weight: normal; width: 70%; line-height: 2; color: #000; float: left; display: block; font-size: 1.8rem; transition: all 1s; clear: both; letter-spacing: 1px; }
.product3 .owl-item .text h5 { font-weight: normal; width: 70%; line-height: 2; color: #000; float: left; display: block; font-size: 1.2rem; transition: all 1s; clear: both; letter-spacing: 1px; }
.product3 .owl-item .text p { width: 70%; color: #222; float: left; display: block; font-size: 1.4rem; transition: all 1s; clear: both; }
.product3 .owl-item .text span { width: 40%; height: 0px; background: #cc312f; color: #fff; display: block; text-align: center; clear: both; font-size: 0rem; margin-top: 8rem; transition: all 1s; display: block; }
.product3 .owl-item:hover .text { bottom: 1rem; transition: all 1s; }
.product3 .owl-item:hover .text span { transition: all 1s; line-height: 40px; height: 40px; letter-spacing: 1px; font-size: 1.4rem; }
.product3 .owl-item:hover .img p { font-size: 2.2rem; transition: all 1s; }
.product3 .owl-item:hover .img img { transform: scale(1.1); -ms-transform: scale(1.1); transition: all 0.6s; -ms-transition: all 0.8s; max-height: 100%; }
.product3 .owl-item .img img { width: 100%; height: auto; transform: scale(1.0); -ms-transform: scale(1.0); transition: all 0.6s; -ms-transition: all 0.8s; }
@media (max-width:468px) {
   .product3 .owl-item { width: 98%; }
}
@media (min-width:469px) and (max-width:768px) {
   .product3 .owl-item { width: 48%; }
}
@media (min-width:769px) and (max-width:990px) {
   .product3 .owl-item { width: 48%; }
}
@media (min-width:991px) and (max-width:1080px) {
   .product3 .owl-item { width: 31.3333%; }
}
@media (min-width:1081px) and (max-width:1400px) { }

/*产品列表页-加载更多*/
.hidden { display: none; }
.moreload { width: 100%; height: auto; margin: 0 auto; overflow: hidden; text-align: left; padding: 5px; }
.moreload ul.list { overflow: hidden; padding-bottom: 7rem; }
.moreload ul.list p { text-align: center; padding: 10px; }
.moreload .more { overflow: hidden; padding: 10px; text-align: center; }
.moreload .more a { display: block; width: 100%; margin: 0 auto; text-align: center; color: #000; font-size: 1.4rem; line-height: 2; }
.moreload .more a img { max-width: 100%; width: auto; height: auto; display: block; margin: 0 auto; }
.moreload .more p { display: block; width: 100%; margin: 0 auto; text-align: center; color: #cc312f; font-size: 1.4rem; line-height: 2; font-weight: bold; }
.moreload .more a:hover { color: #cc312f }

/*案例列表页*/
.caselist { width: 100%; height: auto; clear: both; position: relative; margin: 2% 0%; float: left; min-height: 70vh }
.caselist li { padding: 0% 0% 2% 0%; width: 21%; margin-left: 2%; margin-right: 2%; float: left; position: relative; z-index: 10; transition: all 500ms; margin-top: 4rem; background: #fff; }
.caselist li .glightbox2 { display: block; width: 100%; color: #333; }
.caselist li .titc { width: 100%; display: block; margin: auto; margin-top: auto; z-index: 9999; position: relative; text-align: center; font-size: 1.5rem; color: #33; line-height: 3; transition: all 500ms; }
.caselist li:hover .titc { background: #cc312f; transition: all 500ms; }
.caselist li:hover .glightbox2 { color: #fff; }
.caselist li .mask { width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; top: 0px; z-index: 20; transition: all 500ms; font-size: 0rem }
.caselist li .img { display: block; width: 100%; height: 100% }
.caselist li img { width: 100%; height: 90%; padding: 2%; }
.caselist li h3 { font-size: 12px; }
.caselist li .csbg { width: 70%; height: auto; background: #ffffff; margin: 0 auto; z-index: 5; transition: all 500ms; margin-top: -10%; z-index: 9999; position: relative; box-shadow: 1px 1px 1px #ccc; }
.caselist li .csbg h3 { font-size: 1.6rem; text-align: center; padding: 2rem; display: block; width: 100%; }
.caselist li .csbg h3 a { font-size: 1.6rem; text-align: center; display: block; width: 100%; color: #333; line-height: 2; }
.caselist li:hover { color: #fff; }
.caselist li:hover .mask { top: 0px; text-align: center; font-size: 1.8rem; color: #ffffff; top: 30%; text-shadow: 1px 1px 1px #333; }
.caselist li:hover .csbg { background: #cc312f; color: #ffffff }
.caselist li:hover .csbg h3 a { text-align: center; display: block; width: 100%; color: #ffffff }
.caselist li:vidited .csbg h3 a { color: #ffffff }
@media (max-width:468px) {
   .caselist li { width: 90%; margin-left: 5%; margin-right: 5%; }
   .caselist li:hover .mask { font-size: 1.6rem; }
}
@media (min-width:469px) and (max-width:768px) {
   .caselist li { width: 90%; margin-left: 5%; margin-right: 5%; }
   .caselist li:hover .mask { font-size: 1.6rem; }
}
@media (min-width:769px) and (max-width:990px) {
   .caselist li { width: 46%; }
   .caselist li .csbg h3 a { font-size: 1.4rem; }
   .caselist li:hover .mask { font-size: 1.6rem; }
}
@media (min-width:991px) and (max-width:1080px) {
   .caselist li { width: 46%; }
   .caselist li .csbg h3 a { font-size: 1.6rem; }
   .caselist li:hover .mask { font-size: 1.8rem; }
}
@media (min-width:1081px) and (max-width:1200px) {
   .caselist li { width: 29%; }
   .caselist li .csbg h3 a { font-size: 1.6rem; }
   .caselist li:hover .mask { font-size: 1.8rem; }
}
.glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; overflow-scrolling: touch }
.glightbox-container.inactive { display: none }
.glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999 }
.glightbox-container .gslider { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; position: absolute }
.glightbox-container .gslide { height: 90%; top: 10%; width: 100%; left: 0%; position: absolute; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.glightbox-container .gslide.current { opacity: 1; z-index: 99999 }
.glightbox-container .gslide.prev { opacity: 1; z-index: 9999 }
.glightbox-container .gslide-inner-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.glightbox-container .ginner-container { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 80% !important; }
.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { display: inline-block }
.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important }
.gslide iframe, .gslide video { width: 100vw; max-width: 100vw; min-width: 100vw; outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto }
.gslide-image img { max-height: 93%; display: block; max-width: 100%; margin: 0; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.gslide-video { width: 100%; height: auto; min-width: 100%; max-width: 100%; min-height: auto; max-height: auto; position: relative }
.gslide-video:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, .34); display: none }
.gslide-video.playing:before { display: none }
.gslide-video .jw-media, .gslide-video .jw-video { position: relative !important }
.gslide-video .jwplayer { max-width: 100vw; width: 100vh; height: auto !important }
.gslide-video .jwplayer, .gslide-video .box-emboss { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important }
.gslide-video .jwplayer .btnd:active, .gslide-video .jwplayer .btnd:focus, .gslide-video .jwplayer .btnd.active, .gslide-video .box-emboss .btnd:active, .gslide-video .box-emboss .btnd:focus, .gslide-video .box-emboss .btnd.active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none }
.gslide-video object { position: absolute; top: 0; left: 0 }
.gslide-inline { background: #fff; padding: 20px; text-align: left; max-height: 62vh; overflow: auto }
.ginlined-content { overflow: auto; display: block !important; opacity: 1 }
.gslide-external { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 62vh }
.gslide-media { display: block; width: 100%; }
.gslide-description.left-position, .gslide-description.right-position { padding: 30px; background: #fff; max-width: 300px; min-width: 190px }
.gslide-description .bottom-position, .gslide-description .top-position { padding: 30px; background: #fff; width: 100%; display: inline-block; min-width: 190px }
.gslide-description.description-left, .gslide-description.description-right { max-width: 100% }
.gslide-description p { margin-bottom: 12px }
.gslide-description p::last-child { margin-bottom: 0 }
.glightbox-mobile .glightbox-container .gslide-description { background: transparent; position: absolute; bottom: 15px; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%); -webkit-transition: opacity .3s linear; transition: opacity .3s linear }
.glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em }
.glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1 }
.glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: bold }
.glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: .4 }
.gdesc-open .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: .4 }
.gdesc-open .gslide-description { padding-bottom: 30px }
.gdesc-closed .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1 }
.greset { -webkit-transition: all .5s ease; transition: all .5s ease; width: 100%; }
.glightbox-desc { display: none }
.glightbox-open { overflow: hidden; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto }
.gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader .8s infinite linear; animation: lightboxLoader .8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47% }
.goverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000 }
.gprev, .gnext, .gclose { background-repeat: no-repeat; z-index: 99999; cursor: pointer; width: 26px; height: 44px; display: block; background-position: 0 0 }
.gprev.disabled, .gnext.disabled, .gclose.disabled { opacity: .1 }
.gprev .garrow, .gnext .garrow, .gclose .garrow { stroke: #fff }
iframe.wait-autoplay { opacity: 0 }
.glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose { opacity: 0 !important }
.glightbox-clean .gslide-description { background: #222; padding: 10px; left: 0px; position: absolute; bottom: 0px; width: 100%; text-align: center; }
.glightbox-clean .gslide-title { font-size: 1.8rem; font-weight: normal; font-family: arial; color: #fff; line-height: 1.4em }
.glightbox-clean .gslide-desc { font-size: 1.6rem; margin-bottom: 0; font-family: arial; line-height: 1.4em }
.glightbox-clean .gslide-video { background: #000 }
.glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose { background: url(../images/cajt.png); }
.glightbox-clean .gprev { background-color: #333; background-position: 4px 5px; position: absolute; top: 45%; left: 30px; width: 38px; height: 56px }
.glightbox-clean .gnext { background-color: #333; background-position: -27px 5px; position: absolute; top: 45%; right: 30px; width: 38px; height: 56px }
.glightbox-clean .gclose { z-index: 9999; background-color: #333; width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; opacity: .7; background-position: -59px 2px }
.glightbox-clean .gclose:hover { opacity: 1 }
.gfadeIn { -webkit-animation: gfadeIn .5s ease; animation: gfadeIn .5s ease }
.gfadeOut { -webkit-animation: gfadeOut .5s ease; animation: gfadeOut .5s ease }
.gslideOutLeft { -webkit-animation: gslideOutLeft .3s ease; animation: gslideOutLeft .3s ease }
.gslideInLeft { -webkit-animation: gslideInLeft .3s ease; animation: gslideInLeft .3s ease }
.gslideOutRight { -webkit-animation: gslideOutRight .3s ease; animation: gslideOutRight .3s ease }
.gslideInRight { -webkit-animation: gslideInRight .3s ease; animation: gslideInRight .3s ease }
.gzoomIn { -webkit-animation: gzoomIn .5s ease; animation: gzoomIn .5s ease }
.gzoomOut { -webkit-animation: gzoomOut .5s ease; animation: gzoomOut .5s ease }
@-webkit-keyframes lightboxLoader {
   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
   100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes lightboxLoader {
   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
   100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes gfadeIn {
   from { opacity: 0 }
   to { opacity: 1 }
}
@keyframes gfadeIn {
   from { opacity: 0 }
   to { opacity: 1 }
}
@-webkit-keyframes gfadeOut {
   from { opacity: 1 }
   to { opacity: 0 }
}
@keyframes gfadeOut {
   from { opacity: 1 }
   to { opacity: 0 }
}
@-webkit-keyframes gslideInLeft {
   from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0) }
   to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes gslideInLeft {
   from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0) }
   to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@-webkit-keyframes gslideOutLeft {
   from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
   to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden }
}
@keyframes gslideOutLeft {
   from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
   to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden }
}
@-webkit-keyframes gslideInRight {
   from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0) }
   to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes gslideInRight {
   from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0) }
   to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@-webkit-keyframes gslideOutRight {
   from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
   to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 }
}
@keyframes gslideOutRight {
   from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
   to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 }
}
@-webkit-keyframes gzoomIn {
   from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
   to { opacity: 1 }
}
@keyframes gzoomIn {
   from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
   to { opacity: 1 }
}
@-webkit-keyframes gzoomOut {
   from { opacity: 1 }
   50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
   to { opacity: 0 }
}
@keyframes gzoomOut {
   from { opacity: 1 }
   50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
   to { opacity: 0 }
}
@media (min-width:25em) {
   .gslide iframe, .gslide video { min-width: 0 }
}
@media (min-width:48em) {
   .glightbox-container .ginner-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
   .glightbox-container .ginner-container.desc-left .gslide-description, .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }
   .glightbox-container .ginner-container.desc-left .gslide-media, .glightbox-container .ginner-container.desc-top .gslide-media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
   .gslide-image img { width: auto; width: initial; max-height: 70vh }
   .gslide-video { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100px; height: 100%; max-height: 95vh !important }
   .gslide-inline { max-height: 95vh }
   .gslide-external { max-height: 95vh }
   .gslide-media { display: block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
   .gslide-description.description-left, .gslide-description.description-right { max-width: 275px }
   .goverlay { background: rgba(0, 0, 0, .92) }
   .glightbox-clean .ginner-container { -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, .65); box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, .65) }
   .glightbox-clean .gprev { top: 45% }
   .glightbox-clean .gnext { top: 45% }
}
@media (min-width:62em) {
   .glightbox-clean .gclose { right: 20px }
}
@media (max-width:468px) {
   .gslide-media { width: 100%; background: #fff; }
   .gslide-image img { margin: 0 auto; }
}
@media (min-width:469px) and (max-width:768px) {
   .gslide-media { width: 100%; background: #fff; }
   .gslide-image img { margin: 0 auto; }
}
@media (min-width:769px) and (max-width:990px) {
   .gslide-media { width: 100%; background: #fff; }
   .gslide-image img { margin: 0 auto; }
}
@media (min-width:991px) and (max-width:1080px) { }

/*分页基本样式*/
.xypg-pagination { margin-top: 20px; text-align: center; font-size: 0; padding: 5rem 0rem; clear: both; }
.xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select { display: inline-block; vertical-align: middle }
.xypg-pagination a, .xypg-pagination #current { display: inline-block; font-size: 14px; color: #333333; font-family: "Microsoft YaHei", Arial; line-height: 26px; border: 1px solid #cbcbcb; margin: 0 5px; padding: 0 8px }
.xypg-pagination #current, .xypg-pagination a:hover { color: #fff; border-color: #cc312f; background: #cc312f }
.xypg-pagination .pagin-mid { font-size: 14px }
.xypg-pagination .pagin-mid .mob-pagin-mid { display: none }
.xypg-pagination .pagin-select { font-size: 14px }
.xypg-pagination .pagin-select select { height: 28px; padding: 0 8px; margin: -1px 5px 0 5px }
@media (max-width:768px) {
   .xypg-pagination .pagin-mid .pc-pagin-mid { display: none }
   .xypg-pagination .pagin-mid .mob-pagin-mid { display: block }
   .xypg-pagination .pagin-mid .mob-pagin-mid span { display: inline-block; padding: 0 8px; line-height: 28px; font-size: 14px }
   .xypg-pagination .pagin-select { display: none }
}

/*新闻列表页*/

/*新闻列表页*/
.newslist { width: 100%; height: auto; clear: both; position: relative; padding: 3rem 0px 3rem 0px; }
.newslist ul { width: 100%; height: auto; clear: both; position: relative; margin-top: 2rem; }
.newslist ul li { width: 31%; height: auto; margin-left: 1%; margin-right: 1%; float: left; border: solid #ccc 1px; overflow: hidden; position: relative; margin-top: 2rem; padding-bottom: 10px }
.newslist ul li .post-slide { transition: all 1s ease-in-out 0s }
.newslist ul li .post-slide .post-img { overflow: hidden; position: relative }
.newslist ul li .post-slide .post-img img { max-width: 100% !important; height: auto; width: auto !important; float: left; transform: scale(1.0); transition: all 1s }
.newslist ul li .post-slide .post-img h1 { width: 80%; display: block; position: absolute; left: 10px; top: 10%; color: #fff; padding: 10px 20px; font-size: 14px; letter-spacing: 1px; transition: all 1s ease-in-out 0s; line-height: 35px }
.newslist ul li .post-slide .post-img img { max-width: 100% !important; height: auto; width: auto !important; float: left; transform: scale(1.0); transition: all 1s }
.newslist ul li .post-slide .post-content { padding: 2% 6%; line-height: 22px; }
.newslist ul li .post-slide .post-title { font-size: 17px; font-weight: 600; margin-top: 0; text-transform: capitalize }
.newslist ul li .post-slide .post-title a { display: inline-block; color: #000; transition: all 0.3s ease 0s; line-height: 3 }
.newslist ul li .post-slide .post-content p { color: #333; line-height: 2; font-size: 1.4rem; text-indent: -3rem; display: inline }
.newslist ul li:hove .post-slider { transition: all 1s ease-in-out 0s; }
.newslist ul li:hover { background: #e60012 }
.newslist ul li .post-slide .post-content p { color: #333; }
.newslist ul li:hover .post-slide .post-title a { color: #fff; }
.newslist ul li:hover .post-slide .post-content p { color: #fff; }
.newslist ul li:hover .post-slide:hover .post-img img { transform: scale(1.2); transition: all 1s; }
.newslist ul li .post-slide:hover .post-img img { transform: scale(1.0); transition: all 1s; }
.newslist .more { margin-top: 0rem; border: solid #fff 1px; display: none; }
.newslist .more p { color: #fff !important; }
@media (max-width:468px) {
   .newslist ul li { width: 98%; height: auto; float: none; margin: 0 auto; margin-top: 2rem; }
   .newslist .more { display: block; }
}
@media (min-width:469px) and (max-width:768px) {
   .newslist ul li { width: 98%; height: auto; float: none; margin: 0 auto; margin-top: 2rem; }
   .newslist .more { display: block; }
}
@media (min-width:769px) and (max-width:1080px) {
   .newslist ul li { width: 48%; margin-left: 1%; margin-right: 1%; height: auto; float: left; margin-top: 2rem; }
   .newslist .more { display: block; }
}
@media (min-width:1081px) and (max-width:1200px) {
   .newslist ul li { height: 30vh; }
}

/*产品内页*/
.product { width: 100%; height: auto; clear: both; position: relative; background: #fff; padding: 0% 0% 5% 0%; }

/*图片放大*/
#glass { position: absolute; border-radius: 50%; box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); display: none; background-repeat: no-repeat; background-color: rgba(0, 0, 0, .6) }
.content img { display: block; }
.center { text-align: center }
.product .first { width: 100%; height: auto; padding: 3% 0%; background: #f8f8f8; }
.product .first .left { width: 32%; float: left; background: #fff; padding: 2%; overflow: hidden; }
.product .first .left img { width: 100%; height: auto; }
.product .first .right { width: 62%; float: right; margin-right: 2%; padding: 2%; }
.product .first .right h1 { border-bottom: solid #bdbdbd 1px; margin-bottom: 2rem; }
.product .first .right h1 a { line-height: 3; color: #000; font-size: 2.6rem; font-weight: bold; letter-spacing: 2px; }
.product .first .right h2 { margin-bottom: 2rem; background: #cc312f; width: 30%; display: block; float: left; text-align: center; border-radius: 5px; margin-top: 2rem; }
.product .first .right h2 a { line-height: 3; color: #fff; font-size: 1.4rem; font-weight: bold; letter-spacing: 2px; text-align: center; }
.product .first .right p { color: #333; font-size: 1.6rem; line-height: 2; }
.product .product_info a { color: #333; font-size: 1.6rem; line-height: 2; }
.product .product_info { width: 100%; height: auto; clear: both; background: #fff; }
.product .product_info .product_info_tit { border-bottom: solid #c2c2c2 1px; width: 100%; padding-top: 4rem; margin-bottom: 4rem; }
.product .product_info .product_info_tit h1 { display: block; line-height: 3; font-weight: bold; letter-spacing: 2px; text-align: center; color: #000; width: 100%; font-size: 2rem; }
.product .product_info_mm { width: 100%; height: auto; clear: both; background: #fff; }
.product .product_info_mm p { display: block; line-height: 1.8; text-align: leftc; color: #333; width: 100%; font-size: 1.6rem; }
.info_title { margin: 30px 0 27px 0; width: 100%; height: 52px; background: #eee; }
.info_title b { display: inline-block; padding: 0 30px; height: 100%; border-right: 1px solid #fff; background: #c92323; color: #fff; line-height: 52px; font-size: 16px; }
.info_title a { margin: 8px; width: 15px; height: 15px; background-position: 0 -426px; }
.product  .content_gs { background: #fff; margin-top: 2rem; clear: both; padding: 2%; text-align: center; }
.product  .content_gs img { max-width: 98%; width: auto; height: auto; display: block; margin: 0 auto; }
.product  .content p { width: 100%; font-size: 1.6rem; color: #333; line-height: 2.4; text-align: left }
.product  .content_table { background: #fff; margin-top: 2rem; clear: both; padding: 2%; overflow: hidden; }
.product .content_gs br { display: none; }
.product .right .content  td p span { font-size: 1.4rem !important; }
.product .right .content  td { font-size: 1.4rem !important; }
.product .right .content  td p { font-size: 1.4rem !important; padding: 8px 0px; text-align: center; text-align: center; padding: 0.5% 0%; }
.product .content_table .17 { font-size: 2rem; text-align: left !important; color: #000; font-weight: bold; }
@media (max-width:468px) {
   .product .first .left { width: 95%; margin: 0 auto; float: none; }
   .product .first .right { width: 95%; margin: 0 auto; float: none; }
   .product .first .right h1 a { font-size: 1.8rem; }
   .product .product_info { width: 95%; margin: 0 auto; float: none; }
   .product .product_info p { width: 90%; margin: 0 auto; }
   .product .product_info .product_info_tit h1 { line-height: 3; }
}
@media (min-width:469px) and (max-width:768px) {
   .product .first .left { width: 95%; margin: 0 auto; float: none; }
   .product .first .right { width: 95%; margin: 0 auto; float: none; }
   .product .first .right h1 a { font-size: 1.8rem; }
   .product .product_info { width: 95%; margin: 0 auto; float: none; }
   .product .product_info p { width: 90%; margin: 0 auto; }
   .product .product_info .product_info_tit h1 { line-height: 3; }
}
@media (min-width:769px) and (max-width:990px) {
   .product .first .left { width: 95%; margin: 0 auto; float: none; }
   .product .first .right { width: 95%; margin: 0 auto; float: none; }
   .product .first .right h1 a { font-size: 1.8rem; }
   .product .product_info { width: 95%; margin: 0 auto; float: none; }
   .product .product_info p { width: 90%; margin: 0 auto; }
   .product .product_info .product_info_tit h1 { line-height: 3; }
}
@media (min-width:991px) and (max-width:1080px) {
   .product .first .right h1 a { font-size: 1.8rem; }
}
@media (min-width:1081px) and (max-width:1320px) {
   .product .first .right h1 a { font-size: 2rem; }
}
@media (min-width:1321px) and (max-width:1600px) {
   .product .first .right h1 a { font-size: 2.2rem; }
}

/*新闻内页*/
.news { width: 100%; height: auto; clear: both; position: relative; padding: 2% 0% 5% 0%; }
.news .news_info a { color: #333; font-size: 1.6rem; line-height: 2; }
.news .news_info { width: 100%; height: auto; clear: both; background: rgba(255, 2555, 255, 0.8); padding: 2% 2%; }
.news .news_info .news_info_tit { width: 100%; margin-bottom: 1rem; }
.news .news_info .news_info_tit h1 { font-size: 3rem; color: #363636; font-weight: bold; margin-bottom: 10px; line-height: 1.7; text-align: center; letter-spacing: 1px; }
.news .news_info_mm { width: 100%; height: auto; clear: both; }
.news .news_info_mm img { max-width: 100%; height: auto !important }
.news .news_info_mm p { display: block; line-height: 2.2; text-align: leftc; color: #333; width: 100%; font-size: 1.6rem; text-indent: 4rem; }
@media (max-width:468px) {
   .news .news_info { width: 95%; margin: 0 auto; float: none; }
   .news .news_info .news_info_tit h1 { font-size: 2rem; line-height: 1.7; }
}
@media (min-width:469px) and (max-width:768px) {
   .news .news_info { width: 95%; margin: 0 auto; float: none; }
   .news .news_info .news_info_tit h1 { line-height: 3; }
}
@media (min-width:769px) and (max-width:990px) {
   .news .news_info { width: 95%; margin: 0 auto; float: none; }
   .news .news_info p { width: 90%; margin: 0 auto; }
   .news .news_info .news_info_tit h1 { line-height: 3; }
}
.xypg-detail-info-bar { font-size: 14px; font-family: Arial; color: #9e9e9e; line-height: 35px; border-bottom: 1px dashed #cfcfcf; margin-bottom: 20px; text-align: center; }
.xypg-detail-info-bar .detail-info-time { line-height: 2; text-align: center; }
.xypg-detail-info-bar .detail-info-time p { display: inline-table; margin: 0% 1%; text-align: center; }

/*联系我们*/
.contactlist { width: 100%; height: auto; clear: both; position: relative; padding: 2% 0% 5% 0%; float: left; }
.contactlist .contact_tit { width: 100%; text-align: left; margin: 1rem 0rem; clear: both; }
.contactlist .contact_tit h1 { font-size: 2.6rem; color: #000; line-height: 3; font-weight: normal; }
.contactlist .contact_tit h2 { font-size: 1.4rem; color: #777; font-weight: normal; }
.contact-form { border: 1px solid #eee; padding: 30px; margin-top: 50px; overflow: hidden; }
.map-area { margin-top: 50px; overflow: hidden; text-align: right; }
input, textarea, select { background: #fff; width: 100%; float: left; margin-left: 1%; margin-right: 1%; background: transparent; border: 1px solid #ddd; padding: 10px; font-size: 14px; font-weight: 600; letter-spacing: 1px; transition: .3s; margin-bottom: 20px }
textarea { height: 150px; resize: none }
input[type="submit"] { border: none; display: inline-block; background: #cc312f; color: #fff; padding: 12px 30px; margin: 20px 0; width: auto; text-transform: uppercase; transition: .3s; cursor: pointer; width: 100%; clear: both; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent }
.contactlist .left { width: 49%; height: auto; overflow: hidden; float: left; background: rgba(255, 255, 255, 0.8); padding: 4% 2%; }
.contactlist .left p { color: #000; font-size: 1.6rem; line-height: 2; }
.contactlist .left .ma { overflow: hidden; margin: 4% 0; }
.contactlist .left .ma img { max-width: 150px; height: auto; }
.contactlist .right { width: 49%; height: auto; overflow: hidden; float: right; background: rgba(255, 255, 255, 0.8); padding: 4% 2%; }
.contactlist .right h1 { float: right; width: 100%; text-align: right; color: #000; font-size: 2.4rem; display: block; }
.contactlist .right ul { clear: both; width: 100%; height: auto; }
.contactlist .right ul li { width: 48%; margin-left: 1%; margin-right: 1%; float: left; text-align: center; margin-top: 3rem; }
.contactlist .right ul li p { display: inline-table; color: #595959; font-size: 1.6rem; clear: both; width: 100%; }
.contactlist .right ul li .img { display: block; width: 45px; height: 45px; margin: 0 auto; overflow: hidden; }
.contactlist .right ul li .img img { display: block; width: 45px; height: 45px; margin: 0 auto; position: relative; filter: drop-shadow(45px 0 #cc312f); -webkit-filter: drop-shadow(45px 0 #cc312f); transition: all 1s }
.contactlist .right ul li:hover .img img { transform: translate(-45px, 0); -webkit-transform: translate(-45px, 0); -ms-transform: translate(-45px, 0); -o-transform: translate(-45px, 0); transition: all 1s }
.contactlist .right ul li .ctitle { float: left; color: #444; font-size: 1.6rem; line-height: 30px; margin-top: 3rem; }
.contactlist .right ul li .ctitle2 { float: left; color: #444; font-size: 1.6rem; line-height: 30px; text-align: left; padding: 5%; }
.contactlist .right ul li font { float: left; width: 50%; }
.contactlist .right ul li font img { width: 130px; height: 130px; }
.contactlist .right ul li:last-child { width: 100%; }
@media (max-width:468px) {
   .contactlist .left { width: 100%; margin: 0 auto; float: none; margin-top: 5rem; }
   .contactlist .right { width: 100%; margin: 0 auto; float: none; margin-top: 5rem; }
   .contactlist .right ul li .img { width: 30px; height: 30px; }
   .contactlist .right ul li .img img { width: 30px; height: 30px; filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f); }
   .contactlist .right ul li:hover .img img { transform: translate(-30px, 0); -webkit-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); -o-transform: translate(-30px, 0); }
   .contactlist .right ul li p { font-size: 1.4rem; }
   .contactlist .right h1 { background: #cc312f; color: #fff; padding: 2rem; }
   .contactlist .right ul li:last-child { width: 100%; }
   .contactlist .right ul li .ctitle2 { font-size: 1.4rem; }
}
@media (min-width:469px) and (max-width:768px) {
   .contactlist .left { width: 100%; margin: 0 auto; float: none; margin-top: 5rem; }
   .contactlist .right { width: 100%; margin: 0 auto; float: none; margin-top: 5rem; }
   .contactlist .right ul li .img { width: 30px; height: 30px; }
   .contactlist .right ul li .img img { width: 30px; height: 30px; filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f); }
   .contactlist .right ul li:hover .img img { transform: translate(-30px, 0); -webkit-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); -o-transform: translate(-30px, 0); }
   .contactlist .right ul li p { font-size: 1.4rem; }
   .contactlist .right h1 { background: #cc312f; color: #fff; padding: 2rem; }
   .contactlist .right ul li:last-child { width: 100%; }
   .contactlist .right ul li .ctitle2 { font-size: 1.4rem; }
}
@media (min-width:769px) and (max-width:990px) {
   .contactlist .left { width: 100%; margin: 0 auto; float: none; margin-top: 5rem; }
   .contactlist .right { width: 100%; margin: 0 auto; float: none; margin-top: 5rem; }
   .contactlist .right ul li .img { width: 30px; height: 30px; }
   .contactlist .right ul li .img img { width: 30px; height: 30px; filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f); }
   .contactlist .right ul li:hover .img img { transform: translate(-30px, 0); -webkit-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); -o-transform: translate(-30px, 0); }
   .contactlist .right ul li p { font-size: 1.4rem; }
   .contactlist .right h1 { background: #cc312f; color: #fff; padding: 2rem; }
   .contactlist .right ul li:last-child { width: 100%; }
   .contactlist .right ul li .ctitle2 { font-size: 1.4rem; }
}
@media (min-width:991px) and (max-width:1080px) {
   .contactlist .right ul li .img { width: 30px; height: 30px; }
   .contactlist .right ul li .img img { width: 30px; height: 30px; filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f); }
   .contactlist .right ul li:hover .img img { transform: translate(-30px, 0); -webkit-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); -o-transform: translate(-30px, 0); }
   .contactlist .right ul li p { font-size: 1.4rem; }
   .contactlist .right ul li:last-child { width: 100%; }
   .contactlist .right ul li .ctitle2 { font-size: 1.4rem; }
}
@media (min-width:1080px) and (max-width:1200px) {
   .contactlist .right ul li .img { width: 30px; height: 30px; }
   .contactlist .right ul li .img img { width: 30px; height: 30px; filter: drop-shadow(30px 0 #cc312f); -webkit-filter: drop-shadow(30px 0 #cc312f); }
   .contactlist .right ul li:hover .img img { transform: translate(-30px, 0); -webkit-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); -o-transform: translate(-30px, 0); }
   .contactlist .right ul li p { font-size: 1.4rem; }
   .contactlist .right ul li:last-child { width: 100%; }
   .contactlist .right ul li .ctitle2 { font-size: 1.4rem; }
}

/*内页_分隔条*/
.xypg-detail-tags { margin-top: 40px }
.xypg-detail-tags .tags-title { border-bottom: 1px solid #c3c3c3; position: relative }
.xypg-detail-tags .tags-title h3 { display: inline-block; padding: 0 30px; font-size: 16px; color: #cc312f; line-height: 40px; border-bottom: 3px solid #cc312f; margin-bottom: -1px }
.xypg-detail-tags .tags-title .baidu-share { position: absolute; right: 0; top: 8px }
.xypg-detail-tags .tags-content { padding-top: 10px }
.xypg-detail-tags .tags-content a { font-size: 13px; color: #666666; display: inline-block }
.xypg-detail-tags .tags-content a:hover { color: #cc312f }

/*内页_上下页*/
.xypg-detail-pn { margin-top: 30px }
.xypg-detail-pn div { width: 100%; clear: both; margin-bottom: 10px; background: #ededed; line-height: 35px; padding: 0 20px; position: relative }
.xypg-detail-pn div b { font-size: 16px; color: #333333; float: left; font-weight: normal }
.xypg-detail-pn div a { float: left; width: 75%; font-size: 14px; color: #565656 }
.xypg-detail-pn div a:hover { color: #cc312f }
@media (max-width:600px) {
   .xypg-detail-pn div a { width: 60% }
}
@media (max-width:600px) {
   .xypg-detail-pn div a { width: 50% }
}
.xypg-detail-pn div span { position: absolute; right: 20px; top: 0; font-size: 13px; color: #666666 }

/*在线客服*/
.side { position: fixed; width: 78px; right: 0; top: 50%; margin-top: -200px; z-index: 100; border: 1px solid #e0e0e0; background: #fff; border-bottom: 0; z-index: 9999; }
.side ul li { width: 78px; height: 78px; float: left; position: relative; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 14px; line-height: 38px; text-align: center; transition: all .3s; cursor: pointer }
.side ul li:hover { background: #f67524; color: #fff }
.side ul li:hover a { color: #fff }
.side ul li a { color: #333; }
.side ul li i { height: 25px; margin-bottom: 1px; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 25px; margin-top: 14px; transition: all .3s }
.side ul li i.bgs1 { background-image: url(../images/right_pic5.png) }
.side ul li i.bgs2 { background-image: url(../images/right_pic7.png) }
.side ul li i.bgs3 { background-image: url(../images/right_pic2.png) }
.side ul li i.bgs4 { background-image: url(../images/right_pic1.png) }
.side ul li i.bgs5 { background-image: url(../images/right_pic3.png) }
.side ul li i.bgs6 { background-image: url(../images/right_pic6_on.png) }
.side ul li:hover i.bgs1 { background-image: url(../images/right_pic5_on.png) }
.side ul li:hover i.bgs2 { background-image: url(../images/right_pic7_on.png) }
.side ul li:hover i.bgs3 { background-image: url(../images/right_pic2_on.png) }
.side ul li:hover i.bgs4 { background-image: url(../images/right_pic1_on.png) }
.side ul li:hover i.bgs5 { background-image: url(../images/right_pic3_on.png) }
.side ul li .sidebox { position: absolute; width: 78px; height: 78px; top: 0; right: 0; transition: all .3s; overflow: hidden }
.side ul li.sidetop { background: #f67524; color: #fff }
.side ul li.sidetop:hover { opacity: .8; filter: Alpha(opacity=80) }
.side ul li.sideewm .ewBox.son { width: 238px; display: none; color: #363636; text-align: center; padding-top: 235px; position: absolute; left: -240px; top: 0; background-image: url(../images/er.jpg); background-repeat: no-repeat; background-position: center center; border: 1px solid #e0e0e0 }
.side ul li.sideetel .telBox.son { width: 240px; height: 237px; display: none; color: #fff; text-align: left; position: absolute; left: -240px; top: -79px; background: #f67524 }
.side ul li.sideetel .telBox dd { display: block; height: 118.5px; overflow: hidden; padding-left: 82px; line-height: 24px; font-size: 18px }
.side ul li.sideetel .telBox dd span { color: #fff; display: block; line-height: 28px; height: 28px; overflow: hidden; margin-top: 32px; font-size: 18px }
.side ul li.sideetel .telBox dd.bgs1 { background: url(../images/right_pic8.png) 28px center no-repeat; background-color: #e96410 }
.side ul li.sideetel .telBox dd.bgs2 { background: url(../images/right_pic9.png) 28px center no-repeat }
.side ul li:hover .son { display: block !important; animation: fadein 1s }
@keyframes fadein {
   from { opacity: 0 }
   to { opacity: 1 }
}
@media (max-width:990px) {
   .side { display: none; }
}

/*联系方式*/
.dtc { width: 100%; height: auto; clear: both; position: relative; float: left; border-top: solid #ccc 1px; }
.dtc .left { width: 40%; float: left; position: relative; margin-left: 10%; }
.dtc .left h1 { width: 15%; float: left; display: block; }
.dtc .left h1 a { display: block; width: 100%; height: 100%; }
.dtc .left h1 a img { max-width: 100%; width: auto; height: auto; }
.dtc .left h2 { display: block; width: 70%; float: right; text-align: left; color: #cc312f; font-size: 3.6rem; letter-spacing: 1px; line-height: 3; margin-top: 4rem; }
.dtc .left p { display: block; width: 70%; float: right; text-align: left; color: #000; font-size: 1.6rem; line-height: 2; }
.dtc .right { width: 50%; float: right; overflow: hidden; height: 100%; }
.dtc .right img { width: 100%; height: 100%; }
@media (max-width:468px) {
   .dtc { background: none; padding: 2rem 0rem; float: left; }
   .dtc .left { width: 90%; margin-left: 5%; }
   .dtc .left h1 { display: none; }
   .dtc .left h2 { width: 95%; margin: 0 auto; float: none; }
   .dtc .left p { width: 95%; margin: 0 auto; float: none; }
   .dtc .right { display: block; width: 100%; margin-top: 3rem; float: left; }
}
@media (min-width:469px) and (max-width:768px) {
   .dtc { background: none; padding: 2rem 0rem; float: left; }
   .dtc .left { width: 100%; }
   .dtc .left h1 { display: none; }
   .dtc .left h2 { width: 95%; margin: 0 auto; float: none; }
   .dtc .left p { width: 95%; margin: 0 auto; float: none; }
   .dtc .right { display: block; width: 100%; margin-top: 3rem; float: left; }
}
@media (min-width:769px) and (max-width:1200px) {
   .dtc { background: none; padding: 2rem 0rem; float: left; }
   .dtc .left { width: 100%; }
   .dtc .left h2 { width: 95%; margin: 0 auto; float: none; margin-top: 3rem; }
   .dtc .left p { width: 95%; margin: 0 auto; float: none; }
   .dtc .right { display: block; width: 100%; margin-top: 3rem; float: left; }
}
@media (min-width:1201px) and (max-width:1440px) {
   .dtc .left { width: 45%; float: left; position: relative; margin-left: 5%; }
   .dtc .left h1 { display: none; }
   .dtc .left h2 { width: 100%; margin-top: 2rem; font-size: 3rem; }
   .dtc .left p { width: 100%; }
   .dtc { padding: 5% 2%; }
}
@media (min-width:1441px) and (max-width:1600px) {
   .dtc .left h1 a img { max-width: 60%; }
   .dtc .left h2 { margin-top: 2rem; font-size: 3rem; }
   .dtc { padding: 5% 2%; }
}

/*产品详情页留言*/
.promessage { width: 100%; height: auto; clear: both; position: relative; padding: 2% 0% 5% 0%; float: left; }
.promessage .contact_tit { width: 100%; text-align: left; margin: 1rem 0rem; clear: both; }
.promessage .contact_tit h1 { font-size: 2.6rem; color: #000; line-height: 3; font-weight: normal; }
.promessage .contact-form { border: 1px solid #eee; padding: 30px; margin-top: 20px; overflow: hidden; }
.promessage .map-area { margin-top: 50px; overflow: hidden; text-align: right; }
.promessage input, .promessage textarea, .promessage select { background: #fff; width: 48%; float: left; margin-left: 1%; margin-right: 1%; background: transparent; border: 1px solid #ddd; padding: 10px; font-size: 14px; font-weight: 600; letter-spacing: 1px; transition: .3s; margin-bottom: 20px }
.promessage textarea { height: 150px; resize: none }
.promessage input[type="submit"] { margin: 20px auto !important; float: none; display: block; border: none; background: #cc312f; color: #fff; padding: 12px 30px; margin: 20px 0; text-transform: uppercase; transition: .3s; cursor: pointer; width: 30%; clear: both; }
.promessage input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent }
.promessage input:nth-child(4) { width: 30% !important }
.promessage img { float: left; max-width: 10%; }
@media (max-width:768px) {
   .promessage input, textarea, select { background: #fff; width: 98%; }
   .promessage input:nth-child(4) { width: 100% !important }
   .promessage img { float: left; max-width: 30%; }
   .promessage input[type="submit"] { width: 100%; clear: both; float: left; }
}
@media (min-width:769px) and (max-width:990px) {
   .promessage input[type="submit"] { width: 100%; clear: both; float: left; }
}

/*侧边栏*/
.side { position: fixed; width: 78px; right: 0; top: 50%; margin-top: -200px; z-index: 100; border: 1px solid #e0e0e0; background: #fff; border-bottom: 0; z-index: 9999; }
.side ul li { width: 78px; height: 78px; float: left; position: relative; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 14px; line-height: 38px; text-align: center; transition: all .3s; cursor: pointer }
.side ul li:hover { background: #f67524; color: #fff }
.side ul li:hover a { color: #fff }
.side ul li a { color: #333; }
.side ul li i { height: 25px; margin-bottom: 1px; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 25px; margin-top: 14px; transition: all .3s }
.side ul li i.bgs1 { background-image: url(../images/right_pic5.png) }
.side ul li i.bgs2 { background-image: url(../images/right_pic7.png) }
.side ul li i.bgs3 { background-image: url(../images/right_pic2.png) }
.side ul li i.bgs4 { background-image: url(../images/right_pic1.png) }
.side ul li i.bgs5 { background-image: url(../images/right_pic3.png) }
.side ul li i.bgs6 { background-image: url(../images/right_pic6_on.png) }
.side ul li:hover i.bgs1 { background-image: url(../images/right_pic5_on.png) }
.side ul li:hover i.bgs2 { background-image: url(../images/right_pic7_on.png) }
.side ul li:hover i.bgs3 { background-image: url(../images/right_pic2_on.png) }
.side ul li:hover i.bgs4 { background-image: url(../images/right_pic1_on.png) }
.side ul li:hover i.bgs5 { background-image: url(../images/right_pic3_on.png) }
.side ul li .sidebox { position: absolute; width: 78px; height: 78px; top: 0; right: 0; transition: all .3s; overflow: hidden }
.side ul li.sidetop { background: #f67524; color: #fff }
.side ul li.sidetop:hover { opacity: .8; filter: Alpha(opacity=80) }
.side ul li.sideewm .ewBox.son { width: 238px; display: none; color: #363636; text-align: center; padding-top: 235px; position: absolute; left: -240px; top: 0; background-image: url(../images/er.jpg); background-repeat: no-repeat; background-position: center center; border: 1px solid #e0e0e0 }
.side ul li.sideetel .telBox.son { width: 240px; height: 237px; display: none; color: #fff; text-align: left; position: absolute; left: -240px; top: -79px; background: #f67524 }
.side ul li.sideetel .telBox dd { display: block; height: 118.5px; overflow: hidden; padding-left: 82px; line-height: 24px; font-size: 18px }
.side ul li.sideetel .telBox dd span { color: #fff; display: block; line-height: 28px; height: 28px; overflow: hidden; margin-top: 32px; font-size: 18px }
.side ul li.sideetel .telBox dd.bgs1 { background: url(../images/right_pic8.png) 28px center no-repeat; background-color: #e96410 }
.side ul li.sideetel .telBox dd.bgs2 { background: url(../images/right_pic9.png) 28px center no-repeat }
.side ul li:hover .son { display: block !important; animation: fadein 1s }
@keyframes fadein {
   from { opacity: 0 }
   to { opacity: 1 }
}
@media (max-width:990px) {
   .side { display: none; }
}
#allmap { width: 100%; min-height: 60vh; overflow: hidden; }
.BMap_shadow img { width: 0; height: 0; }
@media screen and (max-width:500px) {
   #allmap { min-height: 300px; }
}
.ditu b { font-size: 1.8rem; }
.ab_pages { clear: both; padding: 20px 0; font-size: 14px; text-align: center; overflow: hidden; margin: 20px auto; display: table; }
.ab_pages ul { display: inline-block; margin: 0 auto; padding: 0 }
.ab_pages ul a { color: #555; display: block; padding: 5px 11px; border: 1px solid #ddd; float: left; margin: 0 5px; font-size: 12px }
.ab_pages ul a.page-num-current { background: #ddd; }
.ab_pages ul a:hover { background: #ddd }
.ab_pages ul span { display: inline-block; float: left; line-height: 28px; }