@charset "UTF-8";

@font-face {
  font-family: 'iconfont';
  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');
}
.g-w1180 { width: 1180px; margin: 0 auto; }
.g-w1000 { width: 1000px; margin: 0 auto; }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.g-header { width: 100%; height: 42px; color: #fff; line-height: 42px; white-space: nowrap; background: #39557a; text-align: right; }
.logo { float: left; height: 100%; display: block;}
.logo img { width: auto; height: 100%; background: none; display: block;}
.g-head { overflow: hidden; }
.g-nav { float: right; height: 80px; overflow: hidden; }
.g-nav a { width: 100px; height: 80px; line-height: 80px; font-size: 14px; font-weight: bold; color: #10223a; display: block; float: left; text-align: center; }
.g-nav a.hover,
.g-nav a:hover{color: #007cc7;}

.g-banner { width: 100%; height: 500px; display: block; overflow: hidden; }
.g-banner .swiper-wrapper,
.g-banner .swiper-slide { width: 100%; height: 500px; overflow: hidden; background-repeat: no-repeat; background-size: auto 100%; background-position: center center; }
.pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.swiper-active-switch { background: #fff; }
.arrow-left { background: url(../bg/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 100; }
.arrow-right { background: url(../bg/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 100; }

.index-product{background:#fff;overflow:hidden;}

.g-title { width: 990px; height: 50px; padding: 35px 0 0; text-align: center; position: relative; margin: 0 auto 60px; }
.g-title:after { content: ""; width: 400px; height: 1px; background: #ddd; display: block; position: absolute; left: 0; top: 80px; }
.g-title:before { content: ""; width: 400px; height: 1px; background: #ddd; display: block; position: absolute; right: 0; top: 80px; }
.g-title-box { position: absolute; left: 50%; top: 35px; width: 230px; height: 80px; margin-left: -115px; }
.g-title-box h2 { display: block; font-size: 22px; line-height: 40px; color: #696969; }
.g-title-box span { display: block; font-size: 12px; line-height: 20px; text-transform: uppercase; color: #b4b4b4; }
.g-title-box:before { content: ""; width: 20px; height: 2px; display: block; background: #ff7d00; position: absolute; left: 50%; bottom: 0; margin-left: -10px; }
img { background-color: #eee; background-image: url("../bg/default.png"); background-repeat: no-repeat; background-position: center center; }

.g-more-btn { clear: both; font-size: 12px; width: 120px; height: 30px; display: block; overflow: hidden; margin: 20px auto 30px; border: 1px solid #39557a; color: #39557a; text-align: center; line-height: 30px; border-radius: 15px; }
.g-more-btn:hover { border: 1px solid #007cc7; color: #007cc7; background: rgba(0, 110, 225, 0.3); }
.g-more-btn:active { border: 1px solid #007cc7; color: #fff; background: #007cc7; }

.g-product-list { overflow: hidden; }
.g-product-item { width: 265px; float: left; padding: 0 15px 10px; }
.g-product-item .pic { width: 265px; height: 220px; display: block; }
.g-product-item .pic img { width: 100%; height: 100%; display: block; }
.g-product-item .info { padding: 10px 0; }
.g-product-item .info h2 { font-size: 14px; color: #1e3360; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.g-product-item .info span { font-size: 12px; color: #1e3360; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-product-item .info h2 a { color: #1e3360; }

.index-case { width: 100%; overflow: hidden; background: url('../images/case-bg.jpg') repeat-x center center; background-size: auto 100%; }
.index-case .g-title-box h2{color: #fff;}
.index-case .g-title-box span{color: #fff;}
.index-case .g-title-box h2{color: #fff;}
.index-case .g-title-box span{color: #fff;}

.g-case-list { overflow: hidden; width: 1185px; height: 350px; }
.g-case-list-box{ width: 1180px; position: relative; margin: 0 auto;}
.g-case-item { width: 395px; float: left; padding: 0 0 10px; box-sizing:border-box; }
.g-case-item .pic { width: 365px; height: 220px; display: block;  margin: 0 auto;}
.g-case-item .pic img { width: 100%; height: 100%; display: block; }
.g-case-item .info { padding: 10px 0; width: 365px; margin: 0 auto;  text-align: center; position: relative;}
.g-case-item .info h2 { font-size: 14px; color: #1e3360; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.g-case-item .info:after { content: ""; width: 35px; height: 4px; background: #e97913; position: absolute; left: 50%; top: 50px; margin-left: -16px; }
.g-case-item .info span { display: block; padding-top: 40px; font-size: 12px; height: 36px; color: #1e3360; line-height: 18px; overflow: hidden; text-overflow: ellipsis;}
.g-case-item .info h2 a { color: #1e3360; }

.case-prev-btn { width: 30px; height: 60px; display: block; position: absolute; left: -30px; top: 150px; z-index: 100; background: rgba(0, 110, 225, 0.3); border-radius: 2px; }
.case-prev-btn:hover { background: #007cc7; }
.case-prev-btn:after { content: ""; background: url(../bg/arrows.png) no-repeat left top; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -15px; width: 17px; height: 30px; }
.case-next-btn { width: 30px; height: 60px; display: block; position: absolute; right: -30px; top: 150px; z-index: 100; background: rgba(0, 110, 225, 0.3); border-radius: 2px; }
.case-next-btn:hover { background: #007cc7; }
.case-next-btn:after { content: ""; background: url(../bg/arrows.png) no-repeat left bottom; position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -7px; width: 17px; height: 30px; }

.index-about-box { width: 1180px; margin: 0 auto 50px; }
.index-about-info { font-size: 14px; }
.index-about-info p { text-indent: 2em; }
.index-about-info img{ max-width: 100%; height: auto; display: block; margin: 0 auto;}

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

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

.foot-bottom a { color: #ccc; padding: 0 5px; }
.foot-bottom .link a:before { content: "/"; margin-right: 10px; }
.foot-bottom a:hover { color: #108aed; }
.foot-bottom a:hover:before { color: #ccc; }

.foot-bottom p img{
	display: inline-block;
	vertical-align: middle;
}

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

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

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

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

.g-detail { width: 1180px; margin: 0 auto; padding-bottom: 50px; overflow: hidden; }
.g-detail-main { width: 1000px; box-sizing: border-box; padding: 20px; overflow: hidden; border: 1px solid #eee; float: right; }
.g-detail-menu { width: 160px; float: left; }
.g-detail-right { width: 1000px; float: right; }

.g-detail-menu dt { display: block; overflow: hidden; background: #1f4171; padding: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; text-transform: uppercase; margin: 10px 0; }
.g-detail-menu dd { padding: 10px 0; background: #1f4171; }
.g-detail-menu a { display: block; overflow: hidden; background: #1f4171; padding: 10px 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; }
.g-detail-menu a h2 { font-size: 14px; }
.g-detail-menu a span { font-size: 12px; }
.g-detail-menu a:hover { color: #ffae00; }
.g-detail-menu a.active { color: #ffae00; }

.prevnext { clear: both; overflow: hidden; }
.prevnext .prev { float: left; height: 32px; line-height: 32px; padding: 0 10px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 20px 0; }
.prevnext .next { float: right; height: 32px; line-height: 32px; padding: 0 10px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 20px 0; text-align: right; }
.prevnext .prev:hover,
.prevnext .next:hover { color: #108aed; }

.g-element { padding: 5px 0; }
.g-element-label { float: left; display: block; padding-right: 10px; box-sizing: border-box; }
.g-element-label i { color: #f00; font-size: 16px; padding-right: 3px; vertical-align: -3px; line-height: 20px; }
.g-element .g-element-label { width: 100px; text-align: right; font-size: 14px; color: #666; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g-element .g-element-control { margin-left: 100px; display: block; position: relative; }

.errorTips { border: 1px solid #f00 !important; }
.errorTips .ui-dialog-arrow-a { border-bottom: 6px solid #f00 !important; }

.g-news-list {}
.g-news-list:after { content: ""; width: 100%; height: 0; display: block; clear: both; }
.g-news-list li { width: 50%; overflow: hidden; float: left; box-sizing: border-box; padding: 5px; }
.g-news-list .img,
.g-news-list img { width: 100%; height: 100%; display: block; box-sizing: border-box; overflow: hidden; }
.g-news-list .img{float: left; padding: 6px 8px;width: 150px; height: 100px; box-sizing: border-box;}
.g-news-list .info { margin-left:165px; display: block;}
.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;}
.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; }
.g-news-list .info span { font-size: 12px; padding-top: 6px; display: block; }
.g-news-list .info span i { padding-right: 10px; }
.g-news-list a:hover h2 { color: #108aed; }
.g-news-list a:hover p { color: #108aed; }
.g-news-list a:hover span{ color: #108aed; }
.g-news-list li:hover{box-shadow: 0 0 10px #666;}