@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0 }
body { font-size: 14px; font-family: "微软雅黑", Arial, Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff }
li, ol { list-style: none }
ins { text-decoration: none }
i, em { font-style: normal }
a { text-decoration: none; font-family: "微软雅黑" }
a:hover { cursor: pointer; text-decoration: none }
:focus { outline: 0 }
.clear { clear: both; line-height: 0; overflow: hidden; zoom: 1; font-size: 0; content: '.' }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
img { padding: 0; margin: 0 }
a img { border: 0 }
input, textarea { border: 0; font-family: "微软雅黑"; font-size: 13px }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 14px; font-family: "微软雅黑" }
.fl { float: left;}
.fr { float: right }
.wrap { min-width: 320px; max-width: 750px; margin: 0 auto; overflow: hidden; position: relative; font-family: "微软雅黑"; background: #fff }
.wrap img { display: block; width: 100% }

.ban { position: relative; z-index: 3; width: 100%; overflow: hidden }
.ban img { display: block; width: 100% }
.ban .swiper-pagination { bottom: 1.9rem }
.ban .swiper-pagination-bullet { background: #fff; width: 0.75em; opacity: .85; height:0.75rem; margin: 0 .33rem !important; border-radius: 0; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 0.75rem;}
.ban .swiper-pagination-bullet-active { width: 1.83rem;opacity: 1; background: #0a8ae1;}
/**/
.tils{ overflow: hidden; border-bottom: 0.625rem solid #f2f2f3; margin-bottom: 2.67rem;}
.tils h2{ text-align: center; padding-top: 2.875rem; color: #333; font-size: 1.8rem;}
.tils h2 img{ display: block; margin: 0 auto; width: 7.83rem; padding-top: 0.4rem; padding-bottom: 1.17rem;}
.tils p{ margin:0 4.1%; line-height:2rem; color: #545454; font-size: 1.12rem; text-align: center; padding-bottom: 1.6rem;}
.tils h4{ text-align: center; padding-bottom: 2.92rem;}
.tils h4 a{ display: block; margin: 0 auto; text-align: left; border: 1px solid #0a8ae1; height: 2.5rem; line-height: 2.5rem; border-radius: 2.5rem; padding-left: 2.5rem; width: 9.8rem; font-size: 1.2rem; color: #0a8ae1;background: url(../images/mor1.png) no-repeat  88% center;background-size:1.6rem 0.85rem ;}
/**/
.pro_c{ overflow: hidden;}
.pro_c h2{ text-align: center; color: #333; font-size: 1.83rem;}
.pro_c h2 img{ display: block; margin: 0 auto; width: 9.92rem; padding: 0.3rem 0 1.25rem 0;}
.pro_c dl{ margin: 0 4% 0.92rem; position: relative;}
.pro_c dl dd{ position: absolute; left: 0; top: 0; color: #fff; width: 100%; padding: 2rem 6% 0; box-sizing: border-box;}
.pro_c dl dd h3{ font-size: 1.5rem;}
.pro_c dl dd h3 img{ display: block; width: 5.5rem; padding: 0.2rem 0 1.15rem 0;}
.pro_c dl dd p{ font-size: 1.1rem; line-height: 1.92rem; padding-bottom: 1.6rem;}
.pro_c dl dd p strong{ display: block; padding-bottom: 0.3rem;}
.pro_c dl dd  h4{ text-align: center; padding-bottom: 2.92rem;}
.pro_c dl dd  h4 span{ display: block;  text-align: left; border: 1px solid #0a8ae1; height: 2.5rem; line-height: 2.5rem; border-radius: 2.5rem; padding-left: 1rem; width: 8rem; font-size: 1rem; color: #fff;background: url(../images/more1.png) no-repeat  88% center #0a8ae1;background-size:1.26rem 0.5rem ;}
.pr_om { position: relative; z-index: 3; width: 100%; overflow: hidden }
.pr_om ul{ overflow: hidden; margin: 0 4% 6rem;}
.pr_om ul li{ float: left; width: 48.5%; position: relative;}
.pr_om ul li i{ display: block; bottom: 1.35rem; width: 100%; text-align: center; color: #333; font-size: 1.17rem; padding-top:0.5rem;}
.pr_om ul li:last-of-type{ margin-left: 2.6%;}
.pr_om img { display: block; width: 100% }
.pr_om .swiper-pagination { bottom: 1.9rem }
.pr_om .swiper-pagination-bullet { background: #ccc; width: 0.75em; opacity: .85; height:0.75rem; margin: 0 .33rem !important; border-radius: 0; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 0.75rem;}
.pr_om .swiper-pagination-bullet-active { width: 1.83rem;opacity: 1; background: #0a8ae1;}
/**/
.pro_c2 dl{ margin: 0 0 3.33rem; overflow: hidden;}
.pro_c2 h3{ color: #0a8ae1;}
.pro_c2 p{ color: #333;}
.pro_c2 dl dd h3 img{ width: 6.75rem;}
/**/
.huob{background: url(../images/huob.jpg) no-repeat;background-size:100% 39.8rem; height: 39.8rem; overflow: hidden; margin-bottom: 3.18rem;}
.huob h2{ text-align: center; padding-top: 3.5rem; color: #333; font-size: 1.8rem;}
.huob h2 img{ display: block; margin: 0 auto; width:13.5rem; padding-top: 0.4rem; padding-bottom: 1.56rem;}

.hb_om { position: relative; z-index: 3; width: 100%; overflow: hidden; padding-bottom: 5.75rem;}
.hb_om ul{ overflow: hidden; margin: 0 4% 2.75rem; box-sizing: border-box; border: 1px solid #c8c8c8; border-bottom: none; border-right: none;}
.hb_om ul li{ float: left; width:33.33%; position: relative; box-sizing: border-box; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;    height: 7.55rem;}
.hb_om ul li i{ display: block; position: absolute; left: 0; bottom: 1.35rem; width: 100%; text-align: center; color: #333; font-size: 1.17rem;}
.hb_om ul li:last-of-type{ float: right;}
.hb_om img { display: block; width: 100% }
.hb_om .swiper-pagination { bottom: 3.9rem; text-align: left; z-index: 55; left: 4%;    width: 48%;}
.hb_om .swiper-pagination-bullet { background: #0a8ae1; width: 0.5em; opacity: .85; height:0.75rem; margin: 0 .33rem !important; border-radius: 0; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 0.75rem;}
.hb_om .swiper-pagination-bullet-active { height: 1.83rem;opacity: 1; background: #0a8ae1;}
.next31a{ position: absolute; right: 16.3%; width: 1rem; z-index: 5;}
.prev31a{ position: absolute; right: 4%; width: 2.5rem; z-index: 5;}
/**/
.xinw{ margin: 0 4%;}
.xinw h2{ text-align: center; padding-top: 0.15rem; color: #333; font-size: 1.8rem;}
.xinw h2 img{ display: block; margin: 0 auto; width:7.25rem; padding-top: 0.4rem; padding-bottom: 1.56rem;}
.xinw dl{ border-bottom: 1px solid #d2d2d2; margin-bottom: 0.7rem;}
.xinw dl dd h3{ color: #333333; font-size: 1.25rem; padding-top: 0.8rem;}
.xinw dl dd p{ color: #7b7b7b; font-size: 1.1rem; line-height: 1.86rem; padding: 0.3rem 0;}
.xinw dl dd em{ display: block; color: #999999; font-size: 0.92rem; padding-bottom: 1rem;}
.xinw li{ overflow: hidden; display: block; border-bottom: 1px dotted #ccc;}
.xinw li a{ display: block; overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position: relative; height: 3.75rem; line-height: 3.75rem; padding-left: 1.67rem; color: #333; font-size: 1.1rem; position: relative;}
.xinw li a:before{ position: absolute; content: ""; left:0.1rem; top: 1.92rem; width: 0.6rem; background: #666; height: 1px;}
.xinw li:last-of-type{border-bottom: 1px solid #d2d2d2; margin-bottom: 3.17rem;}
    /**/
.about{ overflow: hidden;}
.about h2{ text-align: center; padding-top: 0.15rem; color: #333; font-size: 1.8rem;}
.about h2 img{ display: block; margin: 0 auto; width:5.6rem; padding-top: 0.4rem; padding-bottom: 1.56rem;}
.about dd{ margin: 0 4% 2.67rem; padding-top: 1rem;}
.about dd p{ color: #333; font-size: 1.1rem; line-height: 1.93rem; padding-bottom: 1.25rem;}
.about dd em{ text-align: center; padding-bottom: 2.92rem;}
.about dd em span{ display: block; margin: 0 auto; text-align: left; border: 1px solid #0a8ae1; height: 2.5rem; line-height: 2.5rem; border-radius: 2.5rem; padding-left: 2.5rem; width: 9.8rem; font-size: 1.2rem; color: #0a8ae1;background: url(../images/mor1.png) no-repeat  88% center;background-size:1.6rem 0.85rem ;}
.about h4{ text-align: center; font-weight: normal; padding-bottom: 3.17rem;}
.about h4 a{ display: inline-block; width: 6.25rem; height: 6.25rem; box-sizing: border-box;background: url(../images/ab1.jpg) no-repeat;background-size:6.25rem ; padding-top: 3.33rem; color: #fff; font-size: 1.1rem; margin: 0 3%;}
/**/
    /**/
/**/
html { background: #fff }
.wrap { opacity: 0 }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999 }
.loading img { display: none }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: .05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99 }
.homeShow { animation: fade .8s ease both; -webkit-animation: fade .8s ease both }
@-webkit-keyframes fade {
    from { opacity: 1; display: block }
    to { opacity: 0; display: none; height: 0 }
}
@keyframes fade {
    from { opacity: 1; display: block }
    to { display: none; opacity: 0; height: 0 }
}
.fade { -webkit-animation-name: fade; animation-name: fade }
@media screen and (min-width:320px) {
    html { font-size: 10px }
}
@media screen and (min-width:360px) {
    html { font-size: 11.25px }
}
@media screen and (min-width:375px) {
    html { font-size: 11.7px }
}
@media screen and (min-width:384px) {
    html { font-size: 12px }
}
@media screen and (min-width:480px) {
    html { font-size: 15px }
}
@media screen and (min-width:414px) {
    html { font-size: 13px }
}
@media screen and (min-width:560px) {
    html { font-size: 17.5px }
}
@media screen and (min-width:640px) {
    html { font-size: 20px }
}
@media screen and (min-width:750px) {
    html { font-size: 24px }
}