body { padding:0; margin:0;background-color: #f4f4f4;
    overflow-x: hidden; font-family:"微软雅黑", "宋体", "Trebuchet MS", Tahoma, Arial, sans-serif; color: #222222; font-size: 14px; line-height: 22px;
    font-weight: 300;}
* { padding:0; margin:0;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd { margin:0; padding:0;}
table {border-collapse:collapse;}
a { text-decoration: none; color:  #333333;}
a:hover {text-decoration: none;}
ul { padding:0; margin:0;}
li { list-style-type: none;}
img { border: none;}
.clear { clear: both;}
.clear::after {
    content: "";
    display: block;
    clear: both;
}
.font14{font-size:14px;}
.padding-tb30{padding:30px 0;}
.margin_tb20{margin:20px 0;}
.w100{width: 100%;}
.red{color:red;}
/*  
header
*/
.topbg {
    background-color: #f8f8f8;
    height: 70px;
    box-shadow: 0 0 5px #888;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
    width: 100%;
}
.z721d8header{
	height:70px;
    background: #FFF;
    box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
}
.z721d8header .logo {position: absolute;left: 0;top: 0;}
.z721d8header .logo h1{font-size:24px;line-height: 70px;}
.z721d8header .logo img{max-height:70px;padding:0;}
#logo {
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    width: 320px;
    height: 70px;
    overflow: hidden;
    background: url(../images/logobg.png) no-repeat 0 center;
}

#logoshop {
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    width: 320px;
    height: 70px;
    overflow: hidden;
    background: url(../images/logoshop.png) no-repeat 0 center;
}
.z721d8navmenu {position: absolute;right: 0px;top: 0;}.z721d8navmenu .z721d8nav{background-color: #FFF;}
.z721d8navmenu ul li:hover {color: #333;}
.z721d8nav-item a,.z721d8navmenu .z721d8nav-itemed>a{color: #333!important;font-size: 16px;}
.z721d8nav-itemed>.z721d8nav-child {background-color: rgba(0,0,0,.1)!important;}
.z721d8nav .z721d8nav-child a:hover{background: rgba(232,235,239,.8);}
.topPart {
    height: 70px;
}
/*  
banner
*/
    .swiper-container {
      width: 100%;
    }
	.swiper-container img{height:430px}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
    }
	.swiper-text{position: absolute;left:0;top:0;z-index:2;text-align:center;color:#FFF;width:100%;HEIGHT: 100%;display: flex;flex-direction: column;justify-content: center;}
	.swiper-text .banner-text-wrap {
         width: 100%;height: 100%;
    }
	.swiper-text .top-banner-text {
    	max-width: 1180px;
    	height: 100%;
    	margin: 0 auto;
    	overflow: hidden;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
	    padding-left: 20px;
		
	}
	.swiper-text .swiper-panel {
        margin: 0 auto;
        max-width: 960px;
        position: relative;
        padding: 0;
    }
    
    .swiper-text .swiper-panel  .description {
        text-shadow: 0 2px 2px rgb(0 0 0 / 30%);
        color: #fff;
        font-size: 14px;
        padding-top: 10px;
        -webkit-animation-duration: .6s;
        -webkit-animation-delay: .4s;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-duration: .6s;
        -moz-animation-delay: .4s;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: both;
        -ms-animation-duration: .6s;
        -ms-animation-delay: .4s;
        -ms-animation-timing-function: ease;
        -ms-animation-fill-mode: both;
        animation-duration: .6s;
        animation-delay: .4s;
        animation-timing-function: ease;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }
    
    .swiper-text .swiper-panel .description h2 {
        font-size: 40px;
        line-height: 40px;
        font-weight: 300;
    }
    .swiper-text .swiper-panel .description p {
        line-height: 26px;
        font-weight: 300;
    }
    .swiper-text .swiper-panel .description h2 a {
        color: #fff;
    }
    
    .swiper-text .swiper-panel .description h2 a:hover {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.95);
    }
    
    .swiper-text .swiper-panel .subtitle {
        font-size: 25px;
        padding: 25px 0 25px 0;
        text-transform: uppercase;
        color: #c3e54b;
    }
    
    .swiper-text .swiper-panel .description .more {
        position: relative;
        display: inline-block;
        padding: 0 25px 0 25px;
        margin:30px 5px 0 5px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #c2c2c2;
        border-color: rgba(255, 255, 255, .2);
        font-size: 20px;
        color: #ccc;
        transition: all .5s;
        -webkit-transition: all .5s;
        font-weight: 300;
    }
    
    .swiper-text .swiper-panel .description .more:hover {
        border-color: rgba(255, 255, 255, .3);
        color: #fff;
        background-color: rgba(255, 255, 255, .05);
        border-radius: 30px;
    }
    
    .swiper-text .swiper-panel .featured-image {
        float: right;
        width: 535px;
        padding-top: 0;
        -webkit-animation-duration: .6s;
        -webkit-animation-delay: .8s;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-duration: .6s;
        -moz-animation-delay: .8s;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: both;
        -ms-animation-duration: .6s;
        -ms-animation-delay: .8s;
        -ms-animation-timing-function: ease;
        -ms-animation-fill-mode: both;
        animation-duration: .6s;
        animation-delay: .8s;
        animation-timing-function: ease;
        animation-fill-mode: both;
        -webkit-animation-name: bounceIn;
        -moz-animation-name: bounceIn;
        -o-animation-name: bounceIn;
        animation-name: bounceIn;
    }
    .swiper-text .swiper-panel .featured-image img{
        height:auto;
    }
	.swiper-text h3 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 3%;
		color: #FFF;
		line-height: 24px;
    }
	.swiper-text p {
        text-align: center;
		color: #FFF;
		line-height: 26px;
        font-size: 16px;
        font-weight: 300;
    }
	.swiper-text .top-banner-text h2,.swiper-text .top-banner-text p{
		text-align: left;
		margin-bottom: 0;
		line-height: 1.7;
	}
	.swiper-text .swiperbtn {
		display: block;
        background: #0064Cd;
        background-image: -webkit-gradient(linear,right top, left top,color-stop(0, #1dab7d),to(#47de9d));
        background-image: linear-gradient(270deg,#1dab7d 0,#47de9d 100%);
        width: 120px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: center;
        border-radius: 20px;
		margin:0 auto;
		font-size: 14px;
    }
	.swiper-text .swiperbtn:hover {
        -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
        box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
	}
/* 布局 */
.grid-demo {
    padding: 10px;
    line-height: 50px;
    text-align: center;
    background-color: #79C48C;
    color: #fff;
}
/* container */
.z721d8sub-menu {
    background: white;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%);
}
.z721d8sub-menu ul {
    text-align: center;
    font-size: 0;
}
.centerArea {
    max-width: 1200px;
    width: calc(100% - 32px);
    margin: 0 auto;
}
.z721d8sub-menu ul li {
    float: left;
    position: relative;
}
.z721d8sub-menu ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    position: relative;
    padding: 18px 0;
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.z721d8sub-menu ul li.selected a {
    color: #ff5e19;
}
.z721d8sub-menu ul li:hover a {
    color: #ff5e19;
}
.z721d8sub-menu ul li.selected a::after {
    width: 100%;
}
.z721d8sub-menu ul li:hover a::after {
    width: 100%;
}
.z721d8sub-menu ul li a::after {
    content: "";
    width: 0;
    height: 4px;
    background: #ff5e19;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@font-face{font-family:'HelveticaNeueLTPro';src:url('../images/HelveticaNeueLTPro-ThEx.ttf?v=20208131600'),url('HelveticaNeueLTPro-ThEx.ttf?v=201808131600') format('embedded-opentype')}
.z721d8row .z721d8rowtitle{
    text-align: center;padding: 30px 0 20px 0;
}
.z721d8row .z721d8rowtitle h1{
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    font-weight: 300;
}
.z721d8row .z721d8rowtitle p{
	font-size: 16px;line-height: 30px;
    color: rgba(119,119,119,1);
    font-family: Arial;
}
.z721d8row .lead {
    font-size: 16px;
    line-height: 30px;
    text-align: center;  
    font-weight: 300;
}
.z721d8row .wow {
    background: #EFEFEF;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    padding: 4px;
}
.z721d8row .wow:hover {
    background: #75B439;
}
.z721d8row .wow dt img {
    width: 100%;
}
.z721d8row .wow dd {
    padding: 15px;
}
.z721d8row .wow dd h1 {
    font-size: 24px;
    text-align: center;
    color: #333;
    font-weight: 300;
}
.z721d8row .wow dd p {
    color: #646464;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    margin-top: 10px;
}
.z721d8row .wow:hover dd h1, .z721d8row .wow:hover dd p {
    color: #fff;
}
.z721d8row .perProduct {
    position: relative;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    height: 200px;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
}
.z721d8row .perProduct .left {
    float: left;
    width: 40%;
    height: 100%;
    box-sizing: border-box;
}
.z721d8row .perProduct .left img{
    top: 50%;
    -webkit-transform: translate(0px, 50%);
    transform: translate(0px, 50%);
    position: relative;
    max-width: 90%;
	margin: 0 auto;
    display: block;
}
.z721d8row .perProduct .right {
    float: left;
    width: 60%;
    font-family: MicrosoftYaHei;
}
.z721d8row .perProduct .right p {
    padding: 24px 0 16px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: #333333;
    letter-spacing: 1px;
    line-height: 28px;
}
.z721d8row .perProduct .right .p {
    font-size: 14px;
    line-height: 28px;
	padding-right:5px;
}
.z721d8row .perProduct .right .look {
    position: absolute;
    bottom: 16px;
    right: 15px;
    background: #2352be;
    min-width: 80px;
	padding:0 10px;
    height: 40px;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 0.88px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    transition: all .4s;
    text-decoration: none;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
}
.z721d8row .perProduct .right .look:hover {
    background-color: #1d3a7d;
}

.z721d8row .featured-image{text-align: center;}
.z721d8row .featured-image img{width:70%;}
.z721d8row .description {
	padding-top:20px;
}
.z721d8row .description h2 {
    font-size: 24px;
    line-height: 30px;
	padding: 10px;
}
.z721d8row .description p {
    font-size: 16px;
    line-height: 30px;
	padding: 4px;
}
 a.site-down {
    position: relative;
    padding: 0 30px 0 30px;
	margin:15px 0 0 6px;
    height: 36px;
    line-height: 36px;
	background-color: #0a6dee;
    font-size: 24px;
    color: #ccc;
    transition: all .5s;
    -webkit-transition: all .5s;
}
 a.site-down:hover {
    color: #fff;
    border-radius: 30px;
}
.img4 {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.img4:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}
.news_content {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
	transition: All 0.4s ease-in-out;
}
.news_content:hover{
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.news_img {
    width: 100%;
    height: 180px;
	display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.news_info {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
	min-height: 165px;
}
.article_title {
    font-size: 16px;
    color: #333;
    text-decoration: none;
    overflow: hidden;
}
.news_summary {
    line-height: 26px;
    color: #878787;
    margin-top: 14px;
    font-size: 14px;
    overflow: hidden;
}
/* 列表 */
.z721d8news_list_wrap{max-width:1140px;margin:0 auto;}
.news_list_item_line {
    padding: 30px;
	position: relative;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.news_list_item_line:hover {
	-webkit-box-shadow: rgba(0,0,0,.12) 0 0 22px;
    -moz-box-shadow: rgba(0,0,0,.12) 0 0 22px;
    box-shadow: rgba(0,0,0,.12) 0 0 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #2ba0e8;
	
}
.news_list_item_line:hover a{
	color: #2ba0e8;
}
.news_list_item_header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0}
.news_list_item_date {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}
.news_list_item_title {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
}
.news_list_item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.news_list_item_summery {
    margin-top: 18px;
    font-size: 14px;
    color: #666;
    line-height: 1.7;
}
.news_list_item_group a{
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 26px;
    max-width: 100%;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    margin-top: 12px;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #999;
    font-size: 12px;
    word-break: keep-all;
    overflow: hidden;
    z-index: 2;
}
.news_list_parting_line {
    height: 0;
    border-bottom: 1px solid #ececec;
    margin: 0 1.6666%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* 分页 */
.zzpages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.zzpages ul li{
	display: inline-block;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    vertical-align: top;
}
.zzpages li.thisclass {
    background: #292a32;
    border: 1px solid #292a32;
    color: #fff;
}
.zzpages ul li:hover{
    border: 1px solid #292a32;
}
.zzpages ul li a,.zzpages ul li .pageinfo{
	color: #292a32;
    padding: 8px 12px;
}
.zzpages li.thisclass a{
    color: #fff;
}
.zzpages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
/* 内容 */
.z721d8place{min-height: 56px;background-color: #f2f3f5;line-height: 56px;font-size: 16px;padding:0 20px;margin:20px 0;}
.z721d8body{width:100%;overflow-x: hidden;font-size:16px;line-height:28px;padding-bottom:30px;}
.z721d8body h2{font-size:20px;line-height:50px;text-align:left;color: #2a2e2e;}
.z721d8body .info{padding-bottom:15px;font-family: HelveticaNeueLTPro, 微软雅黑;}
.z721d8body .info small{padding:0 1px;}
.z721d8body p{padding-bottom: 20px;}
.z721d8body img{max-width:98%;height:auto;}
.z721d8meta-tags{padding: 20px 0;}
.z721d8meta-tags .z721d8tagitem {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    vertical-align: top;
    border-radius: 100px;
    background: #f2f3f5;
    margin-bottom: 20px;
}
.z721d8meta-tags .z721d8tagitem:hover {
    background-color: rgba(0,102,255,.15);
}
.z721d8meta-tags .z721d8tagitem:not(:last-child) {
    margin-right: 10px;
}
.z721d8context{line-height: 30px;}
/* 自定义内容 */
.z721d8content{width:100%;font-size:16px;line-height:28px;padding-bottom:30px;}
.z721d8content p{padding-bottom: 20px;}

.z721d8content .contain {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 36px 40px;
    background: #FAF7F2;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
	-webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.z721d8content .contain:hover {
    background: #EFEFEF;
}
.z721d8content .contain .ch-title {
    font-size: 24px;
    font-weight: 600;
    color: #5d5044;
    line-height: 32px;
    margin-bottom: 6px;
}
.z721d8content .contain .en-title {
    font-size: 16px;
    font-family: HelveticaNeueLTPro;
    color: rgba(133, 114, 90, 0.6);
    line-height: 32px;
    padding-bottom: 8px;
}
.z721d8content .contain .line {
    width: 48px;
    height: 4px;
    background: #ff9f38;
    display: inline-block;
    margin-bottom: 24px;
}
.z721d8content .contain p {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    text-align: justify;
}
/* 时间线 */
.twtimeline{
    position: relative;
    min-height: 454px;
}
.twtimeline::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    left: 50%;
    top: 0;
    border-left: 2px dashed #ccc7c0;
}
.twtimeline .image{position: relative;}
.twtimeline .img-contain {
    overflow: hidden;
    max-width: 384px;
    display: inline-block;
}
.twtimeline .img-contain img {
    max-width: 384px;
    -webkit-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}
.twtimeline .img-contain img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.twtimeline .image img {
    max-width: 100%;
}
.twtimeline .image .img-bg {
    background: #eeeeee;
    position: absolute;
    z-index: -1;
    left: 34px;
    top: 34px;
	height: 216px;
    width: 384px;
}
.twtimeline .text .date {
    display: block;
    text-align: left;
    padding-left: 45px;
    background: url(/images/time_icon.png) no-repeat left;
    -webkit-transform: translate(-11px, -11px);
    transform: translate(-11px, -11px);
	font-family: HelveticaNeueLTPro, 微软雅黑;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 28px;
}
.twtimeline .desc {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    position: relative;
	padding-bottom: 28px;
}
.twtimeline .desc ul {
    padding-left: 54px;
}
.twtimeline .desc ul li{
    position: relative;
    margin-bottom: 10px;
}
.twtimeline .desc ul li::before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: -16px;
    top: 8px;
    background: #85725a;
}
.twtimeline .text:nth-child(odd){
	padding:0 40px 0 48px;
}
.twtimeline .zda315col-md6:nth-child(odd) .date{
    text-align: right;
	background-position-x: right;
	padding-left: 0;
	padding-right: 45px;
	-webkit-transform: translate(54px, 0px);
    transform: translate(54px, 0px);
}
.twtimeline .image:nth-child(odd){
    top: 50%;
    -webkit-transform: translate(0px, 50%);
    transform: translate(0px, 50%);
    position: relative;
}
.twtimeline .image:nth-child(even){
    text-align: right;
    padding-right: 32px;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0px, 50%);
    transform: translate(0px, 50%);
}
.twtimeline .image:nth-child(even) .img-bg{
    background: #eeeeee;
    position: absolute;
    z-index: -1;
	left: auto;
    right: 70px;
    top: 34px;
}
.jzyoushi .z721d8col-md4 {
    text-align: center;
}

.jzyoushi .liImg {
    height: 60px;
    padding-bottom: 10px;
}

.jzyoushi dl {
    margin-top: 15px;
}

.jzyoushi dt {
    font-size: 22px;
    color: #333;
    line-height: 1;
    padding: 10px 0;
}

.jzyoushi .ysli {
    -moz-box-shadow: 0 18px 30px rgba(0, 0, 89, .1);
    -webkit-box-shadow: 0 18px 30px rgba(0, 0, 89, .1);
    box-shadow: 0 18px 30px rgba(0, 0, 89, .1);
    padding: 40px 0;
    margin-top: 30px;
    text-align: center;
    background-color: #fff;
    transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
}

.jzyoushi .ysli:hover {
    transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}

.jzyoushi dd {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
}

.jz-modelContainer {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.jz-modelPreForm-wrap {
    padding-top: 22px;
    padding-bottom: 10px;
    margin: -10px;
    overflow: hidden;
}
.jz-modelPreForm-wrap>*{
    padding: 20px;
}
.jz-modelPreForm {
    float: left;
    transition: transform .3s ease, box-shadow .3s ease;
}

.jz-modelPreForm .fk_pcModel_wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.rollImg {
    width: 33.33333333%;
    height: 250px;
    margin-bottom: 68px;
    position: relative;
    display: block;
    box-sizing: border-box;
}

.img_preview .rollImg {
    width: 500px;
}
.site_img_preview,.site_img_preview .rollImg {
    width: 100%;margin:0;
}
.jz-modelPreForm .f-modelPreInnerForm {
    width: 100%;
    height: 236px;
    position: relative;
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    -o-transition: -o-transform .2s ease-out;
    -ms-transition: -ms-transform .2s ease-out;
    transition: transform .2s ease-out;
}

.img_preview .jz-modelPreForm .f-modelPreInnerForm {
    width: 100%;
}

.jz-modelPreForm .f-pcModelImg {
    width: 100%;
}

.jz-websiteWin {
    width: 100%;
    height: 230px;
    padding: 6px;
    position: absolute;
    left: -6px;
    top: -6px;
}
#shopEvent a{cursor:pointer;}
.jz-modelPreForm .f-pcModel {
    width: auto;
    height: 236px;
    left: 0;
    top: 0;
    border: 0;
    overflow: auto;
    position: relative;
}
.site_img_preview .jz-modelPreForm .f-pcModel {
    
    height: 150px;
}
.img_preview .jz-modelPreForm .f-pcModel {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    height: 280px;
}

.jz-modelPreForm.rollImg .f-pcModulePic {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    top: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.jz-modelPreForm.rollImg .f-modelBtn .f-pcModelUrl {
    top: 12px;
}

.jz-modelPreForm .f-pcModelUrl {
    position: absolute;
    display: block;
    line-height: 34px;
    text-align: center;
    height: 34px;
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    top: 91px;
    z-index: 2;
}

.modelLeftContainer a {
    text-decoration: none;
}

.jz-modelPreForm.rollImg .f-show {
    display: none;
    width: 96px;
    background-color: #2f82ff;
    float: right;
    right: 60px;
}

.jz-modelPreForm.rollImg .f-reg {
    display: none;
    width: 116px;
    background-color: #fd6040;
    left: 60px;
}

.jz-modelPreForm.rollImg .f-pcModelName {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    text-align: center;
}

.ellipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.jz-modelPreForm .f-modelPreInnerForm:hover .f-pcModulePic {
    display: block;
}

.jz-modelPreForm.rollImg .f-modelPreInnerForm:hover .f-modelBtn {
    width: 100%;
    height: 58px;
    margin-top: 0;
    position: relative;
    background: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11);
}

.jz-modelPreForm .f-modelPreInnerForm:hover .f-reg {
    display: block;
}

.jz-modelPreForm .f-reg:hover {
    background-color: #fd705b;
}

.jz-modelPreForm .f-modelPreInnerForm:hover .f-show {
    display: block;
}


.jz-more {
    width: 184px;
    height: 54px;
    border: 1px solid #2f82ff;
    color: #2f82ff;
    border-radius: 40px;
    text-align: center;
    line-height: 54px;
    font-size: 16px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    margin-bottom: 30px;
}

.jz-more:hover {
    color: #fff;
    background: #2f82ff;
    text-decoration: none;
}

.jz-more:hover span {
    opacity: 0;
    display: inline-block;
    transform: translate(-150px, -50px) rotate(-180deg) scale(3);
    animation: revolveScale .4s forwards;
}

.jz-more:hover span:nth-of-type(2) {
    animation-delay: .05s;
}

.jz-more:hover span:nth-of-type(3) {
    animation-delay: .1s;
}

.jz-more:hover span:nth-of-type(4) {
    animation-delay: .15s;
}
@keyframes revolveScale {
    60% {
        transform: translate(20px, 20px) rotate(30deg) scale(.3);
    }
    100% {
        transform: translate(0) rotate(0) scale(1);
        opacity: 1;
    }
}
.bbs_main {
    background: #fff;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    margin-bottom: 20px;
}

.bbs_main .classify h2 {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    padding-left: 5px;
    margin: 15px 0;
    border-left: 2px solid #ee4325;
    border-bottom: 1px dotted #CCC;
    height: 30px;
}

.bbs_main .classify h2 a.title {
    float: left;
}

.bbs_main .classify h2 a.more {
    font-size: 12px;
    line-height: 22px;
    color: #0064Cd;
    float: right;
}

.bbs_main .classify h2:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.bbs_main .classify>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bbs_main .classify>div .classify-item {
    background: #fff;
    width: 280px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px 20px 20px;
}

.bbs_main .classify>div .classify-item:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.bbs_main .classify>div .classify-item>div {
    width: 170px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.bbs_main .classify>div .classify-item>div>h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    margin: 0;
}

.bbs_main .classify>div .classify-item>div>p {
    margin: 0;
}

.bbs_main .classify>div .classify-item img {
    width: 56px;
    height: 56px;
}

.bbs_main .z721d8tab {
    width: 1200px;
    margin: 0 auto;
}

.bbs_main .z721d8tab-title {
    border: none;
    width: 320px;
    height: 60px;
    margin: 0 auto;
}

.bbs_main .z721d8tab-title li {
    font-size: 26px;
    padding: 0;
}

.bbs_main .z721d8tab-title li+li {
    margin-left: 50px;
}

.bbs_main .z721d8tab-brief>.z721d8tab-title .z721d8this {
    color: #56BF5C;
}

.z721d8tab-brief>.z721d8tab-more li.z721d8this:after,
.z721d8tab-brief>.z721d8tab-title .z721d8this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #56BF5C;
}

.bbs_main h3 {
    font-size: 26px;
    display: block;
    font-weight: normal;
    margin: 10px 0 10px 0;
}

.bbs_main .lead {
    font-size: 16px;
    line-height: 30px;
    height: 66px;
    text-align: center;
}

.case {
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}

.bbs_main .case {
    margin-top: 10px;
}

.news_con {
    width: 580px;
    clear: both;
    overflow: hidden;
    text-align: left;
    margin: 10px auto;
}

.bbsnews .news_con {
    width: 100%;
}

.bbsnews .new_list {
    width: 49%;
    float: left;
    overflow: hidden;
}

.bbsnews .new_list h2 {
    width: 550px;
    overflow: hidden;
}

.bbsnews .title a {
    float: left;
    display: block;
    font-size: 14px;
    margin: 5px 0 0 15px;
    color: #262626;
}

.bbsnews_con {
    width: 495px;
    clear: both;
    overflow: hidden;
    text-align: left;
    margin: 10px auto;
}
.new_list {
    padding-left: 5px;
    overflow: hidden;
    width: 610px;
    height: 30px;
    line-height: 26px;
}

.new_list dd h2 a {
    color: #343434;
    font-family: "Microsoft YaHei";
    font-weight: 300;
    font-size: 16px;
}

.new_list dt {
    float: left;
    margin-right: 11px;
}

.new_list dt img {
    width: 87px;
    height: 54px;
    border: #ccc 1px solid;
}

.new_list .data {
    background: #8AD698;
    width: 56px;
    color: #fff;
    margin: 0 10px;
    display: inline-block;
    text-align: center;
    line-height: 14px;
    font-size: 14px;
    padding: 2px 0;
    border-radius: 8px;
}
/*列表页*/
    
#post_list {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    text-align: left;
}
@font-face {font-family: "iconfont";
    src: url('../images/iconfont.eot'); /* IE9*/
    src: url('../images/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../images/iconfont.woff') format('woff'), /* chrome茫鈧乫irefox */
    url('../images/iconfont.ttf') format('truetype');
  }
  .iconfont {
      font-family: "iconfont" !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
  }
.menuTitle {
    background: #75B439;
    font-size: 12px;
    font-weight: normal;
    color: white;
    height: 26px;
    line-height: 26px;
    margin-bottom: 8px;
    display: block;
    cursor: pointer;
}

#post_list dt {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    clear: both;
}

#post_list dt strong {
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 4px;
    display: block;
    float: left;
    color: #fff;
    letter-spacing: 1px;
}

#post_list dt strong a {
    color: #fff;
}

#post_list dt strong a:hover {
    color: #fff;
    text-decoration: underline;
}

#post_list dt span.more {
    float: right;
    position: relative;
    line-height: 25px;
    padding-right: 8px;
    color: #fff;
}

#post_list dt span.more a {
    color: #fff;
    text-decoration: none;
}

