/*
Theme Name: DouPHP 默认模板
Theme URI: http://demo.douphp.com/
Description: DouPHP 默认模板
Version: 1.0
Author: DouCo Co.,Ltd.
Author URI: https://www.douphp.com/
*/
/* 初始化
----------------------------------------------- */
body {
 font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
 color: #555;
 background-color: #FFF;
}
body, button, input, textarea {
 font-size: 14px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
@media (max-width: 992px) {
 body, button, input, textarea {
  font-size: 14px;
 }
}
a {
 color: #333333;
}
a:hover {
 color: #333333;
 text-decoration: none;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin: 0;
 padding: 0;
}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 14px;
 margin: 0;
 padding: 0;
}
input, select {
 font-family: Microsoft Yahei;
 vertical-align: middle;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset !important;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 vertical-align: middle;
 border: 0;
}
label {
 cursor: pointer;
}
/* 主体框架
----------------------------------------------- */
#wrapper .mb {
 margin-bottom: 50px;
}
@media (min-width: 1200px) {
 .container {
  max-width: 1390px;
 }
 .container {
  padding-left: 5%;
  padding-right: 5%;
 }
 .container-fluid {
  padding-left: 35px;
  padding-right: 35px;
 }
}
@media (max-width:992px) {
 .row {
  margin-left: -7px;
  margin-right: -7px;
 }
 .row .col-6 {
  padding-left: 7px;
  padding-right: 7px;
 }
}
#wrapper .wrap {
 zoom: 1;
 overflow: hidden;
}
#wrapper .bg {
 background-color: #F5F5F5;
}
#wrapper .pd-md {
 padding-top: 50px;
 margin-top: -50px;
 padding-bottom: 50px;
}
#wrapper .banner {
 height: 360px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto 100%;
}
@media (max-width:992px) {
 #wrapper .banner {
  height: 240px;
 }
}
#wrapper .position {
	line-height: 1px;
	font-size: 1px;
	height: 0;
	overflow: hidden;
}
/* 头部导航
----------------------------------------------- */
#header {
	position: fixed;
 top: 0;
 right: 0;
 left: 0;
 z-index: 1030;
}
/* -- navbar -- */
#header .navbar {
 z-index: 1000;
 background-color: rgba(255, 255, 255, 0);
}
#header .navbar.fix {
 background-color: #FFF;
 box-shadow: 0px 3px 10px 0px rgb(38 107 193 / 8%);
}
@media (min-width:992px) {
 #header .navbar {
  padding: 0;
 }
}
#header .navbar .logo {
 display: block;
 height: 60px;
}
@media (max-width:992px) {
 #header .navbar .logo {
  height: 40px;
 }
}
#header .navbar .logo img {
 height: 100%;
}
#header .navbar .logo .black {
 display: none;
}
#header .navbar.fix .logo .white {
 display: none;
}
#header .navbar.fix .logo .black {
 display: inline-block;
}
#header .navbar .navbar-brand {
 max-width: 90%;
 overflow: hidden;
}
@media (min-width: 992px) {
 #header .navbar .navbar-brand {
  width: 160px;
  overflow: hidden;
 }
}
#header .navbar .menu {
 background-color: transparent;
}
#header .navbar .navbar-action .fa {
 font-size: 30px;
 padding: 0 8px;
 color: #FFF;
}
#header .navbar.fix .navbar-action .fa {
 color: #555;
}
#header .main-nav .dropdown-menu {
 padding: 0;
 margin: 0;
 border: 0;
 border-radius: 0;
}
/* -- main-nav -- */
@media (max-width: 992px) {
 #header .main-nav {
  background-color: #fff;
  margin: 0 -1rem;
  padding: 0 15px;
 }
}
@media (min-width:992px) {
 #header .main-nav .dropdown-menu {
  width: 200px;
  font-size: 16px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
 }
 /* LEVEL ONE */
 #header .main-nav .nav-item .nav-link {
  display: block;
  padding: 0 20px;
  height: 100px;
  line-height: 100px;
  font-size: 16px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  position: relative;
 }
 #header .navbar.fix .main-nav .nav-item .nav-link {
  color: #000;
 }
 #header .main-nav .nav-item .nav-link::after {
  display: none;
 }
 #header .navbar .main-nav .nav-item:hover .nav-link::before, #header .navbar .main-nav .nav-item.active .nav-link::before {
  background: #FFF none repeat scroll 0 0;
  bottom: 30px;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 30px;
 }
 #header .navbar.fix .main-nav .nav-item:hover .nav-link::before, #header .navbar.fix .main-nav .nav-item.active .nav-link::before {
  background: #999 none repeat scroll 0 0;
 }
 /* LEVEL TWO */
 #header .main-nav .dropdown:hover > .dropdown-menu {
  display: block;
 }
 #header .main-nav .dropdown-menu .dropdown-item {
  background: #FFF;
  padding: 15px 20px;
  font-size: 14px;
 }
 #header .main-nav .dropdown-menu .dropdown-item:hover {
  color: #009FE6;
 }
 /* LEVEL THREE */
 #header .main-nav .dropdown-menu .dropdown-menu {
  left: 100%;
  top: 0;
  min-width: 98px;
  _width: 98px;
 }
 #header .main-nav .dropdown-submenu:hover > .dropdown-menu {
  display: block;
 }
 #header .main-nav .dropdown-menu .dropdown-toggle::after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -1px;
  vertical-align: 0;
  border-right: 0;
  border-top: .2em solid transparent;
  border-left: .3em solid;
  border-bottom: .2em solid transparent;
 }
 #header .search-trigger {
  margin-left: 30px;
 }
 #header .search-trigger .fa {
  font-size: 20px;
  color: #FFF;
 }
 #header .navbar.fix .search-trigger .fa {
  color: #000;
 }
}
@media (max-width:992px) {
 #header .main-nav .dropdown-toggle::after {
  position: absolute;
  right: 10px;
  top: 23px;
 }
 #header .main-nav .dropdown-menu {
  padding-left: 15px;
 }
 #header .main-nav .dropdown-menu .dropdown-item {
  position: relative;
 }
 #header .main-nav .dropdown-item, #header .main-nav .nav-link {
  border-bottom: 1px solid #EEE;
  padding: 0.8rem 0;
  background-color: transparent;
 }
 #header .main-nav .dropdown-menu .dropdown-item:active {
  color: #555;
  background-color: #FFF;
 }
}
/* 首页样式
----------------------------------------------- */
/* -- slideShow -- */
.slide-show .swiper-slide a {
 display: block;
 background-color: #DDDDDD;
 height: 600px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
.slide-show .swiper-slide a.mobile {
 display: none;
}
@media (max-width:992px) {
 .slide-show .swiper-slide a.pc {
  display: none;
 }
 .slide-show .swiper-slide a.mobile {
  display: block;
 }
}
.slide-show .swiper-pagination-bullets {
	bottom: 30px;
}
.slide-show .swiper-pagination-bullet {
 width: 50px;
 height: 8px;
	border-radius: 0;
}
.slide-show .swiper-pagination-bullet-active {
 background-color: #FFF;
}
.slide-show .swiper-button-prev {
 left: 50px;
}
.slide-show .swiper-button-next {
 right: 50px;
}
.slide-show .swiper-button-prev, .slide-show .swiper-button-next {
 display: block;
 color: #FFF;
}
@media (max-width:992px) {
 .slide-show .swiper-button-prev::after, .slide-show .swiper-button-next::after {
  font-size: 30px;
 }
 .slide-show .swiper-button-prev {
  top: 45%;
  left: 30px;
 }
 .slide-show .swiper-button-next {
  top: 45%;
  right: 30px;
 }
}
.slide-show:hover .swiper-button-prev, .slide-show:hover .swiper-button-next {
 display: block;
}
@media (max-width:992px) {
 .slide-show .swiper-slide a {
  height: 400px;
 }
}
/* -- index-box -- */
#index .index-box {
 padding: 90px 0;
 zoom: 1;
 overflow: hidden;
}
#index .index-box.s {
 padding: 60px 0 45px 0;
}
@media (max-width:992px) {
 #index .index-box {
  padding: 30px 0;
 }
 #index .index-box.s {
  padding: 15px 0 0 0;
 }
}
#index .index-box.no {
 padding: 0 0;
}
#index .index-box.bg-img {
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
#index .index-box h3 {
 text-align: center;
 margin-bottom: 60px;
}
#index .index-box h3 b {
 display: block;
 color: #333;
 font-size: 39px;
 margin-bottom: 8px;
}
#index .index-box h3 em {
 display: block;
 font-size: 20px;
 text-transform: uppercase;
 color: #999;
 padding: 0 20px;
}
@media (max-width:992px) {
 #index .index-box h3 {
  margin-bottom: 30px;
 }
 #index .index-box h3 em {
  font-size: 16px;
 }
}
#index .index-box .more {
 text-align: center;
}
#index .index-box .more a {
 display: inline-block;
 padding: 10px 30px;
 background-color: #009FE6;
 color: #FFF;
}
#index .index-box .more a:hover {
 background-color: #009FE6;
 color: #FFF;
}
/* -- about -- */
#index .about .img {
 margin: 0 40px 0 40px;
}
#index .about .img img {
 width: 100%;
}
.heading-border-line {
 height: 2px;
 border-radius: 0;
 width: 40px;
 background: #009FE6;
 position: relative;
 display: inline-block;
 left: 15px;
 top: -3px;
}
.heading-border-line:after, .heading-border-line:before {
 position: absolute;
 content: '';
 width: 10px;
 height: 2px;
 border-radius: 3px;
 top: 0;
 background: #009FE6;
}
.heading-border-line:before {
 right: -20px;
}
.heading-border-line:after {
 right: -40px;
}
/* -- service-box -- */
#index .service-box {
	transition: 0.5s
}
#index .service-box .item {
 display: block;
 text-align: center;
 border: 1px solid #EEE;
 padding: 40px 20px;
 margin-bottom: 15px;
}
@media (max-width:992px) {
 #index .service-box {
  padding: 0 5px;
 }
 #index .service-box .col-6 {
  padding-left: 9px;
  padding-right: 9px;
 }
}
#index .service-box .item .icon {
 margin-bottom: 25px;
}
#index .service-box .item .icon .fa {
	transition: all ease .3s;
 font-size: 50px;
 color: #004FA4;
}
#index .service-box .item:hover {
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
#index .service-box .item:hover .icon .fa {
 transform: rotateY(180deg);
}
#index .service-box .item .name {
 margin-bottom: 10px;
 font-size: 20px;
 font-weight: bold;
 color: #333;
}
#index .service-box .item .text {
 color: #999;
}
@media (max-width:992px) {
 #index .service-box .item .name {
  font-size: 16px;
 }
}
/* -- all-product -- */
#index .all-product-bg {
 padding: 40px 0;
 min-height: 556px
}
@media (min-width:992px) {
 #index .all-product-bg {
  padding: 100px 0;
  min-height: 800px
 }
}
#index .all-product .nav-tabs {
	display: block;
	float: left;
	width: 360px;
	background-color: rgba(0, 0, 0, .5);
	border-bottom: 0;
}
#index .all-product .nav-tabs .nav-link {
	cursor: pointer;
	color: #FFF;
	border: 0;
	padding: 24px 40px 24px 60px;
 font-size: 21px;
}
@media (min-width:992px) {
 #index .all-product .nav-tabs .nav-link {
  height: 82px;
  overflow: hidden;
 }
}
#index .all-product .nav-tabs .nav-link i {
	display: inline-block;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin-right: 20px;
}
@media (max-width:992px) {
 #index .all-product .nav-tabs {
  width: 110px;
 }
 #index .all-product .nav-tabs .nav-link {
  padding: 10px 8px 10px 15px;
  font-size: 14px;
 }
 #index .all-product .nav-tabs .nav-link i {
  width: 20px;
  height: 20px;
  margin-right: 10px;
 }
}
#index .all-product .nav-tabs .nav-link.active, #index .all-product .nav-tabs .nav-link:hover {
	background-color: #004FA4;
}
#index .all-product .tab-content {
	margin-left: 390px;
}
@media (max-width:992px) {
 #index .all-product .tab-content {
  margin-left: 121px;
 }
}
#index .all-product .list .row {
 margin-left: -10px;
 margin-right: -10px;
}
#index .all-product .list .col-md-3, #index .all-product .list .col-md-4, #index .all-product .list .col-6 {
 padding-left: 10px;
 padding-right: 10px;
}
#index .all-product .list .item {
	text-align: center;
 margin-bottom: 20px;
}
#index .all-product .list .item .img {
 background-color: #d2e6f6;
}
@media (min-width:992px) {
 #index .all-product .list .item .img {
  height: 263px;
 }
}
#index .all-product .list .item .name {
	padding: 0 10px;
 height: 55px;
 line-height: 55px;
	background-color: #EEE;
 white-space: nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
}
@media (max-width:992px) {
 #index .all-product .list .item {
  margin-bottom: 10px;
 }
 #index .all-product .list .item .img {
  padding: 0 0;
 }
 #index .all-product .list .item .img img {
  width: 82%;
 }
 #index .all-product .list .item .name {
  padding: 10px 10px;
  background-color: #EEE;
 }
}
#index .all-product .list .tab-pane {
 position: relative;
}
@media (min-width:992px) {
 #index .all-product .list .tab-pane {
  min-height: 680px;
 }
}
#index .all-product .list .tab-pane .more {
 position: absolute;
 right: -90px;
 top: 50%;
 font-size: 20px;
 color: #FFF;
 border: 3px solid #FFF;
 width: 50px;
 height: 50px;
 line-height: 45px;
 margin-top: -35px;
 border-radius: 50%;
}
/* -- advantage -- */
#index .advantage {
	
}
#index .index-box.bg-advantage {
 background-repeat: no-repeat;
 background-position: center 330px;
 background-size: cover;
}
@media (max-width:992px) {
 #index .index-box.bg-advantage {
  background-position: center 245px;
 }
}
#index .advantage .nav-tabs {
	border-bottom: 0;
 justify-content: space-between;
}
#index .advantage .nav-tabs .nav-link {
	width: 25%;
	cursor: pointer;
	color: #333;
	border: 0;
	text-align: center;
	padding: 0;
	border-radius: 0;
	transition: 0.5s
}
#index .advantage .nav-tabs .nav-link b {
	display: block;
	font-size: 28px;
	height: 43px;
	line-height: 43px;
	margin-top: 20px;
}
#index .advantage .nav-tabs .nav-link em {
	display: block;
	font-family: "Arial";
 font-weight: normal;
 font-size: 12px;
 font-style: italic;
	height: 20px;
	line-height: 20px;
	margin-top: 2px;
}
#index .advantage .nav-tabs .nav-link i {
	display: none;
	height: 80px;
	padding: 25px 0;
}
#index .advantage .nav-tabs .nav-link i img {
	width: 32px;
	height: 32px;
}
@media (max-width:992px) {
 #index .advantage .nav-tabs .nav-link b {
  font-size: 16px;
	 height: 33px;
	 line-height: 33px;
  margin-top: 5px;
 }
 #index .advantage .nav-tabs .nav-link em {
  display: none;
 }
 #index .advantage .nav-tabs .nav-link i {
  display: none;
  height: 40px;
  padding: 0;
 }
}
#index .advantage .nav-tabs .nav-link.active, #index .advantage .nav-tabs .nav-link:hover {
	background-color: #004FA4;
	color: #FFF;
}
#index .advantage .nav-tabs .nav-link.active i, #index .advantage .nav-tabs .nav-link:hover i {
	display: block;
}
#index .advantage .tab-pane {
	transition: 0.5s;
}
#index .advantage .item {
	padding: 80px 0 0 0;
}
@media (max-width:992px) {
 #index .advantage .item {
  padding: 40px 0 0 0;
 }
}
#index .advantage .item .con-box {
	color: #FFF;
	margin-right: 30px;
}
@media (max-width:992px) {
 #index .advantage .item .con-box {
  margin-right: 0;
 }
}
#index .advantage .item .con-box .head {
	zoom: 1;
	overflow: hidden;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 30px;
	margin-bottom: 50px;
}
@media (max-width:992px) {
 #index .advantage .item .con-box .head {
	 margin-bottom: 20px;
 }
}
#index .advantage .item .con-box .head i {
	display: block;
	width: 66px;
	height: 99px;
	text-align: center;
	color: #FFF;
	font-size: 30px;
	padding-top: 19px;
	font-weight: bold;
 background-repeat: no-repeat;
 background-position: left top;
 background-size: cover;
	background-image:url('images/icon_advantage.png');
	float: left;
}
#index .advantage .item .con-box .head b {
	display: block;
	margin-left: 90px;
	font-size: 28px;
	margin-top: 3px;
}
#index .advantage .item .con-box .head em {
	display: block;
	margin-left: 90px;
	font-size: 32px;
	font-weight: bold;
}
@media (max-width:992px) {
 #index .advantage .item .con-box .head b {
  font-size: 18px;
  margin-top: 3px;
 }
 #index .advantage .item .con-box .head em {
  font-size: 22px;
 }
}
#index .advantage .item .con-box .text {
	font-size: 19px;
}
@media (max-width:992px) {
 #index .advantage .item .con-box .text {
  font-size: 14px;
  line-height: 1.8em;
 }
}
#index .advantage .item .img-box {
	margin: -5px;
	zoom: 1;
	overflow: hidden;
}
#index .advantage .item .img-box i {
	display: block;
	padding: 5px;
}
#index .advantage .item .img-box img {
	width: 100%;
}
#index .advantage .item .img-box.two i, #index .advantage .item .img-box.four i {
	width: 50%;
	float: left;
}
#index .advantage .item .img-box.three i {
	width: 33%;
	float: left;
}
#index .advantage .tel-box {
	margin-top: 70px;
	color: #FFF;
}
#index .advantage .tel-box .tel {
	display: flex;
	justify-content: center;
}
#index .advantage .tel-box .tel .title {
	border: 2px solid #004FA4;
	font-size: 20px;
	padding: 4px 20px;
	height: 54px;
	line-height: 42px;
	box-sizing: border-box;
}
#index .advantage .tel-box .tel .title i {
	font-size: 30px;
	box-sizing: border-box;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -4px;
}
#index .advantage .tel-box .tel .title em {
	font-size: 20px;
}
#index .advantage .tel-box .tel .num {
	display: inline-block;
	background-color: #004FA4;
	font-size: 25px;
	line-height: 54px;
	box-sizing: border-box;
	padding: 0 50px 0 20px;
}
@media (max-width:992px) {
 #index .advantage .tel-box {
  margin-top: 30px;
 }
 #index .advantage .tel-box .tel .title i {
  font-size: 24px;
 }
 #index .advantage .tel-box .tel .title em {
  font-size: 16px;
 }
 #index .advantage .tel-box .tel .num {
  font-size: 18px;
 }
}
/* -- all-article -- */
#index .all-article {
	
}
#index .all-article .nav-tabs {
	border-bottom: 0;
 justify-content: space-between;
 margin: 0 -15px;
}
#index .all-article .nav-tabs .nav-link {
	width: 30%;
	color: #333;
	border: 0;
	padding: 0 15px;
	border-radius: 0;
	transition: 0.5s;
 background-color: transparent;
}
#index .all-article .nav-tabs .nav-link .item {
	cursor: pointer;
	color: #333;
	padding: 20px 30px;
	background-color: #FFF;
}
@media (max-width:992px) {
 #index .all-article .nav-tabs {
  margin: 0 -5px;
 }
 #index .all-article .nav-tabs .nav-link {
  width: 30%;
  padding: 0 5px;
 }
 #index .all-article .nav-tabs .nav-link .item {
  padding: 10px 15px;
 }
}
#index .all-article .nav-tabs .nav-link .item b {
	display: block;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 7px;
 border-bottom: 1px solid #DDD;
 padding-bottom: 7px;
 width: 80%;
}
#index .all-article .nav-tabs .nav-link .item em {
 font-size: 14px;
 text-transform: uppercase;
 color: #989898;
}
#index .all-article .nav-tabs .nav-link i img {
	width: 32px;
	height: 32px;
}
#index .all-article .nav-tabs .nav-link.active {
	width: 40%;
}
#index .all-article .nav-tabs .nav-link.active .item {
	background-color: #004FA4;
}
#index .all-article .nav-tabs .nav-link.active .item b {
	color: #FFF;
}
#index .all-article .nav-tabs .nav-link.active .item em {
	color: #EEE;
}
#index .all-article .article-list {
 margin-top: 50px;
}
@media (max-width:992px) {
 #index .all-article .nav-tabs .nav-link .item b {
  font-size: 14px;
  width: 80%;
 }
 #index .all-article .nav-tabs .nav-link .item em {
  font-size: 12px;
 }
 #index .all-article .article-list {
  margin-top: 20px;
 }
 #index .all-article .article-list .img-box {
  margin-bottom: 15px;
 }
}
#index .all-article .article-list .text-box {
 height: 400px;
 overflow: hidden;
}
#index .all-article .article-list .text-box li {
 height: 120px;
}
.scroll-box { height: 260px; overflow: hidden;}
.scroll-box li { height: 26px;}
#index .all-article .article-list .img {
 text-align: center;
 overflow: hidden;
}
#index .all-article .article-list .img img {
 width: 100%;
}
#index .all-article .article-list .img em {
 display: block;
 background-color: #EEE;
 line-height: 278px;
 color: #999;
}
#index .all-article .article-list .item {
 zoom: 1;
 overflow: hidden;
 padding: 20px;
 height: 120px;
 background-color: #FFF;
}
#index .all-article .article-list .item dt {
 float: left;
 width: 80px;
 font-family: Arial, Lucida, Verdana, Helvetica, sans-serif;
 text-align: center;
}
#index .all-article .article-list .item dt em {
 display: block;
 font-size: 36px;
 padding-bottom: 3px;
 color: #999;
}
#index .all-article .article-list .item dt b {
 display: block;
 font-size: 15px;
 color: #555;
}
#index .all-article .article-list .item dd {
 margin-left: 100px;
 font-size: 14px;
}
#index .all-article .article-list .item dd a {
 display: block;
 margin-bottom: 5px;
 color: #333;
 font-size: 20px;
}
@media (max-width:992px) {
 #index .all-article .article-list .item dd a {
  font-size: 14px;
  font-weight: bold;
 }
}
#index .all-article .article-list .item dd p {
 color: #9A9A9A;
 line-height: 180%;
}
/* -- about-box -- */
#index .about-box {
 padding-top: 100px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 color: #fff;
}
#index .about-box .row {
 margin-right: 0;
 margin-left: 0;
}
#index .about-box .left {
 padding-left: 0;
 padding-right: 70px;
}
#index .about-box .right {
 padding-left: 0;
 padding-right: 0;
}
#index .about-box .title {
 font-size: 28px;
}
#index .about-box .sub {
 font-size: 48px;
 line-height: 1.2;
 font-weight: bold;
 margin-bottom: 35px;
 position: relative;
}
#index .about-box .sub::after {
 content: '';
 width: 55px;
 height: 5px;
 background-color: #fff;
 position: absolute;
 left: 0;
 bottom: -20px;
}
#index .about-box .desc {
 font-size: 16px;
 line-height: 2.2;
}
#index .about-box .num-box {
 padding-top: 65px;
 padding-bottom: 70px;
 text-align: center;
 background: url('images/about_num.png') repeat-x left;
 margin-top: 20px;
}
#index .about-box .num-box .item .num {
 font-size: 52px;
 font-family: Arial, Helvetica, sans-serif;
}
#index .about-box .num-box .item .num span {
 font-weight: bold;
 font-size: 52px;
 margin-right: 5px;
}
#index .about-box .num-box .item .text {
 font-size: 20px;
}
#index .about-box .item:nth-child(3) #index .about-box .num-box .item .num {
 font-size: 24px;
}
@media (max-width:992px) {
 #index .about-box {
  padding: 30px 10px;
 }
 #index .about-box .left {
  padding-right: 0;
 }
 #index .about-box .title {
  font-size: 26px;
 }
 #index .about-box .sub {
  font-size: 38px;
 }
 #index .about-box .sub::after {
  width: 45px;
  height: 3px;
 }
 #index .about-box .desc {
  font-size: 14px;
  margin-bottom: 20px;
 }
 #index .about-box .num-box {
  padding-top: 35px;
  padding-bottom: 20px;
  margin-top: 20px;
 }
 #index .about-box .num-box .item .num {
  font-size: 22px;
 }
 #index .about-box .num-box .item .num span {
  font-size: 32px;
 }
 #index .about-box .num-box .item {
  margin-bottom: 30px;
 }
 #index .about-box .num-box .item .text {
  font-size: 14px;
 }
 #index .about-box .item:nth-child(3) #index .about-box .num-box .item .num {
  font-size: 16px;
 }
}
/* -- home-cate -- */
@media (min-width:992px) {
 #index .home-cate {
  display: flex;
  justify-content: space-between;
 }
}
#index .home-cate .item {
 background-color: #DDDDDD;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 position: relative;
 flex: 1;
}
#index .home-cate .item .con {
 display: block;
 height: 100%;
 background-color: rgba(0, 0, 0, .7);
 padding: 120px 70px 100px 70px;
 color: #FFF;
 text-align: center;
}
#index .home-cate .item .con:hover {
 background-color: rgba(0, 0, 0, .5);
}
#index .home-cate .item .con .name {
 font-size: 26px;
 margin-bottom: 10px;
}
#index .home-cate .item .con .desc {
 line-height: 180%;
}
/* -- recCase -- */
#index .case-list {
 margin-bottom: 25px;
}
#index .case-list .row {
 margin-left: -9px;
 margin-right: -9px;
}
#index .case-list .col-md-3, #index .case-list .col-md-6, #index .case-list .col-md-4, #index .case-list .col-md-8, #index .case-list .col-6 {
 padding-left: 9px;
 padding-right: 9px;
}
#index .case-list .item {
 margin-bottom: 22px;
 text-align: center;
}
#index .case-list .item .img {
 border: 1px solid #EEE;
	position: relative;
}
#index .case-list .item .img i {
	display: block;
}
#index .case-list .item .img i img {
 width: 100%;
}
#index .case-list .item .img em {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	color: #FFF;
	font-size: 16px;
	padding: 12px 0;
}
/* -- partner-list -- */
.partner-list {
 overflow: hidden;
}
.partner-list .item {
}
.partner-list .item img {
 width: 100%;
}
.partner-list .partner-pagination {
 text-align: center;
 bottom: 20px;
}
.partner-list .partner-pagination .swiper-pagination-bullet {
 width: 20px;
 height: 5px;
 border-radius: 0;
}
/* -- link -- */
#index .link {
 padding: 10px 0;
}
#index .link strong {
 color: #7A7F81;
 font-weight: bold;
}
#index .link a {
 color: #555;
}
/* page
----------------------------------------------- */
#page {
 min-height: 400px;
}
#page h1 {
 color: #333333;
 font-size: 18px;
 font-weight: bold;
}
#page .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#page .content {
 color: #666666;
 line-height: 200%;
 padding-top: 40px;
}
#page .content img {
 max-width: 100%;
}
/* product_category border: 4px solid #004FA4;
----------------------------------------------- */
#product-category {
}
#product-category .product-list {
 margin-bottom: 25px;
}
#product-category .product-list .item {
 margin-bottom: 30px;
 zoom: 1;
 overflow: hidden;
}
@media (max-width:992px) {
 #product-category .product-list {
  margin-top: 20px;
 }
 #product-category .product-list .item {
  margin-bottom: 20px;
 }
}
#product-category .product-list .item:hover {
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
#product-category .product-list .item .img {
 background-color: #d2e6f6;
}
#product-category .product-list .item .img img {
 width: 100%;
}
#product-category .product-list .item .info-box {
 position: relative;
 padding-right: 15px;
 padding: 20px;
 border: 1px solid #EEE;
 border-top: 0;
}
#product-category .product-list .item .info-box i {
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -7px;
 color: #004FA4;
 font-size: 20px;
}
#product-category .product-list .item .info-box .name {
 color: #333;
 font-size: 18px;
 font-weight: bold;
 white-space: nowrap; /* 不换行 */
 overflow: hidden; /* 超出部分隐藏 */
 text-overflow: ellipsis; /* 添加省略号 */
 text-align: center;
}
#product-category .product-list .item .info-box .desc {
 color: #999;
 white-space: nowrap; /* 不换行 */
 overflow: hidden; /* 超出部分隐藏 */
 text-overflow: ellipsis; /* 显示省略号 */
}
/* product
----------------------------------------------- */
#product {
 padding: 15px 0;
}
#product .img-info {
 zoom: 1;
 overflow: hidden;
 border-bottom: 1px solid #DDD;
 padding-bottom: 40px;
}
#product .product-img {
 float: left;
 width: 500px;
}
#product .product-img img {
 width: 100%;
 border: 1px solid #EEE;
}
#product .product-img .swiper-button-prev {
 left: 0;
}
#product .product-img .swiper-button-next {
 right: 0;
}
#product .product-img .swiper-button-prev, #product .product-img .swiper-button-next {
 color: #333;
}
#product .product-img .swiper-button-prev:after, #product .product-img .swiper-button-next:after {
 font-size: 25px !important;
}
#product .product-img .gallery-thumbs {
 padding: 10px 0;
}
#product .product-img .gallery-thumbs .swiper-slide {
 width: 25%;
 border: 2px solid transparent;
}
#product .product-img .gallery-thumbs .swiper-slide-thumb-active {
 border: 2px solid #43B5EC;
}
#product .product-info {
 margin-left: 540px;
 padding-top: 10px;
 line-height: 200%;
}
@media (max-width: 768px) {
 #product .product-img {
  float: none;
  width: auto;
 }
 #product .product-info {
  margin-left: 0;
 }
}
#product .product-info h1 {
 font-size: 28px;
 color: #333;
}
#product .product-info .desc {
 color: #999;
 margin-top: 15px;
}
/* -- service-box -- */
#product .service-box {
	transition: 0.5s;
 margin-top: 40px;
}
#product .service-box .item {
 display: block;
 text-align: center;
 border: 1px solid #EEE;
 padding: 20px 10px;
 margin-bottom: 20px;
}
@media (max-width:992px) {
 #product .service-box {
  padding: 0 5px;
 }
 #product .service-box .col-6 {
  padding-left: 9px;
  padding-right: 9px;
 }
}
#product .service-box .item .icon {
 margin-bottom: 15px;
}
#product .service-box .item .icon img {
 height: 50px;
}
#product .service-box .item .icon .fa {
	transition: all ease .3s;
 font-size: 50px;
 color: #004FA4;
}
#product .product-content {
 padding: 15px 0;
}
#product .product-content h3 {
 padding: 30px 0 10px 0;
 color: #333;
 font-weight: bold;
 font-size: 16px;
 border-bottom: 1px solid #CBD1D3;
}
#product .product-content ul {
 padding: 15px 0;
 color: #666;
 line-height: 200%;
}
#product .product-content img {
 max-width: 100%;
 margin: 5px 0;
}
/* article_category
----------------------------------------------- */
#article-list dl {
 border-bottom: 1px dotted #D1D1D1;
 padding: 20px 0;
 zoom: 1;
 overflow: hidden;
 position: relative;
}
#article-list li {
 padding: 30px 20px 40px 0;
 background: #fff;
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 margin-bottom: 10px;
}
#article-list li::before {
 position: absolute;
 z-index: 11;
 top: 0;
 left: 0;
 right: 0;
 width: 0;
 content: "";
 margin: 0 auto;
 height: 2px;
 background: #004FA4;
 transition: all 0.3s;
}
#article-list li:hover::before {
 width: 100%;
}
#article-list li a {
 display: block;
}
#article-list li:last-child {
 margin-bottom: 0;
}
#article-list li .img {
 float: left;
 width: 23%;
 overflow: hidden;
}
#article-list li .img img {
 display: block;
 width: 100%;
 height: 100%;
 transition: all 0.3s;
}
#article-list li:hover .img img {
 transform: scale(1.05);
}
#article-list li .info {
 float: right;
 width: calc(100% - 27%);
}
@media (max-width: 992px) {
 #article-list li {
  padding: 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 30px;
 }
 #article-list li .img {
  float: none;
  width: 100%;
 }
 #article-list li .info {
  float: none;
  width: 100%;
 }
}
#article-list li .info .text {
 float: left;
 width: calc(100% - 155px);
 border-right: 1px solid #e2e2e2;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 padding-right: 40px;
}
@media (max-width: 992px) {
 #article-list li .info .text {
  float: none;
  width: 100%;
  border-right: 0;
  padding-right: 0;
 }
}
#article-list li .info .text .title {
 display: block;
 font-size: 22px;
 line-height: 50px;
 color: #333333;
 font-weight: bold;
 transition: all 0.3s;
 word-break: keep-all;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
