@charset "utf-8";
.more1 { width: 11.5vw; height: 3vw; position: relative; display: block; }
.more1 span { width: 8.5vw; height: 3vw; line-height: 3vw; text-align: center; background: #009af3; color: #FFF; position: absolute; left: 0; top: 0; z-index: 2; }
.more1 i { width: 3vw; height: 3vw; background: url(../images/ioc4.png) no-repeat center #007fe1; position: absolute; right: 0; top: 0; z-index: 1; }
.more1:hover span { width: 100%; background: none; }
.more1:hover i { width: 100%; background: #007fe1; }
/*banneri*/ 
.banneri { position: relative; }
.banneri .item { width: 100%; display: block; overflow: hidden; position: relative; }
.banneri .item img { width: 100%; height: auto; }
.banneri .active .item img { animation: mobileburns 10s infinite; }
.banneri .item .banry { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; color: #FFF; height: 100%; }
.banneri .item .banry div:nth-of-type(1) { transform: translateX(60px); opacity: 0; }
.banneri .active .item .banry div:nth-of-type(1) { transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1; }
.banneri .item .banry div:nth-of-type(2) { transform: translateX(80px); opacity: 0; }
.banneri .active .item .banry div:nth-of-type(2) { transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1; }
.banneri .item .banry .more1 { transform: translateX(100px); opacity: 0; }
.banneri .active .item .banry .more1 { transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1; }
.banneri .owl-pagination { position: absolute; left: 0; bottom: 5%; text-align: center; }
.banneri .owl-buttons div { width: 50px; height: 100%; background: url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6; }
.banneri .owl-buttons div:hover { opacity: 1; }
.banneri .owl-buttons div.owl-prev, .banneri .owl-buttons div:hover.owl-prev { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.banneri .owl-buttons div.owl-next, .banneri .owl-buttons div:hover.owl-next { right: 5%; }
/*abouts*/ 
.about_l { width: 50%; position: relative; }
.about_l .more2 { position: absolute; right: 0; bottom: 0; display: block; color: #009af3; }
.about_l .more2:hover { color: #d92322; }
.about_r { width: 46%; }
.about_lc dl:nth-of-type(1) { width: 17%; }
.about_lc dl:nth-of-type(2) { width: 23%; border-left: 1px #e5e5e5 solid; }
.about_lc dl:nth-of-type(3) { width: 22%; border-left: 1px #e5e5e5 solid; }
.about_lc dl:nth-of-type(4) { width: 21%; border-left: 1px #e5e5e5 solid; }
.about_lc dl:nth-of-type(5) { width: 17%; border-left: 1px #e5e5e5 solid; }
/*cpzs*/ 
.cpzs #owl-demo { padding-left: 3%; padding-right: 3%; }
.cpzs #owl-demo .item { display: block; overflow: hidden; }
.cpzs #owl-demo .item .conb dt { height: auto; }
.cpzs #owl-demo .item .conb dd .fln { width: 85%; }
.cpzs #owl-demo .item .conb dd .more3 { display: block; width: 14%; }
.cpzs #owl-demo .item .conb:hover dt { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.cpzs #owl-demo .item .conb:hover dd a { color: #009af3; font-weight: bold; font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei; }
.cpzs .owl-pagination { display: none; }
.cpzs .owl-buttons div { width: 35px; height: 100%; background: url(../images/awr.jpg) no-repeat center; display: block; position: absolute; top: 0; }
.cpzs .owl-buttons div:hover { background: url(../images/awr_ed.jpg) no-repeat center; }
.cpzs .owl-buttons div.owl-prev { left: 0; }
.cpzs .owl-buttons div.owl-next, .cpzs .owl-buttons div:hover.owl-next { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/*jjfa*/ 
.jjfa { width: 100%; position: relative; overflow:hidden;}

.jjfa .hd{ width: 100%; height: 100vh; position: absolute; left: 0; top: 0; z-index:1;}
.jjfa .hd .main{ position: relative;}
.jjfa .hd .main .jjfa_top { width: 34%; height: 50vh; position: absolute; left: 0; top: 0; }
.jjfa .hd ul { width: 86%; float: right; overflow: hidden; }
.jjfa .hd ul li { width: 33.33%; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, 0.2); position: relative; float:left; }
.jjfa .hd ul li:nth-of-type(1) { margin-left: 33.33%; }
.jjfa .hd ul li:nth-of-type(2), .jjfa .hd ul li:nth-of-type(5) { border-right: 1px solid rgba(255, 255, 255, 0.2); }
.jjfa .hd ul li:nth-of-type(3), .jjfa .hd ul li:nth-of-type(4), .jjfa .hd ul li:nth-of-type(5) { border-bottom: none; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.jjfa .hd ul li dl dt, .jjfa .hd ul li dl dd { height: 50vh; }
.jjfa .hd ul li dl .ioc_img { width: 18%; overflow: hidden; margin: 0 auto; }
.jjfa .hd ul li dl em { width: 100%; height: 100%; position: absolute; left: 0; bottom: -100%; z-index: 1; }
.jjfa .hd ul li dl dd { width: 100%; height: 100%; position: absolute; left: 0; bottom: -100%; z-index: 2; }
.jjfa .hd ul li dl dd span:last-child { display: none; }
.jjfa .hd ul li dl dd .more4 { width: 18%; overflow: hidden; display: block; }
.jjfa .hd ul li:hover dl em, .jjfa .hd ul li:hover dl dd, .jjfa .hd ul li.on em, .jjfa .hd ul li.on dd { bottom: 0; }

.jjfa .bd{ width: 100%;}
.jjfa .bd ul{ width: 100%; zoom:1;  }
.jjfa .bd ul .pcd{ width: 100%; height: 100vh;}



/*产品分布*/ 
.cpfb { background-image: url(../images/bg2.jpg); }
.cpfb .cpfb_l { width: 31%; }
.cpfb .cpfb_l .phone { width: 19%; }
.cpfb .cpfb_l .phone_txt { width: 78%; }
.cpfb .cpfb_r { width: 67%; position: relative; }
.cpfb .cpfb_r .loc1 { width: 3%; position: absolute; top: 28.4%; left: 44%; z-index: 2; }
.cpfb .cpfb_r .dot { width: 1.3vw; height: 1.3vw; position: absolute; z-index: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.cpfb .cpfb_r .dot span { position: relative; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.cpfb .cpfb_r .dot span em { width: 1.3vw; height: 1.3vw; background: rgba(0,0,0,0.2); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.cpfb .cpfb_r .dot span i { width: 0.4vw; height: 0.4vw; background: #434343; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 0.45vw; top: 0.45vw; z-index: 1; }
.cpfb .cpfb_r .dot:nth-of-type(1) { top: 17.74%; left: 26.53%; }
.cpfb .cpfb_r .dot:nth-of-type(2) { top: 26.3%; left: 12%; }
.cpfb .cpfb_r .dot:nth-of-type(3) { top: 53%; left: 13.9%; }
.cpfb .cpfb_r .dot:nth-of-type(4) { top: 21.94%; right: 25.67%; }
.cpfb .cpfb_r .dot:nth-of-type(5) { top: 51%; right: 52%; }
.cpfb .cpfb_r .line { overflow: hidden; position: absolute; z-index: 1; }
.cpfb .cpfb_r .lin1 { width: 18.17%; left: 28%; top: 17.74%; }
.cpfb .cpfb_r .lin2 { width: 32.69%; left: 13.46%; top: 23.85%; }
.cpfb .cpfb_r .lin3 { width: 30.67%; left: 15.67%; top: 34.3%; }
.cpfb .cpfb_r .lin4 { width: 2.88%; left: 45.76%; top: 34.3%; }
.cpfb .cpfb_r .lin5 { width: 27.4%; left: 45.8%; top: 23.2%; }
/*news*/ 
.news { position: relative; }
.new_img { width: 45%; overflow: hidden; position: absolute; left: 0; top: 0; }
.new_txt { width: 48%; margin-right: 3%; }
.new_txt li { border-bottom: 1px #eeeeee solid; }
.new_txt li:last-child { border-bottom: none; }
.new_txt li .fln { width: auto; }
.new_txt li .fr { width: 87%; }
.new_txt li:hover a { color: #009af3; font-weight: bolder; }
.new_bo dl { width: 32.6%; background: #f4f4f4; padding: 1.7vw 1.2vw; margin-right: 1.1%; margin-top: 1vw; }
.new_bo dl:nth-child(3n) { margin-right: 0; }
.new_bo dl:hover { background: #009af3; color: #fff; }
.new_bo dl:hover a { color: #fff; }

.linker{ border-top:4px #009af3 solid;}
.linker .fl{ width:2.7%;}
.linker .fr{ width:96%;}


 @media screen and (max-width: 1100px) and (min-width:0) {
/*cpzs*/ 
.cpzs #owl-demo { padding-left: 2%; padding-right: 2%; }
}
 @media screen and (max-width: 1024px) and (min-width:0) {
.more1 { width: 2.3rem; height: 0.6rem; }
.more1 span { width: 1.7rem; height: 0.6rem; line-height: 0.6rem; }
.more1 i { width: 0.6rem; height: 0.6rem; }
/*.banneri*/ 
.banneri .active .item img { animation: none; }
.banneri .item .banry { text-align: center; }
.banneri .item .banry div:nth-of-type(1) { transform: none; opacity: 1; }
.banneri .item .banry div:nth-of-type(2) { transform: none; opacity: 1; }
.banneri .item .banry .more1 { transform: none; opacity: 1; margin: 0 auto; }
/*abouts*/ 
.about_l { width: 100%; position: relative; }
.about_l .more2 { position: inherit; right: inherit; bottom: inherit; margin-top: 0.1rem; }
.about_r { width: 100%; margin-top: 0.25rem; }
.about_lc dl:nth-of-type(1) { width: 33.33%; }
.about_lc dl:nth-of-type(2) { width: 33.33%; border-left: 1px #e5e5e5 solid; }
.about_lc dl:nth-of-type(3) { width: 33.33%; border-left: 1px #e5e5e5 solid; }
.about_lc dl:nth-of-type(4) { width: 33.33%; border-left: none; margin-top: 0.15rem; }
.about_lc dl:nth-of-type(5) { width: 33.33%; border-left: 1px #e5e5e5 solid; margin-top: 0.15rem; }
/*cpzs*/ 
.cpzs #owl-demo { padding-left: 2%; padding-right: 2%; }
.cpzs #owl-demo .item .conb dd .fln { width: 87%; }
.cpzs #owl-demo .item .conb dd .more3 { width: 10%; }

/*jjfa*/ 
.jjfa { overflow:hidden; height: auto;}

.jjfa .hd{ height:100%; position: absolute; left: 0; top: 0; z-index:1; display: -webkit-box; display: flex; -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center; align-items: center; }
.jjfa .hd .main{ position: relative;}
.jjfa .hd .main .jjfa_top { width: 100%; height: auto; position: inherit; left: inherit; top: inherit; text-align: center; }
.jjfa .hd ul { width: 100%; float: none; padding-top: 0.25rem; }
.jjfa .hd ul li { width: 50%; border-left: 1px solid rgba(255, 255, 255, 0.2); position: relative; height:auto;}
.jjfa .hd ul li:nth-of-type(1) { margin-left: 0; }
.jjfa .hd ul li:nth-of-type(2) { border-right: none; }
.jjfa .hd ul li:nth-of-type(3), .jjfa .hd ul li:nth-of-type(4), .jjfa .hd ul li:nth-of-type(5) { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.jjfa .hd ul li:nth-of-type(1), .jjfa .hd ul li:nth-of-type(3), .jjfa .hd ul li:nth-of-type(5) { border-left: none; }
.jjfa .hd ul li:nth-of-type(4) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.jjfa .hd ul li:nth-of-type(5) { }
.jjfa .hd ul li dl dt .tsar { height: 0.76rem; }
.jjfa .hd ul li dl dt, .jjfa .hd ul li dl dd { height: auto; padding: 0.25rem 0; }
.jjfa .hd ul li dl .ioc_img { width: auto; overflow: hidden; margin: 0 auto; }
.jjfa .hd ul li dl .ioc_img img { width: auto; height: 0.76rem; }
.jjfa .hd ul li dl dd, .jjfa .hd ul li dl em{ display:none;}

.jjfa .bd{ width:100%; overflow: hidden; height:auto;}
.jjfa .bd ul{ width:100%; overflow: hidden; height:auto;}
.jjfa .bd ul img{ width:100%; height:auto; height:auto;}





/*产品分布*/ 
.cpfb .cpfb_l { width: 100%; }
.cpfb .cpfb_l .phone { width: 15%; }
.cpfb .cpfb_l .phone_txt { width: 83%; }
.cpfb .cpfb_l .phone_txt.pt10 { padding-top: 0; }
.cpfb .cpfb_r { width: 100%; margin-top: 0.15rem; }
.cpfb .cpfb_r .dot { width: 0.26rem; height: 0.26rem; }
.cpfb .cpfb_r .dot span em { width: 0.26rem; height: 0.26rem; }
.cpfb .cpfb_r .dot span i { width: 0.08rem; height: 0.08rem; left: 0.09rem; top: 0.09rem; }
/*news*/ 
.new_img{ width:100%; position:inherit; left:inherit; top:inherit;}
.new_txt{ width:94%; margin-right:3%;}
.new_txt li .fr{ width:100%;}
.new_txt li:nth-of-type(2){ margin-top:0.2rem;}
.new_bo dl{ width:100%; padding:0.34rem 0.24rem; margin-right:0; margin-top:0.2rem;}


}