@charset "utf-8";
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:0.14rem;  color:#333; font-family:"微软雅黑"; /*min-width:15rem;*/}
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:"微软雅黑";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#000000;text-decoration:none;}
a:hover{text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6,dd,dt{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:14rem;margin: 0 auto;height: auto;width: 80vw;}
.clear{left:0;clear: both}
.all,.main{width:100%;float:left;}

.top{color:#fff;background: #002060;float:left; width: 100%;height: 0.4rem;position: fixed;top: 0;left: 0;z-index: 99;}
.navlogo{ align-items: center;border-bottom: 1px solid #dcdcdc; display: flex; height: 0.9rem;justify-content: center;width:100%;float:left}
.navlogo img{height:0.43rem;}
.index-nav{float:left;width:100%;line-height: 0.55rem;position: relative;position: fixed;left: 0;top: 0;z-index: 999;background: #fff;}

.nav li:hover .navtab{height:auto;}
.nav{width: 9.7rem;float: left;width: 60vw;}
.nav li{float:left;padding: 0 0.5rem;/* position: relative; */padding: 0 1.5vw;}
.nav li:hover a{color:#16468D}
.nav li.on a{color:#16468D}
.nav li a{font-size: 0.18rem;display: block;/* font-size: .9375vw; */}

.navsearch{float:right;background: url(../pic/search.png) no-repeat 50%;width: 0.4rem;height: 0.55rem;margin-right: 0.2rem;background-size: 0.3rem;}
.navsearch a{font-size:0}
.nav li .navtab{width:100%;height: 0;background: #b3b1b19e;left: 0;top: 1.46rem;position: fixed;z-index: 999;overflow: hidden;/* border-top: 2px solid #f2f2f2; */position: absolute;/* top: 0.55rem; *//* padding: 30px 0; */}
.nav li .navtab .nav_list{width:210px;float:left;background:#fff;margin-right:20px;padding: 10px 20px;box-sizing: border-box;color: #000;min-height: 290px;margin: 30px 20px 30px  0;}
.nav li .navtab .nav_list a{font-size:16px}
.nav li:hover .nav_list a{color:#000}
.nav li .navtab .nav_list dt{font-weight:bold;position:relative;padding-left: 11px;}
.nav li .navtab .nav_list dt:before{content:"";width: 3px;height: 3px;background:#000;position: absolute;border-radius: 50%;left: 0;top: 50%;}
.nav li .navtab .nav_list dt a{font-size:18px}
.nav li .navtab .nav_list dd{float:left;width: 100%;font-size: 14px;line-height: 36px;}
.nav li .navtab .nav_list dd a:hover{color:#c64f1d}
.navimg{float:left;margin-top: 30px;}
.navimg img{height:190px;}
/*搜索*/
.search_in{margin-left: 0.1rem;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;border: 1px solid #e5e5e5;/* width: calc(14vw - 2px); */margin-left: 0.5vw;padding: 0 1.5vw 0 0;}
.search_in form{/* width: 2.78rem; */height: 0.4rem;line-height: 0.4rem;display: block;}
.search_in form input{background: none;border: 0 none;color: #333333;font-size: 0.16rem;}
.search_in form #search-i{width: 0.5rem;height: 0.4rem;display:block;cursor: pointer;position: absolute;right: 0;top: 0px;background: url(../pic/search.png) no-repeat 50%;background-size: 0.3rem;}
.search_in form #search-bg input {line-height: 0.4rem;display: block;width: 2.1rem;padding-left: 0.1rem;}
.search_in form #search-i input{ display: block;width: 100%;height: 100%;cursor: pointer;padding:0}
.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: 7.5rem;position:relative;float:left;background: #ffed29 no-repeat;background-position:50% 0%;overflow:hidden;margin-top: 1.46rem;}
.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: 7.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.8rem;height: 0.05rem;background: #cccccc;border-radius: 0.1rem;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -1.3rem 0;background: #d05017;}

.series{padding: 100px 0;}
.series.cp01{background: url(../pic/cpbg_01.jpg) no-repeat 50% 0}
.series.cp02{background: url(../pic/cpbg_02.jpg) no-repeat 50% 0}
/*.all .wd1200{width:1200px;}*/
.series .title{width:100%;float:left;margin: 30px 0 120px;text-align: center;color:#000000}
.series .title .bgtitle{font-size:30px;margin-bottom: 10px}
.series .title .smalltitle{font-size:20px;color:#333}
.series_list{width:100%;float:left;}
.series_list li{width: calc(25% - 23px);float:left;margin-right: 30px;position: relative}
.series_list li:last-child{margin-right:0}
.series_list li .img{width:100%;height: 415px;float: left}
.series_list li .img img{width:100%;height: 100%;object-fit: cover}
.series_list .Htitle{position: absolute;bottom:0;background: #ffffff6b;width:100%;padding: 19px;text-align: center;box-sizing: border-box;color: #333;text-shadow: 0 1px 2px #ffffff;}
.series_list .Htitle h3{font-size:20px;padding-bottom: 6px;}
.series_list .Htitle p{font-size:16px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.Hvideo .li01{width: 100%;float: left;height: 5.5rem;text-align: center;position: relative;}
.Hvideo .li01 video {width: 80%;height: 100%;background: #000000;margin: 0;padding: 0;object-fit: cover;}
.Hvideo .li01 .video-shadow{background: #333;height: 100%;left: 0;right: 0;margin: auto;opacity: .5;position: absolute;top: 0;width: 80%;}
.Hvideo .li01 .video-shadow:before{background: url(../pic/video.png) no-repeat center center / 100%;content: "";cursor: pointer;height: 40%;left: 50%;max-height: 200px;max-width: 200px;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 20%;cursor: pointer;}

.Hvideo{background:#f9f9f9;padding:10px 0 40px;}

.section01{padding:40px 0}
/*.section01 .wd1200{width:14rem}*/
.section01 .oneleft{width: 100%;float:left;}
.section01 .ul{width: 100%;margin:0 auto;overflow:hidden;float:left;position:relative;padding-bottom: 30px;}
.section01 .ul .left1{width: 0.5rem;background: url(../pic/left.png)  no-repeat;height: 0.5rem;background-size:0.5rem;position:absolute;left:0;top: 50%;transform: translateY(-50%);cursor:pointer;z-index:3;display: block !important;/* transition: all .5s ease; */}
.section01 .ul .right1{width: 0.5rem;background: url(../pic/right.png)  no-repeat;height: 0.5rem;background-size:0.5rem;position:absolute;right:0;top: 50%;transform: translateY(-50%);cursor:pointer;z-index:3;display: block !important;/* transition: all .5s ease; */}

.section01 .ul .neirong{width: calc(100% - 1.2rem);padding: 0 0;height: 6rem;overflow:hidden;margin-left: 0.6rem;}
.section01 .ul .neirong li{width: 100%;height: 100%;float:left;padding:0px 0 0 0px;text-align:center;position: relative;}
.section01 .ul .neirong .xxnr{background:#0000007a;position:absolute;left:0;height:0.9rem;bottom:0;width: calc(100% - 0.2rem);color:#fff;padding: 0 0.1rem;}
.section01 .ul .neirong h2{font-size:0.26rem;font-weight:normal;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:0.1rem 0 0.1rem 0}
.section01 .ul .neirong p{text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.section01 .ul .neirong img{width: 100%;height: 100%;transition: all .5s ease;object-fit: cover;}
.section01 .ul .neirong li:hover .xxnr{background:#000000a6;}
	
.section01 .buttle {bottom: 0;left:50%;margin-left:-0.5rem;text-align:center;position:absolute;z-index: 9999;}
.section01 .buttle .swiper-pagination-bullet {display:inline-block;margin-right:0.1rem;width: 0.5rem;height: 0.05rem;background: #3f3c3c;border-radius: 0.1rem;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.section01 .buttle .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position: -1.3rem 0;background: #d05017;}

.footer{background:url(../pic/footer.jpg) no-repeat 50% 0;padding: 10px 0;}
.footer .app_footer{width:100%;float:left;text-align: center;color:#fff}
.footer .app_footer li{padding:5px 0;font-size: 17px;}
.footer .app_footer .logo img{width:100px;}
.footer .app_footer .wx img{width:120px}
.footer .copy_row3{width: 100%;line-height: 0.3rem;text-align:center;color: #999999;margin-bottom: 0.1rem;float: left;font-size: 17px;}
.footer .copy_row3 a {color: #999999;}
.footer .copy_row3 a:hover{ color: #862225; text-decoration:underline; }

/*右侧悬浮菜单*/
.slide{width: 0.5rem;height: auto;position: fixed;top: 50%;margin-top: -1.26rem;background: #000000;right: 0;border-radius: 0.05rem 0 0 0.05rem;z-index: 999;}
.slide ul{list-style: none;}
.slide .icon li{width: 0.49rem;height: 0.5rem;background: url(../pic/icon02.png) no-repeat;background-size: 5rem 1.96rem;}
.slide .icon .up{background-position:-3.3rem -1.2rem ;}
.slide .icon li.qq{background-position:-3.85rem -0.73rem ;}
.slide .icon li.tel{background-position:-3.85rem -1.6rem ;}
.slide .icon li.wx{background-position:-3.85rem -1.2rem ;}
.slide .icon li.down{background-position:-3.3rem -1.6rem ;}
.slide .info{top: 50%;height: 1.47rem;position: absolute;right: 100%;background: #000000;width: 0px;overflow: hidden;margin-top: -0.735rem;transition:0.5s;border-radius:4px 0 0 4px;}
.slide .info.hover{width: 1.45rem;}
.slide .info li{width: 1.45rem;color: #ffffff;text-align: center;}
.slide .info li p{font-size: 1.1em;line-height: 2em;padding: 0.1rem;text-align: left;}
.slide .info li.qq p a{display: block;margin-top: 0.12rem;width: 1rem;height: 0.32rem;line-height: 0.32rem;color: #ffffff;font-size: 0.16rem;   text-align: center;text-decoration: none;border: 1px solid #ffffff;border-radius: 0.05rem;}
.slide .info li.qq p a:hover{color: #36a928;border: none;background: #ffffff;}
.slide .info li div.img{height: 100%;background: #DEFFF9;margin: 0.15rem;}
.slide .info li div.img img{width: 100%;height: 100%;}

.wrap{width:100%;float:left;margin-top: 1.48rem;}
.Eproductsad{width: 100%;float: left;position: relative;height: 7.5rem;overflow: hidden;border-top: 0rem solid #000000;} 
.Eproductsad img{ width: 100%; top: 0%; -webkit-transform: translateY(-0%);transform: translateY(-0%); position: absolute}
.adv{margin-top: 0rem}

/*产品列表页*/
.product{margin:90px 0}
.template{position:relative;width: 100%;float: left;}
.icon11{width: 40px;height: 40px;cursor: pointer;}
.iconl{background: url(../pic/left.png) no-repeat 50% 0;background-size: 40px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.iconr{background: url(../pic/right.png) no-repeat 50% 0;background-size: 40px;right:0;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.pro_list{width: calc(100% - 80px);float:left;margin: 0 40px !important;}
.pro_list li{float:left;width: 20%;/*margin:0 10px;*/text-align:center;padding: 50px 0;}
.pro_list li span{width: 100%;height:140px;float:left;margin-bottom: 40px;}
.pro_list li span img{width: 90%;height:100%;object-fit:contain}
.pro_list li p{font-size: 12px;color:#999}
.pro_list li p.title{color:#d05017;margin-bottom:2px;}
.pro_list li.on{box-shadow: 0 0 10px #c4c4c4;}
.pro_list li.on span img{width:100%}
.pro_list li.on p{font-size:18px}

/*资讯列表页*/
.section02{margin-top:1.48rem;}
/*.section02 .wd1200{width:16rem;}*/
.section02 .ul .neirong{width:calc(100% - 1.2rem);padding:0;margin-left: 0.6rem;}
.section02 .tjzxleft{float:left;width:65%;}
.section02 .tjzxright{float:right;width:32%;display: flex;flex-direction: column;justify-content: center;height: 6rem;text-align:left}
.section02 .tjzxright .ftitle{font-size:24px;margin-bottom:16px;font-weight:normal;}
.section02 .tjzxright .time{ color: #999;font-size: 16px;margin-bottom: 16px;}
.section02 .tjzxright a{background-color: #d05017;    border-radius: 2px;    color: #fff;    font-size: 16px;    height: 32px;    line-height: 32px;    text-align: center;    width: 96px;float:left}
.section02 .buttle i{    height: 0.04rem; background: #cccccc; border-radius: 0.05rem;}

.news_list{width:100%;float:left;margin:50px 0}
.news_list li{width:calc(25% - 20px);float:left;margin:10px;box-sizing:border-box;padding:16px;box-shadow: 0 0 12px #0000001f;transition: all .3s;}
.news_list li .img{width:100%;height:400px;float:left}
.news_list li .img img{width:100%;height:100%;object-fit:cover}
.news_list li h2{width:100%;float:left;font-size: 18px;height: 48px;line-height: 24px;margin-bottom: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 16px;font-weight: normal;}
.news_list li .artice{float: left;width: 100%;}
.news_list li .artice .time{float:left;color: #999;    font-size: 14px;}
.news_list li .artice .link{float:right;  color: #d05017;  font-size: 16px; }
.news_list li:hover{transform:scale(1.02);transition: all .3s;}
.news_list li:hover .artice .link{text-decoration: underline;}

/*翻页*/
.turn_page{text-align:center;line-height:0.35rem;clear:both;overflow: hidden;position: relative;font-family:Arial,Helvetica,sans-serif;padding: 0.3rem 0;}
.turn_page span{border: 1px solid #f6f6f6;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;}
.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: #333333;color:#fff;cursor:default;}

/*问答*/
.wd_list{width:100%;float:left;margin: 10px 0;}
.question{margin-bottom: 0.2rem;}
.wd_list .wd_question{background-color: #f6f6f6;cursor: pointer;padding: 16.5px 75px;position: relative;transition: all .3s;word-break: break-all;font-weight: normal;font-size: 18px;color: #000000;position:relative}
.wd_list.active .wd_question{background-color: #d05017;}
.wd_list .wd_question:before{content:"";width:25px;height:25px;background:url(../pic/wd.png) no-repeat;background-size: 25px;position:absolute;left: 33px;}
.wd_list .wd_question:after{content:"";width:25px;height:25px;background:url(../pic/up.png) no-repeat;background-size: 25px;position:absolute;right: 36px;}
.wd_list.active .wd_question:before{background:url(../pic/wdon.png) no-repeat;background-size: 25px;}
.wd_list.active .wd_question:after{background:url(../pic/down.png) no-repeat;background-size: 25px}
.wd_answer{background-color: #f6f6f6;overflow: hidden;position: relative;transition: all .3s;word-break: break-all;font-size: 16px;height: 0;padding: 0;}
.wd_list.active .wd_answer{padding: 16.5px 75px;height:auto}

/*资讯详情*/
.xq{width:100%;float:left;margin:20px 0}
.article_left{float:left;width:75%}
.article_left .top_content{padding: 10px 0 23px 0;border-bottom: 1px solid #999;margin-bottom: 30px;width: 100%;float: left;}
.article_left .top_content h1{font-weight:normal;font-size:45px}
.article_left .top_content span{margin-top:20px;width: 100%;float: left;}
.article_left .xq_content{width:100%;float:left;font-size:15px;line-height: 28px;}
.article_left .xq_content img{width:100%;height: auto;display: block}
.article_right{float:right;width:20%;}
.article_right .title{margin-top:96px; font-size: 24px; margin-bottom: 44px;width:100%;float:left;}
.article_right .history-list{width:100%;float:left}
.article_right .history-list li a{border-bottom: 1px solid #c9c9c9;float:left;width:100%; cursor: pointer; display: block; font-size: 16px; height: 52px; line-height: 52px; overflow: hidden; text-overflow: ellipsis; transition: all .3s; word-break: break-all;}
.article_right .history-list li a:hover{color:#d05017}

/*联系我们*/
.lxwm{width:100%;float:left;text-align: center;font-size:16px;line-height: 30px}
.lxwm img{width: 100%;}

.searchList .search-item{align-items: center;border-bottom: 1px solid #f5f5f5;display: flex;font-size: 16px;justify-content: space-between;line-height: 40px;padding: 0 20px;transition: all .3s ease 0s;}
.searchList .search-item:hover{background:#d05017;color:#fff;}