#article-list li:hover .info .text .title {
 color: #004FA4;
}
#article-list li .info .text .desc {
 margin-top: 15px;
 font-size: 16px;
 line-height: 30px;
 color: #999999;
 height: 60px;
 overflow: hidden;
}
#article-list li .info .text .more {
 margin-top: 30px;
}
#article-list li .info .more b {
 display: inline-block;
 padding-right: 70px;
 font-size: 14px;
 line-height: 22px;
 color: #004FA4;
 background: url(images/icon_arrow_more.png) no-repeat right top 3px;
 transition: all 0.3s;
 position: relative;
}
#article-list li:hover .info .text .more b {
 background: url(images/icon_arrow_more_on.png) no-repeat right top 3px;
}
#article-list li .info .more b::before {
 position: absolute;
 z-index: 11;
 content: "";
 height: 60px;
 width: 60px;
 border-radius: 50%;
 overflow: hidden;
 border: 1px solid #9ecaf7;
 right: -23px;
 top: -20px;
 opacity: 0;
 transition: all 0.3s;
}
#article-list li:hover .info .text .more b::before {
 opacity: 1;
}
#article-list li .info .date {
 float: right;
 width: 100px;
}
#article-list li .info .date em {
 display: block;
 font-size: 60px;
 line-height: 55px;
 color: #333333;
 font-weight: bold;
}
#article-list li .info .date span {
 display: block;
 margin-top: 22px;
 font-size: 20px;
 line-height: 1.5;
 color: #333;
}
@media (max-width: 992px) {
 #article-list li .info .date {
  float: none;
  width: 100%;
 }
 #article-list li .info .date em {
  display: inline;
  font-size: 60px;
  line-height: 55px;
 }
 #article-list li .info .date span {
  display: inline;
  margin-top: 22px;
  font-size: 20px;
  line-height: 1.5;
 }
}
#article-industry .rec-list {
 margin-bottom: 60px;
}
@media (max-width: 992px) {
 #article-industry .rec-list {
  margin-bottom: 0;
 }
}
#article-industry .rec-list .img-box .item .img {
 text-align: center;
 margin-bottom: 20px;
 overflow: hidden;
}
#article-industry .rec-list .img-box .item .img img {
 width: 100%;
}
#article-industry .rec-list .img-box .item .time {
 margin-bottom: 15px;
}
#article-industry .rec-list .img-box .item .title {
 font-size: 20px;
}
#article-industry .rec-list .text-box .item {
 border-bottom: 1px solid #DDD;
 padding-bottom: 30px;
 margin-bottom: 30px;
}
#article-industry .rec-list .text-box .item .title {
 font-size: 20px;
 margin-bottom: 15px;
}
#article-industry .rec-list .text-box .item .title::before {
 content: "";
 display: inline-block;
 background-color: red;
 width: 4px;
 height: 4px;
 margin-right: 12px;
 border-radius: 50%;
 vertical-align: middle;
}
#article-industry .rec-list .text-box .item .desc {
 padding-left: 16px;
}
#article-industry .rec-list .text-box .item .desc a {
 color: #999;
}
#article-industry .article-list {
}
#article-industry .article-list .item {
 border: 1px solid #EEE;
 margin-bottom: 30px;
 position: relative;
}
#article-industry .article-list .item::after {
 content: "";
 display: block;
 width: 0%;
 background-color: #FE5C0C;
 height: 2px;
 position: absolute;
 transition: width 1s;
}
#article-industry .article-list .item:hover::after {
 width: 100%;
}
#article-industry .article-list .item .title {
 padding: 20px;
 font-size: 18px;
 white-space: nowrap; /* 不换行 */
 overflow: hidden; /* 超出部分隐藏 */
 text-overflow: ellipsis; /* 显示省略号 */
}
#article-industry .article-list .item .time {
 padding: 0 20px 20px 20px;
 color: #999;
}
@media (max-width: 992px) {
 #article-industry .article-list .row {
  margin-right: -7px;
  margin-left: -7px;
 }
 #article-industry .article-list .row .col-6 {
  padding-right: 7px;
  padding-left: 7px;
 }
 #article-industry .article-list .item {
  margin-bottom: 20px;
 }
 #article-industry .article-list .item .title {
  padding: 10px;
  font-size: 14px;
 }
 #article-industry .article-list .item .time {
  padding: 0 10px 10px 10px;
 }
}
/* article
----------------------------------------------- */
#article {
 min-height: 400px;
}
#article h1 {
 color: #333333;
 font-size: 28px;
 font-weight: bold;
}
#article .info {
 padding: 10px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#article .content {
 color: #666666;
 line-height: 180%;
}
#article .content img {
 max-width: 100%;
 margin: 5px 0;
}
/* 全局样式
----------------------------------------------- */
/*-popup-cue-*/
.popup-cue {
 zoom: 1;
}
.popup-cue .popup-bg {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 10400;
 overflow: hidden;
 position: fixed;
 background: #0b0b0b;
 opacity: .8;
 transition: opacity .3s;
}
.popup-cue .popup-area {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 10431;
 position: fixed;
 outline: 0!important;
 -webkit-backface-visibility: hidden;
}
.popup-cue .popup-box {
 display: inline-block;
 width: 680px;
 height: 320px;
 position: absolute;
 left: 50%;
 margin-left: -340px;
 top: 50%;
 margin-top: -160px;
}
@media (max-width: 992px) {
 .popup-cue .popup-box {
  width: 360px;
  height: 169px;
  margin-left: -180px;
  margin-top: -84px;
 }
}
/* -- popup-service -- */
.popup-service {
 position: relative;
}
.popup-service img {
 width: 100%;
}
.popup-service .action {
 width: 100%;
 position: absolute;
 left: 0;
 bottom: 0;
 text-align: right;
 padding: 20px;
}
.popup-service .action a {
 display: inline-block;
 padding: 5px 30px;
 margin-left: 20px;
 border-radius: 8px;
}
@media (max-width: 992px) {
 .popup-service .action {
  padding: 6px;
 }
 .popup-service .action a {
  padding: 3px 15px;
  border-radius: 6px;
  font-size: 12px;
  margin-left: 5px;
 }
}
.popup-service .action a.no {
 border: 1px solid #004FA4;
 color: #004FA4;
}
.popup-service .action a.yes {
 background-color: #FFA500;
 color: #FFF;
}
/* -- guide -- */
.guide {
 width: 100%;
 line-height: 75px;
 margin: 0 auto;
 border-bottom: #BFBFBF solid 1px;
 font-size: 14px;
 margin-bottom: 50px;
}
.guide .container {
 zoom: 1;
 overflow: hidden;
}
.guide .here {
 float: left;
 color: #999;
}
@media (max-width: 992px) {
 .guide {
  line-height: 1.8em;
  margin-bottom: 30px;
 }
 .guide .here {
  float: none;
  margin: 20px 0;
 }
}
.guide .here a {
 color: #999;
}
.guide .here .fa {
 color: #008ED5;
 font-size: 20px;
}
.guide .here img {
 max-width: 100%;
 height: auto;
 vertical-align: top;
 -ms-interpolation-mode: bicubic;
 border: 0;
}
.guide .here b {
 margin: 0 5px;
}
.guide .tree {
 float: right;
}
@media (max-width: 992px) {
 .guide .tree {
  float: none;
  overflow: auto; /* 自动显示滚动条 */
  white-space: nowrap; /* 防止内容换行 */
  width: 100%; /* 根据需要设置宽度 */
 }
}
.guide .tree div {
 display: inline-block;
}
.guide .tree a {
 display: inline-block;
 padding: 0 20px;
 font-size: 16px;
 color: #323232;
 border-bottom: #FFF solid 4px;
}
.guide .tree a:hover {
 color: #008CD7;
 border-bottom: #008CD7 solid 4px;
}
.guide .tree a.active {
 color: #008CD7;
 border-bottom: #008CD7 solid 4px;
}
/* -- ur-here -- */
.ur-here {
 padding: 25px 0 10px 0;
 line-height: 20px;
 color: #999999;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #DDD;
}
@media (max-width:992px) {
 .ur-here {
  display: none;
 }
}
.ur-here a {
 color: #999999;
}
.ur-here b {
 margin: 0 8px;
}
/* -- tree -- */
.tree-box {
 margin-bottom: 35px;
}
.tree-box h3 {
 font-weight: 600;
 padding-bottom: 15px;
 position: relative;
 text-transform: uppercase;
 z-index: 1;
 border-bottom: 1px solid #e7e7e7;
}
.tree-box h3::before {
 background: #009FE6 none repeat scroll 0 0;
 bottom: -1px;
 content: "";
 height: 2px;
 left: 0;
 position: absolute;
 width: 50px;
 z-index: -1;
}
@media (max-width:992px) {
 .tree-box h3 {
  display: none;
 }
}
.tree-box li a {
 display: block;
 border-bottom: 1px solid #EEE;
 padding: 15px 0;
 color: #000;
 font-size: 14px;
}
.tree-box ul ul li a {
  color: #888;
 }
