/*首页开始*/
.tongyLink{ width:100%; background:#ffff; display: none}
.tongyLink a{ float: left; margin: 0 15px; line-height: 30px; height: 30px; overflow: hidden; color: #666666}
a{text-decoration:none;color:#333333}
a:hover{text-decoration:none;}
html, body {	margin: 0;	padding: 0;	position: relative;/*overflow: hidden;*/	width: 100%;	height: 100%;	-webkit-tap-highlight-color: rgba(0,0,0,0);	font-family: "微软雅黑";}
body{ font-size: 0.14rem}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
ul,p,h1,h2,h3,h4,h5,h6,li,p,dd,dt,dl,em{padding:0px;margin:0px;list-style:none;}
select,input{ outline:0}
img{ border:0 none}
em{ font-style: normal}
a,img{ outline:0}
a{ text-decoration:none}
.fl{ float:left}
.fr{ float:right}
input, textarea {background: transparent;padding: 0px;font-size: 0.12rem;font-family: Arial, "微软雅黑";color: #888;outline: none;border: 0px;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn; }

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}

@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}

@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}

@-webkit-keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}  100% {-webkit-transform: perspective(400px);transform: perspective(400px);}}
@keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}  100% {-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px);}}
.flipInX {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}
.mt9{margin-top: 0.9rem;}
.page{ width: 12rem; position: relative; margin: 0 auto}

