@charset "utf-8";
/* CSS Document */

body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, form, iframe, th, td { margin: 0; padding: 0; }
* { padding: 0; }
body { color: #3c3c3c; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.6; width: 100%;  }
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #3c3c3c; text-decoration: none; }
a:hover { cursor: pointer }
fieldset, img { border: none; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float: left; }
.fr { float: right; }
.wrap { margin: 0 auto; width: 1200px; }
.minwidth { min-width: 1200px; }
#container { background: #fff; }
div { outline: none; }
input { outline: none; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.6; }
textarea { outline: none; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.6; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; border: 0; }
th, td { padding: 0; }
.aui_border, .aui_dialog, .content table { table-layout: auto; }
ul { padding: 0; }
p { margin: 0; }
li { zoom: 1; vertical-align: middle; }
ol { margin: 0px; padding: 0; padding-left: 36px; }
input, select, button, textarea { border: 1px solid #ccc; padding: 2px 3px; }
input:focus, textarea:focus { background: #ededed; }

/*编辑器操作区域样式*/
.cke_editable .operateArea { background: #FF9; position: relative; z-index:999; }
.cke_editable .operateArea a { cursor: pointer; }
.cke_show_borders { max-width: 1200px; }

/*头部*/
#header { height: 90px; background: #fff; }
#header .wrap {}
.logo { position: relative; height: 90px; }
.logo i { position: absolute; left: -16px; top: 0; z-index: 10; background: url(../images/logo_bg.png) no-repeat left top; width: 145px; height: 135px; }
.logo img { height: 90px; float: left; position: absolute; left: 0; top: 0;  z-index: 15; }
.logo div { float: left; margin: 25px 0 0 95px; }
.logo div h1 { font-size: 22px; font-weight: bold; line-height: 1.1; letter-spacing: 2px; }
.logo div h2 { font-size: 14px; font-weight: bold; line-height: 1.1; font-family: Arial; }
.headright { float: right; }
.language { float: right; padding: 30px 0 30px 50px; line-height: 30px; }
.language a { color: #2c2c2c; }
.language .on { color: #ec6c00; }
.language span { display: inline-block; margin: 0 10px; }

#header.navFix { box-shadow: 0 0 5px #444; height: 70px; left: 0; position: fixed; top: 0; width: 100%; z-index: 4; }
#header.navFix .logo i { background-size: 75% 75%; left: -11px; }
#header.navFix .logo img { height: 70px; }
#header.navFix .logo div { margin: 15px 0 0 80px; }
#header.navFix .menu { padding: 20px 0; }
#header.navFix .language { padding: 20px 0 20px 50px; }
/*#header.navFix .menulist { top: 45px; }
#header.navFix .menulist ul { margin-top: 10px; }*/

/*导航*/
.menu { padding: 30px 0; }
.menu > li { float: left; margin-left: 50px; text-align: center; line-height: 30px; position: relative; }
.menu > li > a { display: block; font-size: 16px; color: #2c2c2c; }
.menu > li > a:hover { color: #ec6c00; }
.menu > .first > a { color: #ec6c00; }
/*.menu .menulist { width: 150px; display: none; padding: 0; position: absolute; top: 40px; z-index: 50; left: 0; text-align: center; overflow: hidden; border-bottom-left-radius: 4px;border-bottom-right-radius: 4px; }
.menu .menulist > li { line-height: 34px; font-size: 14px; margin: 0; }
.menu .menulist > li > a { display: block; color: #fff; background: #ffa113; }
.menu .menulist > li:hover > a { background: #ff8400; }
.menu .subnav { display: block; }*/

/*banner*/
#ban .banner { height: 550px; position: relative; overflow: hidden; }
#ban .imglist li { position: absolute; background: none no-repeat center center; height: 550px; width: 100%; }
#ban .imglist li h3 { margin: 184px 0 14px; color: #ec6c00; font-size: 52px; font-weight: bold; padding: 0 25px; letter-spacing: 2px; background: rgba(255,255,255,0.8); float: left; line-height: 90px; }
#ban .imglist li h4 { color: #fff; font-size: 24px; padding: 0 25px; letter-spacing: 2px; background: rgba(236,108,0,0.8); float: left; line-height: 50px; }
.pagelist { bottom: 30px; height: 13px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; }
.pagelist li { font-size: 0px; margin: 0 7px; background: url(../images/pagelist_2.png) no-repeat center center; cursor: pointer; display: inline-block; height: 13px; width: 13px; }
.pagelist li.on { background-image: url(../images/pagelist_1.png); }

/*首页主体*/
.maintitle { height: 100px; position: relative; }
.maintitle h3 { float: left; line-height: 100px; font-size: 22px; color: #2c2c2c; }
.maintitle h4 { float: left; font-size: 14px; color: #b0b0b0; padding-left: 10px; line-height: 16px; border-left: 1px solid #b0b0b0; margin: 42px 0 42px 10px; }

.btnleft { position: absolute; top: 35px; right: 38px; width: 30px; height: 30px; background: url(../images/ico_1.png) no-repeat center center; }
.btnright { position: absolute; top: 35px; right: 0; width: 30px; height: 30px; background: url(../images/ico_2.png) no-repeat center center; }
.btnleft:hover { background-image: url(../images/ico_1h.png); }
.btnright:hover { background-image: url(../images/ico_2h.png); }

.main1 { overflow: hidden; padding-bottom: 50px; }
.main1 #pro { width: 1200px; overflow: hidden; }
.main1 ul { width: 1220px; }
.main1 li { float: left; border: 1px solid #e5e5e5; margin-right: 20px; width: 222px; }
.main1 li img { width: 222px; height: 166px; display: block; border-bottom: 3px solid #ec6c00; }
.main1 li h3 { border-top: 1px solid #e5e5e5; line-height: 60px; font-size: 16px; color: #4d4d4d; text-align: center; }
.main1 li a:hover h3 {border-top: 1px solid #ec6c00; background: #ec6c00; color: #fff; }

.main2 { background: #f5f5f5; overflow: hidden; padding-bottom: 55px; }
.main2l { float: left; width: 580px; }
.main2v { height: 230px; }
.main2vl { width: 290px; height: 230px; position: relative; float: left; }
.main2vl img { width: 290px; height: 230px; }
.main2vl a { position: absolute; display: block; width: 290px; height: 230px; top: 0; left: 0; background: url(../images/ico_3.png) no-repeat center center; }
.main2vr { width: 290px; height: 230px; float: left; background: #fff; }
.main2vr p { padding: 38px 37px; line-height: 22px; text-align: justify; color: #696969; }
.main2l .more { width: 580px; height: 40px; background: #ec6c00; }
.main2l .more a { color: #fff; padding-left: 20px; line-height: 40px; width: 85px; display: block; float: right; background: #ec6c00 url(../images/ico_4.png) no-repeat 85px center; }
.main2r { float: right; width: 580px; }
.main2n { height: 230px; }
.main2n li { height: 100px; overflow: hidden; margin-bottom: 30px; }
.main2n li:last-child { margin-bottom: 0; }
.main2n li .date { float: left; width: 60px; height: 60px; background: #ec6c00; color: #fff; }
.main2n li .date h3 { font-size: 20px; text-align: center; line-height: 1.1; margin-top: 10px; }
.main2n li .date h2 { font-size: 12px; text-align: center; }
.main2n li .cont { float: left; width: 500px; margin-left: 20px; }
.main2n li .cont h3 { font-size: 16px; color: #2c2c2c; line-height: 1; }
.main2n li .cont p { color: #696969; line-height: 22px; margin: 8px 0 10px; }
.main2n li .cont a { color: #ec6c00; line-height: 22px; display: block; background: url(../images/ico_5.png) no-repeat 62px center; }
.main2r .more { width: 580px; height: 40px; }
.main2r .more a { color: #fff; padding-left: 20px; line-height: 40px; width: 85px; display: block; float: right; background: #ec6c00 url(../images/ico_4.png) no-repeat 85px center; }

/*底部*/
#footer { background: #404040; color: #fff; }
.foot1 { padding: 50px 0 35px; overflow: hidden; }
.foot1 img { float: left; }
.foot1 i { display: block; float: left; width: 1px; height: 86px; background: #c6c6c6; margin: 2px 35px; }
.foot1 .wx { margin: 2px 0; }
.foot1 ul { float: right; overflow: hidden; padding-top: 40px; line-height: 1; }
.foot1 ul span { display: block; float: left; margin: 0 5px; }
.foot1 ul li { float: left; }
.foot1 ul li a { color: #fff; }
.foot2 { overflow: hidden; }
.foot2 li { float: left; margin-right: 79px; }
.foot2 li:nth-child(1) { padding-left: 20px; background: url(../images/ico_6.png) no-repeat left center; }
.foot2 li:nth-child(2) { padding-left: 25px; background: url(../images/ico_7.png) no-repeat left center; }
.foot2 li:nth-child(3) { padding-left: 25px; background: url(../images/ico_8.png) no-repeat left center; }
.foot2 li:nth-child(4) { padding-left: 20px; background: url(../images/ico_9.png) no-repeat left center; }
.foot2 li:nth-child(5) { padding-left: 25px; background: url(../images/ico_10.png) no-repeat left center; margin-right: 0; }
.foot3 { border-top: 1px solid #a0a0a0; margin-top: 12px; padding: 12px 0 42px; overflow: hidden; font-size: 12px; }
.foot3 span { float: left; opacity: 0.6; }
.foot3 .power { float: right; opacity: 0.2; }
.foot3 .power a { color: #fff; }

/*动效*/
.tsh { transition: transform 0.8s linear 0s; }
.tsh:hover { transform: scale(1.2); }
.btn { position: relative; }
.btn div { z-index: 1; position: relative; }
.btn span { position: absolute; left: 0; top: 0; background: transparent;width: 100%; height: 100%; transition:background ease 0.2s  }
.btn:hover span { width: 100%; background: #ed7801; z-index: 0; }
.btn:hover { animation: none; }
.btn-animate {animation: fadeLeftRight 2.5s infinite ease-in both; }
@-webkit-keyframes fadeLeftRight {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
@-moz-keyframes fadeLeftRight {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}

/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; height: 34px; margin: 20px auto 0; }
#pageNav a { color: #3b3b3b; text-decoration: none; border: 1px solid #d2d2d2; font-size: 12px; line-height: 32px; height: 32px; padding: 0 15px; text-align: center; }
.pageNum, .cPageNum, listnumber { display: inline-block; }
#pageNav .cPageNum { color: #fff; background: #ff6c07; border: 1px solid #ff6c07; }
#pageNav .pageNum:hover { color: #fff; background: #ff6c07; border: 1px solid #ff6c07; }

/*内页通用*/
.ban1 { background: url(../images/inbanner1.jpg) no-repeat center center; height: 250px; }
.ban2 { background: url(../images/inbanner2.jpg) no-repeat center center; height: 250px; }
.ban3 { background: url(../images/inbanner3.jpg) no-repeat center center; height: 250px; }
.ban4 { background: url(../images/inbanner4.jpg) no-repeat center center; height: 250px; }
.ban5 { background: url(../images/inbanner5.jpg) no-repeat center center; height: 250px; }

.inmain { overflow: hidden; }

.intop { height: 65px; line-height: 65px; }
.intop .wrap { border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.intop .intopmenu { float: left; font-size: 14px; }
.intop .intopmenu a { color: #545454; padding: 0 10px; }
.intop .intopmenu a:first-child { padding-left: 0px; }
.intop h3 { float: right; font-size: 24px; color: #545454; line-height: 65px; }

.incontent { padding: 35px 0 85px; overflow: hidden; text-align: justify; }
.norecoder { display: block; font-size: 16px; text-align: center; }

.p1 { background: #f5f5f5; padding: 25px 30px; }
.p2 { background: #ec6c00; display: inline-block; border-radius: 3px; line-height: 35px; color: #fff; padding: 0 15px; font-size: 18px; margin: 40px 0 18px; }
.p3 { width: 1220px; margin-bottom: -20px; overflow: hidden; }
.p3 li { float: left; width: 285px; height: 214px; margin: 0 20px 20px 0; position: relative; }
.p3 li img { width: 285px; height: 214px; }
.p3 li h3 { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); line-height: 40px; color: #fff; font-size: 16px; width: 100%; text-align: center; }

/*产品*/
.menuleft { float: left; width: 220px; }
.menuleft h3 { background: #ec6c00; font-size: 20px; line-height: 60px; color: #fff; text-align: center; }
.menuleft li { background: #f5f5f5; font-size: 15px; line-height: 40px; text-align: center; margin-top: 2px; }
.menuleft li a { display: block; color: #545454; }
.menuleft li:hover { background: #ec6c00; }
.menuleft li:hover a { display: block; color: #fff; }
.menuleft .sel { background: #ec6c00; }
.menuleft .sel a { display: block; color: #fff; }

.proslist { float: left; width: 956px; overflow: hidden; margin-left: 24px; }
.proslist ul { width: 980px; overflow: hidden;/* margin-bottom: -20px;*/ }
.proslist li { float: left; border: 1px solid #e5e5e5; margin: 0 20px 20px 0; width: 222px; }
.proslist li img { width: 222px; height: 166px; display: block; border-bottom: 3px solid #ec6c00; }
.proslist li h3 { border-top: 1px solid #e5e5e5; line-height: 60px; font-size: 16px; color: #4d4d4d; text-align: center; }
.proslist li a:hover h3 {border-top: 1px solid #ec6c00; background: #ec6c00; color: #fff; }

/*媒体中心*/
.newslist { overflow: hidden; margin-bottom: -15px; }
.newslist li { margin-bottom: 35px; overflow: hidden; }
.newslist li .newsl { width: 280px; height: 210px; overflow: hidden; float: left; }
.newslist li img { float: left; width: 280px; height: 210px; }
.newslist li .newsr { float: left; margin-left: 70px; width: 850px; }
.newslist li .newsr h3 { font-size: 20px; color: #3b3b3b; float: left; line-height: 20px; margin: 35px 0 20px; transition: all 0.3s; }
.newslist li .newsr span { font-size: 12px; color: #8d8d8d; float: right; line-height: 20px; margin: 35px 0 20px; }
.newslist li .newsr p { float: left; color: #696969; width: 100%; }
.newslist li .newsr a { float: left; color: #ec6c00; margin-top: 30px; padding-right: 22px; background: url(../images/ico_5.png) no-repeat 62px center; }

/*新闻详细页*/
.title { padding-bottom: 10px; color: #333; text-align: center; font-size: 21px; }
.time { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; text-align: center; }
.time .date { padding-left: 20px; background: url(../images/clock.png) no-repeat left center; }
.time .hits { margin-left: 20px; padding-left: 20px; background: url(../images/eye.png) no-repeat left center; }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; height: 50px; }
.operate span { float: left; }
.operate span a { font-style: italic; color: #005baa; }
.operate div { float: right; width: 150px; text-align: right; }
.return { padding-left: 20px; padding-left: 20px; background: url(../images/return.png) no-repeat left center; }

/*设备*/
.equiplist { overflow: hidden; }
.equiplist li { width: 1200px; overflow: hidden; background: #ececec; color: #2c2c2c; }
.equiplist li:nth-child(2n+1) { background: #f8f8f8; }
.equiplist li:nth-child(1) { background: #d3d3d3; }
.equiplist li:nth-child(1) div { height: 60px; line-height: 60px; font-size: 18px; }
.equiplist li div { float: left; height: 140px; line-height: 140px; border: 1px solid #fff; text-align: center; font-size: 16px; }
/*.equiplist li div:nth-child(1) { width: 150px; border-left: none; }
.equiplist li div:nth-child(2) { width: 240px; }
.equiplist li div:nth-child(3) { width: 250px; }
.equiplist li div:nth-child(3) img { width: 220px; height: 90px; display: block; margin: 25px 15px; }
.equiplist li div:nth-child(4) { width: 172px; }
.equiplist li div:nth-child(5) { width: 380px; border-right: none; }
.equiplist li div:nth-child(5) img { width: 144px; height: 108px; display: block; margin: 16px 118px; }*/
.equiplist li div:nth-child(1) { width: 172px; border-left: none; }
.equiplist li div:nth-child(2) { width: 290px; }
.equiplist li div:nth-child(3) { width: 300px; }
.equiplist li div:nth-child(3) img { width: 220px; height: 90px; display: block; margin: 25px 40px; }
.equiplist li div:nth-child(4) { width: 430px; border-right: none; }
.equiplist li div:nth-child(4) img { width: 144px; height: 108px; display: block; margin: 16px 143px; }

/*视频开始*/
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.banner-video.banner-video-out {
  display: none;
}
.banner-video.banner-video-in {
  display: table;
  -webkit-animation: opacity .4s ease forwards;
          animation: opacity .4s ease forwards;
}
.banner-video {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0,0,0,1);
  opacity: 0;
}
.banner-video-cell {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  font-size: 16px;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
}
.banner-video-btn-close {
  position: absolute;
  width: 30px;
  height: 29px;
  background-image: url(../images/close_x.png);
  background-repeat: no-repeat;
  top: 50px;
  right: 50px;
  z-index: 3;
}
.banner-video-player {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
video {
  -o-object-fit: contain;
     object-fit: contain;
}
/*视频结束*/