body {width:100%;-webkit-font-26oothing:antialiased;-moz-osx-font-26oothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {font-family:'Arial MT Black',Arial,'微软雅黑',"Microsoft Yahei","simsun","宋体","新宋体";font-size:14px;color:#333}
html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,hr,pre,span,strong,form,iframe,label,button,input,textarea,table,tr,th,td,fieldset,i {margin:0;padding:0;text-align:left}
dl,dd,ol,ul,li {list-style:none;}
i {display:inline-block;font-style:normal;font-weight:normal;text-align:center;vertical-align:middle}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:300}
img {border:0;vertical-align:middle}
a img,img {-ms-interpolation-mode:bicubic;text-decoration:none}
a,a:link,a:visited {color:#333;cursor:pointer;text-decoration:none}
a:hover,a:active {text-decoration:none}
a.ie6:hover {zoom:1}
.text-white{ color: #fff;}
.max-line-1 {display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.max-line-2 {display:-webkit-box;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

/*头部导航*/
.headerNav .navbar-brand{ height: auto; }
.headerNav .logo{ float: left}
.headerNav .navbar-collapse{ float: right;}
.headerNav{ margin-bottom: 0; width: 100%; float: left; background: rgba(37, 125, 255, .1);}
.headerNav.active,.headerNav .in{ background: #3b8cff;}
.headerNav .navbar-nav a{ display: flex; flex-direction: column; color: #e3e3e3; font-size: 16px;}
.headerNav .navbar-toggle{ border:0; float: right}
.headerNav .navbar-toggle:focus,.headerNav .navbar-toggle:hover {  background:0  }
.headerNav .navbar-toggle .icon-bar {height:1px;  margin-top:6px;background-color:#fff}
.headerNav .navbar-nav li{ position: inherit;}
.headerNav .navbar-nav li .dropdown-menu{ width: 100%;text-align: center;margin: 0; padding: 15px 0; overflow: visible; border: none; border-radius: inherit; background: rgba(59, 140, 255, 1);}
.headerNav .navbar-nav li .dropdown-menu .relative{ position: static; width: 100%; display: inline-block;}
.headerNav .navbar-nav li .dropdown-menu ul{ display: inline-block; position: absolute; top: 0;padding: 15px 0; }
.headerNav .navbar-nav li .dropdown-menu li{ text-align: center; display: inline-block;position: relative;}
.headerNav .navbar-nav li .dropdown-menu li a{ display: inline-block; font-size: 14px; padding: 0px 20px; color: #fff; opacity: .8;}
.headerNav .navbar-nav li .dropdown-menu li a:hover{background: none; color: #fff; opacity: 1;}
.headerNav .navbar-nav>li>a:hover,.headerNav .navbar-nav>li>a:visited,.headerNav .navbar-nav li a.active{background: #3b8cff; cursor: pointer;  color: #fff !important;}
.headerNav .navbar-nav>li.active a{ color: #e3e3e3;opacity: 1;}
.headerNav .navbar-nav>li a:hover .icon{ color: #ffffff;}
.headerNav .navbar-nav>li.active .dropdown-menu li a{color: #fff;opacity: .8;}
.slideContent{ display: inline-block; width: 100%; float: left; position: relative}
.slideContent .swiper-slide{ position: relative;}
.slideContent .swiper-slide img{width: 100%; display: inline-block; min-height: 300px;}
.slideContent .swiper-slide a.img{display: inline-block; width: 100%;}
.slideContent .swiper-button-prev, .slideContent .swiper-container-rtl .swiper-button-next{left: 25px;}
.slideContent .swiper-button-next, .slideContent .swiper-container-rtl .swiper-button-prev{ right: 25px;}

.slideContent .positionText{ position: absolute;left: 0%; top: 0%; z-index: 0; padding:0; z-index: 99; text-align: left;width: 100%; height: 100%; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.slideContent .positionText .h1{font-size: 48px; font-weight: normal; text-align: center;    color: #fff; margin-bottom: 3%}
.slideContent .positionText p{ color: #fff; font-size: 18px; letter-spacing: 2px; line-height: 30px; text-align: center;}
.slideContent .positionText .zx{background: #257dff; text-align: center; color: #ffffff; margin: 5% auto 0 auto; padding: 15px 0px; width: 20%;   display: inline-block;}
.slideContent .positionText .positionCenter .h1 span{ font-size: 20px; color: #F9F9F9; display: inline-block;}
.slideContent .positionText .positionCenter .h1 .t{    margin: 0;  padding: 0;  line-height: 30px;}
.slideContent .positionText .positionCenter .siteDot{ display: flex; align-items: center; flex-direction: row; justify-content: space-between; margin-top: 0%;}
.slideContent .positionText .positionCenter .siteDot .icon{ color: #f66f6f; margin-right: 5px}
.slideContent .positionText .positionCenter .siteDot p{ margin:  0 15px;}
.slideContent .positionText .positionRight{position: absolute;right: 16%;  top:22%; z-index: 0}
.slideContent .positionText .positionRight .h1{ font-size: 48px;font-weight: 400;}

.slideContent .positionText .positionRight .siteDot p{ text-align: left; font-size: 24px; font-weight: 400; font-family: 'Arial MT Black', Arial, '微软雅黑', "Microsoft Yahei", "simsun", "宋体", "新宋体"}
.slideContent .positionText .positionRight .bot{color: #ffff00; font-size: 36px; margin-top: 30%; letter-spacing: 1px}
.slideContent .positionText .positionRight .bot .glyphicon{ font-size: 18px;margin: 15px 15px 0 15px;display: inline-block; float: left;}
.slideContent .positionText .positionRight .bot span{ display: inline-block; float: left;}

.slideContent .positionText .positionLeft{position: absolute;left: 16%;  top:30%; z-index: 0}
.slideContent .positionText .positionLeft .h1{ letter-spacing: 5px; display: inline-block;}
.slideContent .positionText .positionLeft .en{ font-size: 18px; text-align: left; letter-spacing: 0; margin-top: 15px;}
.slideContent .positionText .positionLeft .siteDot p{ text-align: left;}
.headerNav .container{ background: none;}

.titleBox{ width: 100%; float: left; text-align: center; margin-bottom: 2.5%;}
.titleBox .h1{ text-align: center; font-size: 38px; font-weight: 400; width: 100%; float: left; margin-bottom: 15px;}
.titleBox p { color: #999999; width: 80%; margin: 0 auto; text-align: center;}

/*格子*/
.buyNav{position: absolute; left:0; bottom:-1px;z-index: 99; display: inline-block; width: 100%; float: left}
.buyNav .row{ width: 100%; margin: 0 auto;}
.buyNav .lattice{padding:30px 0; color: #fff; }
.buyNav .lattice:nth-of-type(1){background-color: rgba(241,66,108,0.5)}
.buyNav .lattice:nth-of-type(2){background-color: rgba(255,187,49,0.5)}
.buyNav .lattice:nth-of-type(3){background-color: rgba(4,139,180,0.5)}
.buyNav .lattice:nth-of-type(4){background-color: rgba(0,198,148,0.5)}
.buyNav .titleBox{ width: 100%; display: inline-block; float: left; margin: 0;}
.buyNav .titleBox .icon{ float: left; font-size: 36px; float: left; width: 20%;}
.buyNav .titleBox .list{ float: left; width: 75%}
.buyNav .titleBox .list .title{ width: 100%; float: left; font-size: 18px; text-align: left;}
.buyNav .titleBox .list p{ font-size: 12px; color: #ffffff; width: 100%; text-align: left; line-height: 25px; margin: 0; float: left;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;white-space: nowrap;}
.buyNav .row a:hover{background: rgba(37, 125, 255, .5);}
/*行业*/
.painSpot{ float: left; width: 100%; display: inline-block; margin: 5% 0;}
.industry{ background:#000 url("../../images/fangan-bg.jpg") no-repeat center top; float: left; width: 100%; display: inline-block; padding: 5% 0;}
.industry .main{ width: 100%; display: inline-block; margin-top: 5%;}
.industry .main .solution ul{float: left; width: 100%;}
.industry .main .solution li{ margin-bottom: 20px;}
.industry .main .solution li a{ border: 1px #e1e1e1 solid; display: inline-block; color: #fff; float: left; width: 100%; padding: 15px; text-align: center;}
.industry .main .solution li a .icon{ font-size: 36px}
.industry .main .solution li a p{ margin-top: 15px; line-height: 20px; height: 40px; overflow: hidden;}
.industry .main .solution li a:hover,.industry .main .solution li.active a{ color: #257dff;border: 1px #257dff solid;}
.industry .main .showImg{ margin-top: 5%;}
.industry .main .showImg img{ border: 1px #e1e1e1 solid; padding: 0; width: 100%;}
.industry .titleBox .h1{ color: #fff;}
    /*选择*/
.chooseBox,.qiYeSolution,.clientComment,.multiTerminal,.shopCaseBox,.contactMap,.myValue,.seoYouHua{padding: 3% 0; float: left;  background: #F6F6F6; width: 100%; display: inline-block;}
.chooseLine{ width: 100%; float: left;}
.chooseLine li{ padding: 20px 30px; display: inline-block;}
.chooseLine li .chose-item-top{ width: 100%; margin-bottom: 15px; float: left; display: flex; flex-flow: column; text-align: center ; border-bottom: 1px #257dff solid;}
.chooseLine li .chose-item-top .icon{ font-size: 60px;}
.chooseLine li .chose-item-top h5{ text-align: center; margin: 20px 0;}
.chooseLine li .chose-item-bottom{color: #666; text-align: left; width: 80%;  margin: 0 auto; letter-spacing: 0; line-height: 25px;}
.chooseLine li:hover .chose-item-top .icon,.chooseLine li:hover .chose-item-top h5{ color: #3b8cff;}
/*案例*/
.caseBox,.chooseSolution,.contactSolution,.solutionCase,.serviceFlow,.articleBox,.caseContent,.aboutUs,.minXcx,.newsTj,.qiYeSpot,.waiMaoSpot,.seoTjBox{padding: 5% 0; display: inline-block; width: 100%; float: left;}
.caseBox .titleBox ul{ text-align: center; margin-top: 20px;}
.caseBox .titleBox ul li{ display: inline-block;}
.caseBox .titleBox ul li a{ padding:10px 20px; border: 1px #e1e1e1 solid; float: left; font-size: 14px; margin: 0 10px; color: #999;}
.caseBox .titleBox ul li a:hover{color: #257dff; border: 1px #257dff solid;}
.caseBox .caseList{ width: 100%; float: left; display: inline-block;}
.caseBox .caseList li{ margin-bottom: 30px; float: left}
.caseBox .caseList li a{float: left;height: 100%;display:inline-block; width: 100%;}
.caseBox .caseList li a .tit{ width: 100%; float: left;}
.caseBox .caseList li a .tit h3{ color: #333333; font-size: 16px; margin-bottom: 10px; font-weight: normal; word-break:break-all;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.caseBox .caseList li a .tit p{color: #999; font-size: 14px; height: 40px; line-height: 20px; overflow: hidden;}
.caseBox .caseList li .image{position:relative;overflow:hidden;padding-top: 100%; margin-bottom: 15px; width: 100%; transition-timing-function: linear; transition-duration: 5000ms;}
.caseBox .caseList li .image .img{width:100%;top:0;left:0;display:block;position:absolute;transition:inherit;}
.caseBox .caseList li a:hover .goBottom img{top:100%;transform:translateY(-100%);}
.caseBox .caseList li a:hover .tit h3{ color: #257dff;}

/*客户点评*/
.clientComment .commentList{ width: 100%; float: left; margin-top: 3%;}
.clientComment .commentList li{margin-bottom: 5%; display: inline-block; float: left;}
.clientComment .commentList li .box{background: #ffffff;border: 1px #f1f1f1 solid; border-radius: 4px; position: relative; padding: 15px;}
.clientComment .commentList li .logo{ position: absolute; left: -15px; top: -15px;}
.clientComment .commentList li .logo img{ width: 40px; height: 40px; border-radius: 50%;}
.clientComment .commentList li .says-tit{ margin-top: 10%; margin-bottom: 15px; color: #333333;font-weight: normal;}
.clientComment .commentList li .say-desc{ color: #333; font-weight: 200; font-size: 14px; line-height: 20px;height: 60px; overflow: hidden;}

/*推广*/
.extensionBox{padding: 5% 0; background: #fff;width: 100%; display: inline-block;}
.extensionBox .extensionList{ width: 100%; float: left;}

.extensionList dl{ background: #ffffff; margin: 15px; padding-bottom: 15px; border-radius: 4px; border: 1px #f1f1f1 solid; width: 100%; float: left;}
.extensionList dl dt{ width: 100%; float: left; position: relative; margin-bottom: 20px;}
.extensionList dl dt .img{ width: 100%; max-height: 200px; overflow: hidden; float: left;}
.extensionList dl dt .img img{ max-width: 100%;}
.extensionList dl dt h6{ font-size: 16px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.8); padding:10px 15px; width: 100%; float: left; margin: 0px 0; color: #fff; font-weight: 400;}
.extensionList dl dt a:hover h6{ color: #257dff;}
.extensionList dl dd { width: 100%; float: left; padding:0 15px;}
.extensionList dl dd a{ line-height: 30px; overflow: hidden; color: #666;overflow: hidden; text-decoration: none;  white-space: nowrap;  width: 100%; float: left; text-overflow: ellipsis;}
.extensionList dl dd a:hover,.extensionList dl dd a:hover b{ color: #257dff; text-decoration: underline;}
.extensionList dl dd a b{ color: #333;}
.extensionList dl dd a .icon{ margin-right: 5px; font-size: 12px;}
.extensionList dl dd p{ color: #999; font-size: 12px; line-height: 20px; width: 100%; display: inline-block; overflow: hidden; height: 40px;}
/*联系我们*/
.contactBox{background: url(../../images/way_choose_me.jpg) center no-repeat fixed; width: 100%; float: left;  background-size: cover; padding: 5% 0px;  color: #fff; }
.contactBox .titleBox p{ color: #ffffff;}
.contactBox .formBox .form-group{ margin-bottom: 20px;}
.contactBox .btn{margin-top: 3%; outline: none;  background: #257dff;  border-radius: 200px;  color: #fff;  border: none;  padding: 15px 50px;}
.contactBox .form-control{ border-radius: 0; height: 40px;}
.contactBox .contentClass{ height: auto;    padding: 10px 12px;}
.contactBox .formBox .form-group label span{ color: #f00; margin-right: 3px}
.contactBox .errorMessage{color: #f00; width: 50%; margin: 0 auto; display:none;}
.contactBox .errorMessage i{ display: inline-block; margin-right: 5px;}
.contactBox .errorMessage span{ margin-top: 5px; display: inline-block;}

.footer{background: #333 url("../../images/foot-bg.jpg") no-repeat center top; background-size: cover;  overflow: hidden;  padding: 0% 0% 0% 0%; width: 100%; float: left; color: #fff;}
.footer .footerList{ width: 100%; float: left;margin: 5% 0 3% 0;}
.footer .footerList .qrCode{ padding-left: 15px; text-align: center;}
.footer .footerList .qrCode .p{ width: 50%; float: left;}
.footer .footerList .qrCode img{ max-width: 100%; max-height: 100px}
.footer .footerList .qrCode .text{ margin-top: 10px;}
.footer .titleBox p{ width: 50%; margin: 0 auto;}
.footer dt{margin-bottom: 20px;  font-size: 18px;  font-weight: bold;  }
.footer dd{margin-bottom: 10px;  color: #9a9a9a; font-size: 14px;}
.footer dd a,.footer .copyright a{ color: #9a9a9a;}
.footer dd a:hover{color: #257dff;}
.footer .copyright{ width: 100%; float: left; color: #999; background: #000; height: 40px; font-size: 12px; line-height: 40px;text-align: center;}
.footer .linkList{ width: 100%; float: left; margin-bottom: 10px; color: #fff;}
.footer .linkList li{ display: inline-block; color: #fff}
.footer .linkList li a{ color: #999999; font-size: 12px; margin: 0 3px;}
.footer .linkList li a:hover{ color: #257dff;}

.footAbout{ background: #333333;color: #999; padding: 2% 0; display: inline-block; width: 100%; float: left;}
.footAbout ul{ display: inline-block; width: 100%;}
.footAbout ul li{ display: inline-block;}
.footAbout .row{width: 90%; margin: 0;}
.footAbout .row .h1{border-bottom: 1px solid #ccc; color: #ccc;  font-weight: bold;  font-size: 20px;  margin-bottom: 15px;  padding-bottom: 15px;}
.footAbout .row p,.footAbout .row a{text-align: justify;  color: #999;  line-height: 1.8;}

.bannerNav{ width: 100%; position: relative; margin-top: 81px; display: inline-block;}
.bannerNav .bannerImg{ width: 100%; display: inline-block;}
.bannerNav .bannerImg img{ width: 100%;}
.bannerNav .bannerTextRight{ position: absolute; right: 15%; top: 25%; z-index: 99}
.bannerNav .bannerTextRight h3{ font-size: 36px; text-align: center;  color: #257dff; margin-bottom: 5%}
.bannerNav .bannerTextRight p{ text-align: center;}

.bannerNav .bannerTextLeft{ position: absolute; left: 10%; top: 20%; z-index: 99; text-align: left;}
.bannerNav .bannerTextLeft h3{ font-size: 36px; text-align: left;  color: #fff; margin-bottom: 5%}
.bannerNav .bannerTextLeft h3 span{ color: #2af7e4}
.bannerNav .bannerTextLeft p{ text-align: left; color: #ffffff; width: 100%;  font-size: 16px; line-height: 25px;}
.bannerNav .bannerTextLeft a{  margin: 10% auto; background: #257dff; text-align: center; color: #ffffff; padding: 15px 0px; width: 25%; display: inline-block;}

.bannerNav .bannerTextCenter{ position: relative; left: 0%; top: 0%; padding: 8% 0; z-index: 99; text-align: left; background-color: #3b8cff; width: 100%; height: 100%; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.bannerNav .bannerTextCenter h3{font-size: 40px; font-weight: normal; text-align: center;    color: #fff; margin-bottom: 3%}
.bannerNav .bannerTextCenter p{ color: #fff; font-size: 18px;}

.bannerNav .bannerTextCenterPosition{ position: absolute; left: 0%; top: 0%; z-index: 0; padding: 8% 0; z-index: 99; text-align: left; background-color: rgba(59,140,255,.5); width: 100%; height: 100%; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.bannerNav .bannerTextCenterPosition h3{font-size: 36px; font-weight: normal; text-align: center;    color: #fff; margin-bottom: 3%}
.bannerNav .bannerTextCenterPosition span{ color: #2af7e4;}
.bannerNav .bannerTextCenterPosition p{ color: #fff; font-size: 18px; letter-spacing: 2px;}
.bannerNav .bannerQiYe{ background: none;}
.bannerNav .bannerQiYe a,.bannerNav .bannerWaiMao a{background: #257dff; text-align: center; color: #ffffff; margin: 5% auto 0 auto; padding: 15px 0px; width: 20%;   display: inline-block;}
.bannerNav .floatNav{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 999;}
.bannerNav .floatNav li{ padding: 15px; border-right: 1px #999 solid; text-align: center; float: left; display: inline-block; background-color: rgba(51,51,51,.5); color: #fff;}
.bannerNav .floatNav li:hover{background-color: rgba(0,0,0,.5);}
.bannerNav .floatNav li:last-child{ border-right: none;}


.bannerNav .bannerTexAmWow{ position: absolute; left: 0%; top: 0%; z-index: 99; text-align: left; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.bannerNav .bannerTexAmWow h3{font-size: 40px; font-weight: normal; text-align: center;    color: #fff; margin-bottom: 1%}
.bannerNav .bannerTexAmWow p{ color: #fff; font-size: 18px; text-align: center;}
.bannerNav .bannerTexAmWow .numBox{display: inline-block; width: 80%; margin: 3% auto 0 auto; color: #fff;}
.bannerNav .bannerTexAmWow .numBox li{ display: inline-block; width: 33%; text-align: center;}
.bannerNav .bannerTexAmWow .numBox li .name{ font-size: 18px;}
.bannerNav .bannerTexAmWow .numBox li .number{ font-size: 72px;}

.shopSolution{ width: 100%; float: left; padding: 5% 0;}
.shopSolution .text{ margin-top: 10%; display: inline-block;}
.shopSolution .text .h1{ font-size: 36px; margin-bottom: 5%; position: relative; height: 100%;}
.shopSolution .text p{ color: #999999;}
.shopSolution .text .more{ margin-top: 10%;display: inline-block; color: #257dff; padding: 10px 25px; border: 1px #ddd solid;}
.shopSolution .img img{ width: 100%;}
.qiYesContent{ width: 100%; display: inline-block;}
.qiYesContent li{ padding: 0; margin: 0; position: relative; background: #ffffff; cursor: pointer}
.qiYesContent li .show{ width: 100%; height: 330px; background-size: cover; background-repeat: no-repeat; background-position: center; float: left; display: inline-block; position: relative;}
.qiYesContent li .show img{ width: 100%;}
.qiYesContent li .show h6{ position: absolute; left: 0; top: 10%; background: rgba(215, 0, 66, .8); color: #ffffff; padding: 10px 15px;}
.qiYesContent li .text{ display: none; width: 100%; height: 100%; float: left; position: absolute; left: 0; bottom: 0; background: rgba(37, 125, 255, .8); color: #ffffff; text-align: center; }
.qiYesContent li .text h3{ text-align: center; margin: 10% 0; font-size: 22px;}
.qiYesContent li .text p{ padding: 0 10%; text-align: left; line-height: 25px}
.qiYesContent li .text a{ color: #ffffff; border: 1px #ffffff solid; padding: 5px 15px; margin: 10% 0 0 0; display: inline-block;}
.qiYesContent li:hover .show h6{ display: none;}

.chooseContent{ width: 100%; float: left; margin-top: 0%;}
.chooseContent ul{ display: inline-block;}
.chooseContent ul li{ display: inline-block; padding: 0%; margin: 0; float: left;}
.chooseContent ul li:nth-child(1),.chooseContent ul li:nth-child(2),.chooseContent ul li:nth-child(3){border-right:solid 1px #eff0f0;border-bottom:solid 1px #eff0f0;}
.chooseContent ul li:nth-child(4){border-bottom:solid 1px #eff0f0;}
.chooseContent ul li:nth-child(5),.chooseContent ul li:nth-child(6),.chooseContent ul li:nth-child(7){border-right:solid 1px #eff0f0;}

.chooseContent ul li .a{ display: inline-block; width: 100%;}
.chooseContent ul li .a h6{ color: #333; display: inline-block; margin-bottom: 10px; font-weight: 400; font-size: 16px;}
.chooseContent ul li .a p{ margin: 0; color: #999999; font-size: 12px; line-height: 20px; height: 40px; overflow: hidden;}
.chooseContent ul li .a .icon{ font-size: 48px; float: left; width: 100%; display: inline-block;}
.chooseContent ul li .a .right{ float: left; width: 100%; text-align: center; margin-top: 10%;}
.chooseContent li .icon{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;    color: #3b8cff;}
.chooseContent li:hover .icon{transform:rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);  -ms-transform:rotate(360deg);}

.contactSolution{background: url("../../images/contactusbanner.png") no-repeat center; color: #ffffff; padding: 3% 0; text-align: center;background-size: cover;  width: 100%;}
.contactSolution a{ background: #3b8cff; color: #ffffff; padding: 15px 20px; margin: 0 15px;}
.contactSolution .text h2{ font-size: 28px; width: 100%; display: inline-block; margin-bottom: 15px;}
.contactSolution .text p{ color: #F5C300; font-size: 18px;}
.contactSolution .btn{ margin-top: 15px;}

.solutionCase{ background: url("../../images/in_case_bg.jpg") repeat;}
.solutionCase .indexCaseList{ width: 100%; float: left; display: inline-block; margin-top: 5%;}
.solutionCase .indexCaseList li{height: 275px;float: left;text-align: center; padding: 0; overflow:hidden;background: #fff;color: #959595;}
.solutionCase .indexCaseList li .content-left {  padding: 30px;  width: 50%;  float: left;  position: relative;  z-index: 999;  }
.solutionCase .indexCaseList li h3 {  color: #e6212a; text-align: center;  padding: 20px 40px 0;  line-height: 26px;  position: relative;  font-size: 16px;  font-weight: normal;  }
.solutionCase .indexCaseList li .line {  display: inline-block;  width: 40px;  height: 2px;  background: #999;  opacity: 0.5;  filter: alpha(opacity=50);  margin: 15px auto 0;  }
.solutionCase .indexCaseList li p {  padding-top: 25px;  }
.solutionCase .indexCaseList li .blog-img-2 {  width: 50%;  float: right;  overflow: hidden;  }
.solutionCase .indexCaseList li .blog-img img, .solutionCase .indexCaseList li .blog-img-2 img {  -webkit-transition: all 0.8s ease-out;  -o-transition: all 0.8s ease-out;  transition: all 0.8s ease-out;  width: 100%;  }
.solutionCase .indexCaseList li:hover .blog-img img, .solutionCase .indexCaseList li:hover .blog-img-2 img {  transform: scale(1.2) rotate(10deg);  }
.solutionCase .indexCaseList li .blog-img {  float: left;  width: 50%;  overflow: hidden;  }
.solutionCase .indexCaseList li .content-right {  padding: 30px;  width: 50%;  float: left;  position: relative;  z-index: 999;  }
.solutionCase .indexCaseList li p {  text-align: center;  line-height: 20px;  color: #979797;  }
.solutionCase .indexCaseList li .content-right i {  position: absolute;  left: 0;  bottom: 0;  right: 0;  top: 50%;  width: 40px;  height: 40px;  margin-left: -15px;  margin-top: -15px;  background: url(../../images/in_case_to.png) no-repeat center;  }
.solutionCase .indexCaseList li .content-left i {  position: absolute;  right: -15px;  top: 50%;  width: 40px;  height: 40px;  background: url(../../images/in_case_to.png) no-repeat center;  }
.solutionCase .indexCaseList li a.more {  display: block;  width: 103px;  height: 28px;  line-height: 28px;  text-align: center;  border: 1px #dddddd solid;  color: #666666;  font-size: 12px;  margin: 10px auto 0 auto;  }
.solutionCase .indexCaseList li a:hover {  border: 1px #e6212a solid;  color: #e6212a;  }

.painSpotList{ width: 100%; display: inline-block;}
.painSpotList li{ border: 1px #eee solid; padding: 5%; text-align: center;}
.painSpotList li:nth-child(1),.painSpotList li:nth-child(2){ border-right: none; border-bottom: none;}
.painSpotList li:nth-child(3){ border-bottom: none;}
.painSpotList li:nth-child(4),.painSpotList li:nth-child(5){border-right: none}
.painSpotList li h6{ text-align: center; color: #333333; font-size: 20px; margin-bottom: 15px}
.painSpotList li p{ color: #999; font-weight: 100;}

.picBig{  -webkit-transition: opacity 1s, -webkit-transform 1s;  transition: opacity 1s, transform 1s;  }
.shopCaseList{ width: 100%; display: inline-block;}
.shopCaseList li{ margin-bottom: 30px;}
.shopCaseList li .row{ border: 1px #eeeeee solid; margin: 0px; background: #ffffff}
.shopCaseList li .img{ width: 100%; float: left; max-height: 300px; overflow: hidden}
.shopCaseList li .img img{ width: 100%; border: none;}
.shopCaseList li .item4{ position: relative; width: 100%; display: inline-block; float: left;}
.shopCaseList li a.opacity{ display: none;width: 100%;color: #ffffff; text-align: center;  height: 100%; position: absolute;left: 0; top: 0;background-color: rgba(0,0,0,.6); -webkit-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;}
.shopCaseList li a.opacity h3{margin: 20% 0 15px 10px;text-align: center; padding-bottom: 15px; border-bottom: 1px #ffffff solid; display: inline-block;  font-size: 16px;  font-weight: normal;}
.shopCaseList li a.opacity .ico {  width: 30px;  height: 30px;  margin: 0 auto;  background:url(../../images/in_plus.png) no-repeat; background-size: cover;  }
.shopCaseList li:hover img{ opacity: 1; -webkit-transform: scale3d(1.3,1.3,1);  transform: scale3d(1.3,1.3,1);}
.shopCaseList li:hover a.opacity{display: inline-block; float:left; }
.shopCaseList li .pName{ width: 100%; display: inline-block; float: left; padding: 10px 10px; text-align: center; background: #eeeeee;-webkit-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;}
.shopCaseList li .pName a{  font-size: 18px; margin-bottom: 5px;  display: inline-block;word-break: break-all;  text-overflow: ellipsis;  white-space: nowrap;  width: 100%; overflow: hidden;}
.shopCaseList li .pName a:hover{ color:#3b8cff; }
.shopCaseList li .pName p{ color: #999999;text-align: left; line-height: 20px; height: 40px; overflow: hidden; font-weight: normal; font-size: 12px;}
.shopCaseList li:hover .pName{ background: #3b8cff; color: #ffffff;}
.shopCaseList li:hover .pName a,.shopCaseList li:hover .pName p{ color: #ffffff;}

.multiTerminalList{ width: 100%; display: inline-block;}
.multiTerminalList ul{float: left; display: inline-block;}
.multiTerminalList li{float: left;  position: relative; overflow: hidden; padding: 0; }
.multiTerminalList li .row{ position: relative; padding: 0; float: left; margin: 0; width: 100%; margin: 5%;}
.multiTerminalList li .img{ width: 100%; display: inline-block; overflow: hidden; float: left;}
.multiTerminalList li img{  position: relative;  top: 0;  left: 0;  width: 100%;  height: 100%;  transition: all ease-in-out .2s;  }
.multiTerminalList li img:hover{  transform: scale(1.1); }
.multiTerminalList li .fa-info{ position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; box-sizing: border-box; padding:3% 5% 1% 5%;background: rgba(0, 0, 0, .8);}
.multiTerminalList li .fa-info h3 {  font-weight: bold;  font-size: 18px;  line-height: 26px;  color: #FFFFFF;  margin-bottom: 10px;  }
.multiTerminalList li .fa-info p{color: #FFFFFF; font-size: 12px;}

.terminal{padding: 5% 0;  background: #F6F6F6; width: 100%; display: inline-block;background: url("../../images/sec_bg3.jpg") no-repeat center;}
.terminalList{ width: 100%; display: inline-block; float: left}
.terminalList li{ display: inline-block; float: left}
.terminalList li span{background: #ffffff; border: #ddd 1px solid; width: 100%; float: left; display: inline-block; margin: 15px; padding: 10% 0;text-align: center;}
.terminalList li:hover span{background: #3b8cff; color: #ffffff;border: #3b8cff 1px solid;}

.serviceItem{ width: 100%; display: inline-block; float: left; margin-top: 5%;}
.serviceItem li{ width: 12.5%; float: left; display: inline-block;}
.serviceItem li .tit{ width: 80%; float: left; text-align: center;}
.serviceItem li .icon{ margin-top: 30%; display: inline-block; width: 20%; text-align: center; color: #3b8cff;}
.serviceItem li .tit .l{border-radius: 50%; width: 100px; color: #fff;  height: 100px; margin: 0 auto;display: flex; align-items: center;justify-content: center; background: #3b8cff; }
.serviceItem li .tit .r{ width: 100%; display: inline-block; float: left; text-align: center; margin-top: 15px}
.serviceItem li .tit .r span{ color: #333333; font-size: 18px; margin: 10px 0; display: inline-block;}
.serviceItem li .tit .r p{ color: #999;}
.serviceItem li:hover .tit .l{background: #ff0000; color: #ffffff;}

.contactList{ width: 100%; display:inline-block;}
.contactList li{ padding: 15px;}
.contactList li .row{ margin: 0; padding: 10% 0; color: #fff; width: 100%; display:flex; align-items: center; justify-content: center; flex-direction: column;}
.contactList li .row .img{ margin-bottom: 15px;}
.contactList li .row h3{font-size: 22px; margin-bottom: 15px;}
.border_ccc {  width: 100%;  height: 500px;  display: inline-block;  float: left;  }

.subNav{ width: 100%; display: inline-block; background: #F6F6F6;}
.subNav .container,.articleBox .container{background:none;}
.subNav .in_nav{ width: 100%; text-align: center; display: inline-block; float: left; padding: 30px 0 15px 0;}
.subNav .in_nav ul{ width: auto; margin: 0 auto;    display: inline-block;}
.subNav .in_nav ul li{ display: inline-block; float: left; margin: 0 10px}
.subNav .in_nav ul li a{font-size: 14px;border: 1px solid #c7c7c7; color: #666666; padding: 8px 30px;float: left;display: inline-block;}
.subNav .in_nav ul li.current a,.subNav .in_nav ul li a:hover{ background: #3b8cff; color: #ffffff; border-color: #3b8cff}

.articleList{ width: 100%; display: inline-block; float: left;}
.articleList li{ margin-bottom: 20px;display: inline-block;}
.articleList li .row{ margin: 15px; padding: 15px; display: inline-block; width: 100%; box-sizing: border-box;-o-transition:all 0.35s ease-out 0s;-moz-transition:all 0.35s ease-out 0s;-ms-transition:all 0.35s ease-out 0s;-webkit-transition:all 0.35s ease-out 0s;transition:all 0.35s ease-out 0s;}
.articleList li .row .title{ font-size: 16px; font-weight: 400; color: #000; text-overflow: ellipsis;white-space: nowrap; width: 100%; display: inline-block; overflow: hidden;}
.articleList li .row .date{ font-size: 12px; color: #999; width: 100%; display: inline-block; margin: 5px 0;}
.articleList li .row .date a{ color: #999999; margin-right: 15px;}
.articleList li .row .description{font-size: 12px; color: #999;line-height: 20px; height: 40px; overflow: hidden;}
.articleList li .img{width: 100%; max-height: 240px; overflow: hidden; float: left; margin-top: 15px}
.articleList li .img img {width: 100%; display: inline-block; }
.articleList li:hover .row{box-shadow:0px 10px 60px rgba(0, 0, 0, 0.20);transform:translateY(-16px);}
.articleList li:hover .title{ color: #3b8cff}
.articleList .container{padding-right: 15px;padding-left: 15px;}

.articleContent{ width: 100%; float: left;}
.articleContent .titleBox{ border-bottom: 1px #ccc dashed; width: 100%; float: left; text-align: center; padding: 3% 0; margin-bottom: 3%;}
.articleContent .titleBox h3{ font-weight: bold; font-size: 22px; text-align: center}
.articleContent .titleBox .tag{ color: #999999; margin-top: 15px}

.article-content{font-size:16px; padding: 3% 0; width: 80%; margin: 0 auto; line-height: 20px; background: #ffffff;word-break:break-all;word-wrap:break-word;}
.article-content h3,.article-content h4， .article-content h5{border-bottom:#eee 1px solid;padding-bottom:5px;margin-bottom:20px}
.article-content h2{font-size:18px;font-weight:normal;margin:20px -20px 20px -24px;padding:10px 20px 9px 20px;line-height:18px;border-left:4px solid #428BCA;background-color:#fbfbfb}
.article-content h3{font-size:16px}
.article-content h4{font-size:14px}
.article-content h5{font-size:12px}
.article-content ul{margin:0 0 16px 26px}
.article-content ol{margin:16px}
.article-content ul li{padding-left:20px;margin-bottom:10px;*list-style:disc;*padding-left:0;line-height:25px}
.article-content ol li{list-style:decimal;margin-left:28px;line-height:25px}
.article-content p{margin-bottom:10px; line-height: 25px;}
.article-content pre{word-break:break-all;word-wrap:break-word}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:16px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content a{color:#333;text-decoration:underline}
.article-content a:hover{color:#3b8cff}
.article-content img{ max-width: 100%;}
.artFooter{ width: 100%;  float: left; margin-bottom: 5%; }
.artFooter a{ width: auto; float: left; color: #a0a0a0; margin-bottom: 10px;}
.artFooter a:hover{color: #3b8cff;}
.artFooter a.pre{ float: left;}
.artFooter a.next{ float: right;}
.shareCode{ background: #f5f5f5;  padding: 10px;  border: 1px solid #dddddd; width: 100%; margin-bottom: 15px; display: flex; flex-direction: row;}
.shareCode .shareTitle{ color: #a0a0a0; display: inline-block; margin-right: 15px; margin-top: 5px;}

.relationList{ width: 100%; display: inline-block; float: left; margin-top: 5%;}
.relationList li{ margin-bottom: 20px;display: inline-block;}
.relationList li a{ margin: 20px;  width: 100%;display: inline-block;}
.relationList li a .time{color: #fff; background: #3b8cff;  width: 20%;  text-align: center; padding: 10px;}
.relationList li .time .d{ font-size:28px; display:block; line-height: 1; text-align: center;}
.relationList li .time .y{ display:block; text-align: center;}
.relationList li .zi{ width:75%; display: inline-block; }
.relationList li .zi span{ color:#484848; font-size:16px; margin-bottom: 10px; display: block;  height: 25px; overflow: hidden;}
.relationList li .zi span i{ display: inline-block; width: 0px; height: 1px; background: #3b8cff; vertical-align: middle; }
.relationList li:hover .zi span i{ width: 15px;margin-right: 5px;}
.relationList li:hover .zi span{color: #3b8cff }
.relationList li .zi p{ color:#818181; height:40px; overflow: hidden;}
.relationList li:hover{box-shadow: 0 0 40px #c3c3c3;}

.caseList li .row{ border: none;}
.caseList li .img{ border: 1px #F6F6F6 solid;}
.caseList li .pName{ text-align: left;background:none}
.caseBoxList{ background: #F6F6F6}

.caseContent .caseTitle{ width: 100%; display: inline-block;background: #f6f6f6;}
.caseContent .caseTitle .description{ padding:3% 10%;}
.caseContent .caseTitle .description .t{ font-size: 28px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 2px #333 solid;}
.caseContent .caseTitle .description .con{ line-height: 25px;}
.caseContent .caseThumb{ width: 100%; display: inline-block; float: left; padding: 5% 0; text-align: center;}
.caseContent .caseThumb img{max-width: 100%;}

.aboutContent{ width: 70%; line-height: 30px; margin: 0 auto; color: #666666; }
.aboutContent p{ text-indent: 25px;}
.aboutItem{ width: 100%; display: inline-block; text-align: center; margin-top: 3%;}
.aboutItem li{ text-align: center;}
.aboutItem li .icon{font-size: 60px; margin-bottom: 20px;}
.aboutItem li:hover .icon{ color: #3b8cff;}
.aboutItem li p{ font-size: 18px;}

.valueList{ width: 100%; display: inline-block; float: left;}
.valueList li{ background: #fff; padding: 0; position: relative;}
.valueList li .img{ width: 100%; float: left;overflow: hidden;}
.valueList li .img img{ width: 100%; border: none;}
.valueList li:hover img{ opacity: 1; -webkit-transform: scale3d(1.3,1.3,1);  transform: scale3d(1.3,1.3,1);}
.valueList li .text{ position: absolute; text-align: center; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,.8); color: #fff; padding: 15px;}
.valueList li .text p{ margin: 0; font-weight: 100;}
.valueList li .text h6{ text-align: center; font-weight: normal; margin-bottom: 5px}
.valueList li:hover .text{ background: rgba(37, 125, 255, .8);}

.teamBox{ background: url("../../images/bg4.png") no-repeat center;}
.teamBox .titleBox .h1,.teamBox .titleBox p{ color: #fff;}
.teamBox .swiper-slide .teamText{ float: left; color: #fff; text-align: left; padding: 10%; box-sizing: border-box;}
.teamBox .swiper-slide .teamText .t{ font-size: 38px; margin-bottom: 20px;}
.teamBox .swiper-slide .teamText p{ text-align: left; line-height: 25px; color: #e3e3e3}
.teamBox .swiper-slide .img{ float: left;padding: 5%;}
.aboutBottom{ margin-top: 0;}

.foreverBox{display: inline-block;}
.foreverBox .text .h1{ color: #333; font-weight: normal; margin-top: 10%; font-size: 18px; width: 100%; display: inline-block; float: left; margin-bottom: 15px;}
.foreverBox .text p{ color: #999; line-height: 25px; font-size: 12px;}
.foreverBox .img{overflow: hidden;}
.foreverBox .img img{ width: 100%;}
.foreverBox li:hover img,.seoYouHua .img:hover img,.extensionList dt:hover img{ opacity: 1; -webkit-transform: scale3d(1.3,1.3,1);  transform: scale3d(1.3,1.3,1);}

.seoYouHua .img{overflow: hidden; display: inline-block; background: #fff;}
.seoYouHua img{ max-width: 100%;}
.seoYouHua .seoTitle{ display: inline-block; text-align: center;}
.seoYouHua .seoTitle .row{ margin-left: 15px;}
.seoYouHua .seoTitle .h1{ text-align: center;  font-weight: normal; font-size: 28px; margin-top: 0;}
.seoYouHua .seoTitle ul{ width: 100%; display: inline-block; float: left; margin-top: 1%;}
.seoYouHua .seoTitle ul li .box{ border: 1px #ddd solid; padding:10% 5%; margin:10px 0px; background: #fff;}
.seoYouHua .seoTitle ul li .box h5{ font-weight: normal; font-size: 18px; margin-bottom: 15px;}
.seoYouHua .seoTitle ul li .box p{ margin: 0; color: #999; font-size: 12px; line-height: 20px; height: 40px; overflow: hidden;}
.seoYouHua .seoTitle ul li:hover .box{ background: #3b8cff; color: #fff;}
.seoYouHua .seoTitle ul li:hover .box p{ color: #fff;}
.seoYouHua .seoTitle .p{ text-align: left; color: #999999;}

.minXcx{ background:#4b8ce8; }
.minXcx .h1,.minXcx p{ color: #fff;}
.minXcx .minXcxList{ text-align: center; width: 100%; display: inline-block; margin-top: 3%;}
.minXcx .minXcxList ul{ width: 100%; display: inline-block; text-align: center}
.minXcx .minXcxList li{ display: inline-block; color: #fff; float: left; margin: 15px 0; text-align: center;}
.minXcx .minXcxList li span{border: 1px #fff solid; margin: 0 auto; font-size: 12px; border-radius: 50%; width: 100px; height: 100px; padding: 15px; display: flex; align-items: center; justify-content: center; text-align: center;}
.minXcx .minXcxList li:hover span{background: #3b8cff;}
.minXcx .text-red{ margin-top: 5%;}
.minXcx .text-red .h1{ color: #ffbb31; margin: 0; padding: 0; font-size:20px;}

.newsContent{ width: 100%; display: inline-block;}
.newsContent .newTitle .row{ margin: 0; padding: 0;}
.newsContent .newTitle .p{ line-height: 30px; color: #666666; margin: 10% 0;}
.newsContent .newTitle li{display: inline-block;}
.newsContent .newTitle li .box{ background: #F6F6F6; margin: 15px 0; text-align: center; padding: 15px; display: inline-block; width: 100%; float: left;}
.newsContent .img img{ max-width: 100%;}
.qiYeSpotContent{ width: 100%; display: inline-block; margin-top: 5%;}
.qiYeSpotContent .ul{display: inline-block; float: left;}
.qiYeSpotContent .ul ul{float: left;}
.qiYeSpotContent .ul li{ float: left; width: 100%;}
.qiYeSpotContent .ul li .box{border-bottom: 1px #ddd dashed; margin: 15px; padding: 15px; float: left; width: 100%; display: inline-block;}
.qiYeSpotContent .ul li p{ margin: 0; color: #999; font-size: 12px;}
.qiYeSpotContent .ul li h6{ font-weight: normal; font-size: 18px; margin-bottom: 15px;color: #3b8cff;}
.qiYeSpotContent .ul li i{ width: 15%; display: inline-block; color: #fff; background: #3b8cff; border: 1px #3b8cff solid; font-size: 22px; float: left; margin-right: 15px; padding: 10px 0;}
.qiYeSpotContent .ul li .d{ width: 80%; float: left;}
.qiYeSpotContent .right li .box{ text-align: right;}
.qiYeSpotContent .right li h6{ text-align: right;}
.qiYeSpotContent .right li i{ float: right; margin-right: 0;}
.qiYeSpotContent .right li .d{margin-right: 15px;}
.qiYeSpotContent .center{ text-align: center;}
.qiYeSpotContent .center img{ max-width: 100%;}

.qiYeSystem{ background: url("../../images/diannao.jpg") no-repeat center top;}
.qiYeSystem .h1,.qiYeSystem p{ color: #fff;}

.systemYouShi{ width: 100%; display: inline-block;}
.systemYouShi li{display: inline-block; float: left;}
.systemYouShi li .row{ background: url("../../images/qiye_2.png") no-repeat center top;text-align:center; color:#fff; height: 317px;  -webkit-transition: background 0.2s;  -moz-transition: background 0.2s;  -ms-transition: background 0.2s;  -o-transition: background 0.2s;  transition: background 0.2s;}
.systemYouShi ul li h6 {  display: block;  padding: 85px 0 0;  font-size: 20px; text-align: center;}
.systemYouShi ul li p{  display: block;  padding: 30px 0 0;  font-size: 14px;  width: 208px;  margin: 0 auto;  line-height: 25px;  }

.waiMaoSpotContent{ width: 100%; display: inline-block; float: left; margin-top: 3%;}
.waiMaoSpotContent ul{ width: 80%; margin: 0 auto;}
.waiMaoSpotContent ul li{ margin-bottom: 5%; display: inline-block;}
.waiMaoSpotContent ul li .box{ display: inline-block; width: 100%;}
.waiMaoSpotContent ul li .img{ width: 15%; display: inline-block; color: #fff; text-align: center; background: #3b8cff; border: 1px #3b8cff solid; font-size: 22px; float: left; margin-right: 15px; padding: 10px 0;}
.waiMaoSpotContent ul li .con{ width: 80%; float: left;}
.waiMaoSpotContent ul li .con h6{font-weight: normal; font-size: 18px; margin-bottom: 15px;color: #666;}
.waiMaoSpotContent ul li .con p{margin: 0; color: #999; font-size: 12px;}
.waiMaoSpotContent ul li.right .img{ float: right;}
.waiMaoSpotContent ul li.right .con{ text-align: right;}
.waiMaoSpotContent ul li.right .con h6{ text-align: right;}

.wmSystemContent .seoTitle .row h6{  text-align: center; font-weight: normal; margin-bottom: 15px; font-size: 18px}
.wmSystemContent .seoTitle .row p{ color: #999;}
.waiMaoTj{ margin-top: 0;}
.waiMaoTj .bannerTextRight p{ color: #666; letter-spacing: 2px}

.seoTjList{ width: 100%; float: left; display: inline-block;}
.seoTjList li{ display: inline-block; text-align: center; padding: 2% 0;}
.seoTjList li a{ display: inline-block;}
.seoTjList li .icon{ font-size: 60px; width: 100%; display: inline-block; text-align: center; color: #3b8cff;}
.seoTjList li h3{ font-size: 20px; font-weight: normal; margin: 5px 0 15px 0;  width: 100%; display: inline-block; text-align: center;}
.seoTjList li p{ color: #666; width: 100%; line-height: 35px; font-size: 15px;}
.seoTjList li:hover .icon,
.seoTjList li:hover p,
.seoTjList li:hover h3{ color: #fff;}
.seoTjList li:hover:after{ height: 100%; border-radius: 5px; }
.seoTjList li:after{content: ""; color: #fff;  display: block;  width: 100%;  height: 0;  position: absolute;  left: 0;  bottom: 0;  background-color: rgba(59,140,255,.8);  z-index: -1;}

.pages {  width:100%;  text-align:center; display: inline-block;}
.pages li a,.pages li span {  width:auto; cursor:pointer;  color:#999;padding: 10px 20px;  display:inline-block;  box-sizing:border-box  }
.pagination>.active>span {  background-color:#3b8cff;  border-color:#3b8cff  }

/*在线客服*/
.suspension{position:fixed;z-index:999999;right:0;top:30%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:flex; align-items:center; justify-content:center;width:50px;height:50px;background:#0166ce; color: #fff; border-bottom:1px #f1f1f1 solid;cursor:pointer;outline:none;}
.suspension a:last-child,.suspension .a-qrcode{ border-bottom: none;}
.suspension .a.active, .suspension .a:hover,.suspension .a-top:hover{background:#3b8cff;border-bottom:1px #0166ce solid;}
.suspension .a .i{float:left; display: inline-block; font-size: 24px;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:50px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d-service-phone{top:100px;}
.suspension .d-qrcode{top:148px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-tel{display:block; font-size: 24px; text-align: center; margin-top: 10px}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{ height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode .qrcode-img img{ max-width: 180px}

.errorPage{ background: #ffffff; margin: 10% 0; text-align: center;}
.errorPage .img{ margin-bottom: 5%;}
.errorPage img{ max-width: 100%;}
.errorPage .returnBox{ display: inline-block; text-align: center;}
.errorPage .returnBox a{ background: #3b8cff; color: #ffffff; padding: 10px 20px; margin: 0 15px;}

.buyNav .lattice:nth-of-type(1){background-color: rgba(241,66,108,.8)}
.buyNav .lattice:nth-of-type(2){background-color: rgba(255,187,49,.8)}
.buyNav .lattice:nth-of-type(3){background-color: rgba(4,139,180,.8)}
.buyNav .lattice:nth-of-type(4){background-color: rgba(0,198,148,.8)}

.companySite{ width: 80%; margin: 0 auto; padding: 5% 0;display: flow-root;}
.companySite .wx{margin: 0; width: 100%; display: inline-block; display: flex; flex-direction: row; float: left;}
.companySite .img{ float: left;}
.companySite .text{ line-height: 25px;}
.companySite .text .h6{ font-size: 18px;}
.companySite .text p{ color: #999999;}
.companySite .yeWu{ width: 100%; display: inline-block; float: left;}

.qiYeYouShi{ width: 100%; float: left;padding: 3% 0; display: inline-block;background-size: cover;}
.qiYeYouShi .container{background: none;}
.qiYeYouShi .titleBox{ width: 100%; float: left; text-align: center; margin-bottom: 2.5%;}
.qiYeYouShi .titleBox p{ color: #fff; width: 80%; margin: 0 auto;display: inline-block;}
.qiYeYouShi .titleBox h1{ text-align: center; color: #666; font-size: 20px; padding-top: 10px; font-weight: 400; width: 100%; float: left; margin-bottom: 15px;background: url("../images/icon.png") no-repeat center; height: 70px;}
.qiYeYouShi .titleBox .en{ font-size: 60px; color: #666; font-family: auto;letter-spacing: 2px; font-weight: 400;}

.qiYeYouList{ width: 100%; float: left;}
.qiYeYouList li{position: relative; margin-bottom: 15px; }
.qiYeYouList ul li img { display: inline-block; float: left; width: 90px }
.qiYeYouList ul li .info{ float: left; width: calc(100% - 100px); margin-left: 10px;}
.qiYeYouList ul li .row{background: #fff; margin: 0; padding: 10px 15px;border-radius: 5px; display: inline-block; width: 100%;}
.qiYeYouList li h3 {text-align: left; font-weight: bold; padding-bottom: 10px; margin: 10px 0 0px 0;  width: 100%;color: #3b8cff;  font-size: 16px;  }
.qiYeYouList li p {  text-align: left;  width: 100%; overflow: hidden;  margin: 0 auto;  color: #666;  font-size: 14px;  line-height: 20px;  }

.solution-list{ width: 100%; display: inline-block; margin: 3% 0;}
.solution-list ul ,.solution-list ul li{ display: inline-block; width: 100%;}
.solution-list ul li{margin-bottom: 3%; padding-bottom:3%; border-bottom: 1px #f5f5f5 solid;}
.solution-list ul li .img{ width: 50%;}
.solution-list ul li .img img{ width: 100%; border-radius: 5px;}
.solution-list ul li .info{ width: 50%;}
.solution-list ul li .info .title{ width: 100%;font-size: 18px; color: #3b8cff; font-weight: bold; margin: 30px 0; display: inline-block}
.solution-list ul li .info .desc{ width: 100%; display: inline-block; line-height: 30px; font-size: 16px;}
.solution-list ul li.left .img{ float: left;padding-right: 2.5%;}
.solution-list ul li.left .info{ float: right; padding-left: 2.5%;}

.solution-list ul li.right .img{ float: right; padding-left: 2.5%;}
.solution-list ul li.right .info{ float: left;padding-right: 2.5%;}
.seoDb .table thead{background: #f5f5f5; }
.seoDb .table thead th{border-bottom: none; padding:15px 8px; text-align: center;}
.seoDb .table tbody tr td{ text-align: center;padding:20px 8px;}
.seoDb .table tbody tr td:last-child,
.seoDb .table thead th:last-child{color: #3b8cff}

.package-info{ width: 100%; display: inline-block;}
.package-info ul{display: inline-block; width: 100%;}
.package-info ul li{ display: inline-block; text-align: center; padding-left: 7px; padding-right: 7px; margin-bottom: 15px;}
.package-info ul li .box{ background: #fff; width: 100%; display: inline-block;}
.package-info ul li .icon-box{ width: 100%; display: inline-block;}
.package-info ul li .info{ width: 100%; display: inline-block;}
.package-info ul li .info .title{ font-weight: bold; }
.package-info ul li .info .price{ color: crimson; font-size: 20px;margin: 10px 0; display: inline-block; width: 100%;}
.package-info ul li .info .desc{ color: #666; display: inline-block;margin-bottom: 15px; font-size: 12px;}
.package-info ul li .info .desc span{ font-weight: bold;}
.package-info ul li .icon {font-size: 48px;float: left;width: 100%;display: inline-block;}
.package-info .help-block{ margin-top: 15px;color: crimson; text-align: center;}

.zh-container,.zh-pay-container,.problem-box{ width: 100%; display: inline-block; background: #fff; padding: 3% 0;}
.zh-container ul, .zh-container ul li{display: inline-block}
.zh-container ul,.zh-container .box{width: 100%;}
.zh-container ul li .box{display: flex; justify-content: center; align-items: center; flex-direction: row;}
.zh-container ul li .icon{ font-size: 48px; float: left; color: #3b8cff;}
.zh-container ul li .info{ margin-left: 15px;}
.zh-container ul li .info .t{margin-bottom: 10px; font-size: 16px; font-weight: bold;}
.zh-container ul li .info .desc{ color: #999;}
.zh-pay-container{background: #f5f5f5; float: left}
.zh-pay-container .zh-pay-list{ width: 100%; display: inline-block;}
.zh-pay-container .zh-pay-list .box{background: #fff; border-radius: 5px;}
.zh-pay-container .zh-pay-list .box .title{ background: #f84b79; color: #fff; padding: 10px 15px; font-weight: bold; text-align: center; font-size: 16px;}
.zh-pay-container .zh-pay-list .box ul{ display: inline-block; width: 100%; padding: 15px;}
.zh-pay-container .zh-pay-list .box ul li{ line-height: 35px; margin: 0 15px;    list-style: disc;}


.find-tutor-faq{ padding: 3% 0;}
.find-tutor-faq .container-faq{ max-width: 100%; margin: 0 auto;}
.find-tutor-faq .panel-title{ display: flex;color: #000; justify-content: space-between; font-size: 14px; font-weight: normal;}
.find-tutor-faq .panel-title a{color: #666; font-weight: 400;}
.find-tutor-faq .panel-danger .panel-heading{background-color: #fbf5f5;}
.find-tutor-faq .panel-title .icon-box{ float: right; color: #E21C21; border: 1px #E21C21 solid; border-radius: 50%; width: 20px; height: 20px;display: flex;align-items: baseline;justify-content: center; font-weight: bold; }
.find-tutor-faq .panel-title .icon-box:before{ content: "x"}
.find-tutor-faq .panel-title .collapsed:before{ content: "+"}
.find-tutor-faq .panel-title .icon-box .oxbridge-font{font-size: 1.1em;}
.find-tutor-faq .panel-body{ color: #999; font-size: 14px;}
.home-faq{background: #fff;}
.home-faq .find-tutor-faq-header{ color: #fff;}
.home-faq .container{ max-width: 100%;}
.home-faq .panel-group{ float: left; width: 100%;border-bottom: #ebccd1 1px solid;}
.home-faq .panel-group .panel{ border-radius: 0; margin-top: 0;    border-bottom: none; float: left; width: 100%;}
.home-faq .panel-danger .panel-heading{background: #fff; border-color: #f5f5f5;    padding: 15px 15px;}

.city-work{ width: 100%; display: inline-block;}
.city-work li{ display: inline-block; margin-bottom: 15px;}
.city-work li .a{ display: inline-block; width: 100%;background: #f5f5f5; padding: 10px; border-radius: 5px;}
.city-work li .a .icon{font-size: 64px;float: left;display: inline-block; color: #3b8cff; margin-right: 10px; width: 70px;}
.city-work li .a .right{ margin-top: 10px; display: inline-block; width: calc(100% - 80px); float: left;}
.city-work li .a .right  strong{ font-size: 18px; margin-bottom: 5px; display: inline-block;    color: #2E3337;}
.city-work li .a .right p{    font-weight: 400;color: #5E6469;line-height: 25px;}
.img-list{ width: 100%; display: inline-block;}
.img-list img{ max-width: 100%;}
.child-area{ width: 100%; display: inline-block;}
.child-area ul li{ float: left;  margin: 5px 5px;}
.child-area ul li a{ display: inline-block; width: 100%;padding: 10px;border-radius: 5px; border: 1px #f5f5f5 solid;}
.child-area ul li a:hover{color: #fff;background: #3b8cff;}

@media (min-width: 1920px){
    .container {  width: 1920px;}
    .navbar-nav>li>a {  padding-top: 30px;  padding-bottom: 30px;  cursor: pointer;  }
    .headerNav .logo img{ max-height: 60px;}
}
@media screen and (min-width: 1200px ) and (max-width: 1920px ){
    .container {  width: 1350px;}
    .navbar-nav>li>a {  padding-top: 30px;  padding-bottom: 30px;  cursor: pointer;  }
    .headerNav .logo img{ max-height: 60px;}
    .navbar-brand{padding: 10px 15px;}
    .slideContent .positionText .positionRight .bot{ margin-top: 10%;}
}
@media screen and (min-width: 1024px) and (max-width: 1199px ){
    .headerNav .logo img{ max-height: 50px;}
    .navbar-nav>li>a {  padding-top: 30px;  padding-bottom: 30px;  cursor: pointer;  }
    .slideContent .positionText .positionRight .bot{ margin-top: 5%;}
    .slideContent .positionText .h1{ font-size: 28px;}
    .slideContent .positionText .positionRight .h1{ font-size: 36px;}
    .slideContent .positionText .positionRight .siteDot p{ font-size: 18px;}
    .slideContent .positionText .positionRight .bot{ font-size: 24px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px ) {
    .headerNav .logo img{ max-height: 40px;margin-left: 10px;}
    .serviceItem li{ width: 33%;}
    .slideContent .positionText .positionRight .bot{ margin-top: 5%;}
    .slideContent .positionText .h1{ font-size: 28px;}
    .slideContent .positionText .positionRight .h1{ font-size: 36px;}
    .slideContent .positionText .positionRight .siteDot p{ font-size: 18px;}
    .slideContent .positionText .positionRight .bot{ font-size: 24px;}
    .slideContent .positionText .positionRight{right: 9%;}
    .slideContent .positionText .h1{ margin-top: 3%;}
    .navbar-nav>li>a{    padding: 25px 5px;}
    .buyNav{position:inherit;margin-top: 0px;}
    .buyNav .row{ width: 100%; padding: 0;}
    .slideContent .positionText .positionRight .bot .glyphicon{ margin-top: 10px;}
}
@media screen and (max-width: 768px){
    .headerNav .logo img{ max-height: 40px;margin-left: 10px;}
    .titleBox .h1{font-size: 28px;}
    .headerNav .navbar-collapse{ float: none; margin: 0;}
    .headerNav .navbar-nav li .dropdown-menu{ padding: 0;}
    .headerNav .navbar-nav li .dropdown-menu .relative{ padding: 15px 0;}
    .headerNav .navbar-nav li .dropdown-menu ul{ display: inline-block; position: relative; top: 0;padding:0;}
    .buyNav{position:inherit;margin-top: 0px;}
    .buyNav .row{ width: 100%; padding: 0;}
    .container{ padding: 0;}
    .chooseContent ul li:nth-child(5),.chooseContent ul li:nth-child(6),.chooseContent ul li:nth-child(7){border-bottom:solid 1px #eff0f0;}
    .bannerNav{margin-top: 17%;}
    .bannerNav .bannerTextLeft h3{ font-size: 18px;}
    .bannerNav .bannerTextLeft p{ display: none;}
    .bannerNav .bannerTextLeft a{width: 50%;padding: 5px 0px;}
    .buyNav .lattice{padding: 15px 0;}
    .painSpotList li h6{ font-size: 14px;}
    .painSpotList li p{ font-size: 12px;}
    .footer .titleBox p{ width: 80%;}
    .aboutContent{ width: 95%;}
    .qiYeYouList li .row{ width: auto;}
    .qiYeYouList ul li img{ padding-left: 0;}
    .qiYeYouList li h3{ width: auto; text-align: left;}
    .qiYeYouList li p{ width: 100%; margin: 0;}
    .qiYeYouList li{ height: auto;}
    .swiper-button-next, .swiper-button-prev{ display: none;}
    .slideContent .positionText .h1{ font-size: 18px;}
    .slideContent .positionText p{ font-size: 12px;width: 80%;  margin: 0 auto;}
    .slideContent .positionText .positionCenter .siteDot{ display: none;}
    .slideContent .positionText .positionCenter .h1 span{ font-size: 14px;}
    .slideContent .positionText a{ margin: 0;padding: 5px 0px;}
    .slideContent .positionText .positionRight{ right: 0; top: 30%;}
    .slideContent .positionText .positionRight .h1{font-size: 16px; text-align: right; padding-right: 15px;}
    .slideContent .positionText .positionRight .siteDot p{ font-size: 12px; text-align: right;}
    .slideContent .positionText .positionRight .bot{    font-size: 16px;margin-top: 15%;}
    .slideContent .positionText .positionRight .bot .glyphicon{ margin: 5px 15px 0 15px; font-size: 12px;}
    .slideContent .positionText .positionLeft{ left: 5%; top: 28%;}
    .slideContent .positionText .positionLeft .en{ font-size: 14px;}
    .slideContent .positionText .positionLeft p{ width: 100%;}
    .chooseLine li{padding:0;}
    .chooseBox .container,.qiYeSolution .container{padding-right: 15px;padding-left: 15px;}
    .chooseLine li .chose-item-bottom{ letter-spacing: normal; width: 90%; line-height: 20px; height: 80px; overflow: hidden;}
    .industry .main .solution ul{ margin-top: 25px;}
    .industry .main .showImg{margin-top: 0%;}
    .industry .main .solution li{ margin-bottom: 10px;}
    .industry .main .solution li a{ padding: 10px;}
    .caseBox .titleBox ul li a{padding: 10px 10px;margin: 0px;}
    .caseBox .caseList li a,.extensionList dl{ margin: 0;}
    .footer dd{margin: 0 5px 10px 0px;float: left;}
    .contactSolution{min-height: 100px; display: flex; align-items: center; justify-content: center;}
    .chooseContent ul li a .right{ margin-top: 5%;}
    .bannerNav .bannerImg img{ min-height: 200px;}
    .bannerNav .bannerTextCenterPosition h3{font-size: 18px;}
    .bannerNav .bannerTextCenterPosition p{ font-size: 14px; width: 80%;}
    .bannerNav .bannerQiYe a, .bannerNav .bannerWaiMao a{padding: 10px 0px;}
    .bannerNav .floatNav li{ padding: 8px; font-size: 12px;}
    .solutionCase .indexCaseList li p{ font-size: 12px;}
    .solutionCase .indexCaseList li h3{    padding: 20px 10px 0;}
    .contactSolution .text h2{ font-size: 20px;}
    .contactSolution .text p{ font-size: 14px;}
    .contactSolution a{padding: 10px 20px;    margin: 0 5px;}
    .serviceItem li{ width: 50%;}
    .systemYouShi li .row{ background-size: contain;height: 217px;}
    .systemYouShi ul li h6{padding: 50px 0 0; font-size: 16px;}
    .systemYouShi ul li p{display: block;  padding: 20px 0 0;  font-size: 12px;  width: 85%;  margin: 0 auto;  line-height: 20px;}
    .multiTerminalList li .fa-info h3{ font-size: 14px; margin-bottom: 0;}
    .terminalList li span{ margin: 10px 0;}
    .multiTerminalList li .fa-info p{ display: none;}
    .multiTerminalList li .row{ margin: 0;}
    .waiMaoSpotContent ul{ width: 100%;}
    .waiMaoSpotContent ul li{ padding: 0;}
    .waiMaoSpotContent ul li .con h6{ font-size: 14px;}
    .waiMaoSpotContent ul li .img{ width: 25%; margin-right: 0;}
    .waiMaoSpotContent ul li .con{ width: 70%;}
    .seoYouHua .seoTitle .row{ margin: 0;}
    .seoYouHua .seoTitle .row li{ padding: 0;}
    .subNav .in_nav ul li{    margin: 0 5px;}
    .subNav .in_nav ul li a{padding: 8px 10px;}
    .articleContent .titleBox h3{ font-size: 18px;}
    .relationList li{ margin-bottom: 0;}
    .relationList li a{ margin: 20px 0;}
    .bannerNav .bannerTexAmWow .numBox{ width: 95%;}
    .bannerNav .bannerTexAmWow h3{ font-size: 18px;}
    .bannerNav .bannerTexAmWow p{ font-size: 14px;}
    .bannerNav .bannerTexAmWow .numBox li .number{ font-size: 20px;}
    .bannerNav .bannerTexAmWow .numBox li{ width: 30%;}
    .shopCaseList li{ padding: 0;}
    .bannerNav .bannerTextCenter h3{ font-size: 18px;}
    .articleList li .row{ margin: 0; padding: 0;}
    .article-content{ width: 100%;}
    .companySite{ width: 100%; text-align: center;padding: 10% 0; float: left;}
    .companySite .wx{ flex-direction: column;}
    .companySite .wx .text a{ text-align: left;}
    .extensionBox .extensionList .col-xs-12{ padding: 0; margin-bottom: 15px;}
    .extensionList dl{ border: none;}
    .headerNav .navbar-collapse{    background: #3b8cff;}
    .headerNav.active, .headerNav .in{ background: #3b8cff;}
    .headerNav .navbar-nav li:first-child{ display: none;}
    .headerNav .navbar-nav li{ width: 33.33%; text-align: center; float: left;    position: relative;}
    .headerNav .navbar-nav li .dropdown-menu{position: absolute;box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
    .navbar-collapse.in{overflow-y: inherit;}
    .headerNav .navbar-nav li .dropdown-menu li a{padding:5px 10px;}
    .headerNav .navbar-nav li .dropdown-menu li{ width: 100%;display: inline-flex;}
    .footer dt{margin-bottom: 10px;}
    .footer .footerList .col-xs-12{ margin-bottom: 20px;}
    .footer .linkList{ margin-left: 10px;}
    .suspension{display: none;}
    .seoYouHua .seoTitle{ margin-top: 20px;}
    .seoYouHua .seoTitle ul li .box{padding: 5% 5%;}
    .package-info .help-block{padding-left: 15px; padding-right: 15px;}
    .zh-pay-container .zh-pay-list .col-xs-12{padding: 0;}
    .minXcx .minXcxList li{margin: 10px 0;}
    .minXcx .minXcxList li span{ border-radius: 5px;    height: 50px; padding: 0}
    .bannerNav .floatNav{position: relative; margin-top: 0;}
    .qiYesContent li .show{ height: 150px;}
    .shopCaseList li .img{ height: 150px;}
    .waiMaoSpotContent ul li .con{ margin-left: 10px;}
    .waiMaoSpotContent ul li.right .con{ margin-left: 5px;}
    .waiMaoTj{padding: 0; margin: 0;}
    .waiMaoTj .bannerTextRight{position: relative; left:auto; top: auto; right: auto; padding: 5% 0;}
    .waiMaoTj .bannerImg img{min-height:auto}
    .solution-list{ padding: 15px;}
    .solution-list ul li .img,
    .solution-list ul li .info{ width: 100%;}
    .solution-list ul li .info .title{margin: 15px 0 5px 0;}
    .solution-list ul li.left .img{padding-right: 0;}
    .solution-list ul li.right .img{padding-left: 0;}
    .articleContent .titleBox{padding: 5% 0;}
    .navbar-toggle{margin-right: 8%;margin-top: 15px;}
    .seoTjList li p{display: none;}
    .seoTjList li h3{ font-size: 18px}
}