html { overflow-x:hidden; }
*{margin: 0;padding: 0;}
#top{width: 100%px;height: 30px;background-color: #e5e5e5;}
#top div{line-height: 30px;width: 1280px;height: 30px;margin: auto;}
.taitou{margin-left: 100px;margin-top: -75px;}
.taitou p{font-family: "微软雅黑";margin-top: -5px;}
.name{font-size: 28px;font-weight: bolder;}
#head{width: 1280px;height: 100px;margin: auto;margin-top: 20px;margin-bottom: 20px;}
.ewq{width: 90px;height: 90px;margin-top: 5px;}
.qwe{width: 197px;height: 40px;float: right;margin-top: -50px;margin-right:50px ;}
#nav{width: 100%;height: 70px;/* background-image: url(../images/27.jpg);overflow: hidden; */background-color: #272727;}
#nav ul{width: 1280px;height: 70px;margin: auto;}
#nav ul li{float: left;list-style: none;width: 150px;line-height: 70px;text-align: center;font-size: 22px;color: #fff;font-weight: bold;}
.one{border-left: 2px solid #ffffff;}
#nav ul li:hover{color: #fff; background-color: #c4302b;transition-duration:0.5s;/* line-height: 100px; */transition: 0.5;}
#nav ul a{text-decoration: none;color: #FFFFFF;}
.nav-img{ text-align: center;}
#profile{width: 100%px;height: 600px;}
#title{width: 1280px;height: 130px; margin: auto;margin-top: 30px;}
#title h1,h3{text-align: center;}
#title h3{color: #868686;}
#title img{width: 30px;height: 2px;margin-left: 625px;}
#content-profile{width: 1280px;height: 450px; margin: auto;}
.left{width: 550px;height:400px ;margin-left: 30px;margin-top: 50px;}
.right{float: right;margin-top: -450px;margin-right: 30px;}
#content-profile p{text-indent: 2em;letter-spacing: 4px;font-size: 20px;font-family: "微软雅黑";}
#product{width: 100%;height: 750px;background-color: #E5E5E5;border: 1px solid #E5E5E5;}
#liebiao{width: 1280px; height: 585px;margin: auto;}
#liebiao ul{width: 1280px;height: 300px;}
#liebiao ul li{list-style: none;float:left;margin-left: 30px;width: 284px;height: 270px;}
#liebiao ul li img{width: 282px;height: 211px;}
#liebiao ul li p{text-align: center;}
#liebiao ul li:hover .under{visibility: visible;opacity: 0.8;filter: alpha(opacity=0.8);transition-duration:1s,2s;}
.two{font-size: 24px;color: #000000;}
.three{color: #868686;font-size: 18px;}
.on{position: absolute; z-index: 1;}
.under{position: absolute; z-index: 2;visibility: hidden;opacity: 0.0;filter: alpha(opacity=0.0);transition-duration:2s,3s;}
.control{width: 282px;height: 211px;}
#application{width: 100%;height: 680px;background-color: #0694DC;border: 1px solid #0694DC;}
#news{width: 100%;height: 700px;background-color: #E5E5E5;border: 1px solid #E5E5E5;}
#information{width: 1280px;height: 500px;margin: auto;}
#zuo,#you{width: 620px;height: 500px;}
#zuo{float: left;}
#you{float: right;}
#information ul li{list-style: none;width: 620px;height: 130px;border: 1px solid #232324;margin-bottom: 30px;background-color: #FFFFFF;color: #000000;}
#information ul li:hover{border:1px solid #0694DC;}
#information ul li:hover .neirong{background-color: #0694DC;color: #FFFFFF;}
.neirong{width: 165px;height: 130px; border-right: 2px solid #232324;float: left;}
.da{font-size: 5rem;text-align: center;letter-spacing: 3px;}
.xiao{font-size: 24px;margin-top: -10px;text-align: center;letter-spacing: 7px;}
.abc{width: 450px;height: 130px;float: right;}
.biaoti{font-size: 20px;font-weight: bold;margin-top: 10px;}
.ziduan{font-size: 14px;letter-spacing: 3px;margin-top: 10px;font-weight: bold;color: #868686;}
#footer{width: 100%;height: 560px;background-color: #232324;margin-top: 100px;}
#aboutus{width: 1280px;height: 420px;margin: auto;}
#smallnav{width:100%;height: 80px;border-bottom: 2px solid #868686;}
#smallnav div{width: 1280px;height: 80px;margin: auto;}
#smallnav div ul li{list-style: none;float: left;font-size: 20px;color: #FFFFFF;width: 110px;text-align: center;margin-top: 40px;}
#smallnav div ul li:hover{color: #F36621;}
#smallnav div ul{margin-left: 450px;}
.bian{border-right: 3px solid #FFFFFF;}
.t{width: 1280px;height: 50px;}
.w{width: 270px;height: 50px;margin-left: 100px;margin-top: 80px;}
.q img{width: 50px;height: 50px;float: left;}
.r{color: #FFFFFF;font-size: 20px;letter-spacing: 3px;margin-left: 60px;}
.o{float: right;margin-top: -45px;}
.o ul li{list-style: none;height: 50px;width: 250px;float: left;}
.o ul li img{width: 45px;height: 45px;}
.logo{float: left;}
.bt{font-size: 28px;color: #FFFFFF;line-height: 50px;margin-left: 55px;}
#tell ul li{list-style: none;color: #FFFFFF;font-size: 20px;font-family: "黑体";line-height: 30px;}
#tell{margin-top: 100px;margin-left: 100px;}
#qr_code{float: right;margin-top: -180px;margin-right: 100px;}
#qr_code ul li img{width: 130px;height: 130px;}
#qr_code ul li{width: 130px;height: 150px;text-align: center;list-style: none;float: left;margin-right: 50px;}
#beian{width: 100%;height: 40px;background-color: #0694DC;}
.numbell{color: #FFFFFF;font-size: 16px;letter-spacing: 2px;text-align: center;line-height: 40px;}
.numbell a{color:#FFFFFF;}
#tellus{width: 100%;height: 500px;background-color: #FFFFFF;}
#wenzi{width: 1280px;height: 400px;background-color: #FFFFFF;color: #0694DC;margin: auto;}
#wenzi img{width: 209px;height: 250px;float: right;margin-top: -300px;margin-right: 250px;}
#wenzi p{font-size: 20px;font-family: "微软雅黑"; line-height: 40px;margin-left: 150px;}
#wenzi h1{padding-top: 80px;padding-left: 150px;}
.map{margin: auto;}
#table{
width: 1280px;
margin: 0 auto;margin-top: 30px;
}
#newleft{width: 800px;float: right; }
#newleft .newhand p:hover{background-color: #F36621;}
.newcontent{
width: 800px;
height: 100%;
} #productsright{width: 450px;float: left;}
#productsright img{width: 350px;height: 200px;transition: all 0.6s;}
.h2{font-size: 35px;text-align: center;height: 80px;}
#ddddd{background-color: #0694DC;overflow:hidden}
#ddddd a{text-decoration: none;}
.leftfont{ width: 350px; height: 270px; margin: auto;margin-top: 30px;}
.leftfont p{font-size: 25px;text-align: center;color: #fff;}
#ddddd a:hover img{transform: scale(1.1);}
#newleft ul li{list-style: none;width: 700px;height: 100px;border-bottom: 2px solid #000000; margin: 30px 50px;}
#newleft ul li:hover{border-bottom: 2px solid #0C84C1;color: #0C84C1;}
#newleft ul a{text-decoration: none;color: #000000;}
.newcontent h1{text-align: center;margin-bottom: 30px;}
.newcontent p{width: 720px;margin: auto;text-indent: 2em;line-height: 35px;margin-top: 5px;font-size: 20px;}
.newcontent h3{text-align: left;margin-left: 30px; color: #F36621;}
.m{font-size: 22px;}
.l{line-height: 22px;}
#product_big{width: 1280px;margin: auto;}
/* 其他页面的侧面二级导航样式开始 */
#product_nav{width: 250px;margin-top: 20px;float: left;background-color: #0694DC;margin-left: 40px;margin-bottom: 20px;}
#product_nav ul li{margin:auto; list-style: none;width: 200px;height: 35px;background-color: #FFFFFF;font-size: 20px;text-align: center;margin-top: 10px;line-height: 35px;margin-bottom: 10px;transition: 0.5s;}
#product_nav ul a{text-decoration: none;color: #000000;}
#product_nav ul li:hover{background-color: #F36621;color: #FFFFFF;transition: 0.5s;}
/* 其他页面的侧面二级导航样式结束 */
/* 保险丝座页面侧边二级导航开始 */
#product_nav1{width: 250px;margin-top: 20px;float: left;background-color: #0694DC;margin-left: 40px;margin-bottom: 20px;}
#product_nav1 ul li{margin:auto; list-style: none;width: 210px;height: 35px;background-color: #FFFFFF;font-size: 20px;margin-top: 10px;line-height: 35px;margin-bottom: 10px;overflow: hidden;transition: 1s;}
#product_nav1 ul a{text-decoration: none;color: #000000;}
#product_nav1 ul li:hover{background-color: #F36621;color: #FFFFFF;transition: 0.5s;}
#product_nav1 div p{margin-left: 50px; width: 180px;height: 30px;background-color: #ffff00;font-size: 16px;text-align: center;margin-top: 10px;line-height: 30px;margin-bottom: 10px;color: #5e5e5e;}
#product_nav1 div p:hover{background-color: #faaf00;transition: 0.5s;color: #fff;}
#product_nav1 ul span{margin-left:10px;}
#product_nav1 ul li img{float: right;margin-right: 5px;transition: 0.5s;}
#product_nav1 ul li:hover img{ transform: translateY(-35px); filter: drop-shadow( 0 0);}
.classification1{width: 210px;height: 50px;background-color: #00fcff;margin: auto;font-size: 25px;color: #F36621;text-align: center;line-height: 50px;}
/* 保险丝座页面侧边二级导航结束 */
#product_ledge{width: 980px; float: right;margin-top: 20px;background-color: #f5f5f5;}
#product_ledge ul li{margin-left: 25px;list-style: none;float: left;margin-bottom: 30px;width: 290px;height: 334px;border: 1px solid #E5E5E5;margin-top: 5px;}
#product_ledge ul li img{width: 290px;height: 188px;transition: all 0.6s;}
#product_ledge ul li img:hover {transform: scale(1.1);}
.yinshu{font-size: 19px;font-weight: bold;}
#product_ledge ul li p{color: #000000;line-height: 24px;}
#product_ledge ul li:hover{border: 1px solid #0694DC;}
#product_ledge ul li:hover .yinshu{color: #F36621;}
#clear{clear: both;}
.main_content img{width: 980px;}
#product_img{width: 980px;margin-top: 20px;background-color: #E5E5E5;float: right;}
#product_img ul li{width:445px;height: 330px;border: 1px solid #E5E5E5;margin-left: 30px;float: left;list-style: none;margin-bottom: 15px;margin-top: 5px;}
#product_img ul li img{width: 445px;height: 260px;transition: all 0.6s;}
#product_img ul li img:hover{transform: scale(1.05);}
#product_img ul .ltitle{color: #000000;font-size: 20px;font-weight: bold;}
#product_img ul li:hover{border: 1px solid #0694DC;}
#product_img ul li p{color: #363636;font-size: 14px;}
#product_img ul li:hover .ltitle{color: #F36621;}
.samll_banner{width: 893px;height: 120px;background-color: #FF0000;margin: auto;margin-top: 10px;}
.download:hover{background-color: #F36621;transition-duration:1s;}
.download{margin-top: 10px; width: 250px;height: 40px;background-color:#363636;color: #FFFFFF;line-height: 40px;text-align: center;letter-spacing: 5px;font-weight: bold;}
#strength{width: 80rem;height: 37.5rem;margin: auto;margin-top: 3.75rem;}
#strength-top p{text-align: center;margin-top: 0.9375rem;}
#strength ul li{width: 18.75rem;height: 21.875rem;background-color: #e3e3e3;list-style: none;float: left;margin: 0.6rem;}
#strength img{width: 15.625rem;height: 11rem;margin: 1.5rem;transition: all 0.6s;}
#strength img:hover{transform: scale(1.2);}
.str-one{font-size: 3.5rem;font-weight: bold;margin-left: 1.5rem;padding-top: 1rem;}
.str-two{font-size: 1.245rem;margin-left: 1.5rem;}
#strength ul{margin-top: 1.875rem;}
/*tab菜单样式*/
#mj_tab_menu {
position: relative;
width: 1280px;
height: 450px;
margin: auto;
}
/*导航栏部分样式*/
#mj_tab_menu ul.mj-tab-nav {
list-style: none;
width: 1280px;
height: 40px;
}
.mj-tab-nav{
border-bottom:1px solid #F36621;
/* border-top:1px solid #F36621; */
}
#mj_tab_menu ul.mj-tab-nav li {
width: 256px;
height: 45px;
float: left;
font-size: 22px;
}
#mj_tab_menu ul.mj-tab-nav li a {
display: block;
line-height: 40px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
}
/*鼠标经过导航条的样式*/
#mj_tab_menu ul.mj-tab-nav li a:hover {
background: #FFFFFF;
color: #0694DC;
transition-duration:1s;
border-radius:10px;
}
/*内容区部分样式*/
#mj_tab_menu .mj-tab-content {
position: absolute;
left: 0;
width: 1280px;
height: 400px;
margin-top: 60px;
}
#mj_tab_menu .mj-tab-content .mj-tab-content-item {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}
#mj_tab_menu .mj-tab-content div#mj_tab_content_current {
display: block;
}
/*tab菜单样式结束*/
/*tab菜单内容样式*/
.column li{list-style-type: none;margin-left: 30px; width: 386px;height: 229px;float: left;}
.column li img{width: 386px;height: 300px;}
.column li p{line-height: 14px;text-align: center;font-size: 1.125rem;color: #E5E5E5;margin-top: 1.25rem;}
/*tab菜单内容样式结束*/
/* 导航样式 */
/* banner */
* {
margin: 0;
padding: 0;
}
.content {
width: 1920px; /*轮播图的宽度*/
height:700px; /*轮播图的高度*/
/* padding: 10px; */
margin: auto;
}
.slideContainer{
width: 1920px;
height: 700px;
position: relative;
overflow: hidden;
}
.slideContainer ul {
height: 700px;
width: 11520px; /*在js中重新计算 宽度应为其中所有li的宽度之和*/
position: absolute;
list-style: none;
left:0;
top: 0;
}
.slideContainer ul li {
float: left;
width: 1920px;
height: 700px;
}
.slideContainer ul li img{
height: 700px;
width: 1920px;
}
.bar {
position: absolute;
height: 20px;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
padding: 5px;
}
.bar li{
display: inline-block;
width: 20px;
height: 20px;
border-radius: 10px;
line-height: 20px;
background-color: rgb(141, 143, 146);
cursor: pointer;
}
ol .current{
background-color: white;
}
/* #change{
display: none;
} */
#change span{
width: 40px;
height: 40px;
position: absolute;
left: 5px;
top: 50%;
margin-top: -20px;
background: #333333;
cursor: pointer;
line-height: 40px;
text-align: center;
font-weight: bold;
font-family: '黑体';
font-size: 30px;
color: #FFF;
opacity: 1;
border: 1px solid #fff;
}
#change #right {
right: 80px;
left: auto;
}
/* 公司实力部分样式 */
#waibu{width: 80rem;height: 47rem;margin:auto;}
#topnav { position: relative;width:1280px;height:550px ;margin-top: 35px; }
.tabnav li{list-style: none;color:#fff;float: left;width: 110px;height: 160px;border-style: solid;border-color: #fff;border-width: 0.0625rem;margin-left: 35px;}
.tabnav{height: 160px;margin-left: -75px; }
.tabnav a li:hover{background-color: #fff;color: #0694DC;transition-duration:1s;}
.fr-one{font-size: 35px;font-weight: bold;padding-top: 10px;padding-bottom: 10px;}
.tabnav p{margin: 0 auto;text-align: center;}
.fr-two{font-size: 25px;}
#topnav .tabbox { position: absolute;left: 0;width: 1280px;height: 400px;}
#topnav .tabbox .change {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#topnav .tabbox div#displayo {display: block;}
#boxtop p{margin: 0;}
#boxtop{margin-top: 70px;height: 75px;width: 500px; border-bottom: solid;border-color: #fff;border-width: 1px;}
.boxsm{color: #fff;font-size: 20px;font-weight: bold;letter-spacing:3px;}
.boxbig{color: #fff;font-size: 35px;font-weight: bold;letter-spacing:5px;}
.boxth{color: #fff;letter-spacing:2px;line-height: 25px;margin-top: 30px;width: 500px;font-size: 18px;}
#botnei img{top: -160px;left: 570px; position: absolute;width: 700px;height: 550px;}
/* 公司实力部分样式结束 */
#context{width: 100%;border-bottom:2px solid #0694DC;}
#context p{width: 180px;height: 50px;background-color: #0694DC;text-align: center;line-height: 50px;color: #fff;}
#explan{width: 100%;background-color: #ededed;}
#explan p{font-size: 14px;color: #5f5f5f;line-height: 30px;margin-left: 30px;}