@charset "utf-8";
/** COMMON **/
body, html, ul { margin: 0; padding: 0; color: #666; }
body { font-family: 微软雅黑, "Microsoft YaHei", 宋体, SimSun, Arial, "\5b8b\4f53", sans-serif; }
input { vertical-align: middle; }
table { border-collapse: collapse; }
ul { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
/** 导航栏 **/
body { padding-left: 200px; }
.leftdh { position: fixed; left: 0; top: 0; height: 100%; width: 200px; background-color: #fff; _position: absolute; _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
z-index: 99999; box-shadow: 1px 1px 18px #ccc; }
.logo { text-align: center; padding: 20px 0 15px 0; }
.lmdh ul { margin: 0; padding: 0; list-style: none; }
.lmdh li { padding-bottom: 12px; font-size: 14px;}
.lmdh li a { display: block; height: 45px; line-height: 45px; padding-left: 62px; color: #676666 }
.lmdh li a:hover { display: block; background-color: #f18d00; color: #FFFFFF }
.lmdh li.active a { display: block; background-color: #f18d00; color: #FFFFFF }
.language { margin-top: 25px; padding: 0 30px; }
.language a { display: block; }
.language a:hover { color: #f18d00; }
.language .yw { height: 48px; line-height: 48px; text-align: center; font-size: 14px; color: #5a5a5a; border: 1px solid #cccccc; border-left: 0; border-right: 0; }
.language .sousuo { height: 48px; font-size: 20px; line-height: 48px; color: #5a5a5a; text-align: center; border-bottom: 1px solid #ccc; }
.language .sousuo span { line-height: 48px; }
.lmdh .xiala { left: 200px; top: 0; position: absolute; width: 0; background: #f28d01 url(../jpg/zuola.jpg) repeat-y left top; height: 100%; z-index: 99999; overflow: hidden }
.lmdh .xiala dl { padding-top: 150px; }
.lmdh .xiala dt { height: 54px; line-height: 54px; font-weight: normal; }
.lmdh .xiala dt a { display: block; background: none; height: 54px; line-height: 54px; padding-left: 57px; color: #FFFFFF }
.lmdh .xiala dt a:hover { display: block; background: none; color: #FFFFFF; text-decoration: underline }
.search.is-search-expanded { display: block; }
.search { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 200px; z-index: 10000; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); _position: absolute; _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
}
.search-close { position: absolute; top: 34px; right: 47px; display: block; z-index: 450; overflow: hidden; }
.search-close span { display: block; width: 34px; height: 34px; line-height: 34px; font-size: 34px; color: #fff; text-align: center; }
.searchform { position: relative; z-index: 400; padding: 236px 48px 0 48px; }
.search-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; z-index: 30; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8; }
.search-label { color: #fff; font-size: 26px; font-family: toyotaDisplay, Verdana, Helvetica, Arial, sans-serif; letter-spacing: -0.08em; display: block; padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); font-weight: normal; }
.search-wrap { margin: 30px 0 0 0; position: relative; }
.cf:after, body:after { content: ""; display: table; clear: both; }
.search-icon { display: inline-block; width: 42px; height: 42px; font-size: 42px; line-height: 42px; text-align: center; color: #fff; }
input[type=search] { -moz-appearance: none; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -webkit-user-modify: read-write-plaintext-only; -webkit-tap-highlight-color: transparent; outline: none; }
.search-input { background: transparent; border: none; color: #fff; font-family: toyotaDisplay, Verdana, Helvetica, Arial, sans-serif; font-size: 65px; padding: 0; line-height: 1; font-weight: normal; letter-spacing: -0.08em; width: 80%; }
.search-submit { -moz-appearance: none; -webkit-appearance: none; background: transparent; border: none; color: #fff; font-family: toyotaDisplay, Verdana, Helvetica, Arial, sans-serif; padding: 0; font-size: 30px; position: absolute; top: 18px; right: 5px; outline: none; cursor: pointer; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5; }
.m_header { display: none; position: relative; left: 0; width: 100%; }
.m_header .m_container { padding: 0 15px; }
.m_header .navMenu { float: left; display: inline; margin-top: 24px; cursor: pointer; }
.m_header .navMenu .bar { display: block; width: 25px; height: 3px; margin: 5px 0; background: #3f3a39; }
.m_header .logo { padding: 0; margin: 0 auto; }
.m_header .logo img { height: 75px; }
.m_header .sousuo { float: right; display: inline; }
.m_header .sousuo a { display: block; width: 22px; height: 22px; margin-top: 25px; font-size: 21px; color: #3f3a39; }
.m_header .sousuo a:hover { color: #f28d01; }
.header, .maincontainer, .m_nav_container { -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.m_nav_container { display: none; }
 @media only screen and (max-width:991px) {
body { width: 100%; height: 100%; padding: 0; }
.leftdh { display: none; }
.header, .m_header { display: block; width: 100%; height: 75px; }
.search { left: 0; }
.header, .maincontainer, .m_nav_container { -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.maincontainer { position: relative; left: 0; width: 100%; height: 100%; overflow: auto; }
.maincontainer.open { position: fixed; left: 210px; }
.phonemask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0; z-index: 998; display: block; visibility: hidden; -webkit-transition: all .3s ease-in .5s; transition: all .3s ease-in .5s; }
.phonemask.open { visibility: visible; opacity: .5; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
.m_nav_container { position: fixed; z-index: 999; top: 0; left: -220px; width: 210px; height: 100%; background: #fff; overflow: auto; display: block; }
.m_nav_container.open { position: fixed; left: 0 !important; -webkit-box-shadow: 1px 1px 8px rgba(255, 255, 255, 0.5); box-shadow: 1px 1px 8px rgba(255, 255, 255, 0.5); }
.m_nav_container li { padding: 0 20px; font-size: 16px; line-height: 45px; border-bottom: 1px solid #ddd; color: #3f3a39; }
.m_nav_container li.first { line-height: 57px; }
.m_nav_container li.first dt { float: left; display: inline; line-height: 57px; }
.m_nav_container li.first dt a { color: #f28d01; }
.m_nav_container li.first dd { float: right; display: inline; width: 50px; height: 57px; line-height: 57px; font-size: 24px; text-align: center; cursor: pointer; color: #3f3a39; position: relative; right: -16px; }
.m_nav_container li.first dd span { display: block; width: 20px; height: 20px; margin: 18px auto; position: relative; }
.m_nav_container li.first dd span:before, .m_nav_container li.first dd span:after { display: block; content: ""; width: 100%; height: 2px; color: #3f3a39; background: #3f3a39; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.m_nav_container li.first dd span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m_nav_container li.first dd span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.m_nav_container li a { display: block; color: #3f3a39; }
.m_nav_container li.hasmore >ul { display: none; margin-left: -25px; margin-right: -20px; padding-left: 25px; padding-right: 20px; color: #fff; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.m_nav_container li.hasmore >ul >li { margin-left: -25px; margin-right: -20px; padding-left: 25px; padding-right: 20px; background-color: #eee; border-bottom: 1px solid #aaa; }
.m_nav_container li.hasmore >a, .m_nav_container li.nomore >a { position: relative; }
.m_nav_container li.hasmore >a:after { content: "+"; font-family: 微软雅黑; font-weight: bold; display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; position: absolute; top: 12px; right: 0; }
.m_nav_container li.hasmore.show >a:after { content: "-"; }
.m_nav_container li.hasmore.show { background-color: #f28d01; color: #fff; }
.m_nav_container li.hasmore.show >a { color: #fff; }
.m_nav_container li.hasmore1 >ul { display: none; margin-left: -25px; margin-right: -20px; padding-left: 25px; padding-right: 20px; color: #fff; border-top: 1px solid #aaa; }
.m_nav_container li.hasmore1 >ul >li { margin-left: -25px; margin-right: -20px; padding-left: 25px; padding-right: 20px; background-color: #ccc; border-bottom: 1px solid #aaa; }
.m_nav_container li.hasmore1 >ul >li:nth-last-child(1) { border-bottom: 0; }
.m_nav_container li.hasmore1 >a, .m_nav_container li.nomore >a { position: relative; }
.m_nav_container li.hasmore1 >a:after { content: "+"; font-family: 微软雅黑; font-weight: bold; display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; position: absolute; top: 12px; right: 0; }
.m_nav_container li.hasmore1.show >a:after { content: "-"; }
.m_nav_container li.hasmore1.show { background-color: #f28d01; color: #fff; }
.m_nav_container li.hasmore1.show >a { color: #fff; }
.search-close { position: absolute; right: 20px; top: 30px; }
.search-close span { width: 24px; height: 24px; font-size: 24px; line-height: 24px; }
.searchform { position: relative; padding: 100px 20px 0; }
.search-wrap { margin: 15px 0 0 0; }
.search-icon { width: 24px; height: 24px; font-size: 24px; }
.search-input { font-size: 24px; }
.search-submit { display: none; }
}
/** BANNER **/
.index-banner .l_l { width: 100%; }
.pc_banner { width: 100%; }
.pc_banner .carousel-control { display: none; }
.pc_banner .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 0 2px; background: #fff; opacity: .2; border-radius: 100%; }
.pc_banner .carousel-indicators .active { width: 10px; height: 10px; opacity: 1; }
.phone_banner { display: none; }
.phone_banner .swiper-pagination-bullet { background: #fff; }
.swiper-container { width: 100%; overflow: hidden; }
 @media only screen and (max-width:991px) {
.pc_banner { display: none; }
.phone_banner { display: block; }
}
/** FOOTER **/
.belowlist { margin-top: 25px; padding-top: 25px; border-top: 1px solid #e5e5e5; }
.belowlist .service { float: left; display: inline; width: 100%; }
.belowlist .service_hotline:after { display: block; content: ""; clear: both; height: 0; visibility: hidden; }
.belowlist .service_hotline dt { float: left; display: inline; width: 42px; height: 42px; line-height: 42px; color: #f18d00; font-size: 38px; font-weight: normal; text-align: center; }
.belowlist .service_hotline dd { float: left; display: inline; margin-left: 18px; white-space: nowrap; }
.belowlist .service_hotline dd em { display: block; font-family: Tahoma, Geneva, sans-serif; font-size: 25px; line-height: 25px; font-weight: bold; color: #f18d00; }
.belowlist .service_hotline dd span { display: block; padding-left: 3px; font-family: 微软雅黑; font-size: 14px; color: #666; }
.belowlist .service_info { margin-top: 8px; font-size: 12px; line-height: 20px; color: #666; }
.belowlist .service a { color: #666; }
.belowlist .service a:hover { color: #c00; }
.belowlist .columns { float: left; display: inline; }
.belowlist .column { float: left; display: inline; width: 140px; border-left: 1px solid #E7E7E7; font-family: 微软雅黑; height: 144px; overflow: hidden }
.belowlist .column dt { height: 18px; line-height: 18px; background: url(../jpg/dian1.jpg) no-repeat 12px center; padding-left: 30px; font-size: 14px; font-weight: normal; color: #000; margin-bottom: 8px; }
.belowlist .column dd { height: 24px; line-height: 24px; }
.belowlist .column dd a { display: block; color: #9a9a9a; background: url(../jpg/dian2.jpg) no-repeat 16px center; padding-left: 27px; }
.belowlist .columns { display: none; }
 @media only screen and (min-width:680px) and (max-width:991px) {
.belowlist .service_hotline { float: left; width: 50%; margin-top: 30px; }
.belowlist .service_info { float: right; width: 50%; margin-top: 0; }
}
 @media only screen and (min-width:992px) and (max-width:1440px) {
.belowlist .service { float: left; display: inline; padding-left: 5%; width: 44%; }
.belowlist .columns { float: right; display: inline; width: 56%; }
}
 @media only screen and (min-width:1441px) {
.belowlist { padding-top: 45px; }
.belowlist .service { float: left; display: inline; padding-left: 5%; width: 55%; }
.belowlist .columns { float: right; display: inline; width: 42%; }
.belowlist .service_hotline { float: left; width: 50%; margin-top: 40px; }
.belowlist .service_info { float: right; width: 50%; margin-top: 16px; }
}
.foot { padding: 15px 0px; margin-top: 45px; text-align: center; background-color: #F28D01; font-size: 12px; color: #fff }
.foot a { color: #fff; }
.m_foot { display: none; }
 @media only screen and (max-width:991px) {
.foot { display: none; }
.m_foot { display: block; padding: 15px 5px; margin-top: 25px; font-family: 微软雅黑; font-size: 12px; color: #fff; text-align: center; background-color: #F28D01; }
.m_foot a { color: #fff; }
.bdshare-slide-button-box { display: none !important; }
}
 @media only screen and (max-width:991px) {
#SfMessWrap { visibility: hidden; opacity: 0; }
}
/** HOME **/
.homepage .goods .panel { margin-left: -15px; margin-right: -15px; margin-bottom: 0; border: 0 none; -webkit-box-shadow: none; box-shadow: none; }
.homepage .goods .panel-heading { padding: 0; background: #f6f6f6; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #d0d0d0; position: relative; text-align: center; }
.homepage .goods .panel1 .panel-heading { border-left: 0 none; }
.homepage .goods .panel-heading a { display: block; line-height: 76px; font-family: 微软雅黑; font-size: 16px; color: #5a5a5a; }
.homepage .goods .panel-heading a:before { display: inline-block; content: ""; height: 31px; margin-right: 15px; vertical-align: middle; }
.homepage .goods .panel1 .panel-heading a:before { width: 18px; background: url(../png/icon-category01.png) no-repeat; }
.homepage .goods .panel2 .panel-heading a:before { width: 22px; background: url(../png/icon-category02.png) no-repeat; }
.homepage .goods .panel3 .panel-heading a:before { width: 17px; background: url(../png/icon-category03.png) no-repeat; }
.homepage .goods .panel-body { padding: 40px 20px 15px; }
.homepage .goods .panel-body .img img { width: 100%; }
.homepage .goods .panel-body .title { font-family: 微软雅黑; font-size: 21px; line-height: 30px; font-weight: bold; color: #5a5a5a; }
.homepage .goods .panel-body .text { margin-top: 15px; font-size: 14px; line-height: 30px; color: #9b9b9b; }
.homepage .goods .panel-body .more { margin-top: 35px; }
.homepage .goods .panel-body .more a { display: block; width: 110px; height: 29px; line-height: 29px; font-size: 14px; text-align: center; color: #9b9b9b; background: url(../jpg/more.jpg); }
.homepage .goods .panel2 .img { padding-top: 15px; }
.homepage .goods .panel1 .title, .homepage .goods .panel3 .title { margin-top: 35px; }
@media only screen and (max-width: 991px) {
.homepage .goods .panel-heading { padding: 0; background: none; border: 0 none; }
.homepage .goods .panel-body { padding-top: 15px; }
.homepage .goods .panel1 .title, .homepage .goods .panel3 .title { margin-top: 25px; }
.homepage .goods .panel2 .title { text-align: center; }
.homepage .goods .panel-body .more a { margin: 0 auto; }
}
/** PAGE COMMON **/
.flash { width: 100%; }
.flash img { width: 100%; }
.phone_flash { display: none; }
@media only screen and (max-width: 991px) {
.pc_flash { display: none; }
.phone_flash { display: block; }
}
.aboutmain { padding: 0 5%; margin-top: 40px; }
 @media only screen and (max-width:991px) {
.aboutmain { padding: 0; margin-top: 5px; }
}
/** ABOUT PAGE **/
.about1 h3 { margin-bottom: 25px; font-family: 微软雅黑; line-height: 32px; font-weight: 700; color: #666; position: relative; }
.about1 h3:after { display: inline-block; content: ""; width: 117px; height: 4px; margin-left: 5px; color: #f18d00; background: #f18d00; vertical-align: baseline; }
.about1 p { color: #666; }
.about1_1_pic figure { display: block; position: relative; height: 0; padding-bottom: 60%; max-height: 300px; overflow: hidden; }
.about1_1_pic img { position: absolute; width: 100%; max-width: 500%; top: 50%; transform: translate(0, -50%); }
 @media only screen and (min-width:992px) and (max-width:1280px) {
.about1_1_pic figure { padding-bottom: 100%; }
}
 @media only screen and (min-width:1280px) {
.about1_1_pic figure { padding-bottom: 0; height: 280px; }
}
 @media only screen and (max-width:991px) {
.about1 h3:after { position: absolute; left: 0; bottom: -10px; margin: 0; }
.about1_1_pic { margin-top: 15px; }
}
.about1_2 { margin-top: 45px; position: relative; }
.about1_2_pic1 figure { display: block; position: relative; height: 430px; overflow: hidden; }
.about1_2_pic1 figure img { position: absolute; height: 100%; left: 50%; transform: translate(-50%, 0); }
.about1_2_info h3:after { position: absolute; left: 0; bottom: -10px; margin: 0; }
.about1_2_pic2 { position: absolute; right: 0; bottom: 0; }
.about1_2_pic2 figure { display: block; position: relative; height: 240px; overflow: hidden; }
.about1_2_pic2 img { position: absolute; width: 100%; max-width: 500%; top: 50%; transform: translate(0, -50%); }
.about1_2_pic3 { display: none; }
 @media only screen and (min-width:1600px) {
.about1_2_pic1 figure img { position: absolute; height: auto; width: 100%; left: 0; top: 50%; transform: translate(0, -50%); }
}
 @media only screen and (min-width:992px) and (max-width:1280px) {
.about1_2_pic1 figure { height: 460px; }
}
 @media only screen and (max-width:1580px) {
.about1_2_pic2 .col-xs-8 img { position: absolute; width: auto; height: 100%; top: 0; left: 50%; transform: translate(-50%, 0); }
}
 @media only screen and (max-width:1400px) {
.about1_2_pic2 img { position: absolute; width: auto; height: 100%; top: 0; left: 50%; transform: translate(-50%, 0); }
}
 @media only screen and (max-width:991px) {
.about1_2 { margin-top: 0; }
.about1_2_pic1 { display: none; }
.about1_2_pic2 { display: none; }
.about1_2_pic3 { display: block; margin: 5px 0 0; }
.about1_2_pic3 img { width: 100%; }
}
.about1_3 { margin-top: 45px; position: relative; }
.about1_3_pic { float: right; width: 45%; padding-left: 20px; }
.about1_3_pic img { width: 100%; }
.about1_3_pic2 { float: left; width: 55%; margin-top: 25px; }
.about1_3_pic2 figure { width: 95%; height: 345px; position: relative; overflow: hidden; }
.about1_3_pic2 figure img { position: absolute; width: 100%; max-width: 500%; top: 50%; transform: translate(0, -50%); }
.about1_3_list { float: left; width: 45%; margin-top: 35px; }
.about1_3_list h4 { font-size: 20px; font-weight: 700; color: #666; }
 @media only screen and (min-width:992px) and (max-width:1280px) {
.about1_3_list h4 { margin-bottom: 5px; margin-top: 5px; }
}
 @media only screen and (min-width:1280px) {
.about1_3_pic2 figure { height: 410px; }
.about1_3_list { margin-top: 35px; }
.about1_3_list li { margin-bottom: 25px; }
}
 @media only screen and (min-width:1440px) {
.about1_3_pic img { height: 264px; }
}
 @media only screen and (max-width:991px) {
.about1_3 { margin-top: 15px; }
.about1_3_pic { display: none; }
.about1_3_pic2 { float: none; width: 100%; }
.about1_3_pic2 figure { width: 100%; height: 0; padding-bottom: 65%; }
.about1_3_list { float: none; width: 100%; margin-top: 15px; }
}
.about1_4 .caption { height: 61px; width: 100%; margin: 45px 0 0; text-align: center; overflow: hidden; }
.about1_4 .caption strong { display: block; height: 61px; background: url(../jpg/30year.jpg) no-repeat center; }
.about1_4 .caption span { display: none; }
.about1_4 .caption figure { display: block; width: 100%; height: 61px; position: relative; overflow: hidden; }
.about1_4 .caption img { display: block; height: 61px; position: absolute; left: 50%; transform: translate(-50%, 0); }
 @media only screen and (max-width:991px) {
.about1_4 .caption { height: auto; margin: 15px 0 0; background: none; }
.about1_4 .caption figure { height: 38px; }
.about1_4 .caption img { height: 38px; }
}
.about1_4_cont_pc { display: none; }
.about1_4_cont_phone { margin-top: 32px; }
 @media only screen and (min-width:768px) and (max-width:1280px) {
.about1_4_cont_pc { display: block; }
.list_history { height: 1052px; margin: 45px auto 0; position: relative; }
.list_history:before { display: block; content: ""; width: 8px; height: 100%; background: #f18d00; position: absolute; left: 50%; margin-left: -4px; }
.list_history ul { display: block; }
.list_history li { position: relative; width: 50%; max-width: 350px; padding: 20px 4px; }
.list_history li figure { display: inline-block; width: 128px; height: 128px; position: relative; overflow: hidden; }
.list_history li figure img { display: block; width: 100%; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.list_history li:nth-child(odd) { position: absolute; left: 50%; top: 0; padding-left: 98px; }
.list_history li:nth-child(odd) figure { float: left; display: inline; margin-left: -38px; margin-right: 18px; }
.list_history li:nth-child(even) { position: absolute; right: 50%; top: 0; padding-right: 98px; }
.list_history li:nth-child(even) figure { float: right; display: inline; margin-right: -38px; margin-left: 18px; }
.list_history li:nth-child(1) { top: 58px; }
.list_history li:nth-child(2) { top: 156px; }
.list_history li:nth-child(3) { top: 284px; width: 263px; }
.list_history li:nth-child(4) { top: 385px; width: 220px; }
.list_history li:nth-child(5) { top: 468px; }
.list_history li:nth-child(6) { top: 570px; }
.list_history li:nth-child(7) { top: 678px; width: 263px; }
.list_history li:nth-child(8) { top: 785px; }
.list_history li:nth-child(9) { top: 882px; width: 263px; }
.list_history li >strong { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 26px; overflow: hidden; }
.list_history li >p { display: block; font-size: 14px; line-height: 26px; overflow: hidden; }
.list_history li >em { display: block; width: 50%; height: 2px; background-color: #e4e5e6; }
.list_history li:nth-child(odd) >em { position: absolute; left: 4px; top: 0; }
.list_history li:nth-child(even) >em { position: absolute; right: 4px; top: 0; }
.list_history li>em:after { display: block; content: ""; width: 14px; height: 14px; background: #f37321; -webkit-border-radius: 100%; border-radius: 100%; }
.list_history li:nth-child(odd) >em:after { position: absolute; right: -18px; top: 50%; margin-top: -7px; }
.list_history li:nth-child(even) >em:after { position: absolute; left: -18px; top: 50%; margin-top: -7px; }
.list_history li:nth-child(1) >em { width: 315px; }
.list_history li:nth-child(2) >em { width: 290px; }
.list_history li:nth-child(3) >em { width: 205px; }
.list_history li:nth-child(4) >em { width: 185px; }
.list_history li:nth-child(5) >em { width: 280px; }
.list_history li:nth-child(6) >em { width: 290px; }
.list_history li:nth-child(7) >em { width: 160px; }
.list_history li:nth-child(8) >em { width: 245px; }
.list_history li:nth-child(9) >em { width: 205px; }
.about1_4_cont_phone { display: none; }
}
 @media only screen and (min-width:1281px) {
.about1_4_cont_pc { display: block; }
.list_history { height: 680px; margin: 35px auto 0; padding-left: 50px; position: relative; }
.list_history:before { display: block; content: ""; width: 100%; height: 8px; background: #f18d00; position: absolute; left: 0; top: 50%; margin-top: -4px; }
.list_history ul { display: block; height: 680px; position: relative; }
.list_history li { float: left; display: inline; width: 20%; max-width:240px; padding: 58px 20px; border-left: 2px solid #e4e5e6; position: relative; }
.list_history li:nth-child(odd) { position: absolute; left: 0; bottom: 50%; margin-bottom: 4px; padding-top: 26px; }
.list_history li figure { display: block; width: 128px; height: 128px; position: relative; overflow: hidden; }
.list_history li figure img { display: block; width: 100%; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.list_history li:nth-child(odd) figure { position: absolute; bottom: 58px; }
.list_history li:nth-child(odd) >p { padding-bottom: 30px; }
.list_history li:nth-child(even) { position: absolute; left: 0; top: 50%; margin-top: 4px; padding-bottom: 26px; }
.list_history li:nth-child(even) >p { margin-top: 10px; }
.list_history li:nth-child(1) { left: 0; }
.list_history li:nth-child(1) >p { padding-bottom: 128px; }
.list_history li:nth-child(2) { left: 10%; }
.list_history li:nth-child(3) { left: 20%; }
.list_history li:nth-child(4) { left: 30%; }
.list_history li:nth-child(4) >p { padding-top: 30px; }
.list_history li:nth-child(5) { left: 40%; }
.list_history li:nth-child(5) >p { padding-bottom: 128px; }
.list_history li:nth-child(6) { left: 50%; }
.list_history li:nth-child(7) { left: 60%; }
.list_history li:nth-child(8) { left: 70%; }
.list_history li:nth-child(9) { left: 80%; }
.list_history li>em { display: block; width: 18px; height: 18px; background: #f37321; -webkit-border-radius: 100%; border-radius: 100%; border: 2px solid #f4f5f5; box-shadow: 0 0 2px #fff; }
.list_history li:nth-child(odd) >em { position: absolute; left: -10px; top: 0; }
.list_history li:nth-child(even) >em { position: absolute; left: -10px; bottom: 0; }
.list_history li >strong { display: block; height: 26px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 26px; overflow: hidden; }
.list_history li:nth-child(odd) >strong { position: absolute; top: 0; margin-top: -4px; }
.list_history li:nth-child(even) >strong { position: absolute; bottom: 0; margin-bottom: -4px; }
.list_history li >p { display: block; font-size: 14px; line-height: 26px; overflow: hidden; }
.about1_4_cont_phone { display: none; }
}
/* 联系我们 */
.about10_1 li { display: block; height: 48px; margin-bottom: 20px; padding-left: 62px; font-family: 微软雅黑; line-height: 48px; color: #666; position: relative; }
.about10_1 li:after { display: block; content: ""; clear: both; visibility: hidden; height: 0; }
.about10_1 li em { display: inline-block; font-size: 18px; font-style: normal; }
.about10_1 li a { color: #666; }
.about10_1 li a:hover { color: #f18d00; text-decoration: underline; }
.about10_1 li.a1 { font-size: 28px; color: #f18d00; }
.about10_1 li.a2 { line-height: 24px; }
.about10_1 li.a3 { line-height: 24px; }
.about10_1 li.a3 >em:nth-of-type(2) { text-indent: 42px; }
.about10_1 li:before { content: ""; display: inline-block; float: left; width: 48px; height: 48px; margin-right: 15px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; }
.about10_1 li.a1 { padding-left: 0; }
.about10_1 li.a1:before { display: none; }
.about10_1 li.a2:before { background-image: url(../jpg/cat01.jpg); }
.about10_1 li.a3:before { background-image: url(../jpg/cat02.jpg); }
.about10_1 li.a4:before { background-image: url(../jpg/cat04.jpg); }
.about10_1 li.a5:before { background-image: url(../jpg/cat03.jpg); }
.about10_1 li.a6:before { background-image: url(../jpg/cat05.jpg); }
.about10_1 >ul { float: left; display: inline; width: 100%; }
 @media only screen and (min-width:1441px) {
.about10_1 >ul { width: 33%; padding-left: 20px; }
.about10_1 >ul:nth-child(1) { width: 34%; padding-left: 0; }
}
 @media only screen and (min-width:680px) and (max-width:1440px) {
.about10_1 >ul:nth-child(1) { width: 55% }
.about10_1 >ul:nth-child(2) { width: 45% }
.about10_1 >ul:nth-child(3) >li:nth-child(1) { float: left; display: inline; width: 55% }
.about10_1 >ul:nth-child(3) >li:nth-child(2) { float: left; display: inline; width: 45% }
}
 @media only screen and (max-width:991px) {
.about10_1 { margin: 25px 0 0; }
.about10_1 li { height: auto; padding-left: 42px; line-height: 36px; margin-bottom: 10px; }
.about10_1 li em { font-size: 14px; }
.about10_1 li:before { width: 32px; height: 32px; margin-top: 2px; }
.about10_1 li.a2 { line-height: 36px; }
.about10_1 li.a3 { line-height: 36px; }
}
 @media only screen and (max-width:350px) {
.about10_1 li { line-height: 30px !important; padding-left: 0; margin-bottom: 0; }
.about10_1 li.a1 { font-size: 24px; margin-bottom: 5px; }
.about10_1 li:before { display: none; }
}
.about10_2 { border-top: 1px solid transparent; }
.about10_2 .caption { display: block; padding-bottom: 5px; color: #3f3a39; text-align: center; border-bottom: 1px solid #B2B2B2; }
.about10_2 .caption h2 { font-family: 微软雅黑; font-size: 26px; font-weight: 700; }
.about10_2 .messagelist { margin-top: 15px; }
.about10_2 .input { margin-top: 5px; }
.about10_2 .input span { display: block; font-family: 微软雅黑; margin-bottom: 10px; color: #666; }
.about10_2 .input .msgtxt { width: 100%; padding: 0 8px; height: 36px; line-height: 36px; background-color: #F5F5F5; border: 1px solid #E7E7E7; outline: none; }
.about10_2 .input .msgtxtarea { width: 100%; padding: 5px 8px; height: 192px; line-height: 28px; background-color: #F5F5F5; border: 1px solid #E7E7E7; outline: none; resize: none; }
.about10_2 .button { margin-top: 25px; }
.about10_2 .button a { float: left; display: inline-block; width: 120px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; box-shadow: 3px 3px 5px #ccc; }
.about10_2 .button .sendbtn { color: #fff; background: #f18d00; }
.about10_2 .button .cancelbtn { margin-left: 15px; color: #716866; background: #eee; }
 @media only screen and (max-width:991px) {
.about10_2 .button { margin-top: 15px; }
.about10_2 .button a { width: 48%; }
.about10_2 .button .cancelbtn { float: right; margin-left: 0; }
}
.about10_3 .caption { display: block; padding-bottom: 5px; color: #3f3a39; text-align: center; border-bottom: 1px solid #B2B2B2; }
.about10_3 .caption h2 { font-family: 微软雅黑; font-size: 26px; font-weight: 700; }
.about10_3 .recruitment { margin-top: 15px; color: #666; }
.about10_3 .recruitment .rec_info { margin-top: 25px; line-height: 36px; }
.about10_3 .recruitment .rec_list { margin-top: 25px; }
.about10_3 .recruitment .input { position: relative; width: 98%; margin-bottom: 15px; }
.about10_3 .recruitment .input span { display: inline-block; width: 82px; height: 36px; font-family: 微软雅黑; line-height: 36px; text-align: right; white-space: nowrap; position: absolute; left: 0; top: 0; z-index: 5; }
.about10_3 .recruitment .input .msgtxt { display: block; width: 100%; height: 36px; padding: 0 8px; padding-left: 80px; line-height: 36px; border: 1px solid #c9c9c9; outline: 0 none; }
.about10_3 .recruitment .input .msgtxtarea { display: block; width: 100%; height: 96px; padding: 5px 8px; padding-left: 82px; line-height: 24px; border: 1px solid #c9c9c9; outline: 0 none; resize: none; }
.about10_3 .recruitment .button { width: 98%; margin-bottom: 5px; }
.about10_3 .recruitment .button a { float: left; display: inline-block; width: 120px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; box-shadow: 3px 3px 5px #ccc; }
.about10_3 .recruitment .button .sendbtn { color: #fff; background: #f18d00; }
.about10_3 .recruitment .button .cancelbtn { margin-left: 15px; color: #716866; background: #eee; }
 @media only screen and (max-width:991px) {
.about10_3 { margin-top: 35px; }
.about10_3 .recruitment .input, .about10_3 .recruitment .button { width: 100%; }
.about10_3 .recruitment .button { margin-top: 15px; }
.about10_3 .recruitment .button a { width: 48%; }
.about10_3 .recruitment .button .cancelbtn { float: right; margin-left: 0; }
}
 @media only screen and (max-width:991px) {
.about10_3 .recruitment .rec_info { margin-top: 0; }
.about10_3 .recruitment .rec_list { margin-top: 15px; }
}
/* 模具 优势 */
.about12 h3 { position: relative; margin-bottom: 24px; font-family: 微软雅黑; font-size: 25px; line-height: 34px; font-weight: bold; }
.about12 h3:after { display: block; content: ""; width: 330px; height: 4px; background: #f18d00; position: absolute; left: 0; bottom: -14px; }
.about12 .picture { float: left; display: inline; width: 55%; padding-left: 50px; }
.about12 .picture figure { display: block; position: relative; width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; }
.about12 .picture figure img { position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.about12 .intro { position: absolute; display: block; right: 0; width: 45%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.about12 .intro .inner { float: right; width: 450px; padding-right: 50px; line-height: 26px; }
.about12 .intro .m_inner { display: none; }
.about12_2 .picture { float: right; padding-left: 0; padding-right: 50px; }
.about12_2 .intro { right: auto; left: 0; }
.about12_2 .intro .inner { float: left; width: 450px; padding-right: 0; padding-left: 50px; }
.about12_1 { margin-bottom: 48px; position: relative; }
.about12_2 { margin-bottom: 48px; position: relative; }
.about12_3 { margin-bottom: 25px; position: relative; }
.about12_4 { padding: 0 50px; }
.about12_4 p { line-height: 26px; margin-bottom: 26px; }
 @media only screen and (max-width:1440px) {
.about12 .picture { padding-left: 0; }
.about12_2 .picture { padding-right: 0; }
.about12 .intro .inner { width: 400px; padding-right: 0; }
.about12_2 .intro .inner { padding-left: 0; }
.about12_4 { padding: 0; }
}
 @media only screen and (max-width:1240px) {
.about12 .intro .inner { display: none; }
.about12 .intro .m_inner { display: block; width: 310px; padding-left: 25px; margin: 0 auto; }
.about12_2 .intro .m_inner { float: left; padding-left: 0; padding-right: 25px; }
.about12 h3 { font-size: 23px; line-height: 28px; margin-bottom: 20px; }
.about12 h3:after { width: 280px; bottom: -12px; }
.about12_4 h3:after { width: 300px; }
}
 @media only screen and (max-width:991px) {
.about12 { margin-top: 45px; }
.about12_4 p { line-height: 26px; margin-bottom: 12px; }
}
 @media only screen and (max-width:767px) {
.about12 { margin-top: 5px; }
.about12 .intro { position: static; width: 100%; -webkit-transform: none; transform: none; }
.about12 .intro .m_inner { width: 100%; padding: 0; }
.about12 .picture { width: 100%; }
.about12_1 { margin-bottom: 5px; }
.about12_2 { margin-bottom: 5px; }
.about12_3 { margin-bottom: 5px; }
}
/* 模具 保养 */
.about13 h3 { position: relative; margin-bottom: 20px; font-family: 微软雅黑; font-size: 25px; line-height: 34px; font-weight: bold; }
.about13 h3:after { display: block; content: ""; width: 150px; height: 4px; background: #f18d00; position: absolute; left: 0; bottom: -12px; }
 @media only screen and (max-width:991px) {
.about13_1 p { line-height: 26px; margin-bottom: 10px; }
}
/* 纸杯 优势 */
.about14 { margin-top: 50px; }
.about14 h3 { position: relative; margin-bottom: 20px; font-family: 微软雅黑; font-size: 25px; line-height: 34px; font-weight: bold; }
.about14 h3:after { display: block; content: ""; width: 330px; height: 4px; background: #f18d00; position: absolute; left: 0; bottom: -12px; }
.about14 .picture { float: left; display: inline; width: 55%; }
.about14 .picture figure { display: block; position: relative; width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; }
.about14 .picture figure img { position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.about14 .piclist .intro { position: absolute; display: block; right: 0; width: 45%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.about14 .piclist .inner { display: block; width: 340px; margin: 0 auto; line-height: 26px; }
.about14 .piclist:nth-of-type(odd) .picture { float: left; padding-left: 50px; }
.about14 .piclist:nth-of-type(even) .picture { float: right; padding-right: 50px; }
.about14 .piclist:nth-of-type(even) .intro { right: auto; left: 0; }
.about14 .piclist:nth-of-type(even) .inner { float: left; padding-left: 50px; }
.about14 .piclist { margin-bottom: 48px; position: relative; }
.about14_4 { margin-bottom: 25px; }
 @media only screen and (max-width:1440px) {
.about14 .piclist:nth-of-type(odd) .picture { padding-left: 0; }
.about14 .piclist:nth-of-type(even) .picture { padding-right: 0; }
.about14 .piclist:nth-of-type(even) .inner { padding-left: 0; }
}
 @media only screen and (max-width:1240px) {
.about14 { margin-top: 35px; }
.about14 .picture { width: 50%; }
.about14 .piclist .intro { width: 50%; }
.about14 .piclist:nth-of-type(odd) .intro { padding-left: 15px; }
.about14 .piclist:nth-of-type(even) .intro { padding-right: 15px; }
.about14 .piclist { margin-bottom: 25px; }
}
 @media only screen and (max-width:767px) {
.about14 { margin-top: 5px; }
.about14 .piclist .intro { position: static; width: 100%; -webkit-transform: none; transform: none; }
.about14 .piclist:nth-of-type(odd) .intro { padding-left: 0; }
.about14 .piclist:nth-of-type(even) .intro { padding-right: 0; }
.about14 .piclist .inner { width: 100%; padding: 0; }
.about14 .picture { width: 100%; }
.about14 .piclist { margin-bottom: 5px; }
}
/* 模内贴介绍 */
.about15 { margin-top: 50px; }
.about15 h3 { position: relative; margin-bottom: 20px; font-family: 微软雅黑; font-size: 25px; line-height: 34px; font-weight: bold; }
.about15 h3:after { display: block; content: ""; width: 330px; height: 4px; background: #f18d00; position: absolute; left: 0; bottom: -12px; }
.about15 .picture { float: left; display: inline; width: 55%; }
.about15 .picture figure { display: block; position: relative; width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; }
.about15 .picture figure img { position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.about15 .piclist .intro { position: absolute; display: block; right: 0; width: 45%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.about15 .piclist .inner { display: block; width: 340px; margin: 0 auto; line-height: 26px; }
.about15 .piclist:nth-of-type(odd) .picture { float: left; padding-left: 50px; }
.about15 .piclist:nth-of-type(even) .picture { float: right; padding-right: 50px; }
.about15 .piclist:nth-of-type(even) .intro { right: auto; left: 0; }
.about15 .piclist:nth-of-type(even) .inner { float: left; padding-left: 50px; }
.about15 .piclist { margin-bottom: 48px; position: relative; }
.about15_4 { margin-bottom: 25px; }
 @media only screen and (max-width:1440px) {
.about15 .piclist:nth-of-type(odd) .picture { padding-left: 0; }
.about15 .piclist:nth-of-type(even) .picture { padding-right: 0; }
.about15 .piclist:nth-of-type(even) .inner { padding-left: 0; }
}
 @media only screen and (max-width:1240px) {
.about15 { margin-top: 35px; }
.about15 .picture { width: 50%; }
.about15 .piclist .intro { width: 50%; }
.about15 .piclist:nth-of-type(odd) .intro { padding-left: 15px; }
.about15 .piclist:nth-of-type(even) .intro { padding-right: 15px; }
.about15 .piclist { margin-bottom: 25px; }
}
 @media only screen and (max-width:767px) {
.about15 { margin-top: 5px; }
.about15 .piclist .intro { position: static; width: 100%; -webkit-transform: none; transform: none; }
.about15 .piclist:nth-of-type(odd) .intro { padding-left: 0; }
.about15 .piclist:nth-of-type(even) .intro { padding-right: 0; }
.about15 .piclist .inner { width: 100%; padding: 0; }
.about15 .picture { width: 100%; }
.about15 .piclist { margin-bottom: 5px; }
}
/** 产品列表页 **/
.goodsmain { padding: 0 5%; }
.list_sanji { display: block; margin: 35px 0 0; }
.list_sanji li { float: left; display: inline; height: 18px; line-height: 18px; padding: 0 15px; border-right: 1px solid #666; }
.list_sanji li:nth-last-child(1) { border-right: 0; }
.list_sanji li a { display: inline-block; padding: 0 10px; color: #666; }
.list_sanji li.active a, .list_sanji li a:hover { color: #f18d00; }
 @media only screen and (max-width:991px) {
.goodsmain { padding: 0; }
.list_sanji { display: none; }
}
.goodslist { }
.goodslist li { float: left; display: inline; width: 25%; margin-top: 15px; text-align: center; border-bottom: 1px solid #D5D5D5; overflow: hidden; }
.goodslist li >a { display: block; margin: 10% 0; }
.goodslist li >a >div:nth-child(1) { display: block; height: 0; padding-bottom: 75%; border-right: 1px solid #D5D5D5; }
.goodslist li >a >div:nth-child(2) { display: block; margin-top: 5px; color: #666; }
 @media only screen and (min-width:1281px) {
.goodslist li:nth-child(4n) >a >div:nth-child(1) { border-right: 0; }
}
 @media only screen and (min-width:768px) and (max-width:1280px) {
.goodslist li { width: 33.3333333%; }
.goodslist li:nth-child(3n) >a >div:nth-child(1) { border-right: 0; }
}
 @media only screen and (max-width:767px) {
.goodslist { margin-left: -10px; margin-right: -10px; }
.goodslist li { width: 50%; margin-top: 5px; }
.goodslist li:nth-child(2n) >a >div:nth-child(1) { border-right: 0; }
}
.loadmore { margin-top: 25px; text-align: center; display: none; }
.pageloading { text-align: center; display: none; }
/**产品页放大镜**/
/* 这是下方的鼠标指针的移动镜头平方米。 */
.cloud-zoom-lens { border: 1px solid #ccc; margin: 0; background-color: #eee; cursor: move; }
/* 这是标题文本 */
.cloud-zoom-title { font-family: Arial, Helvetica, sans-serif; position: absolute !important; background-color: #000; color: #fff; padding: 3px; width: 100%; text-align: center; font-weight: bold; font-size: 10px; top: 0px; }
/* 这是缩放窗口。 */
.cloud-zoom-big { border: 1px solid #ccc; overflow: hidden; }
/* 这是加载消息。 */
.cloud-zoom-loading { color: white; background: #222; padding: 3px; border: 1px solid #000; }
/* zoom-section */
.zoom-section { clear: both; margin-top: 20px; }
*html .zoom-section { display: inline; clear: both; }
.zoom-desc { float: left; margin-left: 10px; width: 310px; margin-bottom: 20px; }
.zoom-small-image { border: 1px solid #ccc; float: left; margin-bottom: 20px; }
.zoom-tiny-image { border: 1px solid #ccc; margin: 0px; }
.zoom-tiny-image:hover { border: 1px solid #c00; }
/** 产品详情页 **/
.pc_goodscont { display: block; margin: 45px 0 0; }
.goodsImglist { float: left; display: inline; width: 50%; margin-bottom: 10px; }
.goodsBigPic { width: 100%; border: 1px solid #ccc; }
.goodsBigPic #bPic { display: block; width: 100%; }
.goodsInfolist { display: block; padding-left: 25px; margin-bottom: 10px; overflow: hidden; }
.goodsInfolist .g_class, .goodsInfolist .g_spec, .goodsInfolist .g_name { margin-bottom: 5px; }
.goodsInfolist .g_info { margin: 15px 0 0; }
.goodsInfolist .g_info p { margin-bottom: 0; }
.goodsInfolist .g_info img { max-width: 100%; height: auto !important; }
.multiAngleList { width: 100%; margin: 15px 0 0; overflow: hidden; }
.multiAngleList .zoomlist { margin-right: -6px; }
.multiAngleList .zoomlist li { float: left; display: inline; width: 20%; margin: 5px 0; }
.multiAngleList .zoomlist li a { display: block; margin-right: 6px; }
.multiAngleList .zoomlist li figure { display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; border: 1px solid #ccc; overflow: hidden; }
.multiAngleList .zoomlist li#currimg figure { border: 1px solid #f18d00; }
.multiAngleList .zoomlist li figure img { position: absolute; left: 0; width: 100%; height: auto; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.phone_goodscont { display: none; margin: 10px -15px 0; padding-top: 10px; border-top: 1px solid #ccc; }
.goods-swiper-container .swiper-slide >div { display: block; width: 100%; height: 0; padding-bottom: 65%; }
.phone_goodsinfo { margin: 10px 0 0; padding: 0 15px; }
.phone_goodsinfo .g_class, .phone_goodsinfo .g_spec, .phone_goodsinfo .g_name { margin-bottom: 5px; }
.phone_goodsinfo .g_info { margin: 10px 0 0; }
.phone_goodsinfo .g_info p { margin-bottom: 0; }
.phone_goodsinfo .g_info img { max-width: 100%; height: auto !important; }
 @media only screen and (max-width:991px) {
.pc_goodscont { display: none; }
.phone_goodscont { display: block; }
}
 @media only screen and (min-width:1281px) {
.goodsImglist { width: 500px; }
.goodsInfolist { padding-left: 35px; }
}
.xin { margin: 10px 0; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.xin h4 { font-size: 14px; color: #666; }
.xin h4 a { color: #666; }
.xin h4 a:hover { color: #f18d00; }
.goodscont2 { margin: 25px 0 0; }
.goodscont2 .caption { border-bottom: 1px solid #ccc; }
.goodscont2 .caption strong { display: block; width: 145px; height: 44px; line-height: 44px; font-size: 16px; font-weight: normal; text-align: center; color: #fff; background-color: #F28D01; }
.goodscont2 .picslist { margin: 20px 0 0; }
.goodscont2 .picslist img { max-width: 100%; height: auto; }
.recgoodslist { margin: 35px 0 0; }
.recgoodslist .caption { border-bottom: 1px solid #ccc; }
.recgoodslist .caption strong { display: block; width: 145px; height: 44px; line-height: 44px; font-size: 16px; font-weight: normal; text-align: center; color: #fff; background-color: #F28D01; }
.recgoodslist .list { margin: 25px 0 0; }
.recgoods-swiper-container { overflow: hidden; }
.recgoods-swiper-container .swiper-slide a { display: block; background: #fff; }
.recgoods-swiper-container .swiper-slide a >div:nth-child(1) { padding: 3px; border: 1px solid #ccc; }
.recgoods-swiper-container .swiper-slide a >div:nth-child(1) div { display: block; width: 100%; height: 0; padding-bottom: 100%; }
.recgoods-swiper-container .swiper-slide a >div:nth-child(2) { display: block; height: 38px; line-height: 38px; font-size: 14px; text-align: center; color: #666; }
 @media only screen and (max-width:991px) {
.xin { margin-left: -15px; margin-right: -15px; }
.xin h4 { padding: 0 15px; }
.goodscont2 { margin: 25px 0 0; }
.goodscont2 .picslist { margin: 0; margin-left: -15px; margin-right: -15px; }
.recgoodslist { margin: 15px 0 0; }
.goodscont2 .caption, .recgoodslist .caption { margin-left: -15px; margin-right: -15px; border-bottom: 0; }
.goodscont2 .caption strong, .recgoodslist .caption strong { width: 100%; }
}