﻿@charset "utf-8";

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

.w1200 .g-nav { float: right; width: 64%;}
.w1200 .g-nav dl { width: 14.28%; float: left; position: relative; box-sizing: border-box;}
.w1200 .g-nav dt { width: 100%; height: 80px; line-height: 80px; color: #108aed; text-align: center; }
.w1200 .g-nav a { width: 100%; color: #108aed; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; }
.w1200 .g-nav a:hover { background: #108aed; color: #fff; }
.w1200 .g-nav dd { display: none; width: 100%; box-sizing: border-box; height: 40px; line-height: 40px; background: #fff; color: #108aed; position: absolute; right: 0; top: 80px; z-index: 100; }
.w1200 .g-nav dd a { color: #666; border-top: 1px solid #eee; text-align: center; font-size: 12px; text-overflow: ellipsis;background: #fff;  overflow: hidden; white-space: nowrap;}
.w1200 .g-nav dl:hover dt a { background: #108aed; color: #fff; }
.w1200 .g-nav dl:hover dd { display: block; }
.w1200 .g-nav dl dd a:hover { background: #108aed; color: #fff; }

.w1200 .g-nav dl dt a.active { background: #108aed; color: #fff; }

.w1200 .menu-btn{display: none;}

.w1200 .float-menu{display: none;}

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

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

.w1200 .g-product-list { width: 100%; padding-top: 30px;}
.w1200 .g-product-list li { width: 25%; overflow: hidden; float: left; box-sizing: border-box; padding: 10px; }
.w1200 .g-product-list li a,
.w1200 .g-product-list .img,
.w1200 .g-product-list img { width: 100%; height: 100%; display: block; box-sizing: border-box; overflow: hidden; margin: 0 auto; }
.w1200 .g-product-list .img { border: 1px solid #eee; }
.w1200 .g-product-list a:hover h2 { color: #108aed;}
.w1200 .g-product-list .info { padding: 5px 10px; }
.w1200 .g-product-list .info h2 { font-size: 14px; color: #333; font-weight: normal; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w1200 .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; }
.w1200 .g-product-list a:hover{box-shadow: 0 0 15px #666;}

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

.w1200 .g-more-box { text-align: center; clear: both; padding: 30px 0 30px; }
.w1200 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: "宋体";*/ }
.w1200 a.g-more-btn:hover { background: #108aed; color: #fff;}

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

.w1200 .g-news { padding: 50px 0; }
.w1200 .g-news-list { width: 100%;  padding-top: 20px;}
.w1200 .g-news-list li { width: 50%; overflow: hidden; float: left; box-sizing: border-box; padding: 5px; }
.w1200 .g-news-list .img,
.w1200 .g-news-list img { width: 100%; height: 100%; display: block; box-sizing: border-box; overflow: hidden; }
.w1200 .g-news-list .img{float: left; padding: 6px 8px;width: 150px; height: 100px; box-sizing: border-box;}
.w1200 .g-news-list .info { margin-left:165px; display: block;}
.w1200 .g-news-list .info h2 { padding-top: 5px; font-size: 14px; color: #333; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal;}
.w1200 .g-news-list .info p { font-size: 12px; color: #999; line-height: 20px; height: 40px; font-size: 12px; color: #999; line-height: 20px; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.w1200 .g-news-list .info span { font-size: 12px; padding-top: 6px; display: block; }
.w1200 .g-news-list .info span i { padding-right: 10px; }
.w1200 .g-news-list a:hover h2 { color: #108aed; }
.w1200 .g-news-list a:hover p { color: #108aed; }
.w1200 .g-news-list a:hover span{ color: #108aed; }
.w1200 .g-news-list li:hover{box-shadow: 0 0 10px #666;}

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

.w1200 .g-about .g-module-nav li a{color:#fff;}
.w1200 .g-about .g-module-nav li a:hover{color:#fff;}
.w1200 .g-about .g-module-nav li a.active { color: #fff; border-bottom: 1px solid #fff; }

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

.w1200 .g-foot { padding: 50px 20px; background: #32373c; color: #dadada; overflow: hidden; box-sizing: border-box; }
.w1200 .g-foot .w-main { max-width: 1000px; }
.w1200 .g-foot a { color: #dadada; }
.w1200 .g-foot a:hover { color: #108aed; }
.w1200 .g-foot dl { width: 20%; float: left; overflow: hidden; }
.w1200 .g-foot dt a { font-size: 15px; line-height: 30px; }
.w1200 .g-foot dd a { line-height: 30px; display: block; font-size: 12px; }
.w1200 .g-foot dt a:hover{color: #108aed;}
.w1200 .g-foot dd a:hover{color: #108aed;}

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

.w1200 .foot-bottom a { color: #ccc; padding: 0 5px; }
.w1200 .foot-bottom a:hover { color: #108aed; }
.w1200 .foot-bottom a:hover:before { color: #ccc; }

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

.w1200 .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; }
.w1200 .g-bread-crumbs a { color: #666; margin-right: 10px; }
.w1200 .g-bread-crumbs a:after { content: '>'; font-family: '宋体'; vertical-align: middle; margin-left: 10px; }
.w1200 .g-bread-crumbs a:hover { color: #108aed; }
.w1200 .g-bread-crumbs a.active:after { display: none; }
.w1200 .g-bread-crumbs a.active:hover { color: #666; }

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

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

.w1200 .g-contact { width: 100%; max-width: 1000px; margin: 0 auto 50px; overflow: hidden; position: relative; }
.w1200 .g-contact-info { width: 300px; height: 600px; display: block; background: #108aed; color: #fff; box-sizing: border-box; padding: 30px; position: absolute; left: 0; top: 0; }
.w1200 .g-contact-info a { color: #fff; }
.w1200 .g-contact-info dl { padding-top: 20px; font-size: 14px; line-height: 24px; }
.w1200 .g-contact-info dt { font-size: 12px; color: #bbe1ff; }
.w1200 .g-contact-info dd { font-size: 14px; color: #fff; }
.w1200 .g-contact-info .phone { line-height: 24px; display: block; }
.w1200 .g-contact-info .address { line-height: 20px; display: block; }
.w1200 .g-contact-info .qq-btn { display: inline-block; }
.w1200 .g-contact-map { width: 100%; padding-left: 300px; overflow: hidden; background: #eee; box-sizing: border-box; }
.w1200 .map-box { width: 100%; height: 600px; display: block; overflow: hidden; }
.w1200 .anchorBL { left: -99999px !important; }

.w1200 .g-product-detail-head { overflow: hidden; position: relative; min-height: 400px; }
.w1200 .g-product-detail-photo { overflow: hidden; width: 400px; float: left; position: absolute; left: 0; top: 0; }
.w1200 .g-product-detail-photo .swiper-container,
.w1200 .g-product-detail-photo .swiper-wrapper,
.w1200 .g-product-detail-photo .swiper-slide,
.w1200 .g-product-detail-photo .swiper-slide img { width: 400px; height: 400px; overflow: hidden; }
.w1200 .g-product-detail-photo .small-box { width: 400px; height: 62px; overflow: hidden; padding: 10px 0; position: absolute; left: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.5); text-align: center; }
.w1200 .g-product-detail-photo .small-box ul { display: inline-block; }
.w1200 .g-product-detail-photo .small-box li { width: 72px; height: 62px; display: block; float: left; box-sizing: border-box; padding: 0 5px; overflow: hidden; cursor: pointer; position: relative; }
.w1200 .g-product-detail-photo .small-box li.active:after { content: ""; width: 62px; height: 62px; box-sizing: border-box; border: 3px solid #108aed; position: absolute; left: 5px; top: 0; display: block; }
.w1200 .g-product-detail-photo .small-box li img { width: 100%; height: 100%; display: block; }
.w1200 .g-product-detail-info { box-sizing: border-box; padding-left: 420px; width: 100%; overflow: hidden; }
.w1200 .g-product-detail-info .title { font-size: 20px; color: #666; line-height: 24px; padding-bottom: 10px; }
.w1200 .g-product-detail-info dl { line-height: 20px; padding: 5px 0; font-size: 12px; color: #333; }
.w1200 .g-product-detail-info dt { display: inline-block; color: #999; vertical-align: top; }
.w1200 .g-product-detail-info dd { display: inline-block; }
.w1200 .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 20px 0 0; }
.w1200 .ask-btn:hover { background: #0a7ad5; color: #fff; }
.w1200 .ask-btn:active { background: #10aced; }
.w1200 .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 20px 0 0; }
.w1200 .order-btn:hover { background: #ff7e00; color: #fff; }
.w1200 .order-btn:active { background: #ffae00; }

.w1200 .g-product-detail-body { clear: both; overflow: hidden; margin-top: 30px; }
.w1200 .g-product-detail-body .tabs { height: 40px; line-height: 40px; overflow: hidden; border: 1px solid #eee; background: #f9f9f9; }
.w1200 .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; }
.w1200 .g-product-detail-body .tabs a:hover { color: #108aed; }
.w1200 .g-product-detail-body .tabs a.active { color: #108aed; border-bottom: 2px solid #108aed; }
.w1200 .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; }
.w1200 .g-product-detail-body .info img { display: inline-block; text-align: center; max-width: 100%; height: auto; }