﻿.module { padding: 0 10px; width: 1210px; margin: 0 auto; overflow:hidden; }
.banner-ny { height: 352px; position: relative; }

.section-pos-search { padding: 15px 0; background-color: #f1f1f1; }
.section-pos-search .search-pos { float: left; padding: 7px 0; background: url(../images/location.png) no-repeat 0 center; padding-left: 24px; }
.section-pos-search .search-pos a { margin-right:3px; }
.section-pos-search .search-pos a:hover { color:#0b6fba; }
.section-pos-search .search-pos i { font-weight: bold; font-style:normal; }
.section-pos-search .search-pos span { color:#999; margin-left:3px; }
.section-pos-search .search-form { float: right; }
.section-pos-search .search-form input { float: left; border: 1px solid #eee; padding: 6px 12px; width: 210px; font-size: 14px; }
.section-pos-search .search-form button { border: 0; padding: 0; float: left; cursor: pointer; outline: none; width: 60px; height: 34px; color: #fff; background: url(../images/sprite.png) no-repeat -312px -212px #023793; font-size: 0; }

.Product4-Pro { padding: 30px 0 30px 0; background:#f5f5f5; padding-bottom:15px; }
.Product4-Pro h1 { margin-top: 0; margin-bottom: 10px; font-size: 22px; border-left:8px solid #023793; padding-left:12px; }
.Product4-Pro-c { padding-bottom: 15px; }
.Product4-Pro-c li { float:left; width: 290px; background: #fff; margin-right: 15px; margin-bottom: 15px; transition: all .1s linear; text-align: center; }
.Product4-Pro-c li:hover { box-shadow: 0 15px 15px rgba(0,0,0,0.4); -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.4); transform: translate3d(0, -2px, 0) }
.Product4-Pro-c li:nth-child(4n) { margin-right: 0; }
.Product4-Pro-c li a { display: block; margin: 15px 15px 0 15px; }
.Product4-Pro-c li:hover a figcaption { color: #000; }

.Product4-Pro-c li a h4{ margin:0 0 12px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; color:#999; }
.Product4-Pro-c li img { display: block; width: 260px; margin-bottom: 10px; }
.Product4-Pro-c li a .pro-img{ margin-top:0px; }
.Product4-Pro-c li a .pro-text{ margin:15px 0; }
.Product4-Pro-c li .pro-text span{float:left; display:block; }
.Product4-Pro-c li .pro-text span.price{ color:#f73602; margin-top:3px; }
.Product4-Pro-c li .pro-text span.price em{ font-size:14px; font-style:normal; }
.Product4-Pro-c li .pro-text span.price i{ font-size:13px; font-style:normal; }
.Product4-Pro-c li .pro-text span.type{ float:right; font-size:12px; margin-right:0px; margin-top:3px; }
.Product4-Pro-c li span.xunjia{ width:80px; font-size:12px; height:27px; color:#fff; line-height:27px; border-radius:5px; background:#023793; color:#fff; margin-left:13px; cursor:pointer; }
.Product4-Pro-c li span.xunjia:hover{ color:#ff0; }


.Product4-Case { padding: 30px 0 30px 0; background:#f5f5f5; padding-bottom:15px; }
.Product4-Case h2 { margin-top: 0; margin-bottom: 10px; font-size: 22px; border-left:8px solid #023793; padding-left:12px; }
.Product4-Case-title{ background:#fff; padding:5px 15px; }
.Product4-Case-title p{ line-height:24px; }
.Product4-Case-body { margin-top:10px; padding-bottom:15px; }
.Product4-Case-body li { float: left; width: 390px; background: #fff; margin-right: 19px; margin-bottom: 15px; transition: all .1s linear; text-align: center; }
.Product4-Case-body li:nth-child(3) { float: right; margin-right: 0; }
.Product4-Case-body li:hover { box-shadow: 0 15px 15px rgba(0,0,0,0.4); -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.4); transform: translate3d(0, -2px, 0) }
.Product4-Case-body li a { display: block; margin: 10px 10px 0 10px; }
.Product4-Case-body li:hover a figcaption { color: #000; }
.Product4-Case-body li a figure { margin: 0; padding: 0; }
.Product4-Case-body li img { display: block; width: 370px; margin-bottom: 10px; }
.Product4-Case-body li figcaption { display: block; font-size: 13px; color: #999; margin: 0 0 15px 0; }
.Product4-Case-body ul li.more-link{ display:none; }

.Product4-News { padding: 30px 0 60px 0; background:#f5f5f5; }
.Product4-News h2 { margin-top: 0; margin-bottom: 10px; font-size: 22px; border-left:8px solid #023793; padding-left:12px; }
.Product4-News-c{ background:#fff; padding:15px; }
.Product4-News-c ul li{ float:left; padding:15px 0; border-bottom:1px dashed #ddd; }
.Product4-News-c ul li:nth-child(2n){ float:right; }
.Product4-News-c ul li img{ display:block; float:left; width:175px; height:118px; }
.Product4-News-c ul li div{ float:left; margin-left:10px; width:390px;  }
.Product4-News-c ul li div a{ font-size:14px; font-weight:bold; }
.Product4-News-c ul li div p{ font-size:12px; color:#aaa; line-height:20px; padding:0; margin:6px 0 0 0;  }

.Product4-Cooperation { padding: 30px 0 60px 0; background:#f5f5f5; }
.Product4-Cooperation h4 { margin-top: 0; margin-bottom: 10px; font-size: 22px; border-left:8px solid #023793; padding-left:12px; }
.Product4-Cooperation ul { background:#fff; padding:20px; }
.Product4-Cooperation ul li{ float:left; margin-right:20px;  }
.Product4-Cooperation ul li a{ font-size:12px; color:#aaa;  }


.pager{margin:28px auto 0px auto;text-align:center;font-family:宋体;font-size:14px;}
.pager a{font-family:Arial;font-size:14px;color:#111;background:#fff;border:1px solid #ccc;text-decoration:none;margin-left:6px;display:inline-block;height:28px;line-height:28px;width:28px;text-align:center;vertical-align:middle;}
.pager a:hover{color:#fff;background:#136ec2;border:1px solid #136ec2;}
.pager a.pager-pre,.pager a.pager-next{width:64px;}
.pager span{font-family:Arial;font-size:14px;color:#fff;background:#333;border:1px solid #111;margin-left:8px;display:inline-block;height:28px;line-height:28px;width:28px;text-align:center;vertical-align:middle;}
.pager span.pager-sel{color:#fff;background:#0442b0;border:1px solid #023793; font-weight:bold; }
.pager span.pager-nopage{width:64px;background:#eee;color:#aaa;border:1px solid #ddd;}

@media screen and (max-width: 767px) {
    body { min-width: 320px; padding-top: 0; padding-bottom: 10px; background:#f2f2f2; }
    .module { width: auto; padding:0; }
    #message .m-content .m-message { width: 90%; padding: 20px; }
    .kf { display: none; }
    .footer-fix { display: block; }
    .top-bar { display: none; }
    .header { margin:0; padding:0; background:none; }
    .header .module{ display:none; }
    .header nav { display:none; }

    .header-mobile{ position: fixed; display:block; width:100%;  background:#fff; left:0; top:0; opacity:1; height:auto; z-index:10;  }
    .shadow{ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); }
    .header-mobile-content{ margin:13px 10px 8px 10px; }
    .header-mobile .logo-container{ display:block; float:left; width:35%; }
    .header-mobile .logo-container img{ }
    .header-mobile .search{ float:right; position:relative; width:auto; margin:0; }
    .header-mobile .searchBox{ display:block; border:1px solid #f0f0f0; background-color:#f6f6f6; border-radius: 25px; padding-left:35px; padding-right:50px; width: 208px; height: 42px; 
                                    line-height:42px; font-size:12px; color:#000; }
    .header-mobile .searchLogo{ position:absolute; top:13px; left:11px; width:18px; height:18px; }
    .header-mobile .searchButton { display:block; cursor:pointer; position:absolute; right:5px; top:3px; width:56px; height: 36px; text-align: center; background:#023793; border-radius: 20px; 
                                        color:#fff; font-size: 12px; line-height:36px;}
    ::-webkit-search-cancel-button{ display: none; -webkit-appearance: none; }

    .banner-ny { display:none; }
    .section-pos-search { display:none; }
    .product-section{ background:#f2f2f2; }
    .product-section h1, .product-section h2, .product-section h3 { float:none; margin:0 0 10px 0; font-size:18px; color:#000; font-weight:700; border-left-width:5px; padding-left:8px; }

    .Product4-Pro { margin-top:50px; padding: 30px 8px; }
    .Product4-Pro-c li { width: 48.2%; margin-right: 0; margin-bottom: 15px; }
    .Product4-Pro-c li:nth-child(2n) { float: right; }
    .Product4-Pro-c li a { margin: 10px 10px 0 10px; }
    .Product4-Pro-c li a figcaption{ font-size: 12px; width:98%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .Product4-Pro-c li p { margin:10px 0; }
    .Product4-Pro-c li a img { display: block; width: 100%; margin-bottom: 6px; }
    .Product4-Pro-c li  span.price { font-size: 12px; margin-left:10px; }
    .Product4-Pro-c li  span.price i { font-size: 12px; }
    .Product4-Pro-c li  a.xunjia { font-size: 12px; margin-left: 20px; }
    .Product4-Pro-c li  span.type { font-size: 12px; margin:10px; display:none; }

    .Product4-Case{ padding:0 8px;  }
    .Product4-Case-title{  padding:0; }
    .Product4-Case-title p{ line-height:19px; font-size:11px; font-weight:400; color:#999; padding:6px 10px; }
    .Product4-Case-body li { float:left; width:48.6%; height:140px; margin-right:0; padding:0; margin-bottom:10px; background:#fff; }
    .Product4-Case-body li:nth-child(2n){ float:right; }
    .Product4-Case-body li:nth-child(3) { float: left; margin-right: 0; }
    .Product4-Case-body li a { display:block; color:#000; font-size:12px; text-align:center; margin:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
    .Product4-Case-body li:hover { box-shadow:none; -webkit-box-shadow: none;  }
    .Product4-Case-body li:hover a figcaption { color: #000; }
    .Product4-Case-body li a figure { margin: 0; padding: 0; }
    .Product4-Case-body li img { width:100%; height:108px; display:block; margin-bottom:4px; }
    .Product4-Case-body li figcaption { display: block; font-size: 12px; color: #999; margin: 0 6px 0 6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .Product4-Case-body ul li.more-link { display:block; height:140px; background: url(/city/img/nav/morebg.jpg) center center repeat; overflow:hidden; }
    .Product4-Case-body ul li.more-link a{ display:block; color:#fff; }
    .Product4-Case-body ul li.more-link span{ display:block; font-size: 13px; font-weight:bold; margin: 31px 0 10px 8px; text-shadow:1px 1px 2px #333; }
    .Product4-Case-body ul li.more-link img{ display:block; width:32px; height:32px; margin: 0 auto; }

    .Product4-News{ padding:0 8px; margin-top:15px; }
    .Product4-News-c { padding: 0 10px;}
    .Product4-News-c ul li{ float:left; padding:15px 0; border-bottom:1px dashed #ddd; }
    .Product4-News-c ul li:last-child{ border-bottom:0; }
    .Product4-News-c ul li:nth-child(2n){ float:left; }
    .Product4-News-c ul li img{ width:35%; height:auto;  }
    .Product4-News-c ul li div{ float:right; width:62%; margin-right:0; }
    .Product4-News-c ul li div a{ display:block; font-size:14px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .Product4-News-c ul li div p{ font-size:12px; color:#aaa; line-height:20px; padding:0; margin:6px 0 0 0; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}
