/*  
365建站器让建站和seo变得简单！
siteurl：http://soft.365jz.com
*/
body { padding:0; margin:0;overflow-x:hidden; font-family:"微软雅黑", "宋体", "Trebuchet MS", Tahoma, Arial, sans-serif; color: #222222; font-size: 12px; line-height: 20px; background: #FFF;}
* { 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;
}
/* mbframe */
.za4fabcontainer{width:100%}
.padding-tb30{padding: 30px 0;}
.za4fabrow .za4fabrowtitle{
    text-align: center;padding: 30px 0 20px 0;
}
.za4fabrow .za4fabrowtitle h1{
    font-size: 28px;
    line-height: 30px;
    text-align: center;
}
.za4fabrow .za4fabrowtitle p{
	font-size: 16px;line-height: 30px;
    color: rgba(119,119,119,1);
    font-family: Arial;
}
.za4fabcontent{width:100%;font-size:16px;line-height:28px;padding-bottom:30px;}
.za4fabcontent p{padding-bottom: 20px;}

/* header */

@media screen{
*{padding:0;margin:0;}
div,p,img{margin:0;padding:0;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}
img{border:none;}
.w100{width:100%;padding:0;}
.top{background-color:#01007f;color:#fff;padding:10px 0 9px 0;}
.top .last{text-align:right;}
.top img{max-width:100%;}
.top .last a{color:#fff;}
.top .last .chin{padding-right:14px;}
@media only screen and (max-width: 414px){
.top .first,.top .last{text-align:center;line-height:26px;}
}
.top .top_1{padding:0 15px;}
}


@media screen{
img{display:inline-block;vertical-align:middle;}
h1{font-weight:400;}
.za4fabheader,.za4fabmain{position:relative;}
img{vertical-align:middle;}
dd,div,dl,h1,input,li,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active,a:hover{outline:0;}
img{border:none;}
li{list-style:none;}
input{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#777;}
.za4fabmain{width:1140px;margin:0 auto;}
.za4fabheader{z-index:1000;height:60px;}
.za4fabheader a:hover{transition:all .5s;-webkit-transition:all .5s;}
@media screen and (max-width:768px){
.za4fabmain{width:auto;margin:0 auto;}
}
.za4fabnav{position:relative;padding:0 20px;border-radius:2px;font-size:0;box-sizing:border-box;}
.za4fabnav *{font-size:14px;}
.za4fabnav .za4fabnav-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:60px;}
.za4fabnav .za4fabnav-item a{display:block;padding:0 20px;transition:all .3s;-webkit-transition:all .3s;color:#333;}
.za4fabnav-bar{position:absolute;left:0;top:0;width:0;height:5px;background-color:#5FB878;transition:all .2s;-webkit-transition:all .2s;}
.za4fabnav-bar{z-index:1000;}
.za4fabnav .za4fabnav-item a:hover{color:#fff;}
.za4fabnav .za4fabnav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;position:absolute;top:50%;right:3px;margin-top:-4px;border-width:6px;border-top-color:rgba(255,255,255,.7);}
.za4fabnav-child{display:none;position:absolute;left:0;top:65px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #d2d2d2;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap;}
.za4fabnav .za4fabnav-child a{color:#333;}
.za4fabnav .za4fabnav-child a:hover{background-color:#f2f2f2;color:#000;}
.za4fabnav-child dd{position:relative;}
.za4fabanim{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.za4fabanim-upbit{-webkit-animation-name:za4fabupbit;animation-name:za4fabupbit;}
@media only screen and (max-width: 1140px){
.za4fabmain{width:auto;}
}
}

@media screen{
*{padding:0;margin:0;}
div,h1,ul,input,img,span,dl,dd{margin:0;padding:0;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}
ul{padding:0;margin:0;}
li{list-style-type:none;}
img{border:none;}
.za4fabheader{height:89px;background:#f3fbfe;border-bottom:solid #ddd 2px;}
.za4fabheader .logo{position:absolute;left:0;top:12px;}
.za4fabnavmenu .za4fabnav-itemed>a{color: #333!important;}.za4fabheader .logo h1{font-size:24px;line-height:60px;}
.za4fabheader .logo img{max-height:60px;padding:0;}
.za4fabheader .za4fabnavmenu{position:absolute;left:200px;top:16px;}
@media only screen and (max-width: 768px){
.za4fabheader .za4fabnavmenu{position:absolute;left:180px;}
}
@media only screen and (max-width:414px){
.za4fabheader .za4fabnavmenu{top:0;}
}
.za4fabheader .za4fabnavmenu ul li{font-size:16px;text-align:center;}
.index .za4fabnavmenu ul li:first-child{color:#4ab344;}
.za4fabheader .za4fabnavmenu .za4fabnav-child{top:60px;}
.za4fabheader .za4fabnav-bar,.za4fabheader .za4fabnav-more{display:none;}
.za4fabnavmenu ul li:hover{background:rgba(232, 235, 239, .8);color:#333;}
.za4fabnav .za4fabnav-item a:hover{color:#F90;}
.za4fabnav .za4fabnav-item>a:hover{background-color:#01007f;color:#fff;}
.za4fabnav .za4fabnav-item dl{border:1px solid #01007f;}
.za4fabnav .za4fabnav-item .za4fabnav-child dd{border-bottom:1px dotted #ccc;}
.za4fabheader .search{position:absolute;right:15px;top:30px;font-size:12px;display:none;}
.za4fabheader .search ul li{position:relative;height:24px;margin-top:-12px;}
.za4fabheader .search .icon{color:#666;position:absolute;right:4px;top:5px;z-index:1;vertical-align:middle;background:url(../images/search.png) no-repeat;width:20px;height:20px;}
.za4fabheader .search input{border-radius:20px;background:rgba(232, 235, 239, .8);outline:none;height:24px;border:none;padding-left:10px;padding-right:26px;opacity:0.7;width:100px;-webkit-transition:opacity 0.5s ease-out, width 0.5s ease-out;-o-transition:opacity 0.5s ease-out, width 0.5s ease-out;transition:opacity 0.5s ease-out, width 0.5s ease-out;}
@media only screen and (max-width: 1140px){
.za4fabheader .logo{left:10px;}
}
@media only screen and (max-width: 600px){
.za4fabheader .logo{display:block;height:60px;width:137px;position:absolute;left:50%;top:0px;margin-left:-68px;}
.za4fabheader .za4fabnavmenu{display:block;position:fixed;background:#fff;width:200px;height:100%;right:0px;left:0px;padding-top:90px;z-index:99;transition:transform 0.25s ease-out, opacity 0.25s ease-out;}
.za4fabheader .search{display:none;}
.za4fabheader .za4fabnavmenu .za4fabnav-child{top:0;}
.icon_menu{display:block;height:20px;width:20px;position:absolute;left:21px;top:18px;z-index:100;}
.za4fabheader .za4fabnavmenu{top:0;}
.icon_menu .i_menu{display:block;background:url(../images/icon_menu_hover.png) no-repeat center;background-size:100% 100%;width:20px;height:20px;margin-top:0;}
.icon_menu .i_close{display:none;height:14px;width:15px;background:url(../images/icon_menu_close.png) no-repeat 0 0;background-size:contain;position:fixed;left:21px;top:21px;z-index:4;}
.bg_hover{display:none;height:100%;width:100%;position:fixed;left:0px;top:0px;background:rgba(0, 0, 0, 0.2);z-index:98;}
.za4fabheader .za4fabnavmenu ul li{display:block;float:none;}
}
}
/*! CSS Used keyframes */
@-webkit-keyframes za4fabupbit{from{-webkit-transform:translate3d(0,30px,0);opacity:.3;}to{-webkit-transform:translate3d(0,0,0);opacity:1;}}
@keyframes za4fabupbit{from{transform:translate3d(0,30px,0);opacity:.3;}to{transform:translate3d(0,0,0);opacity:1;}}


    .swiper-container {
      width: 100%;
    }
	.swiper-container img{max-width:100%;}
    .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 .banner1 {
    background: transparent url(../images/banner1.png) no-repeat right 55%/64% auto;
}
	.swiper-text .banner2 {
   	    background: transparent url(../images/top_banner_con.png) no-repeat right bottom/60% auto;
	}
	.swiper-text .top-banner-text .banner1 h2 {
        color: #fff;
        font-size: 36px;
    }
    .swiper-text .top-banner-text .banner1 p {
        color: #fff;
        opacity: .8;
        font-size: 18px;
        line-height: 1.7;
    }
	.swiper-text h3 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 3%;
		color: #FFF;
		line-height: 24px;
    }
	.swiper-text p {
        font-size: 16px;
        text-align: center;
        margin-bottom: 3%;
		color: #FFF;
		line-height: 24px;
    }
	.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);
	}
.za4fabsub-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%);
}
.za4fabsub-menu ul {
    text-align: center;
    font-size: 0;
}
.centerArea {
    max-width: 1200px;
    width: calc(100% - 32px);
    margin: 0 auto;
}
.za4fabsub-menu ul li {
    float: left;
    position: relative;
}
.za4fabsub-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;
}
.za4fabsub-menu ul li.selected a {
    color: #ff5e19;
}
.za4fabsub-menu ul li:hover a {
    color: #ff5e19;
}
.za4fabsub-menu ul li.selected a::after {
    width: 100%;
}
.za4fabsub-menu ul li:hover a::after {
    width: 100%;
}
.za4fabsub-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;
}

/* container */

/* pagelist */

@media screen{
*{padding:0;margin:0;}
div,h1,p,img,span,dl,dt,dd{margin:0;padding:0;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
img{border:none;}
.clear{clear:both;}
.clear::after{content:"";display:block;clear:both;}
.za4fabrow .za4fabrowtitle{text-align:center;padding:92px 0 38px 0;color:#fff;}
.za4fabrow .za4fabrowtitle h1{font-size:24px;line-height:30px;text-align:center;}
.za4fabrow .za4fabrowtitle h1 span{color:rgb(0, 192, 255);}
.za4fabrow .service{padding:60px 0;background-color:#fff;border-style:solid;border-width:1px;border-color:rgba(237, 237, 237, 1);border-radius:0px 0px 0px 0px;}
.za4fabrow .wow{text-align:center;background:#EFEFEF;-webkit-transition:.7s;-moz-transition:.7s;-o-transition:.7s;transition:.7s;padding:0;margin:10px;}
.za4fabrow .bg{background-color:#fff!important;}
.za4fabrow .wow .img{height:150px;overflow:hidden;text-align:center;}
.za4fabrow .wow .img img{width:100%;overflow:hidden;}
.za4fabrow .wow dt img{max-width:100%;}
.za4fabrow .wow dd{padding:15px;}
.za4fabrow .wow dd p{color:rgb(136, 136, 136);font-size:14px;text-align:center;line-height:1.42;margin-top:10px;}
.technological .za4fabrow .wow{background-color:rgba(0, 192, 255, 1);-webkit-transition:.7s;-moz-transition:.7s;-o-transition:.7s;transition:.7s;padding:0;margin:10px;}
.technological .za4fabrow .wow dd{padding:20px;}
.technological .za4fabrow .wow dd p{color:rgba(51, 53, 112, 1)!important;font-size:14px;text-align:center;line-height:14px;margin-top:10px;}
.clear .range .img img{width:auto!important;}
.clear .range .za4fabrow .za4fabrowtitle{background:url("../images/fwfw.png")no-repeat center;background-size:cover;background-size:100% 100%;padding:10%;max-height:6%;}
.clear .za4fabrow .service{padding:60px 0;background-color:#fff;border-style:solid;border-width:5px;border-color:rgba(237, 237, 237, 1);border-radius:0px 0px 0px 0px;}
.clear .za4fabrow .za4fabmain{padding-top:30px;}
.clear .technological .za4fabrow .za4fabrowtitle{background:url("../images/xgal.png")no-repeat center;background-size:cover;background-size:100% 100%;padding:10%;max-height:6%;}
.clear .technological .za4fabrow .wow .img img{width:100%;}
.clear .technological .za4fabrow .wow dd p{text-align:left;color:rgb(102, 102, 102)!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clear .technological .za4fabrow .service{padding:0;}
.za4fabcontent{width:100%;font-size:16px;line-height:28px;padding-bottom:30px;}
.za4fabcontent p{padding-bottom:20px;}
}
/*! CSS Used keyframes */
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}}


@media screen{
div,li,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
li{list-style:none;}
}

@media screen{
*{padding:0;margin:0;}
div,ul,span{margin:0;padding:0;}
ul{padding:0;margin:0;}
li{list-style-type:none;}
.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 ul li:hover{border:1px solid #292a32;}
.zzpages ul li .pageinfo{color:#292a32;padding:8px 12px;}
}

/* artlist */

@media screen{
*{padding:0;margin:0;}
div,h2,h3,p,img,span{margin:0;padding:0;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}
img{border:none;}
.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;}
.mt30{margin-top:30px;}
.w100{width:100%;}
.arecenter{text-align:center;margin:auto;}
.homeTle h2{color:rgba(0, 0, 0, 0.08);text-transform:uppercase;font-size:36px;font-family:DIN;font-weight:bold;line-height:90px;}
.homeTle h3{font-size:25px;margin:0;font-weight:bold;line-height:71px;color:#333;}
.homeTle p{width:50px;height:2px;background-color:red;}
.pn{position:absolute;width:166px;float:left;transform:translateX(-9px);}
.swiperTest1{width:100%;overflow-x:hidden;margin:auto;position:relative;}
.swiperTest1 .swiper{width:100%;height:100%;}
.pn  .swiper-button-next{background:url(../images/right.png) no-repeat center;}
.pn .swiper-button-prev{background:url(../images/left.png) no-repeat center;}
.pn  .swiper-button-next,.pn .swiper-button-prev{width:48px;height:48px;border:1px solid #d8d8d8;border-radius:50%;outline:none;}
.pn  .swiper-button-next::after,.pn .swiper-button-prev::after{display:none;}
.pn  .swiper-button-next:hover{background:url(../images/right1.png) no-repeat center;background-color:#e70012;}
.pn  .swiper-button-prev:hover{background:url(../images/left1.png) no-repeat center;background-color:#e70012;}
.mw100{max-width:100%;}
.newsText{display:flex;justify-content:space-between;width:100%;padding:35px 0;transition:all .3s;border-bottom:1px solid #ededed;}
.newsImg{text-align:center;}
.newsImg img{height:400px;}
.newsFoot{position:relative;margin-top:32px;}
.newsText .time{width:20%;}
.newsText .time h2{font-size:40px;display:block;color:#666;font-family:DIN;line-height:40px;font-weight:bold;}
.newsText .art{flex:1;text-align:left;padding-left:10px;width:80%;}
.newsText .art h3{font-size:18px;display:block;color:#333;font-family:DIN;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsText .art p{color:#adadad;font-size:14px;margin-top:23px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-wrap:break-word;word-break:break-all;}
.newsText:hover .art h3,.newsText:hover .time h2{color:#004b64;}
@media screen and (min-width: 320px) and (max-width: 767px){
.newsText .art{padding-left:45px;}
}
}
/*! CSS Used fontfaces */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal;}

/* artbody */
/* 话题标签topic */
.za4fabmeta-tags{padding: 20px 0;}
.za4fabmeta-tags .za4fabtagitem {
    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;
}
.za4fabmeta-tags .za4fabtagitem:hover {
    background-color: rgba(0,102,255,.15);
}
.za4fabmeta-tags .za4fabtagitem:not(:last-child) {
    margin-right: 10px;
}


@media screen{
*{padding:0;margin:0;}
div,h1,h3,h4,p,ul,img{margin:0;padding:0;}
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;}
.padding-tb30{padding:30px 0;}
.za4fabplace{min-height: 56px;background-color: #f2f3f5;line-height: 56px;font-size: 16px;padding:0 20px;margin:20px 0;}
.za4fabbody{width:100%;overflow-x:hidden;font-size:16px;line-height:28px;padding-bottom:30px;}
.za4fabbody .pic img{width:100%;}
.za4fabbody h1{font-size:22px;color:#222;font-weight:700;line-height:50px;text-align:left;}
.za4fabbody .price{width:100%;height:50px;text-indent:2em;line-height:50px;font-size:20px;color:#de2826;font-weight:600;background-color:#f2f3f5;}
.za4fabbody .price del{font-size:14px;color:#222;font-weight:normal;}
.za4fabbody .parameter p{font-size:12px;color:#555151;padding-top:10px;}
.za4fabbody .details{width:100%;height:30px;text-align:center;line-height:30px;font-size:20px;font-weight:600;background-color:#f2f3f5;color:#222;}
.za4fabbody .info{padding-bottom:15px;font-family:HelveticaNeueLTPro, "Microsoft Yahei";}
.za4fabbody .info small{padding:0 1px;}
.za4fabbody p{padding-bottom:20px;}
.za4fabbody img{max-width:98%;height:auto;}
.za4fabmeta-tags{padding:20px 0;}
.za4fabcontext{line-height:30px;}
@media only screen and (max-width:768px){
.za4fabbody .pic img{width:100%;text-align:center;}
}
}
/*! CSS Used fontfaces */
@font-face{font-family:'HelveticaNeueLTPro';src:url('../images/HelveticaNeueLTPro-ThEx.ttf?v=20208131600'), url('../images/HelveticaNeueLTPro-ThEx.ttf?v=201808131600') format('embedded-opentype');}

/* blockrow */

/* 话题标签topic */
.za4fabmeta-tags{padding: 20px 0;}
.za4fabmeta-tags .za4fabtagitem {
    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;
}
.za4fabmeta-tags .za4fabtagitem:hover {
    background-color: rgba(0,102,255,.15);
}
.za4fabmeta-tags .za4fabtagitem:not(:last-child) {
    margin-right: 10px;
}


@media screen{
*{padding:0;margin:0;}
div,h1,h3,h4,p,ul,img{margin:0;padding:0;}
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;}
.padding-tb30{padding:30px 0;}
.za4fabplace{min-height: 56px;background-color: #f2f3f5;line-height: 56px;font-size: 16px;padding:0 20px;margin:20px 0;}
.za4fabbody{width:100%;overflow-x:hidden;font-size:16px;line-height:28px;padding-bottom:30px;}
.za4fabbody .pic img{width:100%;}
.za4fabbody h1{font-size:22px;color:#222;font-weight:700;line-height:50px;text-align:left;}
.za4fabbody .price{width:100%;height:50px;text-indent:2em;line-height:50px;font-size:20px;color:#de2826;font-weight:600;background-color:#f2f3f5;}
.za4fabbody .price del{font-size:14px;color:#222;font-weight:normal;}
.za4fabbody .parameter p{font-size:12px;color:#555151;padding-top:10px;}
.za4fabbody .details{width:100%;height:30px;text-align:center;line-height:30px;font-size:20px;font-weight:600;background-color:#f2f3f5;color:#222;}
.za4fabbody .info{padding-bottom:15px;font-family:HelveticaNeueLTPro, "Microsoft Yahei";}
.za4fabbody .info small{padding:0 1px;}
.za4fabbody p{padding-bottom:20px;}
.za4fabbody img{max-width:98%;height:auto;}
.za4fabmeta-tags{padding:20px 0;}
.za4fabcontext{line-height:30px;}
@media only screen and (max-width:768px){
.za4fabbody .pic img{width:100%;text-align:center;}
}
}
/*! CSS Used fontfaces */
@font-face{font-family:'HelveticaNeueLTPro';src:url('../images/HelveticaNeueLTPro-ThEx.ttf?v=20208131600'), url('../images/HelveticaNeueLTPro-ThEx.ttf?v=201808131600') format('embedded-opentype');}

@media screen{
*{padding:0;margin:0;}
div,h1,p,img{margin:0;padding:0;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}
img{border:none;}
.Title h1{font-size:20px;color:#333333;text-align:center;}
.Title p{color:#999999;font-size:14px;line-height:40px;text-align:center;}
.cource .spttop{height:200px;}
.cource .spttop img{max-width:100%;max-height:200px;}
.cource .sptbtm{height:100px;text-align:center;}
.sptbtm h1 a{display:block;max-width:390px;color:#000000;font-size:18px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cource .sptbtm h1 a{color:#333333;font-size:16px;}
.cource .sptbtm h1 a:hover{color:#52b548;}
.sptbtm p:nth-of-type(1){color:#999999;font-size:14px;line-height:40px;}
.btn{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;border-radius:5px;color:#999;font-size:12px;word-break:keep-all;overflow:hidden;z-index:2;}
.sptctn{padding:14px 10px;transition:.35s ease;}
.sptctn:hover{box-shadow:0 10px 8px rgb(0 0 0 / 10%);transform:scale(1.05);}
.cource{padding:60px 0px;}
}

@media screen{
@media screen and (min-width: 1024px) and (max-width: 1280px){
.Title{padding-left:25px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.Title{padding-left:25px;}
.cource .za4fabcol-md3{text-align:center;float:left;width:50%;}
}
@media screen and (min-width: 320px) and (max-width: 768px){
.Title{padding-left:25px;}
.cource .za4fabcol-md3{text-align:center;}
.Title{text-align:center;}
}
}

@media screen{
*{padding:0;margin:0;}
div,ul,span{margin:0;padding:0;}
ul{padding:0;margin:0;}
li{list-style-type:none;}
.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 ul li:hover{border:1px solid #292a32;}
.zzpages ul li .pageinfo{color:#292a32;padding:8px 12px;}
}

.course .title p {
    text-align: center;
}

.course .title p:first-child a {
    color: rgba(255, 182, 7, 1);
    font-size: 14px;
    font-weight: 600;
    font-family: '微软雅黑';
}

.course .title p:first-child {
    margin-top: 100px;
}

.course .title p:last-child {
    margin-top: 10px;
}

.course .title p:last-child a {
    color: rgba(63, 66, 96, 1);
    font-size: 30px;
    font-weight: 600;
    font-family: '微软雅黑';
}
.course .w_1 .xt,
.course .w_1 .nuk1,
.course .w_1 .nuk2,
.course .w_1 .uni {
    box-shadow: 0px 0px 38px rgb(0 0 0 / 6%);
    border-top: 2px solid rgba(253, 181, 45, 1);
    margin-top: 75px;
}

.course .w_1 .xt1 {
height:200px;
    text-align: center;
overflow: hidden;
}

.course .w_1 .xt1 img {
min-height:200px;
max-width:100%;

}

.course .w_1 .xt>a img,
.course .w_1 .nuk1>a img,
.course .w_1 .nuk2>a img,
.course .w_1 .uni>a img {
    display: block;
    max-width: 100%;
    min-height: 145px;
    text-align: center;
    margin: 20px auto;
}

.course .w_1 .xt .title,
.course .w_1 .uni .title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0;
}

.course .w_1 .uni .cp {
    margin: 74px 0;
}

.course .w_1 .nuk1 .title,
.course .w_1 .nuk2 .title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 65px 0 40px 0;
}

.course .w_1 .nuk2 .title {
    margin: 115px 0 40px 0;
}

.course .w_1 .xt .title a,
.course .w_1 .nuk1 .title a,
.course .w_1 .nuk2 .title a,
.course .w_1 .uni .title a {
    letter-spacing: 1px;
    color: rgba(63, 66, 96, 1);
    font: normal normal 20px/40px 微软雅黑;
    text-align: center;
}

.course .w_1 .xt p,
.course .w_1 .nuk1 p,
.course .w_1 .nuk2 p,
.course .w_1 .uni p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: rgb(169, 169, 169);
    line-height: 24px;
    padding-bottom: 25px;
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.course .w_1 .nuk1 p {
    margin-top: 60px;
}

.course .btn a {
    display: block;
    width: 262px;
    height: 55px;
    background-color: rgba(253, 181, 45, 1);
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 55px;
    font-family: '宋体';
    margin: 75px 0 100px 40%;
}

.course .w_1:last-child a:hover {
    border-radius: 30px;
}
.pdtctn{
    width: 90%;
    margin: auto;
    height: 147px;
    border: 1px solid #e2f5ff;
    display: flex;
    justify-content: start;
    align-items: center;
}
.product{
    background-color: #c4b852;
    padding: 60px 0px;
    width: 100%;
}
.product .title {
    text-align: center;
}
.product .title>.en {
    font-family: "Noto Sans S Chinese Thin";
    font-size: 60px;
    color: #737373;
    text-transform: uppercase;
    line-height:80px;
}
.cff {
    color: #fff !important;
}
.product .title>.zh {
    font-size: 30px;
    color: #585858;
    font-weight: bold;
    
    line-height:80px;
}
.pdtimg img{
    max-width: 100%;
}
.pdttext{
    padding-right: 20px;
}
.pdttext .zh a{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.pdttext .zh a:hover{
    color: #fff;
}
.pdttext .en{
    font-family: "Arial";
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}

.product_more a{
    font-family: "新宋体";
    font-size: 14px;
    color: #000;
    display: block;
    width: 106px;
    height: 36px;
    background-color: #b3dbf2;
    text-align: center;
    line-height: 36px;
    margin: 0 auto;
    margin-top: 30px;
    font-weight: bold;
}
.product_more a:hover{
    color: #000;
}

@media screen{
*{padding:0;margin:0;}
div,p,img{margin:0;padding:0;}
img{border:none;}
.za4fabcontent p{padding-bottom:20px;}
.gsjj{padding:50px 1em;}
.gsjj h2{text-align:center;font-size:26px;padding:20px 0;}
.gsjj p{margin-bottom:.8em;text-indent:2em;line-height:150%;font-family:arial, helvetica, sans-serif;font-size:16px;}
.gsjj .img{text-indent:inherit;width:100%;text-align: center;}
.gsjj .img img{max-width:100%;}
}

/* footer */

@media screen{
*{padding:0;margin:0;}
div,p,img,span,dl,dt,dd{margin:0;padding:0;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}
img{border:none;}
.clear{clear:both;}
.clear::after{content:"";display:block;clear:both;}
.za4fabfooter{margin:0 auto;color:#fff;background:#0068b6;border-top:1px solid #C7CED1;text-align:center;}
.za4fabfooter a{color:#fff;}
.za4fabfooter a:hover{color:#FFF;}
.za4fabfooter .za4fabflink{padding-bottom:20px;}
.za4fabfooter .footerserver{padding:30px 0 20px 0;text-align:left;}
.za4fabfooter dl{margin:0 0 10px 50px;}
.za4fabfooter dt{position:relative;font-size:16px;color:#fff;line-height:20px;margin-bottom:10px;}
.za4fabfooter dd{line-height:30px;}
.footerc{background:#0068b6;color:#fff;padding:30px 0;line-height:22px;}
#back-top{position:fixed;z-index:200;opacity:1;transition:bottom .3s ease;width:66px;height:70px;right:21px;bottom:47px;box-sizing:border-box;}
#back-top .back_top_content{position:absolute;left:50%;margin-left:-24px;bottom:calc(50% - 7px);margin-bottom:-24px;transition:bottom .3s ease;}
#back-top:hover .back_top_content{bottom:50%;}
.back_top_content .svg_0{width:48px;height:48px;}
.back_top_content svg{cursor:pointer;}
}