﻿@charset "utf-8";
/* CSS Document */

body .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {border-radius:50%;}
body .swiper-button-next, body .swiper-button-prev {width: 15px;background-size: 15px 25px;}
body .swiper-pagination-bullet {opacity:0.6;background:#fff;}
body .swiper-pagination-bullet-active{background:#fff;opacity:1;}
body .swiper-button-prev{background-image:url(../img/leftArr.png)}
body .swiper-button-next{background-image:url(../img/rightArr.png)}


/* index */
.banner {position:relative;overflow: hidden;}
.banner img {width:100%;}
.indexInt {width: 100%;background-size: 100%;border-top: 5px solid #eee;text-align: center;background-repeat:no-repeat;padding: 5% 0;overflow: hidden;}
.indexInt1 {background-image: url("../img/indexInt1.jpg");}
.indexInt2 {background-image: url("../img/indexInt2.jpg");background-position: center bottom;}
.indexInt3 {background-image: url("../img/indexInt3.jpg");}
.indexInt3Btn {margin:15px auto 0 auto;overflow: hidden;}
.indexInt3Btn a{width: 40%;height: 30px;border-radius: 30px;border: 1px solid #4dd3c3;margin: 0 4%;color: #4dd3c3;text-align: center;line-height: 30px;font-size: 15px;margin:0 auto;}
.indexLine {width: 15%;height: 1px;background-color: #333333;margin: 10px auto 10px;}
.indexInt .tit{font-size:18px;display: inline-block;color: #333333;font-weight: normal;}
.indexInt p {font-size: 14px;color: #666666;line-height: 2.2;}
.int3D li {width:33.33%;float:left;text-align:center;}
.int3D li img {width:80px;height:80px;border-radius:5px;}
.weapon {border-top: 5px solid #eee;    overflow: hidden;}
.weaponTit {font-size: 25px;padding: 15px 0px;text-align:center;}
.weaponBox {padding:0 5%;}
.weaponImg {position:relative;}
.weaponImg img {width:100%;}
.weaponBot{width: 100%; height: 42px;position: absolute;bottom: 0px;background: rgba(0,0,0,0.6);font-size:16px;text-align: center;line-height:42px;color: #fff;}
.weaponUl {margin-top:12px;}
.weaponUl li{position: relative;width: 25%;height: 85px;box-sizing: border-box;float: left;cursor: pointer;}
.weaponUl li i{display: block;font-size: 28px;width: 98%;height: 55px;border-radius: 5px;line-height: 55px;text-align: center;font-style: normal;border: 1px solid #808080;width: 60px;margin:0 auto;}
.weaponUl p {text-align:center;margin-top: 5px;}
.weaponUl .on i{color: #4dd3c3;overflow: inherit;border: 1px solid #4dd3c3;}
.weaponUl .on p {color: #4dd3c3;}
.logo {padding:0 5%;border-top: 5px solid #eee;overflow: hidden;}
.logoTit {font-size: 18px;padding: 15px 0px;text-align: center;}
.logoUl li{width: 14%;height: 40px;margin-right: 1%;margin-left: 1%;margin-bottom: 5px;float: left;text-align: center; line-height: 40px;background-color: #fff;border: 1px solid #e1e1e1;}
.logoUl li img {width:100%;}
.form_box{background-image: url(../img/indexBeltBg.jpg);background-repeat:repeat-x;text-align: left;vertical-align: bottom;width: 100%;padding:5% 12px;margin-top: 5%;box-sizing: border-box;}
.form_input{width: 100%;border-bottom:1px solid #fff;}
.form_input input{border:none;width:95%;background:none;height: 42px;line-height: 42px;font-size: 12px;color:#fff;padding-left:5%;}
.form_input textarea{border:none;padding:12px 0 12px 5%;width: 95%;background:none;height: 100px;resize:none;color:#fff;line-height: 25px;}
.form_input .form_btn{background-color: #bf0a24;padding:0;width: 100%;font-size: 14px;cursor: pointer;}
::-webkit-input-placeholder {color:#fff;}
.form_box form {background-color: rgba(255, 255, 255, 0.21);}



/* module */
.moduleBox {padding:0 5%;overflow: hidden;}
.moduleBox ul {overflow: hidden;margin-top: 10px;}
.module1 {position:relative;}
.module1 {border-bottom:1px dashed #e1e1e1;}
.moduleBox .module1 li {position:initial;}
.moduleBox .module1 span {border-bottom: 0;position: absolute;width: 100%;text-align: center;}
.moduleTit{height: 35px;font-size: 16px; text-align: left;line-height: 35px;font-weight: 600; border-bottom: 1px solid #e1e1e1;}
.moduleTop {height: 55px;text-align: center;background-color: #fff;overflow: hidden;border-top: 5px solid #eee;border-bottom: 5px solid #eee;position: fixed;width: 100%;top: 50px;left: 0;    z-index: 999;}
.moduleTop_ul li{float:left; width: 20%;height: 55px;text-align: center;line-height: 55px;font-size: 14px;color: #666666;}
.moduleTop_ul .on {color: #03cbb3; height: 53px;border-bottom: 2px solid #03cbb3;}
.moduleBox li{height: 160px; width: 48%;margin-right: 4%;overflow: hidden;float:left;position:relative;}

.moduleImg{width: 100%;height: 105px;overflow: hidden;margin-bottom: 0px;}
.moduleBox li img {width:100%;}
.moduleBox li span{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; height: 45px;display: block;line-height: 45px;font-size: 14px;margin-bottom: 10px;color: #666666; border-bottom: 1px dashed #e1e1e1;}
.moduleBox li p{height: 46px;line-height: 46px;float: right;font-size: 14px;color: #ff6f69;bottom: 10px;right: 0;position:absolute;}
.moduleBox li:nth-child(2n+2) {margin-right:0;}
.moduleDet {padding:0 5%;border-top:5px solid #eee;overflow: hidden;}
.moduleDet_img {margin-top:8px;}
.moduleDet_img,.moduleDet_img img{width:100%;}
.moduleDet_int {margin-top:10px;    border-bottom: 1px dashed #e1e1e1;}
.moduleDet_int span{font-size: 18px;color: #333333;margin: 10px auto;display:block;}
.moduleDet_int p{color: #666666;line-height:22px;font-size:14px;word-wrap: break-word;}
.moduleDet_price {color:#666;overflow: hidden;margin: 18px 0;}
.moduleDet_discount{color:#fe554e;float:left;}
.moduleDet_price div span {font-size:20px;}
.moduleDet_num {float:right;line-height:26px;}
.moduleDet_word {background-color: #fceed4;height:35px;line-height:35px;padding:0 5%;color:#000;font-size:16px;}
.moduleDet_pro {padding:0 5%;}
.moduleDet_tit{text-align: left;font-size: 16px;color: #333333;border-left: 2px solid #4dd3c3;padding-left: 10px;margin:10px 0;border-bottom:1px dashed #eee;}
.moduleDet_pro img {width:100%;}


/* case */
.caseNav {overflow:hidden;border-top:5px solid #eee;border-bottom:5px solid #eee;}
.caseNav li{width:33.333%;height: 40px;float: left;text-align: center;line-height: 40px;font-size: 14px;color: #666666;}
.caseNav .on span{color: #03cbb3;height: 38px;border-bottom: 2px solid #03cbb3;display: block;width: 60%;margin: 0 auto;}
.caseDet {overflow:hidden;border-top:5px solid #eee;}
.caseDet_tit{font-size: 18px;color: #000000;font-weight: normal;margin-bottom: 10px;margin-top: 10px;text-align:center;}
.caseDet_inf {text-align:center;}
.caseDet_inf p {color:#999;font-size:12px;margin:0 5px;display:inline;}
.caseDet_box img {width:100%;}
.caseDet_box {margin-top:10px;padding: 0 5%;}
.caseDet_box p {text-indent:2em;line-height: 24px;color: #666666;font-size:12px;padding: 3% 0;}
.caseAbout {width:90%;margin:0 auto;overflow:hidden;text-align:center;border-top:5px solid #eee;padding:0 5%;}
.caseAbout .case_ul {margin:10px 0 0 0;}
.case_tit{width: 250px; height: 35px; margin: 0 auto; text-align: center;line-height: 35px;font-size: 16px;color: #333;}
.case_tit .span1{width: 75px;height: 1px;float: left;margin-top: 18px;background-color: #ababab;}
.case_tit .span2{width: 75px;height: 1px;float: right;margin-top: 18px;background-color: #ababab;}
.case_ul li{height: 160px;width: 48%;margin-right: 4%;overflow: hidden;float: left;}
.case_ul li:nth-child(2n+2) {margin-right:0;}
.case_ul li span{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; height: 45px;width: 100%;display: block;line-height: 45px;font-size: 14px;margin-bottom: 10px;color: #666666;border-bottom: 1px dashed #e1e1e1;}
.moduleImg img {width:100%;}



/* solve */
.solve{overflow:hidden ;border-top:5px solid #eee;padding:0 5% 15px 5%;}
.solve li{width: 100%;  float: left; color: #787878;margin-top: 15px;}
.solveImg{width: 100%; }
.solveImg img {width:100%;}
.solveTit{height: 46px;border-bottom: 1px dashed #e1e1e1;line-height: 46px;font-size: 14px;margin-bottom: 10px;}
.solve li p{font-size: 12px;color: #808080;line-height: 24px;font-family: "宋体";}


/* contact */
.contact {border-top:5px solid #eee;}
.contactIcon {margin:0 auto;overflow:hidden;}
.contactIcon{border-bottom: 1px solid #f2f2f2;margin-top: 15px;}
.contactIcon ul {overflow:hidden;}
.contactIcon ul li{width:44%;float: left;color: #787878;text-align: center;padding:0 3%;height:180px;}
.contactImg{width: 70px; height:70px; margin: 0 auto;;border-radius: 100%;background-color: #808080;text-align: center;line-height: 70px;color: #fff;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.contactImg i{font-family: "fontIcons" !important;font-size: 36px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;}
.contactIcon ul li span{color: #000;font-size: 14px;font-weight: 600;margin: 15px 0;    display: block;}
.contactIcon ul li p {line-height: 20px;font-size: 12px;}
.contactIcon ul li a {color:#787878;}
.contactIcon ul li:hover .contactImg{background-color: #4dd3c3;}
.code {width: 90%;margin: 10px auto;text-align: center;overflow: hidden;}
.code img {width:100%;display:block;margin:0 auto;}
.code span {display:block;float:left;width: 50%;text-align: center;}
.contactMap {width:100%;margin-bottom: 15px;}


/* theme */
.themeNav {overflow:hidden;border-top:5px solid #eee;border-bottom:5px solid #eee;position: fixed; width: 90%;top: 50px;left: 0;width:100%;background:#fff;z-index: 999;}
.themeNav li{width:50%;height: 48px;float: left;text-align: center;line-height: 48px;font-size: 14px;color: #666666;}
.themeNav .on span{color: #03cbb3;height: 46px;border-bottom: 2px solid #03cbb3;display: block;width: 85%;margin: 0 auto;}