.tree-box li a .fa {
 font-size: 14px;
 color: #555;
 margin-right: 10px;
}
.tree-box li a .fa.fa-minus-square-o {
 color: #999;
}
.tree-box li.cur a {
 color: #009FE6;
}
.tree-box li.cur a .fa {
 color: #009FE6;
}
@media (max-width:992px) {
 .tree-box {
  margin-top: 10px;
 }
 .tree-box ul {
  display: inline-block;
 }
 .tree-box li {
  display: inline-block;
  padding: 0;
  margin-right: 5px;
  margin-top: 5px;
 }
 .tree-box li i {
  display: none;
 }
 .tree-box li a {
  display: block;
  border: 1px solid #EEE;
  padding: 5px 8px;
 }
 .tree-box ul ul li a {
  color: #888;
 }
}
.tree-box .search {
 display: block;
 margin: 20px 0;
}
@media (max-width: 992px) {
 .tree-box .search {
  margin: 12px 0;
 }
}
.tree-box .search .keyword {
 width: 85px;
}
/* product-tree */
.product-tree {
 margin-top: 40px;
}
.product-tree .parent-list {
 display: flex;
 justify-content: center;
 margin-bottom: 30px;
}
.product-tree .parent-list a {
 padding: 15px 20px;
 background-color: #EEE;
 margin: 0 10px;
 font-weight: bold;
}
@media (max-width: 992px) {
 .product-tree {
  margin-top: 7px;
 }
 .product-tree .parent-list {
  display: block;
  margin-bottom: 0;
  overflow: auto; /* 自动显示滚动条 */
  white-space: nowrap; /* 防止内容换行 */
  width: 100%; /* 根据需要设置宽度 */
 }
 .product-tree .parent-list a {
  display: inline-block;
  font-size: 13px;
  padding: 8px 15px;
  margin: 5px 10px;
 }
}
.product-tree .parent-list a.active {
 background-color: #004FA4;
 color: #FFF;
}
.product-tree .child-list {
 background-color: #004FA4;
 margin-bottom: 30px;
 padding: 20px 0 5px 0;
}
.product-tree .child-list-mobile {
 display: none;
}
.product-tree .child-list a {
 display: block;
 color: #FFF;
 margin-bottom: 15px;
 text-align: center;
}
.product-tree .child-list a.active {
 color: #FBD942;
}
@media (max-width: 992px) {
 .product-tree .child-list {
  display: none;
 }
 .product-tree .child-list-mobile {
  display: block;
  overflow: auto; /* 自动显示滚动条 */
  white-space: nowrap; /* 防止内容换行 */
  width: 100%; /* 根据需要设置宽度 */
 }
 .product-tree .child-list-mobile a {
  display: inline-block;
  font-size: 13px;
  padding: 8px 15px;
  margin: 5px 10px;
 }
 .product-tree .child-list-mobile a.active {
  color: #004FA4;
 }
}
/* Search Form */
.search-form-wrapper {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 26000;
 background-color: rgba(0, 0, 0, .8);
 padding: 20px;
 opacity: 0;
 visibility: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: .3s;
}
.search-form-wrapper.open {
 opacity: 1;
 visibility: visible;
}
.search-form-wrapper .sigma_close {
 position: absolute;
 top: 60px;
 right: 60px;
 border-color: #fff;
}
.search-form-wrapper .sigma_close span {
 background-color: #fff;
}
.search-form-wrapper form {
 position: relative;
 width: 70%;
 transition-duration: .3s;
 transition-delay: .3s;
 transform: scale(.5);
 opacity: 0;
 visibility: hidden;
}
.search-form-wrapper.open form {
 transform: scale(1);
 opacity: 1;
 visibility: visible;
}
.search-form-wrapper form input {
 background-color: transparent;
 border: 0;
 border-bottom: 2px solid #fff;
 font-size: 40px;
 height: 80px;
 width: 100%;
 outline: none;
 color: #fff;
 font-weight: 400;
}
.search-form-wrapper form input::placeholder {
 color: #fff;
}
.search-form-wrapper .search-btn {
 position: absolute;
 top: 50%;
 right: 20px;
 transform: translateY(-50%);
 background-color: transparent;
 border: 0;
 color: #fff;
 font-size: 30px;
 outline: none;
 transition: .3s;
 cursor: pointer;
 padding: 0;
}
.search-form-wrapper .search-btn:before {
 content: none;
}
.search-form-wrapper .search-btn i {
 transition: 0.3s;
}
.search-form-wrapper .search-btn:hover i {
 color: var(--thm-base);
}
/* -- sigma_close -- */
.sigma_close {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 transition: 0.3s;
}
.sigma_close:hover span {
 opacity: 1;
}
.sigma_close span {
 position: absolute;
 width: 24px;
 height: 2px;
 opacity: .5;
 transition: .3s;
 background-color: var(--thm-secondary);
}
.sigma_close.light span {
 background-color: #fff;
}
.sigma_close span:first-child {
 transform: rotate(45deg);
}
.sigma_close:hover span:first-child {
 transform: rotate(0deg);
}
.sigma_close:hover span:last-child {
 transform: rotate(180deg);
}
.sigma_close span:last-child {
 transform: rotate(135deg);
}
/* -- screen -- */
.screen {
 padding-top: 20px;
 border-bottom: 1px dotted #DDD;
}
.screen dl {
 margin-bottom: 10px;
}
.screen dl dt {
 display: inline-block;
 font-weight: bold;
}
.screen dl dd {
 display: inline-block;
}
.screen dl dd a {
 display: inline-block;
 background-color: #DDD;
 color: #555;
 padding: 2px 10px;
 margin-right: 8px;
}
@media (max-width: 768px) {
 .screen dl dt {
  display: block;
 }
 .screen dl dd {
  display: block;
 }
 .screen dl dd a {
  margin-top: 8px;
 }
}
.screen dl dd a.cur {
 background-color: #009FE6;
 color: #FFF;
}
/* -- search-box -- */
.search-box {
 border: 1px solid #DDDDDD;
 background-color: #FFF;
 height: 28px;
 padding-left: 10px;
 position: relative;
}
.search-box .keyword {
 color: #CCCCCC;
}
.search-box .btnSearch {
 position: absolute;
 right: 0;
 top: 0;
 background: url(images/icon_search.png) no-repeat 50% 50%;
 width: 28px;
 height: 28px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
}
/* -- scale -- */
.scale {
 overflow: hidden;
}
.scale img, .scale .imgb {
 width: 100%;
 cursor: pointer;
 transition: all 0.6s;
}
.scale img:hover, .scale .imgb:hover {
 transform: scale(1.1);
}
/* -- imgb -- */
.imgb {
 display: block;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
.imgb img {
 width: 100%;
 opacity: 0;
}
/* -- common -- */
.cue {
 color: red;
 font-size: 14px;
}
.transition {
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.captcha {
 text-transform: uppercase;
}
.price {
 color: #CC0000;
}
.price-line {
 color: #999;
 font-size: 14px;
 text-decoration: line-through;
}
.none {
 display: none;
}
.pointer {
 cursor: pointer;
}
@media (max-width: 768px) {
 .m-none {
  display: none;
 }
}
@media (min-width: 768px) {
 .p-none {
  display: none;
 }
}
.nowrap {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
/* -- form -- */
.btn {
 display: inline-block;
 background-color: #0072C6;
 color: #EEE;
 padding: 10px 25px;
 text-transform: capitalize;
 cursor: pointer;
 text-align: center;
 -webkit-appearance: none;
 font-size: 14px;
 line-height: 1.5;
 border-radius: 0;
 border: 0;
}
.btn:hover {
 text-decoration: none;
 color: #FFFFFF;
 background-color: #007AD5;
}
.btn-gray {
 display: inline-block;
 background-color: #CCC;
 border: 0;
 color: #333;
 padding: 6px 15px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 -webkit-appearance: none;
}
.btn-payment {
 display: inline-block;
 background-color: #ff4246;
 color: #FFF;
 padding: 7px 28px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 font-size: 14px;
 text-align: center;
 -webkit-appearance: none;
}
.btn-captcha {
 display: inline-block;
 background-color: #009FE6;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border: 0;
 color: #FFF;
 padding: 7px 22px;
 text-transform: capitalize;
 cursor: pointer;
 font-size: 13px;
}
.btn-captcha[disabled], .btn-captcha:disabled, .btn-captcha.disabled {
 color: #FFF;
 background-color: #b2b2b2;
 opacity: 1;
}
/* -- color -- */
.cRed {
 color: #F40;
}
.cOra {
 color: #f30;
}
.cGre {
 color: #0c6;
}
.cBlu {
 color: #69c;
}
.cGra {
 color: #999;
}
/* -- input -- */
.text-input {
 height: 34px;
 padding: 6px;
 font-size: 14px;
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 color: #666;
 -webkit-appearance: none;
}
.text-input[disabled], .text-input:disabled, .text-input.disabled {
 color: #999;
}
.text-area {
 padding: 4px;
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 line-height: 20px;
 -webkit-appearance: none;
}
.text-area-auto {
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 padding: 0;
 font-size: 12x;
 line-height: 20px;
 resize: none;
 min-height: 40px;
 -webkit-appearance: none;
}
@media (max-width: 768px) {
 .btn, .btn-gray, .btn-payment, .btn-captcha, .text-input, .text-area, .text-area-auto, .inp-main {
  max-width: 100%;
 }
}
/*- input-file -*/
.input-file {
 width: 80px;
}
.input-file .input-file-show {
 height: 80px;
 line-height: 80px;
 text-align: center;
 color: #555;
 background-color: #F5F5F5;
}
.input-file .input-file-show img {
 width: 100%;
 height: 80px;
}
.input-file .input-file-btn {
 width: 100%;
 background-color: #EEE;
 color: #999;
 line-height: 25px;
 cursor: pointer;
 text-align: center;
 -webkit-appearance: none;
}
/*- table-basic -*/
.table-basic {
 color: #666666;
 border-left: 1px solid #EEE;
 border-top: 1px solid #EEE;
 border-collapse: collapse;
}
.table-basic select {
 color: #8F8F8F;
}
.table-basic td, .table-basic th {
 border-right: 1px solid #EEE;
 border-bottom: 1px solid #EEE;
}
.table-basic th {
 background-color: #EEE;
}
.table-basic .child {
 background-color: #FFFFFF;
}
.table-basic td label {
 margin-right: 15px;
}
.table-basic td i {
 color: #F00;
 margin-left: 5px;
 font-weight: bold;
}
/*- form-basic -*/
.form-basic dl {
 zoom: 1;
 overflow: hidden;
 margin-bottom: 20px;
}
.form-basic dl dt {
 font-weight: bold;
 margin-bottom: 5px;
 font-size: 13px;
}
.form-basic dl dt i {
 color: #F00;
 margin-left: 5px;
 font-weight: bold;
}
.form-basic dl dd label {
 margin-right: 15px;
 line-height: 34px;
}
/*- table-div -*/
.table-div {
 zoom: 1;
 overflow: hidden;
}
.table-div dl {
 zoom: 1;
 overflow: hidden;
 margin-bottom: 20px;
}
.table-div dl dt {
 font-weight: bold;
 margin-bottom: 5px;
 font-size: 13px;
}
.table-div dl dt i {
 color: #F00;
 margin-left: 5px;
 font-weight: bold;
}
.table-div dl dd label {
 margin-right: 15px;
 line-height: 34px;
}
@media (max-width:992px) {
 .table-div dl dt {
  float: none;
 }
}
/* -- lift -- */
.lift {
 margin-top: 60px;
 color: #999;
 font-size: 14px;
}
.lift a {
 color: #999;
}
.lift span {
 margin-right: 15px;
}
/* -- pager -- */
.pager {
 text-align: center;
 padding-top: 20px;
 color: #666;
 font-size: 14px;
}
.pager a {
 color: #666;
 text-decoration: underline;
}
/* -- pager class two -- */
.pager ul {
 display: inline-block;
 *display: inline;
 border-left: 1px solid #dddddd;
 padding: 0;
}
.pager ul li {
 display: block;
 float: left;
}
.pager ul li a, .pager ul li em {
 display: block;
 padding: 0 12px;
 line-height: 30px;
 text-decoration: none;
 background-color: #ffffff;
 border: 1px solid #dddddd;
 border-left-width: 0;
 border-radius: 0;
}
.pager ul li a:hover {
 background-color: #f5f5f5;
}
.pager ul li.active a {
 background-color: #f5f5f5;
 color: #999999;
 cursor: default;
}
.pager ul li em.total {
 margin-left: 10px;
 border-left-width: 1px;
 color: #999;
}
/* -- online-service -- */
.online-service {
 position: fixed;
 _position: absolute;
 _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
 bottom: 20px;
 right: 10px;
 z-index: 999999;
 display: block;
}
.online-service .item {
 position: relative;
 margin-bottom: 10px;
}
.online-service .item .item-icon {
 display: block;
 cursor: pointer;
 background: #FFF url(images/online_service.png) no-repeat;
 width: 44px;
 height: 44px;
 border-radius: 4px;
 box-sizing: border-box;
 box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}
.online-service .item .item-icon.qq {
 background-position: left 0;
}
.online-service .item .item-icon.weixin {
 background-position: left -44px;
}
.online-service .item .item-icon.tel {
 background-position: left -88px;
}
.online-service .item.active .item-icon {
 background-color: #0072C6;
}
.online-service .item.active .item-icon.qq {
 background-position: right 0;
}
.online-service .item.active .item-icon.weixin {
 background-position: right -44px;
}
.online-service .item.active .item-icon.tel {
 background-position: right -88px;
}
.online-service .item .pop-box {
 display: none;
 position: absolute;
 right: 100%;
 top: 0;
}
.online-service .item .item-box {
 background-color: #FFF;
 margin-right: 10px;
 padding: 10px;
 border-radius: 2px;
 box-sizing: border-box;
 box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}
.online-service .item .qq-box {
 padding: 10px 20px 0 10px;
}
.online-service .item .qq-box .qq {
 display: block;
 position: relative;
 line-height: 34px;
 padding-left: 44px;
 white-space: nowrap;
 margin-bottom: 10px;
 color: #555;
}
.online-service .item .qq-box .qq .qq-icon {
 display: inline-block;
 width: 34px;
 height: 34px;
 background: #F1F1F3 url(images/online_service.png) no-repeat 4px -164px;
 transition: all .2s;
 border-radius: 50%;
 position: absolute;
 left: 0;
 top: 0;
}
.online-service .item .qq-box .qq:hover .qq-icon {
 background-position: 4px -174px;
}
.online-service .item .weixin-box img {
 width: 120px;
}
.online-service .item .weixin-box p {
 text-align: center;
}
.online-service .item .tel-box {
 white-space: nowrap;
 font-size: 16px;
 padding: 0 10px;
}
.online-service .go-top {
 display: none;
}
.online-service .go-top .go-btn {
 display: block;
 background: #FFF url(images/online_service.png) no-repeat left -132px;
 border-radius: 4px;
 box-sizing: border-box;
 box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
 width: 44px;
 height: 44px;
}
.online-service .go-top .go-btn:hover {
 background-position: right -132px;
 background-color: #0072C6;
}
/* footer
----------------------------------------------- */
footer {
 color: #BBB;
 background-color: #2A2A2A;
 padding: 60px 0 10px 0;
 font-size: 14px;
}
footer a {
 color: #EEE;
}
footer a:hover {
 color: #e9e9e9;
}
footer .footer-title {
 margin-bottom: 20px;
 position: relative;
 text-transform: uppercase;
 font-size: 22px;
 color: #fff;
}
footer .nav-link {
 margin-bottom: 10px;
}
@media (max-width: 992px) {
 footer .nav-link {
  display: none;
 }
}
footer .nav-link a {
 margin: 0 5px;
 color: #999;
}
footer .nav-bottom a {
 margin: 0 5px;
}
@media (min-width: 992px) {
 footer .footer-contact-form {
  padding-right: 30px;
 }
}
@media (max-width: 992px) {
 footer {
  padding: 0 0 10px 0;
 }
 footer .footer-title {
  margin-top: 50px;
 }
}
footer .footer-contact-form .form-group {
 margin-bottom: 25px;
}
footer .footer-contact-form .form-control {
 margin-bottom: 3px;
 font-size: 14px;
 padding: 10px 10px;
 height: auto;
 color: #EEE;
}
footer .footer-contact-form input.form-control, footer .footer-contact-form textarea {
 background: transparent;
 border: 1px solid #666;
}
footer .footer-contact-form input.form-control:focus, footer .footer-contact-form textarea:focus {
 box-shadow: none;
 background: transparent;
 border: 1px solid #666;
}
footer .footer-contact-form .btn-skin {}
footer .contact-info-item {
 margin-top: 15px
}
footer .contact-info-item h3 {
 font-size: 16px;
 text-transform: uppercase;
 color: #e9e9e9;
 margin: 0 0 12px;
}
footer .contact-info-item p {}
footer .contact-info-icon i.fa {
 font-size: 23px;
 color: #e9e9e9;
}
footer .weixin-box {
 display: flex;
}
footer .weixin-box .item {
 width: 33.3%;
 box-sizing: border-box;
 padding-right: 15px;
}
@media(min-width: 992px) {
 footer .weixin-box {
  margin-left: -80px;
 }
 footer .weixin-box .item {
  width: 33.3%;
  padding-right: 15px;
 }
}
@media(max-width: 992px) {
 footer .weixin-box {
  margin-top: 30px;
 }
}
footer .weixin-box .item h2 {
 font-size: 16px;
 margin-bottom: 15px;
 color: #FFF;
}
footer .weixin-box .item img {
 width: 100%;
}
footer .bottom-footer {
 padding: 40px 0 10px;
 text-align: center;
 border-top: 1px solid #4C4C4C;
 margin-top: 40px;
}
footer .copyright {
 padding: 15px 0;
}
@media(max-width:767px) {
 footer {
  position: relative;
 }
}