@charset "UTF-8";

/* 关于我们 *******************************************************************************************************************/

/* module */
.about-module { width: 100%; padding: 60px 0 85px; overflow: hidden; }
.about-module-bg { background-color: #ededed; }
.about-module .module-title { position: relative; margin: 0 10% 45px; text-align: center; }
.about-module .module-title i { position: absolute; top: 0; left: 0; width: 100%; font-style: normal; font-size: 76px; font-weight: bold; text-transform: uppercase; color: #eff2f9; line-height: 76px; letter-spacing: 5px; }
.about-module .module-title h2 { position: relative; font-size: 40px; color: #369031; line-height: 76px; }
.about-module .module-title p { position: relative; margin-top: 15px; font-size: 16px; color: #000000; line-height: 1.9; }
@media (max-width: 1366px){
.about-module { padding: 55px 0 80px; }
.about-module .module-title { margin: 0 10% 40px; }
.about-module .module-title i { font-size: 72px; line-height: 72px; }
.about-module .module-title h2 { font-size: 36px; line-height: 72px; }
.about-module .module-title p { margin-top: 10px; font-size: 14px; }
}
@media (max-width: 1024px){
.about-module { padding: 50px 0 75px; }
.about-module .module-title { margin: 0 10% 40px; }
.about-module .module-title i { font-size: 65px; line-height: 65px; }
.about-module .module-title h2 { font-size: 32px; line-height: 65px; }
.about-module .module-title p { margin-top: 8px; font-size: 14px; }
}
@media (max-width: 750px){
.about-module { padding: 40px 0 60px; }
.about-module .module-title { margin: 0 10px 30px; }
.about-module .module-title i { font-size: 40px; line-height: 40px; }
.about-module .module-title h2 { font-size: 22px; line-height: 40px; }
.about-module .module-title p { font-size: 12px; }
}

/* 公司简介 */
.about-info { padding: 0 8%; font-size: 16px; line-height:30px; text-align: center; }
.about-info p { margin: 10px 0; }
.about-1f { margin-top: -40px; padding-bottom: 60px; background-color: #f5f5f5; }
.about-1f ul li { position: relative; float: left; }
.about-1f ul li.left { width: 58.333%; }
.about-1f ul li.right { width: 41.667%; }
.about-1f ul li img { width: 100%; }
.about-1f .data { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; background-color: rgba(0, 105, 56, 0.92); }
.about-1f .data ul { margin: 0 6% 0 2%; padding-top: 10%; }
.about-1f .data ul li { float: left; width: 25%; }
.about-1f .data i { display: block; width: 100%; }
.about-1f .data i img { width: 50px; }
.about-1f .data h5 { margin-top: 9.5%; font-size: 14px; font-weight: normal; }
.about-1f .data p { font-family: arial; font-size: 52px; }
.about-1f .data p strong { font-weight: normal; }
@media (max-width: 1366px){
.about-1f .data h5 { font-size: 12px; }
.about-1f .data p { font-size: 45px; }
.about-1f .data i img { width: 46px; }
}
@media (max-width: 1024px){
.about-1f .data i img { width: 42px; }
.about-1f .data ul { padding-top: 8%; }
.about-1f .data h5 { font-size: 12px; }
.about-1f .data p { font-size: 35px; }
}
@media (max-width: 750px){
.gsjj-info { padding: 0 10px; text-align: left; }
.about-1f { padding-bottom: 0; }
.about-1f ul li { float: none; }
.about-1f ul li.left { width: 100%; }
.about-1f ul li.right { width: 100%; }
.about-1f .data i img { width: 38px; }
.about-1f .data ul { padding-top: 5%; }
.about-1f .data h5 { font-size: 12px; }
.about-1f .data p { margin-top: 5px; font-size: 28px; }
}

/* 生产实力 */
.about-2f { background: url("../images/pic/111.jpg") no-repeat center; background-size: cover; }
.about-2f-info { overflow: hidden; }
.about-2f-info ul { margin: 0 -12px; }
.about-2f-info ul li { float: left; width: 33.33%; }
.about-2f-info ul li a { position: relative; display: block; margin:12px; }
.about-2f-info ul li a .pic { width: 100%; }
.about-2f-info ul li a .pic img { display: block; width: 100%; }
.about-2f-info ul li a .info { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; background-color: rgba(25,138,18,0.9); 
  -webkit-transition: opacity 0.5s ease; -moz-opacity: transform 0.5s ease; -ms-opacity: transform 0.5s ease; opacity: transform 0.5s ease; 
}
.about-2f-info ul li a .info span { display: inline-block; margin-top: 20%; width: 20%; }
.about-2f-info ul li a .info span img { width: 100%; }
.about-2f-info ul li a .info h5 { margin-top: 7.5%; font-size: 18px; font-weight: normal; }
.about-2f-info ul li a:hover .info { opacity: 1; }
@media (max-width: 1366px){
.about-2f-info ul li a .info h5 {  font-size: 16px; }
}
@media (max-width: 1024px){
.about-2f-info ul li a .info h5 {  font-size: 14px; }
}
@media (max-width: 750px){
.about-2f-info { margin: 0 10px; }
.about-2f-info ul { margin: 0 -5px; }
.about-2f-info ul li { float: left; width: 33.33%; }
.about-2f-info ul li a { margin: 0 5px; }
.about-2f-info ul li a .info h5 {  font-size: 12px; }
}

/* 主力产品 */
.about-3f { width: 100%; max-width: 1030px; margin: 0 auto; }
.about-3f .pro-type { float: left; width: 325px; background: url("../images/icon/121.png") repeat-y 38px center; }
.about-3f .pro-type ul { margin-top: -30px; }
.about-3f .pro-type ul li { padding: 22px 0; font-size: 24px; cursor: pointer; }
.about-3f .pro-type ul li i { float: left; }
.about-3f .pro-type ul li i img { width: 76px; height: 76px; }
.about-3f .pro-type ul li span { display: block; margin-left: 100px; line-height: 76px; }
.about-3f .pro-type ul li span img { display: inline-block; margin-top: -2px; margin-left: 15px; vertical-align: middle; }
.about-3f .pro-type ul li.active { color: #000000; }
.about-3f .pro-item { margin-left: 325px; padding-top: 10px; }
.about-3f .pro-item .item { display: none; width: 100%; }
.about-3f .pro-item .item a { display: block; }
.about-3f .pro-item .item a .pic { width: 100%; }
.about-3f .pro-item .item a .pic img { display: block; width: 100%; }
.about-3f .pro-item .item a h5 { width: 100%; font-size: 20px; font-weight: normal; color: #fff; text-align: center; line-height: 50px; background-color: #369031; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
@media (max-width: 1024px){
.about-3f .pro-type { width: 280px; }
.about-3f .pro-type ul { margin-top: 0; }
.about-3f .pro-type ul li { padding: 0; font-size: 18px; }
.about-3f .pro-item { margin-left: 280px; }
}
@media (max-width: 1024px){
.about-3f .pro-type { float: none; width: 100%; background: none; }
.about-3f .pro-type ul { margin-top: 0; }
.about-3f .pro-type ul li { float: left; width: 25%; padding: 0; font-size: 14px; text-align: center; }
.about-3f .pro-type ul li i { display: block; float: none; }
.about-3f .pro-type ul li i img { width: 50px; height: 50px; }
.about-3f .pro-type ul li span { display: block; margin-left: 0; line-height: 2; }
.about-3f .pro-type ul li span img { display: none; }
.about-3f .pro-item { margin-left: 10px; margin-right: 10px; }
.about-3f .pro-item .item a h5 { font-size: 14px; line-height: 30px; }
}

/* 企业荣誉 */
.about-4f { background: url("../images/pic/131.jpg") no-repeat center; background-size: cover; }
.about-4f-info { margin-top: -44px; }
.about-4f-info ul li { float: left; width: 25%; margin-top: 44px; }
.about-4f-info ul li a { display: block; width: 86.5%; margin: 0 auto; 
  -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; 
}
.about-4f-info ul li a img { width: 82%; padding: 8% 9%; background: url("../images/icon/album.png") no-repeat center; background-size: 100% 100%; }
.about-4f-info ul li a:hover{ 
  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); 
}
@media (max-width: 1366px){
.about-4f-info { margin-top: -40px; }
.about-4f-info ul li { margin-top: 40px; }
}

@media (max-width: 1024px){
.about-4f-info { margin-top: -36px; }
.about-4f-info ul li { margin-top: 36px; }
}

@media (max-width: 750px){
.about-4f-info { margin-top: -30px; }
.about-4f-info ul { padding: 0 5%; }
.about-4f-info ul li { width: 50%; margin-top: 30px; }
}

/* 合作关系 */
.about-5f { margin-top: -42px; overflow: hidden; }
.about-5f ul { margin: 0 -17px 0 -18px; }
.about-5f ul li { float: left; width: 33.33%; margin-top: 42px; }
.about-5f ul li a { display: block; margin: 0 17px 0 18px; }
.about-5f ul li a .pic { position: relative; width: 100%; height: 0; padding-top: 68.5%; overflow: hidden; }
.about-5f ul li a .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
  -webkit-ransition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; 
}
.about-5f ul li a .tit { width: 100%; font-size: 18px; font-weight: normal; line-height: 65px; border-bottom: 2px solid #f4f4f4; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.about-5f ul li a:hover .pic img { 
  -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); 
}
@media (max-width: 1366px){
.about-5f { margin-top: -38px; }
.about-5f ul { margin: 0 -17px 0 -18px; }
.about-5f ul li { margin-top: 38px; }
.about-5f ul li a { display: block; margin: 0 17px 0 18px; }
.about-5f ul li a .tit { font-size: 16px; line-height: 60px; }
}
@media (max-width: 1024px){
.about-5f { margin-top: -34px; }
.about-5f ul { margin: 0 -10px; }
.about-5f ul li { margin-top: 34px; }
.about-5f ul li a { display: block; margin: 0 10px; }
.about-5f ul li a .tit { font-size: 14px; line-height: 55px; }
}
@media (max-width: 750px){
.about-5f { margin-top: -30px; padding: 0 16px; }
.about-5f ul { margin: 0 -8px; }
.about-5f ul li { width: 50%; margin-top: 20px; }
.about-5f ul li a { display: block; margin: 0 8px; }
.about-5f ul li a .tit { font-size: 11px; line-height: 35px; border-bottom: 1px solid #eee; }
}

/* 企业文化 */
.about-6f { color: #fff; background: url("../images/pic/151.jpg") no-repeat center; background-size: cover; }
.about-6f .module-title h2 { color: #fff; }
.about-6f .module-title p { color: #fff; }
.about-6f-info { padding-top: 20px; overflow: hidden; }
.about-6f-info ul { margin: 0 -30px; }
.about-6f-info ul li { float: left; width: 33.33%; margin-top: 15px; }
.about-6f-info ul li a { display: block; margin: 0 30px; padding: 45px 0; text-align: center; border-radius: 2px 25px 2px 2px; background-color: rgba(255,255,255,0.96); }
.about-6f-info ul li a h5 { width: 100%; margin-top: 22px; font-size: 27px; font-weight: normal; color: #da0a0a; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.about-6f-info ul li a p { width: 100%; margin-top: 8px; font-size: 16px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.about-6f-info ul li a span { display: block; }
.about-6f-info ul li a span .icon { display: block; width: 40px; height: 40px; margin: 0 auto; background-repeat: no-repeat; background-position: center; }
.about-6f-info ul li a span .icon01 { background-image: url("../images/icon/131.png"); }
.about-6f-info ul li a span .icon02 { background-image: url("../images/icon/132.png"); }
.about-6f-info ul li a span .icon03 { background-image: url("../images/icon/133.png"); }
.about-6f-info ul li a span .icon04 { background-image: url("../images/icon/134.png"); }
.about-6f-info ul li a span .icon05 { background-image: url("../images/icon/135.png"); }
.about-6f-info ul li a span .icon06 { background-image: url("../images/icon/136.png"); }
.about-6f-info ul li a:hover { background-color: rgba(54,144,49,0.94); }
.about-6f-info ul li a:hover h5 { color: #fff; }
.about-6f-info ul li a:hover p { color: #fff; }
.about-6f-info ul li a:hover span .icon01 { background-image: url("../images/icon/131_hover.png"); }
.about-6f-info ul li a:hover span .icon02 { background-image: url("../images/icon/132_hover.png"); }
.about-6f-info ul li a:hover span .icon03 { background-image: url("../images/icon/133_hover.png"); }
.about-6f-info ul li a:hover span .icon04 { background-image: url("../images/icon/134_hover.png"); }
.about-6f-info ul li a:hover span .icon05 { background-image: url("../images/icon/135_hover.png"); }
.about-6f-info ul li a:hover span .icon06 { background-image: url("../images/icon/136_hover.png"); }
@media (max-width: 1366px){
.about-6f-info { padding-top: 10px; }
.about-6f-info ul { margin: 0 -22px; }
.about-6f-info ul li a { margin: 0 22px; }
.about-6f-info ul li a h5 { font-size: 18px; }
.about-6f-info ul li a p { font-size: 16px; }
}
@media (max-width: 1024px){
.about-6f-info { padding-top: 0; }
.about-6f-info ul { margin: 0 -10px; }
.about-6f-info ul li a { margin: 0 10px; }
.about-6f-info ul li a h5 { font-size: 16px; }
.about-6f-info ul li a p { font-size: 14px; }
}
@media (max-width: 750px){
.about-6f-info { margin: 0 10px; padding-top: 0; }
.about-6f-info ul { margin: 0 -5px; }
.about-6f-info ul li { width: 50%; }
.about-6f-info ul li a { margin: 0 5px; padding: 30px 0; border-radius: 2px 20px 2px 2px; }
.about-6f-info ul li a h5 { margin-top: 15px; font-size: 14px; }
.about-6f-info ul li a p { margin-top: 5px; font-size: 12px; }
}


/* 案例列表 *******************************************************************************************************************/

/* nav */
.case-nav { margin-top: 65px; }
.case-nav .title { float: left; }
.case-nav .title span { display: block; padding: 0 62px; font-size: 16px; font-weight: normal; color: #fff; line-height: 53px; background-color: #099f00; }
.case-nav .type { float: right; margin-top: 12px; }
.case-nav .type ul li { float: left; margin-left: 30px; }
.case-nav .type ul li a { display: block; padding: 5px 25px; font-size: 14px; line-height: 19px; border-radius: 5px; background-color: #e9e9e9; }
.case-nav .type ul li a:hover,
.case-nav .type ul li.current a { color: #fff; background-color: #e9c50b; }
@media (max-width: 1366px){
.case-nav { margin-top: 60px; }
.case-nav .title span { padding: 0 55px; font-style: 15px; line-height: 50px; }
.case-nav .type { margin-top: 10px; }
}
@media (max-width: 1024px){
.case-nav { margin-top: 50px; }
.case-nav .title span { padding: 0 50px; font-style: 14px; line-height: 45px; }
.case-nav .type { margin-top: 8px; }
}
@media (max-width: 750px){
.case-nav { margin-top: 40px; padding: 0 10px;s }
.case-nav .title { float: none; text-align: center; }
.case-nav .title span { display: inline-block; padding: 0 50px; font-style: 14px; line-height: 45px; }
.case-nav .type { float: none; margin-top: 30px; text-align: center; }
.case-nav .type ul li { float: none; display: inline-block; margin: 5px; }
.case-nav .type ul li a { border-radius: 3px; }
}

/* list */
.case-list { overflow: hidden; }
.case-list ul { margin: 0 -25px; }
.case-list ul li { float: left; width: 33.33%; margin-top: 70px; }
.case-list ul li a { display: block; margin: 0 25px; }
.case-list ul li a .pic { position: relative; width: 100%; height: 0; padding-top: 68.5%; overflow: hidden; }
.case-list ul li a .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.case-list ul li a .info { padding: 10px 0 27px; border-bottom: 2px solid #f4f4f4; }
.case-list ul li a .info h5 { width: 100%; font-size: 18px; font-weight: normal; line-height: 45px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;color:#333; }
.case-list ul li a .info p { width: 100%; font-size: 14px; line-height: 32px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;color:#333; }
.case-list ul li a:hover .info p { color: #333; }
@media (max-width: 1366px){
.case-list ul { margin: 0 -20px; }
.case-list ul li { margin-top: 60px; }
.case-list ul li a { margin: 0 20px; }
.case-list ul li a .info h5 { font-size: 16px; }
.case-list ul li a .info p { font-size: 13px; line-height: 28px; }
}
@media (max-width: 1024px){
.case-list ul { margin: 0 -10px; }
.case-list ul li { margin-top: 50px; }
.case-list ul li a { margin: 0 10px; }
.case-list ul li a .info h5 { font-size: 15px; }
.case-list ul li a .info p { font-size: 12px; line-height: 24px; }
}
@media (max-width: 750px){
.case-list { margin: 0 16px; }
.case-list ul { margin: 0 -8px; }
.case-list ul li { float: left; width: 50%; margin-top: 30px; }
.case-list ul li a { margin: 0 8px; }
.case-list ul li a .info { padding: 5px 0 20px; border-bottom: 1px solid #eee; }
.case-list ul li a .info h5 { font-size: 12px; line-height: 35px; }
.case-list ul li a .info p { font-size: 10px; line-height: 20px; }
}


/* 案例详情 *******************************************************************************************************************/
.case-detail { margin-top: 60px; }
.case-title { font-size: 36px; text-align: center; }
.case-photo { margin-top: 60px; }
.case-photo img { display: block; width: 100%; }
.case-specs { margin-top: 20px; }
.case-spec { position: relative; float: left; width: 26%; height: 336px; }
.case-spec .bg { display: block; width: 92.5%; height: 100%; background: url("../images/icon/311.png") no-repeat center; background-size: cover;  }
.case-spec .item { position: absolute; top: 10px; left: 4.8%; width: 95.2%; }
.case-spec .item li { width: 100%; height: 70px; margin: 25px 0; padding-bottom: 8px; line-height: 24px; background: url("../images/icon/312.png") no-repeat left top; background-size: 100% 100%;  overflow: hidden; }
.case-spec .item li img { float: left; margin-top: 11px; margin-left: 15px; }
.case-spec .item li p { padding-top: 11px; margin-left: 50px; margin-right: 28px; font-size: 16px; }
.case-device { float: right; width: 70%; }
.case-device .title { font-size: 30px; font-weight: normal; line-height: 70px; text-align: center; background: url("../images/icon/313.png") no-repeat center; background-size: cover; }
.case-device .items { height: 246px; padding-top: 20px; background-color: #f2f2f2; overflow: hidden; }
.case-device .items .item { display: block; padding: 0 8px; }
.case-device .items .item .pic { width: 100%; overflow: hidden; }
.case-device .items .item .pic img { display: block; width: 100%; }
.case-device .items .item .tit { height: 37px; font-size: 16px; font-weight: normal; text-align: center; line-height: 40px; overflow: hidden; border-bottom: 2px solid #d2d2d2; }
.case-device .items .item:hover .tit { color: #099f00; border-color: #099f00; }
.case-device .items .items-button { position: absolute; top: 0; z-index: 2; width: 45px; height: 100%; background-color: #f2f2f2; }
.case-device .items .items-button-prev { left: 0; }
.case-device .items .items-button-next { right: 0; }
.case-device .swiper-container { padding: 0 45px; }
.case-device .swiper-button-next, 
.case-device .swiper-button-prev { top: 0; width: 17px; height: 100%; margin-top: 0; }
.case-device .swiper-button-next:hover,
.case-device .swiper-button-prev:hover { background-color: #e8c50d; }
.case-device .swiper-button-next, 
.case-device .swiper-container-rtl .swiper-button-prev { right: 17px; background: #ccc url("../images/icon/315.png") no-repeat center; }
.case-device .swiper-button-prev, 
.case-device .swiper-container-rtl .swiper-button-next { left: 17px; background: #ccc url("../images/icon/314.png") no-repeat center; }
.case-detail-title { height: 65px; margin-top: 50px; margin-bottom: 15px; font-size: 32px; line-height: 65px; text-align: center; background-color: #f2f2f2; }
.case-detail-title i { display: inline-block; width: 37px; height: 2px; margin-top: -2px; vertical-align: middle; background-color: #099f00; }
.case-detail-title span { padding: 0 28px; }
.case-detail-content { margin-top: 22px; }
.case-detail-content p { margin: 22px 0; }
.case-detail-content img { max-width: 100%; height:auto; }
.case-button { margin: 50px 0 80px; text-align: center; }
.case-button .button { display: inline-block; height: 55px; padding: 0 50px; font-size: 24px; color: #fff; line-height: 55px; border-radius: 18px; border: none; background-color: #099f00; }

/* case list */
.case-detail .case-list { margin-top: -50px; }
.case-detail .case-list ul li a .info { border-bottom: none; }

@media (max-width: 1366px){
.case-detail { margin-top: 55px; }
.case-title { font-size: 34px; }
.case-photo { margin-top: 55px; }
.case-spec .item li p { padding-top: 11px; margin-left: 50px; margin-right: 28px; font-size: 15px; }
.case-device .title { font-size: 28px; }
.case-detail-title { height: 60px; margin-top: 45px; font-size: 30px; line-height: 60px; }
.video-player .control .button { width: 98px; height: 98px; margin-top: -49px; margin-left: -49px; }
.case-button .button { font-size: 22px; border-radius: 16px; }
}
@media (max-width: 1024px){
.case-detail { margin-top: 50px; }
.case-title { font-size: 32px; }
.case-photo { margin-top: 50px; }
.case-spec .item li p { font-size: 14px; }
.case-device .title { font-size: 24px; }
.case-device .items .item .tit { font-size: 14px; }
.case-detail-title { height: 55px; margin-top: 45px; font-size: 28px; line-height: 55px; }
.video-player .control .button { width: 92px; height: 92px; margin-top: -46px; margin-left: -46px; }
.case-button .button { font-size: 20px; border-radius: 12px; }
}
@media (max-width: 750px){
.case-detail { margin-top: 40px; }
.case-title { margin: 0 10px; font-size: 22px; }
.case-photo { margin-top: 40px; }
.case-specs { padding: 0 10px; }
.case-spec { float: none; width: 100%; height: auto; padding: 10px 0; background: url("../images/icon/511.png") no-repeat center; background-size: cover; }
.case-spec .bg { display: none; }
.case-spec .item { position: static; top: auto; left: auto; width: 90%; margin: 0 5%; }
.case-spec .item li { margin: 15px 0; padding-bottom: 0; background-size: cover; }
.case-spec .item li img { margin-top: 25px; }
.case-spec .item li p { padding-top: 0; line-height: 70px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.case-device { float: none; width: 100%; margin-top: 20px; }
.case-device .title { font-size: 18px; line-height: 40px; }
.case-device .items { height: auto; padding-bottom: 20px; }
.case-device .items .item { padding: 0 5px; }
.case-device .items .item .tit { font-size: 11px; }
.case-detail-title { height: 45px; margin-bottom: 20px; font-size: 22px; line-height: 45px; }
.case-detail-title i { width: 25px; }
.case-detail-title span { padding: 0 20px; }
.video-player { width: auto; margin: 0 10px; }
.video-player .control .button { width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; }
.case-detail-content { margin: 20px 10px; }
.case-button { margin: 40px 10px 60px; }
.case-button .button { display: block; width: 100%; padding: 0; font-size: 18px; border-radius: 25px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
/* case list */
.case-detail .case-list { margin-top: 0; }
}


/* 产品中心 *******************************************************************************************************************/
.products { margin-top: 55px; }
.products-list { margin: 55px 0; }
.products-title { margin-bottom: 42px; }
.products-title .title { float: left; width: 900px; height: 97px; color: #099f00; background: url("../images/icon/201.png") no-repeat left center; background-size: 100% 100%; overflow: hidden; }
.products-title .title i { float: left; width: 102px; height: 97px; font-style: italic; font-family: "Microsoft YaHei"; font-size: 68px; font-weight: bold; line-height: 97px; }
.products-title .title span { float: left; margin-left: 17px; font-size: 40px; line-height: 110px; }

.products-title .type { float: left; height: 36px; max-width: 670px; margin-top: 30px; margin-left: 15px; overflow: hidden; }
.products-title .type ul { height: 60px; font-size:0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch; }
.products-title .type ul li { display: inline-block; margin: 0 17px 0 18px; }
.products-title .type ul li a { display: inline-block; height: 34px; padding: 0 30px; font-size: 14px; line-height: 34px; border: 1px dashed #626262; }
.products-title .type ul li a:hover { color: #099f00; border-color: #099f00; }

.products-title .more { float: right; margin-top: 30px; padding-right: 25px; font-size: 14px; line-height: 36px; background: url("../images/icon/arrow_2.png") no-repeat right center; }

.pro-type { height:auto; width: 100%; margin: 30px 0; overflow: hidden; }
.pro-type ul { font-size:0; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch; }
.pro-type ul li { float:left; margin:5px 15px; }
.pro-type ul li a { display:block; height: 34px; padding: 0 28px; font-size: 14px; line-height: 34px; border: 1px dashed #626262; }
.pro-type ul li a:hover { color: #099f00; border-color: #099f00; }

@media (max-width: 750px){
	.pro-type ul li { float:left; margin:5px 0 5px 15px; }
	.pro-type ul li a { display:block; height: 34px; padding: 0 10px; font-size: 14px; line-height: 34px; border: 1px dashed #626262; }
}


/* grid 1 */
.products-grid-1 { position: relative; overflow: hidden; }
.products-grid-1 ul { position: relative; margin: 0 -10px; }
.products-grid-1 ul li { float: left; width: 50%; margin: 5px 0; }
.products-grid-1 ul li a { position: relative; display: block; margin: 0 10px; }
.products-grid-1 .pic { width: 100%; }
.products-grid-1 .pic img { display: block; width: 100%; }
.products-grid-1 .info { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; 
  -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; 
  background: -webkit-linear-gradient(45deg, rgba(83,101,130,0.9), rgba(129,150,179,0.9));
  background: -o-linear-gradient(45deg, rgba(83,101,130,0.9), rgba(129,150,179,0.9));
  background: -moz-linear-gradient(45deg, rgba(83,101,130,0.9), rgba(129,150,179,0.9));
  background: linear-gradient(45deg, rgba(83,101,130,0.9), rgba(129,150,179,0.9));
}
.products-grid-1 .info .inner { padding: 13.55% 10% 0; }
.products-grid-1 .info .tag { position: relative; padding-bottom: 22px; font-size: 22px; color: #fede3c; }
.products-grid-1 .info .tag i { position: absolute; left: 50%; bottom: 0; width: 22px; height: 3px; margin-left: -11px; background-color: #fff; }
.products-grid-1 .info .tit { margin-top: 30px; font-size: 36px; }
.products-grid-1 .info .txt { margin-top: 38px; font-size: 16px; line-height: 30px; }
.products-grid-1 .info .arrow { margin-top: 60px; }
.products-grid-1 .info .arrow i { display: inline-block; width: 58px; height: 30px; text-indent: -9999em; background: url("../images/icon/arrow_3.png") no-repeat center; overflow: hidden; }
.products-grid-1 .info-2 { text-align: left; background: rgba(41,51,64,0.9); }
.products-grid-1 .info-2 .inner { position: absolute; top: 50%; left: 0; width: 73%; height: 184px; margin-top: -92px; padding: 0 13.5%; text-align:center; }
.products-grid-1 .info-2 .tag { position: static; padding-bottom: 0; }
.products-grid-1 .info-2 .tag span { display: block; }
.products-grid-1 .info-2 .tag i { position:absolute; left: 50%; bottom: auto; display: block; margin-left: -11px; margin-top: 4px; }
.products-grid-1 .info-2 .tit { margin-top: 10px; }
.products-grid-1 .info-2 .txt { width: 128px; height: 72px; margin-top: 10px; font-size: 14px; line-height: 24px; overflow: hidden; }
.products-grid-1 .info-2 .arrow { position: absolute; left: 45%; top: 70%; margin-top: 0; }
.products-grid-1 .info-3 .inner { position: relative; width: 100%; height: 100%; padding: 0; }
.products-grid-1 .info-3 .tit { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -20px; font-size: 30px; font-weight: normal; line-height: 40px; }
.products-grid-1 .name { font-size: 16px; line-height: 35px; text-align: center; }
.products-grid-1 ul li.li-3 { position: absolute; right: 0; bottom: 0; }
.products-grid-1 ul li a:hover .info { opacity: 1; }

/* grid 2 */
.products-grid-2 { overflow: hidden; }
.products-grid-2 ul { margin: 0 -10px; }
.products-grid-2 ul li { float: left; width: 33.33%; }
.products-grid-2 ul li a { display: block; margin: 0 10px; text-align: center; }
.products-grid-2 ul li a .pic { position: relative; width: 100%; height: 0; padding-top: 74.667%; overflow: hidden; }
.products-grid-2 ul li a .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.products-grid-2 ul li a .tit { font-size: 16px; font-weight: normal; line-height: 30px; }
.products-grid-2 ul.products-grid-2col li { width: 50%; }
.products-grid-2 ul.grid-3col li { width: 33.33%; }
.products-grid-2 ul.grid-4col li { width: 25%; }
.products-grid-2 ul.grid-5col li { width: 20%; }

/* factory */
.factory .name { display: none; }

@media (max-width: 1366px){
.products-title .title { width: 300px; height: 83px; }
.products-title .title i { width: 87px; height: 83px; font-size: 60px; line-height: 83px; }
.products-title .title span { margin-left: 15px; font-size:27px; line-height: 75px; }
.products-title .type { margin-top: 23px; margin-left: 10px; }
.products-title .type ul li { margin: 0 12px; }
.products-title .type ul li a { padding: 0 20px; }
.products-title .more { margin-top: 23px; }
.products-grid-1 .info .tag { padding-bottom: 18px; font-size: 20px; }
.products-grid-1 .info .tit { margin-top: 25px; font-size: 32px; }
.products-grid-1 .info .txt { margin-top: 32px; font-size: 14px; line-height: 25px; }
.products-grid-1 .info .arrow { margin-top: 50px; }
.products-grid-1 .info-2 .inner{ height: 170px; margin-top: -85px; }
.products-grid-1 .info-2 .tag { padding-bottom: 0; }
.products-grid-1 .info-2 .tit { margin-top: 10px; }
.products-grid-1 .info-2 .txt { height: 60px; margin-top: 10px; font-size: 14px; line-height: 20px; }
.products-grid-1 .info-2 .arrow { margin-top: 0; }
.products-grid-1 .info-3 .inner {}
.products-grid-1 .info-3 .tit { margin-top: -20px; font-size: 28px; }
.products-grid-1 .name { font-size: 14px; }
.products-grid-2 ul li a .tit { font-size: 14px; }
}
@media (max-width: 1024px){
.products-title .title { width: 250px; height: 69px; }
.products-title .title i { width: 73px; height: 69px; font-size: 50px; line-height: 69px; }
.products-title .title span { margin-left: 20px; font-size: 20px; line-height: 60px; }
.products-title .type { margin-top: 18px; margin-left: 10px; }
.products-title .type ul li { margin: 0 10px; }
.products-title .type li li a { height: 30px; padding: 0 15px; font-size: 12px; line-height: 30px; }
.products-title .more { margin-top: 18px; font-size: 12px; line-height: 30px; }
.products-grid-1 .info .tag { padding-bottom: 15px; font-size: 18px; }
.products-grid-1 .info .tit { margin-top: 20px; font-size: 28px; }
.products-grid-1 .info .txt { margin-top: 28px; font-size: 12px; line-height: 20px; }
.products-grid-1 .info .arrow { margin-top: 40px; }
.products-grid-1 .info-2 .inner{ height: 150px; margin-top: -75px; }
.products-grid-1 .info-2 .tag { padding-bottom: 0; font-size: 16px; }
.products-grid-1 .info-2 .tit { margin-top: 10px; font-size: 26px; }
.products-grid-1 .info-2 .txt { height: 60px; margin-top: 10px; font-size: 12px; line-height: 20px; }
.products-grid-1 .info-2 .arrow { margin-top: 0; }
.products-grid-1 .info-3 .inner {}
.products-grid-1 .info-3 .tit { margin-top: -20px; font-size: 28px; }
.products-grid-1 .name { font-size: 12px; }
.products-grid-2 ul li a .tit { font-size: 12px; }
}
@media (max-width: 750px){
.products { margin-top: 0; background-color: #f5f5f5; }
.products-list { margin: 10px 0; padding: 30px 0; background-color: #fff; }
.products-title { margin-bottom: 30px; }
.products-title .title { float: none; width: 268px; height: 47px; margin: 0 auto; }
.products-title .title i { width: 47px; height: 47px; font-size: 30px; line-height: 47px; text-align: center; }
.products-title .title span { margin-left: 10px; font-size: 21px; line-height: 51px; }
.products-title .type { width: 100%; margin-top: 25px; margin-left: 0; }
.products-title .type ul { padding: 0 5px; }
.products-title .type ul li { margin: 0 5px; }
.products-title .type ul li a { height: 30px; padding: 0 14px; font-size: 12px; line-height: 30px; }
.products-title .more { display: none; }
.products-grid-1 { margin: 0 10px; }
.products-grid-1 ul { margin: 0 -5px; }
.products-grid-1 ul li { margin: 0; }
.products-grid-1 ul li a { margin: 0 5px; }
.products-grid-1 ul li.li-3 { position: static; left: auto; bottom: auto; }
/* pic */
.products-grid-1 ul li.li-1 .pic { position: relative; width: 100%; height: 0; padding-top: calc(83.32% + 35px); }
.products-grid-1 ul li.li-1 .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.products-grid-1 ul li.li-2 .pic,
.products-grid-1 ul li.li-3 .pic { position: relative; width: 100%; height: 0; padding-top: 41.66%; }
.products-grid-1 ul li.li-2 .pic img,
.products-grid-1 ul li.li-3 .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* //pic */
.products-grid-1 .info { display: none; }
.products-grid-2 { margin: 0 10px; }
.products-grid-1 ul { margin: 0 -5px; }
.products-grid-2 ul li a { margin: 0 5px; }
.products-grid-2 ul.grid-4col li { width: 50%; }
.factory .name { display: block; }
}


/* 产品列表 *******************************************************************************************************************/

/* product nav */
.product-nav { margin-top: 50px; text-align: center; }
.product-nav ul { font-size: 0; }
.product-nav ul li { display: inline-block; width: 16.66%; }
.product-nav ul li a { display: block; text-align: center; }
.product-nav ul li a .icon { border-radius: 50%; width: 210px; height: 210px; margin: 0 auto; background-color: #f4f4f4; overflow: hidden; 
  -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; 
}
.product-nav ul li a .icon i { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; 
  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; 
}
.product-nav ul li a .icon .icon01 { background-image: url("../images/icon/11.png"); }
.product-nav ul li a .icon .icon02 { background-image: url("../images/icon/12.png"); }
.product-nav ul li a .icon .icon03 { background-image: url("../images/icon/13.png"); }
.product-nav ul li a .icon .icon04 { background-image: url("../images/icon/14.png"); }
.product-nav ul li a .icon .icon05 { background-image: url("../images/icon/15.png"); }
.product-nav ul li a .icon .icon06 { background-image: url("../images/icon/16.png"); }
.product-nav ul li a .text { height: 33px; margin-top: 27px; font-size: 24px; line-height: 33px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.product-nav ul li.current a .icon,
.product-nav ul li a:hover .icon { background-color: #f4f4f4; 
  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); 
}
.product-nav ul li.current a .icon .icon01,
.product-nav ul li a:hover .icon .icon01 { background-image: url("../images/icon/11_hover.png"); }
.product-nav ul li.current a .icon .icon02,
.product-nav ul li a:hover .icon .icon02 { background-image: url("../images/icon/12_hover.png"); }
.product-nav ul li.current a .icon .icon03,
.product-nav ul li a:hover .icon .icon03 { background-image: url("../images/icon/13_hover.png"); }
.product-nav ul li.current a .icon .icon04,
.product-nav ul li a:hover .icon .icon04 { background-image: url("../images/icon/14_hover.png"); }
.product-nav ul li.current a .icon .icon05,
.product-nav ul li a:hover .icon .icon05 { background-image: url("../images/icon/15_hover.png"); }
.product-nav ul li.current a .icon .icon06,
.product-nav ul li a:hover .icon .icon06 { background-image: url("../images/icon/16_hover.png"); }
@media (max-width: 1366px){
.product-nav ul li a .icon { width: 120px; height: 120px; }
.product-nav ul li a .text { margin-top: 22px; font-size: 22px; }
}
@media (max-width: 1024px){
.product-nav ul li a .icon { width: 105px; height: 105px; }
.product-nav ul li a .text { margin-top: 18px; font-size: 20px; }
}
@media (max-width: 750px){
.product-nav { height: 115px; margin-top: 30px; overflow: hidden; }
.product-nav ul { height:150px; padding: 0 15px; font-size:0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch; }
.product-nav ul li { float: none; width: auto; padding-top: 10px; }
.product-nav ul li a { display: inline-block; padding: 0 15px; }
.product-nav ul li a .icon { width: 60px; height: 60px; }
.product-nav ul li a .text { margin-top: 5px; font-size: 14px; font-weight: normal; color: #bbb; }
.product-nav ul li.current a .text { color: #333; }
}

/* product list */
.product-list { overflow: hidden; }
.product-list ul { margin: 0 -10px; }
.product-list ul li { float: left; width: 25%; margin-top: 75px; }
.product-list ul li a { display: block; margin: 0 10px; border-bottom: 2px solid #d2d2d2; 
  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; 
}
.product-list ul li a .pic { position: relative; width: 100%; height: 0; padding-top: 75.43%; overflow: hidden; }
.product-list ul li a .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-list ul li a .tit { width: 100%; font-size: 18px; font-weight: normal; line-height: 44px; text-align: center; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; background-color: #f3f3f3; 
  -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; transition: color 0.5s ease; 
}
.product-list ul li a:hover { border-bottom-color: #099f00; }
.product-list ul li a:hover .tit { color: #099f00; }
@media (max-width: 1366px){
.product-list ul li { margin-top: 65px; }
.product-list ul li a .tit { font-size: 16px; }
}
@media (max-width: 1024px){
.product-list ul li { margin-top: 50px; }
.product-list ul li a { border-bottom-width: 1px; }
.product-list ul li a .tit { font-size: 14px; }
}
@media (max-width: 750px){
.product-list { margin: 0 10px; }
.product-list ul { margin: 0 -5px; }
.product-list ul li { width: 50%; margin-top: 20px; }
.product-list ul li a { margin: 0 5px; border-bottom-width: 1px; }
.product-list ul li a .tit { font-size: 12px; }
}


/* 产品详情 *******************************************************************************************************************/

/* intro */
.product-intro { max-width: 100%; max-width: 1298px; margin: 0 auto 40px; background: #999 url("../images/bg/product_inner.jpg") no-repeat center top; }
.product-intro .pro-inner { padding: 50px; }
.product-intro .pro-wrap {  box-shadow: 5px 5px 15px rgba(0,0,0,0.2); background-color: #fff; }
.product-intro .pro-wrap-inner { padding: 22px; }
.product-intro .pro-pic { float: left; width: 50%; }
.product-intro .pro-pic img { display: block; width: 100%; }
.product-intro .pro-info { float: left; width: 50%; }
.product-intro .pro-info-inner { margin: 0 2% 0 7%; }
.product-intro .pro-title { font-size: 36px; line-height: 1.4; }
.product-intro .pro-desc { margin-top: 15px; font-size: 14px; line-height: 1.72; }
.product-intro .pro-spec-grid { margin-top: 20px; overflow: hidden; }
.product-intro .pro-spec-grid ul { margin: 0 -20px; }
.product-intro .pro-spec-grid ul li { float: left; width: 25%; }
.product-intro .pro-spec-grid ul li .item { margin: 0 20px; padding: 10px 5px; font-size: 14px; color: #1e1e1e; line-height: 1.43; text-align: center; border-radius: 6px; background-color: #f2f2f2; }
.product-intro .pro-spec-grid ul li .icon img { width: 35px; height: 35px; }
.product-intro .pro-spec-grid ul li .tit { margin-top: 13px; width: 100%; font-weight: bold; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.product-intro .pro-spec-grid ul li .txt { height: 100%; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  }
.product-intro .pro-spec-list { margin-top: 25px; }
.product-intro .pro-spec-list ul li { width: 100%; font-size: 14px; line-height: 2.15; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.product-intro .pro-spec-list ul li span { color: #099f00; }
.product-intro .pro-contactus { margin-top: 15px; }
.product-intro .pro-contactus ul li { padding-top: 20px;  }
.product-intro .pro-contactus ul li.btn { float: left; width: 48%; margin-right: 5.7%; }
.product-intro .pro-contactus ul li.btn a { display: block; font-size: 20px; color: #fff; line-height: 2.95; text-align: center; border-radius: 6px; background-color: #d50000; }
.product-intro .pro-contactus ul li.tel { float: left; }
.product-intro .pro-contactus ul li.tel span { display: block; font-size: 14px; line-height: 1; }
.product-intro .pro-contactus ul li.tel strong { display: block; font-size: 34px; font-weight: normal; color: #d50000; line-height: 1.65; }
@media (max-width: 1366px){
.product-intro .pro-inner { padding: 40px; }
.product-intro .pro-wrap-inner { padding: 18px; }
.product-intro .pro-title { font-size: 32px; }
.product-intro .pro-desc { margin-top: 12px; font-size: 12px; }
.product-intro .pro-spec-grid { margin-top: 18px; }
.product-intro .pro-spec-grid ul { margin: 0 -15px; }
.product-intro .pro-spec-grid ul li .item { margin: 0 15px; font-size: 12px; }
.product-intro .pro-spec-grid ul li .icon img { width: 32px; height: 32px; }
.product-intro .pro-spec-grid ul li .tit { margin-top: 10px; }
.product-intro .pro-spec-list { margin-top: 20px; }
.product-intro .pro-spec-list ul li { font-size: 12px; line-height: 2.15; }
.product-intro .pro-contactus { margin-top: 12px; }
.product-intro .pro-contactus ul li { padding-top: 15px; }
.product-intro .pro-contactus ul li.btn a { font-size: 16px;  }
.product-intro .pro-contactus ul li.tel span { font-size: 12px; }
.product-intro .pro-contactus ul li.tel strong { font-size: 28px; }
}
@media (max-width: 1024px){
.product-intro .pro-inner { padding: 30px; }
.product-intro .pro-wrap-inner { padding: 15px; }
.product-intro .pro-title { font-size: 25px; }
.product-intro .pro-desc { margin-top: 10px; font-size: 12px; }
.product-intro .pro-spec-grid { margin-top: 15px; }
.product-intro .pro-spec-grid ul { margin: 0 -10px; }
.product-intro .pro-spec-grid ul li .item { margin: 0 10px; font-size: 12px; }
.product-intro .pro-spec-grid ul li .icon img { width: 30px; height: 30px; }
.product-intro .pro-spec-grid ul li .tit { margin-top: 10px; }
.product-intro .pro-spec-list { margin-top: 12px; }
.product-intro .pro-spec-list ul li { font-size: 12px; line-height: 2.15; }
.product-intro .pro-contactus { margin-top: 10px; }
.product-intro .pro-contactus ul li { padding-top: 12px; }
.product-intro .pro-contactus ul li.btn a { font-size: 14px;  }
.product-intro .pro-contactus ul li.tel span { font-size: 12px; }
.product-intro .pro-contactus ul li.tel strong { font-size: 20px; }
}
@media (max-width: 750px){
.product-intro .pro-inner { padding: 15px; }
.product-intro .pro-wrap-inner { padding: 15px; }
.product-intro .pro-pic { float: none; width: 100%; }
.product-intro .pro-info { float: none; width: 100%; margin-top: 20px; }
.product-intro .pro-info-inner { margin: 0; }
.product-intro .pro-title { font-size: 22px; }
.product-intro .pro-desc { margin-top: 8px; font-size: 11px; }
.product-intro .pro-spec-grid { margin-top: 15px; }
.product-intro .pro-spec-grid ul { margin: 0 -8px; }
.product-intro .pro-spec-grid ul li .item { margin: 0 8px; padding: 10px 2px; font-size: 11px; }
.product-intro .pro-spec-grid ul li .icon img { width: 28px; height: 28px; }
.product-intro .pro-spec-grid ul li .tit { margin-top: 10px; }
.product-intro .pro-spec-list { margin-top: 15px; }
.product-intro .pro-spec-list ul li { font-size: 12px; line-height: 2.15; }
.product-intro .pro-contactus { margin-top: 20px; }
.product-intro .pro-contactus ul li { padding-top: 0; }
.product-intro .pro-contactus ul li.btn { float: none; width: 100%; margin-right: 0; }
.product-intro .pro-contactus ul li.btn a { font-size: 16px;  }
.product-intro .pro-contactus ul li.tel { float: none; padding-top: 20px; text-align: center; }
.product-intro .pro-contactus ul li.tel span { font-size: 12px; }
.product-intro .pro-contactus ul li.tel strong { font-size: 25px; color: #d50000; }
}

/* product tab */
.product-tab { width: 100%; overflow: hidden; }
.product-tab ul { margin: 0 -3px; }
.product-tab ul li { float: left; width: 20%; }
.product-tab ul li a { display: block; margin: 0 3px; font-size: 20px; line-height: 3.1; text-align: center; background-color: #f4f4f4; cursor: pointer; }
.product-tab ul li.active a { color: #fff; background-color: #099f00; }
.product-tab-active { position: fixed; top: 0; left: 0; z-index: 1; margin-top: 0; background-color: #fff; }
@media (max-width: 1366px){
.product-tab ul li a { font-size: 18px; }
}
@media (max-width: 1024px){
.product-tab ul li a { font-size: 16px; }
}
@media (max-width: 750px){
.product-tab { width: calc(100% - 20px); margin: 0 10px; }
.product-tab ul { margin: 0 -1px; }
.product-tab ul li a { margin: 0 1px; font-size: 14px; }
}
@media (max-width: 414px){
.product-tab ul li a { margin: 0 1px; font-size: 12px; }
}
@media (max-width: 360px){
.product-tab ul li a { margin: 0 1px; font-size: 11px; }
}

/* product detail */
.product-detail { padding-top: 55px; font-size: 16px; }
.product-detail .detail-item { margin: 40px 0 60px; }
.product-detail .detail-title { margin-bottom: 40px; }
.product-detail .detail-title span { display: inline-block; padding-right: 135px; font-size: 30px; line-height: 2.33; border-bottom: 2px solid #e8c50d; }
.product-detail .detail-content { line-height: 1.875; }
.product-detail .detail-content p { margin: 30px 0; font-size: inherit; color: inherit; }
.product-detail .detail-content p img { max-width: 100%; }
.product-detail .detail-content .col-2 { margin-bottom: 30px; }
.product-detail .detail-content .col-2 img { float: left; width: 52%; }
.product-detail .detail-content .col-2 p { margin-left: 59%; }
.product-detail .detail-item .case-list ul { margin-top: -55px; }
.product-detail .detail-item .case-list ul li a .info { border-bottom: none; color:#333; }
.product-detail .product-news { float: right; width: 32%; }
.product-detail .product-news .detail-title { margin-top: -25px; margin-bottom: 0; border-bottom: 1px solid #ccc; }
.product-detail .product-news .detail-title span { border-bottom: none; }
.product-detail .product-news ul { margin-top: 30px; }
.product-detail .product-news ul li { padding: 5px 0; }
.product-detail .product-news ul li a { display: block; width: 100%; line-height: 45px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.product-detail .product-news ul li a i { margin-right: 10px; color: #999; }
@media (max-width: 1366px){
.product-detail { padding-top: 45px; font-size: 14px; }
.product-detail .detail-item { margin: 35px 0 50px; }
.product-detail .detail-title { margin-bottom: 40px; }
.product-detail .detail-title span { padding-right: 120px; font-size: 28px; }
.product-detail .detail-content p { margin: 25px 0; }
.product-detail .detail-content .col-2 { margin-bottom: 25px; }
.product-detail .detail-content .col-2 p { margin-left: 58%; }
.product-detail .detail-item .case-list ul { margin-top: -55px; }
.product-detail .detail-item .case-list ul li a .info { border-bottom: none; }
.product-detail .product-news { float: right; width: 35%; }
.product-detail .product-news ul { margin-top: 30px; }
.product-detail .product-news ul li { padding: 5px 0; }
.product-detail .product-news ul li a { font-size: 15px; line-height: 45px; }
}
@media (max-width: 1024px){
.product-detail { padding-top: 40px; font-size: 14px; }
..product-detail .detail-item { margin: 30px 0 45px; }
.product-detail .detail-title { margin-bottom: 35px; }
.product-detail .detail-title span { padding-right: 100px; font-size: 26px; }
.product-detail .detail-content p { margin: 20px 0; }
.product-detail .detail-content .col-2 { margin-bottom: 20px; }
.product-detail .detail-content .col-2 p { margin-left: 55%; }
.product-detail .detail-item .case-list ul { margin-top: -50px; }
.product-detail .detail-item .case-list ul li a .info { border-bottom: none; }
.product-detail .product-news { float: right; width: 35%; }
.product-detail .product-news ul { margin-top: 25px; }
.product-detail .product-news ul li { padding: 0; }
.product-detail .product-news ul li a { font-size: 14px; line-height: 45px; }
}
@media (max-width: 750px){
.product-detail { padding-top: 30px; font-size: 12px; }
.product-detail .detail-item { margin: 30px 10px 45px; }
.product-detail .detail-title { margin-bottom: 30px; text-align: center; }
.product-detail .detail-title span { padding-left: 50px; padding-right: 50px; font-size: 22px; }
.product-detail .detail-content p { margin: 15px 0; }
.product-detail .detail-content .col-2 { margin-bottom: 15px; }
.product-detail .detail-content .col-2 img { float: none; width: 100%; }
.product-detail .detail-content .col-2 p { margin-left: 0; }
.product-detail .detail-item .case-list { margin: 0; }
.product-detail .detail-item .case-list ul { margin: 0 -5px; margin-top: -20px; }
.product-detail .detail-item .case-list ul li { margin-top: 20px; }
.product-detail .detail-item .case-list ul li a { margin: 0 5px; }
.product-detail .detail-item .case-list ul li a .info { border-bottom: none; }
.product-detail .product-feedback { float: none; width: auto; margin: 0 -10px; }
.product-detail .product-news { float: none; width: 100%; margin-top: 30px; }
.product-detail .product-news .detail-title { margin-top: 0; }
.product-detail .product-news ul { margin-top: 20px; }
.product-detail .product-news ul li { padding: 0; }
.product-detail .product-news ul li a { font-size: 12px; line-height: 35px; }
}


/* 新闻中心 *******************************************************************************************************************/

/* module */
.news-module { width: 100%; padding: 60px 0 85px; overflow: hidden; }
.news-module-bg { background-color: #ededed; }
.news-module .module-title { position: relative; margin-bottom: 30px; }
.news-module .module-title h2 { float: left; font-size: 40px; }
.news-module .module-title a { position: absolute; top: 50%; right: 0; margin-top: -15px; padding: 0 18px 0 25px; border-radius: 20px; border: 2px solid #ccc; }
.news-module .module-title a span { display: block; padding-right: 20px; font-size: 12px; line-height: 26px; background: url("../images/icon/arrow_4.png") no-repeat right center; }
@media (max-width: 1366px){
.news-module { padding: 50px 0 70px; }
.news-module .module-title { margin-bottom: 25px; }
.news-module .module-title h2 { font-size: 35px; }
}
@media (max-width: 1024px){
.news-module { padding: 40px 0 30px; }
.news-module .module-title { margin-bottom: 20px; }
.news-module .module-title h2 { font-size: 30px; }
}
@media (max-width: 750px){
.news-module { padding: 40px 0; }
.news-module .module-title { margin-bottom: 20px; margin-left: 10px; margin-right: 10px; }
.news-module .module-title h2 { font-size: 22px; }
.news-module .module-title a { margin-top: -13px; padding: 0 12px 0 18px; border-width: 1px; }
.news-module .module-title a span { font-size: 11px; padding-right: 15px; line-height: 24px; }
}

/* list text */
.news-list-item ul li { margin: 18px 0; }
.news-list-item ul li a { display: block; background-color: #f1f1f1; }
.news-list-item ul li a .date { float: left; width: 72px; height: 72px; color: #666; line-height: 1; text-align: center; background-color: #dbdbdb; 
  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; 
}
.news-list-item ul li a .date strong { display: block; padding-top: 8px; font-size: 36px; font-weight: normal; }
.news-list-item ul li a .date span { display: block; padding-top: 5px; font-size: 14px; }
.news-list-item ul li a .text { height: 72px; margin-left: 72px; padding: 0 18px; }
.news-list-item ul li a .text h5 { height: 22px; padding-top: 12px; font-size: 14px; font-weight: bold; line-height: 24px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.news-list-item ul li a .text p { height: 20px; padding-top: 5px; font-size: 12px; color: #666; line-height: 20px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.news-list-item ul li a:hover { background-color: #dfffdf; }
.news-list-item ul li a:hover .date { background-color: #b2f5b2; }

/* list pic */
.news-list-pic { overflow: hidden; }
.news-list-pic ul { margin: 0 -23px; }
.news-list-pic ul li { float: left; width: 33.33%; margin-top: 18px; }
.news-list-pic ul li a { display: block; margin: 0 23px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; }
.news-list-pic ul li a .pic { width: 100%; overflow: hidden; }
.news-list-pic ul li a .pic img { display: block; width: 100%; }
.news-list-pic ul li a .info { margin-top: 20px; }
.news-list-pic ul li a .date { float: left; width: 75px; padding-right: 10px; text-align: center; border-right: 1px solid #ccc; background: none; }
.news-list-pic ul li a .date strong { display: block; font-size: 58px; font-weight: normal; line-height: 45px; }
.news-list-pic ul li a .date span { display: block; margin-top: 12px; font-size: 18px; color: #999; line-height: 1; }
.news-list-pic ul li a .text { margin-left: 90px; padding-left: 15px; }
.news-list-pic ul li a .text h5 { height: 18px; padding-top: 0; font-size: 18px; line-height: 1; font-weight: normal; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.news-list-pic ul li a .text p { height: 44px; margin-top: 15px; font-size: 12px; color: #666; line-height: 22px; overflow: hidden; }
.news-list-pic ul li a:hover { border-bottom-color: #84cf7f; }
.news-list-pic ul.col-1 { margin: 0; }
.news-list-pic ul.col-1 li { width: 100%; }
.news-list-pic ul.col-1 li a { margin: 0; }
.news-list-pic ul.col-1 li a .date { width: 85px; }
.news-list-pic ul.col-1 li a .date strong { font-size: 64px; line-height: 50px; }
.news-list-pic ul.col-1 li a .date span { margin-top: 12px; font-size: 21px; }
.news-list-pic ul.col-1 li a .text { margin-left: 102px; padding-left: 18px; }
.news-list-pic ul.col-1 li a .text h5 { height: 21px; font-size: 21px; line-height: 21px; }
.news-list-pic ul.col-1 li a .text p { height: 48px; margin-top: 18px; font-size: 14px; line-height: 24px; }

/* list */
.news-list { margin: 50px 0; }
.news-list .news-list-item { overflow: hidden; }
.news-list .news-list-item ul { margin: 0 -40px; }
.news-list .news-list-item ul li { float: left; width: 50%; margin: 9px 0; }
.news-list .news-list-item ul li a { margin: 0 40px; }

/* floor */
.news-1f { margin-top: -10px; }
.news-1f .left { float: left; width: 38%; }
.news-1f .right { float: right; width: 56%; }
.news-2f { margin-top: -10px; }
.news-3f { margin: 0; }

@media (max-width: 1366px){
.news-list-pic ul { margin: 0 -15px; }
.news-list-pic ul li a { margin: 0 15px; }
.news-list-pic ul li a .date { width: 65px; }
.news-list-pic ul li a .date strong { font-size: 52px; line-height: 40px; }
.news-list-pic ul li a .date span { margin-top: 10px; font-size: 16px; }
.news-list-pic ul li a .text { margin-left: 76px; padding-left: 15px; }
.news-list-pic ul li a .text h5 { font-size: 16px; }
.news-list-pic ul li a .text p { height: 40px; margin-top: 10px; line-height: 20px; }
.news-list-pic ul.col-1 li a .date { width: 78px; }
.news-list-pic ul.col-1 li a .date strong { font-size: 60px; line-height: 48px; }
.news-list-pic ul.col-1 li a .date span { margin-top: 10px; font-size: 19px; }
.news-list-pic ul.col-1 li a .text { margin-left: 90px; padding-left: 18px; }
.news-list-pic ul.col-1 li a .text h5 { font-size: 19px; line-height: 21px; }
.news-list-pic ul.col-1 li a .text p { height: 44px; margin-top: 12px; font-size: 13px; line-height: 22px; }
.news-list .news-list-item ul { margin: 0 -15px; }
.news-list .news-list-item ul li a { margin: 0 15px; }
.news-1f .left { width: 44%; }
.news-1f .right { width: 52%; }
}
@media (max-width: 1024px){
.news-list-pic ul { margin: 0 -10px; }
.news-list-pic ul li a { margin: 0 10px; }
.news-list-pic ul li a .date { width: 58px; }
.news-list-pic ul li a .date strong { font-size: 45px; line-height: 35px; }
.news-list-pic ul li a .date span { margin-top: 8px; font-size: 12px; }
.news-list-pic ul li a .text { margin-left: 70px; padding-left: 12px; }
.news-list-pic ul li a .text h5 { font-size: 15px; }
.news-list-pic ul li a .text p { height: 36px; margin-top: 5px; font-size: 12px; line-height: 18px; }
.news-list-pic ul.col-1 li a .date { width: 70px; }
.news-list-pic ul.col-1 li a .date strong { font-size: 55px; line-height: 45px; }
.news-list-pic ul.col-1 li a .date span { margin-top: 8px; font-size: 16px; }
.news-list-pic ul.col-1 li a .text { margin-left: 85px; padding-left: 15px; }
.news-list-pic ul.col-1 li a .text h5 { font-size: 16px; line-height: 21px; }
.news-list-pic ul.col-1 li a .text p { height: 40px; margin-top: 10px; font-size: 12px; line-height: 20px; }
.news-list .news-list-item ul { margin: 0 -10px; }
.news-list .news-list-item ul li a { margin: 0 10px; }
.news-1f .left { width: 48%; }
.news-1f .right { width: 48%; }
}
@media (max-width: 750px){
.news-list-pic ul li { width: 100%; }
.news-list-pic ul li:last-child a { border-bottom: none; }
.news-list { margin: 20px 10px; }
.news-list .news-list-item ul li { width: 100%; }
.news-1f { margin: 0 10px; }
.news-1f .left { width: 100%; }
.news-1f .right { width: 100%; }
.news-2f { margin: -10px 10px 0; }
}


/* 新闻详情 *******************************************************************************************************************/

/* layout */
.news-detail { margin: 50px 0 80px; }
.news-main { float: left; width: 77%; }
.news-side { float: right; width: 17.5%; margin-top: 94px; }
@media (max-width: 1366px){
.news-detail { margin: 45px 0 75px; }
.news-main { float: left; width: 78%; }
.news-side { float: right; width: 18%; }
}
@media (max-width: 1024px){
.news-detail { margin: 40px 0 70px; }
.news-main { float: left; width: 79%; }
.news-side { float: right; width: 19%; }
}
@media (max-width: 750px){
.news-detail { margin: 40px 0; }
.news-main { float: none; width: auto; margin: 0 10px; }
.news-side { float: none; width: auto; margin: 0 10px; }
}

/* side module */
.side-module-1 { margin-bottom: 30px; padding: 10px; border: 1px solid #e6e6e6; }
.side-module-1 .module-title { margin-bottom: 10px; }
.side-module-1 .module-title h3 { font-size: 18px; }
.side-module-1 .module-title h3 img { width: auto; }
.side-module-2 { margin-bottom: 30px; }
.side-module-2 .module-title h3 { font-size: 18px; color: #fff; text-align: center; line-height: 40px; background-color: #e8b750; }
.side-module-2 .module-body { padding: 10px; border: 1px solid #e6e6e6; border-top: none; }
@media (max-width: 1366px){
.side-module-1 .module-title h3 { font-size: 16px; }
.side-module-1 .module-title h3 img { width: 100%; }
.side-module-2 .module-title h3 { font-size: 16px; }
}
@media (max-width: 1024px){
.side-module-1 .module-title h3 { font-size: 14px; }
.side-module-1 .module-title h3 img { width: 100%; }
.side-module-2 .module-title h3 { font-size: 14px; }
}
@media (max-width: 750px){
.side-module-1 { margin-top: 30px; margin-bottom: 30px; padding: 0; border: none; }
.side-module-1 .module-title { margin-bottom: 10px; }
.side-module-1 .module-title h3 { font-size: 22px; }
.side-module-1 .module-title h3 img { width: auto; }
.side-module-2 { margin-top: 30px; margin-bottom: 0; }
.side-module-2 .module-title h3 { font-size: 22px; line-height: 45px; }
.side-module-2 .module-body { padding: 0; border: none; }
}

/* news title */
.news-title { padding-bottom: 15px; text-align: center; border-bottom: 1px dotted #ccc; }
.news-title h1 { font-size: 24px; }
.news-title p { margin-top: 27px; font-size: 12px; color: #888; }
.news-title p span { margin: 0 10px; }
@media (max-width: 750px){
.news-title { margin-bottom: 10px; }
.news-title h1 { font-size: 20px; }
.news-title p { margin-top: 15px; font-size: 9px; }
.news-title p span { margin: 0 5px; }
}

/* 热线 */
.news-hotline { position: relative; margin-top: 55px; font-size: 16px; background-color: #f5f5f5; }
.news-hotline .icon { position: absolute; left: 10px; bottom: 0; }
.news-hotline .icon img { display: block; }
.news-hotline .info { position: relative; margin-left: 175px; padding: 20px 30px 20px 0; }
.news-hotline .info .text { height: 65px; overflow: hidden; }
.news-hotline .info .tel { padding-left: 40px; }
.news-hotline .info .tel strong { font-size: 30px; color: #e90101; }
.news-hotline .info .button { position: absolute; right: 30px; bottom: 20px; display: block; padding: 0 36px; font-size: 18px; color: #fff; line-height: 2.4; border-radius: 5px; background: #e90101; }
@media (max-width: 1366px){
.news-hotline { font-size: 16px; }
.news-hotline .info .tel { padding-left: 30px; }
.news-hotline .info .tel strong { font-size: 28px; }
.news-hotline .info .button { font-size: 16px; }
}
@media (max-width: 1024px){
.news-hotline { font-size: 14px; }
.news-hotline .info .tel { padding-left: 0; }
.news-hotline .info .tel strong { font-size: 26px; }
.news-hotline .info .button { font-size: 14px; }
}
@media (max-width: 750px){
.news-hotline { margin-top: 30px; font-size: 12px; border-radius: 5px; }
.news-hotline .icon img { height: 110px; }
.news-hotline .info { margin-left: 125px; padding: 15px 10px 15px 0; }
.news-hotline .info .text { height: auto; }
.news-hotline .info .tel { margin-top: 5px; padding-left: 0; }
.news-hotline .info .tel span { display: none; }
.news-hotline .info .tel strong { font-size: 16px; }
.news-hotline .info .button { right: 10px; bottom: 10px; padding: 0 10px; font-size: 14px; }
}
@media (max-width: 360px){
.news-hotline .info .button { display: inline-block; position: static; right: auto; bottom: auto; padding: 0 10px; font-size: 14px; }
}

/* 详情内容 */
.news-content { margin-top: 50px; font-size: 14px; line-height: 2; }
.news-content p { margin: 25px 0; }
.news-content img{ max-width:100%; height:auto;}
.news-context { margin-top: 50px; padding-top: 25px; border-top: 1px dashed #ccc; }
.news-context ul { float: left; width: 80%; }
.news-context ul li { width: 100%; font-size: 12px; color: #888; line-height: 2; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.news-context .back { float: right; margin-top: 20px; font-size: 14px; }
.news_key { width:100%; overflow:hidden; }
.news_key span{ font-size:12px; color:#888; }
.news_key a{ font-size:12px; color:#888; }
@media (max-width: 750px){
.news-content { margin-top: 30px; }
.news-content p { margin: 20px 0; }
.news-context { margin-top: 30px; padding-top: 20px; }
.news-context .back { font-size: 12px; }
}

/* 相关新闻 */
.related-news { margin-top: 50px; }
.related-news h3 { font-size: 28px; line-height: 2; border-bottom: 1px solid #ccc; }
.related-news-list { margin-top: 15px; }
.related-news-list ul li { float: left; width: 33.33%; }
.related-news-list ul li a { display: block; margin-right: 50px; font-size: 16px; line-height: 40px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.related-news-list ul li a i { margin-right: 10px; color: #999; }
@media (max-width: 1366px){
.related-news h3 { font-size: 22px; }
.related-news-list ul li a { font-size: 14px; line-height: 32px; }
}
@media (max-width: 1024px){
.related-news h3 { font-size: 20px; }
.related-news-list ul li a { font-size: 12px; line-height: 28px; }
}
@media (max-width: 750px){
.related-news { margin-top: 30px; }
.related-news h3 { font-size: 22px; }
.related-news-list ul li { float: none; width: 100%; }
.related-news-list ul li a { margin-right: 0; font-size: 12px; line-height: 40px; }
}

/* 推荐产品 */
.recommend-product ul li { margin-top: 10px; }
.recommend-product ul li a { display: block; padding: 10px 10px 15px; border: 1px solid #f8f8f8; }
.recommend-product ul li a .pic { width: 100%; }
.recommend-product ul li a .pic img { display: block; width: 100%; }
.recommend-product ul li a .tit { width: 100%; margin-top: 8px; font-size: 14px; font-weight: normal; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
@media (max-width: 750px){
.recommend-product { overflow: hidden; }
.recommend-product ul { margin: 0 -5px; }
.recommend-product ul li { float: left; width: 50%; margin: 10px 0; }
.recommend-product ul li a { margin: 0 5px; padding: 0; border: none; }
.recommend-product ul li a .tit { font-size: 12px; }
}

/* 热门新闻 */
.hot-news { padding: 5px 0; }
.hot-news ul li a { display: block; width: 100%; font-size: 14px; line-height: 28px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.hot-news ul li a i { margin-right: 8px; color: #999; }
@media (max-width: 1366px){
.hot-news ul li a { font-size: 12px; line-height: 26px; }
}
@media (max-width: 1024px){
.hot-news ul li a { font-size: 12px; line-height: 26px; }
}
@media (max-width: 750px){
.hot-news ul li a { font-size: 12px; line-height: 40px; }
.hot-news ul li a i { margin-right: 10px; }
}


/* 售后服务 *******************************************************************************************************************/

/* 合作 */
.service-info { width: 100%; padding: 40px 0; }
.service-info .left { float: left; width: 60%; }
.service-info .right { float: left; width: 40%; }
.service-info .right img { width: 100%; }
.service-info .info h3 { font-size: 36px; }
.service-info .info h4 { margin-top: 10px; font-size: 24px; font-weight: normal; }
.service-info .info p { margin-top: 30px; font-size: 16px; color: #666; line-height: 2.25; }
.service-info .data { width: 105%; margin-top: 35px; overflow: hidden; }
.service-info .data ul { margin-left: -7%; }
.service-info .data ul li { position: relative; float: left; width: 18%; padding-left: 7%; }
.service-info .data ul li:before { content: ""; position: absolute; left: 0; top: 36%; width: 1px; height: 25px; background-color: #099f00; }
.service-info .data .count { color: #369031; }
.service-info .data .count strong { font-size: 60px; }
.service-info .data .count em { margin-left: 5px; font-size: 24px; }
.service-info .data .text { margin-top: 8px; font-size: 14px; }
@media (max-width: 1366px){
.service-info { padding: 30px 0; }
.service-info .info h3 { font-size: 32px; }
.service-info .info h4 { font-size: 20px; }
.service-info .info p { margin-top: 25px; font-size: 14px; }
.service-info .data { margin-top: 30px; }
.service-info .data .count strong { font-size: 55px; }
.service-info .data .count em { font-size: 20px; }
.service-info .data .text { margin-top: 5px; font-size: 12px; }
}
@media (max-width: 1024px){
.service-info { padding: 30px 0; }
.service-info .info h3 { font-size: 28px; }
.service-info .info h4 { font-size: 16px; }
.service-info .info p { margin-top: 25px; font-size: 12px; }
.service-info .data { margin-top: 30px; }
.service-info .data .count strong { font-size: 45px; }
.service-info .data .count em { font-size: 16px; }
.service-info .data .text { margin-top: 0; font-size: 12px; }
}
@media (max-width: 750px){
.service-info { width: auto; margin: 0 10px; padding: 0; }
.service-info .left { float: none; width: 100%; }
.service-info .right { float: none; width: 100%; margin-top: 30px; text-align: center; }
.service-info .right img { width: 60%; }
.service-info .info { text-align: center; }
.service-info .info h3 { font-size: 22px; }
.service-info .info h4 { font-size: 14px; }
.service-info .info p { margin-top: 20px; font-size: 12px; line-height: 2; }
.service-info .data { width: 100%; margin-top: 10px; }
.service-info .data ul { margin-left: 0; font-size: 0; }
.service-info .data ul li { float: none; display: inline-block; width: 50%; margin: 10px 0; padding-left: 0; text-align: center; }
.service-info .data ul li:before { top: 25%; height: 20px; }
.service-info .data ul li:nth-child(odd):before { display: none; }
.service-info .data .count strong { font-size: 30px; }
.service-info .data .count em { font-size: 14px; }
.service-info .data .text { margin-top: 0; font-size: 10px; }
}

/* 服务理念 */
.service-idea { padding: 30px 0; }
.service-idea ul li { float: left; width: 25%; text-align: center; }
.service-idea ul li a { display: block; }
.service-idea ul li .icon { display: inline-block; width: 160px; height: 160px; background: url("../images/icon/501.png") no-repeat center; background-size: cover; 
  -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; 
}
.service-idea ul li .icon i { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.service-idea ul li .icon .icon01 { background-image: url("../images/icon/511.png"); }
.service-idea ul li .icon .icon02 { background-image: url("../images/icon/512.png"); }
.service-idea ul li .icon .icon03 { background-image: url("../images/icon/513.png"); }
.service-idea ul li .icon .icon04 { background-image: url("../images/icon/514.png"); }
.service-idea ul li h5 { margin-top: 15px; font-size: 28px; }
.service-idea ul li p { margin-top: 28px; font-size: 16px; line-height: 2.2; }
.service-idea ul li a:hover { color: #333; }
.service-idea ul li a:hover .icon { 
  -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);
}
@media (max-width: 1366px){
.service-idea { padding: 20px 0; }
.service-idea ul li .icon { width: 150px; height: 150px; }
.service-idea ul li h5 { margin-top: 12px; font-size: 24px; }
.service-idea ul li p { margin-top: 25px; font-size: 14px; }
}
@media (max-width: 1024px){
.service-idea { padding: 10px 0; }
.service-idea ul li .icon { width: 130px; height: 130px; }
.service-idea ul li h5 { margin-top: 12px; font-size: 20px; }
.service-idea ul li p { margin-top: 25px; font-size: 12px; }
}
@media (max-width: 750px){
.service-idea { margin: -20px 10px 0; padding: 0; }
.service-idea ul li { width: 50%; margin-top: 40px; }
.service-idea ul li a { margin: 0 10px; }
.service-idea ul li .icon { width: 120px; height: 120px; }
.service-idea ul li h5 { margin-top: 10px; font-size: 18px; }
.service-idea ul li p { min-height: 78px; margin-top: 20px; font-size: 10px; }
}

/* 服务流程 */
.service-step { padding-bottom: 30px; }
.service-step ul li { float: left; width: 16.66%; }
.service-step ul li a { display: block; width: 100%; }
.service-step ul li .icon { position: relative; width: 80%; height: 0; padding-top: 80%; margin: 0 auto; background: url("../images/icon/521.png") no-repeat center; background-size: 100% auto; overflow: hidden; 
  -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; 
}
.service-step ul li .icon i { position: absolute; top: 50%; left: 50%; width: 34%; height: 34%; margin-top: -17%; margin-left: -17%; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.service-step ul li .icon .icon01 { background-image: url("../images/icon/531.png"); }
.service-step ul li .icon .icon02 { background-image: url("../images/icon/532.png"); }
.service-step ul li .icon .icon03 { background-image: url("../images/icon/533.png"); }
.service-step ul li .icon .icon04 { background-image: url("../images/icon/534.png"); }
.service-step ul li .icon .icon05 { background-image: url("../images/icon/535.png"); }
.service-step ul li .icon .icon06 { background-image: url("../images/icon/536.png"); }
.service-step ul li .info { position: relative; margin-top: 60px; padding-top: 40px; }
.service-step ul li .info:before,
.service-step ul li .info:after { content: ""; position: absolute; top: 0; width: 50%; height: 5px; background-color: #9099a2; }
.service-step ul li .info:before { left: 0; }
.service-step ul li .info:after { right: 0; }
.service-step ul li .info .number { position: absolute; top: -14px; left: 50%; z-index: 1; margin-left: -17px; padding: 5px; border-radius: 50%; border: 3px solid #9099a2; background-color: #fff; }
.service-step ul li .info .number strong { display: block; width: 18px; height: 18px; font-size: 13px; font-weight: normal; color: #fff; line-height: 18px; text-align: center; border-radius: 50%; background-color: #9099a2; }
.service-step ul li .info h5 { margin: 0 30px; font-size: 20px; color: #2f455b; line-height: 45px; text-align: center; border-radius: 23px; border: 2px solid #9099a2; background-color: #dae6f2; }
.service-step ul li .info p { margin: 0 30px; padding-top: 28px; font-size: 14px; line-height: 1.7; }
.service-step ul li a:hover .icon { background-image: url("../images/icon/521_hover.png"); 
  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.service-step ul li a:hover .info .number { border-color: #369031; }
.service-step ul li a:hover .info .number strong { background-color: #369031; }
.service-step ul li a:hover .info h5 { color: #369031; border-color: #369031;  }
.service-step ul li.first .info:before,
.service-step ul li.last .info:after { display: none; }
@media (max-width: 1366px){
.service-step { padding-bottom: 20px; }
.service-step ul li .info { margin-top: 50px; }
.service-step ul li .info h5 {  margin: 0 20px; font-size: 18px; line-height: 40px; }
.service-step ul li .info p { margin: 0 20px; padding-top: 20px; font-size: 12px; }
}
@media (max-width: 1024px){
.service-step { padding-bottom: 10px; }
.service-step ul li .info { margin-top: 40px; }
.service-step ul li .info h5 {  margin: 0 15px; font-size: 16px; line-height: 35px; border-width: 1px; }
.service-step ul li .info p { margin: 0 15px; padding-top: 15px; font-size: 12px; }
}
@media (max-width: 750px){
.service-step { margin: -30px 10px 0; padding-bottom: 0; }
.service-step ul li { width: 33.33%; margin-top: 30px; }
.service-step ul li .info { margin-top: 30px; }
.service-step ul li .info h5 {  margin: 0 10px; font-size: 14px; line-height: 30px; border-width: 1px; }
.service-step ul li .info p { margin: 0 10px; padding-top: 10px; font-size: 11px; }
.service-step ul li.first .info:before,
.service-step ul li.last .info:after,
.service-step ul li:nth-child(3) .info:after,
.service-step ul li:nth-child(4) .info:before { display: none; }
}

/* 相关产品列表 */
.related-list { overflow: hidden; }
.related-list ul { margin: 0 -20px; }
.related-list ul li { float: left; width: 25%; }
.related-list ul li a { display: block; margin: 0 20px; text-align: center; border-bottom: 2px solid #d2d2d2; }
.related-list ul li a .pic { position: relative; width: 100%; height: 0; padding-top: 74.667%; overflow: hidden; }
.related-list ul li a .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.related-list ul li a .tit { width: 100%; font-size: 18px; font-weight: normal; line-height: 45px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.related-list ul li a:hover { border-color: #099f00; }
.related-list ul li a:hover .tit { color: #099f00; }
@media (max-width: 1366px){
.related-list ul { margin: 0 -10px; }
.related-list ul li a { margin: 0 10px; }
.related-list ul li a .tit { font-size: 16px; line-height: 40px; }
}
@media (max-width: 1024px){
.related-list ul { margin: 0 -10px; }
.related-list ul li a { margin: 0 10px; border-width: 1px; }
.related-list ul li a .tit { font-size: 14px; line-height: 40px; }
}
@media (max-width: 750px){
.related-list { margin: -20px 10px 0; }
.related-list ul { margin: 0 -5px; }
.related-list ul li { width: 50%; margin-top: 20px; }
.related-list ul li a { margin: 0 5px; border-width: 1px; }
.related-list ul li a .tit { font-size: 12px; line-height: 35px; }
}


/* 联系我们 *******************************************************************************************************************/
.contact-info { padding: 20px 0; }
.contact-info ul li { float: left; width: 25%; text-align: center; }
.contact-info ul li a { display: block; padding: 0 10px; }
.contact-info ul li .icon { position: relative; display: inline-block; width: 130px; height: 130px; border-radius: 50%;
  -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; 
}
.contact-info ul li .icon-yellow { background-color: #e8b750; }
.contact-info ul li .icon-green { background-color: #369031; }
.contact-info ul li .icon i { position: absolute; top: 50%; left: 50%; width: 52%; height: 52%; margin-top: -26%; margin-left: -26%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.contact-info ul li .icon .icon01 { background-image: url("../images/icon/601.png"); }
.contact-info ul li .icon .icon02 { background-image: url("../images/icon/602.png"); }
.contact-info ul li .icon .icon03 { background-image: url("../images/icon/603.png"); }
.contact-info ul li .icon .icon04 { background-image: url("../images/icon/604.png"); }
.contact-info ul li h5 { margin-top: 35px; font-size: 24px; font-weight: normal; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.contact-info ul li p { margin-top: 10px; font-size: 15px; line-height: 36px; }
.contact-info ul li p strong { font-weight: normal; color: #bc1010; }
.contact-info ul li a:hover .icon { 
  -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);
}
.contact-info ul li a:hover h5,
.contact-info ul li a:hover p { color: #333; }
.maps { position: relative; height: 480px; margin-top: 25px; background: url("../images/bg/map.jpg") no-repeat center; }
.map-bubble { position: absolute; top: 50px; left: 50%; width: 415px; height: 188px; margin-left: -150px; border: 1px solid #b1b0b0; background-color: #fff; }
.map-bubble-arrow { position: absolute; bottom: -24px; left: 50%; width: 35px; height: 24px; margin-left: -18px; background: url("../images/icon/map_bubble_arrow.png") no-repeat center top; }
.map-bubble .inner { padding: 15px 28px; }
.map-bubble .map-title { font-size: 18px; line-height: 1.5; }
.map-bubble .map-address { position: relative; margin-top: 20px; padding-left: 35px; }
.map-bubble .map-address i { position: absolute; top: 5px; left: 0; width: 26px; height: 26px; background: url("../images/icon/map.png") no-repeat center; }
.map-bubble .map-address h4 { font-size: 14px; font-weight: normal; line-height: 1.6; }
.map-bubble .map-address p { font-size: 12px; color: #666; line-height: 1.6; }
.map-bubble .map-search { height: 40px; margin-top: 22px; }
.map-bubble .map-search .keywords { float: left; width: 230px; height: 28px; padding: 0 10px; font-size: 14px; line-height: 28px; border: 1px solid #b1b0b0; background: #fff; }
.map-bubble .map-search .button { float: left; width: 88px; height: 30px; margin-left: 5px; font-size: 14px; color: #fff; border: none; background: #e8b750; }
.map-bubble .close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; text-indent: -9999em; border: none; background: url("../images/icon/map_close.png") no-repeat center; overflow: hidden; }
@media (max-width: 1366px){
.contact-info ul li .icon { width: 120px; height: 120px; }
.contact-info ul li h5 { margin-top: 30px; font-size: 20px; }
.contact-info ul li p { margin-top: 30px; font-size: 16px; line-height: 28px; }
.contact-info ul li p strong { font-size: 22px; }
}
@media (max-width: 1024px){
.contact-info ul li .icon { width: 100px; height: 100px; }
.contact-info ul li h5 { margin-top: 30px; font-size: 18px; }
.contact-info ul li p { margin-top: 30px; font-size: 14px; line-height: 22px; }
.contact-info ul li p strong { font-size: 16px; }
}
@media (max-width: 750px){
.contact-info { margin: 0 10px; padding: 0; }
.contact-info ul li { width: 50%; margin: 10px 0; }
.contact-info ul li .icon { width: 80px; height: 80px; }
.contact-info ul li h5 { margin-top: 15px; font-size: 14px; }
.contact-info ul li p { height: 120px; margin-top: 15px; font-size: 9px; line-height: 20px; overflow: hidden; }
.contact-info ul li p strong { font-size: 12px; }

.map-bubble { width: 300px; margin-left: -150px; }
.map-bubble .inner { padding: 12px 20px; }
.map-bubble .map-title { margin-right: 30px; font-size: 14px;  }
.map-bubble .map-address { margin-top: 15px; padding-left: 30px; }
.map-bubble .map-address i { width: 22px; height: 22px; background-size: cover; }
.map-bubble .map-address h4 { font-size: 12px; }
.map-bubble .map-address p { font-size: 11px; }
.map-bubble .map-search .keywords { width: 165px; font-size: 12px; }
.map-bubble .map-search .button { width: 65px; font-size: 12px; }
.map-bubble-arrow { left: 62%; margin-left: 0; }

.contact-ttwo:after{
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.contact-ttwo {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }
}


/* 在线留言 *******************************************************************************************************************/

/* feedback (common) */
.feedback { padding: 52px 0; background: #f0f0f0 url("../images/bg/feedback.jpg") no-repeat center; background-size: cover; }
.feedback .info { padding: 35px 80px 55px; background-color: #fff; background-color: rgba(255,255,255,0.85); }
.feedback .title { font-size: 40px; font-weight: normal; text-align: center; }
.feedback .note { margin-top: 15px; font-size: 16px; text-align: center; }
.feedback .form-item { margin-top: 35px; font-size: 16px; overflow: hidden; }
.feedback .form-item ul { margin: 0 -35px; }
.feedback .form-item ul li { float: left; width: 50%; margin-bottom: 15px; }
.feedback .form-item .item { margin: 0 35px; }
.feedback .form-item .dt { padding-left: 15px; line-height: 2.2; }
.feedback .form-item .dd { position: relative; height: 45px; padding: 0 10px 0 55px; border-radius: 2px; border: 1px solid #ccc; background: #e6e6e6; }
.feedback .form-item .dd label { position: absolute; left: 0; top: 0 }
.feedback .form-item .dd label .icon { display: block; width:55px; height: 45px; background-repeat: no-repeat; background-position: center; }
.feedback .form-item .dd label .icon-user { background-image: url("../images/icon/feedback_user.png"); }
.feedback .form-item .dd label .icon-phone { background-image: url("../images/icon/feedback_phone.png"); }
.feedback .form-item .dd label .icon-message { background-image: url("../images/icon/feedback_message.png"); }
.feedback .form-item .dd input,
.feedback .form-item .dd textarea { width: 100%; padding: 10px 0; border: none; background: none; }
.feedback .form-item .dd input { height: 25px; line-height: 25px; }
.feedback .form-item .dd textarea { line-height: 1.8; }
.feedback .form-item ul li.msg { width: 100%; margin-bottom: 0; }
.feedback .form-item ul li.msg .dd { height: auto; }
.feedback .btn { margin-top: 35px; text-align: center; }
.feedback .btn .btn-submit { display: inline-block; height: 40px; padding: 0 50px; font-size: 18px; color: #fff; line-height: 40px; border: none; background: #e8b750;  }
@media (max-width: 1366px){
.feedback { padding: 50px 0; }
.feedback .info { padding: 30px 70px 45px; }
.feedback .title { font-size: 32px; }
.feedback .note { font-size: 14px; }
.feedback .form-item { margin-top: 20px; font-size: 14px; }
.feedback .form-item ul { margin: 0 -30px; }
.feedback .form-item ul li { margin-bottom: 15px; }
.feedback .form-item .item { margin: 0 30px; }
.feedback .btn { margin-top: 32px; }
.feedback .btn .btn-submit { font-size: 16px; }
}
@media (max-width: 1024px){
.feedback { padding: 45px 0; }
.feedback .info { padding: 30px 55px 45px; }
.feedback .title { font-size: 30px; }
.feedback .note { font-size: 14px; }
.feedback .form-item { margin-top: 20px; font-size: 14px; }
.feedback .form-item ul { margin: 0 -20px; }
.feedback .form-item ul li { margin-bottom: 10px; }
.feedback .form-item .item { margin: 0 20px; }
.feedback .btn { margin-top: 30px; }
.feedback .btn .btn-submit { font-size: 14px; }
}
@media (max-width: 750px){
.feedback { padding: 40px 0; }
.feedback .info { margin: 0 10px; padding: 40px 25px; }
.feedback .title { font-size: 22px; font-weight: bold; }
.feedback .note { font-size: 12px; }
.feedback .form-item { margin-top: 20px; font-size: 14px; }
.feedback .form-item ul { margin: 0; }
.feedback .form-item ul li { float: none; width: 100%; margin-bottom: 10px; }
.feedback .form-item .item { margin: 0; }
.feedback .form-item .dt { padding-left: 10px; }
.feedback .form-item .dd { padding: 0 10px 0 45px; }
.feedback .form-item .dd label .icon { width: 45px; }
.feedback .btn { margin-top: 25px; }
.feedback .btn .btn-submit {  font-size: 14px; }
}

/* feedback (新闻详情页) */
.news-feedback { margin-top: 50px; }
.news-feedback .feedback { padding: 20px; background-image: url("../images/bg/feedback_2.jpg"); }
.news-feedback .feedback .info { padding: 25px 40px 30px; }
.news-feedback .feedback .title { font-size: 28px; text-align: left; }
.news-feedback .feedback .note { font-size: 12px; text-align: left; }
.news-feedback .feedback .form-item { width: 88%; margin-top: 10px; font-size: 14px; }
.news-feedback .feedback .form-item ul { margin: 0; }
.news-feedback .feedback .form-item ul li { float: none; width: 100%; margin-bottom: 10px; }
.news-feedback .feedback .form-item ul li.msg { margin-bottom: 0; }
.news-feedback .feedback .form-item .item { margin: 0; }
.news-feedback .feedback .form-item .dd { height: 38px; }
.news-feedback .feedback .form-item .dd label .icon { height: 38px; }
.news-feedback .feedback .form-item .dd input { height: 18px; line-height: 18px; }
.news-feedback .feedback .btn { margin-top: 25px; }
.news-feedback .feedback .btn-submit { font-size: 16px; }
@media (max-width: 1366px){
.news-feedback .feedback { padding: 20px; }
.news-feedback .feedback .info { padding: 25px 40px 30px; }
.news-feedback .feedback .title { font-size: 28px; }
.news-feedback .feedback .note { font-size: 12px; }
.news-feedback .feedback .form-item { margin-top: 10px; }
.news-feedback .feedback .form-item ul li { margin-bottom: 10px; }
.news-feedback .feedback .btn { margin-top: 25px; }
.news-feedback .feedback .btn-submit { font-size: 16px; }
}
@media (max-width: 1024px){
.news-feedback .feedback { padding: 20px; }
.news-feedback .feedback .info { padding: 25px 40px 30px; }
.news-feedback .feedback .title { font-size: 24px; }
.news-feedback .feedback .note { font-size: 12px; }
.news-feedback .feedback .form-item { margin-top: 10px; }
.news-feedback .feedback .form-item ul li { margin-bottom: 10px; }
.news-feedback .feedback .btn { margin-top: 25px; }
.news-feedback .feedback .btn-submit { font-size: 14px; }
}
@media (max-width: 750px){
.news-feedback { margin: 50px -10px; }
.news-feedback .feedback { padding: 20px; }
.news-feedback .feedback .info { padding: 25px 40px 30px; }
.news-feedback .feedback .title { font-size: 22px; }
.news-feedback .feedback .note { font-size: 12px; }
.news-feedback .feedback .form-item { width: 100%; margin-top: 20px; }
.news-feedback .feedback .form-item ul li { margin-bottom: 10px; }
.news-feedback .feedback .btn { margin-top: 25px; }
.news-feedback .feedback .btn-submit { font-size: 14px; }
}

/* feedback (产品详情页) */
.product-feedback { float: left; width: 58%; }
.product-feedback .feedback { padding: 35px 45px; background-image: url("../images/bg/feedback_3.jpg"); }
.product-feedback .feedback .info { padding: 25px 52px 55px; background-color: rgba(255,255,255,0.95); }
.product-feedback .feedback .title { text-align: left; }
.product-feedback .feedback .note { display: none; font-size: 15px; text-align: left; }
.product-feedback .feedback .form-item { margin-top: 25px; }
.product-feedback .feedback .form-item ul { margin: 0; }
.product-feedback .feedback .form-item ul li { float: none; width: 100%; margin-bottom: 20px; }
.product-feedback .feedback .form-item ul li.msg { margin-bottom: 0; }
.product-feedback .feedback .form-item .item { margin: 0; }
.product-feedback .feedback .btn { margin-top: 30px; }
@media (max-width: 1366px){
.product-feedback .feedback { padding: 35px; }
.product-feedback .feedback .info { padding: 30px 45px 45px; }
.product-feedback .feedback .title { font-size: 28px; }
.product-feedback .feedback .note { font-size: 14px; }
.product-feedback .feedback .form-item { margin-top: 22px; }
.product-feedback .feedback .form-item ul li { margin-bottom: 20px; }
.product-feedback .feedback .btn-submit { font-size: 16px; }
}
@media (max-width: 1024px){
.product-feedback .feedback { padding: 30px; }
.product-feedback .feedback .info { padding: 25px 40px 40px; }
.product-feedback .feedback .title { font-size: 24px; }
.product-feedback .feedback .note { font-size: 12px; }
.product-feedback .feedback .form-item { margin-top: 20px; }
.product-feedback .feedback .form-item ul li { margin-bottom: 15px; }
.product-feedback .feedback .btn-submit { font-size: 14px; }
}
@media (max-width: 750px){
.product-feedback { margin: 50px -10px; }
.product-feedback .feedback { padding: 30px 0; }
.product-feedback .feedback .info { padding: 20px 25px 35px; }
.product-feedback .feedback .title { font-size: 22px; }
.product-feedback .feedback .note { font-size: 12px; }
.product-feedback .feedback .form-item { width: 100%; margin-top: 20px; }
.product-feedback .feedback .form-item ul li { margin-bottom: 10px; }
.product-feedback .feedback .btn-submit { font-size: 14px; }
}