body {min-height:100%;background-color:#fff;-webkit-font-26oothing:antialiased;-moz-osx-font-26oothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
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; color: #ff7322}
.clear{clear:both;}
a.ie6:hover {zoom:1}
.paddingTop{ margin-top: 86px;}
.paddingTop89{ margin-top: 86px;}
.form-control{    border: 1px solid #dcdfe6;    color: #606266;}
.text-warning { color: #f70!important;  }
.text-red{color:#ff7322!important;}
.text-red0{color:red!important;}
.text-green{color: #57c22d!important;}
.text-white{color: #fff!important;}
.f24{ font-size: 24px!important;}
.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{ margin-bottom: 0; width: 100%; float: left; background: #fff;    border: none;box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);}
.headerNav .navbar-brand{ height: auto;   }
.headerNav .logo{ float: left}
.headerNav .navbar-collapse{ float: right; width: 80%}
.headerNav .navbar-nav{    margin: 0 auto;float: initial;display: inline-flex;align-items: center;justify-content: center;}
.headerNav .navbar-nav a{display:flex;flex-direction:row;color:#909399;opacity:1;padding:25px 20px;font-size:16px}
.headerNav .navbar-nav a .caret{ font-size: 20px; color: #999999; margin-top: 8px; margin-left: 5px}
.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:#e6212a}
.headerNav .navbar-nav li .dropdown-menu{text-align: center;margin: 0; padding: 0; overflow: visible; border: none;background: #eeeeee;}
.headerNav .navbar-nav li .dropdown-menu ul{ display: inline-block; float:left;padding: 15px 0; }
.headerNav .navbar-nav li .dropdown-menu li{ text-align: center; float: left; display: inline-block;position: relative;}
.headerNav .navbar-nav li .dropdown-menu li a{ display: inline-block; font-size: 14px; padding: 5px 20px;}
.headerNav .navbar-nav li .dropdown-menu li a:hover,.headerNav .navbar-nav li .dropdown-menu li .menuList a:hover{background: none; color:#ff7322;}
.headerNav .navbar-nav li.open .dropdown-menu{ height: auto; background: #ffffff}
.headerNav .navbar-nav>li>a:hover,.headerNav .navbar-nav li a.active {background:#ff7322;opacity: 1; cursor: pointer;  color: #fff !important;}
.headerNav .navbar-nav>li.active a{ color:#ff7322;opacity: 1;}
.headerNav .navbar-nav>li>a:hover .caret{ color: #ffffff;}
.headerNav .navbar-nav>li a:hover .icon{ color: #ffffff;}
.headerNav .navbar-nav>li.active .dropdown-menu li a{color:#666;}
.slideContent{width:100%;overflow:hidden}
.slideContent .swiper-slide img{ width: 100%;}

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

.userLogin{float:right;}
.userLogin ul{ width: auto;float: right;}
.userLogin ul li{ float: left;}
.userLogin ul li a.btn{ margin: 20px 10px 0 10px;border-radius: 40px 40px 40px 40px; display: inline-block;  padding: 5px 30px 5px 30px;}
.userLogin ul li a.login{border: 1px solid #dcdfe6;  color: #606266;  font-size: 14px;}
.userLogin ul li a.reg{background:#ff7322;color: #ffffff}
.userLogin .navPhone{ float: left; display: inline-block; margin-top: 23px;margin-right: 15px; font-weight: bold; font-size: 16px;}
.userLogin .navPhone span{ margin-right: 5px; display: inline-block;}
.loginUserInfo li a{ padding: 22px 5px; display:inline-block; font-size: 16px;color: #909399; }
.loginUserInfo li a i{vertical-align: text-bottom;}
.loginUserInfo li a .ti{ font-size: 14px;}
.loginUserInfo li ul li{ width: 100%; overflow: hidden; display: inline-block;}
.loginUserInfo li ul li a{ padding: 10px 15px; width: 100%; color: #444444; overflow: hidden; display: inline-block;}
.loginUserInfo .open>.user-message{ width: 270px; top: 97%; left: -30px;}
.loginUserInfo .user-info{margin-left: 15px;}
.loginUserInfo .user-info .dropdown-menu{margin: -1px 0 0 0;}
.loginUserInfo .user-info .avatarImg{ width: 23px; height: 23px; border-radius: 50%;}
.loginUserInfo .user-info .dropdown-menu a{font-size: 14px;}
.badge-danger{background-color: #ff7322;}
.contentBox{ width: 100%; overflow:hidden; padding: 5% 0;}
.rankStatistic li{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
.rankStatistic li .num{ font-size: 48px;}
.rankStatistic li .text{ color: #787878}
.partnerBox li{text-align: center; margin-bottom:20px;float: left;}
.partnerBox li img{max-width:100%;max-height:74px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.more{ width: 100%; display: inline-block;margin:3% 0 0 0;text-align: center}
.more a{background:#fff;color:#ff7322;border:1px solid #ff7322;border-radius:50px;display:inline-block;font-size:16px;padding:10px 40px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.more a:hover{background:#ff7322;color:#fff;} 
.more-small a{padding:5px 20px;font-size:14px;}

.footer{ width: 100%; float: left;}
.footer .container{background: #f3f3f3;}
.footer .menuFooter{ width: 100%; float: left;background: #f3f3f3; padding: 3% 0; color: #ffffff; position: relative}
.footer .menuFooter .bg{ position: absolute; background:#f3f3f3; height: 50px; width: 100%; top: 0; left: 0; z-index: 0; }
.footer .menuFooter .footerCenter{ position: relative; z-index: 999; margin-bottom: 2%;}
.footer .menuFooter ul{width:20%;float:left;text-align:center;}
.footer .menuFooter h5{height:50px;color:#333;font-size:16px;line-height:50px;background:#f3f3f3;font-weight:600;margin-bottom:15px;}
.footer .menuFooter li{line-height:30px;color: #666;} 
.footer .menuFooter li a{ color: #666;}
.footer .menuFooter li a:hover{ color:#ff7322;}
.footer .footerText{background: #333;color: #b3b3b3; text-align: center; padding: 15px 15px; width: 100%; display: inline-block;}
.footer .footerText a{ color: #b3b3b3;}
.footer .footerText a:hover{color:#ff7322;}
.footer .footerText p{ margin-bottom: 0;}
.footer .address dd{ color: #666}
.footer .menuFooter dl.qrCode dd{ text-align: center; color: #666666}
.linkList{ width: 100%; float: left; color: #666; background: #eee; padding: 20px 0}
.linkList li{ display: inline-block; color: #666}
.linkList li a{ color: #999999; font-size: 14px; margin: 0 3px;}
.linkList li a:hover{color:#ff7322; font-size:14px}

.userRegPage{ padding: 30px 0;}
.userRegPage a,.regBox .checkbox a,.loginBtnGroup a{ color:#ff7322;}
.form-control, .input-group{height: 45px;}
.regContainer{padding-top: 5%;background: #f5f5f5;}
.loginContainer{ padding: 5% 0; background: #f5f5f5;}
.regBox{ width: 100%;max-width: 500px; border-radius: 5px;    border: 1px solid #EEE; box-shadow:0 20px 40px 0 rgba(0,0,0,.08);  margin: 0 auto; background: #fff; padding: 4% 3% 3% 3%;}
.regBox .regTitle{ text-align: center;}
.regBox .regTitle h1{font-size: 36px!important; text-align: center; margin-bottom: 50px}
.regBox .form-control{border: none; color: #606266; background: #fff; outline: none; border-bottom: 1px solid #dcdfe6; border-radius: 0; box-shadow: none; font-size: 15px; }
.regBox .input-group-addon{ width: 160px; padding: 0; border: none; background: none}
.regBox .input-group{ width: 100%;}
.regBox .help-block{ font-size: 12px; color: #999999;}
.regBox .checkbox label{ display: inline-block; float: left;}
.regBox .sendVerifyBtn{ background: none;border: none; outline: none}
.regBox .primary{  background: #ffffff; letter-spacing: 2px; text-align: center;box-shadow: none; color:#ff7322; border-radius: 4px; outline: none; border: 1px#ff7322 solid; width: 45%; margin: 30px auto; padding: 10px 0;}
.regBox .forgetPwd{color: #aaa; display: flex; justify-content: space-between; margin-top: 30px;}
.regBox .forgetPwd .text-gray{color: #aaa;}
.loginBtnGroup{display: flex; justify-content: space-between; align-items: center}
.regBox .loginBtnGroup .primary{ margin: 20px 0 30px 0;}

/*网站模版*/
.subBanner{width: 100%; display: inline-block;}
.bannerTextCenterGray{background:#eaedf3;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column; padding: 5% 0}
.bannerTextCenterGray .h1{font-size: 48px;  font-weight: normal;  text-align: center;  color: #333;  margin-bottom: 3%;}
.bannerTextCenterGray p {  color: #666;  font-size: 18px;  }
.templateList{background:#f6f6f6; }
.templateType ul{white-space:normal;font-weight:500;color:#404142;line-height:1;margin-bottom:10px;}
.templateType h5{width:100%;display:inline-block;}
.templateType li a , .templateType h6{color:#333;width:100%;font-size:14px;margin-right:10px;padding:10px 0px;display:inline-block; font-weight: normal;}
.templateType li a:hover,.templateType a.active,.templateContent li .tit a:hover{ color:#ff7322;}
.templateContent li{ display: inline-block; float: left;margin-bottom: 40px; overflow: hidden;}
.templateContent li .img{display:block;width:100%; height: 232px; position:relative;overflow:hidden;margin-bottom:15px;border:1px solid #ffdbc7;padding:30px 0 0 0;background:#ffdbc7 url(../images/circle.png)10px 9px no-repeat;border-radius:6px;}
.templateContent li .img img{width:100%; height: 232px;    object-fit: contain;object-position: top;}
.templateContent li .tit_content{display:flex;width:100%;flex-wrap:wrap;align-content:center;justify-content:space-between;margin:5px 0;}
.templateContent li .tit_content .check_mobile img{height:18px;margin:0 5px;-webkit-filter:grayscale(1.0);-moz-filter: grayscale(1.0);-ms-filter:grayscale(1.0);filter:grayscale(1.0);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.templateContent li .tit_content .check_mobile img:hover{-webkit-filter:grayscale(0);-moz-filter: grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0);}
.templateContent li .desc_collect{display:flex;width:100%;flex-wrap:wrap;align-content:center; justify-content: space-between}
.templateContent li .desc_collect .collect-template{ font-size: 12px; margin-top: 3px; color: #666;}
.templateContent li .desc_collect .collect-template i{ margin-right: 3px; display: inline-block; margin-top: 2px; float: left;}
.templateContent li .desc_collect .active{ color: #ff7322;}
.templateContent li .desc_collect .collect img{ display: inline-block;vertical-align: text-top; width: 15px; height: 15px;margin-left: 3px; }
.raty_demo{ display:inline-block; float:left; text-align: right;}
.raty_demo img{ display: inline-block;margin:0px;height:14px;}

.templateContent li .tit{display:inline-block;margin:0px 0 5px 0;} 
.templateContent li .tit a{font-size: 16px; color: #333333;}
.templateContent li .desc{color: #999;} 
.templateContent li .cover{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(31, 31, 31, 0.8);}
.templateContent li .cover .btnGroup{width:100%;height:100%;display:flex;visibility:visible;align-items:center; justify-content:center;flex-direction:column;}
.templateContent li .cover a,.headerText .btnGroup a{ border-radius: 50px; width: 50%; display: inline-block;  padding: 10px 20px 10px 20px; text-align: center;}
.templateContent li .cover .detail,.headerText .btnGroup .detail{color:#ff7322;border:1px#ff7322 solid;margin-bottom:15px}
.templateContent li .cover .create,.headerText .btnGroup .create{background:#ff7322; color: #ffffff; border: 1px#ff7322 solid;}
.templateContent li:hover .cover{ display: inline-block;}
.templateHeader{ padding: 5% 0; display: inline-block}
.templateHeader .headerDetail .img{padding: 3.5% 11.5%; max-height: 400px; overflow: hidden; background: url(../images/computerBg.png) no-repeat left top;  background-size: 100% 104%;}
.templateHeader .headerDetail .img img{    width: 100%;}
.templateHeader .headerText p{ color: #999; display: inline-block; width: 100%; margin: 3% 0 3% 0;}
.templateHeader .headerText .txtBox{ width: 100%; display: inline-block; margin-bottom: 10%;}
.templateHeader .headerText .btnGroup{ width: 100%; display: inline-block;}
.templateHeader .headerText .btnGroup a{ margin-bottom: 25px;}
.templateImg{ width: 100%; display: inline-block; text-align: center; border-top: 1px #eee solid; padding: 10% 0;}
.templateImg img{ max-width: 100%;}
.relationTemplate{ width: 100%; display: inline-block; background: #F8F8F8; float: left}
.relationTemplate .t{ font-size: 24px; font-weight: 400; padding-left: 30px}
.relationTemplate .text-center{ margin-bottom: 5%;}
.relationTemplate a{ margin: 15px; display: inline-block; width: 100%;}
.relationTemplate .img{width: 100%; display: inline-block; height: 265px; overflow: hidden;}
.relationTemplate .img img{ width: 100%;}
.relationTemplate .text{ display: inline-block; width: 100%; margin-top: 20px; text-align: center;}
.relationTemplate .text .content{font-size: 16px; color: #333; text-align: center; font-weight: 400; width: 100%; display: inline-block; margin-bottom: 15px}
.relationTemplate .text .des{ color: #999999; font-size: 14px;}
.product-search{ width: 100%; display: inline-block; margin-bottom: 5%;}
.product-search .search_box{ width: 500px;max-width: 100%; margin: 0 auto;}
.product-search .search_box .form-group{ margin-bottom: 5px;}
.product-search .search_box .form-control{border-top-right-radius: 0;border-bottom-right-radius: 0; width: 80%; float: left; height: 38px; }
.product-search .search_box .btn-yellow{border-top-left-radius: 0;border-bottom-left-radius: 0; color: #fff; background: #ff7322; height: 38px;}
.product-search .product-hots{ width: 100%; display: inline-block;}
.product-search .product-hots li{ display: inline-block;}
.product-search .product-hots li a{ color: #666; margin: 0 3px; font-size: 12px;}

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

/* .subNav{ width: 100%; display: inline-block;} */
.subNav{ width: 100%}
.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: 16px; color: #909399; padding: 8px 30px;float: left;display: inline-block;}
.subNav .in_nav ul li.current a,.subNav .in_nav ul li a:hover{ color:#ff7322;}

.bgWhite{ background: #fff;  padding-bottom: 3%;}
.picBig{  -webkit-transition: opacity 1s, -webkit-transform 1s;  transition: opacity 1s, transform 1s;  }
.shopCaseList{ width: 100%; display: inline-block; margin-top: 3%;}
.shopCaseList li{ margin-bottom: 3%;}
.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: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: 20px 10px; text-align: left;-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: 20px; overflow: hidden; font-weight: normal; font-size: 12px;}
.shopCaseList li:hover .pName a{ color:#ff7322;}

.bannerNav{width:100%;position:relative;display:inline-block;overflow:hidden;}
.bannerNav .bannerImg{ width: 100%; display: inline-block;}
.bannerNav .bannerImg img{ width: 100%;}
.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,0); width: 100%; height: 100%; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.bannerNav .bannerTextCenterPosition h3{font-size: 40px; font-weight: normal; text-align: center;    color: #fff; margin-bottom: 3%}
.bannerNav .bannerTextCenterPosition .h1{ color: #fff;}
.bannerNav .bannerTextCenterPosition span{ color: #2af7e4;}
.bannerNav .bannerTextCenterPosition p{ color: #fff; font-size: 18px; letter-spacing: 2px}

.bannerNav .bannerSearch{ position: absolute; left: 0%; top: 0%; z-index: 0; flex-direction: column; padding: 8% 0; z-index: 99; text-align: left; background-color: rgba(59,140,255,0); width: 100%; height: 100%; display:flex; justify-content: center; align-items: center;}
.bannerNav .bannerSearch .myForm{ width: 40%;}
.bannerNav .bannerSearch .myForm .search-item{color: #606266;font-size: 15px;background-color: #fff;  border-radius: 10px;   height: 100%;padding: 0 15px;border: none;color: #606266;outline: none;-webkit-appearance: none;}
.bannerNav .bannerSearch .myForm .button{ float: right}
.bannerNav .bannerSearch .myForm .input-length{ width: 80%}
.bannerNav .bannerSearch .myForm .input_wrapper{height: 49px;  background-color: #fff; border-radius: 10px;}
.bannerNav .bannerSearch .hotSearch{ color: #fff; text-align: left; margin: 20px 0;}
.bannerNav .bannerSearch .hotSearch dt{ float: left; margin-right: 10px;}
.bannerNav .bannerSearch .hotSearch dd{ float: left;}
.bannerNav .bannerSearch .hotSearch dd a{ color: #fff; margin: 0 5px;}
.bannerNav .bannerSearch .hotSearch dd a:hover{ color:#ff7322;}

.breadcrumb{ background:#fff; margin: 20px 0;}
.caseDetail{ width: 100%; display: inline-block;}
.caseDetail .con{ width: 70%; font-size: 16px; margin: 0 auto;color: rgba(120, 120, 120, 1); line-height: 30px;}
.caseDetail .wrapper{ width: 100%; text-align: center; margin: 5% 0 0 0;}
.caseDetail .wrapper a{ border-radius: 50px; width: 200px;   display: inline-block;  padding: 10px 20px 10px 20px; text-align: center;}
.caseDetail .wrapper .detail{color:#ff7322; border: 1px#ff7322 solid; background: #ffffff; margin-bottom: 15px; margin-right: 15px}
.caseDetail .wrapper .template{background:#ff7322; color: #ffffff; border: 1px#ff7322 solid;}
.artFooter{ width: 100%;  float: left; margin-bottom: 25px;}
.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;}


.articleListBox{ width: 100%; display: inline-block; float: left; background: #ffffff; padding: 3% 0;}
.articleListBox .articleList{width: 100%; display: inline-block; float: left;}
.articleListBox .articleList li {border-bottom: 1px solid #ddd;  margin-bottom: 20px;  padding: 15px 0;  width: 100%; display: inline-block; float: left; }
.articleListBox .articleList li .news_two_box {  position: relative;  transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;  }

.articleListBox .articleList li .news_two_img {width: 20%;  float: right;  transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;  }
.articleListBox .articleList li .news_two_img img {  width: 100%;}
.articleListBox .articleList li .news_two_txt {  float: left;  transition: all .3s ease-out 0s; width: 80%  }
.articleListBox .articleList li .news_two_txt .pull-left{ width: 16%;}

.articleListBox .articleList li .news_two_date {float: left; width: 100%; display: inline-block; margin-top: -10px;}
.articleListBox .articleList li .news_two_date span {  float: left;  width: 100%; line-height: 36px;  font-size: 24px; color: #999999 }
.articleListBox .articleList li .ser_but{ text-align: center; width: 35px; height:35px; margin: 15% 0;  float: left; display: flex; align-items: center; justify-content: center;transition: all .3s ease-out 0s; }
.articleListBox .articleList li .ser_but i{color: #999999;}
.articleListBox .articleList li .txt{ width: 75%; float: left;transition: all .3s ease-out 0s; }
.articleListBox .articleList li .txt span {  font-size: 16px; color: #717171;  display: block;  overflow: hidden;  margin-bottom: 20px;  transition: all .3s ease-out 0s;  }
.articleListBox .articleList li .txt i {  color: #7D7D7D; text-align: left;  line-height: 24px;  display: block;  overflow: hidden;  font-style: normal;  transition: all .3s ease-out 0s;  }
.articleListBox .articleList li .txt span::before {  width: 35px;  height: 1px;  content: '';  background: #bfbfbf;  position: absolute;
    top: 10px;  left: 8%;  transition: all 0.3s ease-out 0s;  }
.articleListBox .articleList li .news_two_box:hover .txt span::before {  width: 60px;  transition: all 0.3s ease-out 0s;  background:#ff7322;  }
.articleListBox .articleList li .news_two_box:hover .news_two_date span {  color:#ff7322;  }
.articleListBox .articleList li .news_two_box:hover .txt span {  color:#ff7322;}
.articleListBox .articleList li .news_two_box:hover .ser_but {background:#ff7322;   border: 1px solid#ff7322;  margin-left: 0;}
.articleListBox .articleList li .news_two_box:hover .icon{color: #ffffff;}
.articleListBox .articleList li .news_two_box:hover .txt {margin-left: 5%;}


.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:14px;line-height:25px; padding: 3% 0; background: #ffffff;word-break:break-all;word-wrap:break-word;line-height:2;}
.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}
.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:#e6212a}
.article-content img{ max-width: 100%;}

.relationList{ width: 100%; display: inline-block; float: left; padding-top: 5%; border-top: 1px #eee solid}
.relationList li{ margin-bottom: 20px;display: inline-block;}
.relationList li a{ margin: 20px 15px;  width: 100%;display: inline-block;}
.relationList li a .time{color: #fff; background:#ff7322;  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:77%; display: inline-block; }
.relationList li .zi span{ color:#484848; font-size:16px; margin-bottom: 10px; display: block;  height: 25px; overflow: hidden;}
.relationList li:hover .zi span{color:#ff7322}
.relationList li .zi p{ color:#818181; height:40px; overflow: hidden; word-break: break-all; padding-right: 15px;}
.relationList li:hover{box-shadow: 0 0 40px #c3c3c3;}

.helpNav{ width: 100%; display: inline-block}
.helpNav .navBox{ display: inline-block;}
.helpNav .navBox .box{border: 1px solid #fff;border-radius: 4px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07); margin: 15px;}
.helpNav .navBox .box .tit{border-bottom: 1px solid rgba(238, 238, 238, 1); padding: 25px 25px; width: 100%; float: left}
.helpNav .navBox .box .tit .img{ width: 20%; float: left; margin-right: 15px; vertical-align: middle;}
.helpNav .navBox .box .tit .img img{ max-width: 100%;}
.helpNav .navBox .box .tit .t{ display: flex; align-items: flex-start; flex-direction: column; margin-top: 10px;}
.helpNav .navBox .box .tit .t .cn{    color: #333;font-size: 18px;line-height: 1.7;text-align: left;}
.helpNav .navBox .box .tit .t .en{    color: #999;font-size: 14px;line-height: 1.5;text-align: left;}
.helpNav .navBox .box ul{ width: 80%; margin-left: 10%;  display: flow-root; padding: 10% 0 5% 0;}
.helpNav .navBox .box ul li{ display: inline-block; width: 100%; margin-bottom: 15px;}
.helpNav .navBox .box ul li a{    color: rgba(153, 153, 153, 1);font-size: 14px;line-height: 1.5;text-align: inherit;}
.helpNav .navBox .box ul li a:hover{ color:#ff7322;}
.helpNav .navBox .box .moreHelp{ margin-left: 10%; display: inline-block;  margin-bottom: 5%;}
.helpNav .navBox .box .moreHelp a{color:#ff7322;}

.shortcut{ width: 100%; display: inline-block;}
.shortcut a{ padding: 15px; display: inline-block; color: #999; text-align: center;}
.shortcut a img{ width: 50%}
.shortcut a .t{ color: #333; margin: 15px 0 10px 0;    font-size: 18px;}
.shortcut a:hover .t{ color:#ff7322;}

.helpList{ width: 100%; display: inline-block}
.helpList li{ display: inline-block; transition: all .5s linear;     box-sizing: border-box;z-index: 1;height: auto!important;}
.helpList li a{ display: inline-block; width: 100%;border: 1px solid rgba(237, 237, 237, 1); margin: 15px;   padding: 15px 25px;}
.helpList li a .t{color: rgba(51, 51, 51, 1);font-size: 18px;line-height: 2.4;text-align: left;}
.helpList li a p{color: rgba(153, 153, 153, 1);font-size: 14px;line-height: 1.7; height:40px; overflow:hidden;text-align: left;}
.helpList li a .time{color: #999;font-size: 14px;padding: 10px 0px 10px 0px;}
.helpList li a:hover .t{ color:#ff7322}

.helpContent{ background: #f5f5f5;}
.helpContent .leftBox,.helpContent .rightBox{ background: #fff; width: 100%; display: inline-block;border-radius: 4px 4px 4px 4px;}
.helpContent .leftBox .breadcrumb{border-bottom: 1px dotted rgba(230, 230, 230, 1); padding-bottom: 20px; font-weight: 400;}
.helpContent .articleContent .titleBox{ border-bottom: none;}
.helpContent .article-content,.helpContent .artFooter{ padding: 0 20px; margin-bottom: 25px;}
.helpContent .rightBox{padding: 20px;}
.helpContent .rightBox .headTitle{color: #333;line-height: 1.5;font-size: 20px;text-align: left; width: 100%; margin-bottom: 25px;}
.helpContent .rightBox li{ width: 100%; display: inline-block; margin-bottom: 25px;}
.helpContent .rightBox li .t{font-size: 14px;line-height: 1.9;text-align: inherit;    -webkit-line-clamp: 2; font-weight: 400;}
.helpContent .rightBox li p{color: rgba(177, 177, 177, 1);font-size: 13px; height:40px; overflow:hidden;line-height: 1.5;text-align: inherit; margin: 10px 0 0 0;}
.helpContent .rightBox li .time{font-size: 12px;color: #999;font-weight: 400;margin-top: 10px;display: inline-block;}

.searchList li{border-bottom: 1px solid rgba(237, 237, 237, 1); }
.searchList li a{ border: none;padding: 0;}
.searchList li a p{ height: auto;}
.aboutStatisticBox{ display:block;}
.aboutStatistic{margin-top: -100px; float: left; padding: 5% 0; width: 100%;background: #fff; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.07);}
.companyService{ overflow: hidden;}
.companyService .img{ max-height: 540px; overflow: hidden;}
.companyService .img img{ max-width: 100%;}
.companyService ul{ display: inline-block; margin-top: 5%; width: 100%;}
.companyService ul li{ display: inline-block; float: left; margin-bottom: 5%;}
.companyService ul li a{ background: #fff;box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.07); padding:25px 20px; width: 100%; display: inline-block}
.companyService ul li a .img{ width: 70px; float: left; height: 70px; overflow: hidden; margin-right: 15px;}
.companyService ul li a img{max-width: 100%;}
.companyService ul li a .txt .t{color: #333;font-size: 18px; display: inline-block; line-height: 1.5;text-align: left; margin-bottom: 15px}
.companyService ul li a .txt p{color: #999;font-size: 14px;line-height: 1.5;text-align: inherit}

.mapContent{ width: 100%}
.mapContent .map{ height: 400px; margin-top: 50px; float: left;}

.mapContent .contactContent{ background: #fff; box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.08); margin-left: -30px; padding:3% 8%; display: inline-block;}
.mapContent .contactContent .contact{ width: 100%; display: inline-block}
.mapContent .contactContent .contact p{ display: flex;  flex-direction: column; margin-bottom: 10px;}
.mapContent .contactContent .contact p .name{color: rgba(102, 102, 102, 1);line-height: 2;font-size: 20px;text-align: left;font-weight: bold;}
.mapContent .contactContent .contact p .value{    color: rgba(153, 153, 153, 1);line-height: 1.5;font-size: 16px;text-align: left;}

.solutionBox{float: left; width: 100%; display: inline-block; padding: 5% 0;}
.solutionBox .solutionItem{ width: 100%; display: inline-block; margin-top: 5%;}
.solutionBox .solutionItem .solution ul{float: left; width: 100%;}
.solutionBox .solutionItem .solution li{ margin-bottom: 20px; width: 100%; float: left}
.solutionBox .solutionItem .solution li a{ border: 1px #e1e1e1 solid; display: inline-block; color: #333; float: left; width: 100%; padding: 15px; text-align: left;}
.solutionBox .solutionItem .solution li a .solution_pic{float:left;margin-right:20px;}
.solutionBox .solutionItem .solution li a img{max-width:100%;}
.solutionBox .solutionItem .solution li a .txt{ float: left; margin-top: 15px;}
.solutionBox .solutionItem .solution li a .txt .t{color:#333;font-size:22px;line-height:1.5;text-align:inherit;}
.solutionBox .solutionItem .solution li a p{ margin-top: 15px; line-height: 20px; height: 40px; overflow: hidden;color: rgba(102, 102, 102, 1);font-size: 16px;text-align: inherit;}
.solutionBox .solutionItem .solution li a:hover,.solutionItem .solution li.active a{ color: #fff;border: 1px #ff7322 solid; background:#ffeee5;}
.solutionBox .solutionItem .solution li a:hover .t,.solutionItem .solution li.active a p,.solutionBox .solutionItem .solution li.active a .txt .t{ color:#ff7322;}
.solutionBox .solutionItem .showImg{ float: left}
.solutionBox .solutionItem .showImg img{ padding: 0; max-width: 100%;}

.functionItem li{ display:flex; margin-bottom: 25px; text-align: center; align-items: center; justify-content: center; flex-direction: column;}
.functionItem li img{ max-width: 50%;}
.functionItem li .t{ margin: 15px 0 10px 0;color: rgba(51, 51, 51, 1);  font-size: 20px;}
.functionItem li p{color: rgba(153, 153, 153, 1); font-size: 16px;}
.providerItem{ display: inline-block; width: 100%;}
.providerItem li{ margin-bottom: 20px; display: inline-block; text-align: center;}
.providerItem li .img{border:1px solid #e8e8e8;}

.subNavArticle{ display: inline-block; width: 100%; text-align: center;}
.subNavArticle .nav-tabs-custom{ width: 100%; margin: 0 auto; display: inline-block;}
.subNavArticle .nav-tabs{ border: none; text-align: center; width: auto; margin: 0 auto; display: flex; align-items: center;justify-content: center;}
.subNavArticle .nav-tabs>li a{ font-size: 18px;color: rgba(120, 120, 120, 1);}
.subNavArticle .nav-tabs>li.active>a,.subNavArticle .nav-tabs>li.active>a:focus, .subNavArticle .nav-tabs>li.active>a:hover{ color:#ff7322; border: none; background: none;}
.subNavArticle .nav-tabs>li a:hover{border:none;background: none;color:#ff7322;}
.subNavArticle .img{ margin: 20px 0 0 0; text-align: center; border: none;}
.subNavArticle .img img{ max-width: 100%;}
.subNavArticle .relationList{ border: none;}

.joinIn{background: #ff7322; width: 100%; display: inline-block;}
.joinIn .container{ display: flex; justify-content: space-between;flex-wrap:wrap;margin: 5% auto;}
.joinIn .titleBox{ margin-bottom: 0; float: left;}
.joinIn .titleBox .h1{ text-align: left; color: #fff;font-size: 46px;}
.joinIn .titleBox p{ text-align: left; color: #fff; width: 100%;font-size: 20px;}
.joinIn .joinInBtn{ background: rgba(255, 255, 255, 1);width: 160px; margin-top: 20px; border-radius: 60px 60px 60px 60px;padding: 8px 0px 8px 0px; display:inherit; text-align: center; color: #ff7322;font-size: 20px;}

.table-package{ background: #fff; margin-bottom: 30px;border-top:1px solid #ebeef5;border-left:1px solid #ebeef5; border-radius: 4px;}
.table-package>tbody>tr>td{border-bottom:1px solid #ebeef5; text-align: center; border-right: 1px solid #ebeef5; border-top: none; padding: 15px ;color: #333;}
.table-package>thead>tr>th{ border-bottom: 1px solid #ebeef5;text-align: center; border-right: 1px solid #ebeef5;padding: 15px;color: #606266;}
.table-package .table-header{ position: relative}
.table-package .table-header .vip-version{position: absolute;top: 40px;right: 30%;}
.table-package .table-header .divide-line{width: 1px;height: 350px;background: #eee;position: absolute;top: 25px;left: 25px;transform: rotate(-50.5deg);transform-origin: top;}
.table-package .table-header .vip-feature{position: absolute;bottom: 40px;left: 20%;}
.table-package .name{font-size: 20px!important; color: #fff; margin-top: 10px;font-weight:bold}
.table-package .desc{color: #fff; margin-top: 10px; margin-bottom: 10px; font-size: 15px;line-height: 24px;overflow: hidden;text-align: left;}
.table-package .priceBox{ margin-top: 10px; font-size: 16px; color: #fff; letter-spacing: 1px;}
.table-package .priceBox .price{ font-size: 24px; font-weight: bold}
.table-package .priceBox .year{ color: #999; font-size: 14px;}
.table-package .package{border-radius: 20px;padding: 5px 25px; margin-top: 15px; background: #fff;border: 1px solid #dcdfe6; display: inline-block}
.table-package .f20{ font-size: 20px;}
/* .table-package .vip-btn:nth-child(2) .package{color: #fff;background: linear-gradient(110deg,#2bbe67,#33d28a); border: #2bbe67;}
.table-package .vip-btn:nth-child(3) .package{color: #fff;background: linear-gradient(110deg,#4f80f8,#22abf9); border: #4f80f8;}
.table-package .vip-btn:nth-child(4) .package{color: #fff;background: linear-gradient(110deg,#f2bb22,#ffba4c); border: #f2bb22;} */


.contactBox{}
.feedbackForm{ width: 50%; margin: 0 auto;}
.feedbackForm .form-group{ width: 100%; float: left; font-weight: normal; margin-bottom: 30px;}
.feedbackForm .form-group label{ font-weight: normal; margin-bottom: 10px;}
.feedbackForm .line{ width: 48%;}
.feedbackForm .feedbackTypeList{ width: 100%; display: inline-block;}
.feedbackForm .feedbackTypeList ul{ width: 100%; display: flex; justify-content:space-between; margin: 0; padding: 0; flex-direction: row;}
.feedbackForm .feedbackTypeList ul li{ display: inline-block; float: left; width: 23%; text-align: center;}
.feedbackForm .feedbackTypeList li label{ border: 1px #f5f5f5 solid; padding: 20px 0; width: 100%; text-align: center; box-sizing: border-box; cursor: pointer;  float: left; display: inline-block}
.feedbackForm .feedbackTypeList li .img{ display: inline-block; width: 100%; margin-bottom: 10px; }
.feedbackForm .feedbackTypeList li .img img{ max-width: 100%;}
.feedbackForm .feedbackTypeList li label.active{ color: #ff7322; border:1px #ff7322 solid; }
.feedbackForm .form-group .btn-danger{ width: 30%; margin: 0 auto; padding: 15px 0;}

.layerOpen{ padding: 20px 20px 0 20px; width: 500px; display: inline-block; box-sizing: border-box;}
.layerOpen .table{ margin-bottom: 0;}
.layerOpen .table>tbody>tr>td{border-top:none; padding: 10px 0}
.layerOpen .btn-success{ padding: 8px 20px;}
.layerOpen  .addon2{ width: 160px; padding: 0; border: none; background: none}

.rechargeContent{ width: 60%; display: inline-block;}
.rechargeContent .form-group{ width: 100%; display: inline-block;}
.rechargeContent .form-group label{ width: 100%; font-weight: bold; margin-bottom: 15px; float: left;font-size: 14px;color: #606266;box-sizing: border-box;}
.rechargeContent .form-group .value{ width: 100%; float: left;}
.rechargeContent .form-group .value .form-control{ float: left; width: 50%; margin-right: 10px;}
.rechargeContent .form-group .value .cny{ margin-top: 15px; float: left;}
.payList{ width: 100%; display: inline-block;}
.payList ul{ float: left; display: inline-block;}
.payList li{ float: left; margin: 0 10px; cursor: pointer;border: 1px solid #dcdfe6;    padding: 12px 20px 12px 10px;    border-radius: 4px;}
.payList li.active{border: 1px #57c22d solid;  color: #57c22d; }
.payList li img{ width: 124px; height: 44px;}
.rechargeContent .payListBox{border-bottom: 1px solid #dcdfe6; display: inline-block; padding-bottom: 15px; margin-bottom: 25px;}
.rechargeContent .mountBox{ text-align: right; width: auto; float: right; }
.rechargeContent .mountBox dd{ display: inline-block; width: 100%; text-align: right; margin: 10px 0;}
.rechargeContent .mountBox dd .name{ width: 100px; float: left; font-weight: normal;}
.rechargeContent .mountBox dd .amount{ font-size: 36px; font-weight: bold;}
.rechargeContent .mountBox .pull-right{ text-align: right;}

.openPage{ width: 100%!important; }
.openPage .table>tbody>tr>td{border:none; padding: 15px 0}
.openPage .buyTimeList{ width: 100%; display: inline-block;}
.openPage .buyTimeList a{border: 1px solid #ebeef5; color: #999; padding:5px 25px; margin-right: 5px; position: relative;}
.openPage .buyTimeList a.select,.table-package .buyPackage:hover{border: 1px #57c22d solid;  color: #fff; background: #57c22d; }
.openPage .buyTimeList a .badge-danger{ background-color: #e4393c; position: absolute; right: 0; top: -25px;}
.openPage .line{border-top: 1px solid #ebeef5; }
.openPage .table>tbody>tr.line td{ padding-top: 20px;}
.openPage .payList li img{    width: 50px; height: auto}

/*购物车*/
.price_color{ color:#e01d20; font-size:14px}
.cart_list{ margin:25px 0 15px 0; font-size:18px; color:#000;}
.cart_box ul{ float:left; width:100%; overflow:hidden;}
.cart_box .header_title{ border-bottom:1px #ddd solid; background:#f5f5f5;}
.cart_box li{ text-align:center; border-right:1px #ddd solid; padding:10px 0; float:left; overflow:hidden; vertical-align:middle; font-size:12px}
.cart_box li a{ display:inline-block;}
.cart_box table{ border:none; float:left; width:100%;}
.cart_box .order_address{ margin-top:0;}
.cart_box .cart_c td .cart_box .cart_c th{ border:none}
.cart_box .cart_c td { padding:25px 15px;border: none;  border-bottom: 1px #f5f5f5 solid;}
.cart_box .cart_c td.text_center{ text-align:left; padding:15px 15px; line-height:18px;}
.cart_box .cart_c th{ border: none; text-align: left; text-indent: 20px;    height: 60px;  padding: 0;  margin: 0;  line-height: 60px; background: #f5f5f5;}
.cart_box .cart_c td.text_center a{    word-break: break-all; color: #333333; word-wrap: break-word; display:inline-block; width:100%; margin-bottom:5px; font-size:14px;}
.cart_box .cart_c td.text_center .img{ width:20%; float:left;}
.cart_box .cart_c td.text_center .shop{ float:left;}
.cart_box .cart_c td .extra_list{ width:100%; display:inline-block; float:left;}
.cart_box .cart_c td.text_center .keyname{ font-size:12px; width:100%;    color: #999;    word-break: break-all;    word-wrap: break-word;}
.cart_box .cart_c td.product_opator{ line-height:30px; font-size:12px; text-align:left}
.cart_box .cart_c td.product_opator a{ color:#666; font-size:14px;}
.cart_box .cart_c td.product_opator a:hover{ color:#ff7322;}
.cart_box .cart_c td.product_price{ text-align:left;}
.cart_box .cart_c td.product_price .shop_price{ width:100%; display:inline-block; margin-top:13%; font-size:16px; color: #333333;}
.cart_box .cart_c td .market_price{ width:100%; display:inline-block; color:#999; font-size:12px}
.cart_box .cart_c td.product_total_price{ font-size:16px;text-align:left;}
.cart_label{ font-weight: normal; margin-bottom: 0px; cursor: pointer;}
.cart_label_bottom{ height: 50px; line-height: 50px; text-align: center; width:110px;}
.notcart{ text-align:center; margin:10% 0;}
.cart_box .product_number{ text-align:center;}
.product_number_btn{ text-align: center;display: inline-block;}
.product_number_btn input{ float:left; border-radius:0; height:40px; border-color: #f5f5f5; outline: none;}
.product_number_btn .btn:hover{ border-color: #f5f5f5; background: #f5f5f5;}
.product_number_btn .text_box{ width:60px; text-align:center; border-left: none; border-right: none;     box-shadow: none;}
.product_number_btn .min{ border-right:none;}
.product_number_btn .add{ border-left:none;}
.cart_box .total_price{ border-left:1px #ddd solid; float:left; width:100%;}
.cart_box .total_price li{ border-bottom:1px #ddd solid; }
.cart_box .total_price li{ height:40px;text-align:right;line-height: 40px;    padding: 0 15px 0 0; overflow:hidden; }
.cart_box .total_price li.shop_total{ width:72.1%; }
.cart_box .total_price li.shop_total_price{ width:27.9%; color:#f00; }
.cart_box .total_price li.shop_total_price strong{font-size:18px;}
.cart_btn{ margin-bottom:20px; background: #f5f5f5; width: 100%; display: inline-block;}
.cart_btn a{font-size:16px; height:50px; line-height:50px; text-align:center; width:120px; display:inline-block; text-decoration:none}
.cart_btn .continue_shopping{ color:#333; float:left;}
.cart_btn .settlement_center{ color:#fff; background:#ff7322; float:right;}
.cart_box .cart_c .goods_coupon_info{ line-height:20px; font-weight:100;}
.cart_btn .cartTotalPrice{ display: flex; align-items: center; margin:10px 15px 0 0; color: #999999;}
.cart_btn .cartTotalPrice strong{ font-size: 20px;}
.cart_btn .cartDisable{ background: #ccc}

/*相关推荐*/
.relation_product{ width:100%; display:inline-block; margin-top:90px; background:#f5f5f5; position:relative;}
.relation_product .relation_header{ width:100%; display:inline-block; position:relative; margin-top:60px; height:70px;}
.relation_product .relation_header .hr{ height:1px; background:#bbb; width:100%; left:0; top:45%; position:absolute;}
.relation_product .relation_header .tit{ position:absolute; border-left:1px #bbb solid; border-right:1px #bbb solid; width:160px; text-align:center; height:70px;  background:#f5f5f5; z-index:10; left:44.1%; padding: 15px 10px 0 10px;}
.relation_list{ width:100%; float:left;margin:20px 0px 50px 0px;}
.relation_list ul{ width:100%; float:left;}
.relation_list ul li{ width:24%; list-style:none; text-align:center; background: #ffffff; display:inline-block; overflow:hidden; padding:0px 0 15px 0; margin-right:16px;  border:1px #f5f5f5 solid;  position:relative; float:left;}
.relation_list ul li:hover{ border:1px #ccc solid;}
.relation_list ul li:last-child{padding: 0; margin: 0;}
.relation_list ul li .img{ width:100%; display:inline-block; text-align:center; margin-bottom:30px; overflow: hidden;}
.relation_list ul li .img img{ width:100%; display:inline-block;}
.relation_list ul li .tit{ width:100%; display:inline-block; ;text-align: left; padding-left:10px; max-height:40px; line-height:20px;}
.relation_list ul li .promote_info{ color:#f00; text-align:left; padding-left:10px; font-size:12px}
.relation_list ul li .tit a{ color:#000; font-size:14px;}
.relation_list ul li .tit a:hover{ color:#ff7322;}
.relation_list ul li .price{ width:93%; display:inline-block; text-align:left; line-height:25px;}
.relation_list ul li .price b{ font-size:20px;}
.relation_list ul li .price a{float:right; margin-right:10px; width:25px; height:25px;}
.relation_list ul li .price a:hover{ }
.goods_part{ margin-top:25px; margin-bottom:25px;}

.cartRelation{margin-top:0px; background: none;}
.cartRelation .relation_header .hr{background: #ccc;}
.cartRelation .relation_header .tit{ background: #ffffff; border: none; top: 18%; left: 40.6%; color: #666; font-size: 30px; width:auto; padding:0 30px; }
.cartRelation .relation_header{ margin-top: 40px;}
.cartRelation .relation_list ul li{ border: none; }
.cartRelation .relation_list ul li:hover{ border: none;}
.cartRelation .relation_list ul li .tit{ text-align: center; width: 100%; display: inline-block; font-size: 16px; color: #333333;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
.cartRelation .relation_list ul li .price{ text-align: center;}
.cartRelation .relation_list ul li .price b{ font-weight: normal;}
.siteBox{ margin: 20px;}
.cartPayList{ margin:20px 0 30px 0; display: inline-block;}
.cartPayList li{ height: 70px; display: flex; align-items: center;justify-content: center;}

.layui-layer-page .layui-layer-content{  display: inline-block; width: 100%;}
.layui-layer-page .layui-layer-content .layui-layer-tabli{ padding: 20px;}

.templateContainer{ width: 100%; display: inline-block;}
@media (min-width: 1920px){
    .headerNav .logo img{ max-height: 55px;}
}
@media screen and (min-width: 1200px) and (max-width: 1920px ){
    .container{width: 1440px}
    .headerNav .logo img{ max-height: 40px;}
}

@media screen and (min-width: 1200px) and (max-width: 1920px ){
   /* .jm_container{width:1270px} */
}
@media screen and (min-width: 768px) and (max-width: 1200px ) {
    .headerNav .logo img{ max-height: 40px;}
}
@media screen and (max-width: 768px){
    .headerNav .logo img{ max-height: 30px;}
}

/*---------加盟------------*/
.inner_banner{padding:0;width:100%;position:relative;}
.inner_banner .jmbanner_pic{width:100%;position:absolute;left:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;}
.inner_banner .jmbanner_pic .banner_text{text-align:center;margin-bottom:20px;}
.inner_banner .jmbanner_pic .banner_text h5{font-size:60px;color:#fff;font-weight:600;text-align:center;margin-bottom:20px;}
.inner_banner .jmbanner_pic .banner_text p{font-size:24px;color:#fff;margin-bottom:20px;}
.inner_banner .jmbanner_pic .banner_text a{font-size:18px;color:#fff;display:inline-block;background:#6656ff;padding:6px 26px;border-radius:50px;}

.jm_title{text-align:center;width:100%;padding:20px ;margin:20px 0;}
.jm_title h5{text-align:center;font-size:40px;color:#333;margin-bottom:15px;font-weight:500;}
.jm_title p{font-size:16px;color:#666;margin:2px 0;}

.market_content{width:100%;padding:30px 0;margin:30px 0;}
.market_content .market_text{margin-top:20px;}
.market_content .market_text h5 , .web_system h5{font-size:40px;color:#333;margin-bottom:15px;font-weight:500;}
.market_content .market_text p{font-size:20px;color:#333;margin-bottom:15px;margin-top:30px;}

.web_system{width:100%;padding:10px 0;margin:10px 0;}
.web_system .websystem_box{width:100%;padding:10px 0;} 
.web_system .websystem_box .websystem_text, .web_system .auto_text{margin-top:20px;padding-top:20px;}
.web_system .auto_text{padding-left:40px;}
.web_system .websystem_box .websystem_text ul{display:flex;flex-wrap:wrap;}
.web_system .websystem_box .websystem_text ul li{width:50%;}
.web_system ul{width:100%;margin-top:20px;padding-top:20px;}
.web_system ul li{margin-bottom:20px;padding-bottom:5px;}
.web_system ul li span{font-size:18px;color:#333;}

.join_advantage{width:100%;padding:30px 0;margin:20px 0;}
.join_advantage .advantage_box{display:flex;flex-wrap:wrap;}
.join_advantage .advantage_box li{text-align:center;margin-bottom:30px;padding:10px 20px;}
.join_advantage .advantage_box li .advantage_icon{width:100%;margin-bottom:15px;}
.join_advantage .advantage_box li .advantage_icon img{display:inline-block;height:90px;}
.join_advantage .advantage_box li h5{font-size:24px;color:#333;font-weight:600;margin-bottom:15px;text-align:center;}
.join_advantage .advantage_box li p{font-size:18px;color:#333;}

.success_partner{width:100%;background:url(../images/jmpic007.png)center no-repeat;padding:30px 0;background-size:cover;}
.success_partner .success_box li .success_list{text-align:center;padding:20px;}
.success_partner .success_box li .success_list .timer{font-size:50px;color:#fff;font-weight:600;}
.success_partner .success_box li .success_list h5{font-size:20px;color:#fff;text-align:center;}

.compare{width:100%;padding:20px 0;margin:10px 0;}
.compare .compare_box h5{font-size:30px;color:#ff7322;font-weight:600;margin-bottom:40px;padding-bottom:10px;}
.compare .compare_box li{width:100%;margin-bottom:20px;}
.compare .compare_box li h6{font-size:20px;color:#333;margin-bottom:10px;}
.compare .compare_box li p{font-size:14px;color:#666;}

.jm_proxy{width:100%;padding:30px 0;margin:30px 0;}
.jm_proxy .proxy_box{width:100%;padding:10px 0;}
.jm_proxy .proxy_box .proxy_text{margin-top:50px;}
.jm_proxy .proxy_box .proxy_text h5{font-size:36px;color:#333;margin-bottom:40px;}
.jm_proxy .proxy_box .proxy_text p{font-size:20px;color:#333;margin-bottom:30px;}
.jm_proxy .proxy_box .proxy_text a{font-size:16px;color:#fff;display:inline-block;padding:6px 30px;background:#ff7322;border-radius:50px;}

.proxy_level{width:100%;padding:30px 0;margin:20px 0;}
.proxy_level .proxylevel_box li{text-align:center;}
.proxy_level .proxylevel_box li img{display:inline-block;}
.proxy_level .proxylevel_box li h5{text-align:center;margin-top:15px;font-size:20px;color:#333;}

.proxy_process{width:100%;padding:20px 0;margin:20px 0;}
.proxy_process .process_pic{width:100%;padding:20px 0;margin:20px 0;}

.contact_jm{width:100%;padding:0;display:flex;flex-wrap:wrap;}
.contact_jm .income{background:#f9fafd;padding:20px;}
.contact_jm .income .income_box{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.contact_jm .income .income_box .income_text{margin-left:50px;}
.contact_jm .income .income_box .income_text span{font-size:18px;color:#666;}
.contact_jm .income .income_box .income_text h5{font-size:32px;color:#333;font-weight:600;margin-top:20px;}
.contact_jm .contact_box{background:#fff;box-shadow:5px 5px 15px #dedede;padding:30px 20px;}
.contact_jm .contact_box .jm_title , .contact_jm .contact_box .jm_title h5{text-align:left;}
.contact_jm .contact_box .form-control{border:none;border-radius:0;box-shadow:none;border-bottom:1px solid #dedede}
.contact_jm .contact_box .btn-default{font-size:16px;color:#fff;background:#ff7322;border-color:#ff7322;display:inline-block;padding:6px 45px;border-radius:50px;margin-top:10px;}

/*--------------seo_service------------*/
.seo_service{width:100%;margin-top:-100px;position:relative;z-index:1000;}
.seo_service .seoservice_box ul li{position:relative;}
.seo_service .seoservice_box ul li .seoservice_list{position:relative;background:#fff;padding:20px;box-shadow:5px 5px 15px #dedede;border-radius:6px;}
.seo_service .seoservice_box ul li .seoservice_list .number{width:100%;}
.seo_service .seoservice_box ul li .seoservice_list .number span{display:inline-block;width:60px;height:60px;background:#ff7322;font-size:30px;color:#fff;position:absolute;left:0;top:-30px;right:0;margin:0 auto;border-radius:60px;box-shadow:4px 4px 15px #f9a97f;text-align:center;line-height:60px;}
.seo_service .seoservice_box ul li .seoservice_list .seoservice_text{padding:15px;margin-top:40px;}
.seo_service .seoservice_box ul li .seoservice_list .seoservice_text h5{font-size:24px;color:#333;font-weight:600;margin-bottom:15px;}
.seo_service .seoservice_box ul li .seoservice_list .seoservice_text p{font-size:16px;color:#333;}

.seo_items{width:100%;padding:40px 0;margin:30px 0 40px 0;}
.seo_items .items_box ul li .items_list{width:100%;padding:30px 20px;background:#fff;border-radius:4px;box-shadow:5px 5px 15px #ffe3c9;}
.seo_items .items_box ul li .items_list h5{font-size:24px;color:#ff7322;font-weight:500;margin-bottom:30px;padding-bottom:20px;position:relative;}
.seo_items .items_box ul li .items_list h5:before{position:absolute;content:"";width:20px;height:2px;background:#ff7322;left:0;bottom:0;}
.seo_items .items_box ul li .items_list p{font-size:16px;color:#333;font-weight:500;line-height:32px;margin:0;position:relative;padding-left:15px;}
.seo_items .items_box ul li .items_list p:before{position:absolute;content:"";width:6px;height:6px;background:#ff7322;border-radius:50px;left:0;top:13px;}
.seo_items .items_box ul li .items_list a{background:#ff7322;display:inline-block;width:100%;padding:8px 20px;color:#fff;border-radius:50px;text-align:center;margin-top:20px;font-size:16px;}

.seo_advantage{width:100%;padding:40px 0;background:#ff9025;}
.seo_advantage .jm_title h5 , .seo_advantage .jm_title p{color:#fff;}
.seo_advantage .seoadvantage_box ul , .seo_advantage .seoadvantage_box ul li{display:flex;flex-wrap:wrap;margin-bottom:30px;}
.seo_advantage .seoadvantage_box ul li .seoadvantage_list{background:#fff;border-radius:6px;padding:20px;}
.seo_advantage .seoadvantage_box ul li .seoadvantage_list .seoadvantage_title h5{font-size:20px;color:#ff9025;font-weight:600;margin-bottom:20px;padding-bottom:20px;position:relative;}
.seo_advantage .seoadvantage_box ul li .seoadvantage_list .seoadvantage_title h5:before{position:absolute;content:"";width:20px;height:2px;background:#ff7322;left:0;bottom:0;}
.seo_advantage .seoadvantage_box ul li .seoadvantage_list .seoadvantage_text p{font-size:16px;color:#333;margin-bottom:10px;padding:10px 0;line-height:30px;}

.seo_process{width:100%;padding:30px 0;margin:30px 0 50px 0;} 

.seo_case{background:#f5f7f9;width:100%;padding:30px 0;} 
.seo_case .seocase_box{width:100%;padding:10px 0;margin-bottom:20px;}
.seo_case .seocase_box .nav-tabs{width:100%;display:flex;flex-wrap:wrap;justify-content:center;border:none;margin-bottom:30px;padding-bottom:10px;}
.seo_case .seocase_box .nav-tabs>li{}
.seo_case .seocase_box .nav-tabs>li>a{font-size:16px;color:#333;border:none;padding:6px 20px;border-radius:50px;background:#f5f7f9;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:5px 10px;}
.seo_case .seocase_box .nav-tabs>li.active>a, .seo_case .seocase_box .nav-tabs>li>a:hover{background:#ff7322;color:#fff;}
.seo_case .seocase_box .seomain{padding:10px 0;}
.seo_case .seocase_box .seomain li{margin-bottom:30px;}
.seo_case .seocase_box .seomain .seocase_list{width:100%;position:relative;}
.seo_case .seocase_box .seomain .seocase_list .seopic{width:100%;position:relative;}
.seo_case .seocase_box .seomain .seocase_list .seopic h5{width:100%;position:absolute;left:0;bottom:50px;background:rgba(255,129,37,0.8);font-size:18px;color:#fff;padding:10px;text-align:center;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;opacity:0;}
.seo_case .seocase_box .seomain .seocase_list .seopic:hover h5{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:1;}
.seo_case .seocase_box .seomain .seocase_list .seotext{display:flex;margin-top:2px;flex-wrap:wrap;width:100%;padding:15px;justify-content:space-between;background:#fff;}
.seo_case .seocase_box .seomain .seocase_list .seotext span{font-size:16px;color:#333;}

.seo_oem{width:100%;padding:20px 0;margin:20px 0;}

.seo_about{width:100%;padding:30px 0;position:relative;}
.seo_about:before{width:100%;position:absolute;left:0;content:"";top:00px;background:#ff7322;height:80%;} 
.seo_about .jm_title h5 , .seo_about .jm_title p{color:#fff;} 
.seo_about .seoabout_box{padding:0;} 
.seo_about .seoabout_box .seoabout_text h5{font-size:24px;color:#fff;font-weight:600;margin-bottom:15px;padding-bottom:15px;}
.seo_about .seoabout_box .seoabout_text p{font-size:14px;color:#fff;line-height:26px;margin-bottom:20px;padding-bottom:10px;}
.seo_about .seoabout_box .seoabout_text a{font-size:14px;color:#ff7322;display:inline-block;padding:6px 30px;background:#fff;border-radius:50px;}
.seo_about .seoabout_box .seoabout_pic img{box-shadow:10px 10px 0px #ffd6be;border-radius:6px;}

.seo_question{width:100%;padding:30px 0;margin:30px 0;}
.seo_question .question_title{width:100%;text-align:center;margin-bottom:30px;padding-bottom:20px;}
.seo_question .question_title span{font-size:24px;border-radius:50px;color:#fff;background:#ff7322;display:inline-block;padding:6px 20px;}
.seo_question .question_box ul li{padding:30px;width:100%;box-shadow:5px 5px 15px #fbe4d6;margin-bottom:30px;position:relative;}
.seo_question .question_box ul li:before{width:4px;height:20px;position:absolute;left:0;top:30px;content:"";background:#ff7322;}
.seo_question .question_box ul li h5{color:#ff7322;font-size:18px;margin-bottom:15px;font-weight:400;}
.seo_question .question_box ul li p{color:#333;font-size:14px;margin-bottom:0px;line-height:26px;} 

.seo_refuse{width:100%;padding:60px 0;background:#f5f7f9;}
.seo_refuse .refuse_box ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.seo_refuse .refuse_box ul li{width:20%;text-align:center;padding:10px;display:flex;flex-wrap:wrap;}
.seo_refuse .refuse_box ul li .refuse_list{background:#fff;width:100%;padding:40px 15px;box-shadow:5px 5px 15px #dee8f1;}
.seo_refuse .refuse_box ul li .refuse_list h5{text-align:center;font-size:18px;color:#ff7322;padding:10px 0;margin:20px 0;font-weight:400;}
.seo_refuse .refuse_box ul li .refuse_list img{display:inline-block;height:60px;}

.seo_profile{width:100%;padding:50px 0;background:#f5f7f9;}
.seo_profile .profile_box{width:100%;display:flex;flex-wrap:wrap;}
.seo_profile .profile_box li{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.seo_profile .profile_box li .profile_list{width:100%;background:#fff;padding:25px 15px;border-radius:6px;box-shadow:5px 5px 15px #dee8f1;}
.seo_profile .profile_box li .profile_list h5{color:#ff7322;font-size:18px;margin-bottom:15px;font-weight:400;}
.seo_profile .profile_box li .profile_list p{color:#333;font-size:14px;line-height:26px;margin-bottom:10px;}

.tpl_subcat{width:100%}
.tpl_subcat dd{padding:10px 0 10px 30px; display: inline-block;}
.flex_wrap{display:flex;flex-flow:wrap}

.moduleContent{ width: 100%; display: inline-block}
.moduleContent .imgBox .img{ text-align: center;}
.moduleContent .imgBox .img img { max-width: 100%; text-align: center;}

.moduleContent .btn_group{ margin-bottom: 15px;}
.ruanw-cont-kef {border-radius: 4px;color: #666;border: 1px solid #ddd;padding: 10px 0;text-align: center;width: 100%;}
.ruanw-cont-kef a {color: #666;}
.moduleInfo .title{ font-size: 24px; font-weight: 400; margin-bottom: 10px;}
.moduleInfo .desc{ color: #999; font-size: 14px; margin-bottom: 15px;}
.moduleInfo .price{ font-size: 28px; font-weight: bold; color: #f00; margin: 15px 0 25px 0;}
.moduleInfo .buyNum {margin-bottom: 25px;}
.moduleInfo .buyNum span:first-child {color: #999; margin-right: 15px;}
a.joingowc, a.immediate {color: #eb2a29;background: #ffeded; float: left;padding: 10px 0px;font-size: 16px;margin-right: 10px;border: 1px solid #eb2a29;width: 162px;text-align: center;}
a.joingowc:hover {color: #eb2a29;}
a.immediate {color: #fff;background: #eb2a29;}
a.immediate:hover {color: #fff;background: #eb2a29;}
.promise {padding-top: 30px; width: 100%; display: inline-block;  color: #999;}
.promise div:last-child {display: flex;align-items: center;}
.promise div:last-child p {color: #666666;padding-right: 20px;}
.promise div:last-child p img {width: 20px;height: 20px;vertical-align: bottom;}
.promise .t{ margin-bottom: 5px;}
.moduleDetail{ margin-top: 3%;}
.moduleDetail .tit{border-bottom: 1px solid #ddd;margin-top: 15px;    display: block;position: relative;color: #333;}
.moduleDetail .tit span{ border: 1px solid #ddd; display: inline-block; padding: 10px 20px; margin-bottom: -2px; background: #fff;}
.moduleDetail .con{ padding: 20px 0; line-height: 25px;}
.moduleRelation .img{ width: 90%; display: inline-block;}
.moduleRelation .img img{ max-width: 100%;}
.moduleRelation .price{ color: #f00;}
.user-center .navbar-nav{ width: auto;}
.snsLogin,.snsLogin ul{ width: 100%; display: inline-block;}
.snsLogin{ border-top: 1px #F5F5F5 solid; padding-top: 15px;}
.snsLogin ul li{ float: left; margin: 5px 10px 5px 0;}
.snsLogin ul li img { width: 20px; height: 20px; display: inline-block; float: left;}

@media screen and (max-width: 768px){
    .layui-layer-tab .layui-layer-title span{ padding: 0 10px!important;}
    .headerNav .navbar-nav{display: inline-block;}
    .helpContent .left,.helpContent .right{ padding: 0;}
    .helpContent .right{margin-top: 15px;}
    .helpList li{padding: 0;width: 100%;}
    .helpList li a{ margin: 0;padding:15px;}
    .helpList li a p{margin-bottom: 0;}
    .more a{font-size: 14px;padding: 5px 20px;}
}