@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:0.14rem;  color:#666666; font-family:Arial,Helvetica,sans-serif; min-width:12rem;}
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:Arial,Helvetica,sans-serif;}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
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}

.fl{float:left;}
.fr{float:right}
.wd1200{width:12rem;margin: 0 auto;height: auto;clear: both;}
.W1200{width:12rem;margin: 0 auto;height: auto}
.head{float:left;width:100%;height: 0.34rem;color: #333;line-height: 0.34rem;font-size: 0.14rem;box-shadow: 1px 1px 10px #ccc;}
.head h1{font-size: 0.14rem;font-weight: 400;}
.head p{background: url(../pic/head_contact.png) no-repeat 0;float: right;padding-left: 0.28rem;}
.top {padding: 0.2rem 0;height: 0.9rem;width: 100%;float:left;background: url(../pic/top.png) no-repeat center bottom;}
.top .logo{display: block;padding-right: 0.1rem;height: 0.9rem;}
.top .logo a img{display: block;height: 100%;width: auto;}
.top .logo a{display: block;height: 100%; width: auto;}
.top .logo_2{display: block;height: 0.6rem;padding: 0 0 0 0.2rem;border-left: 1px solid #e7e7e7;margin-top: 0.13rem;}
.top .logo_2 strong{display: block;font-size: 0.24rem;padding-bottom: 0.05rem;font-weight: bold;color: #333;max-width: 4.55rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;min-width: 3.6rem;}
.top .logo_2 p{display: block;font-size: 0.14rem;line-height: 0.24rem;color: #444;padding-bottom: 0.04rem;max-width: 4.55rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top .top_tel{width: 1.6rem;height: 0.8rem;display: block;overflow: hidden;padding-left: 0.57rem;}
.top .top_tel i{float:left;width: 1.84rem;display: block;color: #777;font-style: normal;}
.top .top_tel p{font-size: 0.14rem;color: #0b66c3;line-height:0.28rem;height: 0.28rem;float:left;margin-top: 0.05rem;width: 1.55rem;overflow: hidden;text-align: center;}
.top .top_tel .p01{background:#ff6a00;border-radius: 0.15rem;}
.top .top_tel .p01 a{color:#fff;}
.top .top_tel .p02{background:hsla(0,0%,100%,.5);margin-top:0.15rem;border-radius:0.15rem;border: 1px solid #fff;}
/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 100%;height: 0.45rem;background: #07435f;float: left;color:#fff;padding: 0 0 0 0;}
.index-nav-frame{width: 9.8rem;height: 0.45rem;float: left;}
.Nptline{z-index: 9999999;width: 1.3rem;float: left;position: relative;display: block;outline: none;cursor: pointer;height: 0.45rem;line-height: 0.45rem;text-align: center;margin: 0;font-size: 0.14rem;margin-right: 0.02rem;}
.Nptline.active{background:#002f4b}
.Nptline.active a{color: #fff;}
.Nptline:hover{background:#002f4b}
.Nptline:hover a{color:#fff;text-decoration:underline;}
.Nptline:hover .Nptcenter{height:auto;opacity: 1;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.Nptline a{color: #fff;}
.Nptcenter{width:1.7rem;border:1px solid #002f4b;border-top:0;background: #002f4b;opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 1px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.Nptcenter .Nptli{width: 100%;font-weight: normal;font-size: 0.16rem;text-align: center;background:#002f4b;color: #000;float:left;height: 0.4rem;line-height: 0.4rem;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;z-index:99;margin-bottom: 0.01rem;}
.Nptcenter .Nptli a{color:#000;float:left;width:100%;}
.Nptcenter a:hover{background: #07435f;color: white;}
.Nptline-focus:focus{display: none;}
/*搜索*/
.search { float:right;height: 0.45rem;}

.search_in{margin-left: 0.2rem;/* width: 2.5rem; */border: 1px solid #e5e5e5;padding: 0rem 0.3rem 0 0;font-size: 0.14rem;color: #9f9f9f;position: relative;float: right;border-radius: 0.2rem;background: #fff;margin-top: 0.06rem;}
.search_in form{/* width: 2.78rem; */height: 0.3rem;line-height: 0.3rem;display: block;}
.search_in form input{ background: none;border:0 none;color: #333333;font-size:0.14rem;}
.search_in form #search-i{width: 0.3rem;height: 0.3rem;display:block;cursor: pointer;position: absolute;right: 0;top: 0px;background: url(../pic/search.png) no-repeat 0.05rem 0.04rem;background-size: 0.22rem;border-left: 1px solid #f2f2f2;}
.search_in form #search-bg input {line-height: 0.3rem;display: block;width: 1.6rem;}
.search_in form #search-i input{ display: block;width: 100%;height: 100%;cursor: pointer;}

.text {color: #888;display: inline;float: left;font: 0.12rem/0.3rem 'Arial';height: 0.27rem;margin-left: 0px;text-indent: 0.1rem;width: 1.45rem;margin-top: 0.08rem;border: 0;border-radius: 0.15rem 0 0 0.15rem;}
.fixed{position: fixed;top: 0; margin-top:0px; z-index:9999999		}
.button {background: url("../pic/search.png") no-repeat scroll 0.05rem 0.04rem #fff;float: left;height: 0.27rem;margin-top: 0.08rem;width: 0.25rem;border: 0;border-left: 0;background-size: 0.22rem;border-radius: 0 0.15rem 0.15rem 0;}
/*轮播广告*/
.bn-alp { width:100%; height:5.5rem; position:relative; float:left;  background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden; margin-bottom: 0.2rem; }
.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:5.5rem; 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:99; }
.bn-alp .abox li img.bg { display:none; }
.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.16rem;height:0.16rem;background: #fff;border-radius: 50%;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -1.3rem 0;background: #07435f;}

.entitle{font: normal 0.12rem "AvantGarde Bk BT";color: #999;text-align: center;padding-bottom: 0.3rem;text-transform: uppercase;}
.cntitle{font-size:0.3rem;color: #222;text-align: center;padding: 0.6rem 0;} .cntitle a{color: #333;position: relative;padding: 0 0.9rem;}

.dfad01{width:100%; position:relative; float:left;}
.dfad01 a{min-width: 14rem;
    max-width: 100%;
    float: left;}

.dfad01 a img{width:100%;}
/*产品*/
.product {width: 100%;float: left;position: relative;padding-bottom: 0.5rem;background: #f5f7fa;}
.product .cpfl{width: 2.4rem;background: #f6f9fc;margin-bottom: 0.46rem;}
.product .cpfl .li01{float:left;width:2.4rem;font-size: 0.22rem;color: #FFFFFF;text-align: center;line-height: 0.55rem;display: block;position: relative;background: #07435f url(../pic/lefttitlebg.png) no-repeat 1.95rem center;}
.product .cpfl .li01:before{position: absolute;bottom: -0.09rem;left: 0.16rem;content:'';/* border-top: 0.09rem solid #07435f; */border-left: 0.17rem solid transparent;border-right: 0.15rem solid transparent;}
.product .cpfl .li03 a.sub{color: #525252;font-size: 0.16rem;}
.product .cpfl .li03 {width: 2.4rem;background: #fff;padding-bottom: 0.1rem;padding-top: 0.3rem;float:left;overflow: hidden;}
.product .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.product .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.product .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.product .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.product .cpfl .li03 h2{float: right;width: 1.7rem;font-size: 0.16rem;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/position: relative;margin-bottom: 0.15rem;padding: 0.1rem 0.2rem 0.1rem 0.5rem;border-bottom:1px solid #ededed;/* text-align: center; */line-height: 0.16rem;font-weight: normal;}
.product .cpfl .li03 h2:hover a{color:#07435f;font-weight:bold}
.product .cpfl .li03 h3{float: left;width: 1.9rem;font-size: 0.13rem;line-height: 0.4rem;padding-left: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;display: none;border-bottom: 1px dashed #ededed;font-weight: normal;}
.product .cpfl .li03 h3:hover a{color:#07435f;font-weight:bold}
.product .cpfl .li03 h3:before{position: absolute;content: "";left: 0.3rem;width: 0.06rem;height: 0.06rem;background: #afafaf;border-radius: 50%;top: 0.17rem;}
.product .cpfl .li03 h3:hover:before{background:#07435f}
.product .cpfl h2 span{position: absolute;left: 0.15rem;cursor:pointer;background: #07435f;color: #fff;border-radius: 50%;font-weight: bold;width: 0.16rem;height: 0.16rem;line-height: 0.16rem;text-align: center;font-size: 0.14rem;font-family:Arial,Helvetica,sans-serif;}


.ScplistL{float:left;width: 2.4rem;background: #ffffff;}
.ScplistL[bopt="1"]{width:2.2rem}
.ScplistL .tittle{float:left;background: #bbb;line-height: 0.6rem;color:#fff;padding-left: 0.25rem;width: 2.15rem;font-size: 0.22rem;height: 0.6rem;}
.ScplistL .tittle span{ font-size:0.12rem; font-weight: normal; padding-left: 0.1rem;}
.ScplistL .C1{float:left;border-top:0px;width: 2.18rem;padding-left:0.2rem;padding-top:0.1rem;background: #f6f6f6;background: #ffffff;border-radius: 0 0 0.1rem 0.1rem;}
.ScplistL .C1 h2{float:left;width: 2.06rem;font-size:0.15rem;line-height: 0.42rem;border-bottom:1px dashed #ededed;position:relative;font-weight: normal;}
.ScplistL .C1 h2 a{width: 2.06rem;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ScplistL .C1 h3{ float:left; width:1.48rem; font-size:0.13rem; line-height:0.3rem; padding-left:0.2rem;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative}
.ScplistL .C1 h3:before {content: ''; display: block; width: 0.04rem; height: 0.04rem; border-radius: 100%; background-color: #07435f; position: absolute; left: 0.07rem;top: 0.13rem;}
.ScplistL .C1 h2:after{content:'';background:#07435f;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:0.01rem;border-radius:0px;transition:all 0.4s;width:0;z-index: 4}
.ScplistL .C1 h2:hover:after{width:100%; }
.ScplistL .C1 h2:hover a{ color: #07435f} 
.ScplistL .C1 h2 span{float:right;background:url(../pic/jiantou.png) no-repeat center right;width: 0.12rem;height:0.4rem;}
.ScplistL .C1 h2 .twofl{display:none;}
.ScplistL .C1 h2:hover .twofl{ position: absolute; left: 1.64rem; top: 0; width: 1.5rem; border: 1px solid #ededed; background: #ffffff; padding: 0.1rem 0.2rem; z-index: 19999; display:block}
.ScplistL .C1 h2:hover .twofl a{ float:left; width:1.4rem; line-height:0.35rem; position:relative; padding-left:0.1rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #333}
.ScplistL .C1 h2 .twofl a:hover{ color: #07435f}
.ScplistL .C1 h2:hover .twofl a:before{content:""; position:absolute; left:0; top:0.14rem; height:0.05rem; width:0.05rem; border-radius:50%; background:#666666}
.product .ScplistR3{width: 9.6rem;float: right;position: relative;padding-bottom: 0.3rem;}
.product .ScplistR3 .tittle{ float:right; width:9.7rem; border-bottom:1px solid #ededed; line-height:0.35rem; margin-bottom:0.2rem;}
.product .ScplistR3 .tittle p{ float:left; border-bottom:1px solid #07435f; color:#07435f; font-size:0.16rem; font-weight:bold}
.product .ScplistR3 li {width: 2.92rem;float: left;margin: 0px 0px 0.2rem 0.2rem;height: 3.42rem;overflow:hidden;padding: 0.04rem;background: #ffffff;position: relative;border-radius: 0.1rem;}
.product .ScplistR3 li a {display: block;margin: 0.1rem;display: table-cell;vertical-align: top;float: left;width: 2.72rem;}
.product .ScplistR3 li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);}
.product .ScplistR3 li a div.img{width: 2.72rem;height: 2.72rem;float:left;position:relative;overflow: hidden;}
.product .ScplistR3 li a div.img img{width: 2.72rem;left: -1000%;right: -1000%;top: -1000%;bottom: -1000%;margin:auto;position:absolute;transition: all .5s ease;border-radius: 6px;}
.product .ScplistR3 li:hover img{-webkit-transform: scale(1.1);}
.product .ScplistR3 li a h2.title {font-size: 0.14rem;font-weight: 400;color: #333;line-height: 0.25rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;float:left;width: 2.72rem;height: 0.5rem;padding: 0.05rem 0px 0.05rem 0.05rem;z-index: 5;position: relative;}
.product .ScplistR3 li a  p.desc {font-size: 0.14rem;line-height: 0.16rem;color: #888;height: 0.16rem;margin-top: -0.02rem; float:left;width:2.15rem;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; padding-bottom:0.05rem; }

.z06a{position: absolute;bottom: 0.22rem;left: 50%;width: 1rem;margin-left: -0.5rem;border-radius: 0.05rem;background: #b8b8b8;color: #ffffff;text-align: center;line-height: 0.4rem;}
.z06a:hover{background: #07435f;color:#fff}
/*推荐产品*/
#hotcp{width:100%;float:left;padding:0px 0px;background: #788cab;}
#hotcp .zhk03{margin:0 auto; width:12rem;}
#hotcp .tittle{margin:0 auto;width:11.98rem;height: 0.8rem;overflow:hidden;text-align:center;font-size:0.32rem;font-weight:bold;line-height:0.6rem;padding:0.3rem 0 0 0;color:#ffffff;}

#hotcp .fx-bd {width:12rem;height: 5.82rem;margin: 0.1rem auto 0;overflow: hidden;position: relative;background-image: url(../pic/15128004287382.gif);background-repeat: no-repeat;background-position: center top;}
#hotcp .fx-bd .idtj{float:left;width:4.8rem;height:4.8rem;padding:0.2rem;border:1px solid #e6e6e6;margin:0.3rem 0 0 0;background:#ffffff;position:relative;border-radius: 0.1rem;overflow: hidden;}
#hotcp .fx-bd .idtj img{ margin: auto;  position: absolute;  top: 0; left: 0;  bottom: 0;  right: 0;max-width:4.8rem; max-height:4.8rem;  }
#hotcp .fx-bd .Ljt{height: 5.82rem;width: 0.4rem;background: url(../pic/15128009649187.png) left center  no-repeat;cursor: pointer; float:left;opacity: .7;filter: alpha(opacity=70); margin-left:0.2rem;}
#hotcp .fx-bd .tj{float: right;width: 6.1rem;margin: 0.1rem 0 0 0;height: 5.33rem;overflow:hidden;}

#hotcp .fx-bd .tj .fx-item{width: 1.8rem;height: 1.8rem;border:1px solid #e6e6e6;float:left;margin:0.2rem 0 0 0.2rem;border-radius: 0.1rem;overflow: hidden;}
#hotcp .fx-bd .tj .fx-item a{position:relative;width: 1.8rem;height: 1.8rem;float:left;overflow:hidden;background: #fff;}
#hotcp .fx-bd .tj .fx-item a img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;max-width: 1.8rem;height:auto;}
#hotcp .fx-bd .tj .fx-item:hover{border:1px solid #ff5a00;}
#hotcp .fx-bd .tj .fx-text{width: 5.9rem;float:left;padding: 0.2rem 0 0 0.2rem;}
#hotcp .fx-bd .tj .fx-desc{font-size:0.16rem;float:left;width: 5.9rem;line-height:0.3rem;height: 0.6rem;overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;margin-bottom: 0.1rem;}
#hotcp .fx-bd .tj .fx-desc a{color:#fff}
#hotcp .fx-bd .tj .fx-price-area{font-weight: bold;font-family:Arial,Helvetica,sans-serif;font-size: 0.16rem;float: left;color: #333;/* width: 100%; */}
#hotcp .fx-bd .tj .fx-price-area strong{font-size:0.24rem;color: #ff964c;}
#hotcp .fx-bd .tj .fx-look{float: right;}
#hotcp .fx-bd .tj .fx-look a{ background:#333333; padding:0.05rem 0.2rem; color:#ffffff}
/*关于我们*/
.about{float:left;width:100%;position: relative;/* background: #f5f5f5; */padding: 0.1rem 0 0.3rem; background: url(/photo/2024/05/23/10/202405231029205713184.jpg) center bottom no-repeat;    padding-bottom: 4.85rem;}
.gsjsE{margin:0 auto;width: 14rem; background: #f5f5f5; position: relative;height: 5.2rem;margin-top: 0.2rem;}
.gsjsE .li01{float:left;width: 44%;height: 4.8rem;position:relative;background: #fff;/* padding: 10px; *//* margin-left: 30px; */overflow: hidden;}
.gsjsE .li01 img{width: 100%;height: 100%;margin:auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;transition: all .5s ease;}
.gsjsE:hover img{    -webkit-transform: scale(1.1);}
.gsjsE .li02{float:right;width: calc(56% - 0.7rem);height: 4.6rem;margin: 0 0.1rem 0.1rem 0;padding: 0.1rem 0.3rem;line-height:0.3rem;color: #666;background: #f5f5f5;overflow: hidden;/* box-shadow: 5px 5px 5px #e8e2e2; */position: relative;}
.gsjsE .li02 .des strong{width:100%;float:left;font-size: 0.30rem;color: #333;line-height: 0.88rem;}
.gsjsE .li02 .des{height: 4.15rem;overflow: hidden;font-size: 0.15rem;line-height: 0.25rem;}
.gsjsE .li03{background: #07435f;padding: 0.1rem 0.5rem;color:#fff;float:left;margin-left:0.38rem;position: absolute;bottom: 0.1rem;left: 0;}
.gsjsE .li03 a{ color:#fff}
.gsjsE .li03 a:hover{text-decoration:underline;}
.shooting{float:left;width:100%;position: relative;background: url(/photo/2024/05/23/09/202405230928225562404.jpg) center -0.4rem no-repeat; height:11rem}
.certificate{float:left;width:100%;position: relative;background: url(/photo/2024/05/23/09/202405230942149093984.jpg) center 0rem no-repeat; height:9.49rem}

/*案例*/
.khcase{width:100%;float: left;padding: 0 0 0.6rem;background: #f5f7fa;}
.khcase .casetitle{width:12rem; margin: 0 auto;text-align: center;padding:0.4rem 0; color: #333333}
.khcase .casetitle p{font-size: 0.18rem;padding-bottom: 0.1rem;text-transform: uppercase;}
.khcase .casetitle h3{font-size: 0.22rem;font-weight: 400;}
.khcase .casecontent{width:12rem; margin: 0 auto;}
.khcase .casecontent ul{width:6rem; height: 2.8rem;float: left;overflow: hidden;}
.khcase .casecontent .ul01 .leftimg{float: left;width:3rem;height: 2.8rem;overflow: hidden;transition: all .5s ease-out;}
.khcase .casecontent .ul02 .leftimg{float: left;width:3rem;height: 2.8rem;overflow: hidden;transition: all .5s ease-out;}
.khcase .casecontent .ul03 .leftimg{float: right;width:3rem;height: 2.8rem;overflow: hidden;transition: all .5s ease-out;}
.khcase .casecontent .ul04 .leftimg{float: right;width:3rem;height: 2.8rem;overflow: hidden;transition: all .5s ease-out;}
.khcase .casecontent ul .leftimg img{width:3rem;height: 2.8rem;transition: all .5s ease-out;transform: scale(1)}
.khcase .casecontent ul:hover img{transform: scale(1.1); transition: all .5s ease-out}
.khcase .casecontent .ul01 .rightcontent{float: right;width:2.7rem;height:2.8rem;background: #fff;padding:0 0.15rem;}
.khcase .casecontent .ul02 .rightcontent{float: right;width:2.7rem;height:2.8rem;background: #fff;padding:0 0.15rem;}
.khcase .casecontent .ul03 .rightcontent{float: left;width:2.7rem;height:2.8rem;background: #fff;padding:0 0.15rem;}
.khcase .casecontent .ul04 .rightcontent{float: left;width:2.7rem;height:2.8rem;background: #fff;padding:0 0.15rem;}
.khcase .casecontent ul .rightcontent h3{font-size: 0.18rem;text-align: center;padding-top:0.1rem;line-height: 0.6rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.khcase .casecontent ul .rightcontent p{float: left;font-size: 0.14rem;height: 1.4rem;line-height: 0.28rem;overflow:hidden;color: #666666;}
.khcase .casecontent ul .rightcontent span{float: left;font-size: 0.14rem;color: #666;border:1px solid #07435f;border-radius: 0.15rem;padding: 0.05rem 0.6rem 0.05rem 0.4rem;margin: 0.2rem 0 0 0.4rem;}
.khcase .casecontent ul:hover span{background:#07435f; color: #ffffff }
/*新闻*/
.news{float:left;width:100%;}
.news .Nmain{width:100%;float:left;}
.news .Nmain li{float:left;width: 5rem;background: #f5f7fa;margin: 0px 0.2rem 0.3rem 0.2rem;padding:0.3rem;height: 1.66rem;}
.news .Nmain li:hover{background:#07435f}
.news .Nmain li a{color:#333}
.news .Nmain li:hover a{color:#fff}
.news .Nmain li .Ntitle{float:left;font-weight: normal;}
.news .Nmain li .Ntime{float:left;width:100%;padding:0.05rem 0 0.1rem 0}
.news .Nmain li .Ncontent{float:left;width:100%;line-height: 0.26rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color:#666}
.news .Nmain li:hover .Ncontent{color:#999}
/*友情链接*/
.blink{width:100%;float:left;background: #f5f7fa}
.link{margin:0.2rem auto;width:11.6rem;overflow:hidden;height:auto;background: #fff;padding: 0.2rem;}
.link p{width:100%;float:left;font-size: 0.2rem;color:#333;font-weight: bold;padding-bottom: 0.1rem;}
.link a{ padding-right:0.3rem; line-height:0.3rem; height:0.3rem; overflow:hidden;}
/*底部*/
.foot2{ width: 100%; float:left; background:#394762; color:#cbd2de;}
.foot2nr{ width:12rem; margin: auto; overflow:hidden }
.foot2nr .neilian{ width:12rem; float:left; line-height:0.25rem; margin-top: 0.2rem;}
.foot2nr .neilian a{ float:left; padding:0px 0.2rem; color:#cbd2de}
.foot2nr .neilian1{ width:12rem; float:left;  margin-top: 0.2rem;}
.foot2nr .neilian1 a{ float:left;  padding:0px 0.1rem;}
.foot2nr .foot2wz{float: left;width:10rem; margin: 0.2rem 0; font-size: 0.14rem; line-height: 0.32rem; margin-left: 0.2rem;  }
.foot2nr .foot2wz a{ color: #ffffff;}
.foot2nr .foot2wz a:hover{ color: #f00;}
.foot2nr .foot2ewm{ float: right; margin-top:0.35rem; width: 1.35rem; }
.foot2nr .foot2ewm img{ width:0.98rem;margin-left: 0.19rem;border: 3px solid #ffffff; margin-top: 0.05rem;}

/*内页样式*/
/*产品详情页*/
.wrap{width:100%;float:left;}
.wrap .cat{position: relative;color:#4b4b4b;height: 0.6rem;overflow: hidden;margin-bottom: 0.3rem;line-height: 0.6rem;font-size: 0.14rem;border-bottom:1px solid #ebebeb;}
.wrap .cat:before{position: absolute;bottom: 1px;left: 0;width: 100%;content:'';border-bottom: 1px solid #ebebeb;}
.wrap .cat a{display: inline-block;margin: 0 0.06rem;color:#4b4b4b;font-size: 0.14rem;}
.wrap .cat a:first-child{padding-left:0.26rem;margin-left: 0;background: url(../pic/home.png) no-repeat left center;}
.wrap .cat a:first-child+a{color: #07435f;}
.wrap .cpfl{width:2.5rem;background: #f6f9fc;margin-bottom: 0.46rem;}
.wrap .cpfl .li01{float:left;width:2.5rem;font-size: 0.22rem;color: #FFFFFF;text-align: center;line-height: 0.55rem;display: block;font-weight:bold;position: relative;background: #07435f url(../pic/lefttitlebg.png) no-repeat 1.95rem center;}
.wrap .cpfl .li01:before{position: absolute;bottom: -0.09rem;left: 0.16rem;content:'';border-top: 0.09rem solid #07435f;border-left: 0.17rem solid transparent;border-right: 0.15rem solid transparent;}
.wrap .cpfl .li03 a.sub{color: #525252;font-size: 0.16rem;}
.wrap .cpfl .li03 {width: 2.5rem;background: #f6f9fc;padding-bottom: 0.1rem;padding-top: 0.3rem;float:left;overflow: hidden;}
.wrap .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.wrap .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.wrap .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.wrap .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.wrap .cpfl .li03 h2{float: right;width: 1.8rem;font-size: 0.16rem;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/position: relative;margin-bottom: 0.15rem;padding: 0.1rem 0.2rem 0.1rem 0.5rem;border-bottom:1px solid #ededed;/* text-align: center; */line-height: 0.16rem;}
.wrap .cpfl .li03 h2 a:hover{color:#07435f;}
.wrap .cpfl .li03 h3{float: left;width: 2rem;font-size: 0.13rem;line-height: 0.4rem;padding-left: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;display: none;border-bottom: 1px dashed #ededed;font-weight: normal;}
.wrap .cpfl .li03 h3:hover a{color:#07435f;font-weight:bold}
.wrap .cpfl .li03 h3:before{position: absolute;content: "";left: 0.3rem;width: 0.06rem;height: 0.06rem;background: #afafaf;border-radius: 50%;top: 0.17rem;}
.wrap .cpfl .li03 h3:hover:before{background:#07435f}
.wrap .cpfl h2 span{position: absolute;left: 0.15rem;cursor:pointer;background: #07435f;color: #fff;border-radius: 50%;font-weight: bold;width: 0.16rem;height: 0.16rem;line-height: 0.16rem;text-align: center;font-size: 0.14rem;font-family:Arial,Helvetica,sans-serif;}
.wrap .cplr{width: calc(100% - 2.8rem);margin: 0 0 0.66rem 0;}
.wrap .cplr li {width: calc(33.33333% - 0.2rem);float: left;margin: 0 0 0 0.2rem;box-sizing: border-box;height: 3.5rem;overflow:hidden;background: #fff;border: 1px solid #E5E5E5;padding: 0.13rem 0.19rem 0.15rem;margin-bottom: 0.2rem;}
.wrap .cplr li:hover {box-shadow: 0 0.03rem 0.07rem 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);}
.wrap .cplr li a:hover  h3.title {color: #07435f;}
.wrap .cplr li a  div.img{width: 100%;height: 2.45rem;float:left;position:relative;border-bottom:1px solid #ededed;overflow: hidden;}
.wrap .cplr li a  div.img img{max-height: 3.4rem;max-width: 100%;left:0;right:0;top:0;bottom:0;margin:auto;position:absolute;}
.wrap .cplr li a  h3.title {font-size: 0.18rem;font-weight: 400;color: #333;line-height: 0.32rem;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;float:left;width: 100%;text-align: center;}
.wrap .cplr li a  p.desc {font-size: 0.14rem;line-height: 0.21rem;color: #666;height: 0.42rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;float:left;width: 100%;text-align: center;}
/*翻页*/
.turn_page{text-align:center;line-height:0.35rem;clear:both;margin: 0 auto;overflow: hidden;position: relative;bottom: -0.15rem; font-family:Arial,Helvetica,sans-serif}
.turn_page span{border:1px #cecece solid; display:inline-block; *display:inline; *zoom:1; font-size:0.14rem; height:0.33rem; line-height:0.33rem; overflow:hidden; background:#fff; vertical-align:top; margin:0 0.04rem; border-radius:0.04rem; -ms-border-radius:0.04rem; -moz-border-radius:0.04rem; -webkit-border-radius:0.04rem;}
.turn_page span em{width:0.15rem;height:0.15rem;display:inline-block;vertical-align:middle;margin-top:-0.02rem;}
.turn_page font, .turn_page a{width:0.32rem; height:0.33rem; display:block; text-align:center; text-decoration:none;}
.turn_page .page_item_current{background:#333; color:#fff; cursor:default;}
.turn_page .page_button, .turn_page .page_noclick{width:auto; padding:0 0.12rem;}
.turn_page .page_noclick{cursor:no-drop;}
.turn_page .icon_page_prev{background:url(../pic/fanyeleft.png) no-repeat -0rem -0rem; background-size: 100%}
.turn_page .icon_page_next{background: url(../pic/fanyeright.png) no-repeat  -0rem -0rem; background-size: 100%}
/*产品和资讯的详细页*/
.wrap .cplr[container="2"],.wrap .cplr[container="3"]{}
.wrap .cplr[container="2"] .chanpT,.wrap .cplr[container="3"] .chanpT{ font-size: 0.24rem;color: #333; width: 100%; text-align: center;overflow: hidden;font-weight: bold;}
.wrap .cplr[container="2"] .chanpTime,.wrap .cplr[container="3"] .chanpTime{font-size: 0.14rem;color: #5d5d5d; width: 100%; text-align: center;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; line-height: 0.5rem}
.wrap .cplr[container="2"] .chanpimg{ width:100%; float: left; text-align: center; overflow: hidden;}
.wrap .cplr[container="2"] .chanpimg img,.wrap .cplr[container="2"] .chanpC img,.wrap .cplr[container="3"] .chanpC img{ max-width:100%;}
.wrap .cplr[container="2"] .chanpC,.wrap .cplr[container="3"] .chanpC{ width: 100%; float: left; margin-top: 0.2rem; line-height: 1.6; overflow: hidden;color: #5d5d5d;}
.wrap .cplr[container="2"] .chanpC img{    WIDTH: auto !important;    height: auto !important;}

/*资讯*/

.newshm { float: right;font-size: 0.16rem;color: #333; width: calc(100% - 2.8rem);margin: 0 0 0.66rem 0;}
.newshm .detail{height: 2.32rem;position: relative;padding-left: 3.9rem;float: left;width: calc(100% - 3.9rem);}
.newshm .detail .imgDiv{    position: absolute;left: 0;top: 0;height: 2.32rem;width: 3.6rem;overflow: hidden;border: 1px solid #ededed;}
.newshm .detail .imgDiv img{ height: 2.32rem;position: absolute;left: -50%;right: -50%;top: -50%;bottom: -50%;margin: auto;}
.newshm .detail .time{height: 0.4rem;line-height: 0.4rem;color: #939393;font-size: 0.2rem;width: 100%;float: left;}
.newshm .detail .name{font-size: 0.2rem;font-weight: bold;padding-top: 0.05rem;width: 100%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newshm .detail .name a{display: block;line-height: 0.3rem;height: 0.6rem;color: #000;overflow: hidden;width: 100%;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newshm .detail .name a:hover{ color: #07435f;}
.newshm .detail .content{padding-top: 0.1rem;line-height: 0.24rem;height: 0.72rem;font-size: 0.14rem;color: #939393;width: 100%;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newshm .detail .botList{ padding-top: 0.15rem;overflow: hidden;float: left}
.newshm .detail .botList li{ float: left;margin-right: 0.17rem;color: #b4b4b4;font-size: 0.13rem;}
.newshm .detail .botList li img{ padding-right: 0.07rem;position: relative;top: -1px;}
.newshm .list{padding-top: 0.2rem;float: left;width: 100%;}
.newshm .list li{ margin-bottom: 0.18rem;}
.newshm .list li a{display: block;border: #f8f8f8 solid 3px;height: 1.54rem;padding: 0 0.4rem 0 1.4rem;position: relative;background: #f8f8f8;transition: all 700ms ease 0s;}
.newshm .list li .time{ position: absolute;left: 0.2rem;top: 50%;transform: translateY(-50%);font-size: 0.16rem;color: #b7b7b7;line-height: 0.16rem;}
.newshm .list li .name{ padding-top: 0.25rem;height: 0.38rem;line-height: 0.38rem;font-weight: bold;font-size: 0.2rem;color: #4c4c4c;overflow: hidden;}
.newshm .list li .content{ padding-top: 0.15rem;font-size: 0.14rem;line-height: 0.24rem;height: 0.48rem;overflow: hidden;color: #929292;}
.newshm .list li .moreBtn{position: absolute;right: 0;top: 0;width: 0.73rem;height: 100%;background: #07435f;opacity: 0;}
.newshm .list li .moreBtn img{ position: absolute;left: 50%;margin-left: -0.16rem;top: 50%;transform: translateY(-50%);text-align: center;}
.newshm .list li a:hover{ border: #eff6ec solid 1px;background: #fff;padding: 0 1.5rem 0 0.25rem;box-shadow: 0px 0.05rem 0.08rem 0px #ededed;}
.newshm .list li a:hover .time{ opacity: 0;}
.newshm .list li a:hover .name{ color: #07435f;}
.newshm .list li a:hover .moreBtn{ opacity: 1;}


input[type='text'], input[type='number'], input[type='password'], input[type='reset'], input[type='submit'], input[type='button'], input[type='tel'], button, textarea {-webkit-appearance: none;border: 1px #cbcecd solid;outline: none;}
.desc_text{float: right;font-size: 0.16rem;color: #333;width: calc(100% - 2.8rem);margin: 0 0 0.66rem 0;}
#lib_feedback_form{width:100%; clear:both; overflow:hidden;}
#lib_feedback_form .rows{margin:0.1rem 0;clear:both;float: left;width: 100%;}
#lib_feedback_form .rows label{width:20%; overflow:hidden; float:left; height:0.28rem; line-height:0.28rem; text-align:right; color:#555;}
#lib_feedback_form .rows span{width:75%; overflow:hidden; float:left; display:block; padding-left:0.05rem;}
#lib_feedback_form .rows span .input{width:2.8rem; height:0.25rem; line-height:0.25rem; border:1px solid #ddd; padding-left:0.05rem;}
#lib_feedback_form .rows span .contents{width:75%;height:1.2rem;min-height:1.2rem;line-height:160%;padding:0.05rem;border: 1px solid #ededed;}
#lib_feedback_form .rows span .vcode{text-transform:uppercase; width:0.5rem;}
#lib_feedback_form .rows span img{margin-top:0.02rem;}
.form_button {background: #07435f;width: 1.5rem;height: 0.3rem;line-height: 0.3rem;font-size: 0.16rem; color: #ffffff}

.mobileSearch{display:none}

.wrap .gcsj1 li {    height: 4.2rem;}
.wrap .gcsj1 li a div.img{height: 3.45rem;}