@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; }

/*启动页*/
.qidong-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; min-width: 1200px; }
.qidong-box:before, .qidong-box:after { content: ""; display: block; position: absolute; top: 0; width: 50%; height: 100%; }
.qidong-box:before { left: 0; background: #ffffff; }
.qidong-box:after { right: 0; background: #b5544e; }
.qidong-box .main { display: inline-block; font-size: 0; position: relative; z-index: 2; }
.qidong-box .main:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.qidong-box-left, .qidong-box-right { display: inline-block; vertical-align: middle; width: 25%; text-align: center; }
.qidong-box-left img, .qidong-box-right img { margin: 0 auto; width: 60px; height: 60px; }
.qidong-box-left h4, .qidong-box-right h4 { margin-top: 26px; font-size: 28px; color: #1d1d1d; line-height: 44px; font-weight: normal; font-family: "SansCN-Bold"; }
.qidong-box-left p, .qidong-box-right p { font-size: 16px; color: #999999; line-height: 32px; font-family: "SansCN-Regular"; }
.qidong-box-left a, .qidong-box-right a { display: block; margin: 40px auto 0; width: 150px; height: 46px; background: #b5544e; font-size: 16px; color: #ffffff; line-height: 46px; border-radius: 3px; font-family: "SansCN-Bold"; }
.qidong-box-right h4, .qidong-box-right p { color: #ffffff; }
.qidong-box-right a { background: #ffffff; color: #333333; }
.qidong-box-center { display: inline-block; vertical-align: middle; width: 50%; }
.qidong-box-center > div { display: inline-block; vertical-align: middle; position: relative; }
.qidong-box-center > div div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; transition: all 0.5s; }
.qidong-box-center > div div:after { content: ""; display: block; position: absolute; left: -9px; top: 50%; width: 18px; height: 18px; background: #2ca2c0; margin-top: -9px; border-radius: 100%; }
.qidong-box-center > div div.right { transform: rotate(-180deg); }
.qidong-box-center img { position: relative; margin: 0 auto; width: 520px; padding: 44px; border: 1px solid #d5d5d5; border-radius: 100%; }

/*头部导航*/
.header { position: fixed; left: 0; top: 0; width: 100%; height: 90px; background: #fff; min-width: 1200px; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2); z-index: 10; }
.header .logo { margin-top: 20px; height: 44px; }
.header .logo img { height: 100%; }
.header .topNav { margin-left: 74px; height: 100%; line-height: 90px; }
.header .topNav li { position: relative; float: left; padding: 0 20px; }
.header .topNav li a { font-size: 15px; color: #333; transition: all 0.12s; }
.header .topNav li:before { content: ""; display: block; position: absolute; bottom: 26px; left: 50%; right: 50%; margin: 0 auto; height: 2px; 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: 20px; right: 20px; }
.header form { margin-top: 25px; width: 300px; height: 40px; background: #f5f5f5; border-radius: 4px; overflow: hidden; }
.header form > div { position: relative; float: left; padding-left: 8px; width: 230px; height: 100%; }
.header form > div input { width: 100%; height: 100%; font-size: 14px; color: #333333; line-height: 40px; }
.header form > div span { position: absolute; left: 8px; top: 0; font-size: 14px; color: #999999; line-height: 40px; display: none; }
.header form button { float: right; width: 60px; height: 100%; cursor: pointer; line-height: 40px; text-align: center; transition: all 0.2s; }
.header form button span { font-size: 20px; color: #999999; transition: all 0.2s; }
.header form button:hover { background: #b5544e; }
.header form button:hover span { color: #ffffff; }

/*banner*/
.banner { margin-top: 90px; width: 100%; height: 750px; }
.banner .swiper-slide { display: block; width: 100%; height: 750px; }
.banner .swiper-pagination { position: absolute; font-size: 0; line-height: 12px; left: 0; bottom: 135px; width: 100%; z-index: 2; text-align: center; }
.banner .swiper-pagination .swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 12px; vertical-align: middle; cursor: pointer; background: #ffffff; opacity: 0.3; filter: alpha(opacity=30); }
.banner .swiper-pagination .swiper-active-switch { opacity: 1; filter: alpha(opacity=100); }

/*首页 -- 产品分类*/
.index-procate { margin-top: -104px; position: relative; z-index: 2; }
.index-procate .main { padding: 30px 0; border: 1px solid #e6e6e6; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #ffffff; }
.index-procate .main:after { content: ""; display: block; height: 0; clear: both; }
.index-procate li { position: relative; float: left; width: 14.2857%; height: 154px; text-align: center; font-size: 0; }
.index-procate li:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.index-procate li:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e6e6e6; }
.index-procate li:first-child:after { display: none; }
.index-procate li a { display: inline-block; width: 100%; vertical-align: middle; }
.index-procate li a:hover .iconfont, .index-procate li a:hover div, .index-procate li a:hover p { color: #b5544e; }
.index-procate li .iconfont { font-size: 70px; color: #999999; line-height: 1; transition: all 0.16s; }
.index-procate li div { margin-top: 15px; height: 26px; font-size: 18px; color: #333333; line-height: 26px; font-family: "SansCN-Light"; transition: all 0.16s; }
.index-procate li p { height: 24px; font-size: 14px; color: #333333; line-height: 24px; font-family: "SansCN-Light"; transition: all 0.16s; }

/*首页 -- 新品上市*/
.sec_title { text-align: center; }
.sec_title p { font-size: 40px; color: #3c3c3b; line-height: 60px; font-style: italic; font-family: "OpenSans"; }
.sec_title div { height: 42px; font-size: 0; line-height: 42px; }
.sec_title div:before, .sec_title div:after { content: ""; display: inline-block; width: 5px; height: 5px; background: #929292; border-radius: 50%; vertical-align: middle; }
.sec_title div span { display: inline-block; padding: 0 20px; font-size: 24px; color: #3c3c3b; font-family: "SansCN-Regular"; vertical-align: middle; }

.more-btn { display: block; margin: 40px auto 0; width: 148px; height: 38px; line-height: 38px; border: 1px solid #b5544e; font-size: 14px; color: #3c3c3b; text-align: center; font-family: "OpenSans"; text-transform: uppercase; transition: all 0.16s; }
.more-btn:hover { background: #b5544e; color: #ffffff; }

.newpro { padding: 50px 0 60px; background: #fff; }
.newpro-cnt:after { content: ""; display: block; height: 0; clear: both; }
.newpro .fl { width: 513px; }
.newpro .fr { width: 1086px; }
.newpro .fr:after { content: ""; display: block; height: 0; clear: both; }
.newpro .fr > div { float: left; }
.newpro .mask { position: absolute; top: 6px; bottom: 6px; left: 6px; right: 6px; font-size: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.2s; }
.newpro .mask:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.newpro .mask:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #ffffff; opacity: 0.3; filter: alpha(opacity=30); }
.newpro .mask > div { display: inline-block; width: 80%; vertical-align: middle; position: relative; z-index: 2; }
.newpro .mask p { font-size: 24px; color: #ffffff; font-family: "SansCN-Light"; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newpro .mask a { display: block; margin: 80px auto 0; width: 120px; height: 32px; background: #b5544e; font-size: 16px; color: #ffffff; line-height: 32px; font-family: "OpenSans"; transition: all 0.2s 0.06s; }
.newpro .newpro_cntitem { margin-top: 30px; margin-left: 30px; width: 513px; height: 350px; position: relative; text-align: center; }
.newpro .newpro_cntitem.fl { margin-left: 0; height: 730px; }
.newpro .newpro_cntitem.fl .mask > div { margin-top: 50%; }
.newpro .newpro_cntitem.fl .mask a { margin-top: 258px; }
.newpro .newpro_cntitem img { width: 100%; height: 100%; }
.newpro .newpro_cntitem:hover .mask { top: 20px; bottom: 20px; left: 20px; right: 20px; opacity: 1; filter: alpha(opacity=100); }
.newpro .newpro_cntitem:hover .mask a { margin-top: 30px; }
.newpro .newpro_cntitem:hover.fl .mask a { margin-top: 188px; }

/*首页 -- 关于大洋*/
.about { background: #ffffff; }
.about .main { height: auto; }
.about .about-top { padding: 50px 0 60px; background: url(../images/back1.jpg) no-repeat center; background-size: cover; }
.about .sec_title p { color: #ffffff; }
.about .sec_title div span { color: #ffffff; }
.about .sec_title div:before, .about .sec_title div:after { background: #ffffff; opacity: 0.5; filter: alpha(opacity=50); }
.about .about_cntTit:before { content: ""; display: block; width: 80px; height: 1px; background: #ffffff; }
.about .about_cntTit h4 { margin-top: 16px; font-size: 28px; color: #fff; line-height: 36px; font-family: "SansCN-Medium"; }
.about .about_cntTit p { font-size: 14px; color: #ffffff; line-height: 16px; font-family: "OpenSans"; text-transform: uppercase; }
.about .about_cntCnt { margin: 16px 0 60px; font-size: 15px; color: #ffffff; line-height: 30px; height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.about .about_cnt { position: relative; margin: 32px auto 0; width: 92.5%; background: #bd6560; }
.about .about_cnt:after { content: ""; display: block; height: 0; clear: both; }
.about .about_cnt .fl { padding-left: 60px; padding-top: 60px; width: 49%; }
.about .about_cnt .fl a { font-size: 14px; color: #ffffff; line-height: 22px; font-family: "SansCN-Light"; }
.about .about_cnt .fl a .iconfont { padding-left: 20px; font-size: 10px; vertical-align: top; line-height: 16px; }
.about .about_cnt .fr { width: 600px; height: 390px; }
.about .about_cnt .fr img { width: 100%; min-height: 100%; }
.about .about-cate { padding: 60px 0; }
.about .about-cate:after { content: ""; display: block; height: 0; clear: both; }
.about .about-cateitem { position: relative; width: 33.33333%; float: left; text-align: center; }
.about .about-cateitem:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e6e6e6; }
.about .about-cateitem:first-child:before { width: 0px; }
.about .about-cateitem:first-child a { background: #b5544e; color: #ffffff; }
.about .about-cateitem:first-child a:hover { background: #ffffff; color: #b5544e; }
.about .about-cateitem:first-child + div + div a { background: #b5544e; color: #ffffff; }
.about .about-cateitem:first-child + div + div a:hover { background: #ffffff; color: #b5544e; }
.about .about-cateitem div { margin: 0 auto; width: 81%; height: 260px; overflow: hidden; }
.about .about-cateitem img { width: 100%; height: 100%; transition: all 0.26s; }
.about .about-cateitem h5 { margin: 33px auto 0; width: 81%; font-size: 20px; color: #1e1e1e; line-height: 34px; font-family: "SansCN-Regular"; }
.about .about-cateitem p { margin: 8px auto 0; width: 81%; font-size: 14px; color: #666666; line-height: 22px; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.about .about-cateitem a { margin: 60px auto 0; width: 138px; height: 34px; line-height: 34px; color: #b5544e; }
.about .about-cateitem a:hover { color: #ffffff; }
.about .about-cateitem:hover div img { transform: scale(1.08); }

/*首页 -- 大洋杂志*/
.magazine .main { position: relative; padding-top: 60px; border-top: 1px solid #e6e6e6; }
.magazine .main > a { position: absolute; bottom: 0; right: 0; width: 12px; height: 158px; background: url(../images/magamore.png) no-repeat center; background-size: 100% 100%; }
.magazine .sec_title { position: absolute; left: 0; top: 60px; font-size: 0; }
.magazine .sec_title img { display: inline-block; width: 40px; vertical-align: middle; }
.magazine .sec_title div { display: inline-block; width: 60px; vertical-align: middle; height: auto; }
.magazine .sec_title div:before, .magazine .sec_title div:after { display: block; margin: 0 auto; }
.magazine .sec_title div span { display: block; padding: 18px 17px; line-height: 1.2; }
.magazine .magazine_cnt { padding-left: 122px; padding-right: 70px; }
.magazine .swiper-container { height: 600px; }
.magazine .swiper-slide { height: 600px; position: relative; }
.magazine .swiper-slide img { width: 100%; height: 100%; }
.magazine .magazine_cnt-text { position: absolute; bottom: 15px; left: 7%; width: 86%; }
.magazine .magazine_cnt-text h5 { height: 28px; font-size: 20px; color: #ffffff; line-height: 28px; font-family: "SansCN-Bold"; font-weight: normal; padding-bottom: 16px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.magazine .magazine_cnt-text h5:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ffffff; opacity: 0.3; filter: alpha(opacity=30); }
.magazine .magazine_cnt-text p { padding-top: 15px; padding-right: 190px; height: 66px; font-size: 14px; color: #ffffff; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; position: relative; }
.magazine .magazine_cnt-text:after { content: ""; display: block; position: absolute; top: 44px; bottom: -15px; right: 160px; width: 1px; background: #ffffff; opacity: 0.3; filter: alpha(opacity=30); }
.magazine-btn { position: absolute; right: 7%; bottom: 20px; }
.magazine-btn span { float: left; margin-left: 20px; width: 58px; height: 58px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100%; font-size: 20px; color: #ffffff; text-align: center; line-height: 58px; cursor: pointer; transition: all 0.16s; }
.magazine-btn span:hover { background: #b5544e; color: #ffffff; border: 1px solid #b5544e; }

/*首页 -- 合作伙伴*/
.partner { padding: 50px 0 45px; }
.partner .partner_cnt { padding-top: 15px; margin-left: -30px; }
.partner .partner_cnt:after { content: ""; display: block; height: 0; clear: both; }
.partner .partner_cnt div { float: left; margin: 15px 0; margin-left: 30px; width: 238px; height: 118px; border: 1px solid #e6e6e6; transition: all 0.16s; cursor: pointer; }
.partner .partner_cnt div img { width: 100%; height: 100%; }
.partner .partner_cnt div:hover { border: 1px solid #b5544e; }

/*底部*/
.footerTop { padding: 60px 0 45px; background: #f5f5f5; }
.footerTop .main:after { content: ""; display: block; height: 0; clear: both; }
.footerTop .footnav:after { content: ""; display: block; height: 0; clear: both; }
.footerTop .footnav > li { float: left; margin-left: 96px; max-width: 290px; }
.footerTop .footnav > li:first-child { margin-left: 0; }
.footerTop .footnav > li h5 { font-size: 18px; color: #3c3c3b; line-height: 1; }
.footerTop .footnav > li ul { margin-top: 10px; }
.footerTop .footnav > li li { font-size: 14px; color: #666666; line-height: 30px; }
.footerTop .footnav > li a { color: #666666; transition: all 0.12; }
.footerTop .footnav > li a:hover { color: #b5544e; }
.footerTop .footimg { width: 270px; }
.footerTop .footimg:after { content: ""; display: block; height: 0; clear: both; }
.footerTop .footimg h5 { font-size: 18px; color: #3c3c3b; line-height: 1; }
.footerTop .footimg h5 + div { margin-left: 0; }
.footerTop .footimg div { float: left; margin-top: 20px; margin-left: 30px; width: 120px; background: #ffffff; border-radius: 4px; overflow: hidden; padding-bottom: 6px; }
.footerTop .footimg div img { width: 120px; height: 120px; }
.footerTop .footimg div p { font-size: 14px; color: #666666; line-height: 24px; text-align: center; }

.footerBot { padding: 19px 0; font-size: 14px; color: #666666; line-height: 22px; }
.footerBot .main:after { content: ""; display: block; height: 0; clear: both; }
.footerBot a { color: #666; transition: all 0.12s; }
.footerBot a:hover { color: #b5544e; }

/*产品列表页*/
.nbanner { margin-top: 90px; width: 100%; height: 500px; }
.nbanner .nymain { font-size: 0; }
.nbanner .nymain:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.nbanner .sec_title { display: inline-block; width: 100%; vertical-align: middle; }
.nbanner .sec_title p, .nbanner .sec_title div span { color: #ffffff; }
.nbanner .sec_title p { font-size: 48px; }
.nbanner .sec_title div { margin-top: 12px; }
.nbanner .sec_title div:before, .nbanner .sec_title div:after { width: 6px; height: 6px; background: #ffffff; }
.nbanner .sec_title div span { font-family: "SansCN-Light"; font-size: 30px; }
.nbanner .sec_title.left { text-align: left; padding: 0 50px; width: 1100px; }

.procate { margin-top: 30px; }
.procate .nymain { padding: 40px 49px; border: 1px solid #f7f7f7; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.procate-tit { margin-left: -18px; padding-left: 13px; height: 30px; border-left: 5px solid #b5544e; font-size: 30px; color: #3c3c3b; line-height: 30px; font-family: "SansCN-Light"; }
.procate ul { margin-top: 30px; }
.procate li { padding: 10px 0; border-bottom: 1px dashed #e6e6e6; color: #3c3c3b; line-height: 36px; }
.procate li span { padding-right: 6px; font-size: 16px; }
.procate li a { display: inline-block; padding: 0 24px; color: #3c3c3b; font-size: 14px; transition: all 0.12s; }
.procate li a:hover, .procate li a.active { color: #b5544e; }
.procate li.active span { color: #b5544e; }

.productCon { padding-bottom: 60px; }
.productCon .productList { margin-left: -30px; }
.productCon .productList:after { content: ""; display: block; height: 0; clear: both; }
.productCon .productList > div { float: left; margin-left: 30px; margin-top: 38px; width: 380px; padding-top: 2px; height: 461px; }
.productCon .productList a { display: block; transition: all 0.2s linear; }
.productCon .productList a:hover { margin-top: -10px; box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.2); }
.productCon .productList a:hover .proitem-bot { border: 1px solid #b5544e; background: #b5544e; }
.productCon .productList a:hover .proitem-bot .fl div, .productCon .productList a:hover .proitem-bot .fl p { color: #ffffff; }
.productCon .productList a:hover .proitem-bot .fl p { opacity: 0.3; filter: alpha(opacity=30); }
.productCon .productList a:hover .proitem-bot .fr { color: #ffffff; border: 1px solid #e6e6e6; }
.productCon .proitem-img { height: 380px; overflow: hidden; }
.productCon .proitem-img img { min-height: 260px; }
.productCon .proitem-bot { padding: 20px 0; height: 40px; border: 1px solid #e6e6e6; border-top-width: 0px; transition: all 0.2s; }
.productCon .proitem-bot .fl { padding-left: 19px; height: 100%; max-width: 260px; margin-left: -1px; border-left: 3px solid #b5544e; }
.productCon .proitem-bot .fl div { height: 26px; font-size: 18px; color: #1e1e1e; line-height: 26px; font-family: "SansCN-Light"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.12s; }
.productCon .proitem-bot .fl p { height: 12px; font-size: 12px; color: #999999; line-height: 12px; font-family: "OpenSans"; text-transform: uppercase; transition: all 0.12s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productCon .proitem-bot .fr { margin-right: 30px; width: 38px; height: 38px; border-radius: 100%; border: 1px solid #e8e8e8; font-size: 20px; color: #999999; text-align: center; line-height: 38px; transition: all 0.12s; }

.pagination { margin-top: 40px; margin-left: -5px; font-size: 0; }
.pagination li { display: inline-block; margin: 0 5px; height: 50px; text-align: center; cursor: pointer; text-align: center; }
.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: #f5f5f5; }
.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: transparent; color: #cccccc; }

/*产品详情*/
.breadcrumb { margin-top: 90px; height: 60px; background: #f5f5f5; }
.breadcrumb .nymain { font-size: 14px; color: #666666; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumb a { color: #666666; transition: all 0.12s; }
.breadcrumb a:hover { color: #b5544e; }

.showproBox { padding: 60px 0 40px; background: #ffffff; }
.showproBox .nymain:after { content: ""; display: block; height: 0; clear: both; }
.showproBox .nymain > .fr { width: 540px; }
.showproBox #proDeTopL { position: relative; width: 600px; height: 770px; }
.showproBox #proDeTopL #ban_pic1 { position: relative; width: 600px; height: 600px; overflow: hidden; }
.showproBox #proDeTopL #ban_pic1 > ul { position: absolute; height: 600px !important; }
.showproBox #proDeTopL #ban_pic1 > ul > li { width: 600px; height: 600px; }
.showproBox #proDeTopL #ban_pic1 > ul > li img { width: 100%; height: 100%; }
.showproBox #proDeTopL .min_pic { position: absolute; left: 0; right: 0; bottom: 0; height: 145px; }
.showproBox #proDeTopL .min_pic .iconfont { position: absolute; top: 16px; width: 58px; height: 58px; border: 1px solid #e6e6e6; border-radius: 100%; font-size: 20px; color: #e6e6e6; text-align: center; line-height: 58px; cursor: pointer; transition: all 0.16s; }
.showproBox #proDeTopL .min_pic .iconfont:hover { background: #b5544e; color: #ffffff; border: 1px solid #b5544e; }
.showproBox #proDeTopL .min_pic #prev2 { left: 0; }
.showproBox #proDeTopL .min_pic #next2 { right: 0; }
.showproBox #proDeTopL #ban_num1 { position: absolute; left: 80px; right: 80px; top: 0; height: 100%; overflow: hidden; }
.showproBox #proDeTopL #ban_num1 > ul { position: relative; }
.showproBox #proDeTopL #ban_num1 li { margin-right: 20px; width: 133px; height: 133px; position: relative; }
.showproBox #proDeTopL #ban_num1 li img { width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); transition: all 0.2s; }
.showproBox #proDeTopL #ban_num1 li:after { content: ""; display: block; height: 0px; transition: all 0.2s; }
.showproBox #proDeTopL #ban_num1 li.on img { opacity: 1; filter: alpha(opacity=100); }
.showproBox #proDeTopL #ban_num1 li.on:after { position: absolute; bottom: -12px; left: 0; width: 100%; height: 2px; background: #b5544e; }
.showproBox .showproBoxTop { border-bottom: 1px solid #e6e6e6; }
.showproBox .showproBoxTop h4 { font-size: 30px; color: #1e1e1e; line-height: 1.5; font-weight: normal; font-family: "SansCN-Regular"; }
.showproBox .showproBoxTop > div { margin-top: 10px; padding-bottom: 30px; font-size: 14px; color: #999999; line-height: 24px; }
.showproBox .showproList { margin-top: 32px; font-size: 14px; line-height: 24px; color: #666666; }
.showproBox .showproList li { position: relative; padding: 3px 0; padding-left: 122px; font-size: 14px; line-height: 24px; color: #666666; }
.showproBox .showproList li span { position: absolute; left: 0; top: 3px; width: 122px; color: #333333; }
.showproBox .showproLink { margin-top: 30px; margin-left: -20px; }
.showproBox .showproLink a { float: left; margin-left: 20px; margin-top: 0; }
.showproBox .showproLink a:first-child { background: #b5544e; color: #ffffff; }
.showproBox .showproLink a + a { color: #b5544e; }
.showproBox .showproLink a + a:hover { color: #ffffff; }

.showproCon { padding-bottom: 80px; }
.showproCon-tit { padding: 12px 0 20px; border-bottom: 1px solid #e6e6e6; font-size: 30px; color: #3c3c3b; text-align: center; line-height: 1.5; font-family: "SansCN-Light"; }
.showproCon-cnt { padding-top: 30px; font-size: 16px; color: #666666; line-height: 30px; }
.showproCon-cnt img { display: inline-block; max-width: 100%; }

/*大洋画册*/
.ny_section { padding: 50px 0 60px; background: #ffffff; position: relative; }
.ny_section:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -60px; margin: 0 auto; width: 1px; height: 100px; background: #e6e6e6; }
.ny_section .ny_sectionTit { font-size: 30px; color: #3c3c3b; font-weight: normal; text-align: center; line-height: 48px; font-family: "SansCN-Light"; }

.albumBox .albumList { margin-left: -40px; }
.albumBox .albumList:after { content: ""; display: block; height: 0; clear: both; }
.albumBox .albumList a { float: left; width: 580px; margin-top: 40px; margin-left: 40px; position: relative; transition: all 0.2s; }
.albumBox .albumList a:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); }
.albumBox .albumList a:hover .album-img img { transform: scale(1.08); }
.albumBox .albumList a:hover .album-con div, .albumBox .albumList a:hover .album-con .iconfont { color: #b5544e; }
.albumBox .album-img { height: 295px; overflow: hidden; }
.albumBox .album-img img { width: 100%; height: 100%; transition: all 0.26s; }
.albumBox .album-con { padding: 26px 28px 0; height: 200px; border: 1px solid #e6e6e6; border-top-width: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.albumBox .album-con div { height: 30px; font-size: 24px; color: #1e1e1e; line-height: 30px; font-family: "SansCN-Light"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 380px; transition: all 0.12s; }
.albumBox .album-con p { margin-top: 12px; height: 48px; font-size: 14px; color: #666666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.albumBox .album-con .iconfont { margin-top: 20px; font-size: 20px; color: #999999; line-height: 28px; display: inline-block; transition: all 0.12s; }
.albumBox .album-data { position: absolute; bottom: 147px; right: 30px; width: 110px; height: 110px; background: #b5544e; text-align: center; line-height: 1.1; color: #ffffff; font-style: italic; }
.albumBox .album-data div { padding-top: 10px; font-size: 60px; font-family: "OpenSans"; }
.albumBox .album-data p { font-size: 16px; font-family: "OpenSans"; }

/*关于我们*/
.briefBox { padding-bottom: 55px; }
.briefBox-cnt { margin-top: 30px; }
.briefBox-cnt:after { content: ""; display: block; height: 0; clear: both; }
.briefBox-cnt .fl { width: 580px; }
.briefBox-cnt .fr { width: 540px; }
.briefBox-cnt .fr img { width: 100%; }
.briefBox-tit:before { content: ""; display: block; width: 80px; height: 1px; background: #b5544e; }
.briefBox-tit h4 { margin-top: 16px; font-size: 28px; color: #1e1e1e; line-height: 34px; font-weight: normal; font-family: "SansCN-Medium"; }
.briefBox-tit p { font-size: 14px; color: #666666; line-height: 16px; font-family: "OpenSans"; text-transform: uppercase; }
.briefBox-titbot { margin-top: 50px; font-size: 20px; color: #1e1e1e; line-height: 1.5; font-family: "SansCN-Regular"; }
.briefBox-text { margin-top: 26px; font-size: 15px; color: #666; line-height: 25px; }

.culture { position: relative; padding-bottom: 60px; }
.culture #culture { position: absolute; left: 0; top: -120px; }
.culture .nymain { position: relative; border: 1px solid #e6e6e6; width: 1198px; }
.culture .nymain:after { content: ""; display: block; height: 0; clear: both; }
.culture .nymain:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; width: 1px; height: 100%; background: #e6e6e6; }
.culture-item { padding: 49px; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.culture-item > div { height: 260px; }
.culture-item-img { background: #b5544e; }
.culture-item-img img { width: 100%; height: 100%; }
.culture-item-text { padding: 30px 50px; background: #fafafa; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; font-size: 0; }
.culture-item-text:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.culture-item-text > div { display: inline-block; width: 100%; vertical-align: middle; }
.culture-item-text > div h4 { font-size: 20px; color: #1e1e1e; line-height: 1.5; font-family: "SansCN-Regular"; font-weight: normal; }
.culture-item-text > div p { margin-top: 10px; font-size: 15px; color: #666; line-height: 25px; max-height: 100px; overflow: hidden; }

.development { background: url(../images/back2.jpg) no-repeat center; background-size: cover; position: relative; }
.development #development { position: absolute; left: 0; top: -120px; }
.development:before { display: none; }
.development .deveyearbox { margin-top: 28px; position: relative; }
.development .deveyearbox .iconfont { position: absolute; top: 0px; width: 58px; height: 58px; border: 1px solid #999; border-radius: 100%; font-size: 20px; color: #999; text-align: center; line-height: 58px; cursor: pointer; transition: all 0.16s; }
.development .deveyearbox .iconfont:hover { background: #b5544e; color: #ffffff; border: 1px solid #b5544e; }
.development .deveyearbox #prev2 { left: 0; }
.development .deveyearbox #next2 { right: 0; }
.development #deveyearBox { width: 1040px; margin: 0 auto; height: 60px; position: relative; }
.development #deveyearBox:before { content: ""; display: block; position: absolute; top: 29px; left: 0; width: 100%; height: 0; border-bottom: 2px dashed #d0d0d0; }
.development .swiper-slide { width: 114px; height: 60px; text-align: center; z-index: 2; }
.development .swiper-slide p { height: 16px; font-size: 16px; color: #3c3c3b; line-height: 16px; font-family: "OpenSans"; font-style: italic; font-weight: bold; }
.development .swiper-slide div { margin: 7px auto 0; width: 12px; height: 12px; border: 1px solid #999; border-radius: 100%; }
.development .swiper-slide div span { display: block; margin: 3px auto; width: 6px; height: 6px; background: #999; border-radius: 100%; }
.development .swiper-slide img { margin: 7px auto 0; width: 25px; display: none; }
.development .swiper-slide-active p { color: #b5544e; }
.development .swiper-slide-active div { border: 1px solid #b5544e; }
.development .swiper-slide-active div span { background: #b5544e; }
.development .swiper-slide-active img { display: block; }
.development .developmentCon { margin-top: 40px; height: 390px; position: relative; }
.development .developmentCon:before { content: ""; display: block; width: 400px; height: 300px; background: #b5544e; position: absolute; left: 0; bottom: 0; }
.development .developmentCon ul { position: relative; width: 100%; height: 360px; }
.development .developmentCon ul li { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.development .developmentCon ul li.active { display: block; }
.development .developmentCon ul li .developmentImg { display: inline-block; vertical-align: middle; margin-left: 20px; width: 580px; height: 360px; background: #000; }
.development .developmentCon ul li .development-text { display: inline-block; vertical-align: middle; margin-left: 60px; width: 500px; }
.development .developmentCon ul li .development-text h5 { font-size: 48px; color: #b5544e; line-height: 1.3; font-family: "OpenSans"; font-style: italic; }
.development .developmentCon ul li .development-text > div { font-size: 18px; color: #3c3c3b; line-height: 1.5; font-family: "SansCN-Light"; }

.honor #honor { position: absolute; left: 0; top: -120px; }
.honor #honorcon { margin-top: 30px; height: 432px; }
.honor .swiper-slide { height: 380px; background: #b5544e; position: relative; }
.honor .swiper-slide img { position: absolute; top: 10px; left: 10px; width: 257.5px; height: 360px; }
.honor .swiper-slide p { position: absolute; left: 10px; width: 257.5px; bottom: 10px; height: 40px; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000'); font-size: 16px; color: #fff; text-align: center; line-height: 40px; overflow: hidden; }
.honor .swiper-pagination { bottom: 0; }
.honor .swiper-pagination-bullet { width: 12px; height: 12px; background: #b5544e; }

.partnerBox { padding-bottom: 100px; }

.partnerList { margin-left: -30px; }
.partnerList:after { content: ""; display: block; height: 0; clear: both; }
.partnerList > div { float: left; margin-left: 30px; margin-top: 30px; width: 214px; height: 106px; border: 1px solid #e6e6e6; transition: all 0.16s; }
.partnerList > div img { width: 100%; height: 100%; }
.partnerList > div:hover { border: 1px solid #b5544e; }

#map { margin-top: 90px; width: 100%; height: 600px; }
#map .anchorBL { display: none; }

.contactBox { padding-bottom: 80px; }
.contactBox-top { margin-top: 50px; padding: 40px; height: 187px; width: 1118px; border: 1px solid #e6e6e6; }
.contactBox-top .fl { padding: 0 60px; width: 516px; }
.contactBox-top .fl h4 { font-size: 28px; color: #1e1e1e; line-height: 1; font-weight: normal; font-family: "SansCN-Medium"; }
.contactBox-top .fl p { font-size: 14px; color: #3c3c3b; line-height: 24px; font-family: "OpenSans"; text-transform: uppercase; }
.contactBox-top .fl ul { margin-top: 22px; }
.contactBox-top .fl li { font-size: 14px; color: #666666; line-height: 30px; }
.contactBox-top-img { float: left; width: 240px; height: 100%; text-align: center; border-left: 1px solid #e6e6e6; }
.contactBox-top-img img { margin: 0 auto; width: 150px; height: 150px; }
.contactBox-top-img p { margin-top: 15px; font-size: 14px; color: #666; line-height: 20px; }
.contactBox-bot { margin-top: 60px; position: relative; height: 758px; width: 1198px; border: 1px solid #e6e6e6; }
.contactBox-bot > img { position: absolute; left: -1px; top: -1px; width: 600px; }
.contactBox-bot > div { float: right; width: 400px; margin-right: 99px; }
.contactBox-bot .mess-tit { margin-top: 48px; text-align: center; }
.contactBox-bot .mess-tit div { font-size: 30px; color: #3c3c3b; line-height: 48px; font-family: "SansCN-Light"; }
.contactBox-bot .mess-tit p { margin-top: 8px; font-size: 14px; color: #666; line-height: 20px; }
.contactBox-bot form { padding-top: 6px; }
.contactBox-bot form > div { margin-top: 20px; }
.contactBox-bot form span { display: block; height: 32px; font-size: 14px; color: #666; line-height: 32px; }
.contactBox-bot form span i { font-style: normal; color: #ff0000; }
.contactBox-bot form input { display: block; padding: 0 20px; height: 38px; width: 100%; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #333; line-height: 38px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contactBox-bot form textarea { display: block; padding: 10px 20px; width: 100%; height: 160px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 14px; color: #333; line-height: 1.5; resize: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contactBox-bot form button { display: block; margin-top: 40px; width: 100%; height: 40px; background: #b5544e; font-size: 14px; color: #fff; text-align: center; line-height: 40px; cursor: pointer; font-family: "SansCN-Regular"; }

.newscate { height: 60px; background: #f5f5f5; line-height: 60px; text-align: center; }
.newscate a { display: inline-block; vertical-align: top; width: 118px; height: 100%; position: relative; margin: 0 21px; font-size: 20px; color: #3c3c3b; font-family: "SansCN-Light"; transition: all 0.12s; }
.newscate a:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; left: 0; width: 100%; height: 2px; }
.newscate a.active { color: #b5544e; }
.newscate a.active:after { background: #b5544e; }
.newscate a:hover { color: #b5544e; }

.newsBox { padding-bottom: 60px; }

.newsList { padding-top: 36px; }
.newsList li { padding: 40px 0; height: 220px; border-bottom: 1px solid #e6e6e6; }
.newsList li .fl { width: 400px; height: 220px; overflow: hidden; }
.newsList li .fl img { width: 100%; height: 100%; transition: all 0.26s; }
.newsList li .fl:hover img { transform: scale(1.08); }
.newsList li .fr { width: 760px; height: 100%; position: relative; }
.newsList li .fr > p { margin-top: 6px; height: 48px; font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.newsList li .newsdata { padding: 10px 0; height: 14px; line-height: 14px; }
.newsList li .newsdata img { float: left; width: 14px; }
.newsList li .newsdata span { font-size: 14px; color: #666; padding-left: 10px; font-style: italic; font-family: "OpenSans"; }
.newsList li .news-title { display: block; height: 42px; font-size: 24px; color: #1e1e1e; line-height: 42px; font-family: "SansCN-Light"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.12s; }
.newsList li .news-title:hover { color: #b5544e; }
.newsList li .more-btn { margin-top: 0; position: absolute; right: 0; bottom: 0; width: 138px; height: 34px; line-height: 34px; color: #b5544e; }
.newsList li .more-btn:hover { color: #fff; }

.shownewsBox { padding-top: 50px; background: #fff; }
.shownewsBox .nymain:after { content: ""; display: block; height: 0; clear: both; }
.shownewsBox .fl { width: 819px; border-right: 1px solid #e6e6e6; }
.shownewsBox-tit { padding-right: 40px; }
.shownewsBox-tit h4 { font-size: 30px; color: #1e1e1e; line-height: 48px; font-family: "SansCN-Light"; }
.shownewsBox-tit > div { font-size: 14px; color: #666; line-height: 30px; font-style: italic; font-weight: bold; }
.shownewsBox-tit > div span { padding-right: 20px; font-family: "OpenSans"; }
.shownewsBox-con { margin-top: 26px; font-size: 16px; color: #666; line-height: 30px; padding-right: 40px; padding-bottom: 70px; }
.shownewsBox-con img { display: inline-block; max-width: 100%; }
.shownewsBox-bot { width: 779px; padding: 28px 0 50px; border-top: 1px solid #e6e6e6; }
.shownewsBox-bot > div { padding: 7px 0; font-size: 14px; color: #1e1e1e; line-height: 22px; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shownewsBox-bot > div a { color: #1e1e1e; transition: all 0.12s; }
.shownewsBox-bot > div a:hover { color: #b5544e; }
.shownewsBox .fr { padding-left: 26px; padding-right: 10px; width: 328px; }
.shownewsBox .fr .tuijian-tit { padding-left: 10px; border-left: 2px solid #040404; height: 24px; line-height: 24px; font-size: 24px; color: #3c3c3b; font-family: "SansCN-Regular"; }
.shownewsBox .fr .tuijian-list a { display: block; margin-top: 40px; height: 80px; }
.shownewsBox .fr .tuijian-list a:hover .tuijianR h5 { color: #b5544e; }
.shownewsBox .fr .tuijianL { width: 145px; height: 80px; float: left; }
.shownewsBox .fr .tuijianL img { width: 100%; height: 100%; }
.shownewsBox .fr .tuijianR { width: 162px; float: right; }
.shownewsBox .fr .tuijianR h5 { height: 48px; font-size: 18px; color: #1e1e1e; line-height: 24px; font-family: "SansCN-Light"; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.12s; }
.shownewsBox .fr .tuijianR .newsdata { margin-top: 16px; height: 14px; line-height: 14px; }
.shownewsBox .fr .tuijianR .newsdata img { float: left; width: 14px; }
.shownewsBox .fr .tuijianR .newsdata span { font-size: 14px; color: #666; padding-left: 10px; font-style: italic; font-family: "OpenSans"; }

@media screen and (max-width: 1660px) { .qidong-box-center img { padding: 38.5px; width: 455px; }
  .header .topNav { margin-left: 50px; }
  .header .topNav li { padding: 0 18px; }
  .newpro-cnt { padding-top: 4px; }
  .newpro .fl { width: 449px; }
  .newpro .fr { width: 950px; }
  .newpro .newpro_cntitem { margin-top: 26px; margin-left: 26px; width: 449px; height: 306px; }
  .newpro .newpro_cntitem.fl { height: 639px; }
  .about .about_cnt .fl { padding-left: 50px; padding-top: 50px; }
  .about .about_cnt .fr { width: 525px; height: 341px; }
  .about .about-cateitem div { height: 227px; }
  .magazine .swiper-container { height: 515px; }
  .magazine .swiper-slide { height: 515px; }
  .partner .partner_cnt div { width: 206px; height: 102px; } }
@media screen and (max-width: 1460px) { .qidong-box-center img { padding: 33px; width: 390px; }
  .header .topNav { margin-left: 30px; }
  .header .topNav li { padding: 0 12px; }
  .header form { width: 236px; }
  .header form > div { width: 168px; }
  .newpro-cnt { padding-top: 8px; }
  .newpro .fl { width: 385px; }
  .newpro .fr { width: 814px; }
  .newpro .newpro_cntitem { margin-top: 22px; margin-left: 22px; width: 385px; height: 263px; }
  .newpro .newpro_cntitem.fl { height: 548px; }
  .about .about_cntCnt { margin-bottom: 30px; }
  .about .about_cnt .fl { padding-top: 38px; width: 50%; }
  .about .about_cnt .fr { width: 450px; height: 293px; }
  .about .about-cateitem div { height: 195px; }
  .magazine .swiper-container { height: 430px; }
  .magazine .swiper-slide { height: 430px; }
  .partner .partner_cnt { margin-left: -12px; }
  .partner .partner_cnt div { margin: 6px 0; margin-left: 12px; width: 188px; height: 93px; } }