#post_list dt span.more a:hover {
    color: #fff;
    text-decoration: underline;
}

.post_item {
    border-bottom: dotted #CCC;
    border-width: 1px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.digg-badge {
    float: left;
    text-align: center;
    font-size: 85%;
    margin: 0 15px 0 0;
    padding: 0;
    list-style: none;
    background: #fff9d7;
    border-radius: 5px;
    width: 60px;
    height: 70px;
    display: inline-block;
}

.digg-badge .counter a {
    display: block;
    padding: 10px 0 4px 0;
    text-decoration: none;
    width: 60px;
    min-height: 35px;
    color: #ef9445;
    text-align: center;
}

.digg-badge .counter a strong {
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1;
    display: block;
    color: #ef9445;
}

.digg-badge .counter i {
    display: inline-block;
    font-size: 18px;
    margin-top: 7px;
}

.digg {
    float: left;
    width: 80px;
}

.diggit {
    background: url(../images/upupbig.gif) no-repeat;
    cursor: pointer;
    float: left;
    height: 52px;
    margin-top: 2px;
    text-align: center;
    text-indent: 0px;
    width: 66px;
}

.diggitbig {
    background: url(../images/upupbig.gif) no-repeat;
    cursor: pointer;
    float: left;
    height: 52px;
    margin-top: 2px;
    text-align: center;
    text-indent: 0px;
    width: 66px;
}

#post_list h3 {
    font-size: 14px;
    margin: 0px 0px 5px;
}

