@charset "UTF-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; font-family: 'arial','Microsoft Yahei', 'Hiragino Sans GB','Helvetica Neue','Helvetica','tahoma','Verdana','sans-serif', "WenQuanYi Micro Hei","\5B8B\4F53"; }

html, body { width: 100%; background: #ffffff; min-width: 1200px; }

input, button { border: none; outline: none; background: none; }

textarea { border: none; outline: none; background: none; resize: none; overflow: hidden; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; opacity: 1; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; opacity: 1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; }

img { border: none; display: block; max-width: 100%; }

.main { width: 1600px; height: 100%; margin: 0 auto; }

.nymain { width: 1200px; height: 100%; margin: 0 auto; }

@media screen and (max-width: 1660px) { .main { width: 1400px; } }
@media screen and (max-width: 1460px) { .main { width: 1200px; } }
.fl { float: left; }

.fr { float: right; }

@font-face { font-family: "SansCN-Regular"; src: url("../../font/SOURCEHANSANSCN-REGULAR.eot"); src: url("../../font/SOURCEHANSANSCN-REGULAR.eot") format("embedded-opentype"), url("../../font/SOURCEHANSANSCN-REGULAR.woff") format("woff"), url("../../font/SOURCEHANSANSCN-REGULAR.ttf") format("truetype"), url("../../font/SOURCEHANSANSCN-REGULAR.svg") format("svg"); }
@font-face { font-family: "SansCN-Light"; src: url("../../font/SourceHanSansCN-Light.eot"); src: url("../../font/SourceHanSansCN-Light.eot") format("embedded-opentype"), url("../../font/SourceHanSansCN-Light.woff") format("woff"), url("../../font/SourceHanSansCN-Light.ttf") format("truetype"), url("../../font/SourceHanSansCN-Light.svg") format("svg"); }
@font-face { font-family: "SansCN-Bold"; src: url("../../font/SOURCEHANSANSCN-Bold.eot"); src: url("../../font/SOURCEHANSANSCN-Bold.eot") format("embedded-opentype"), url("../../font/SOURCEHANSANSCN-Bold.woff") format("woff"), url("../../font/SOURCEHANSANSCN-Bold.ttf") format("truetype"), url("../../font/SOURCEHANSANSCN-Bold.svg") format("svg"); }
@font-face { font-family: "SansCN-Medium"; src: url("../../font/SOURCEHANSANSCN-Medium.eot"); src: url("../../font/SOURCEHANSANSCN-Medium.eot") format("embedded-opentype"), url("../../font/SOURCEHANSANSCN-Medium.woff") format("woff"), url("../../font/SOURCEHANSANSCN-Medium.ttf") format("truetype"), url("../../font/SOURCEHANSANSCN-Medium.svg") format("svg"); }
@font-face { font-family: "OpenSans"; src: url("../../font/OpenSans.eot"); src: url("../../font/OpenSans.eot") format("embedded-opentype"), url("../../font/OpenSans.woff") format("woff"), url("../../font/OpenSans.ttf") format("truetype"), url("../../font/OpenSans.svg") format("svg"); }
@font-face { font-family: 'iconfont';
  /* project id 240211 */
src: url("../../font/iconfont.eot"); src: url("../../font/iconfont.eot?#iefix") format("embedded-opentype"), url("../../font/iconfont.woff") format("woff"), url("../../font/iconfont.ttf") format("truetype"), url("../../font/iconfont.svg#iconfont") format("svg"); }
.iconfont { font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

/*头部导航*/
.header { position: fixed; left: 0; top: 0; width: 100%; height: 80px; background: #fff; min-width: 1200px; z-index: 10; }
.header:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e5e5e5; }
.header .logo { margin-top: 20px; height: 44px; }
.header .logo img { height: 100%; }
.header .topNav { margin-left: 150px; height: 100%; line-height: 80px; }
.header .topNav li { position: relative; float: left; padding: 0 28px; }
.header .topNav li a { font-size: 14px; color: #333; transition: all 0.12s; }
.header .topNav li:before { content: ""; display: block; position: absolute; bottom: 0; left: 50%; right: 50%; margin: 0 auto; height: 4px; background: #b5544e; transition: all 0.2s linear; }
.header .topNav li:hover a, .header .topNav li.active a { color: #b5544e; }
.header .topNav li:hover:before, .header .topNav li.active:before { left: 28px; right: 28px; }
.header .main > span { line-height: 80px; font-size: 14px; color: #999; margin-left: 10px; }
.header form { margin-top: 20px; width: 262px; height: 40px; border-radius: 4px; overflow: hidden; position: relative; }
.header form > div { position: absolute; width: 0px; height: 100%; transition: all 0.3s; top: 0; right: 50px; }
.header form > div input { width: 100%; height: 100%; font-size: 14px; color: #333333; line-height: 40px; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.header form button { float: right; width: 50px; height: 100%; cursor: pointer; line-height: 40px; text-align: center; transition: all 0.2s; }
.header form button span { font-size: 20px; color: #333; transition: all 0.2s; }
.header form.active > div { width: 212px; background: #f5f5f5; }
.header form.active button { background: #b5544e; }
.header form.active button span { color: #ffffff; }

/*banner*/
.banner { margin-top: 80px; padding-top: 40px; background: #ffffff; }
.banner .swiper-container { width: 100%; height: 540px; }
.banner .swiper-slide { display: block; width: 100%; height: 540px; }
.banner .swiper-slide img { width: 100%; height: 100%; }
.banner .swiper-pagination { position: absolute; font-size: 0; line-height: 16px; left: 0; bottom: 30px; width: 100%; z-index: 2; text-align: center; }
.banner .swiper-pagination .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; margin: 0 5px; border-radius: 100%; vertical-align: middle; cursor: pointer; border: 1px solid #fff; opacity: 1; filter: alpha(opacity=100); transition: all 0.16s; }
.banner .swiper-pagination .swiper-active-switch { width: 14px; height: 14px; background: #b5544e; border: 1px solid #b5544e; }

.sec_title { padding-top: 70px; height: 50px; line-height: 50px; }
.sec_title .fl { font-size: 28px; color: #333; font-weight: bold; }
.sec_title .fr { font-size: 16px; color: #999; transition: all 0.12s; }
.sec_title .fr:hover { color: #b5544e; }

.newpro-cnt { padding-top: 16px; margin-left: -32px; padding-bottom: 50px; border-bottom: 1px solid #ccc; }
.newpro-cnt:after { content: ""; display: block; height: 0; clear: both; }
.newpro-cnt a { margin-left: 32px; margin-top: 32px; width: 376px; }
.newpro-cnt a div { height: 280px; overflow: hidden; transition: all 0.2s; }
.newpro-cnt a img { width: 100%; height: 100%; }
.newpro-cnt a p { margin-top: 22px; height: 36px; font-size: 20px; color: #333; font-weight: bold; text-align: center; line-height: 36px; transition: all 0.12s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newpro-cnt a:hover div { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.newpro-cnt a:hover p { color: #b5544e; }

.about-top { margin-top: 50px; height: 70px; line-height: 70px; }
.about-top .fl { height: 45px; }
.about-top .fl img { height: 100%; }
.about-top .fr { height: 100%; }
.about-top .fr span { padding-left: 60px; font-size: 20px; color: #333; font-family: "SansCN-Bold"; }
.about-top .fr span:first-child { padding-left: 0; }
.about-top .fr i { font-size: 32px; color: #b5544e; font-style: normal; font-family: "SansCN-Bold"; }
.about-cntext { height: 64px; margin-top: 6px; font-size: 16px; color: #777; line-height: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.about-cntbtn { display: inline-block; margin-top: 40px; height: 24px; line-height: 24px; font-size: 16px; color: #333; transition: all 0.12s; }
.about-cntbtn span { padding-right: 10px; font-size: 20px; color: #b5544e; }
.about-cntbtn:hover { color: #b5544e; }
.about-cate { margin-top: 60px; }
.about-cate:after { content: ""; display: block; height: 0; clear: both; }
.about-cate li { float: left; margin-left: 2%; width: 32%; height: 398px; background: #fafafa; position: relative; transition: all 0.2s; }
.about-cate li:first-child { margin-left: 0; }
.about-cate li > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); transition: all 0.2s; }
.about-cate li > div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 40px; font-size: 0; }
.about-cate li > div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.about-cate li:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.about-cate li:hover > img { opacity: 1; filter: alpha(opacity=100); }
.about-cate li:hover > div h5, .about-cate li:hover > div div, .about-cate li:hover > div p, .about-cate li:hover > div a, .about-cate li:hover > div .iconfont { color: #fff; }
.about-cate li:hover > div a { border-bottom: 3px solid #fff; }
.about-cate-middle { display: inline-block; width: 100%; vertical-align: middle; }
.about-cate-middle h5 { font-size: 28px; color: #333; font-weight: bold; line-height: 40px; transition: all 0.2s; }
.about-cate-middle div { margin-top: 10px; font-size: 20px; color: #333; line-height: 30px; transition: all 0.2s; }
.about-cate-middle p { margin-top: 34px; height: 64px; font-size: 16px; color: #777; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.2s; }
.about-cate-middle a { display: inline-block; margin-top: 26px; height: 34px; line-height: 34px; font-size: 16px; color: #777; border-bottom: 3px solid #b5544e; transition: all 0.2s; }
.about-cate-middle a .iconfont { padding-left: 20px; font-size: 12px; color: #666; transition: all 0.2s; }

.youshi-cnt { margin-top: 48px; }
.youshi-cnt:after { content: ""; display: block; height: 0; clear: both; }
.youshi-cnt .fl { width: 61.25%; }
.youshi-cnt .fr { width: 36.25%; }
.youshi-cnt-list > li { display: none; }
.youshi-cnt-list > li.active { display: block; }
.youshi-cnt-tit { margin-top: 90px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #ccc; }
.youshi-cnt-tit h5 { font-size: 24px; color: #333; font-weight: bold; line-height: 1.5; }
.youshi-cnt-tit:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 48px; height: 3px; background: #b5544e; }
.youshi-cnt-text { margin-top: 52px; min-height: 160px; font-size: 16px; color: #777; line-height: 32px; }
.youshi .swiper-container { height: 500px; }
.youshi .swiper-slide { width: 100%; height: 500px; }
.youshi .swiper-slide img { width: 100%; height: 100%; }
.youshi-btn { margin-top: 30px; height: 50px; }
.youshi-btn span { float: left; width: 48px; height: 48px; border: 1px solid #ccc; border-radius: 100%; font-size: 16px; color: #333; text-align: center; line-height: 48px; margin-right: 10px; cursor: pointer; transition: all 0.16s; }
.youshi-btn span:hover { border: 1px solid #b5544e; background: #b5544e; color: #fff; }

.partner { padding-bottom: 80px; }
.partner-cnt { margin-top: 50px; }
.partner-cnt:after { content: ""; display: block; height: 0; clear: both; }
.partner-cnt .fl { position: relative; margin-left: 2%; width: 14.86%; background: #fafafa; cursor: pointer; border: #cecece 1px solid;}
.partner-cnt .fl:first-child { margin-left: 0; }
.partner-cnt .fl img { width: 100%; height: 140px; }
.partner-cnt .fl > div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 12px; background: #b5544e; text-align: center; opacity: 0; filter: alpha(opacity=0); font-size: 0; transition: all 0.2s; }
.partner-cnt .fl > div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.partner-cnt .fl > div div { display: inline-block; width: 100%; font-size: 16px; vertical-align: middle; color: #fff; line-height: 1.5; }
.partner-cnt .fl:hover > div { opacity: 1; filter: alpha(opacity=100); }

.footer { width: 100%; background: #333; }

.footerTop { padding: 60px 0 50px; }
.footerTop .main:after { content: ""; display: block; height: 0; clear: both; }
.footerTop .fl { width: 75%; }
.footerTop .fr { max-width: 25%; }
.footerTop .footnav:after { content: ""; display: block; height: 0; clear: both; }
.footerTop .footnav > li { float: left; width: 16.66666%; }
.footerTop .footnav > li h5 { font-size: 18px; color: #fff; line-height: 1; font-weight: bold; }
.footerTop .footnav > li ul { margin-top: 28px; }
.footerTop .footnav > li li { font-size: 14px; color: #ccc; line-height: 32px; }
.footerTop .footnav > li a { color: #ccc; transition: all 0.12; }
.footerTop .footnav > li a:hover { color: #fff; }
.footerTop .footimg:after { content: ""; display: block; height: 0; clear: both; }
.footerTop .footimg h5 { font-size: 18px; color: #fff; line-height: 1; font-weight: bold; }
.footerTop .footimg h5 + div { margin-left: 0; }
.footerTop .footimg > div { margin-top: 40px; margin-left: 40px; float: left; width: 140px; }
.footerTop .footimg > div img { width: 100%; }
.footerTop .footimg > div p { margin-top: 16px; font-size: 16px; color: #ccc; line-height: 1.5; text-align: center; }

.footerBot { height: 72px; line-height: 72px; border-top: 1px solid #ccc; font-size: 14px; color: #ccc; }
.footerBot a { color: #ccc; transition: all 0.12; }
.footerBot a:hover { color: #fff; }

.nbanner { margin-top: 80px; width: 100%; height: 450px; }

.ny_title { height: 80px; overflow: hidden; }
.ny_title .fl h4 { font-size: 28px; color: #333; line-height: 48px; font-weight: bold; }
.ny_title .fl div { font-size: 20px; color: #333; line-height: 26px; }
.ny_title .protopnav { margin-top: 45px; margin-right: -26px; height: 35px; line-height: 35px; }
.ny_title .protopnav li { float: left; font-size: 14px; }
.ny_title .protopnav li:before { content: "|"; display: inline-block; font-size: 14px; color: #333; }
.ny_title .protopnav li a { padding: 0 26px; color: #333; transition: all 0.12s; }
.ny_title .protopnav li:first-child:before { content: ""; display: none; }
.ny_title .protopnav li:hover a, .ny_title .protopnav li.active a { color: #b5544e; font-weight: bold; }

.procate { padding: 50px 0 80px; background: #fff; }
.procate-box { margin-top: 30px; padding: 42px 40px; background: #fafafa; }
.procate-box li { padding: 10px 0; font-size: 14px; line-height: 28px; }
.procate-box li span { color: #333; }
.procate-box li a { display: inline-block; margin: 0 16px; color: #777; transition: all 0.12s; }
.procate-box li a.active, .procate-box li a:hover { color: #b5544e; }
.procate-box li a:hover { text-decoration: underline; }

.productList { padding: 30px 0 50px; border-bottom: 1px solid #ccc; }
.productList > div { margin-left: -30px; }
.productList > div:after { content: ""; display: block; height: 0; clear: both; }
.productList a { float: left; margin-top: 30px; margin-left: 30px; width: 380px; }
.productList a div { height: 282px; overflow: hidden; transition: all 0.2s; }
.productList a div img { width: 100%; height: 100%; }
.productList a p { margin-top: 22px; height: 38px; font-size: 20px; color: #333; font-weight: bold; text-align: center; line-height: 38px; transition: all 0.12s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productList a:hover div { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.productList a:hover p { color: #b5544e; }

.pagination { margin-top: 60px; font-size: 0; text-align: center; }
.pagination li { display: inline-block; margin: 0 5px; height: 50px; text-align: center; cursor: pointer; }
.pagination li a { transition: all 0.2s; }
.pagination li a, .pagination li span { display: inline-block; padding: 0 20px; font-size: 18px; color: #3c3c3b; font-family: "OpenSans"; line-height: 50px; background: #fafafa; }
.pagination li:hover a { background: #b5544e; color: #ffffff; }
.pagination li.active span { background: #b5544e; color: #ffffff; }
.pagination li.disabled span { color: #cccccc; }
.pagination li.disabled:hover span { background: #fafafa; color: #cccccc; }

.probread { padding-top: 50px; }
.probread .breadcrumb { margin-top: 42px; height: 40px; font-size: 14px; color: #777; line-height: 40px; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.probread .breadcrumb a { color: #777; transition: all 0.12s; }
.probread .breadcrumb a:hover { color: #b5544e; }

.showproBox { margin-top: 30px; }
.showproBox .nymain { padding-top: 60px; border-top: 1px solid #e5e5e5; }
.showproBox .nymain:after { content: ""; display: block; height: 0; clear: both; }
.showproBox .nymain > .fr { width: 500px; }
.showproBox #proDeTopL { position: relative; width: 640px; height: 635px; }
.showproBox #proDeTopL #ban_pic1 { position: relative; width: 640px; height: 475px; overflow: hidden; }
.showproBox #proDeTopL #ban_pic1 > ul { position: absolute; }
.showproBox #proDeTopL #ban_pic1 > ul > li { width: 640px; height: 475px; }
.showproBox #proDeTopL #ban_pic1 > ul > li img { width: 100%; height: 100%; }
.showproBox #proDeTopL #ban_pic1 .iconfont { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; font-size: 22px; color: #ffffff; text-align: center; line-height: 30px; cursor: pointer; transition: all 0.16s; }
.showproBox #proDeTopL #ban_pic1 .iconfont:hover { color: #b5544e; }
.showproBox #proDeTopL #ban_pic1 #prev2 { left: 12px; }
.showproBox #proDeTopL #ban_pic1 #next2 { right: 12px; }
.showproBox #proDeTopL .min_pic { position: absolute; left: 0; right: 0; bottom: 0; height: 158px; }
.showproBox #proDeTopL #ban_num1 { position: absolute; left: 0px; right: 0px; top: 0; padding: 20px 0 30px; height: 108px; overflow: hidden; }
.showproBox #proDeTopL #ban_num1 > ul { position: relative; }
.showproBox #proDeTopL #ban_num1 li { margin-right: 20px; width: 145px; height: 108px; position: relative; background: #000; transition: all 0.2s; }
.showproBox #proDeTopL #ban_num1 li img { width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.2s; }
.showproBox #proDeTopL #ban_num1 li.on { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3); }
.showproBox #proDeTopL #ban_num1 li.on img { opacity: 1; filter: alpha(opacity=100); }
.showproBox .showproBoxTop { margin-top: -9px; }
.showproBox .showproBoxTop h4 { font-size: 24px; color: #333; font-weight: bold; line-height: 1.4; }
.showproBox .showproBoxTop p { font-size: 14px; color: #777; line-height: 1.5; }
.showproBox .showproBoxlist { margin-top: 15px; }
.showproBox .showproBoxlist:after { content: ""; display: block; height: 0; clear: both; }
.showproBox .showproBoxlist li { padding: 10px 12px 10px 34px; min-width: 33.3333%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }
.showproBox .showproBoxlist li img { position: absolute; left: 0; top: 10px; width: 24px; height: 24px; }
.showproBox .showproBoxlist li span { font-size: 14px; color: #777; line-height: 24px; }
.showproBox .showproBoxbot { margin-top: 30px; padding: 10px; border: 1px solid #ccc; border-left: 7px solid #b5544e; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.showproBox .showproBoxbot { line-height: 25px; font-size: 15px; color: #777; text-align: left; }
/*.showproBox .showproBoxbot > div { position: relative; margin-top: 26px;  margin-top: 6px; height: 22px; line-height: 22px; font-size: 14px; color: #777; text-align: center; }
.showproBox .showproBoxbot > div:first-child { margin-top: 0; }
.showproBox .showproBoxbot > div span { position: absolute; left: 0; top: 0; font-size: 14px; color: #777; line-height: 1; }
.showproBox .showproBoxbot > div ul { padding-left: 62px; }
.showproBox .showproBoxbot > div ul:after { content: ""; display: block; height: 0; clear: both; }
.showproBox .showproBoxbot > div ul li { margin: 0 10px; width: 70px; float: left; }
.showproBox .showproBoxbot > div ul div { width: 70px; height: 70px; }
.showproBox .showproBoxbot > div ul img { width: 100%; height: 100%; }
.showproBox .showproBoxbot > div ul p { margin-top: 6px; height: 22px; line-height: 22px; font-size: 14px; color: #777; text-align: center; }*/
.showproBox .showproLink { display: block; margin-top: 60px; width: 180px; height: 50px; background: #b5544e; font-size: 16px; color: #fff; text-align: center; line-height: 50px; }

.showproCon { margin-top: 80px; padding-bottom: 120px; }
.showproCon-tit { height: 50px; background: #fafafa; position: relative; }
.showproCon-tit:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ccc; }
.showproCon-tit span { display: inline-block; vertical-align: top; width: 180px; height: 100%; background: #b5544e; line-height: 50px; font-size: 16px; color: #fff; text-align: center; }
.showproCon-cnt { margin-top: 50px; font-size: 16px; color: #777; line-height: 32px; }
.showproCon-cnt img { display: inline-block; max-width: 100%; }

.briefBox { padding: 50px 0 60px; background: #fff; }
.briefBox .ny_title { height: auto; }
.briefBox .ny_title .fl { float: none; }
.briefBox .ny_title h4 { color: #1e1e1e; }
.briefBox .ny_title:after { content: ""; display: block; margin-top: 30px; width: 80px; height: 4px; background: #b5544e; }
.briefBox-text { margin-top: 50px; font-size: 16px; color: #777; line-height: 25px; }
.briefBox-text img { display: inline-block; max-width: 100%; }
.briefBox-bot { margin-top: 30px; }
.briefBox-bot:after { content: ""; display: block; height: 0; clear: both; }
.briefBox-bot li { padding: 0 58px; font-size: 20px; color: #333; line-height: 76px; font-family: "SansCN-Bold"; width: 33.33333%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.briefBox-bot li + li { text-align: center; }
.briefBox-bot li + li + li { text-align: right; }
.briefBox-bot i { font-size: 60px; color: #b5544e; font-style: normal; font-family: "SansCN-Bold"; }
.briefBox-bot span { color: #b5544e; font-family: "SansCN-Bold"; }
.briefBox-img { margin-top: 24px; }
.briefBox-img img { width: 100%; }

.about-section { border-top: 1px solid #ccc; position: relative; }

.culture { padding: 50px 0 80px; }
.culture #culture { position: absolute; left: 0; top: -80px; }
.culture .nymain:after { content: ""; display: block; height: 0; clear: both; }
.culture .nymain > .fl { width: 600px; }
.culture .nymain > .fr { width: 540px; }
.culture .nymain > .fr img { width: 100%; }
.culture .ny_title { height: auto; }
.culture .ny_title .fl { float: none; }
.culture-text { margin-top: 26px; font-size: 16px; color: #777; line-height: 25px; }

.development { padding: 50px 0 80px; }
.development #development { position: absolute; left: 0; top: -80px; }
.development .ny_title { height: auto; }
.development .ny_title .fl { float: none; }
.development #developmentBox { margin-top: 20px; padding-top: 10px; height: 380px; }
.development .swiper-slide { position: relative; height: 310px; background: #fafafa; transition: all 0.2s; }
.development .swiper-slide > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); transition: all 0.2s; }
.development .swiper-slide > div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 60px 40px 30px; }
.development .swiper-slide .developmentBox-tit { font-size: 20px; line-height: 60px; font-weight: bold; color: #b5544e; height: 73px; transition: all 0.12s; }
.development .swiper-slide .developmentBox-tit span { font-size: 60px; }
.development .swiper-slide .developmentBox-text { margin-top: 16px; font-size: 18px; color: #777; line-height: 24px; transition: all 0.12s; }
.development .swiper-slide:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.development .swiper-slide:hover > img { opacity: 1; filter: alpha(opacity=100); }
.development .swiper-slide:hover .developmentBox-tit, .development .swiper-slide:hover .developmentBox-text { color: #fff; }
.development .swiper-scrollbar { bottom: 0; height: 10px; border-radius: 5px; background: #fafafa; }
.development .swiper-scrollbar-drag { background: #b5544e; border-radius: 5px; }

.honor { padding: 50px 0 70px; }
.honor #honor { position: absolute; left: 0; top: -80px; }
.honor .ny_title { overflow: initial; }
.honor .ny_title .fr { margin-top: 18px; }
.honor .ny_title .fr .iconfont { float: left; margin-left: 10px; width: 48px; height: 48px; border: 1px solid #ccc; line-height: 48px; border-radius: 100%; font-size: 16px; color: #222; text-align: center; cursor: pointer; transition: all 0.16s; }
.honor .ny_title .fr .iconfont:hover { background: #b5544e; border: 1px solid #b5544e; color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.honor #honorcon { margin-top: 12px; padding: 10px 10px 0; height: 430px; }
.honor .swiper-slide > div { height: 380px; background: #fafafa; transition: all 0.02s; }
.honor .swiper-slide > div img { width: 100%; height: 100%; }
.honor .swiper-slide p { margin-top: 12px; height: 38px; font-size: 20px; color: #333; font-weight: bold; text-align: center; line-height: 38px; overflow: hidden; transition: all 0.12s; }
.honor .swiper-slide:hover > div { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.honor .swiper-slide:hover p { color: #b5544e; }

.partnerBox { padding: 50px 0 100px; background: #fff; }
.partnerBox .partnerList { margin-left: -30px; padding-top: 20px; }
.partnerBox .partnerList:after { content: ""; display: block; height: 0; clear: both; }
.partnerBox .partnerList .fl { margin-top: 30px; margin-left: 30px; width: 214px; height: 124px; border: 1px solid #e6e6e6; position: relative; cursor: pointer; transition: all 0.2s; }
.partnerBox .partnerList .fl img { width: 100%; height: 100%; }
.partnerBox .partnerList .fl > div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 12px; background: #b5544e; text-align: center; opacity: 0; filter: alpha(opacity=0); font-size: 0; transition: all 0.2s; }
.partnerBox .partnerList .fl > div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.partnerBox .partnerList .fl > div div { display: inline-block; width: 100%; font-size: 16px; vertical-align: middle; color: #fff; line-height: 1.5; }
.partnerBox .partnerList .fl:hover { border: 1px solid #b5544e; }
.partnerBox .partnerList .fl:hover > div { opacity: 1; filter: alpha(opacity=100); }

.contactBox { padding: 50px 0 80px; }
.contactBox-cnt { margin-top: 50px; }
.contactBox-cnt:after { content: ""; display: block; height: 0; clear: both; }
.contactBox-cnt > .fl { padding: 54px 60px 0; width: 310px; height: 444px; border: 1px solid #ccc; }
.contactBox-cnt > .fr { padding: 9px; width: 718px; height: 480px; border: 1px solid #ccc; }
.contactBox-lefttext h4 { font-size: 28px; color: #333; line-height: 38px; font-weight: normal; font-family: "SansCN-Medium"; }
.contactBox-lefttext p { font-size: 14px; color: #333; line-height: 1; font-family: "OpenSans"; text-transform: uppercase; }
.contactBox-lefttext ul { margin-top: 24px; }
.contactBox-lefttext li { padding: 4px 0; font-size: 14px; color: #777; line-height: 22px; }
.contactBox-leftimg { font-size: 0; margin-top: 22px; text-align: center; }
.contactBox-leftimg > div { display: inline-block; width: 140px; margin-left: 30px; }
.contactBox-leftimg > div:first-child { margin-left: 0; }
.contactBox-leftimg > div div { width: 138px; height: 138px; border: 1px solid #cccc; }
.contactBox-leftimg > div img { width: 100%; height: 100%; }
.contactBox-leftimg > div p { height: 32px; font-size: 14px; color: #666; line-height: 32px; }
.contactBox #map { width: 100%; height: 100%; }
.contactBox #map img { display: inline-block; max-width: initial; }
.contactBox #map .anchorBL { display: none; }
.contactBox #map .BMap_bubble_title { font-size: 16px; }
.contactBox #map .BMap_bubble_content { margin-top: 6px; font-size: 14px; }

.message { padding-bottom: 80px; background: #fff; }
.message .nymain { padding-top: 60px; border-top: 1px solid #ccc; }
.message form { padding-top: 16px; }
.message-item { margin-top: 20px; height: 60px; }
.message-item.last { height: 150px; }
.message-item > div { position: relative; height: 100%; }
.message-item > div span { position: absolute; left: 0; top: 0; font-size: 16px; color: #777; line-height: 60px; }
.message-item > div input, .message-item > div textarea { display: block; width: 100%; height: 100%; border-bottom: 1px solid #ccc; padding-left: 92px; font-size: 16px; color: #333; line-height: 60px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: all 0.2s; }
.message-item > div input:focus, .message-item > div textarea:focus { border-bottom: 2px solid #b5544e; }
.message-item > div textarea { padding-top: 20px; line-height: 1.5; border-width: 0; border-radius: 0; background-color: transparent; border-bottom: 1px solid #ccc; resize: none; }
.message-item > div textarea:focus { border-bottom: 2px solid #b5544e !important; }
.message-item .fl, .message-item .fr { width: 585px; }
.message button { display: block; margin: 40px auto 0; width: 180px; height: 50px; background: #b5544e; font-size: 16px; color: #fff; text-align: center; line-height: 50px; cursor: pointer; }

.newsList { padding: 30px 0 10px; border-bottom: 1px solid #ccc; }
.newsList:after { content: ""; display: block; height: 0; clear: both; }
.newsList a { float: left; margin-top: 10px; padding: 10px; padding-bottom: 36px; width: 380px; transition: all 0.2s; }
.newsList a .news-itemimg { height: 240px; }
.newsList a .news-itemimg img { width: 100%; height: 100%; }
.newsList a:hover { background: #b5544e; }
.newsList a:hover .news-itemtit .fl, .newsList a:hover .news-itemtit .fr, .newsList a:hover .news-itemdata, .newsList a:hover .news-itemtext { color: #fff; }
.newsList a:hover .news-itemdata { opacity: 0.5; filter: alpha(opacity=50); }
.newsList a:hover .news-itemtext { opacity: 0.8; filter: alpha(opacity=80); }
.newsList .news-itemtit { margin-top: 25px; height: 30px; line-height: 30px; }
.newsList .news-itemtit .fl { max-width: 340px; height: 100%; font-size: 20px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.12s; }
.newsList .news-itemtit .fr { font-size: 20px; color: #777; transition: all 0.12s; }
.newsList .news-itemdata { margin-top: 10px; height: 22px; font-size: 14px; color: #777; line-height: 22px; font-family: "OpenSans"; transition: all 0.12s; }
.newsList .news-itemtext { margin-top: 18px; height: 72px; font-size: 14px; color: #777; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all 0.12s; }

.shownews { padding-bottom: 80px; background: #fafafa; }
.shownews-box { margin-top: 30px; padding: 50px 40px; background: #fff; }
.shownews-box-tit { padding-bottom: 30px; border-bottom: 1px dashed #ccc; text-align: center; }
.shownews-box-tit h4 { font-size: 36px; color: #333; line-height: 54px; font-family: "SansCN-Regular"; }
.shownews-box-tit div { line-height: 30px; }
.shownews-box-tit div span { padding: 0 10px; font-size: 14px; color: #777; font-family: "OpenSans"; }
.shownews-box-con { padding: 50px 0 80px; font-size: 16px; color: #777; line-height: 30px; }
.shownews-box-con img { display: inline-block; max-width: 100%; }
.shownews-box-bot { padding-top: 20px; border-top: 1px dashed #ccc; }
.shownews-box-bot:after { content: ""; display: block; height: 0; clear: both; }
.shownews-box-bot > div { float: left; max-width: 500px; height: 32px; font-size: 14px; color: #777; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shownews-box-bot > div a { color: #777; transition: all 0.12s; }
.shownews-box-bot > div + div { float: right; }
.shownews-box-bot > div:hover a { color: #b5544e; }

@media screen and (max-width: 1660px) { .header .topNav { margin-left: 80px; }
  .header .topNav li { padding: 0 22px; }
  .header .topNav li:hover:before, .header .topNav li.active:before { left: 22px; right: 22px; }
  .banner .swiper-container { height: 472.5px; }
  .banner .swiper-slide { height: 472.5px; }
  .newpro-cnt { margin-left: -28px; }
  .newpro-cnt a { margin-left: 28px; margin-top: 28px; width: 329px; }
  .newpro-cnt a div { height: 245px; }
  .about-cate li { height: 348px; }
  .youshi .swiper-container { height: 438px; }
  .youshi .swiper-slide { height: 438px; }
  .youshi-cnt-tit { margin-top: 40px; }
  .youshi-cnt-text { margin-top: 40px; min-height: 192px; }
  .youshi-btn { margin-top: 20px; }
  .partner-cnt .fl img { height: 123px; } }
@media screen and (max-width: 1460px) { .header .topNav { margin-left: 40px; }
  .header .topNav li { padding: 0 16px; }
  .header .topNav li:hover:before, .header .topNav li.active:before { left: 16px; right: 16px; }
  .header form { width: 230px; }
  .header form.active > div { width: 180px; }
  .banner .swiper-container { height: 405px; }
  .banner .swiper-slide { height: 405px; }
  .newpro-cnt { margin-left: -24px; }
  .newpro-cnt a { margin-left: 24px; margin-top: 24px; width: 282px; }
  .newpro-cnt a div { height: 210px; }
  .about-cate li { height: 299px; }
  .about-cate-middle p { margin-top: 20px; }
  .youshi .swiper-container { height: 375px; }
  .youshi .swiper-slide { height: 375px; }
  .youshi-cnt-tit { margin-top: 22px; padding-bottom: 18px; }
  .youshi-cnt-text { margin-top: 26px; font-size: 15px; line-height: 28px; min-height: 196px; }
  .partner-cnt .fl img { height: 105px; }
  .partner-cnt .fl > div div { font-size: 14px; }
  .footerTop .footimg > div { width: 100px; } }