@charset "utf-8";
/*header/
.header { width: 100%; position: fixed; left: 0; right: 0; top: 0; z-index: 80; border-bottom: 1px solid rgba(0,0,0,0.2); box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.head { height: 5.8vw; }
.header .logo img{ width: auto; height: 4.5vw;}
.header .lint1{ background:#ccc;}


.header .sea { width:auto; cursor: pointer; position: relative;}
.header .sea img{ width:auto; height:1vw;}
.header .search { display: none; position: absolute; right: 0; top: 0; z-index: 999; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); }
.header .search .satr { width: 600px; overflow: hidden; margin: 0 auto 0 auto; position: relative; padding-top: 15%; }
.header .search .satr em { padding:10px; position: absolute; right: 10px; top: 40%; z-index: 10; border:1px #fff solid; cursor:pointer; color:#FFF;}
.header .search .satr .sousuo1 { width: 520px; height: 60px; line-height: 60px; border: 0; padding-left: 10px; background: #FFF; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.header .search .sousuo { width: 60px; height: 60px; background:url(/26tempjyyh/jyyhh5/images/ser_btn_ed.png) no-repeat center #1159a1; border: 0; float: left; }


.header .menu { width: auto; height:5.8vw; }
.header .menu li { width: auto; float: left; position: relative; }
.header .menu li .xialaguang { display: block; width:auto; height: 5.8vw; line-height: 5.8vw; position: relative; overflow:hidden; padding: 0 1.7vw; }
.header .menu li .xialaguang i{ width:100%; height:3px; background:#1159a1; position:absolute; left:-100%; bottom:0;}
.header .menu li .xialaguang:hover, .header .menu li .xialaguang.navhover{ cursor: pointer; color:#1159a1;}
.header .menu li .xialaguang:hover i, .header .menu li .xialaguang.navhover i{ left:0;}

.header .menu li ul.children { display: none; position: absolute; top: 5.8vw; left: 0; width: 100%; line-height: normal; z-index: 90;}
.header .menu li ul.children li { width: 100%; padding: 0px; display: inline-block; margin: 0; border-top:1px #ececec solid; text-align:center; position:relative;  }
.header .menu li ul.children li a { display: block; padding: 10px 5px; color: #323232; background: #FFF;}
.header .menu li ul.children li a:hover { color: #FFF; background: #1159a1; }
.header .menu li ul.children li ul.tchild { display: none; position: absolute; top: 0; left: 100%; width: 100%; line-height: normal; z-index: 90;}
.header .menu li ul.children li ul.tchild a{ background: #FFF;}
.header .menu li ul.children li ul.tchild a:hover{ color: #FFF; background: #1159a1;}



/*footer/
.fov{ margin-right:7%;}
.tia1{ background:url(/26tempjyyh/jyyhh5/images/la.png) no-repeat left bottom;}
.ewm{ width: 11%;}

.cp_fov{ width: 31%;}
.cp_fov dd a{ float:left; display:block;}
.db_lxwm dl dt{ width:3.3vw; height:3.3vw; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4);}
.db_lxwm dl dt img{ width:auto; height:1vw;}
.db_lxwm dl:nth-of-type(1){ float:left;}
.db_lxwm dl:nth-of-type(2){ float:left; margin-left:18.5%;}
.db_lxwm dl:nth-of-type(3){ float:right;}


/**内页**/
.banneri{ position:relative; margin-top:5.8vw;}
.banneri .banry { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; color: #FFF; height:100%; }
/*布局*/
.loc{ height:5vw; line-height:5vw;}
.left{ width:20%; overflow: hidden; background:#f4f4f4;}

.left li{ width: 100%; cursor: pointer; overflow: hidden; display: block; line-height: normal; padding:1.4vw; border-bottom:1px #FFF solid;}
.left li a{ display:block; position:relative;}
.left li a span{ width:70%; overflow: hidden; display: block; float:left;}
.left li a i{ width:10px; height:13px; background:url(/26tempjyyh/jyyhh5/images/ioc2.png) no-repeat; position:absolute; right:1.4vw; top:0.3vw;}
.left li:hover, .left li.cur{ background: #1159a1;}
.left li:hover a, .left li.cur a{ color:#FFF;}
.left li:hover a i, .left li.cur a i{ background:url(/26tempjyyh/jyyhh5/images/ioc3.png) no-repeat; background-size:contain;}



.right{ width:76%;}


.ticny{ padding-bottom:18px; background:url(/26tempjyyh/jyyhh5/images/lb.jpg) no-repeat center bottom;}
.sub_ba { width:100%; text-align:center;}
.sub_ba a{ width:auto; padding:1vw 2.3vw; display:inline-block; margin-right:0.5em; margin-bottom:1vw; background:#eeeeee;}
.sub_ba a:last-child{ margin-right:0;}
.sub_ba a:hover, .sub_ba a.cur{ background:#1159a1; color:#FFF;}


.sup{ width:100%; text-align:center; display:inline-block;}
.sup li{ width:auto; display:inline-block; margin-bottom:1vw;}
.sup li span{ margin:0 0.7vw; color:#7b7b7b;}
.sup li:last-child span{ margin:0 0; display:none;}
.sup li a:hover, .sup li a.cut{ color:#1159a1;}




/*cpa*/
.cpa dt{ position:relative;}
.cpa dt img{ opacity: 1;}
.cpa dt mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; filter: alpha(opacity=50); z-index: 20; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; z-index: 100; background:url(/26tempjyyh/jyyhh5/images/hy.png) no-repeat center; background-size: 100% 100%;}
.cpa dt b { display: block; width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 30; }
.cpa dt b:before { content: ""; width: 100%; height: 3px; background: #FFF; position: absolute; left: 0; top: 14.5px; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px) }
.cpa dt b:after { content: ""; width: 3px; height: 100%; background: #FFF; position: absolute; left: 14.5px; top: 0; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px) }
.cpa dd .fln{ width:84%; height:2.6vw;}
.cpa dd .frn{ width:2.6vw; height:2.6vw; background:url(/26tempjyyh/jyyhh5/images/ioc4.png) no-repeat center #d2d2d2; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.cpa i{ background:#d2d2d2; width:100%; height:2px;}
.cpa:hover mark { opacity:1; transform: skewX(0); visibility: visible }
.cpa:hover mark:before { height: 100%; transition: 330ms 200ms }
.cpa:hover mark:after { width: 100%; transition: 330ms 200ms }
.cpa:hover mark b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) }
.cpa:hover mark b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0) }
.cpa:hover dd .fln{ color:#1159a1;} 
.cpa:hover dd .frn{ background:url(/26tempjyyh/jyyhh5/images/ioc4.png) no-repeat center #1159a1;} 
.cpa:hover i{ background:url(/26tempjyyh/jyyhh5/images/bg1.jpg) repeat-y; background-size: 100% 100%;-webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; -moz-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; -o-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; -ms-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; }






/*product-list*/
.list-unstyled { display: flex; flex-wrap: wrap; position: relative; max-width: 100%; }
.list-unstyled li { display: flex; flex-wrap: wrap; flex-direction: row; background: #f5f5f5; padding: 10px 10px 0 10px;  text-align: center; float: left; margin: 0 0.5% 1vw 0.5%; }
.list-unstyled li img { width: 100%; min-width: 100%; max-width: 100%; display: block; margin: 0 auto; height: auto; }
.list-unstyled li:hover { background: #1159a1; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2); color: #FFF; }
.list-unstyled li:hover img { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12); }
.list-unstyled li:hover a p { color: #FFF; }

/*xgcp*/
.xgcp{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.xgcp dl{ display: flex; flex-wrap: wrap; flex-direction: row; background: #f2f6fa; float: left; margin: 0 0.5% 1vw 0.5%; }
.xgcp dl dd{ padding:1vw; }
.xgcp dl:hover dt img{ width: 100%; min-width: 100%; max-width: 100%; display: block; margin: 0 auto; height: auto;}
.xgcp dl:hover dd a{ color: #1159a1;}



/*PageBar*/
.PageBar { clear: both; width: 100%; overflow: hidden; text-align: center; margin: 30px auto 0 auto; }
.PageButtons span, .PageButtons a { display: inline-block; height: 30px; line-height: 30px; background: #FFF; border: 1px solid #ddd; padding: 0 10px; margin-left: 5px; }
.PageButtons span { color: #ffffff; background-color: #1159a1; border: 1px solid #1159a1; }
.PageButtons a:hover { background: #1159a1; color: #FFF; }
.PageInfo { width: 100%; overflow: hidden; padding-top: 10px; }
.disabled { display: none; }
/*新闻列表*/
.arList { width: 100%; overflow: hidden; }
.arList li { width: 100%; overflow: hidden; border-bottom: 1px solid #dddddd; position:relative;}
.arList li .time{ width:10%; height:100%; position:absolute; left:0; top:0; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color:#666666;}
.arList li em{ width:0.9%; height:100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position:absolute; top:0; left:-100%;}
.arList li i{ width:2.9%; height:1px; background:#bcbcbc; display:block; position:absolute; left:10%; top:50%;}
.arList li .newly_txta{ width:54%; margin:0 7% 0 16%;}
.arList li .newly_img{ width:23%; border-radius: 20px 0 0 0;}
.arList li .newly_img img{ border-radius: 20px 20px 0 20px;}
.arList li .newly_txtb{ width:84%; margin:0 0 0 16%;}
.arList li:hover .time{ background:#1159a1; color:#FFF;}
.arList li:hover i{ width:2%; background:#1159a1; left:11%;}
.arList li:hover em{ left:10%;}
.arList li:hover a{ color:#1159a1;}


/*FastMove*/
.FastMove { margin: 30px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; }
.FastMove:after { content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: 50%; top: 0; }
.FastMove div { width: 50%; padding: 20px 0; overflow: hidden; background: #FFF;-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.FastMove div p { width: 94%; overflow: hidden; margin: 0 auto; display: block; }
.FastMove div:hover { background:url(/26tempjyyh/jyyhh5/images/bg1.jpg) repeat-y; background-size: 100% 100%; color:#FFF;}
.FastMove div:hover a { color: #FFF; }

/*相关文章*/
.xgwz{ position:relative;}
.xgwz:after { content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: 32%; top: 0; }
.xgwz:before { content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; right: 34%; top: 0; }
.xgwz dl { float:left;}
.xgwz dl:nth-of-type(1){ width:32%; padding-right:2%;}
.xgwz dl:nth-of-type(2){ width:34%; padding:0 2%;}
.xgwz dl:nth-of-type(3){ width:32%; border-right:none; padding-left:2%;}
.xgwz dl:hover a { color: #1159a1; }

/*新闻内页*/
.arKeywords { padding: 15px; overflow: hidden; background: #FFF; margin-top: 20px; }
.arContent h2, .arContent h3, .arContent h4 { display: block; margin: 5px 0; color:#1159a1; }
.arContent table { width: 100%; border-collapse : collapse; background: #ffffff; font-weight: normal; }
.arContent table tr td { padding: 10px 5px; border: 1px solid #dcdcdc; }
.arContent table tr:nth-of-type(odd) { background: #efefef; }
.arContent img { width: auto; max-width: 100%; display: block; margin: 5px auto; }
.arContent ol, .arContent ul { text-indent: 2em; }
.arContent ol li { list-style: decimal; list-style-position: inside; }
.arContent ul li { position: relative; padding-left: 18px; }
.arContent ul li:after { content: '⊙'; position: absolute; left: 0; top: 0; color: #1159a1; }
/*内容*/
photo { display: block; width: 33.33%; overflow: hidden; float: left; margin-top: 20px; }
photo span { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
photo span img { width: 100%; }
photo p { width: 90%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding: 10px 0; height: 55px; line-height: normal; }
contenta, contentb, contentc { display: block; overflow: hidden; float: left; }
contenta p, contentb p, contentc p { width: 100%; overflow: hidden; display: block; margin: 0 auto; }
contenta img, contentb img, contentc img { width: 100%; }
.zs p { padding-left: 14px; position: relative; }
.zs p:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #0085cb; position: absolute; left: 0; top: 2px; }
contenta { width: 49.7%; }
contenta:nth-of-type(odd) { float: left; }
contenta:nth-of-type(even) { float: right; }
contentb { width: 32.33%; margin: 0.5vw 0.5%; }
contentc { width: 24%; margin: 0.5vw 0.5%; }
ewm { width: 40%; overflow: hidden; display: block; margin: 20px 5% 0 5%; float: left; }
ewm span { width: 35%; overflow: hidden; display: block; float: left; }
ewm div { width: 60%; overflow: hidden; display: block; float: right; }

/*产物详情*/
.cpzs_r { width: 50%; overflow: hidden; height:auto; position: relative; }
.cpzs_r .tel{ width:auto; height:2.8vw; line-height:2.8vw; padding:0 1vw; background:url(/26tempjyyh/jyyhh5/images/bg1.jpg) repeat-y; background-size: 100% 100%; }
.cpzs_r .tel img{ width:auto; height:1vw; margin-top:0.9vw;}
.cpzs_r .zxlxn{ width:auto; height:2.8vw; line-height:2.8vw; display:block; padding:0 1vw; background: #434343; color: #fff; cursor:pointer; }
.cpzs_r .zxlxn img{ width:auto; height:1vw; margin-top:0.9vw;}
.cpzs_r .zxlxn:hover{ background: #4c4c4c; color:#FFF;}
.jq22-content{ width: 45%; overflow: hidden;}

/*产物留言*/
.zxly{}
.zxly .subform { width: 100%; overflow: hidden; margin: 0 auto; }
.zxly .subform .form-groupfl { width: 48%; overflow: hidden; }
.zxly .subform .form-groupfl .liebiao { width: 100%; height: 2.7vw; background: #f4f4f4; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 0.5vw; }
.zxly .subform .form-groupfl .liebiao label { width: 23.6%; height: 1.3vw; line-height: 1.3vw; border-right: 1px #999999 solid; text-align: center; float: left; margin-top: 0.7vw; }
.zxly .subform .form-groupfl .liebiao .forma { width: 71%; height: 2.7vw; line-height: 2.7vw; background: #f4f4f4; float: right; border: 0; }
.zxly .subform .form-groupfl .liuy { width: 100%; overflow: hidden; background: #f4f4f4; position: relative; margin-bottom: 0.5vw; }
.zxly .subform .form-groupfl .liuy label { width: 23.6%; overflow: hidden; border-right: 1px #999999 solid; position: absolute; left: 0; text-align: center; top: 0.7vw; z-index: 1; }
.zxly .subform .form-groupfl .liuy .form-controlv { width: 100%; height: 8.9vw; border: 0; background: #f4f4f4; box-sizing: border-box; -moz-box-sizing: border-box; text-indent: 26%; padding: 0.7vw 0; }
.zxly .subform .btn-info { width: 28%; height: 2.7vw; line-height: 2.7vw;  background:url(/26tempjyyh/jyyhh5/images/bg1.jpg) repeat-y; background-size: 100% 100%;  border: 0; color: #FFF; text-align: center; float: right; }

/*微信弹窗*/
.wxnr { width: 100%; height: 100%; position: fixed; top: 0; z-index: 1000; display: none; background: rgba(0,0,0,.6); color:#FFF;}
.wxnr .nrdf { margin: auto; position: absolute; top: 50%; left: 0; right: 0; width: 5rem; height: 5rem; padding: 0.3rem; padding-top: 0.6rem; margin-top: -2.5rem; text-align: center; background-color: rgba(54,55,56,0.80); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius: 10px; }
.wxnr img { width: 2.3rem; height: 2.3rem; display: block; margin: 0 auto; }
.wxnr p { line-height: 2; text-align: center; }
.wxnr i { position: absolute; top: 0.2rem; right: 0.2rem; width: 0.3rem; height: 0.3rem; font-size: 0.2rem; line-height: 0.3rem; text-align: center; color: #fff; font-weight: bold; font-style: normal; background: #333; border-radius: 1rem; cursor: pointer; }
.wxnr span { display: inline-block; padding: 0.03rem 0.1rem; line-height: 0.35rem; background-color: #1159a1; color: #fff; border-radius: 0.05rem; cursor: pointer; }
.wxnr span.wx { padding-left: 0.4rem; }
/*复制提示*/
.weixin { position: fixed; top: 50%; margin-top: -0.4rem; z-index: 9999999; color: #fff; width: 90%; right: 5%; line-height: 0.8rem; text-align: center; background: rgba(0, 0, 0, 0.8); border: 2px solid #333; border-radius: 0.1rem; display: none; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }





/*在线留言*/
.fla { width: 56%; overflow: hidden;}
.fra { width: 40%; overflow: hidden;}
.subforn { width: 100%; overflow: hidden; }
.subforn .form-group { width: 100%; overflow: hidden; margin-bottom: 15px; }
.subforn .form-group span { width: 2%; display: block; float: left; height: 42px; line-height: 42px; }
.subforn .form-group .control-div { width: 98%; overflow: hidden; float: right; border: 1px #dadada solid; box-sizing: border-box; -moz-box-sizing: border-box; background: #fff; position: relative; }
.subforn .form-group .control-div label { width: 25%; text-align: center; float: left; height: 24px; line-height: 24px; border-right: 1px #ccc solid; margin-top: 9px; text-align: center; }
.subforn .form-group .control-div .form-control { width: 71%; float: left; height: 42px; line-height: 42px; border: 0; background: #fff; margin-left: 2%; }
.subforn .form-group .control-div label.area { position: absolute; left: 0; top: 9px; z-index: 1; height: auto; margin-top: 0; }
.subforn .form-group .control-div .form-controlv { width: 100%; height: 178px; border: 0; padding: 9px; text-indent: 27%; box-sizing: border-box; -moz-box-sizing: border-box; line-height: 2; }
.subforn .form-group .btn-info { width: 98%; height: 42px; line-height: 42px; text-align: center;  background:url(/26tempjyyh/jyyhh5/images/bg1.jpg) repeat-y; background-size: 100% 100%; color: #FFF; border: 0; float: right; }
@media screen and (max-width: 1600px) and (min-width:0) {

}


@media screen and (max-width: 1300px) and (min-width:0) {

}

@media screen and (max-width: 1100px) and (min-width:0) {


}
@media screen and (max-width: 1024px) and (min-width:0) {
/*header/
.sp_header { width: 100%; height: 0.78rem; position: fixed; top: 0px; left: 0px; z-index: 90; border-bottom: 1px solid rgba(204,204,204,0.1); background: #FFF; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1); }
.sp_header .sp_logo { width: auto; height: 0.78rem; padding: 0 0 0 3%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.sp_header .sp_logo img { width: auto; height: 0.45rem; }
.sp_header .sps { margin-right: 3%; }
.sp_header .sp_nav { width: 0.35rem; position: relative; cursor: pointer; z-index: 0; height: 0.3rem; margin-top:0.24rem;}
.sp_header .sp_nav span { display: block; background: #1159a1; width: 100%; height: 0.05rem; position: absolute; transition: all ease 0.35s }
.sp_header .sp_nav span:nth-of-type(1) { top: 0; left: 0; }
.sp_header .sp_nav span:nth-of-type(2) { top: 0.13rem; right: 0; }
.sp_header .sp_nav span:nth-of-type(3) { bottom: 0; left: 0; }
.sp_header .sp_nav_se span:nth-of-type(1) { top: 0.15rem; transform: rotate(45deg) }
.sp_header .sp_nav_se span:nth-of-type(2) { width: 0; left: 0; right: inherit; }
.sp_header .sp_nav_se span:nth-of-type(3) { top: 0.15rem; transform: rotate(-45deg) }
.sp_header .wapny{ width:auto; height: 0.78rem; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.sp_header .searchwap, .sp_header .searchwap1 { display: none; position: absolute; right: 0; top: 0; z-index: 99; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); transition: top ease 0.35s; }
.sp_header .search_ny { width: 100%; height: 100vh; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.sp_header .satr { width: 80%; overflow: hidden; margin: 0 auto 0 auto; position: relative; }
.sp_header .satr em { width: auto; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 10; }
.sp_header .satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
.sp_header .satr .search_c { width: 100%; height: 0.6rem;}
.sp_header .satr .search_c .sousuo1 { width: 70%; height: 0.6rem; line-height: 0.6rem; border: 0; background: #FFF; float: left; text-indent: 1em; }
.sp_header .sousuo { width: 24.8%; height: 0.6rem; line-height: 0.6rem; border: 0; background: #1159a1; float: left; text-align: center; color: #FFF; }

.sjj_nav { position: fixed; z-index: 99999; background: rgba(0, 0, 0, .8); width: 100%; height: calc(100% - 0.78rem); line-height: 2.5; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.nav_show { top: 0.78rem; }
.sjj_nav>ul>li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav>ul>li:first-child>a { float: left; width: calc(100% - 70px) }
.sjj_nav ul li .sp_nav_xjb { position: absolute; top: 0; right: 0px; padding: 0px 7px 0 7px; }
.sjj_nav ul li .sp_nav_xjb svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) }
.sjj_nav ul li { border-top: 1px rgba(255, 255, 255, .8) solid; margin: 0 20px; position: relative; }
.sjj_nav>ul >li:last-child { border-bottom: 1px rgba(255, 255, 255, .8) solid; }
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color: #FFF; width: 90% }
.sjj_nav ul li ul li a { color: #efeded; display: block; text-align: left; }
.sjj_nav ul li .sp_nav_xjb svg { width: 20px; height: 20px; fill: #FFF; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: #1159a1; }
.sjj_nav ul li ul li>ul { margin-left: 10px }

/*footer/

.db_lxwm dl{ width:100%;}
.db_lxwm dl dt{ width:0.7rem; height:0.7rem;}
.db_lxwm dl dt img{ height:0.2rem;}
.db_lxwm dl:nth-of-type(1){ float:none; margin-bottom:0.2rem;}
.db_lxwm dl:nth-of-type(2){ float:none; margin-left:0%; margin-bottom:0.2rem;}
.db_lxwm dl:nth-of-type(3){ float:none;}


/* 工具栏 */
.fook { width: 100%; overflow: hidden; }
.vbc { width: 100%; height: 1.1rem; display: block; }
.list { width: 100%; overflow: hidden; position: fixed; bottom: 0; z-index: 70; left: 0; color: #fff; border-top: 1px #000 solid;}
.list ul { height: 1.1rem; }
.list ul li { float: left; width: 25%; overflow: hidden; height: 1.1rem; border-right: 1px #000 solid; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.list ul li a { display: block; overflow: hidden; color: #fff; }
.list ul li:last-child { border-right: 0; }
.list ul li .pt5 { padding-top: 0.01rem; }
/*内页*/
.banneri { margin-top: 0.78rem; text-align: center; }
.banneri .banry { top: 0; height: 100%; }
.banneri .banry .heau img{ max-width:100%; max-height:inherit; display:block; margin:0 auto;}

/*cateList*/
.cateList { width: 100%; text-align: center; position: relative; display: block; }
.cateList .goBack { width: auto; height: 0.8rem; line-height: 0.8rem; position: absolute; left: 3%; top: 0; z-index: 10; font-size: 0.38rem; color: #1159a1; }
.cateList .goBack:before { width: auto; height: 0.8rem; display: block; }
.cateList h3 { width: 100%; position: relative; font-size: 0.35rem; line-height: 0.8rem; height: 0.8rem; border-bottom:1px #e7eaf0 solid; }
.cateList h3 span { position: absolute; top: 0; right: 3%; width: auto; height: 0.8rem; line-height: 0.8rem; font-size: 0.4rem; color: #1159a1; }
.cateList .box { width: 95%; padding: 0.2rem 0; z-index: 1100; background: #FFF; display: none; margin: 0 auto; }
.cateList .box a { padding: 0.1rem 5%; line-height: 0.34rem; text-align: left; font-size: 0.22rem; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px #CCC solid; }
.cateList .box a:last-child { border-bottom: none; }
/*产物分类*/
.sideup { display: none; width: 100%; margin: 0 auto; padding:0.2rem; background: #FFF;}
.sideup li { text-align: left; border-bottom: 1px #e7eaf0 dashed; padding: 0.15rem 0; }
.sideup li:last-child { border-bottom: none; }
.tun { width: 0.25rem; height: 0.25rem; display: block; float: right; color: #1159a1; margin-right: 5%; }
.sidedown { padding: 0.2rem; display: none; }
.sidedown li { font-size: 0.22rem; border-bottom: none; }
.sidedowna { background: #f3f3f3; padding: 0 0.12rem; display: none; }

/*内页*/
.list-unstyled li { padding: 0.1rem 0.1rem 0 0.1rem; float: none; margin: 0 0 0.2rem 0; }


.right{ width:100%;}

/*产物详情*/
.cpzs_r { width: 100%;}
.cpzs_r .tel{ height:0.56rem; line-height:0.56rem; padding:0 0.3rem;}
.cpzs_r .tel img, .cpzs_r .zxlxn img{ height:0.3rem; margin-top:0.13rem;}
.cpzs_r .zxlxn{ height:0.56rem; line-height:0.56rem; padding:0 0.3rem;}
.jq22-content{ width: 100%; padding-top:0.2rem;}
/*PageBar*/
.PageBar { width: 90%; margin: 0.2rem auto 0 auto; }
.PageButtons span, .PageButtons a { height: 0.4rem; line-height: 0.4rem; }
.PageInfo { padding-top: 0.1rem; }
/*产物详情*/
.cpnt, .cpnt .ovhi { overflow: scroll; }
.arContent.ovhi { overflow-x: scroll; overflow-y: hidden;}
.arContent { width: 100%; overflow-x: auto; }
.arContent::-webkit-scrollbar { width: 5px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.arContent::-webkit-scrollbar-thumb { background-color: #1159a1; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 20px;}
.arContent::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.arContent::-webkit-scrollbar-track { background-color: #f0f0f0;}

/*FastMove*/
.FastMove { margin: 0.3rem 0 0 0; display: inherit; background: none; }
.FastMove:after { width: 0; height: 0; }
.FastMove div { width: 100%; padding: 0.2rem 0; }
.FastMove div.fl { border-bottom: 1px solid #e5e5e5; }

/*新闻列表*/
.arList li .time{ display:none;}
.arList li em{ display:none;}
.arList li i{ display:none;}
.arList li .newly_txta{ width:100%; margin:0 0 0 0;}
.arList li .newly_txtb{ width:100%; margin:0 0 0 0;}

/*新闻内页*/
.arContent table tr td { padding: 0.1rem 5px; font-size: 0.18rem; }
.arContent img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
/*内容*/
photo { width: 100%; float: none; margin-top: 0.2rem; }
photo span { width: 100%; }
photo p { width: 100%; padding: 0.1rem 0; height: auto; }
contenta, contentb, contentc { float: none; }
contenta { width: 100%; margin-top: 0.1rem; }
contenta:nth-of-type(odd) { float: none; }
contenta:nth-of-type(even) { float: none; }
contentb { width: 100%; margin: 0.1rem 0; }
contentc { width: 100%; margin: 0.1rem 0; }
ewm { width: 100%; margin: 0.1rem; float: none; }


/*相关文章*/
.xgwz:after { width: 0; height:0; background:none; position:inherit; left: inherit; top:inherit; }
.xgwz:before { width: 0; height:0; background:none; position: inherit; right:inherit; top: inherit; }
.xgwz dl { width:100%; float:none; border-bottom:1px #e5e5e5 solid;}
.xgwz dl:nth-of-type(1){ width:100%; padding-right:0; padding-bottom:0.2rem;}
.xgwz dl:nth-of-type(2){ width:100%; padding:0.2rem 0;}
.xgwz dl:nth-of-type(3){ width:100%; border-right:none; padding:0.2rem 0;}

/*产物留言*/

.zxly .subform .form-groupfl { width: 100%; }
.zxly .subform .form-groupfl .liebiao { height: auto; margin-bottom: 0.2rem; background: none; }
.zxly .subform .form-groupfl .liebiao label { width: 100%; height: auto; line-height: normal; border-right: none; text-align: left; float: none; margin-top: 0.14rem; }
.zxly .subform .form-groupfl .liebiao .forma { width: 100%; height: 0.54rem; line-height: 0.54rem; float: none; }
.zxly .subform .form-groupfl .liuy { margin-bottom: 0.2rem; background: none; }
.zxly .subform .form-groupfl .liuy label { width: 100%; border-right: none; position: inherit; left: inherit; text-align: left; top: inherit; z-index: inherit; }
.zxly .subform .form-groupfl .liuy .form-controlv { height: 1.7rem; text-indent: 0.5em; padding: 0.1rem 0; }
.zxly .subform .btn-info { height: 0.54rem; line-height: 0.54rem; }

/*在线留言*/
.fla { width: 100%; float: none; }
.fra { width: 100%; padding-top: 0.25rem; float: none; }
.subforn { width: 100%; }
.form-group { margin-bottom: 0.1rem; }
.form-group .control-div label { width: 22%; height: 0.6rem; line-height: 0.6rem; text-align: center; text-indent: 0; }
.form-group .control-div label:after { height: 0.2rem; top: 0.2rem; }
.form-group .control-div .form-control { width: 74%; height: 0.6rem; line-height: 0.6rem; }
.form-group .control-div label.area { left: 0.1rem; top: 0.1rem; padding-right: 0.2rem; }
.form-group .control-div .form-controlv { height: 1.8rem; padding: 0.15rem 0; text-indent: 26%; }
.form-group .btn-info { height: 0.6rem; line-height: 0.6rem; }

}