* { margin: 0px; padding: 0px; }
a { text-decoration: none;color:#000000; }
li { list-style: none; }
body, html { background-color: #f5f5f5;font-size:14px;font-family: microsoft yahei,simsun; }
img { max-width: 100%; }

.header { }
.header .main { margin: 0 auto; width: 1200px; overflow: hidden; }
.header .main .logo { height: 110px; padding-left: 60px; background: url('../images/logo.png')no-repeat left center; float: left; }
.header .main .logo a { height: 100%; display: block; }
.header .main .logo .title { font-size: 18px; color: #333333; font-weight: bold;  }
.header .main .logo .copy { font-size: 18px; color: #666666; padding-top: 30px; }

.header .main .d-logo { float: left; }
.header .main .d-logo a { height: 100%; display: block; }
.header .main .d-logo img { float: left; padding-top: 35px; padding-right: 20px;; max-height: 50px; }

.header .main .menu { height: 110px; float: right; }
.header .main .menu ul { position: relative; }
.header .main .menu ul li { float: left; padding-left: 40px; padding-top: 30px; }
.header .main .menu ul li:first-child { padding-left: 0px; }
.header .main .menu ul li a { width: 105px; height: 48px; border-radius: 10px; display: block; color: #333333; font-weight: bold; line-height: 48px; font-size: 14px; text-align: center; }
.header .main .menu ul li a.cur { background-color: #e60012; color: white; font-weight: bold; line-height: 48px; font-size: 14px; text-align: center; }
.header .main .menu ul li a:hover { background-color: #e60012; color: white; font-weight: bold; line-height: 48px; font-size: 14px; text-align: center; }

.banner { width: 100%; overflow: hidden; }
.pn { position: relative; }
.pn .prex { height: 25px; width: 25px; border-left: 2px solid #e60012;opacity: 0.3; border-bottom: 2px solid #e60012; display: block; transform: rotate(45deg) translateY(-50%); position: absolute; left: 40px; top: 50%; z-index: 3;transition-duration: 0.5s; transition-property: all; transition-delay: 0s; transition-timing-function: ease;cursor: pointer;  }
.pn .next { height: 25px; width: 25px; border-top: 2px solid #e60012;opacity: 0.3; border-right: 2px solid #e60012; display: block; transform: rotate(45deg) translateY(-50%); position: absolute; right: 40px; top: 50%; z-index: 3;transition-duration: 0.5s; transition-property: all; transition-delay: 0s; transition-timing-function: ease;cursor: pointer;  }
.pn .swiper-button-disabled { opacity: 0; }
.pn .prex:hover{opacity:1 ;}
.pn .next:hover{opacity:1 ;}

.bg-img { background: url('../images/back-grid.png')no-repeat top; background-size: 100%; }
.content { width: 1200px; margin: 0 auto; background-color: white; border-top: 2px solid #e60012; position: relative; margin-top: -76px; z-index: 1; overflow: hidden; }
.content .div-l { width: 33%; float: left; background: #fff; min-height: 470px; padding: 0px 2px; border-right: 1px solid #ECECEC; }
.content .div-l .info { width: 315px; padding: 0px 40px; padding-bottom: 38px; }
.content .div-l .info .header { position: relative; border-bottom: 1px solid #ebebeb; margin: 20px 0px; height: 60px }
.content .div-l .info .header .title {padding-left: 5px;font-size: 18px;color: #333;line-height: 60px; font-weight: bold;}
.content .div-l .info .header .small { font-size: 14px; color: #666; padding-top: 9px; }
.content .div-l .info .header .more { float: right; height: 22px; width: 65px; background: #666; border-radius: 5px; font-size: 14px; color: white; text-align: center; line-height: 22px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.content .div-l .info .header .more a{color:#ffffff;}
.content .div-l .info .introduction { }
.content .div-l .info .introduction p { font-size: 14px; color: #666666; line-height: 29px; margin: 25px 0px;min-height:145px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.content .div-l .info .introduction img { }

.content .div-c { width: 33%; float: left; background: #fff; padding: 0px 2px; border-right: 1px solid #ECECEC; }
.content .div-c .info { width: 315px; padding: 0px 40px; padding-bottom: 38px; }
.content .div-c .info .header { position: relative; border-bottom: 1px solid #ebebeb; margin: 20px 0px; }
.content .div-c .info .header .title { font-size: 18px; color: #333; line-height: 60px; font-weight: bold; }
.content .div-c .info .header .small { font-size: 14px; color: #666; padding-top: 9px; }
.content .div-c .info .header .more { float: right; height: 22px; width: 65px; background: #666; border-radius: 5px; font-size: 14px; color: white; text-align: center; line-height: 22px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.content .div-c .info .header .more a{color:#ffffff;}
.content .div-c .info .news-list { }
.content .div-c .info .news-list ul { margin: 25px 0px; overflow: hidden; min-height: 145px; }

.content .div-c .info .news-list ul li { line-height: 29px; }
.content .div-c .info .news-list ul li a { }
.content .div-c .info .news-list ul li span { float: left; font-size: 12px; color: #a9a9a9; }
.content .div-c .info .news-list ul li p { float: right; width: 200px; font-size: 14px; color: #666666; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.content .div-c .info .news-list ul li:hover span { color: #666666; font-size: 12px; }
.content .div-c .info .news-list ul li:hover p { font-weight: bold; color: #e60012; font-size: 14px; }
.content .div-c .info .news-list ul li p.cur { font-weight: bold; color: #e60012; font-size: 14px; }
.content .div-c .info .news-list ul li span.cur { color: #666666; font-size: 12px; }

.content .div-r { width: 33%; float: left; background: #fff; padding: 0px 1px; }
.content .div-r .info { width: 315px; padding: 0px 40px; padding-bottom: 38px; min-height: 440px; }
.content .div-r .info .header { position: relative; border-bottom: 1px solid #ebebeb; margin: 20px 0px; }
.content .div-r .info .header .title { font-size: 18px; color: #333; line-height: 60px; font-weight: bold; }
.content .div-r .info .header .small { font-size: 14px; color: #666; padding-top: 9px; }
.content .div-r .info .header .more { float: right; height: 22px; width: 65px; background: #666; border-radius: 5px; font-size: 14px; color: white; text-align: center; line-height: 22px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.content .div-r .info .header .more a{color:#ffffff;}
.content .div-r .info .contact p { margin: 25px 0px; }
.content .div-r .info .contact div { line-height: 30px; font-size: 14px; color: #666666 }
.content .div-r .info .contact div a { color:#7D667D ; }

.pro-div { background: url('../images/back-grid.png')no-repeat; background-size: 100%; padding-top: 30px; }
.pro-div .pro { width: 1200px; margin: 0 auto; border-top: 5px solid #e60012; background-color: #fff; padding: 23px 21px; display: flex; }
.pro-div .pro .main-l { float: left; }
.pro-div .pro .main-l .title { width: 260px; height: 65px; background-color: #e60012; }
.pro-div .pro .main-l .title p.header { font-size: 20px; color: white; padding-top: 20px; padding-left: 27px; }
.pro-div .pro .main-l .menu { }
.pro-div .pro .main-l .menu ul { }
.pro-div .pro .main-l .menu ul li { width: 260px; background-color: #f5f5f5; border-top: 1px solid #d6d6d6; }
.pro-div .pro .main-l .menu ul li:first-child { border-top: 0px; }
.pro-div .pro .main-l .menu ul li em { width: 6px; height: 6px; background-color: #aeaeae; border-radius: 3px; display: block; position: absolute; left: 28px; top: 50%; transform: translateY(-50%); }
.pro-div .pro .main-l .menu ul li a { width: 100%; height: 100%; padding: 26px 0px; display: block; position: relative; }
.pro-div .pro .main-l .menu ul li p { font-size: 14px; color: #333333; padding-right: 35px; padding-left: 48px; }
.pro-div .pro .main-l .menu ul li span { width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; display: block; position: absolute; right: 23px; top: 50%; transform: translateY(-50%) rotate(45deg); }
.pro-div .pro .main-l .menu ul li a:hover p { color: #e60012; }
.pro-div .pro .main-l .menu ul li { }
.pro-div .pro .main-l .menu dl { width: 260px; background-color: #f5f5f5; }
.pro-div .pro .main-l .menu .dd-title { color: #666666; height: 100%; font-size: 14px; }
.pro-div .pro .main-l .menu dl dd:hover .dd-title { color: #e60012; background-color: #ededed; }
.pro-div .pro .main-l .menu dl dd:hover { background-color: #ededed; }
.pro-div .pro .main-l .menu dl dd { width: 260px; position: relative; }
.pro-div .pro .main-l .menu dl dd a {  padding: 12px 0px;  }
.pro-div .pro .main-l .menu dl dd ol { display: none;width:520px; }
.pro-div .pro .main-l .menu dl dd:hover ol { display: block;transition-duration: 0.5s; transition-property: all; transition-delay: 1s; transition-timing-function: ease;  position: absolute; z-index: 11; top: 0px; left: 260px; }
.pro-div .pro .main-l .menu dl dd ol li { width: 260px;float:left; background-color: #ededed; border: 0; }
.pro-div .pro .main-l .menu dl dd:hover ol li { width: 260px; background-color: #ededed; }
.pro-div .pro .main-l .menu .menu-ddap { background-color: #ededed; }
.pro-div .pro .main-l .menu .menu-ddap p { color: #e60012; }
.pro-div .pro .main-l .menu .menu-emsp { color: #e60012; }

.pro-div .pro .main-r { margin-left: 20px; width: 920px; float: left; overflow: hidden; }
.pro-div .pro .main-r .header { height: 63px; border-bottom: 2px solid #d6d6d6 }
.pro-div .pro .main-r .header .title { float: left; padding-top: 22px; }
.pro-div .pro .main-r .header .title p { font-size: 16px; color: #333333 }

.pro-div .pro .main-r .header .nav { float: right; padding-top: 22px; }
.pro-div .pro .main-r .header .nav a { color: #b9b9b9 }
.pro-div .pro .main-r .header .nav p { float: right; font-size: 14px; color: #b9b9b9; }

.pro-div .pro .main-r .products { margin: 22px 7px; min-height: 550px; }
.pro-div .pro .main-r .products ul { }
.pro-div .pro .main-r .products ul li { float: left; width: 30%; min-height:310px; border: 1px solid #ededed; margin: 14px 14px; padding-bottom: 20px; transition-duration: 0.5s; transition-property: all; transition-delay: 0s; transition-timing-function: ease; }
.pro-div .pro .main-r .products ul li:hover { border: 1px solid #e60012; }
.pro-div .pro .main-r .products ul li a { width: 100%; height: 100%; display: block; text-align: center; }
.pro-div .pro .main-r .products img { padding-top: 60px; padding-bottom: 35px; margin: 0 auto; max-height: 150px; }
.pro-div .pro .main-r .products p { padding-bottom: 8px;margin: 0px 15px; }
.pro-div .pro .main-r .products p.title { color: #333333; font-size: 17px; line-height: 19px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro-div .pro .main-r .products p.info { color: #666666; font-size: 17px; line-height: 19px; text-align: center; }
.pro-div .pro .main-r .products p.price { color: #e60012; font-size: 17px; line-height: 19px; text-align: center; }

.pro-div .pro .main-r .about { min-height: 550px; padding-top: 15px; }
.pro-div .pro .main-r .about .order {color:#000000;}
.pro-div .pro .main-r .about .about-banner{overflow: hidden;}
.pro-div .pro .main-r .about p { padding: 5px 0px; line-height: 24px; clear: left; }
.pro-div .pro .main-r .about p.title { text-align: center; font-size: 18px; font-weight: bold; margin-top: 20px; }
.pro-div .pro .main-r .about p.time { text-align: center; font-size: 14px; }
.pro-div .pro .main-r .about p.author { text-align: center; font-size: 14px; }
.pro-div .pro .main-r .about .product-line { height: 80px; background: #f1f1f1;margin: 30px 0px; }
.pro-div .pro .main-r .about .product-line p { display: inline-block; padding: 0; width: 242px; line-height: 80px; text-align: center; font-size: 24px; color: #ffffff; background: #e60012; }

.pro-div .pro .main-r .about .about-img { text-align: center; font-size: 14px; text-align: center; }

.pro-div .pro .main-r .news { min-height: 550px; }
.pro-div .pro .main-r .news ul { margin: 10px 0px; }
.pro-div .pro .main-r .news ul li { padding: 10px 0; position: relative; }
.pro-div .pro .main-r .news ul li a { color: black; }
.pro-div .pro .main-r .news ul li a:hover { color: #e60012; }
.pro-div .pro .main-r .news ul li a p { font-size: 14px; padding-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro-div .pro .main-r .news ul li a span { font-size: 14px; float: right; }
.pro-div .pro .main-r .news ul li a em { width: 6px; height: 6px; border-radius: 6px; background-color: #ddd; display: block; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }

.pro-div .pro .main-r .pr-ne { clear: left; padding: 0px 20px;margin: 20px 0px; }
.pro-div .pro .main-r .prev { }
.pro-div .pro .main-r .prev a { color: black; float: left; }
.pro-div .pro .main-r .prev a:hover { color: #e60012 }

.pro-div .pro .main-r .next { }
.pro-div .pro .main-r .next a { color: black; float: right; }
.pro-div .pro .main-r .next a:hover { color: #e60012 }

/*joblist*/
.jbs_tb { border-left: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; margin: 0px auto 15px auto; }
.jbs_tb td { border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 5px 7px; }
.jbs_tb td.bkg { background: #efefef; }
.jbs_tb td.cont { padding: 0px 7px; }
.jbs_btn { padding: 2px 5px; cursor: pointer; border: 1px solid #A7A7A7; background: #eee; cursor: pointer; }
.jbs_tb td a { color: #333333; font-size: 14px; }
.jbs_tb td a:hover { color: #e60012; font-size: 14px; }

/*jobjoin*/
.jbs_tb_1 { width: 520px; margin: 0 auto; }
.jbs_tb_1 th { text-align: right; font-weight: bold; padding-right: 10px; font-size: 14px; font-weight: bold; }
.jbs_txt { width: 350px; height: 20px; border: 1px solid #CCCCCC; line-height: 20px; padding: 7px 10px; border-radius: 3px; }
.jbs_txt:focus { border: 1px solid #0077c3; }
.jbs_txtarea { width: 350px; height: 100px; border: 1px solid #CCCCCC; padding: 10px; }
.jbs_txtarea:focus { border: 1px solid #0077c3; }
.jbs_age { width: 80px; }
.jbs_tel { width: 150px; }
.jbs_hong { color: #f00; }
.jbs_submit { width: 120px; height: 36px; text-align: center; line-height: 36px; color: #FFF; font-size: 15px; font-weight: bold; border: 0px; cursor: pointer; background: #666; border-radius: 3px; }
.jbs_submit:hover { background: #E60012; color: #FFF; }



.fd_pro_tb { width: 95%; margin: 0 auto; border-left: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; margin-bottom: 20px; }
.fd_pro_tb th, .fd_pro_tb td { border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
.fd_pro_tb th { background: #F5F5F5; height: 40px; line-height: 40px; font-weight: normal; }
.fd_pro_tb td { text-align: center; padding: 10px 0; }
.fd_pro_tb td input { border: 1px solid #E8E8E8; width: 80px; padding: 0 10px; height: 22px; line-height: 22px; text-align: right; }
.fd_pro_tb .del { color: #C81721; cursor: pointer; }

.jn_box { clear: both; padding-bottom: 20px; overflow: hidden; width: 520px; margin: 0 auto; }
.jn_lt { float: left; width: 140px; padding: 0 5px 0 0; line-height: 30px; text-align: right; font-size: 14px; font-weight: bold; }
.jn_rt { float: left; width: 360px; }
.jn_rt .txt { width: 325px; height: 28px; line-height: 28px; border: 1px solid #DBDBDB; color: #444; padding: 0 10px; font-size: 13px; border-radius: 3px; outline: none; }
.jn_rt .cod { width: 100px; height: 28px; line-height: 28px; border: 1px solid #DBDBDB; color: #444; padding: 0 10px; font-size: 13px; border-radius: 3px; outline: none }
.jn_rt .txtarea { width: 325px; height: 280px; line-height: 28px; border: 1px solid #DBDBDB; color: #444; padding: 0 10px; font-size: 13px; border-radius: 3px; outline: none; }
.jn_box .btn { width: 95px; height: 32px; text-align: center; line-height: 30px; border: 0px; background: #666; color: #FFF; font-size: 15px; font-weight: bold; border-radius: 3px; cursor: pointer; }
.jn_box .btn:hover{background-color:#E60012;}


/*页码高亮显示*/
.flickr .Ahover { background-color: #e60012; color: white; }

/*页码CSS样式*/
.flickr { text-align: center; margin: 15px 0px; }
.flickr a, .flickr span { display: inline-block; width: 48px; height: 35px; text-align: center; background-color: #f3f3f3; color: black; font-size: 16px; padding-top: 14px; }
.flickr a.hunp { margin: 0px 11px; }
.flickr .pren { margin: 0px 30px; }
.flickr a:hover { background-color: #e60012; color: white; }
.flickr .disabled {  }


.foot { clear: left; }
.foot-1 { height: 230px; background-color: #333333; }
.foot-1 .f1 { width: 1200px; margin: 0 auto; }
.foot-1 .f1 p { }
.foot-1 .f1 .menu { padding-top: 27px; width: 300px; float: left; }
.foot-1 .f1 .menu ul { height: 174px; width: 300px; border-right: 1px solid #3b3b3b; padding-top: 28px; }
.foot-1 .f1 .menu ul li { float: left; width: 124px; height: 44px; }
.foot-1 .f1 .menu ul li a { font-size: 14px; color: #999999; line-height: 19px; padding-left: 20px; }
.foot-1 .f1 .code { padding-top: 27px; }
.foot-1 .f1 .code ul { float: right; padding-top: 15px; }
.foot-1 .f1 .code ul li { float: left; padding-right: 15px; }
.foot-1 .f1 .code ul li img { }
.foot-1 .f1 .code ul li p { margin-top: 20px;display:none; text-align: center; color: #999999; font-size: 14px; }

.foot-2 { height: 78px; background-color: #262626; }
.foot-2 .f2 { width: 1200px; margin: 0 auto; }
.foot-2 .f2 p { line-height: 78px; color: #999999; font-size: 14px; }
.foot-2 .f2 span { float: right; }
.foot-2 .f2 span a { float: right; color: #999999; font-size: 14px; }
.foot-2 .f2 a { color: #999999; font-size: 14px; }