@charset "utf-8";

*{ margin:0; padding: 0 }
img { border:none;}
ul, li{ list-style: none }
a{ text-decoration: none; color: #131313;transition: all 0.2s;}
.clear{ clear: both; }
.left{ float: left; }
.right{ float: right; }
body{ font-size: 12px; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; background-color: #fbfbfb; }

.wrap{ width: 1090px; margin: 0 auto; position: relative;}
.h38{ height: 38px; }
.clearfix {zoom:1;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

/*header*/
.header{ width: 100%; height: 100px;}
.logo{ margin:20px 0 13px 0;  float: left; margin-right: 16px;}
h1.title{ font-size: 20px; font-weight: normal;  float: left; margin-top: 50px;color: #1f1f1f;}
.nav{ float: right;  }
.nav ul > li{ float: left;  width: 80px; text-align: center; height: 100%; position: relative; }
.nav ul > li > a{ font-size: 18px; width: 100%; padding-top: 32px; height: 65px; line-height: 67px;display: block;}
.nav ul > li > a:hover{border-bottom: solid 3px #e60013;}
.nav ul > li.current > a{ border-bottom: solid 3px #e60013;}
.nav ul > li > ul{ position: absolute; left: 0; top: 99px; right: 0; background-color: #636161; padding:0 17px;  z-index: 9999; width: 120px; display: none;}
.nav ul > li > ul > li{ height: 44px; line-height: 44px; border-bottom: solid 1px #fff; width: 114px; }
.nav ul > li > ul > li:last-child{ border-bottom: none }
.nav ul > li > ul > li > a{ padding: 0; height: 100%; width: auto; line-height: 44px; font-size: 14px; text-align: left; border-bottom-width: 1px; color: #fff;}
.nav ul > li > ul > li > a:last-child{ border-bottom: none }
.nav ul > li > ul > li > a:hover{ color: #e60013; }

/*幻灯*/
#container{width: 100%;height: 500px;overflow: hidden; position: relative;}
.sections,.section {height:100%;position: relative;}
.section{background-color: #000;background-size: cover;background-position: 50% 50%;text-align: center;color: white;}
.section a{ width: 100%; height: 100%; display: block; }
#container ul.pages{ position: absolute; left: 0; right: 0; bottom: 20px; text-align: center;}
#container ul.pages li{ width: 12px; height: 12px; display: inline-block; border-radius: 50%; background-color: #fff; margin: 0 8px; cursor:pointer; }
#container ul.pages li.active{ background-color:#e60000; }

/*main*/
.main{ padding: 40px 0; }
.side{ width: 350px; margin-right: 20px}
.mainContent{ width: 720px; }
.g_title{ border-bottom: solid 1px #e60000; height: 40px; line-height: 40px; background:url(../images/title_bg.png) no-repeat left top; text-align: right;}
.g_title span{ margin-left: 17px; color: #fff; font-size: 18px; float: left;}
.g_title a{ color: #404040; font-size: 14px; text-transform:uppercase;}
.g_title a:hover{ color: #e60000; }
.a_content{ padding-top: 5px; }
.a_home_des{ line-height: 26px; color: #555555; font-size: 14px; margin: 5px 0 15px 0;}
.news_content{ padding-bottom: 20px; }
.news_content ul li{ margin-top: 10px; height: 94px; }
.news_content ul li img{ float: left; margin-right: 14px; }
.news_content ul li h3{ font-weight: normal; font-size: 14px; color: #535353; line-height: 22px; height: 66px; overflow: hidden; }
.news_content ul li h3:hover{ color:#e60000;}
.news_content ul li p{ color: #939393; font-size: 12px; font-family: "Arial" }
.down_content ul li{ padding: 16px 0 16px 63px; border-bottom: dashed 1px #eeeeee; background:url(../images/download.png) no-repeat 6px center;}
.down_content ul li:last-child{ border-bottom: none; }
.down_content ul li h3{ font-size: 14px; font-weight:100;color: #535353; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; margin-bottom: 5px;}
.down_content ul li h3:hover{ color:#e60000;}
.down_content ul li p{ font-size: 12px; color: #939393; }
.down_content ul li p:hover{ color:#333;}
.contact_content ul li{ margin-top:10px; }
.assembly_content{ padding: 21px 0; }
.assembly_content ul li{ border: solid 1px #e8e8e8;padding: 16px 24px; width: 109px; margin-right: 27px; transition: all 0.5s ease-out; float: left; background-color:#FFF;}
.assembly_content ul li:last-child{ margin-right: 0px; }
.assembly_content ul li img{ margin-bottom: 15px; }
.assembly_content ul li h4{ line-height: 25px; font-weight: 100; font-size: 14px; color: #444444;text-align: center;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.assembly_content ul li p{ font-size: 14px; color: #444444;  text-align: center;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.assembly_content ul li:hover{ border-color: #e60000; }
.application_content ul{ padding-top: 18px; }
.application_content ul li{ width: 180px; float: left;}
.application_content ul li p{ height: 30px; line-height: 30px; font-size: 14px; color: #535353; text-align: center; }
.application_content ul li p:hover{ color:#e60000;}

.footerLink{ background-color: #cdcdcd; padding: 45px 0 20px 0; }
.footerMenu{ width: 828px; float: left;}
.footerMenu dl{ width: 260px; float: left; }
.footerMenu dl dt{ font-size: 22px; color: #1f1f1f; margin-bottom: 10px; }
.footerMenu dl dt span{  font-size: 16px;}
.footerMenu dl dd { height: 26px; line-height: 26px; font-size:14px; }
.footerMenu dl dd.w5 { width:30%; padding-right:5%; float:left; overflow: hidden; white-space: nowrap;text-overflow:ellipsis;transition: all 0.5s ease-out;}
.footerMenu dl dd a:hover{ color: #e60000;}
.ewm{ width: 231px; text-align: center; float: left; border-left: solid 1px #bcbcbc; padding-bottom: 40px;}
.ewmTxt{ margin-top: 14px; margin-bottom: 25px; font-size:16px; }

.footer{ background-color: #737373; padding: 20px 0; text-align: center; line-height: 24px; color: #fff; }

.column{ padding: 20px 0; border-bottom: solid 1px #e60000; text-align: center; }
.column ul li{ display: inline-block; width:auto; padding:0 20px; height: 40px; text-align: center; line-height: 40px; font-size:14px;  border-radius: 30px; background-color: #a8a8a8; margin: 10px 10px;}
.column ul li a{ color: #fff; }
.column ul li.current,.column ul li:hover{ background-color: #e60000; color: #fff;}
.column ul li.current a{ color: #fff; }

/* 单页*/
.page_content{ padding:40px; margin: 40px 0 20px 0; background-color:#FFF; min-height:300px; line-height:24px; font-size:14px; color:#333;}
.page_content img{ max-width:100%; margin:12px auto;}

.contact{ padding:40px; margin: 40px 0 20px 0; background-color: #fff;}
.contactRight{ margin-left: 60px; padding-top: 50px; float: left;}
.contactRight dt{ font-size: 24px; margin-bottom: 20px; }
.contactRight dd{ font-size: 16px; height: 47px; line-height: 47px; color: #494949; }
.contactRight dd span{ width: 26px; height: 26px; display: inline-block; background:url(../images/icon2.png) no-repeat; vertical-align: -6px; margin-right: 10px; }
.contactRight dd span.mail{ background-position: 0 -50px; }
.contactRight dd span.address{ background-position: 0 -97px; }

/* 招聘*/
.zhaoping{ padding: 36px 0 20px; }
.zhaoping ul li{ width: 350px; float: left; margin-right: 20px; padding: 60px 0 50px 180px; line-height: 25px; background:#fff url(../images/reson.png) no-repeat 78px 57px; position: relative;transition: all 0.5s ease-out;}
.zhaoping ul li:nth-child(2n){ margin-right: 0; }
.zhaoping ul li:hover{ background-color: #ececec; }
.zhaoping ul li h4{ font-weight: 100;color: #333333; font-size: 18px; }
.zhaoping ul li p{ font-size: 14px; color: #666666; }
.zhaoping ul li em{ width: 20px; height: 20px; display: inline-block; background:url(../images/search.png) no-repeat;  position: absolute; right: 22px; bottom: 16px;}

.pages {width: 100%; padding: 15px 0; }
.pages ul {width: 100%;text-align: center;margin-top: 20px;}
.pages ul li a {padding: 3px 10px;}
.pages ul li {display: inline-block;padding-left: 5px;}
.pages ul li a {display: block;background: #fff;color: #999998;text-align: center;line-height: 30px;padding: 0 15px;}
.pages ul li a:hover,.pages ul li a.selected {background: #e60000;color: #fff;}

.location{ text-align: right; padding: 0 0 20px; color: #666666; font-size: 12px; }
.location a{ color: #666; }
.location em{ width: 13px; height: 13px; display: inline-block; background:url(../images/home.png) no-repeat left center; vertical-align: -2px; margin-right: 5px; }
.location p{ float: left; font-size: 14px; }

.viewTitle{ background-color: #e60000; height: 48px; line-height: 48px; text-align: center; font-size: 24px; font-weight: 100; color: #fff; }
.zhaopingView{ padding: 40px; background-color:#fff; font-size:16px; line-height:34px; }
.zhaopingTitle{ color: #333333; font-size: 24px; margin-bottom: 20px; }
.zhaopingContent{ line-height: 35px; font-size: 16px; color: #9a9a9a; margin-bottom: 30px; }

ul.appList { padding: 28px 0; }
ul.appList li:nth-child(odd) img{ height: 236px; float: left; }
ul.appList li:nth-child(even) img{ height: 236px; float: right; }
ul.appList li div{ float: left; background-color: #fff; width: 483px; height: 171px; padding: 43px 22px 22px 40px; position: relative;transition: all 0.5s ease-out;}
ul.appList li div h5{ font-size: 24px; color: #333333; font-weight: 100;}
ul.appList li div p{ line-height: 24px; font-size: 14px; color: #666666; margin-top: 5px; }
ul.appList li div span{  width: 30px; height: 30px; background:url(../images/more.png) no-repeat; position: absolute; right: 23px; bottom: 23px; }
ul.appList li:hover div{ background-color: #f3f3f3; }

.other{ padding-top: 30px; margin-top: 30px; border-top: solid 1px #d8d8d8;}
.other ul li{ line-height: 30px; color: #666666; font-size: 16px; }
.other ul li a{ color: #666;transition: all 0.5s ease-out; }
.other ul li a:hover{ color: #ff003c; }

.download { padding: 36px 0; }
.download dl { background-color:#FFF; }
.download dl dt{ background-color: #e60000; height: 40px; line-height: 40px; padding: 0 23px 0 46px; color: #fff; font-size: 18px;margin-bottom: 15px;}
.download dl dt span{ float: right; display: inline-block; width: 28px; height: 22px; background:url(../images/icon.png) no-repeat; margin-top: 10px; cursor: pointer;}
.download dl dt span.up{ background-position: 0 -54px; }
.download dl dd{ padding: 0 44px; height: 37px; line-height: 37px; color: #7d7d7d; font-size: 16px; border-bottom: dashed 1px #eee; }
.download dl dd:hover{ background-color: #f5f5f5; }
.download dl dd span{ display: inline-block; }
.download dl dd span.load_title{width: 500px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.download dl dd span.load_type{ width: 150px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.download dl dd span.load_capa{ width: 198px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.download dl dd span.load_cz{ width: 130px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.download dl dd span.load_cz a{ color: #7d7d7d;}
.download dl dd span.load_cz a:hover{ color: #F00;}


.newsContent{ padding: 40px; background-color:#FFF; }
h1.newsTitle{ text-align: center; font-weight: 100; color: #333333; border-bottom: solid 1px #d8d8d8; padding-bottom: 10px; }
.newsContent .infos{ text-align: center; color: #8c8c8c;  padding: 20px 0; }
.newsContent .infos span{ margin: 0 10px; }
.newsContent .newsBody{ min-height:300px; line-height:34px; font-size: 16px; color: #666;}
.newsContent .newsBody img{ max-width:100%; margin:12px auto;}

.newsList ul li{ width: 505px; float: left; padding: 15px; margin-right:20px; margin-top: 20px; background:#FFF;}
.newsList ul li:nth-child(2n){ margin-right: 0px; }
.newsList ul li img{ float: left; margin-right: 15px; }
.newsList ul li h5{ font-weight: 100; font-size: 18px; color: #333333; margin-top: 10px; display:block; float:left; width:270px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;transition: all 0.5s ease-out;}
.newsList ul li p{ font-size: 14px; color: #666; line-height: 24px; margin-top: 10px; width:270px; height: 72px;display:block; float:left;}
.newsList ul li:hover h5{color: #ff003c; }

.product_list ul li{ width: 146px; text-align: center; margin-bottom: 20px; }
.product_list ul li:nth-child(5n){ margin-right: 0px; }

.productImg{ width: 100%; height: 455px; background-color:#cdcdcd;}
.productBox{ padding: 90px 0 0 50px; color: #000; height:360px; }
.productBox div{ width:580px; float:right;}
.productBox img{ float: left;max-height:262px; max-width:405px; }
.productBox h5{ font-size: 30px;font-weight: 100; }
.productBox h6{ font-size: 30px; font-weight: 100;}
.productBox p{ font-size: 18px; margin-top: 10px; line-height:30px; }

.newsBodyContent{ padding: 37px; text-align: center; background-color:#FFF;font-size: 14px;line-height: 28px;text-align: left;}
.newsBodyContent img{ max-width:100%;}
.fiexd{ position: fixed; right: 50px; bottom: 20px; }
.fiexd > ul > li{ width: 50px; height: 50px; background:url(../images/fiexd.png) no-repeat -55px 0; margin-bottom: 1px; cursor: pointer; position: relative;}
.fiexd > ul > li.tel{ background-position:-55px -51px;}
.fiexd > ul > li.dz{ background-position:-55px -102px }
.fiexd > ul > li:hover{ background-position: 0 0; }
.fiexd > ul > li.tel:hover{ background-position: 0 -51px; }
.fiexd > ul > li.dz:hover{ background-position: 0 -102px; }
.fiexd > ul > li a{ width: 100%; height: 100%; display: inline-block; }
.fiexd > ul > li.tel p{ position: absolute; left: -138px;  padding: 3px; right: 60px; top: -80px; display: none;}
.fiexd > ul > li.tel p img{ background-color: #fff; }
.fiexd > ul > li.one p{ position: absolute;left: -135px;padding: 3px;right: 0px;top: 12px; display: none;}
.fiexd > ul > li.one p span{background-color: #fff;padding:14px 10px; border-radius: 3px; font-size:16px;}

/*处理手机端*/
@media only screen and (max-width:1024px){
#container{width:1090px;}
.footerLink{width:1090px;}
.footer{width:1090px;}
}