.top{ width:100%; float: left; position: fixed; background: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); height: 0.9rem;    z-index: 99999999;}
.top .logo{ float: left; height: 0.59rem;    margin: 0.15rem 0 0 0;    font-size: 0px;    width: 2.34rem;    position: relative;}
.top .logo img{ height: 0.59rem;}
.top .nav{max-width: 9.46rem; float: right; font-size: 0.18rem; line-height: 0.9rem; margin-top: 0rem;}
.top .nav li{ padding: 0 0.2rem; float: left; position: relative}
.top .nav a{color: #007177;}
.top .nav .active a{    color: #006cb8;}
.top .nav .xiala{ position: absolute; top: 0.89rem;  left: 0; text-align: center; background: #ffffff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); font-size: 0.14rem; display: none; width: 1.5rem; left: 50%; margin-left: -0.75rem}
.top .nav .xiala a{ float: left; line-height: 0.4rem; border-bottom: 1px solid #ededed; width: 100% }
.top .nav .xiala a:hover{ background:#007177; color: #fff }
.top .nav .xiala a:last-child{ border-bottom: none}
.top .nav li:hover .xiala{ display: block}
.Mnav{ display: none}



.bn-alp {width:100%;/* height: 6.36rem; */position:relative;float:left;/* background: #ffed29 no-repeat; */background-position:50% 0%;overflow:hidden;z-index: 1;}
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox {height:100%;position:relative;display: -webkit-box;display: flex;display: -ms-flexbox;}
.bn-alp .abox li {width:100%;/* height: 6.36rem; *//* background-position:50% 0%; *//* background-repeat:no-repeat; *//* background-color:#dddddd; *//* background-size:cover; *//* position:absolute; */top:0;left:0;z-index:10;/*transition: all 6s ease; -webkit-transition: all 2s ease; transform: scale(1.1);*/height: auto;}
.bn-alp .abox li img.bg {width: 100%;height: auto;transition: All 6s ease;margin: auto;display: block;}
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:0.25rem; left:50%; margin-left:-0.5rem; text-align:center; position:absolute; z-index:100; }
.bn-alp .i i { display:inline-block; margin-right:0.1rem; width:0.2rem; height:0.1rem; background:#d2d2d2; border-radius:0.05rem; cursor:pointer; transition: 0.3s all ease-in-out;}
.bn-alp .i i.on {background:#373737;width:0.4rem; }
.ny,.ny .abox li {height: 2.48rem;}
.ny .i{ bottom:0.1rem}

.indcp li{ width:calc(2.7rem - 2px); float: left; border: 1px solid #ededed; margin: 0.4rem 0.15rem 0 0.15rem}
.indcp li span{ width:100%; height: 2.3rem; float: left; overflow: hidden; position: relative; border-bottom: 1px solid #ededed;}
.indcp li span img{ height:2.3rem; position: absolute; margin: auto; left: -50%; right:-50%;top: -50%; bottom:-50%; }
.indcp li h2{ position: relative; float: left; width: calc(100% - 0.2rem); margin-left: 0.1rem; text-align: center;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; font-size: 0.16rem; font-weight:normal; color: #007177; line-height: 0.5rem; height: 0.5rem; }
.indcp2{ float: left; width: 100%; margin-top: 0.5rem }
.indcp2 strong{ width: 100%; float: left; text-align: center; font-size: 0.5rem; height: #000}
.indcp2 span{    width: 100%;float: left;text-align: center;color: #00a29a;font-size: 0.28rem;padding: 0.1rem 0; position: relative}
.indcp2 span:before{ position:absolute; width: 2.5rem; height: 1px; bottom: 0rem; left: 50%; margin-left: -1.25rem; content: "";background: #ededed;}	
.indcp2 em{width: 100%;float: left;text-align: center;color: #222;font-size: 0.14rem;margin-top: 0.3rem;}
.indcp2 p{    width: 100%;float: left;text-align: center;font-size: 0.14rem;color: #444444;line-height: 0.2rem;}
/*   底部  */

.footer1{background:url(../pic/bg-footer.png) top center no-repeat; color:#515e6b; padding:0.35rem 0 0.15rem 0; min-height:2rem; font-size: 0.14rem; width: 100%; float: left; margin-top: 0.3rem}	
.footer1 a{color:#515e6b;}
.footer1 .col-sm-4{ width: 3.7rem; margin-right: 0.3rem; float: left;}
.footer1 .col-sm-4 .footer-logo{ width: 1.85rem; float: left;margin-bottom:0.12rem;}
.footer1 .col-sm-4 .footer-logo img{ width:1.85rem;}
.footer1 .ft_som{float: left;width: 3.5rem;color: #b3b3b3;/* background: url(../pic/lxfs.jpg) no-repeat; *//* background-size: 2.44rem 0.45rem; *//* padding-top: 0.5rem; */position: relative;}
.footer1 .ft_som #footer-smo a{position: absolute;    top: 0;  width: 0.2rem;  height: 0.4rem;}
.footer1 .ft_som #footer-smo a:first-child{ left: 0;}
.footer1 .ft_som #footer-smo a:first-child+a{left: 0.3rem;}
.footer1 .ft_som #footer-smo a:first-child+a+a{left: 0.65rem;}	
.footer1 .ft_som #footer-smo a:first-child+a+a+a{left: 1.02rem;}	
.footer1 .ft_som #footer-smo a:first-child+a+a+a+a{left: 1.4rem;}
.footer1 .ft_som #footer-smo a:first-child+a+a+a+a+a{left: 1.8rem;}
.footer1 .ft_som #footer-smo a:first-child+a+a+a+a+a+a{left: 2.15rem;}
.footer1 .footer-copyright{ font-size:0.12rem; color: #b3b3b3; width: 80%; float: left}
.footer1 .footer-link{ font-size:0.12rem; color: #b3b3b3; width: 80%; float: left; margin-top: 0.1rem}
.footer1 .main_company{ float: left; width: 100%;}
.footer1 .main_company h3{    margin: 0 0 0.05rem; font-size: 0.18rem; font-weight: normal;  color: #000;}
.footer1 .relat_company{ width: 100%; float: left; margin-top: 0.1rem;}
.footer1 h5{    color: #00b0ec;  margin: 0 0 0.05rem;font-weight: normal;  }
.footer1 h4{    color: #000;  margin: 0 0 0.05rem;font-weight: normal; font-size: 0.16rem;  }
.footer1 ul li{ font-size:0.14rem;line-height: 0.2rem;}
.footer1 .agent{  float: left; width: 100%;}
.footer1 .agent2{ border-top: 1px dashed #ededed; float: left; width: 100%; margin-top: 0.1rem; padding-top: 0.1rem}
.footer1 .xiangshang{ position: absolute; top: -0.7rem; height: 0.4rem; width: 0.4rem; background: url(../pic/xiangshang.png) no-repeat center center #e80014;background-size: 0.35rem;    right: 0;}


/*   产品列表  */
.mbx{ width: 100%; float: left; text-align: right; padding: 0.1rem 0 0rem 0; line-height: 0.2rem; height: 0.2rem;color: #999;}
.mbx a{color: #444;}
.chanpin{ width:100%; float: left; overflow: hidden;}
.chanpin .L-sidebar{ width:2.8rem; float: left; margin-top: 0.2rem}
.chanpin .L-sidebar h2{ background:#159bc6; width:calc(100% - 0.2rem); text-align: center;float: left; font-size: 0.21rem;color: #fff; border-radius: 0.03rem;position: relative; padding: 0.05rem 0.1rem;; margin-top: 0.1rem}
.chanpin .L-sidebar h2 a{ color: #fff; font-weight: normal}
.chanpin .L-sidebar li{width: 100%;float: left;padding-top: 0.1rem;}
.chanpin .L-sidebar li a{font-size: 0.14rem;color: #89a6af;font-weight: 300;line-height: 1.6;float: left;padding: 0.03rem 0;border-bottom: 1px solid #e8edef;/* border-radius: 0.05rem; */width: calc(33.33% - 0.2rem);text-align: center;margin: 0 0.1rem;}
.chanpin .L-sidebar li a:hover{ color: #fff;text-decoration: none; background: #9da7b2; box-shadow: 5px 4px 7px rgba(0,0,0,.2);border-color: #9da7b2;}
.chanpin .L-sidebar .xiazai{ width: 100%; float: left; margin-top: 0.2rem;}
.chanpin .L-sidebar .xiazai img{ width:100%}

.R-sidebar{ width: 9rem; float: right;; margin-top: 0.3rem}
.R-sidebar li{width:calc(2.7rem - 2px);float: left;/* border: 1px solid #ededed; */margin: 0rem 0rem 0.3rem 0.3rem;}
.R-sidebar li span{width:100%;height: 2.3rem;float: left;overflow: hidden;position: relative;/* border-bottom: 1px solid #ededed; */}
.R-sidebar li span img{height:2.3rem;position: absolute;margin: auto;left: -50%;right:-50%;top: -50%;bottom:-50%;max-width: calc(100% - 2px);height: auto;transition: all 0.5s ease-out 125ms;}
.R-sidebar li h2{position: relative;float: left;width: calc(100% - 0.2rem);margin-left: 0.1rem;text-align: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 0.16rem;font-weight:normal;color: #007177;line-height: 0.3rem;height: 0.3rem;transition: all 0.5s ease-out 125ms;}
.R-sidebar li .desc{float: left;width: 100%;height: 0.4rem;text-align: left;line-height: 0.2rem;overflow: hidden;word-wrap: break-word;}
.R-sidebar li:hover span img{opacity:0.7;}
.R-sidebar li:hover h2{color:#e50012;}
.R-sidebar2{ width: 8.7rem; float: right;margin-top: 0.3rem}
.R-sidebar2 .imgb{width: 5rem;height: 2.8rem;position: relative;float: left;border: 1px solid #ededed;}
.R-sidebar2 .imgb img{max-height: 2.8rem;max-width: 5rem;position: absolute;margin: auto;left: 0;top: 0;right: 0;bottom: 0;}
.R-sidebar2 .h1{float: right;width: calc(100% - 5.2rem - 2px);color: #159bc6;font-size: 0.24rem;height: 0.3rem;line-height: 0.3rem;}
.R-sidebar2 .cshu{float: right;width: calc(100% - 5.2rem - 2px);color: #159bc6;font-size: 0.18rem;font-weight: normal;margin-top: 0.1rem;}
.R-sidebar2 .miaosh{float: right;width: calc(100% - 5.2rem - 2px);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;margin-top: 0.2rem;}
.R-sidebar2 .fenleis{width: 100%;float: left;margin-top: 0.15rem;border-bottom: 1px solid #b9b9b9;/* display: none; */}


.R-sidebar2 .fenleis a{width: calc(0.633rem - 2px);float: left;text-align: center;background: #f6f6f6;border: 1px solid #b9b9b9;line-height: 0.3rem;color: #454545;margin-left: 0.1rem;border-bottom: 0;border-radius: 0.05rem 0.05rem 0rem 0rem;cursor: pointer;}
.R-sidebar2 .fenleis a.on{background: #929292;color: #fff;font-weight: bold;}
.R-sidebar2 .fenleis a:first-child{ margin-left: 0}
.R-sidebar2 .li01{float: left;width: 100%;margin-top: 0.3rem;color: #159bc6;}
.R-sidebar2 .dimCxx{width: 100%;float: left;overflow: hidden;padding: 0.2rem 0;font-size: 0.14rem;line-height: 0.3rem;}
.R-sidebar2 .dimCxx img{max-width: 100%;}
.R-sidebar2 .dimCxx table{max-width: 100%;}
.newsL{width: 8.7rem; float: right;margin-top: 0.3rem}
.R-nav{width: 100%;float: left;font-size: 0.3rem;border-bottom: 1px solid #ededed;padding-bottom: 0.1rem;height: 0.3rem;line-height: 0.3rem;}
.newsL li{width: 100%;float: left;border-bottom: 1px solid #ededed;padding: 0.1rem 0 0.1rem 0;}
.newsL li .color_b{width: calc(100% - 2.8rem);float: left;margin-top: 0.1rem;}
.newsL li .color_p{width: 100%;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #007177;font-size: 0.20rem;font-weight: normal;}
.newsL li p{width: 100%;float: left;margin-top: 0.1rem;line-height: 0.25rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.newsL li .tab-img{float: right;width: 2.4rem;height: 1.4rem;overflow: hidden; position: relative}
.newsL li .tab-img img{position: absolute; margin: auto; width: 2.4rem; left: 0; top: 0; bottom: 0; right: 0}
.newsLxx{ width: 8.7rem; float: right;margin-top: 0.3rem}
.newsLxx .h1{ width: 100%; float: left; text-align: center; font-size: 0.24rem; }
.newsLxx .tga{width: 100%; float: left; text-align: center; font-size: 0.14rem; color: #999; margin: 0.2rem 0 0 0}
.newsLxx .newsC{    width: 100%;float: left;overflow: hidden;padding: 0.2rem 0;font-size: 0.14rem;line-height: 0.3rem;}
.newsLxx .newsC img{max-width: 100%;}
.newsLxx .newsC table{max-width: 100%;}
.newsLxx .shangyip{ color: #666666; width:100%; float: left; line-height: 0.3rem; font-size: 0.14rem}
.danye{ width: 8.7rem; float: right;margin-top: 0.3rem;}
.danyeC{width: 100%;float: left;overflow: hidden;padding: 0.2rem 0;font-size: 0.14rem;line-height: 0.3rem;}
.danye .danyeC img{max-width: 100%;}
.danye .danyeC table{max-width: 100%;}


.hpage{font-size: 0.14rem;width:100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.2rem 0px;color:#333333;overflow: hidden;}
.hpage span{color:#ffffff;background: #159bc6;padding:0.02rem 0.08rem;border: 1px solid #159bc6;margin: 0 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color: #666666;padding: 0.02rem 0.08rem;border: 1px solid #f2f2f2;background:#ffffff;}
.hpage a:hover{ color:#ff6600; text-decoration:none}


.downL{width: 8.7rem; float: right;margin-top: 0.3rem}
.downL .xiazai{width: 100%;float: left;border-bottom: 1px solid #ededed;padding: 0.2rem 0 0.2rem 0; position: relative; padding-left: 0.2rem}
.downL li:before{content: '';position: absolute;left: 0.06rem;top: 0.22rem;width: 0.07rem;height: 0.11rem;background: url(../pic/zixunico.png) no-repeat -0.14rem 0px;}

.downL li span{position:absolute; right: 0px; top: 0px; width: 1rem; text-align: right; height: 0.16rem; line-height: 0.16rem; color: #888888; font-size:0.12rem; font-weight: normal}
.downL li .down{background: url(../pic/downpc.png) no-repeat center 0;position:absolute;right: 0px;top: 0.2rem;width: 0.5rem;height: 0.24rem;}

.hmindcp3{float: left; width: 100%; margin-top: 0.1rem; border-top: 1px solid #ededed;}
.hmindcp3 a{ padding: 0 10px; line-height: 30px; float: left}
.hmindcp3 strong{  line-height: 30px; float: left}

.mobileNavbar{display: none;}
.content{display:none;}
.content.on{display:block}

.footer1  .col-sm-5{width: 100%;margin-right: 0.3rem;float: left;text-align: center;}