﻿@charset"utf-8";
/*显示器小于800时候生效*/
@media screen and (max-width:800px){
/* CSS Document */
/*Reset*/
.tongyLink{ width:100%; background:#ffff; display: none}
.tongyLink a{ float: left; margin: 0 0.15rem; line-height: 0.3rem; height: 0.3rem; overflow: hidden; color: #666666}
*{box-sizing:content-box;}
body{margin:0px;padding:0px;font-size: 0.24rem;color:#333;font-family:"微软雅黑";min-width:100%;}
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:"微软雅黑";}

a{color:#2b2b2b;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
.animated {-webkit-animation-duration: 0s;animation-duration: 0s;-webkit-animation-fill-mode: none;animation-fill-mode: none;}
.animationName{animation-name: none !important;}
.slide{display:none!important;}
#divMap{margin: 0 0.1rem!important;width: calc(100% - 0.2rem)!important;}	
#titbj{float:left;height:0.35rem;width:100%;background: #20242F;position: fixed;z-index: 99;}
#titbj .header{width:100%;margin:0 auto;height: 0.35rem;line-height: 0.35rem;font-size: 0.24rem;font-weight:normal;color: #fff;}
#titbj .header h1,#titbj .header .h1{width: 100%;float: left;font-size: 0.24rem;font-weight:normal;background: none;display: block;}
#titbj .header p{float: right;background: url("../pic/tel.png") 0 50%  no-repeat;padding-left: 0.25rem;background-size: 0.16rem;display: none;}
#top{float:left;width:100%;background:#ffffff;height: 0.95rem;padding: 0.1rem 0 0.1rem;position: relative;margin-top: 0.35rem;position: fixed;z-index: 99;box-shadow: 1px 1px 5px #ccc;}
#top .top-nav{width: calc(100% - 0.2rem);margin:0 auto;height: 0.95rem;padding-left: 0.2rem;}
#top .top-nav h2{float:left;width: 0.95rem;height: 0.95rem;font-size:0px;position: relative;}
#top .top-nav h2 img{ max-height: 100%;max-width: 100%;margin: auto;  position: absolute;  top: 0; left: 0;  bottom: 0;  right: 0;}
#top .top-nav .li01{float:left;width: 4.55rem;height: 0.85rem;padding: 0.1rem 0 0 0.15rem;/* border-left: 1px solid #ddd; */}
#top .top-nav .li01 .chinaname{font-weight: bold;float: left;width: 4.55rem;height: 0.45rem;line-height: 0.45rem;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 0.24rem;color: #f90;}
#top .top-nav .li01 .gjcname{font-size: 0.26rem;float: left;max-width: 4.55rem;height: 0.25rem;line-height: 0.25rem;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color: #999;}
#top .top-nav .li03{ float:right; padding:0px 0 0 0}#top ul .li03 img{ width:1.06rem; height:0.9rem;}
#top .top-nav .li02{float:right;padding: 0.1rem 0.1rem 0 0.55rem;height:0.65rem;line-height:0.2rem;background: url(../pic/phone.png) 0px 64% no-repeat;font-size: 0.26rem;color: #999;}#top ul .li02 span{font-size: 0.26rem;color: #292929;line-height: 0.42rem;}
.W1200{ margin:0 auto; width:100%; overflow:hidden; height:auto}

* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.header2{float: right;height: 0.5rem;line-height: 0.5rem;box-sizing: border-box;background: url(../pic/lanmu.png) no-repeat;background-size: 0.5rem;width: 0.5rem;position: absolute;right: 0.2rem;top: 0.35rem;}
.header2 .ul{height: 0.95rem;position: relative;display: none;}
.span01{color: #ccc;float: left;position: relative;display: block;outline: none;cursor: pointer;width: 1.25rem;text-align: center;font-size: 0.24rem;}
.span01 a{color:#4d5158}
.span01 a:hover{color:#f90;}
.header2 .ul .active a{color:#f90;}
.navline{font-size:0.24rem;line-height: 0.3rem;padding:0.1rem 0;opacity: 0;height: 0;position:absolute;overflow: hidden;width: 100%;}
.navline-li{width: 100%;font-weight: 500;text-align: center;color: #f90;padding-left:0.05rem;background: url(../pic/iconright.png) 0.2rem 50% no-repeat;}
.navline-li a{color:#fff;}
.span01 .navline-li:hover{background:url(../pic/iconright.png) 0.2rem 50% no-repeat #e28a06}
.span01 .navline-li:hover a{color:#fff;}
.span01:hover .navline{height:auto;opacity: 1;  z-index: 999;background:#f90; position:relative;top:-0.2rem}

*{padding:0px;margin:0px;}
.red{ color:#FF0033}
input,select,button{font:0.14rem Verdana,Arial,Tahoma;vertical-align:middle;}
.bn-alp {width:100%;height: 3rem;position:relative;float:left;background:url(../pic/babber02.jpg) #ffed29 no-repeat;background-position:50% 0%;margin-top: 1.5rem;}
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li {width:100%;height: 3rem;background-position:50% 0%;background-repeat:no-repeat;background-color:#dddddd;background-size:cover;position:absolute;top:0;left:0;z-index:10;}
.bn-alp .abox li.on {z-index: 9;}
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.i {bottom:0.25rem;left:50%;margin-left:-0.5rem;text-align:center;position:absolute;z-index: 10;}
.i i {display:inline-block;margin-right:0.1rem;width:0.16rem;height:0.16rem;background:url(../pic/ico-bn-alp.png) no-repeat -0.16rem 0;cursor:pointer;background-size: 0.32rem 0.16rem;}
.i i.on { background-position:0 0; }


.sevproduct{width:100%;float: left;background: #d4d2d5;padding: 0.3rem 0;}
.sevcptitle{width: calc(100% - 0.4rem);margin: 0 auto;padding: 0 0.2rem;}
.sevcptitle p{font-size: 0.26rem;line-height: 0.36rem;text-align: center;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sevcptitle h3{font-size: 0.32rem;line-height: 0.5rem;text-align: center;font-weight: 300;}
.sevproduct .sevcp{width:100%;margin: 0 auto;padding-top: 0.5rem;}
.sevproduct .sevcp .leftcat{float: left;width:2.1rem;max-height: 5.5rem;overflow: hidden;display: none;}
.sevproduct .sevcp .leftcat .li01{text-align: center;padding:0.15rem 0;background: #f90;color: #fff;font-size: 0.2rem;line-height: 0.3rem;text-transform: uppercase;}
.sevproduct .sevcp .leftcat .li02{border: 1px solid #f1e9e9;/* text-align: center; */}
.sevproduct .sevcp .leftcat .li02 h2{width: 1.68rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 0.2rem;font-weight:normal;font-size:0.26rem;line-height:0.42rem;border-bottom: 1px dotted #f1e9e9;background: url(../pic/dsjicon01.png) 1.85rem center no-repeat;background-size: 0.12rem;}
.sevproduct .sevcp .leftcat .li02 h2:hover{border-top:1px dotted #47ccad;border-bottom:none;background:#f90 url(../pic/dsjicon.png) 1.85rem center no-repeat;}
.sevproduct .sevcp .leftcat .li02 h2:hover a{color:#fff}
.sevproduct .sevcp .leftcat .li02 h2 a{color: #333;}
.sevproduct .sevcp .leftcat .li02 .zilei{border-bottom:1px dotted #fff; display: none; }
.sevproduct .sevcp .leftcat .li02 .active{display: block;}
.sevproduct .sevcp .leftcat .li02 h3{width: 1.68rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight:normal;font-size: 0.24rem;line-height: 0.32rem;padding: 0 0.2rem;}
.sevproduct .sevcp .leftcat .li02 h3 a{color: #333;}
.sevproduct .sevcp .leftcat .li02 h3:hover{background: #f90;}
.sevproduct .sevcp .leftcat .li02 h3:hover a{color:#fff;}
.sevproduct .sevcp .rightcp{width: 100%;float:right;}
.sevproduct .sevcp .rightcp li{width: calc(50% - 0.2rem);margin: 0 0.1rem 0.1rem 0.1rem;/* height: 280px; */overflow: hidden;float: left;}
.sevproduct .sevcp .rightcp li .sevimg{width: calc(100% - 2px);height: 2.23rem;border:1px solid #ffffff;position: relative;background: #ffffff;overflow: hidden;}
.sevproduct .sevcp .rightcp li img{position: absolute;margin:auto;top:0;bottom: 0;left: 0;right: 0;max-width: none;max-height: none;width: 100%;height: auto;}
.sevproduct .sevcp .rightcp h2{width: 100%;line-height: 0.6rem;font-size: 0.26rem;text-align: center;height: 0.6rem;overflow: hidden;font-weight: 400;}

.product{width:100%;float: left;padding: 0.6rem 0;color: #333;}
.product .cpcontent{width:100%;margin: 0 auto;padding-top: 0.4rem;}
.product .cpcontent .leftcat{float: left;width: 100%;}
.product .cpcontent .leftcat .li01{float: left;text-align: center;width: 2.08rem;padding:0.15rem 0;color:#fff;background:#F37420;font-size: 0.26rem;font-weight: bold;display: none;}
.product .cpcontent .leftcat .li01 a{color:#F37420;font-size: 0.2rem;line-height: 0.3rem;text-transform: uppercase;}
.product .cpcontent .leftcat .li02{/* border: 1px solid #fff; *//* border-top: 0; *//* padding-bottom: 20px; *//* background:#eee; */display: none;}
.product .cpcontent .leftcat .li02 h2{float: left;width: 1.68rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 0.2rem;font-weight:normal;font-size:0.26rem;line-height:0.42rem;border-bottom: 1px dotted #fff;background: url(../pic/dsj02.png) 1.8rem center no-repeat;}
.product .cpcontent .leftcat .li02 h2:hover a{color:#F37420;}
.product .cpcontent .leftcat .li02 h2 a{color: #333;}
.product .cpcontent .leftcat .li02 .zilei{border-bottom:1px dotted #fff;float: left;display:none;}
.product .cpcontent .leftcat .li02 .active{display:block;}
.product .cpcontent .leftcat .li02 h3{width: 1.68rem;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 0.2rem;font-weight:normal;font-size: 0.24rem;line-height: 0.32rem;}
.product .cpcontent .leftcat .li02 h3 a{color: #888;}
.product .cpcontent .leftcat .li02 h3 a:hover{color:#F37420;}
.product .cpcontent .rightcp{width: 100%;float: left;}
.product .cpcontent .rightcp li{width: calc(50% - 0.2rem);margin: 0 0.1rem 0.2rem 0.1rem;overflow: hidden;float: left;transition: all .5s;}
.product .cpcontent .rightcp li:hover{border-color:#bac5c3;transition:all .5s; transform:translateY(-5px);box-shadow:0 3px 10px #c9cecc;}
.product .cpcontent .rightcp li .sevimg{width: calc(100% - 2px);height: 2.23rem;border:1px solid #ffffff;position: relative;background: #ffffff;border: 1px solid #e5e5e5;overflow: hidden;}
.product .cpcontent .rightcp li img{position: absolute;margin:auto;top:0;bottom: 0;left: 0;right: 0;max-width: none;max-height: none;width: 100%;height: auto;}
.product .cpcontent .rightcp h2{width: 100%;line-height: 0.6rem;font-size: 0.26rem;color: #fff;text-align: center;overflow: hidden;white-space: nowrap;font-weight:400;background: #333;}
.protop{padding-top:0}
.location{line-height:0.4rem;border-bottom:1px solid #e5e5e5;width: 9.62rem;margin: 0 0 0.1rem 0.18rem;}
.location a{display: inline; font-size: 0.24rem;color:#888}
.location a:hover{font-size: 0.24rem;color:#47ccad}
.hpage{width: 100%;margin:0 auto;text-align:center;padding: 0.4rem 0px 0.1rem 0px;color:#333333;float:left;font-size: 0.24rem;}
.hpage span{color:#ffffff;background: #ff0000;padding: 0.06rem 0.12rem;border: 1px solid #ff0000;margin-right: 0.08rem;font-weight:bold;border-radius:0.02rem}
.hpage a{text-decoration:none;color:#303030;padding:0.06rem 0.12rem;border:1px solid #ededed;margin-right: 0.08rem;;border-radius:0.02rem}
.hpage a:hover{color:#ffffff;text-decoration:none;border: 1px solid #ff0000;background: #ff0000;font-weight:bold;padding:0.06rem 0.12rem;;border-radius:0.02rem}


.sevhome{width:100%;float: left;/* background: #47ccad; */padding: 0.1rem 0 0.5rem 0;}
.sevhome .hometitle{width:100%;margin: 0 auto;text-align: center;padding: 0.2rem 0;/* color: #fff */}
.sevhome .hometitle h3{font-size: 0.32rem;font-weight: 400;}
.sevhome .homecontent{width:100%;margin:0 auto;float: left;height: auto;}
.sevhome .homecontent .contentleft{float: none;width: 5rem;height: 2.7rem;position: relative;margin: auto;}
.sevhome .homecontent .contentleft img{margin:auto;position:absolute;top:0;bottom:0;right:0;left:0;max-width: 5rem;max-height: 2.7rem;}
.sevhome .homecontent .contentright{float: right;width: calc(100% - 0.4rem);color: #333;padding: 0 0.2rem;}
.sevhome .homecontent .contentright p{float:left;font-size: 0.24rem;line-height: 0.42rem;text-indent: 2em;height: auto;overflow: hidden;}
.sevhome .homecontent .contentright span{display: inline-block;padding: 0.05rem 0.2rem;font-size: 0.26rem;background: #f90;color: #fff;transition: all .2s ease-out;margin-top: 0.24rem;margin-left: 3rem;}
.sevhome .homecontent .contentright span:hover{text-decoration:underline;font-size:0.26rem;transition:all .2s ease-out }

.sevcase{width:100%;float: left;height: 4.31rem;background: url("../pic/ysbg.jpg") 50% 0 no-repeat;background-attachment: unset;z-index: 1;padding-top: 0;padding-bottom: 0.3rem;}
.sevcase .casetitle{width: calc(100% - 0.4rem);margin: 0 auto;text-align: center;padding: 0.4rem 0.2rem;color: #fff;}
.sevcase .casetitle p{font-size: 0.24rem;text-transform: uppercase;line-height: 0.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sevcase .casetitle h3{font-size: 0.32rem;font-weight: 400;}
.sevcase .casecontent{width:100%;margin: 0 auto;}
.sevcase .casecontent li{float: left;width: calc(33.3% - 0.6rem - 1px);padding: 0 0px 0 0.4rem;margin: 0 0.1rem 0px 0.1rem;background: url("../pic/ysicon.png") 0 50% no-repeat;background-size: 0.32rem;height: 0.7rem;line-height: 0.7rem;color:#fff;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;border-right: 1px solid #fff;/* border-bottom: 1px solid #fff; */}
.sevcase .casecontent li a{font-size:0.26rem;color:#fff;}


.sevnews{width:100%;float: left;padding: 0.2rem 0;}
.sevnews .newstitle{width: calc(100% - 0.4rem);margin: 0 auto;text-align: center;padding: 0.4rem 0.2rem;color: #333333;}
.sevnews .newstitle p{font-size: 0.26rem;text-transform: uppercase;}
.sevnews .newstitle h3{font-size: 0.32rem;font-weight: 400;}
.sevnews .newscontent{width:100%; margin: 0 auto;}
.sevnews .newscontent li{float: left;width: calc(100% - 0.2rem);display: flex;align-items:center;margin-bottom: 0.05rem;padding: 0.1rem;transition: all .5s ease-out;}
.sevnews .newscontent li:hover{  box-shadow: 0 0 0.3rem #ccc; transition: all .5s ease-out; }
.sevnews .newscontent li:hover h2{color:#f90}
.sevnews .newscontent li .newsImage{float: left;width: 1.85rem;height: 1.49rem;overflow: hidden;position: relative;}
.sevnews .newscontent li .newsImage img{max-width: 1.85rem;max-height: 1.49rem;margin:auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.sevnews .newscontent li .newsText{float: right;padding-left: 0.1rem;width: calc(100% - 1.9rem);overflow: hidden;}
.sevnews .newscontent li .newsText h2{font-size: 0.28rem;line-height: 0.4rem;height: 0.4rem;overflow:hidden;font-weight: normal;border-bottom: 1px solid #eee;}
.sevnews .newscontent li .newsText p{float: left;color:#656565;font-size: 0.24rem;line-height: 0.32rem;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-top: 0.1rem;}
.sevnews .newscontent li .newsText span{font-size: 0.24rem;color: #000;margin-top: 0.06rem;float: right;}


.sevcat{float:left;width:100%;line-height: 0.4rem;font-size: 0.24rem;color:#666666;border-bottom: 1px solid #e5e5e5;margin-bottom: 0.2rem;}
.sevcat a{ color:#666666}
.sevcat a:hover{ color:#47ccad}
.productshow{width: 100%;float: left;}
.product_con{float: left;width: calc(100% - 0.2rem);background:#ffffff;margin: 0 0.1rem;}
.product_con .jieshao{float: left;width: 100%;color: #000;margin: 0.2rem 0;}
.product_con .jieshao h1{color: #666666;float:left;font-size: 0.32rem;font-weight: normal;line-height: 0.32rem;padding-bottom: 0.1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 7.1rem;border-bottom: 1px solid #dbdbdb;}
.product_con .jieshao .two{float:left;font-size: 0.24rem;line-height: 0.36rem;color: #333333;padding: 0.05rem;margin: 0.1rem 0px;height: 0.62rem;overflow: hidden;}
.product_con .jieshao .san{float:left;line-height:0.3rem;font-size: 0.26rem;color:#000000;font-weight: bold;margin-top:0.2rem;display: none;}
.product_con .jieshao .san font{font-size: 0.26rem;font-weight: normal;float: left;line-height: 0.18rem;}
.product_con .jieshao .san span{float: left;color: #fff;font-size: 0.32rem;background: #F37420;padding: 0.06rem 0.1rem;font-weight: normal;border-radius: 0.04rem;}
.product_con .jieshao .four{float: left;width: 100%;}
.product_con .jieshao .four p{line-height: 0.4rem;height: 0.4rem;overflow: hidden;color: #666;font-size: 0.24rem;}
.product_con_lf{position: relative;margin: 0 auto;float:left;width: 100%;}
.product_imgs{position: relative;z-index: 8;width: 100%;overflow: hidden;}
.product_bigImg{margin-bottom: 0.1rem;width: calc(100% - 2px);height: 4.57rem;overflow: hidden;float:left;position:relative;border: 1px solid #ddd;}
.product_bigImg img{margin: auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;max-width: 100%;max-height: none;height: auto;}
.product_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}
.project_img dl{width:auto; height:4.45rem; overflow: hidden;}
.project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
.product_smallImg{position: relative;margin-top: 0px;height: 0.7rem;overflow: hidden;float:left;width: calc(100% - 0.2rem);margin-left: 0.2rem;}
.product_smallImg ul{width: 100%;}
.product_smallImg ul li{position:relative;float: left;width: 0.94rem;height: 0.67rem;margin-right:0.1rem;border: 1px solid #CCC;}
.product_smallImg ul li img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0; cursor: pointer;max-width: 0.94rem;max-height: 0.65rem}
.product_smallImg ul li.on img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;cursor: pointer;}
.product_smallImg ul li.on {border: 1px #F37420 solid;}
.product_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.24rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);    cursor: pointer;}
.product_smallImg ul li.on .bun_bg{width: 1.22rem; bottom: 0.02rem; left: 0.02rem;}
span.product_imgs_lf{display: block;position: absolute;left:0px;bottom: 0px; z-index: 10;width: 0.1rem; height: 0.65rem;line-height: 0.67rem;color: #ccc;cursor:pointer;border: 1px solid #CCC;background: #EBEBEB;text-align: center;}
span.product_imgs_rt{display: block;position: absolute;right:0px;bottom: 0px;z-index: 10;width: 0.1rem;height: 0.65rem;line-height: 0.65rem;color: #ccc;cursor: pointer;border: 1px solid #CCC;background: #EBEBEB;text-align: center;}
span.product_imgs_lf:hover,span.product_imgs_rt:hover{color:#f00}
.contentshow{float: left;width: calc(100% - 0.2rem);margin-top: 0.5rem;border: 0;box-sizing: unset;padding: 0.1rem;}
.contentshow h3{font-size: 0.26rem;font-weight: 400;line-height: 0.22rem;padding-bottom: 0.1rem;border-bottom: 1px solid #e5e5e5;text-indent: 0;margin-bottom: 0.22rem;position: relative;}
.contentshow h3::after{content: "";background: #F37420;height: 0.01rem;width:1rem;position: absolute;left:0;top:0.3rem}
.contentshow p{font-size: 0.24rem;line-height: 0.4rem;color: #666;}
.contentshow p img{max-width: 100%!important;padding: 0.2rem 0;}
.product .cpcontent .leftcat .li03{font-size: 0.28rem;float: left;margin: 0 0.1rem;text-align: center;line-height: 0.5rem;background: #F37420;color: #fff;font-weight: bold;width: calc(100% - 0.2rem);}
.product .cpcontent .leftcat .li04{float:left;width: calc(100% - 0.2rem - 2px);margin: 0 0.1rem 0.4rem;border: 1px solid #F37420;}
.product .cpcontent .leftcat .tjproduct{width: calc(50% - 0.2rem - 2px);overflow: hidden;float: left;border: 1px solid #ddd;margin: 0.1rem 0.1rem;position: relative;}
.product .cpcontent .leftcat .tjproduct:hover p{display: block;  transition: all .5s;}
.product .cpcontent .leftcat .tjproduct:hover h2{display:none; transition: all .5s;}
.product .cpcontent .leftcat .tjproduct .img{width: 100%;height: 2.08rem;position: relative;}
.product .cpcontent .leftcat .tjproduct .img img{position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;max-width: none;max-height: none;height: auto;width: 100%;}
.product .cpcontent .leftcat .tjproduct h2{
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.32rem;
    font-weight: 400;
    position: absolute;
    width: calc(100% - 0.2rem);
    padding: 0 0.1rem;
    color: #fff;
    bottom: 0;
    left: 0;
    z-index: 98;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(87%,rgba(0,0,0,.65)));
    background: linear-gradient(-180deg,transparent 0%,rgba(0,0,0,.65) 87%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .5s;
}
.product .cpcontent .leftcat .tjproduct p{position: absolute;font-size: 0.24rem;background: rgba(0, 0, 0, 0.5);color:#fff;top: 40%;left: 8%;height: 0.42rem;line-height: 0.23rem;width: 1.55rem;padding: 0.05rem 0.1rem;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;transition: all .5s;display: none;}
.paging_prev {float: left;width: calc(100% - 0.4rem);margin: 0.15rem 0.2rem;font-size: 0.24rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.paging_prev span{color:#888}
.paging_prev a:hover{color:#FF0000}
.alonexq{padding:0 0 0 0.18rem;font-size: 0.26rem;line-height: 0.32rem;width: 9.62rem;}
.alonexq img{max-width:9.62rem}
.product .cpcontent .rightnews{width: 100%;float:right;}
.newshow{width: calc(100% - 0.2rem);margin: 0 0.1rem;float: left;}
.newshow li{width: 100%;position: relative;border-bottom: 1px solid #e5e5e5;float: left;display: block;height: 1.8rem;margin: 0 0 0.3rem 0;transition: all .8s ease-out;}
.newshow li:hover{box-shadow:none;transition: all .4s ease;}
.newshow li:hover h2{color:#e27e3f}
.newshow li:hover .img{transform:translateX(0px);transition: all .4s}

.newshow li .img{width: 2.48rem;height: 1.65rem;position: relative;/* border-radius: 50%; *//* -webkit-border-radius: 50%; */float: left;overflow: hidden;transition: all .4s;}
.newshow li .img img{position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;max-width: 2.48rem;max-height: 1.65rem }
.newshow li .showcontent{float: right;width: calc(100% - 2.55rem);}
.newshow li .showcontent h2{font-weight: 400;height: 0.3rem;line-height: 0.24rem;font-size: 0.26rem;overflow: hidden;/* padding-bottom: 10px; */}
.newshow li .showcontent .p1{font-size: 0.24rem;line-height: 0.3rem;height: auto;overflow: hidden;color:#888888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0.1rem 0;}
.newshow li .showcontent .p2{color:#b5b5b5;height:0.26rem;line-height: 0.26rem;overflow: hidden;}
.newshow li .showcontent .p2 span{padding-right:0.4rem;font-size: 0.2rem;}
.newshow li .showcontent .p3{float: left;background:#e27e3f;color:#fff;padding:0.04rem 0.06rem;font-size:0.2rem;text-decoration:underline;}
.cpcontent .contentxq{width:100%; float: right}
.cpcontent .contentxq h1{font-weight: 400;font-size: 0.32rem; height: 0.6rem; line-height: 0.4rem; overflow: hidden; text-align: center}
.cpcontent .contentxq .view{font-size: 0.2rem;line-height:0.28rem;color:#b5b5b5;text-align: center;} .cpcontent .contentxq .view span{padding-right: 0.4rem}
.cpcontent .contentxq .article{padding: 0.3rem 0.1rem 0 0.1rem;font-size: 0.24rem;line-height: 0.4rem;color:#666;}
.cpcontent .contentxq .article img{max-width:100%!important;padding:0.2rem 0}

.about{width: 100%;float: left;margin:0.5rem 0 0.3rem 0}
.about .aboutcontent{width:100%;margin: 0 auto;}
.about .aboutcontent h3{text-align: center;font-size: 0.32rem;font-weight: normal;}
.about .aboutcontent .contentX{font-size: 0.24rem;line-height: 0.32rem;color:#333;padding: 0 0.1rem;}
.gsln{width:100%;float: left;margin:0.5rem 0 0.3rem 0;background: url(../pic/lnbg.jpg) no-repeat 50% 0; height: 4.96rem;}
.gsln .lncontent{width:100%;margin: 0 auto;color:#fff}
.gsln .lncontent h3{text-align: center;font-size: 0.32rem;font-weight: normal;padding-top: 0.6rem;line-height: 0.5rem;}
.gsln .lncontent p{font-size: 0.26rem;line-height: 0.4rem;text-align: center;text-transform: uppercase;}
.gsln .lncontent .lnxq {width:11rem;margin: 0 auto;padding-top: 0.4rem;}
.gsln .lncontent .lnxq li{float: left;width:2rem;padding: 0 0.2rem;text-align:center;}
.gsln .lncontent .lnxq li img{width:1.4rem;height: 1.4rem; border-radius:50%}
.gsln .lncontent .lnxq li h2{color:#F3741F;font-size: 0.28rem;line-height:0.32rem;}
.gsln .lncontent .lnxq li p{font-size: 0.24rem;line-height: 0.32rem;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.honor{width:100%;float: left;padding-bottom: 0.4rem;display: none;}
.honor .rycontent{width:100%;margin: 0 auto;}
.honor .rycontent h3{text-align: center;font-size: 0.32rem;font-weight: normal;padding-top: 0.6rem;line-height: 0.5rem;}
.honor .rycontent p{font-size: 0.26rem;line-height: 0.4rem;text-align: center;text-transform: uppercase;}
.honor .rycontent ul{padding-top:0.2rem}
.honor .rycontent li{float: left;width:2.9rem;height: 2.2rem;padding:0.1rem 0.05rem;cursor: pointer}
.honor .rycontent li img{width:2.8rem;height: 2.1rem;-webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity -webkit-transform -webkit-filter,opacity -webkit-transform filter;
    -o-transition-property: opacity -o-transform filter;
    transition-property: opacity transform filter;}
.honor .rycontent li:hover img{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}

.contactUs{width:100%;float: left;padding:0.4rem 0;}
.contactUs .viewcontent{width:100%; margin: 0 auto;}
.contactUs .viewcontent h3{text-align: center;font-size: 0.32rem;font-weight: normal;line-height: 0.5rem;}
.contactUs .viewcontent .contactXq{font-size: 0.24rem;line-height: 0.4rem;margin-top:0.2rem;padding: 0 0.1rem 0.2rem;}

.line{ width: 0.64rem;    margin: 0.05rem auto;    box-sizing: border-box;    border: 2px solid #F3741F;padding:0}
.link{margin:0.2rem auto;width:100%;overflow:hidden;background:url(../pic/link.jpg) no-repeat;background-size: 12rem 1.03rem;padding-top: 0.7rem;height:auto;}
.link a{ padding:0px 0.15rem; line-height:0.3rem; height:0.3rem; overflow:hidden;}
.bottom{width:100%;float: left;padding: 0.2rem 0 0.2rem 0;color:#fff;height: auto;background: none;padding: 0;padding-bottom: 1.4rem;}
.bottom .foot{width: 100%;margin:0 auto;overflow: hidden;text-align: center;background: url("../pic/footbg.jpg") 50% 0;padding: 0.2rem 0 0.2rem 0;}
.bottom .foot .imglogo{text-align:center;height:0.6rem;padding-top: 0.4rem;}
.bottom .foot .imglogo img{height:0.6rem}
.bottom .foot p{line-height:0.4rem;font-size:0.24rem;padding: 0 0.1rem;}
.bottom .foot .contant{padding:0.3rem 0;width: 100%;margin:0 auto;float: left;display: none;}
.bottom .foot .contant li{float: left;padding: 0 0.6rem 0 0.4rem;height:0.35rem;line-height:0.35rem}
.bottom .foot .contant .li01{background:url(../pic/telicon.png) 0 50% no-repeat;background-size: 0.3rem;}
.bottom .foot .contant .li02{background:url(../pic/emailicon.png) 0 50% no-repeat;background-size: 0.3rem;}
.bottom .foot .contant .li03{background:url(../pic/mapicon.png) 0 50% no-repeat;background-size: 0.3rem;}
.bottom .foot .dhnav{width: 6.53rem;margin:0 auto;padding: 0.4rem 0 0.2rem;height: 0.2rem;display: none;}
.bottom .foot .dhnav li{float: left;padding: 0 0.3rem;}
.bottom .foot .dhnav a{color:#fff}

/*面包屑隐藏掉*/
.location{display: none;}
.sevcat{display: none;}

.messageForm{width: 6rem;margin: auto;margin-top: 0.2rem;}
 #tianxieone{ float:left; width:7rem; padding:0.05rem 0}
 #tianxietwo{float:left;width: 1.1rem;/* text-align:right; */}
 #tianxiethree{ float:left;}
 #liuyanshenming{ float:left; text-align:center; width:7rem; padding-bottom:0.2rem;}
 #tianxiethree select{ width:1.5rem; height:0.3rem;}
 #tianxiethree input{ width:4.54rem; height:0.3rem;}
 #tianxiethree textarea{ width:4.54rem; height:1rem;}
 #tianxiethree input:hover{ outline:1px solid #0e98a5; }
#lytijiao {width: 6rem;padding:0.2rem 0px 0px 0px;margin:0 auto;overflow:hidden;float: left;text-align: center;}
#lytijiao input{ padding:0.08rem 0.4rem; border:0px; outline:0; background: #0e98a5;background: -moz-linear-gradient(top, #0e98a5 0%, #008f54 100%);background: -webkit-linear-gradient(top, #0e98a5 0%,#008f54 100%);background: linear-gradient(to bottom, #0e98a5 0%,#008f54 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e98a5', endColorstr='#008f54',GradientType=0 ); color:#ffffff; font-weight:bold;    border-radius: 0.05rem;}
}
