/*banner*/


.jz-bann {width: 100%; height: 400px; background-image: url(../images/jianzhan/bann.jpg); background-repeat: no-repeat; background-position: center top;}
.bann-jz-title {height: 70px; line-height: 70px; font-size: 44px; margin-top: 100px;}
.bann-jz-title-txt {font-size: 20px; background-color: #20B09F;

	border-radius: 20px;

	padding: 2px 10px;

	margin-left: 5px;

}



.bann-jz-descrip {width: 400px; font-size: 14px; line-height: 200%;}



.bann-jz-btns {

	padding: 20px 0 0;

}



.protal-btn-green {

	background-color: #20b09f;

	border-color: #20b09f;

}



.protal-btn {

	display: inline-block;

	width: 176px;

	height: 46px;

	line-height: 44px;

	text-align: center;

	font-size: 18px;

	position: relative;

	box-sizing: border-box;

	margin: 0 17px 0 0;

	cursor: pointer;

}



.jz-video {

	position: absolute;

	right: 0;

	top: 0;

	width: 50%;

	height: 314px;

}



.jz-video-a {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	opacity: 1;

}



.img-block img,

.img-block svg {

	display: block;

	margin: 0 auto;

	max-width: 100%;
}

.bann-moban {width: 1200px; margin: 0 auto; color: #fff; overflow: hidden; text-align: center;}
.bann-moban h3 {font-size: 28px; margin: 40px 0 20px 0;}
.bann-moban p {font-size: 16px;}

.jianzhan-nav {width: 1200px; margin: 0 auto; padding: 20px 0 0 0;}
.jianzhan-nav .layui-nav {background-color: #fff;}
.jianzhan-nav .layui-nav .layui-nav-item a {color: #333;}

.layui-carousel .jianzhan-nav {position: absolute; z-index: 99; left: 50%; margin: 0 0 0 -600px;}

/*模板列表*/
.mblb {overflow: hidden;}
.mblb li .box {position: relative; background-color: #fff; border: solid 1px #ddd; border-radius: 5px 5px 0 0;}
.mblb li .box .pc-header {height: 16px; border-bottom:none; background-color: #e6e6e6; text-align: left;border-radius: 4px 4px 0 0; border-bottom: solid 1px #ddd}
.mblb li .box .pc-header i {border-radius: 50%; font-size: 12px; color: #F0A667; background-color: #F0A667; margin: 4px 0px 4px 6px; display: inline-block; width: 8px; height: 8px;}
.mblb li .box .pc-header i:nth-child(2) {color: #EFC677; background-color: #EFC677;}
.mblb li .box .pc-header i:nth-child(3) {color: #A1DB55; background-color: #A1DB55;}
.mblb li .box:nth-child(4n) {margin-right: 0;}
.mblb li .box .thumb {position: relative; height: 300px; overflow: hidden; display: block;}
.mblb li .box .thumb img {width: 100%;}
.mblb li .box .thumb .btn {position: absolute; bottom: 0; width: 100%; text-align: center; padding: 10px 0; display: none;}
.mblb li .box:hover dt .btn {display: block;}
.mblb li .box .thumb .btn a {color: #fff; height: 28px; line-height: 28px; display: inline-block; padding: 0 15px; margin: 0 5px;}
.mblb li .box .thumb .btn .demo {background-color: #1E9FFF;}
.mblb li .box .thumb .btn .guy {background-color: #FF5722;}
.mblb li .box .thumb .btn a:hover {opacity: 0.8;}

.mblb li .box .wap {position: absolute; right: 10px; bottom: 55px; width: 150px; z-index: 9; background-color: #fff; padding: 10px 5px; border-radius: 20px 20px 0 0; border: solid 1px #eee; box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
.mblb li .box .wap a {display: block}
.mblb li .box .wap-header {height: 16px; text-align: left; border-radius: 10px 10px 0 0 }
.mblb li .box .wap-box {background-color: #fff; border: solid 1px #eee; height: 200px; overflow: hidden}
.mblb li .box .wap-box img {width: 100%; height: auto !important}

.mblb li .box .info {overflow: hidden; font-size: 14px; border-top: solid 1px #ddd}
.mblb li .box .info span {background-color: #eee; padding: 3px 8px; border-radius: 5px; font-size: 15px; color: #666;}
.mblb li .box .info .price {color: #f00; font-size: 15px}
.mblb li .box:hover .t a {color: #ff5722}

.taocan {overflow: hidden;}
.taocan table {margin: 15px 0;}
.taocan table thead tr th {position: relative;}
.taocan table thead tr th:nth-child(2) {background-color: #009688;}
.taocan table thead tr th:nth-child(3) {background-color: #01AAED;}
.taocan table thead tr th:nth-child(4) {background-color: #FF5722;}
.taocan table thead tr th:nth-child(5) {background-color: #2F4056;}
.taocan table thead tr th:nth-child(4) div {position: absolute; top: -20px; left: 0; width: 276px; height: 60px; line-height: 70px; background-color: #FF5722;}
.taocan table tr td {text-align: center;}
.taocan table tr th {text-align: center; color: #fff; font-size: 20px;}
.taocan table tr td:nth-child(1) {}
.taocan table tr td:nth-child(2) {background-color: #e5fffd}
.taocan table tr td:nth-child(3) {background-color: #e0f6ff;}
.taocan table tr td:nth-child(4) {background-color: #fff3f0;}
.taocan .layui-table td, .taocan .layui-table th {padding: 15px 15px;}

.layui-collapse {margin: 20px 0;}


.layui-collapse .layui-colla-title {background: none;}


.layui-collapse .layui-colla-content {border: none;}





.search-mb {margin: 40px auto 30px; text-align: center;}
.search-mb .search-form {position: relative; width: 50%; margin: 0 25%;}
.search-mb .search-form .ktxt {border: solid 1px #ddd; height: 36px; line-height: 36px; text-align: left; padding-left: 10px; width: 100%;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.search-mb input[type="submit"] {position: absolute; right: 0; top: 0; background-color: #f05259; color: #fff; height: 36px; line-height: 36px; border: none; padding: 0 20px; cursor: pointer;}
.search-mb input[type="submit"]:hover {opacity: 0.8;}

/*模板筛选*/


.filter-mb {overflow: hidden;}


.filter-mb ul {display: block; overflow: hidden; margin: 15px 0; border-bottom: solid 1px #eee; padding-bottom: 15px;}


.filter-mb ul li {float: left; font-size: 14px;}


.filter-mb ul .t {width: 113px;}


.filter-mb ul li a {display: block; padding: 4px 15px; font-size: 14px;}


.filter-mb ul li.active a {background-color: #FFB800; color: #fff;}





.filter-mb .hangye li {width: 171px;}


.filter-mb .hangye .t {width: 113px;}


.filter-mb .hangye .bx {width: 58px;}





/*模板详情*/
.mb-show-info {text-align: center; padding-top: 50px; overflow: hidden;}
.mb-show-info h1 {font-size: 30px; height: 40px; line-height: 40px;}
.mb-show-info .desc {font-size: 16px; overflow: hidden; padding-top: 20px;}
.mb-show-info .show-price {}
.mb-show-info .show-price strong {color: #f00; font-size: 22px}
.mb-show-info .show-bnt {height: auto; overflow: hidden; padding: 40px 0;}


.mb-show-mx {width: 1000px; border-radius: 20px; padding: 35px; height: 772px; overflow: hidden; margin: 0 auto 80px; position: relative;}


.mb-show-mx .mb-show-pc {position: relative;width: 924px; height: 725px; padding: 38px; overflow: hidden; background: url(../images/jianzhan/iMac.png);}


.mb-show-mx .mb-show-pc img {width: 100%;}


.mb-show-mx .mb-show-pc .bot {position: absolute; bottom: 0; width: 100%; height: 244px; z-index: 9; left: 0; background: url(../images/jianzhan/iMac.png) no-repeat center bottom #fff;}





.mb-show-mx .mb-show-pad {position: absolute; z-index: 10; left: 0; bottom: 0; width: 342px; height: 400px; overflow: hidden; border: solid 1px #ddd; border-radius: 20px; padding: 33px 20px  20px 18px; background: url(../images/jianzhan/ipad.png); background-size: 380px;}


.mb-show-mx .mb-show-pad .bot {position: absolute; bottom: 0; width: 100%; height: 33px; z-index: 9; left: 0; background: url(../images/jianzhan/ipad.png) no-repeat center bottom; background-size: 380px;}


.mb-show-mx .mb-show-pad img {width: 100%; border: solid 1px #eee;}





.mb-show-mx .mb-show-wap {position: absolute; z-index: 10; left: 911px; bottom: 0; width: 140px; height: 289px; overflow: hidden; border-radius: 20px; padding: 40px 11px 0 9px; background: url(../images/jianzhan/iphone.png); background-size: 160px;}


.mb-show-mx .mb-show-wap .bot {position: absolute; bottom: 0; width: 100%; height: 41px; z-index: 9; left: 0; background: url(../images/jianzhan/iphone.png) no-repeat center bottom; background-size: 160px;}


.mb-show-mx .mb-show-wap img {width: 100%; border: solid 1px #eee;}





.mb-show-sm {width: 100%; height: auto; overflow: hidden ; background-color: #659fe6; color: #fff; padding: 50px 0;}


.mb-show-sm h3 {text-align: center; font-size: 32px; height: 50px; line-height: 30px;}


.mb-show-sm p {text-align: center; font-size: 18px; height: 50px; line-height: 40px; margin-bottom: 30px;}


.mb-show-sm .layui-row {text-align: center;}


.mb-show-sm .layui-col-space10>* {padding: 15px;}


.mb-show-sm .layui-row i {font-size: 50px; background-color: #fff; color: #6696e1; border-radius: 50%; display: inline-block; height: 110px; line-height: 110px; width: 110px; text-align: center;}


.mb-show-sm .layui-row h5 {font-size: 20px; height: 50px; line-height: 50px;}


.mb-show-sm .layui-row p {font-size: 14px; line-height: 20px;}





.mb-show-shohou {padding: 60px 0 30px;}


.mb-show-shohou h3 {text-align: center; font-size: 32px; height: 50px; line-height: 30px;}


.mb-show-shohou p {text-align: center; font-size: 18px; height: 50px; line-height: 40px; margin-bottom: 30px;}


.mb-show-shohou .layui-row {text-align: center;}


.mb-show-shohou .layui-col-space10>* {padding: 15px;}


.mb-show-shohou .layui-row i {font-size: 50px; background-color: #ececec; color: #333; border-radius: 50%; display: inline-block; height: 110px; line-height: 110px; width: 110px; text-align: center;}


.mb-show-shohou .layui-row h5 {font-size: 20px; height: 50px; line-height: 50px;}


.mb-show-shohou .layui-row p {font-size: 14px; line-height: 20px;}



/*子栏目*/

.jz-znav {width: 100%; background-color: #fff;}

.jz-znav ul{ margin-left: 1px;}

.jz-znav li{ float: left; margin-left: -1px; border-left: 1px solid #dcdcdc; width: 173px;}

.jz-znav li a{ height:80px; width:100%; text-align: center; font-size:18px; color: #333; display: block; background-color: #fff;}

.jz-znav li span{ display: inline-block; line-height:75px}

.jz-znav li a img{ padding:19.5px 0;}

.jz-znav li span:after{ content:''; margin: 0 auto; display:none; width:80px; height: 2px; background-color: #0099ff;}

.jz-znav li a:hover{ color: #0099ff;}

.jz-znav li.on a{ color: #0099ff;}

.jz-znav li.on span:after{ display: block;}

.jz-znav li:first-child{ border: none;}
/*建站栏目*/
.jz-ziyuan {position: absolute; bottom: -50px; left: 0; right: 0; z-index: 9;}
.jz-ziyuan .layui-main {background-color: #fff;box-shadow: 0 8px 16px 0 rgba(147, 154, 255, 0.1);}
.jz-ziyuan ul {
    background: #FFFFFF;
    box-shadow: 0 8px 16px 0 rgba(147, 154, 255, 0.1);
    border-radius: 2px;
}
.jz-ziyuan ul li {box-sizing:border-box; width: 20%; float: left; padding: 24px 20px; position: relative;}
.jz-ziyuan .adc-icon {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 24px;
    left: 16px;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.jz-ziyuan .adc-desc {
    padding-left: 64px;
}
.jz-ziyuan .adc-desc h2 {
    margin-top: 5px;
    font-size: 16px;
    color: #252B3A;
    text-align: left;
    line-height: 20px;
    font-weight: 700;
}
.jz-ziyuan .adc-desc p {
    margin-top: 8px;
    font-size: 12px;
    color: #575D6C;
    text-align: left;
    line-height: 18px;
}

/*建站流程*/
.js-process {background-color: #fafafa; height: auto; overflow: hidden; padding: 50px 0;}
.js-process-head {
    padding-bottom: 32px;
    text-align: center;
}
.js-process-title {
    font-size: 24px;
    line-height: 30px;
    color: #252b3a;}
.js-process-body .sta-pc {width: 100%; height: auto; box-shadow: 0 8px 16px 0 rgba(147, 154, 255, 0.1); border-radius: 2px;}

/*建站攻略*/
.js-gonglue {background-color: #fff; padding:50px 0; overflow: hidden;}
.js-gonglue-head {
    padding-bottom: 32px;
    text-align: center;
}
.js-gonglue-title {
    font-size: 24px;
    line-height: 30px;
    color: #252b3a;
}
.js-gonglue .process-item {
    position: relative;
    float: left;
    margin-right: 16px;
    width: calc((100% - 65px)/5);
    padding: 10px 0 8px;
}
.js-gonglue .process-item:last-child {
    margin-right: 0;
}
.js-gonglue  .process-item .icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 18px;
}
.js-gonglue .process-item .icon1 {background-image: url(../images/jianzhan/cloudsite-experience-icon1.png);}
.js-gonglue .process-item .icon2 {background-image: url(../images/jianzhan/cloudsite-experience-icon2.png);}
.js-gonglue .process-item .icon3 {background-image: url(../images/jianzhan/cloudsite-experience-icon3.png);}
.js-gonglue .process-item .icon4 {background-image: url(../images/jianzhan/cloudsite-experience-icon4.png);}
.js-gonglue .process-item .icon5 {background-image: url(../images/jianzhan/cloudsite-experience-icon5.png);}
.js-gonglue .process-item .tit {font-size: 16px;
    color: #252B3A;
    line-height: 20px;
}
/*定制网站*/
.jz-dingzhi {background-color: #1a2f5c;}
.jz-dingzhi-head {
    padding-bottom: 32px;
    text-align: center;
}
.jz-dingzhi-title {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
}
.jz-dingzhi-subtitle {color: #fff;margin-top: 16px;font-size: 16px;
    line-height: 20px;}

.jz-dingzhi-title .jz-dingzhi-subtitle {
    margin-top: 16px;font-size: 16px;
    line-height: 20px; color: #fff;
}
.product-size-body .product-size-item {border-radius: 2px;}
.product-size-body .product-size-item:last-child {
    margin-right: 0px;
}
.product-size-body .product-size-item .size-item-inner {margin: 10px;
    background: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
}
.product-size-body .product-size-item .size-item-head {background: url(../images/jianzhan/cloudsite-mad-01.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.product-size-body[data-cols="3"] .product-size-item .size-item-head-box {
    padding: 16px 32px;
}
.product-size-body .product-size-item .size-item-head-box {
    position: relative;
}
.product-size-body[data-cols="3"] .product-size-item .size-item-head-box .caption {
    font-size: 24px;
    line-height: 30px;color: #FFFFFF;
}
.product-size-body .product-size-item .size-item-head-box .info {
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0.8;
    line-height: 22px;
}
.product-size-body[data-cols="3"] .product-size-item .size-item-contains {
    padding: 0 32px;
}
.product-size-body .product-size-item .size-item-body-box .size-item-contains-inner, .product-size-body .product-size-item .size-item-body-box .size-item-contains-inner2 {
    padding: 15px 0 10px 0;
    border-bottom: 1px dashed #DDDDDD;
    overflow: hidden;
}
.jz-dingzhi .contains-list-title {
  padding-left: 10px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #666A75;
  letter-spacing: 0;
  text-align: justify;
  line-height: 18px;
  position: relative;
}
.jz-dingzhi .contains-list-title:before {
  position: absolute;
  content: '';
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #666A75;
  left: 3px;
  top: 8px;
}
.cloudsite-standard {
  background: #FAFAFA;
}
.cloudsite-standard .sta-pc {
  width: 100%;
  height: auto;
  box-shadow: 0 8px 16px 0 rgba(147, 154, 255, 0.1);
  border-radius: 2px;
}
.cloudsite-standard .sta-mb {
  display: none;
}
.jz-dingzhi .contains-list-title:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #666A75;
    left: 3px;
    top: 8px;
}

.product-size-body[data-cols="3"] .product-size-item .size-item-price {
    padding: 0px 32px 24px 32px;
}
.product-size-body .product-size-item .size-item-body-box .size-item-price .item-buy.show {
    display: block;
}
.product-size-body .product-size-item .size-item-body-box .size-item-price .item-buy .item-buy-price {
    display: inline-block; width: 49%;
}
.product-size-body .product-size-item .size-item-body-box .size-item-price .item-buy .item-buy-price .t {font-size: 14px; font-weight: bold; margin: 0 0 6px;}
.product-size-body .product-size-item .size-item-body-box .size-item-price .item-buy .item-buy-price .price-now {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 3px;
}
.product-size-body .product-size-item .size-item-body-box .size-item-price .item-buy .item-buy-price .price-now em {
    color: #F66F6A;
    font-style: normal;
}
.product-size-body .product-size-item .size-item-body-box .size-item-price .item-buy .item-buy-price .price-now span {
    font-size: 24px;
    line-height: 28px;
}
.jz-dingzhi .product-size-body .product-size-item .size-item-body-box .size-item-price .item-buy .item-buy-price .price-before.learn-more {
    text-decoration: none;
}



.product-size-item dl {margin:10px 18px; height: auto; overflow: hidden; border-bottom: dotted 1px #eee; padding-bottom: 10px;}
.product-size-item dl dt {font-weight: bold}
.product-size-item dl dd ul {}
.product-size-item dl dd ul li {float: left; width: 50%; padding: 3px 0;}
.product-size-item dl dd ul li i {margin-right: 5px; color: #CCC; font-size: 16px;}
.product-size-item dl dd ul li i.fa-check-square-o {color: #4972FA; font-size: 14px;}

/*新闻资讯*/
/* .jz-news {overflow: hidden; padding: 50px 0;} */
/* .jz-news .layui-tab {float: left; width: 386px; margin-right: 21px;} */
/* .jz-news .layui-tab:nth-child(3) {margin-right: 0;} */
/* .jz-news .zxdt {float: left; width: 386px; height: auto; overflow: hidden;} */
/* .jz-news .hyzx {float: right; width: 386px; height: auto; overflow: hidden;} */
/* .jz-news .dtit {width: 100%; height: 40px; border-bottom: solid 1px #CCC; margin-bottom: 6px;} */
/* .jz-news .dtit .more {float: right; line-height: 40px;} */
/* .jz-news .dtit h3 {border-bottom: solid 2px #528B1D; float: left; font-size: 18px; padding: 0 10px; height: 39px; line-height: 40px;} */
/* .jz-news .wzlb li {height: 40px; line-height: 40px; overflow: hidden; border-bottom: dashed 1px #ddd; background: url(../images/arrow.png) no-repeat -60px -34px;} */
/* .jz-news .wzlb li .time {float: right; line-height: 36px; color: #999;} */
/* .jz-news .wzlb li:hover a {color: #FD2560;} */
/*建站方案*/
.jz-solution {height: auto; overflow: hidden; padding: 50px 0; margin: 45px 0 0 0;}
.jz-solution-head {
    padding-bottom: 32px;
    text-align: center;
}
.jz-solution-title {
    font-size: 24px;
    line-height: 30px;
    color: #252b3a;
}
.jz-solution-title .jz-solution-subtitle {
    margin-top: 16px;
}
.jz-solution-subtitle {
    font-size: 16px;
    line-height: 20px;
    color: #575d6c;
}
.jz-solution .product-size-body {margin: -10px;}
.jz-solution .product-size-body .product-size-item .size-item-inner {
    background: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
}
.jz-solution .product-size-item .size-item-head-box {
    position: relative;padding: 16px 32px;
}
.jz-solution .product-size-item .size-item-head-box .caption {
    font-size: 24px;
    line-height: 30px; color: #fff;}
.jz-solution .product-size-item .size-item-head-box .info {
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0.8;
    line-height: 30px;}
.jz-solution .product-size-item .size-item-contains {
    padding: 0 32px;
}
.jz-solution .product-size-item .size-item-body-box .size-item-price {padding: 20px 0;}
.jz-solution .product-size-item .size-item-body-box .size-item-price .item-buy-btn {
    float: none;
    text-align: center;
    font-size: 0;
    margin-top: 0;
}

/*模板建站*/

.jz-template-title {
    font-size: 24px;
    line-height: 30px;
    color: #252b3a;
}
.jz-template-title .jz-template-subtitle {
    margin-top: 16px;
}
.jz-solution-subtitle {
    font-size: 16px;
    line-height: 20px;
    color: #575d6c;
}
.jz-template .size-item-head-box {
    padding: 16px;
}
.jz-template .size-item-head-box .caption {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
    margin-bottom: 5px;
}
.jz-template .size-item-head-box .info {
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0.8;
    line-height: 22px;
}
.jz-template .product-size-item {border-radius: 2px;}

.jz-template .product-size-item .size-item-body-box .size-item-contains-inner {height: 218px;}
.jz-template .product-size-item .size-item-body-box .size-item-contains-inner, .product-size-body .product-size-item .size-item-body-box .size-item-contains-inner2 {
    padding: 15px 0 10px 0;
    border-bottom: 1px dashed #DDDDDD;
    overflow: hidden;
}
.jz-template .product-size-item .size-item-contains {
    padding: 0 16px;
}
.jz-template .product-size-item .size-item-price {
    padding: 15px 16px 24px 16px;
}
.product-size-item .item-buy-price .price-before {
    font-size: 12px;
    color: #8A8E99;
    line-height: 18px;
}
.jz-template .product-size-item .size-item-contains {
    padding: 0 16px;
}





/*移动端-开始*/
.mobile-nav {padding: 15px 10px;;}
.mobile-nav li {text-align: center;}
.mobile-nav li .mui-icon img {
    width:60px; height: 60px;
}
.mobile-nav li a {padding: 10px 0;}
.mobile-nav .layui-col-xs3 {width: 20% !important;}
.mobile-nav li .mui-icon {
    font-family: Muiicons;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
.mobile-nav li .t {
    font-size: 15px;
    line-height: 15px;
    display: block;
    width: 100%;
    height: 15px;
    margin-top: 8px;
    text-overflow: ellipsis;
    color: #333;
}

/*移动端*/
@media screen and (max-width: 750px) {

.layui-carousel {height: 460px !important; overflow: hidden;}
.layui-carousel .bann-jz-title {margin-top: 20px; text-align: center;}
.layui-carousel .bann-jz-descrip {padding: 0 20px; width: auto;}
.layui-carousel .bann-jz-btns {display: none;}
.jz-solution {padding: 0;margin: 20px 0 0 0;;}
.size-item-contains {font-size: 16px;}
.size-item-contains ul {margin: 15px 0;}
.size-item-contains ul li {line-height: 30px;}


.mb-show-info {padding: 50px 10px 0}


}


/*微信开发*/
.wx-bann {width: 100%; height: 300px; overflow: hidden; color: #fff; }
.bann-wx-title {height: 70px; line-height: 70px; font-size: 44px; margin-top: 60px;}
.bann-wx-title-txt {font-size: 20px; color: #fff; background-color: #20B09F; border-radius: 20px; padding: 2px 10px; margin-left: 5px;}
.bann-wx-descrip {font-size: 18px; line-height: 52px;}

.bann-wx-btns {

    padding: 20px 0 0;}



.protal-btn-green {

    background-color: #20b09f;

    border-color: #20b09f;

    color: #fff;

}

.protal-btn {

    display: inline-block;

    width: 176px;

    height: 46px;

    line-height: 44px;

    text-align: center;

    font-size: 18px;

    position: relative;

    box-sizing: border-box;

    margin: 0 17px 0 0;

    cursor: pointer;

}

.wx-video {

    position: absolute;

    right: 0;

    top: 0;

    width: 50%;

    height: 314px;

}

.wx-video-a {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    opacity: 1;

}

.img-block img, .img-block svg {

    display: block;

    margin: 0 auto;

    max-width: 100%;

}





/*子栏目*/

.wx-znav {width: 100%; background-color: #fff;}

.wx-znav ul{ margin-left: 1px;}

.wx-znav li{ float: left; margin-left: -1px; border-left: 1px solid #dcdcdc; width: 173px;}

.wx-znav li a{ height:80px; width:100%; text-align: center; font-size:18px; color: #333; display: block; background-color: #fff;}

.wx-znav li span{ display: inline-block; line-height:75px}

.wx-znav li a img{ padding:19.5px 0;}

.wx-znav li span:after{ content:''; margin: 0 auto; display:none; width:80px; height: 2px; background-color: #0099ff;}

.wx-znav li a:hover{ color: #0099ff;}

.wx-znav li.on a{ color: #0099ff;}

.wx-znav li.on span:after{ display: block;}

.wx-znav li:first-child{ border: none;}



.wx-tc {width: 100%; height: auto; overflow: hidden; background-color: #f6f9fa; padding: 40px 0;}

.wx-tc .layui-col-md3 .o-m {border-top: solid 2px #f4621c; height: 450px; background-color: #fff;}



.wx-tc .o-m{ width:288px; margin:0 auto; padding-top:30px;}

.wx-tc .o-m-o {font-size:20px; color:#333; text-align:center; line-height:25px; padding-top:0px;}

.wx-tc .o-m-o h3 {font-size: 20px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;}

.wx-tc .o-m-o span{ font-size:12px; color:#999; display:block;}

.wx-tc .o-m-t { padding:30px 0 20px 0; overflow: hidden;}

.wx-tc .o-m-t dl{ float:left; line-height:20px; width:141.5px; text-indent: 2em; border-right:1px solid #f2f2f2;}

.wx-tc .o-m-t.sf dl{ width: 95px;}

.wx-tc .o-m-t dt{ font-size:12px; color:#333}

.wx-tc .o-m-t dt span{ font-size:20px;}

.wx-tc .o-m-t dd{ font-size:12px; color:#999}

.wx-tc .o-m-t dl.dl-t{ border:0; text-indent:6em}

.wx-tc .o-m-s{ text-indent: 2em; padding-bottom:20px; border-bottom:1px solid #f2f2f2; margin-bottom:20px; min-height: 97px;}

.wx-tc .o-m-s p{ color:#333; font-size:12px; line-height:24px;}

.wx-tc .o-m-s p span{ color: #ff6800;}

.wx-tc .o-m-f{ text-align:center;}

.wx-tc .o-m-f p{ color:#333; font-size:12px; line-height:32px; margin-bottom:5px; min-height: 40px;}

.wx-tc.yjbj  .o-m-f p{ line-height: 40px;}

.wx-tc .o-m-f span{ font-size:32px; color:#ff6800; line-height:32px; display:inline-block}

.wx-tc .o-m-f i{color:#999; margin-left:10px; line-height:32px; display:inline-block;}

.wx-tc .o-m-f a{ width:230px; height:48px; line-height:48px; text-align:center; color:#fff; display:block; background:#ff6800; font-size:18px; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius:2px; margin:0 auto; }

.wx-tc .o-m-f a:hover{ background:#e85f00}





/*新闻资讯*/

.wx-news {overflow: hidden;}

.wx-news-title {text-align: center; width: 500px; margin: 0 auto;}

.wx-news-title .layui-elem-field legend {font-size: 30px;}

.wx-news .newslist li {float: left; width: 460px; height: 70px; overflow: hidden;padding: 15px 0 15px 120px; margin-right: 40px; border-bottom: 1px dotted #e2e2e2;}

.wx-news .newslist li .fly-avatar img {width: 110px; height: 70px;}

.wx-news .newslist li:nth-child(2n) {margin-right: 0;}

.wx-news .newslist li .list-badge {right: 0;}

.wx-news .newslist li .list-info .desc {height: 40px;}