.diggnum {
    color: #075DB3;
    font-family: Verdana;
    font-size: 14px;
    line-height: 2.2em;
}

.digg_tip {
    font-size: 12px;
    margin-top: 5px;
}

.post_item_body {
    line-height: 150%;
    margin-left: 50px;
    padding-top: 1px;
}

.post_item_list {
    margin-left: 15px;
    height: 22px;
}

.post_item_bodybig {
    line-height: 150%;
    margin-left: 80px;
    padding-top: 1px;
}

a.titlelnk:link,
a.titlelnk:active,
a.titlelnk:visited {
    color: #105CB6;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

#post_list .post_item_summary {
    color: #333;
    font-size: 12px;
    line-height: 1.8em;
    margin-bottom: 5px;
    overflow: hidden;
    padding-right: 5px;
    padding-top: 5px;
}

.post_item_foot {
    color: #555;
    margin-left: 30px;
    padding-top: 5px;
}

#post_list .article_comment {
    background: transparent url(../images/icon_comment.gif) no-repeat scroll 0px 0px;
    margin-left: 1px;
    padding-left: 18px;
    padding-right: 5px;
}

#post_list .article_view {
    background: transparent url(../images/icon_arrow.gif) no-repeat scroll 0px 0px;
    margin-left: 1px;
    padding-left: 18px;
    padding-right: 5px;
}
.margintb16 {
    margin: 16px auto;
}
.content-txt {
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
    margin: 0px 10px 0px 10px;
    color: #393939;
    overflow: hidden;
}
.content-txt a{color: #3F82FC;}
.content-txt a:hover {
    color: #ff421e;
    text-decoration: underline;
}
.content-txt p {
    margin-bottom: 20px;
}
.content-txt img{max-width:100%;}
.content-txt pre p{margin:0;}
.boxoff {
    height: 10px;
    overflow: hidden;
    clear: both;
    background: url(../images/boxoff.gif) left 15px repeat-x;
    margin: 0px 4px;
    padding-top: 10px;
}
.boxoff strong {
    display: block;
    width: 8px;
    height: 10px;
    overflow: hidden;
    font-size: 0px;
    line-height: 50px;
    background: url(../images/boxoff.gif) right -10px no-repeat;
    float: left;
}
.handle {
    height: 62px;
    padding-top: 15px;
    overflow: hidden;
    clear: both;
}
.list_pages ul {
    padding: 12px 0px 12px 16px;
    list-style: none;
    text-align: center;
    }
    .list_pages ul li {
    display: inline-block;
        height: 35px;
        line-height: 35px;
        background: #fff;
        border: 1px solid #e5e5e5;
        overflow: hidden;
        vertical-align: top;
    }
    .list_pages ul li:hover {
        background: #fff;
        border: 1px solid #292a32;
        text-decoration: none;
    }
    .list_pages .thisclass {
        background: #292a32;
        border: 1px solid #292a32;
        color: #fff;
    }
    .list_pages .thisclass a{
        color: #fff;

    }
    .list_pages .thisclass a:hover{
        color: #555;

    }
    .list_pages ul li a {
    padding: 0 12px;
    color: #555;
    display: block;
    }
    .list_pages ul li .pageinfo {
    padding: 0 12px;	
    }
.contentleft {
    padding: 20px 20px;
    background: #FFF;
    box-shadow: 0 0 10px #ccc;
}

.contentright {
    margin: 0px;
    padding: 0 0 10px 0;
    background: #FFF;
    box-shadow: 0 0 10px #ccc;
	overflow: hidden;
}
.contentright-title {
    font-weight: normal;
    color: white;
    height: 36px;
    line-height: 36px;
    display: block;
    font-size: 14px;
    font-family: "Microsoft YaHei", sans-serif, 宋体;
    text-align: left;
    padding-left: 10px;
    background: rgb(117, 180, 57);
}
.place {
    padding: 0px 9px;
    background: #f8f8f8;
    text-align: left;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
}
.contentleft h1 {
    color: #c30;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
}
.mb-banner {
    height: 140px;
    background: #0075cf url(../images/banner-search.jpg) center center no-repeat;
}

.mb-banner-contentWrap {
    min-width: 300px;
    width: 50%;
    margin: 0 auto;
    padding-top: 47px;
}

.mb-searchFrame {
    width: auto;
    height: 46px;
    background: #fff;
    border-radius: 23px;
    padding: 0 30px;
}

.mb-searchFrame .f-searchAreaWrap,
.mb-searchFrame .f-searchIconWrap {
    height: 100%;
    float: left;
}

.mb-searchFrame .f-searchAreaWrap {
    width: 89%;
}

.mb-searchFrame .f-searchInput {
    width: 100%;
    height: 45px;
    border: 0;
    padding: 0;
    outline: 0;
    color: #333;
    font-size: 16px;
    line-height: 45px;
    vertical-align: middle;
    border: 0;
    background: #FFF;
}

.mb-searchFrame .f-searchIconWrap {
    min-width: 26px;
    width: 10%;
    float: right;
    cursor: pointer;
    position: relative;
    right: -10px;
}

.mb-icon-search {
    height: 46px;
    width: 100%;
    background: url(../images/search2.png) no-repeat center right;
    display: inline-block;
}

.jz-sonnav {
    height: 66px;
    background: #f6f8fb;
}

.jz-sonnav .f-wrap {
    width: 1200px;
    margin: 0 auto;
    height: 66px;
    font-size: 16px;
    position: relative;
    color: #333;
    text-decoration: none;
}

.jz-sonnav .f-wrap .z721d8nav a {
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    padding: 0 20px;
}
.shopdata-intro {
    margin: 30px 0;
    background-color: #fff;
}

.store-detail-info {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 0;
}

.store-detail-info .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.store-self-product {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.store-self-product span {
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border-radius: 2px 0 0 2px;
    vertical-align: middle;
}

.shopdata-intro .intro-txt {
    padding: 10px;
}

.shopdata-intro .intro-txt .title {
    line-height: 35px;
    padding: 30px 0 20px;
    font-size: 32px;
    color: #333;
}

.shopdata-intro .intro-txt .title span {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    padding: 0 10px;
    color: #FFF;
    background-color: #383e49;
    border-radius: 3px;
    vertical-align: top;
    margin-top: 24px;
    margin-right: 10px;
}

.shopdata-intro .intro-txt p.desc {
    font-size: 16px;
    color: #8b8b8b;
    line-height: 28px;
    letter-spacing: 1px;
}

.shopdata-intro .intro-txt .writer {
    font-size: 14px;
    color: #8b8b8b;
    line-height: 28px;
    padding-top: 10px;
}

.store-attrs {
    padding: 20px 0 15px;
}

.store-attrs li {
    display: inline-block;
    margin-right: 30px;
    color: #bbb;
    vertical-align: middle;
}

.store-attr.shopdata-intro .intro-txt {
    padding: 10px;
}

.shopdata-intro .intro-txt .title {
    line-height: 35px;
    padding: 30px 0 20px;
    font-size: 32px;
    color: #333;
}

.shopdata-intro .intro-txt .title span {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    padding: 0 10px;
    color: #FFF;
    background-color: #383e49;
    border-radius: 3px;
    vertical-align: top;
    margin-top: 24px;
    margin-right: 10px;
}
.shopdata-intro .intro-txt #introrate{margin-bottom: 45px;}
 #shopEvent a{display: inline-block;  margin-right: 25px;  width: 200px;
    line-height: 52px;
    font-size: 18px; color: #FFF; text-align: center; border-radius: 2px;}
.shopdata-intro .intro-txt #shopEvent a i{font-size: 20px; margin-right: 10px; display: inline-block; vertical-align: top;}
.shopdata-intro .intro-txt .collect-price{color: #f44e2d; font-size: 26px; padding-top: 15px; padding-bottom: 20px; line-height: 22px;}
.shopdata-intro .intro-txt.collect .collect-price span{font-size: 14px;}
.store-detail-price{padding-top: 15px;}
.store-detail-price span{ font-size: 26px; color: #EF4E33;}
.store-detail-price cite{font-style: normal;}
.store-detail-active{padding: 25px 0 20px;}
.shopdata-content .layui-card-body{padding: 30px;}
.shopdata-content .detail-body img{border: 1px solid #f6f6f6; cursor: default;}
.store-bg-green{background-color: #5CD47D;}
.store-bg-orange{background-color: #FF9434;}
.store-bg-blue{background-color: #5694E9;}
.photos{height:320px;overflow:hidden;}
.contentleft .source {
    margin: 10px auto;
}
.join-strong-gw {
    font-family: Georgia;
    font-size: 18px;
    color: #ee542a;
}
.news_infojc{text-align: center;min-height: 135px;}
.news_infojc .article_title{font-weight: bold;}
.tleft{text-align: left;}

.sidebar-body {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
	padding-top:10px;
}
.sidebar-body .catalog-body>ul {
    padding-right: 10px;
}
.sidebar-body ul {
    list-style: none;
    margin: 0;
}

.sidebar-body .catalog-body>ul>li {
    margin-left: 0;
}
.sidebar-body ul li {
    line-height: 30px;
    margin-left: 0px;
    cursor: pointer;
    display: flex;
    padding:0 10px;
}
.sidebar-body ul h2{
	font-size:14px;
	padding: 10px 10px 10px 10px;
	font-weight:bold;
}
.sidebar-body .catalog-body ul li .wholerow {
    width: 100%;
    position: absolute;
    left: 0;
    user-select: none;
    height: 30px;
	
}
.sidebar-body ul li:hover{
    background: #f2f2f2;
}
.sidebar-body .catalog-body ul li.currentLink{
    background: #f2f2f2;
}
.sidebar-body  ul li span{
	width: 28px;
    text-align: center;line-height: 36px;
}
.sidebar-body ul li .text {
    display:inline-block;
    line-height: 36px;
    color: #666;
    vertical-align: middle;
    position: relative;
	font-size: 14px;
}
.sidebar-body ul li.currentLink .text{
   color: #666;
}

.sidebar-body .catalog-body ul li .text {
    line-height: 30px;
	font-size: 12px;
}
.sidebar-body .catalog-body ul li span {
    line-height: 30px;
	font-size: 12px;
}

table.dataintable {
    margin-top: 15px;
    border-collapse: collapse;
    border: 1px solid #eee;
    width: 100%;
}
table.dataintable th {
	vertical-align:baseline;
	padding:10px 10px 10px 10px;
	background-color:#FAFAFA;
	border:1px solid #eee;
	text-align:left;
	color:#333;
	}

table.dataintable td {
	vertical-align:text-top;
	padding:9px 9px 9px 9px;
	border:1px solid #eee;
	}

table.dataintable tr:hover {
	background-color:#F5F5F5;
}

table.dataintable pre {
	width:auto;
	margin:0;
	padding:0;
	border:0;
	background-color:transparent;
	}

table.dataintable p {margin:0 0 2px 0;}
.html5_new {
    background: transparent url(../images/table_bg_html5.png) top right no-repeat;
}
.browsersupport .bsIE {
	background-image: url('../images/compatible_ie.png');
}

table.browsersupport .bsFirefox {
	background-image: url('../images/compatible_firefox.png');
}

table.browsersupport .bsChrome {
	background-image: url('../images/compatible_chrome.png');
}

table.browsersupport .bsSafari {
	background-image: url('../images/compatible_safari.png');
}

table.browsersupport .bsOpera {
	background-image: url('../images/compatible_opera.png');
}

table.browsersupport .bsNoIE {
	background-image: url('../images/incompatible_ie.png');
}

table.browsersupport .bsNoFirefox {
	background-image: url('../images/incompatible_firefox.png');
}

table.browsersupport .bsNoChrome {
	background-image: url('../images/incompatible_chrome.png');
}

table.browsersupport .bsNoSafari {
	background-image: url('../images/incompatible_safari.png');
}

table.browsersupport .bsNoOpera {
	background-image: url('../images/incompatible_opera.png');
}

table.browsersupport .bsPreIE {
	background-image: url('../images/precompatible_ie.gif');
}

table.browsersupport .bsPreFirefox {
	background-image: url('../images/precompatible_firefox.gif');
}

table.browsersupport .bsPreChrome {
	background-image: url('../images/precompatible_chrome.gif');
}

table.browsersupport .bsPreSafari {
	background-image: url('../images/precompatible_safari.gif');
}

table.browsersupport .bsPreOpera {
	background-image: url('../images/precompatible_opera.gif');
}
table.browsersupport td {
    padding: 0;
    height: 86px;
    width: 86px;
    vertical-align: middle;
    background: #fdfcf8 no-repeat center;
    border: 1px solid #ddd;
}
table.browsersupport td {
    text-align: center;
}

.list1{
border-bottom:1px solid #cccccc;
line-height:24px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
}
.list1_1{
width:180px;
display:block;
float:left;
text-align:left;
padding-left:20px;

}
.list1_2{
width:580px;
display:block;
float:left;
text-align:center;
padding-right:10px;
}
.list1_3{
float:left;
text-align:left;
width:80px;
}
.list1_4{
float:left;
text-align:left;

}
.list2{
border-bottom:1px solid #cccccc;
line-height:22px;
padding-top:5px;
padding-bottom:5px;
}
.list2_1{
width:30px;
float:left;
text-align:left;
}
.list2_2{
width:125px;
float:left;
text-align:left;
}
.list2_3{
width:620px;
float:left;
text-align:left;
padding-right:15px;
padding-left:5px;
}
.list2_4{
float:left;
text-align:left;
width:75px;
}

.cool_index .tbox{
margin:0 0 8px 0;

clear:both;
}
.cool_index .tbox dt{
	height:24px;
	border:1px solid #DADADA;
	clear:both;
        display:block;
}
.cool_index .tbox dd{
	border-left:1px solid #DADADA;
	border-right:1px solid #DADADA;
	/*padding:4px 4px 0px;*/
	overflow:hidden;
}

.cool_index .tbox dt strong{
	height:24px;
	line-height:24px; !important;line-height:25px;
	padding-left:8px;
	padding-right:4px;
	display:block;
	float:left;
	color:#316301;
	letter-spacing:1px;
}
.cool_index .tbox dt strong a{
	color:#316301;
}
.cool_index .tbox dt strong a:hover{
	color:#596F37;
	text-decoration:none;
}
.cool_index .tbox dt span.more{
	float:right;
	position:relative;
	line-height:25px;
	padding-right:8px;
	color:#596F37;
}
.cool_index .tbox dt span.more a{
	color:#596F37;
	text-decoration:none;
}
.cool_index .tbox dt span.more a:hover{
	color:#ff3333;
	text-decoration:underline;
}
.cool_index div{
clear:both;
}
.cool_index .cool_index_list{
clear:both;
margin-top:20px;
}
.wangye_index{
clear:both;
}
.list1 {
border-bottom: 1px solid #cccccc;
margin-bottom:6px;
line-height: 24px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
}

.cool_index .tbox li{
        width:228px;
	line-height:24px; !important;line-height:25px;
	padding:0 6px 10px 6px;
	float:left;
	color:#222;
	text-align:center;
	
}
.cool_index .tbox .list1_1 {
width: 180px;
display: block;
float: left;
text-align: center;
}
.cool_index .tbox .list1_21{
width: 530px;
display: block;
float: left;
text-align: center;
}
.cool_index .tbox .list1_2{
width: 300px;
display: block;
float: left;
text-align: center;
}
.cool_index .tbox .list1_3 {
width: 80px;
display: block;
float: left;
text-align: center;
}
.cool_index .tbox .list1_4 {
width: 130px;
display: block;
float: left;
text-align: center;
}
.cool_index .wangye_index_list{
border-bottom: 1px solid #cccccc;
margin-bottom:5px;
}
.cool_index .wangye_index_list:hover{
background:#FAFCE0;
}
.cool_index .pic1{
	border:1px solid #DADADA;
        padding:1px;
}
p.tiy {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 8px 18px;
    margin-top: 15px;
    margin-bottom: 10px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background-color: rgb(117, 180, 57);
    text-align: center;
    transition: .2s ease-out;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.12), 0px 1px 2px rgba(0,0,0,0.24);
    border-radius: 2px;
}
p.tiy a:link, p.tiy a:visited {
    color: #fff;
    text-decoration: none;
}
#articlecontent .example h2 {
    font-size: 18px;
    color: #3f3f3f;
}
.example dt{
    margin: 15px 0 5px 0;
}
.jcintro p {
    margin: 12px 0 0 0;
    line-height: 150%;
}
.jcintro a:link, .jcintro a:visited {
    text-decoration: none;
    color: #900b09;
	font-size:14px;
    background: transparent;
    border-bottom: 1px solid #900b09;
}
.jcintro strong {
    font-size: 16px;
    color: #3f3f3f;
    font-weight: 800;
}
.jcintro div {
    margin: 0 0 0 25px;
    padding: 30px 0 30px 0;
    border: 0;
    border-bottom: 1px solid #aaa;
}
.jcintro dt {
    margin: 15px 0 5px 0;
}
.ranking {
    margin: 10px 0;
}
.clearfix {
    display: block;
}
.ranking  .sz {
    width: 28px;
    margin-right: 6px;
}
.center {
    text-align: center;
}
.font16 {
    font-size: 20px;
	font-family: "georgia", "STHeiti", "Microsoft YaHei", "simsun", "sans-serif", Arial;
	height: 24px;
	line-height:20px;
	padding:0 2px 0 5px;
}
.no1,.no2,.no3{color: #d52b2b;}
.left {
    float: left;
}
.ranking  .biaot {
    width: 300px;
	line-height:24px;
}
.clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.content-bbs {
    list-style: none;
    background: #f0f7fc;
    font-size: 12px;
    color: #444;
    padding: 4px;
    margin: 8px auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-indent: 6px;
    color: #666;
}
.art_xg {
    margin: 0px;
    padding: 10px 20px;
    text-align: left;
    overflow: hidden;
    clear: both;
}
.art_xg h4 {
    color: #006699;
    font-size: 14px;
    font-weight: bold;
	margin:5px 0;
}
.art_xg ul li {
    background: url(../images/newsli.gif) no-repeat 8px 50%;
    text-align: left;
    color: #006699;
    line-height: 28px;
    padding-left: 20px;
    font-size: 14px;
    display: block;
}
/* footer */
.z721d8footer{margin:0 auto; color:#8b8888; background: #282828;border-top: 1px solid #C7CED1; text-align:center;position: relative;}
.z721d8footer a{color:#8b8888;}
.z721d8footer a:hover{color:#FFF;}
.z721d8footer .z721d8flink{padding-bottom:20px;text-align: left;}
.z721d8footer .z721d8flink .flink_title{
    margin-bottom: 15px;
    font-weight: 600;
}
.z721d8footer .z721d8flink li{display: inline-block;margin-right: 10px;}
.z721d8footer .footerserver{padding:30px 0 20px 0;text-align:left;}
.z721d8footer dl{margin:0;}
.z721d8footer dt {
    position: relative;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 10px;
}
.z721d8footer .dl_01 h3 {
    color: #8b8888;
    font-weight: 800;
    font-size: 16px;
    margin: 10px 0;
}
.z721d8footer dd {
    
    line-height: 30px;
}
.z721d8footer  .dl_01 .weixin {
	margin-top:12px;
    display: inline-block;
    background: #2a2c32 url(../images/footer-weixin.png) center center no-repeat;
    background-size: contain;
}
.z721d8footer  .dl_01 .qq {
	margin-top:12px;
    display: inline-block;
    background: #2a2c32 url(../images/footer-qq.png) center center no-repeat;
    background-size: contain;
}
.z721d8footer  .dl_01 .tel {
	margin-top:12px;
    display: inline-block;
    background: #2a2c32 url(../images/footer-tel.png) center center no-repeat;
    background-size: contain;
}
.z721d8footer .dl_01 .transform {
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    width: 36px;
    height: 36px;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    text-indent: -9999em;
}
.z721d8footer  .dl_01  .transform:hover {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.z721d8footer .dl_01 .qrcode {
    position: absolute;
    left: 48px;
    bottom: 60px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
}
.hide {
    display: none;
}
.footerc {
    background: #000;
    color: #8b8888;
	padding:30px 0;
	line-height:22px;
}
/* diy */
.jz-numberBar {
    position: relative;
    margin: 30px auto 20px auto;
    z-index: 2;
    background: #fff;
    color: #333;
    padding: 25px 0;
    border-radius: 0 0 5px 5px;
}
.jz-numberBar .f-num {
    font-size: 40px;
    line-height: 1;
    vertical-align: middle;
    font-family: HelveticaNeueLTPro, 微软雅黑;
}
.f-numberItem-safeRun .text-day {
    margin-left: 13px;
    vertical-align: middle;
    line-height: 45px;
    font-size: 18px;
    color: #3a405b;
}
.jz-numberBar .f-numberDesc {
    width: auto;
    font-size: 18px;
    color: #989baf;
    vertical-align: middle;
    line-height: 45px;
    margin-left: 14px;
}
.f-numWrap{
	text-align:center;
}
.jz-numberBar .z721d8col-md3{
	display: flex;
    padding: 20px 0;
    justify-content: space-around;
    align-items: center;}
.jz-numberBar .flag {
    color: #fff;
    display: flex;
    align-items: center;
    cursor: default;
    transition: all .3s ease-in-out;
}
.jz-numberBar .flag img {
    max-height: 40px;
    margin-right: 15px;
}
.jz-numberBar .flag h3 {
    font-size: 22px;
    color: #333;
    opacity: .85;
}
.jz-numberBar .flag p {
    font-size: 14px;
    opacity: .8;
    color: #666;
}
.z721d8nav-child {line-height: 45px;}

.jz-project {
    background-repeat: no-repeat;
    background-position: top center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 300px;
    padding-top: 30px;
    background-image: url(../images/bannerbg.jpg);
}
.jz-gyme {
    height: 200px;
    padding-top: 30px;
    background-image: url(../images/gyme.jpg);
}
.jz-project-contentWrap {
    width: 1200px;
    margin: 20px auto;
}

.jz-project_wrapper {
    margin: 30px 0;
    color: #FFF;
    text-align: center;
    font-size: 20px;
}

.jz-project_wrapper h1 {
    margin: 20px 0;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 10px;
}

.jz-project-contentWrap .jz-more {
    background-color: #2f82ff;
    color: #FFF;
    letter-spacing: 5px;
}

.jz-project-contentWrap .jz-more:hover {
    background-color: #3d8cff;
}
.solution {
    margin-top: 30px;
    margin-bottom: 30px;
}

.solution-list {
    background: #fff;
    transition: all ease .5s;
}

.solution-list:hover {
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 15%);
}

.solution-list a {
    width: 100%;
    display: block;
}

.solution-list .img {
    width: 100%;
    height:200px;
    overflow: hidden;
    position: relative;
}

.solution-list .img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon_jia.png) center center no-repeat;
    content: "";
    z-index: 3;
    opacity: 0;
    transition: all ease .5s;
}

.solution-list:hover .img:before {
    opacity: 1;
}

.solution-list .img img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    transition: all ease .5s;
}

.solution-list:hover .img img {
    transform: scale(1.1);
}

.solution-list .img:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon40.png) center center no-repeat;
    content: "";
    z-index: 2;
    opacity: 0;
    transition: all ease .5s;
}

.solution-list:hover .img:after {
    opacity: 1;
}

.solution-list .tbox {
    padding: 30px;
}

.solution-list .tbox .t1 {
    font-size: 22px;
    line-height: 24px;
    color: #222;
    margin-bottom: 24px;
    transition: all ease .5s;
}

.solution-list .tbox .t2 {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.solution-list .tbox .t3 {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    background: url(../images/icon_jt.png) 68px center no-repeat;
    transition: all ease .5s;
}
.jzyoushi {
    padding: 30px 0;
}
.jzyoushi .contact{
	background-color:#FFF;
	padding:40px;
}
.jzyoushi .contact>.items-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.jzyoushi .contact>.items-wrap>div {
    width: 25%;
    height: 200px;
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.jzyoushi .contact .tab-bg {
    width: 50px;
    height: 50px;
    margin-left: 10px;
}
.jzyoushi .contact .kefu .tab-bg {
    background: url(../images/service.png) center no-repeat;
}
.jzyoushi  .contact .qq-qun .tab-bg {
    background: url(../images/qq.png) center no-repeat;
}
.jzyoushi  .contact .weixin .tab-bg {
    background: url(../images/WeChat.png) center no-repeat;
}
.jzyoushi  .contact .zixun .tab-bg {
    background: url(../images/tel.png) center no-repeat;
}
.jzyoushi .contact>.items-wrap>div .right-context {
    width: 160px;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 14px;
}
.jzyoushi .contact>.items-wrap>div .right-context>a {
    border: 1px solid #0064CC;
    display: block;
    color: #0064CC;
    width: 120px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 32px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    margin-bottom: 10px;
}
.jzyoushi .contact>.items-wrap>div .right-context>a:hover {
	color: #fff;
    background: #2f82ff;
    text-decoration: none;
}
.we {
    background-color: #fff;
    position: relative;
    line-height: 40px;
    margin: 30px 0;
}
.we .potoj {
    height: 320px;
    font-weight: 200;
    background: url(../images/joinbg.jpg?v=1) no-repeat;
    text-align: center;
    padding-top: 30px;
    color: #fff;
}
.we .font-w {
    font-size: 18px;
    line-height: 40px;
    margin-left: 30px;
    font-weight: bold;
}
.we  ol {
    margin-bottom: 50px;
    padding-top: 30px;
}
.we .position {
    height: auto;
    width: auto;
    line-height: 40px;
    margin-left: 100px;
}
.we .poto {
    height: 320px;
    font-weight: 200;
    background: url(../images/aboutbg.png?v=1) no-repeat;
    text-align: center;
    padding-top: 80px;
    color: #fff;
}

.we .topbody{position:absolute;top:80px;width:100%;color:#FFF;font-weight: 200;text-align: center;line-height: 60px; font-size: 22px;}
.we .borromBody{position:absolute;top:140px;left:50%;color:#FFF;font-weight: 200;text-align: center;width: 560px;margin-left:-280px;}
.siteclassrow .z721d8col-md2{
    height:50px;
}
.siteclassrow .z721d8btn{
    display: flex;
}
.siteclassrow .class1 {
    border-bottom: solid 1px #eaeaea;
    padding: 20px 0;
}
.class1 .dm1{
    display:none;
}
.class1 .text em span i{
    font-style: normal;
    color: red;
    font-size: 14px;
	padding-left:10px;
	
}
.siteinfo h2{line-height: 35px;
    padding: 0px 0 20px;
    font-size: 32px;
    color: #333;}
.siteinfo li{padding:5px 0;}
.siteinfo li em{width:75px;display:inline-block;text-align:right;vertical-align: top;}
.siteinfo li span{display:inline-block;}
.siteclassrow .z721d8col-md4 .img {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.siteclassrow .z721d8col-md4 .img img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    transition: all ease .5s;
}
.siteclassrow .z721d8col-md4 .img img:hover {
    transform: scale(1.1);
}
.siteclassrow .text .br {
    margin: 15px 0;
}
.siteclassrow .z721d8col-md8 .text .br span{
    font-size: 16px;
}
.site_container{margin-bottom: 30px;}
.classify-list ul li {
    padding:10px 0;
    border-bottom: 1px solid #eaeaea;
}
.classify-list ul li .c1 {
    width: 118px;
    display: block;
    line-height: 24px;
    position: relative;
    font-weight: 700;
}
.classify-list ul li a span {
    font-size: 14px;
}
.classify-list .gpc p {
    display: inline-block;
    margin: 0 8px;
}
.talbe_new1 {
    width: 100%;
    table-layout: fixed;
}
.talbe_new1 td {
    padding: 12px 0;
    background-color: #fff;
    border-bottom: solid 1px #f3f3f3;
}
.talbe_new1 td.order, .talbe_new1 th.order {
    width: 40px;
    padding-left: 20px;
    text-align: left;
    white-space: nowrap;
}
.talbe_new1 td.title1, .talbe_new1 th.title1 {
    width: 500px;
    padding-left: 20px;
    text-align: left;
}
.talbe_new1 td.center {
    text-align: center;
    color: #555;
}
.talbe_new1 td.order em {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    min-width: 16px;
    padding: 0 2px;
    height: 20px;
    line-height: 20px;
    background-color: #d4d4d4;
    border-radius: 2px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
}
.talbe_new1 tbody tr:nth-child(1) .order em { background-color: #f40000; }
.talbe_new1 tbody tr:nth-child(2) .order em { background-color: #f79200; }
.talbe_new1 tbody tr:nth-child(3) .order em { background-color: #f1ca00; }
.bar1 {
    background: #C71D23;
}

.bar2 {
    background: #ff421e;
}

.bar3 {
    background: #ff731f;
}

.bar4 {
    background: #ffb31f;
}

.bar5 {
    background: #ff7373;
}

.bar6 {
    background: #ff9999;
}

.bar7 {
    background: #ffbfbf;
}

.bar8 {
    background: #59B200;
}

.bar9 {
    background: #6DD900;
}

.bar10 {
    background: #A3D900;
}
.group-cont li {
    padding: 6px 11px;
    background-color: #fff;
    border-radius: 4px;
    margin: 2px;
    display: inline-block;
}

.group-cont li.on,
.group-cont li:hover {
    background-color: #266ee8;
    color: #fff;
}

/* mobile */
@media only screen and (max-width: 1200px) {
	.z721d8header .logo {left: 10px;}
	.z721d8header .logo {display: block;height: 60px;width: 137px;position: absolute;left: 50%;top: 0px;margin-left: -68px;}	
    .swiper-text .swiper-panel .description {
        float: none;
        width: auto;
        padding: 0 20px;
        text-align: center;
    }
    #logo {
        background: url(../images/logo.png) no-repeat 0 center;
    }
    .featured-image{display: none;}
    .jz-modelContainer{width:98%;}
    .jz-modelPreForm.rollImg .f-reg{width:90px;left:48px;}
    .jz-modelPreForm.rollImg .f-show {width: 90px;right: 48px;}
	.z721d8footer .z721d8main{padding: 0 20px;}
	.z721d8footer .z721d8col-md3{float:left;width:25%;}
}
@media only screen and (max-width: 600px) {
	.swiper-container {min-height: 120px;}
	.swiper-container img{min-height: 100%;}
	.swiper-text h3,.swiper-text h2 {font-size: 16px;}.swiper-text p {font-size: 12px;}
	.swiper-text .top-banner-text h2, .swiper-text .top-banner-text p {text-align: center;}
	.z721d8row .description{text-align:center;} .z721d8row .description p{text-align:left;}
	.twtimeline .image{display:none;}
	.twtimeline::before{left:0;}.twtimeline .text:nth-child(odd){padding:0;}.twtimeline .zda315col-md6:nth-child(odd) .date{text-align: left;background-position-x: left;padding-left: 45px;-webkit-transform: translate(-11px, -11px);transform: translate(-11px, -11px);}
    .rollImg{width: 50%;}
	.z721d8footer .z721d8col-md3{float:left;width:50%;}
}