@charset "utf-8";

.w640 .w-main { max-width: 1000px; width: 100%; margin: 0 auto; }
.w640 .g-head { border-top: 1px solid #108aed; width: 100%; }
.w640 .logo { width:100px; height: 60px; display: block; float: left; margin-left:10px; vertical-align: middle; position: relative;}
.w640 .logo h1{ height: 60px; display: block;position: absolute;left: 0; top: -5px; z-index: 10; white-space: nowrap; overflow: hidden; line-height: 60px; vertical-align: middle;}
.w640 .logo h1 img{display: inline-block; height: 100%; width: auto; border: none; line-height: 60px; vertical-align: middle;}
.w640 .logo h1 span{display: inline-block; font-size: 18px; color: #333; white-space: nowrap; line-height: 60px; vertical-align: middle;}

.w640 .g-nav { display: none; }

.w640 .menu-btn { text-align: center; width: 45px; height: 45px; display: block; position: absolute; right: 9px; top: 9px; background: #108aed; border-radius: 2px; }
.w640 .menu-btn:after { content: ''; width: 25px; height: 18px; display: inline-block; background: url('../img/icon.png') no-repeat 0 -5px; position: absolute; left: 50%; top:50%; margin: -9px 0 0 -12px; }
.w640 .float-menu .menu-btn:after{background-position: -32px -5px; width: 18px; height: 18px; margin: -8px 0 0 -8px;}
.w640 .float-menu .w-main { border-top: 1px solid #108aed; }
.w640 .float-menu { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; display: none;}
.w640 .float-menu .float-menu-btn { width: 100%; height: 100%; display: block; }
.w640 .float-menu-box { box-sizing: border-box; background: #fff; }
.w640 .float-menu-box dd { padding-bottom: 10px; display: none; }
.w640 .float-menu-box dt a { line-height: 40px; height: 40px; display: block; color: #333; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-top: 1px solid #eee; position: relative; text-indent: 1em; }
.w640 .float-menu-box dt a:after { content: ""; width: 22px; height: 10px; display: block; background: url('../img/icon.png') no-repeat -84px -9px; position: absolute; right: 10px; top: 15px; }
.w640 .float-menu-box dd a { text-indent: 2em; line-height: 40px; font-size: 14px; display: block; }
.w640 .float-menu-box a:hover,
.w640 .float-menu-box a.active { color: #00479d; }
.w640 .float-menu-box .g-nav { display: block; clear: both; padding: 10px; box-sizing: border-box; }

.w640 .g-banner { width: 100%; height: 200px; overflow: hidden }
.w640 .g-banner .swiper-container,
.w640 .g-banner .swiper-wrapper,
.w640 .g-banner .swiper-slide { width: 100%; height: 100% !important; display: block }
.w640 .g-banner .swiper-slide { background-position: center center; background-size: auto 100%; background-color: #eee }
.w640 .g-banner .pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center }
.w640 .g-banner .swiper-pagination-switch { display: inline-block; width: 4px; height: 4px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer }
.w640 .g-banner .swiper-active-switch { background: #108aed; border: 1px solid #108aed }

.w640 .g-product { padding: 50px 0 20px; overflow: hidden; }
.w640 .g-module-title { text-align: center; line-height: 30px; color: #666;}
.w640 .g-module-title h2{ text-align: center; line-height: 30px; padding-bottom: 10px; font-size: 14px; color: #108aed; font-weight: normal;}
.w640 .g-module-title p:after{content:"";width:60px;height:1px;display:block;background:#ced9ff;position:absolute;left:50%;bottom:5px;margin-left:-30px;}
.w640 .g-module-title p{position: relative; padding-bottom: 5px; color: #108aed; text-transform:uppercase; font-size: 28px; line-height: 50px; font-family: 'Poiret One'; letter-spacing:2px;}

.w640 .g-product-list {  margin: 30px 10px 0; box-sizing: border-box;}
.w640 .g-product-list li { width: 50%; overflow: hidden; float: left; box-sizing: border-box; padding: 5px; }
.w640 .g-product-list li a,
.w640 .g-product-list .img,
.w640 .g-product-list img { width: 100%; height: 100%; display: block; box-sizing: border-box; overflow: hidden; margin: 0 auto; }
.w640 .g-product-list .img { border: 1px solid #eee; }
.w640 .g-product-list a:hover h2 { color: #108aed;}
.w640 .g-product-list .info { padding: 5px 10px; }
.w640 .g-product-list .info h2 { font-size: 14px; color: #333; font-weight: normal; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w640 .g-product-list .info p { font-size: 12px; color: #999; line-height: 20px; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.w640 .g-product-list a:hover{box-shadow: 0 0 15px #666;}

.w640 .g-module-nav-box{overflow: hidden; height:32px; padding:10px;}
.w640 .g-module-nav { width: 100%; height: 60px; overflow-y: hidden; overflow-x: auto; text-align: center; }
.w640 .g-module-nav ul { display: inline-block; white-space: nowrap; overflow: hidden; height: 32px; }
.w640 .g-module-nav li { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.w640 .g-module-nav li a { display: block; line-height: 30px; font-size: 12px; color: #666; padding: 0 10px; margin: 0 3px; }
.w640 .g-module-nav li a:hover { color: #108aed; }
.w640 .g-module-nav li a.active { color: #108aed; border-bottom: 1px solid #108aed; }

.w640 .g-more-box { text-align: center; clear: both; padding: 30px 0 30px; }
.w640 a.g-more-btn { display: inline-block; line-height: 22px; height: 22px; padding: 0 15px; font-size: 12px; border:1px solid #108aed; border-radius: 12px; color: #108aed; /*font-family: "宋体";*/ }
.w640 a.g-more-btn:hover { background: #108aed; color: #fff;}

.w640 .g-case { padding: 50px 0 20px;  background: #eee;}
.w640 .g-case-list {  margin: 30px 10px 0; box-sizing: border-box;}
.w640 .g-case-list li { width: 50%; overflow: hidden; float: left; box-sizing: border-box; padding: 5px; position: relative;}
.w640 .g-case-list li a,
.w640 .g-case-list .img,
.w640 .g-case-list img { position: relative; width: 100%; height: 100%; display: block; box-sizing: border-box; overflow: hidden; }
.w640 .g-case-list a:hover h2 { color: #108aed; }
.w640 .g-case-list .info { padding: 0 10px; background: rgba(0,0,0,.6); width: 100%; box-sizing: border-box; position: absolute; left: 0; bottom: 0;}
.w640 .g-case-list .info h2 { font-size: 12px; color: #108aed; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal;}
.w640 .g-case-list li:hover .info { background: rgba(32,139,211,.8); }
.w640 .g-case-list li:hover .info h2 { color: #fff; }

.w640 .g-news { padding: 20px 10px 20px; box-sizing: border-box;}
.w640 .g-news-list { width: 100%; padding-top: 20px;}
.w640 .g-news-list li { width: 100%; overflow: hidden; float: left; box-sizing: border-box; padding: 5px; }
.w640 .g-news-list .img,
.w640 .g-news-list img { width: 90px; height: 60px; display: block; box-sizing: border-box; overflow: hidden; }
.w640 .g-news-list .img{float: left;}
.w640 .g-news-list .info { margin-left:100px; display: block;}
.w640 .g-news-list .info h2 { font-size: 14px; color: #333; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal;}
.w640 .g-news-list .info p { display: none;}
.w640 .g-news-list .info span { font-size: 11px; padding-top: 10px; display: block; }
.w640 .g-news-list .info span i { padding-right: 10px; }
.w640 .g-news-list a:hover h2 { color: #00479d; }
.w640 .g-news-list a:hover p { color: #00479d; }
.w640 .g-news-list a:hover span{ color: #00479d; }

.w640 .g-about { padding: 50px 0 20px; overflow: hidden; background-position: center center; background-size: auto 100%; background-color: #999; color: #aaa; }
.w640 .g-about .g-module-title h2{color: #fff;}

.w640 .g-about-list { max-width: 800px; margin: 0 auto; padding: 20px 20px 0; }
.w640 .g-about-list .g-about-pic { width: 100%; }
.w640 .g-about-list img { width: 100%; height: auto; }
.w640 .g-about-list .g-about-info { padding-top: 15px; }
.w640 .g-about-list .g-about-info p { text-indent: 2em; padding-bottom: 10px; font-size: 12px;}

.w640 .g-foot { padding: 20px 10px; background: #32373c; color: #dadada; overflow: hidden; box-sizing: border-box; }
.w640 .g-foot .w-main { max-width: 1000px; }
.w640 .g-foot a { color: #dadada; }
.w640 .g-foot a:hover { color: #108aed; }
.w640 .g-foot dl { width: 50%; float: left; overflow: hidden; text-align: center; padding-bottom:20px; }
.w640 .g-foot dt a { font-size: 14px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.w640 .g-foot dd a { line-height: 30px; display: block; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.w640 .foot-contact { width: 100%; float: left; text-align: center; box-sizing: border-box;}
.w640 .foot-contact-phone { font-size: 22px; }
.w640 .foot-contact p{font-size: 12px;}
.w640 .weixin { width: 30px; height: 28px; display: inline-block; margin: 0 10px; background: url('../img/contact.png') no-repeat 0 0; }
.w640 .qq { width: 25px; height: 28px; display: inline-block; margin: 0 10px; background: url('../img/contact.png') no-repeat -51px 0; }
.w640 .qq-btn{width: 22px; height: 27px; display: inline-block; margin: 5px 10px 0 0; background: url('../img/contact.png') no-repeat -161px 0;}
.w640 .weibo{ width: 29px; height: 28px; display: inline-block; margin: 0 10px; background: url('../img/contact.png') no-repeat -96px 0; }
.w640 .weibo-btn,.WeChat-btn{ margin: 10px 10px 0 0; display: inline-block;}
.w640 .weibo-btn img,.WeChat-btn img { width: 100px; height: 100px; }
.w640 .foot-contact-btn { padding-top: 12px; text-align: center;}
.w640 .foot-contact-btn span{display: block; margin:0 auto; line-height: 30px; vertical-align: middle;}
.w640 .foot-contact-btn span a{display: inline-block; line-height: 15px; vertical-align: middle;}
.w640 .foot-contact-btn span img{vertical-align: middle;}
.w640 .foot-bottom {font-size: 12px; text-align: center; padding: 15px 10px; overflow: hidden; background: #282d32; color: #ccc; box-sizing: border-box;}
.w640 .link { padding-bottom: 10px; display: none;}

.w640 .foot-bottom p{font-size: 12px;}
.w640 .foot-bottom a { color: #ccc; padding: 0 5px;  font-size: 12px;}
.w640 .foot-bottom a:hover { color: #00479d; }
.w640 .foot-bottom a:hover:before { color: #ccc; }

.w640 .pager { text-align: center; }
.w640 .pager li { display: inline-block; margin: 0 1px; }
.w640 .pager a { display: inline-block; width: 24px; height: 24px; line-height: 24px; font-size: 12px; border: 1px solid #108aed; border-radius: 2px; color: #108aed; }
.w640 .pager a.prev,
.w640 .pager a.next { width: 48px; font-family: '宋体'; }
.w640 .pager a:hover,
.w640 .pager a.active { background: #108aed; color: #fff; }
.w640 .pager a.disabled { background: #eee; border: 1px solid #ccc; color: #ccc; cursor: default; }

.w640 .g-bread-crumbs { width: 100%; max-width: 1000px; box-sizing: border-box; margin: 0 auto; padding: 20px; font-size: 12px; color: #666; line-height: 20px; white-space: nowrap; }
.w640 .g-bread-crumbs a { color: #666; margin-right: 10px; }
.w640 .g-bread-crumbs a:after { content: '>'; font-family: '宋体'; vertical-align: middle; margin-left: 10px; }
.w640 .g-bread-crumbs a:hover { color: #108aed; }
.w640 .g-bread-crumbs a.active:after { display: none; }
.w640 .g-bread-crumbs a.active:hover { color: #666; }

.w640 .g-product-detail { width: 100%; max-width: 1000px; box-sizing: border-box; margin: 0 auto 50px; overflow: hidden; }
.w640 .w640 .g-detail-title h2 { line-height: 30px; font-size: 16px; color: #666; text-align: center; background: #eee; display: block; font-weight: normal; }
.w640 .g-detail-title p { line-height: 20px; font-size: 12px; color: #999; text-align: center; display: block; padding: 10px 0; }
.w640 .g-detail-title p span { padding: 0 5px; }
.w640 .g-detail-content { overflow: hidden; font-size: 14px; color: #666; }
.w640 .g-detail-content img { display: inline-block; text-align: center; max-width: 100%; height: auto; }

.w640 .g-news-detail{ width: 100%; box-sizing: border-box; margin: 0 auto 50px; padding: 20px; overflow: hidden; border: 1px solid #eee; }

.w640 .g-contact { width: 100%; max-width: 1000px; margin: 0 auto 50px; overflow: hidden; position: relative; }
.w640 .g-contact-info { width: 100%; overflow: hidden; display: block; background: #108aed; color: #fff; box-sizing: border-box; padding: 20px; }
.w640 .g-contact-info h2{ text-align: center; padding: 20px 0 0; }
.w640 .g-contact-info a { color: #fff; }
.w640 .g-contact-info dl { min-height: 100px; padding: 20px 0 0 0; font-size: 14px; line-height: 24px; box-sizing: border-box; width: 50%; overflow: hidden; float: left;}
.w640 .g-contact-info dt { font-size: 12px; color: #bbe1ff; }
.w640 .g-contact-info dd { font-size: 14px; color: #fff; }
.w640 .g-contact-info .phone { line-height: 24px; display: block; }
.w640 .g-contact-info .address { line-height: 20px; display: block; padding-right: 20px;}
.w640 .g-contact-info .qq-btn { display: inline-block; margin-right:5px;}
.w640 .g-contact-map { width: 100%; overflow: hidden; background: #eee; box-sizing: border-box; }
.w640 .map-box { width: 100%; height: 400px; display: block; overflow: hidden; }
.w640 .anchorBL { left: -99999px !important; }
.w640 .weibo-WeChat{display: none;}

.w640 .g-product-detail-head { overflow: hidden; position: relative; }
.w640 .g-product-detail-photo { overflow: hidden; width: 100%; position: relative;}
.w640 .g-product-detail-photo .swiper-container,
.w640 .g-product-detail-photo .swiper-wrapper,
.w640 .g-product-detail-photo .swiper-slide{ width: 100%; overflow: hidden; }
.w640 .g-product-detail-photo .swiper-slide img { width: 100%; height:auto; overflow: hidden; }
.w640 .g-product-detail-photo .small-box { width: 100%; vertical-align: middle; overflow: hidden; position: absolute; left: 0; bottom: 10px; z-index: 1000; text-align: center; }
.w640 .g-product-detail-photo .small-box ul { display: inline-block; }
.w640 .g-product-detail-photo .small-box li { width: 6px; height: 6px; border-radius: 4px; display: block; float: left; box-sizing: border-box; margin: 0 5px; overflow: hidden; cursor: pointer; position: relative; background: #fff;}
.w640 .g-product-detail-photo .small-box li img {display: none; }
.w640 .g-product-detail-photo .small-box li.active{background: #108aed;}
.w640 .g-product-detail-info { box-sizing: border-box; padding: 20px; width: 100%; overflow: hidden; }
.w640 .g-product-detail-info .title { font-size: 18px; color: #666; line-height: 24px; padding-bottom: 10px; }
.w640 .g-product-detail-info dl { line-height: 20px; padding: 5px 0; font-size: 14px; color: #333; }
.w640 .g-product-detail-info dt { display: inline-block; color: #999; vertical-align: top; }
.w640 .g-product-detail-info dd { display: inline-block; }
.w640 .g-product-detail-info .btn-box { text-align: center; }
.w640 .ask-btn { width: 100px; height: 30px; line-height: 30px; background: #108aed; border: 1px solid #0a7ad5; color: #fff; text-align: center; display: inline-block; margin: 20px 10px 0 10px; }
.w640 .ask-btn:hover { background: #0a7ad5; color: #fff; }
.w640 .ask-btn:active { background: #10aced; }
.w640 .order-btn { width: 100px; height: 30px; line-height: 30px; background: #ffae00; border: 1px solid #ff7e00; color: #fff; text-align: center; display: inline-block; margin: 20px 10px 0 10px; }
.w640 .order-btn:hover { background: #ff7e00; color: #fff; }
.w640 .order-btn:active { background: #ffae00; }

.g-product-detail-body { clear: both; overflow: hidden; margin-top: 30px; }
.w640 .g-product-detail-body .tabs { height: 40px; line-height: 40px; overflow: hidden; border: 1px solid #eee; background: #f9f9f9; }
.w640 .g-product-detail-body .tabs a { width: 120px; text-align: center; display: block; float: left; line-height: 40px; height: 40px; color: #666; border-right: 1px solid #eee; box-sizing: border-box; }
.w640 .g-product-detail-body .tabs a:hover { color: #108aed; }
.w640 .g-product-detail-body .tabs a.active { color: #108aed; border-bottom: 2px solid #108aed; }
.w640 .g-product-detail-body .info { padding: 20px; overflow: hidden; font-size: 14px; clear: #666; line-height: 1.5em; border: 1px solid #eee; margin-top: -1px; }
.w640 .g-product-detail-body .info img { display: inline-block; text-align: center; max-width: 100%.w640 ; height: auto; }