@charset "utf-8";
/* CSS Document */
*{padding:0px;margin:0px;}
html{}
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:rgba(255,255,255,0.8);background-color: #343e48;padding-top: 120px;}
img{border:none;}
a{color:#000000;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#ec0017;text-decoration:none;}
ul,li,ol,dl,dt,dd{list-style:none; padding:0px; margin:0px auto;}
input, select, button{font:12px Verdana, Arial, Tahoma;vertical-align:middle;}
.clear{clear:both;}
.w1400{max-width:1400px;margin:0px auto;}
.w1200{max-width:1200px;margin:0px auto;}
.por{position: relative;}
.f-cb {zoom: 1;}
.f-cb:after{display: block; height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
.fl {float: left; display: inline;}
.fr {float: right;display: inline;}
header{position: fixed;top: 0;left: 0;width: 100%;height: 120px;background: url(../images/bg3.jpg) repeat-x center top;box-shadow: 0 0 5px 2px rgba(0,0,0,.1);z-index: 11;}
header .head{max-width: 1400px;margin:0px auto;}
header .h-top{height: 40px;}
header .h-top p{margin-top: 7px;line-height: 26px;color: #59626d;}
header .h-top p a{display: inline-block;padding: 0 13px;color: #fff;font-size: 12px;}
header .h-top p .a4{padding: 0 13px 0 43px;color: #fff;background: url(../images/ico4.png) no-repeat 13px center;}
header .h-top p a:hover{opacity: 0.8;filter: alpha(opacity=80);}
.t-c {-webkit-transition: color 0.5s;transition: color 0.5s;}
header .nav{float: right;line-height: 80px;font-size: 18px;}
header .nav li{float: left;position: relative;margin-left: 55px;min-width: 75px;}
header .nav a{color: #fff;}
header .nav li:hover .tit{color: #ffcd00;}
header .nav li .nav-con{display: none;position: absolute;top: 100%;left: -30px;width: 100px;min-height: 110px;padding: 10px 30px;font-size: 14px;background-color: #262e36;}
header .nav li .nav-con a{display: block;line-height: 36px;}
header .nav li .nav-con a:hover{color: #ffcd00;}
header .nav li .nav-con:before {content: "";position: absolute;top: -14px;left: 30px;right: 20px;max-width: 80px;  height: 14px;background-image: linear-gradient(to bottom right,transparent 48%,#262e36 52%),linear-gradient(to bottom left,transparent 48%,#262e36 52%);background-size: 51% 100%;background-repeat: no-repeat;background-position: 0 0,100% 0;}
header .logo{left:0;top:0;height:100%;position: absolute;}
header .logo img{height:100%;}
.banner img{width: 100%;}
.banner.swiper-container-horizontal>.swiper-pagination{left: 13.5%;bottom: 18%;text-align: left;width: auto;}
.banner .swiper-pagination-bullet {display: inline-block;width: 25px;height: 25px;background: url(../images/img2.png) no-repeat center/100% 100%;margin-right: 19px;border-radius: 0;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: url(../images/img3.png) no-repeat center/100% 100%;}
.t-f{-webkit-transition: all 0.5s;transition: all 0.5s;}
.iabout{position: relative;z-index: 2;zoom: 1;}
.iabout .pc {width: 62.5%;display: block;}
.iabout .txt{position:absolute;background:#fcce01;width:50%;height:100%;padding-top:70px;top:-70px;right:0;z-index:10;}
.iabout .txt .arrow-left{position: absolute;left: -17%;bottom: 0;width: 17%;height: 100%;background:url(../images/bg3.png) no-repeat center/100% 100%;}
.iabout .txt .txt-main {position: absolute;padding: 0 30px 0 10.5%;max-width: 600px;top: 50%;left: 0;margin-top:-206px;}
.iabout .txt .txt-main h2{font-family: 'Helvetica';line-height: 60px;font-size: 54px;color: #262e36;text-transform: uppercase;font-weight: bolder;font-style: italic;}
.iabout .txt .txt-main h3 {margin-bottom: 20px;font-size: 36px;color: #262e36;font-weight: bold;line-height: 50px;}
.iabout .txt .txt-main p {font-size: 16px;line-height: 32px;color: #262e36;opacity: 0.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 35px;}
.iabout .txt .txt-main .more {margin-top: 50px;display: block;width: 168px;height: 50px;box-sizing: border-box;overflow: hidden;}
.iabout .txt .txt-main .more span {border: 2px solid #262e36;color: #262e36;background: url(../images/bg4.png) no-repeat 128px center;position: relative;display: block;padding-left: 17px;height: 46px;line-height: 46px;font-size: 13px;   text-transform: uppercase;font-weight: bold;font-family: arial;}
.iabout .txt .txt-main .more span:after {border-color: #262e36;background: #fcce01;}
.iabout .txt .txt-main .more:hover span{background:#262e36 url(../images/bg5.png) no-repeat 128px center;color:#fcce01;}
.iproduct {position: relative;z-index: 3;display: flex;justify-content: flex-end;}
.iproduct .pc {width: 62.5%;float: right;}
.iproduct .txt {position: absolute;background: #262e36;width: 50%;height: 100%;top: 0;left: 0;}
.iproduct .txt .arrow-right {position: absolute;right: -17%;top: 0;width: 17%;height: 100%;background: url(../images/bg6.png) no-repeat center/100% 100%;}
.iproduct .txt .txt-main{position:absolute;padding:0 10.5% 0 30px;max-width:600px;top:50%;right:0;margin-top:-220px;}
.iproduct .txt .txt-main h2{font-family: 'Helvetica';line-height: 60px;font-size: 54px;color: #fccd01;text-transform: uppercase;font-weight: bolder;font-style: italic;}
.iproduct .txt .txt-main h3{margin-bottom: 45px;font-size: 36px;color: #fff;font-weight: bold;line-height: 50px;}
.iproduct .txt .txt-main .list{font-size: 0;}
.iproduct .txt .txt-main .list a{display: inline-block;width: 50%;font-size: 16px;color: #fff;padding-left: 40px;   line-height: 36px;background: url(../images/bg1.png) no-repeat left center;text-transform: uppercase;box-sizing:border-box;white-space:nowrap;}
.iproduct .txt .txt-main .list a:hover{font-weight:bold;background:url(../images/bg2.png) no-repeat left center;color:#fccb01;}
.iproduct .txt .txt-main .more{margin-top:34px;}
.iproduct .txt .txt-main .more:hover span{background:#262e36 url(../images/bg7.png) no-repeat 128px center;color: #fff;border: 2px solid #fff;}
.iproduct .txt .txt-main .more:hover span:after{border-color: #fff;}
.iproduct .txt .txt-main .more span {border: 2px solid #fccc01;color: #262e36;background: #fccc01 url(../img/bg4.png) no-repeat 128px center;position: relative;display: block;padding-left: 17px;height: 46px;line-height: 46px;font-size: 13px;text-transform: uppercase;font-weight: bold;}
.iproduct .txt .txt-main .more span:after{border-color: #fccc01;background: #262e36;}
.more span:after {content: "";display:inline-block;border-bottom-width:2px;border-style: solid;-webkit-transform:rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;transform-origin: 100% 100%;position:absolute;top:-100%;bottom:-5px;left:0;right:25px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.more span {position: relative;display: block;padding-left: 17px;height: 46px;line-height: 46px;font-size: 13px;text-transform: uppercase;border: 2px solid #262e36;color: #262e36;font-weight: bold;font-family: arial;background: url(../images/bg4.png) no-repeat 128px center;}
.more {display: block;width: 168px;height: 50px;box-sizing: border-box;overflow: hidden;}
.inews{background: #343e48;padding:  170px 30px 120px;}
.inews h2{text-align:center;font-family:'Helvetica';line-height:60px;font-size:54px;color:#fccd01;text-transform:uppercase;font-weight:bolder;font-style:italic;}
.inews h3{margin-bottom: 50px;font-size: 36px;color: #fff;font-weight: bold;line-height: 50px;text-align: center;}
.inews-content{margin: 0 auto;max-width: 1600px;}
.inews-content h4{margin-top:12px;margin-bottom:5px;font-size:16px;line-height:34px;color:#fff;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inews-content p{font-size: 14px;height: 48px;line-height: 24px;color: rgba(255,255,255,.7);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inews-content img{cursor:pointer;transition: all 0.6s;}
.inews-content img:hover{transform:scale(1.1);}
.inews-content .more{margin-top:20px;}
.inews-content .more span{border: 2px solid #fff;color: #fff;background: #343e48 url(../images/bg7.png) no-repeat 128px center;}
.inews-content .more span:after {border-color: #fff;background: #343e48;}
.inews-content .more:hover span{border: 2px solid #fcce01;color: #262e36;background: #fcce01 url(../images/bg4.png) no-repeat 128px center;}
.inews-content .more:hover span:after{border-color: #fcce01;}
footer{background: #262e36;}
footer .foot{background: #fbcf0d;}
footer .foot .left{width:65%;padding:60px 0 0;height:300px;border-right: 1px solid #e7c013;}
footer .foot .left li{width: 20%;float: left;}
footer .foot .left li a{display: block;font-size: 14px;color: #343e48;line-height: 28px;text-transform: uppercase;}
footer .foot .left li a.tit,footer .foot .right h2{font-size: 16px;font-weight: bold;color: #262e36;margin-bottom: 15px;}
footer .foot .right{padding: 60px 0 0 4%;width: 28%;}
footer .foot .right h2{font-size: 16px;font-weight: bold;color: #262e36;margin-bottom: 15px;}
footer .foot .right p{font-size: 14px;color: #343e48;line-height: 28px;}
.foot-bot,.foot-bot a{font-size: 14px;line-height: 54px;color: rgba(255,255,255,.2);}
.foot-bot a:hover{color: rgba(255,255,255,1);}
/*产品列表*/
.mbx-pro{padding: 30px 0;line-height: 40px;font-size: 16px;color: #fff;}
.mbx-pro a,.mbx-pro span{color: #fff;}
.mbx-pro span{margin: 0 10px;font-family: "宋体";font-size: 14px;}
.title{background-color: #262e37;border: none;height: 64px;line-height: 64px;font-size: 24px;color: #fcce01;font-weight:bold;padding-left: 40px;}
.ipro_list div{width:260px;float:left; margin:10px;background-color: #4A545E;padding: 10px;}
.ipro_list dt{width:260px;height:260px;overflow:hidden;background-color: #fff;}
.ipro_list dt a{text-align:center;width:260px;height:260px;display:table-cell;vertical-align:middle;overflow:hidden;}
.ipro_list dt img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.ipro_list dt img:hover{transform:scale(1.1);}
.ipro_list dd{width:260px;text-align:center;}
.ipro_list dd a{font-size: 22px;color: #fcce01;font-weight: bold;line-height: 52px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.slt{overflow:hidden;margin-top:10px;margin-bottom:10px;}
.timeBar{line-height:36px;text-align:center;margin:20px auto;width: 800px;}
.time{height:40px;line-height: 40px;font-size:16px;color: #262e37;background: #fcce01;}
.title1{color: #D6D8DA;font-size:32px;font-weight: bold;text-align: center;}
.cpfl li{float: left;width: 151px;height:46px;line-height: 46px;background-color: #fcce01;text-align: center;margin: 20px 10px 0px 10px;}
.cpfl li a{color: #262e37;font-size: 14px;}
.cpfl li:hover{background-color: #262e37;}
.cpfl li:hover a{color: #fcce01;}
.cpfl p{float: left;width: 151px;height: 46px;line-height: 46px;background-color: #262e37;text-align: center;margin: 20px 10px 0px 10px;}
.cpfl p a{color: #fcce01;font-size: 14px;}
.cpfl p:hover{background-color: #fcce01;}
.cpfl p:hover a{color: #262e37;}
/*---------在线留言---------*/
.message{line-height:24px;}
.message dt{float:left;clear:both;width:60px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
/*---------新闻列表页---------*/
.e2 li{line-height:60px;height:60px;background:url(../images/dot.png) no-repeat left center;border-bottom:1px dashed #7f8892;}
.e2 li a{font-size: 18px;color: #7f8892;padding-left: 15px;font-weight: bold;}
.e2 li span{float:right;font-size: 18px;font-weight: bold;color: #7f8892;}
.e2 li b{float:right;}
/*---------上下页---------*/
.guidbar_next{overflow:hidden;padding:10px 0px;border-top:1px solid #262E37;margin-top:20px;}
.guidbar_next li{font-size:14px;color:#FBCF0D;}
.pre{ float:left;}
.next{ float:right;}
.guidbar_next li a{color:#FBCF0D;}
.guidbar_next li a:hover{color:#fff;}
.pre{text-align:left;float:left;}
.inext{text-align:right;float:right;}
/*---------分页---------*/
.page{padding: 20px 0 30px;text-align: center;color: #70777e;font-weight: bold;font-family: arial;font-size: 0;}
.page a{display: inline-block;width:66px;height: 40px;line-height: 40px;text-align: center;font-size: 22px;color: #70777e;}
.page a.on{font-weight: bold;font-size: 20px;}
.page a.active,.page a:hover{color: #fcce01;}


.content{ font-size:14px; line-height:32px;margin: 20px 0px;}
.zt1_div{width:918px;height:95px; margin:0px 10px 15px 0px; background:#F7F7F7; }
.zt1_div ul{ margin:0px; padding:0px 0px 0px 0px}
.zt1_div ul li{ width:778px; line-height:45px; float:left; font-size:15px; height:30px; text-align:left;}
.zt1_div ul li a{ color:#000; font-family:"微软雅黑"; font-weight: bold; }
.zt1_div ul li span{ float:right; font-size:14px; color:#666}
.zt1_div ul dt{ float:left; width:778px; height:55px; line-height:26px; text-align:left;overflow:hidden; color:#333; padding-top:10px;}
.data1{ float: left; text-align: center; width:80px; height:60px; margin:25px 20px 5px 5px; color:#000; border-right:1px #999999 solid}
.data1 h2{ font-size:30px; font-weight: bold; height:30px; line-height:30px;}
.data1 span{ font-size:16px; display:block; line-height:30px;}