@charset "UTF-8";
.header-top { height: 118px; }
.header-top .logo { margin-top: 36px; float: left; }
.header-top .login { margin-top: 44px; float: right; }
.header-top .login a { padding-left: 24px; color: #5c6171; font-weight: bold; background: url(../images/icon/user.png) no-repeat left center; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.header-top .login a:hover { color: #009cff; background-position: left 4px center; }
.header-top .login span{font-weight: bold;font-size: 14px;cursor: pointer;}
.header-top .search-container { float: right; margin-top: 35px; margin-right: 38px; }
.header-top .search-container form { height: 40px; line-height: 40px; border: 1px solid #8d909b; border-radius: 4px; overflow: hidden; }
.header-top .search-container select { padding: 10px;  height: 38px; line-height: 38px; color: 5c6171; border: none; border-right: 1px solid #8d909b; vertical-align: top; background-position: right 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; }
.header-top .search-container input { vertical-align: top; line-height: 36px; }
.header-top .search-container input[type="text"] { padding-left: 15px; }
.header-top .search-container input[type="submit"] { width: 44px; background: url(../images/icon/search.png) no-repeat center; cursor: pointer; }

::-webkit-input-placeholder { color: #888; }

.header-nav { background: #009cff; }
.header-nav .header-nav-container { float: left; font-size: 0; }
.header-nav .header-nav-container li { position: relative; display: inline-block; }
.header-nav .header-nav-container li::before { content: ""; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto 0; width: 2px; height: 16px; background: #40b5ff; }
.header-nav .header-nav-container li:hover, .header-nav .header-nav-container li.on { background: #80ceff; }
.header-nav .header-nav-container li:hover::before, .header-nav .header-nav-container li.on::before { content: ""; width: 0; }
.header-nav .header-nav-container li:last-child::after { content: ""; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto 0; width: 2px; height: 16px; background: #40b5ff; }
.header-nav .header-nav-container li:last-child:hover::after, .header-nav .header-nav-container li:last-child.on::after { content: ""; width: 0; }
.header-nav .header-nav-container a { padding: 0 30px; font-size: 15px; color: #fff; font-weight: bold; line-height: 48px; }
.header-nav .service-line { float: right; font-size: 15px; line-height: 48px; color: #fff; font-weight: bold; }

/* 页面底部 */
.footer-top { padding: 74px 0 80px; background: #333942; }
.footer-top .footer-top-container { display: flex; }
.footer-top .top1 { background: url(../images/icon/iconfont-dianhua.png); }
.footer-top .top2 { background: url(../images/icon/email.png); }
.footer-top .top3 { background: url(../images/icon/iconfont-addres.png); }
.footer-top .footer-top-icon { position: relative; flex: 1; padding-top: 6px; padding-left: 85px; min-height: 51px; font-size: 15px; color: #fff; background-repeat: no-repeat; background-position: left top; }
.footer-top .footer-top-icon .font-bold { font-weight: bold; }
.footer-top .footer-top-icon a{color:#fff;}
.footer-top .footer-top-icon::before { content: ""; display: inline-block; position: absolute; top: 0; left: 67px; width: 1px; height: 65px; background: #c2c4c7; }

.footer-bottom { height: 60px; line-height: 60px; background: #292f38; }
.footer-bottom .copyright { float: left; color: #abacaf; }
.footer-bottom .copyright  a{color:#fff;}
.footer-bottom .footer-bottom-share { float: right; }
.footer-bottom .share-container { padding-top: 12px; height: 60px; }
.footer-bottom .share-container li { height: 36px; display: inline-block; }
.footer-bottom .share-container .weixin { position: relative; }
.footer-bottom .share-container .weixin:hover .weixin-img { display: block; }
.footer-bottom .share-container .weixin:hover .weixin-img img{width: 80px;height: 80px;}
.footer-bottom .share-container .weixin-img { position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; background: #fff; text-align: center; box-shadow: 0 0 5px #fff; display: none; }
.footer-bottom .share-container .weixin-img p { font-size: 12px; line-height: 22px; }
.footer-bottom .share-container .share-icon { display: inline-block; margin: auto 5px; width: 36px; height: 36px; cursor: pointer; border-radius: 50%; }
.footer-bottom .share-container .share-icon:hover { background-color: #555; }
.footer-bottom .share-container .icon1 { background: url(../images/icon/skype.png); }
.footer-bottom .share-container .icon2 { background: url(../images/icon/weixin.png); }
.footer-bottom .share-container .icon3 { background: url(../images/icon/iconfont-qq.png); }

@keyframes Loading { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }
.index-container { padding-top: 18px; }
.index-container .index-items { width: 1300px; }
.index-container .index-items li { float: left; margin-bottom: 4px; margin-right: 8px; }
.index-container .index-items li a { width: 314px; height: 314px; background: #f9f9f9; overflow: hidden; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.index-container .index-items li a:hover { box-shadow: 0 5px 5px #ddd; transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.index-container .index-items li a:hover img { transform: translate(-50%, -54%); -o-transform: translate(-50%, -54%); -ms-transform: translate(-50%, -54%); -moz-transform: translate(-50%, -54%); -webkit-transform: translate(-50%, -54%); }
.index-container .index-items li .index-items-img { position: relative; height: 256px; }
.index-container .index-items li .index-items-img img { max-width: 100%; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.index-container .index-items li .index-items-text { padding: 0 60px; font-size: 18px; color: #159be1; line-height: 22px; text-align: center; -webkit-line-clamp: 2; }
.index-container .load-more { padding: 30px 0; text-align: center; }
.index-container .load-more a { position: relative; padding: 12px 0; width: 172px; font-size: 16px; color: #fff; font-weight: bold; background: #009cff; border-radius: 20px; text-align: center; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.index-container .load-more a:hover { padding-left: 30px; }
.index-container .load-more a:hover .loading { left: 50px; opacity: 1; animation: Loading 1.5s linear 0.3s infinite; -o-animation: Loading 1.5s linear 0.3s infinite; -moz-animation: Loading 1.5s linear 0.3s infinite; -webkit-animation: Loading 1.5s linear 0.3s infinite; }
.index-container .load-more a .loading { position: absolute; left: 30px; top: 0; bottom: 0; margin: auto 0; margin-right: 5px; display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: url(../images/icon/load.png) no-repeat; opacity: 0; transition: all .5s; }

/* 关于我们 */
.public-header { line-height: 62px; border-bottom: 1px solid #e4e4e4; background: #fafafd; }
.public-header h3 { float: left; font-size: 24px; color: #343434; }
.public-header .local { float: right; font-size: 12px; }
.public-header .local .blue { color: #009cff; }
.public-header .local a { color: #666; }
.public-header .local a:hover { color: #009cff; }
.public-header .local span { color: #666; }

.center-content { padding: 40px 0; }
.center-content .aside-nav { float: left; width: 242px; border: 1px solid #e9e9e9; }
.center-content .aside-nav li { line-height: 40px; }
.center-content .aside-nav li:hover, .center-content .aside-nav li.on { background: #009cff; }
.center-content .aside-nav li:hover > a, .center-content .aside-nav li.on > a { color: #fff; border: none; background: url(../images/icon/ir.png) no-repeat right 30px center; }
.center-content .aside-nav .aside-hide-nav { display: none; }
.center-content .aside-nav li.on .aside-hide-nav { display: block; }

.center-content .aside-nav .aside-hide-nav a { padding-left: 32px; color: #fff; border: none; }
.center-content .aside-nav .aside-hide-nav a:hover { background: #80ceff; }
.center-content .aside-nav .aside-hide-nav li:last-child a { border-bottom: 1px dashed #d7d7d8; }
.center-content .aside-nav a { padding: 0 30px 0 16px; display: block; font-size: 12px; color: #717171; border-bottom: 1px dashed #d7d7d8; }
.center-content .aside-nav li:last-child a { border: none; }

.center-content .aside-nav .aside-hide-nav li.on a{background: #80ceff; }

.center-content .public-right-container { float: left; margin-left: 50px; width: 988px; }

/*.about-content h3 { margin-bottom: 32px; color: #009cff; font-weight: bold; }*/
/*.about-content p { margin-bottom: 32px; line-height: 24px; color: #585858; text-align: justify; }*/
.about-content img{max-width:100%;}

/* 产品中心 */
.product-container { width: 1010px; }
.product-container li { float: left; margin: 0 22px 20px 0; width: 180px;  overflow: hidden; border: 1px solid #e6e5e4; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.product-container li:hover { box-shadow: 0 5px 5px #ddd; transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.product-container li:hover img { transform: translate(-50%, -54%); -o-transform: translate(-50%, -54%); -ms-transform: translate(-50%, -54%); -moz-transform: translate(-50%, -54%); -webkit-transform: translate(-50%, -54%); }
.product-container li:hover .product-text { color: #009cff; }
.product-container li a { display: block; }
.product-container li .product-img { position: relative; width: 100%; height: 180px; background: #e6e5e4; }
.product-container li .product-img img { max-width: 100%; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.product-container li .product-text {height: 32px;overflow: hidden; padding-top: 8px;padding-bottom: 8px; font-size: 16px; color: #222; text-align: center; -webkit-line-clamp: 1; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.product-container li .product-text:nth-child(3){color: red;}
.public-page { padding-top: 12px; text-align: center; }
.public-page a { padding: 0 8px; margin: 0 5px; font-size: 12px; color: #999; line-height: 22px; border: 1px solid #ddd; }
.public-page a:hover, .public-page a.on { color: #fff; background: #009cff; border-color: #009cff; }

/* 下载中心 */
.download-container { margin-bottom: 20px; }
.download-container .download-table { width: 100%; }
.download-container .download-table thead { background: #ccd0d9; }
.download-container .download-table thead tr { height: 50px; }
.download-container .download-table thead th { font-size: 16px; font-weight: bold; color: #fff; }
.download-container .download-table tbody tr { height: 74px; border-bottom: 1px dashed #ddd; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.download-container .download-table tbody tr:hover { background: #f1faff; }
.download-container .download-table tbody tr:hover td { color: #009cff; font-weight: bold; }
.download-container .download-table tbody tr:hover .down-icon { background: url(../images/icon/downa.png) no-repeat center; }
.download-container .download-table tbody td { color: #444; text-align: center; }
.download-container .download-table .text-left { padding-left: 40px; text-align: left; }
.download-container .download-table .down-icon { margin: 0 auto; display: inline-block; width: 17px; height: 21px; background: url(../images/icon/down.png) no-repeat center; cursor: pointer; }

/* 联系我们 */
.contact-container { padding: 45px; background: #f6f6f6; }

.contact-wide { width: 1200px; margin: 0 auto; }

.map-text { padding: 40px 82px 40px 55px; background: #fff; }
.map-text .map { float: right;width: 440px;height: 285px; }
.map-text .contact-text { float: left; width: 540px; }
.map-text .contact-text h3 { margin-bottom: 15px; font-size: 24px; color: #009cff; font-weight: bold; line-height: 34px; }
.map-text .contact-text .cicon1 { background: url(../images/icon/i_add.png) no-repeat left 3px top 10px; }
.map-text .contact-text .cicon2 { background: url(../images/icon/i_num.png) no-repeat left 2px top 10px; }
.map-text .contact-text .cicon3 { background: url(../images/icon/i_tel.png) no-repeat left 1px top 10px; }
.map-text .contact-text .cicon4 { background: url(../images/icon/i_email.png) no-repeat left 3px top 10px; }
.map-text .contact-text .cicon5 { background: url(../images/icon/i_net.png) no-repeat left top 10px; }
.map-text .contact-text .contact-icon { padding-left: 30px; color: #585858; line-height: 36px; }

.contact-online { margin-top: 20px; padding: 35px 0 50px; background: #fff; }
.contact-online h3 { margin: 40px 0; text-align: center; font-size: 26px; }
.contact-online h3::before { content: ""; display: inline-block; margin-right: 34px; margin-bottom: 7px; width: 332px; height: 1px; background: #ccc; }
.contact-online h3::after { content: ""; display: inline-block; margin-left: 34px; margin-bottom: 7px; width: 332px; height: 1px; background: #ccc; }
.contact-online .online-form { width: 892px; margin: 0 auto; text-align: center; }
.contact-online .online-form input[type="text"] { margin-right: 38px; margin-bottom: 28px; padding: 0 10px; height: 38px; width: 272px; border: 1px solid #dcdcdc; border-radius: 6px; }
.contact-online .online-form input[type="text"]:nth-child(3n) { margin-right: 0; }
.contact-online .online-form textarea { margin-bottom: 40px; padding: 10px; width: 892px; height: 140px; border: 1px solid #dcdcdc; border-radius: 6px; }
.contact-online .online-form input[type="submit"], .contact-online .online-form input[type="reset"] { width: 210px; height: 50px; font-size: 16px; color: #fff; background: #009cff; border-radius: 6px; cursor: pointer; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.contact-online .online-form input[type="submit"]:hover, .contact-online .online-form input[type="reset"]:hover { box-shadow: 0 5px 5px #aaa; transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.contact-online .online-form input[type="submit"] { margin-right: 6px; }
.sex{width: 120px;line-height: 30px;text-align: left;margin-bottom: 10px;color: #666;}
/* 登录 */
.login-container { padding: 105px 0; background: #f6f6f6; }
.login-container .login-window { padding-top: 90px; margin: 0 auto; width: 890px; height: 480px; background: #fff; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
.login-container .login-window form { width: 390px; margin: 0 auto; }
.login-container .login-window form p { margin-bottom: 5px; color: #585858; font-weight: bold; }
.login-container .login-window input[type="text"], .login-container .login-window input[type="password"] { margin-bottom: 25px; padding: 0 15px; background: #f3f3f3; height: 46px; width: 100%; border-radius: 6px; }
.login-container .login-window input[type="password"] { margin-bottom: 50px; }
.login-container .login-window input[type="submit"] { width: 100%; height: 50px; color: #fff; font-size: 18px; background: #009cff; border-radius: 6px; cursor: pointer; transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.login-container .login-window input[type="submit"]:hover { transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); box-shadow: 0 5px 5px #aaa; }

/* 产品中心 */
.product-details-container { padding-bottom: 40px; }

.product-img-container { margin: 0 auto; width: 600px; }

#small-box { position: relative; width: 600px; height: 598px; }
#small-box img { max-width: 100%; }

/* #big-box{
	display: none; position: absolute; top: 0; left: 600px; width: 300px; height: 200px; overflow: hidden; border: 1px solid #ccc; z-index: 1;
	background: #fff;
	img{
		position: absolute;
	}
}
#float-box{
	display: none; width: 160px; height: 120px; position: absolute; background: #ffffcc; border: 1px solid #ccc; filter: alpha(opacity=50); opacity: 0.5;
} */
.product-img-list { position: relative; margin-top: 20px; padding: 0 38px; width: 600px; }
.product-img-list .swiper-slide { width: 123px; height: 123px; border: 2px solid #e5e5e5; cursor: pointer; }
.product-img-list .swiper-slide img { max-width: 100%; }
.product-img-list .swiper-slide:hover, .product-img-list .active { border: 2px solid #80ceff; }
.product-img-list .swiper-button-prev { left: 0; top: 0; bottom: 0; margin: auto 0; background: url(../images/icon/i_left.png) no-repeat; }
.product-img-list .swiper-button-prev:hover { background: url(../images/icon/i_lefta.png) no-repeat; background-size: 100% 100%; }
.product-img-list .swiper-button-next { right: 0; top: 0; bottom: 0; margin: auto 0; background: url(../images/icon/i_right.png) no-repeat; }
.product-img-list .swiper-button-next:hover { background: url(../images/icon/i_righta.png) no-repeat; background-size: 100% 100%; }
.product-img-list .swiper-button-prev, .product-img-list .swiper-button-next { position: absolute; width: 28px; height: 123px; background-size: 100% 100%; }

.product-item-desc { margin-top: 40px; width: 100%; line-height: 54px; background: #eee; }
.product-item-desc li { display: inline-block; }
.product-item-desc li a { padding: 0 40px; font-size: 16px; color: #666; font-weight: bold; }
.product-item-desc li:hover a, .product-item-desc li.on a { background: #80ceff; color: #fff; }

.hide-desc { padding-top: 26px; }

.hide-desc-container .hide-price-container .select-price { font-size: 24px; font-weight: bold; color: #ff8a00; }
.hide-desc-container .select-container { margin-top: 15px; }
.hide-desc-container .select-container span { float: left; line-height: 20px; color: #666; }
.hide-desc-container .select-alink { margin-left: 14px; float: left; }
.hide-desc-container .select-alink a { margin: 0 2px; width: 50px; height: 22px; line-height: 22px; text-align: center; border: 1px solid #d7d7d7; background: #f0f9ff; }
.hide-desc-container .select-alink a:hover, .hide-desc-container .select-alink a.on { border-color: #009cff; }

/*# sourceMappingURL=style.css.map */