@CHARSET "UTF-8";
body {
    /* padding-top: 5px; */
}

body.body-white {
 /* background-color: #ffffff; */
 background: url(../images/bj.jpg) fixed;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: 0px; 
    margin-left: 0px;
}

.navbar .nav .user {
    padding: 0;
    line-height: 70px;
}

.navbar .nav .user .headicon {
    margin: 0 5px;
    height: 30px;
}

.navbar .nav .user .caret {
    vertical-align: middle;
    margin: 0 5px;
}

/*tc widget*/
.tc-main {
    margin-top: 20px;
}

/*tc-box*/
.tc-box {
    background: #fff;
    padding: 5px 10px;
    margin: 0 0 10px 0;
}

.body-white .tc-box{
    border: solid 1px #eee;
}

.tc-box.first-box {
    margin: 0 0 10px 0;
}

.tc-box.article-box {
    padding: 5px 20px;
}

/*tc-box end */

/* The blog boxes */
/*.tc-gridbox {
  background-color: #ececec;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 1px #a8a8a8;
  -moz-box-shadow: 0px 1px 1px #a8a8a8;
  box-shadow: 0px 1px 1px #a8a8a8;
  margin-bottom: 40px;
}*/
.tc-gridbox-container {
    width: 25%;
    float: left;
}

.tc-gridbox {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
}

.tc-gridbox {
    margin: 0 10px 20px 10px;
}

.tc-gridbox:hover {
    -webkit-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
    box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);
}

.tc-gridbox a {
    text-decoration: none;
}

@media ( min-width: 768px) and (max-width: 979px) {
    .tc-gridbox {
        display: block;
        float: none;
        width: 95%;
    }
}

@media ( max-width: 979px) {
    .tc-gridbox-container {
        display: block;
        float: none;
        width: 100%;
    }

    .tc-gridbox {
        margin: 0 0 10px 0;
    }
}

.tc-gridbox .header {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    background:;
}

.tc-gridbox .footer {
    padding: 5px 14px 5px 14px;
    text-align: right;
    background: #fff;
}

.tc-gridbox .header .item-image {
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: ;
}

.tc-gridbox .header img {
    margin-bottom: 5px;
    width: 100%;  border-radius:20px;
    /*-webkit-transition: all 0.8s ease-in-out;*/
    /*-moz-transition: all 0.8s ease-in-out;*/
    /*-o-transition: all 0.8s ease-in-out;*/
    /*-ms-transition: all 0.8s ease-in-out;*/
    /*transition: all 0.8s ease-in-out;*/
}

.tc-gridbox .header img:hover {

    /*-webkit-transform: scale(1.2) rotate(2deg);*/
    /*-moz-transform: scale(1.2) rotate(2deg);*/
    /*-o-transform: scale(1.2) rotate(2deg);*/
    /*-ms-transform: scale(1.2) rotate(2deg);*/
    /*transform: scale(1.2) rotate(2deg);*/
}

.tc-gridbox .header h3 {
    color: #ffffff;
    margin: 0 5px;
    font-size: 13px;
    border-radius: 0.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
    background:url(../images/bjj.png) center no-repeat;
    width:100%;
    text-align:center;
}

.tc-gridbox .header h3 a,
.tc-gridbox .header h3 a:focus,
.tc-gridbox .header h3 a:hover {
    color:#090D10;
    white-space: nowrap;
}

.tc-gridbox .header .meta {
    color: #5a6065;
}

.tc-gridbox .header hr {
    border-top-color: #eee;
    border-bottom: none;
    margin: 5px 0;
}

.tc-gridbox .body {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 14px;
    color: #343a3f;
}

.tc-gridbox .body a {
    color: #666;
}

.tc-gridbox .body a:hover {
    color: #428bca;
}

.tc-gridbox .btn {
    float: right;
    margin-right: 10px;
    margin-bottom: 18px;
}

/*masonary*/

.masonary-container .item {
    margin-bottom: 20px;
}

.masonary-container .item h3 {
    line-height: 100%;
}

.masonary-container .grid-sizer, .masonary-container .item {














































    width: 24.9%;
    margin: 10px 0.05%;
    float: left;
    zoom: 1;
}

@media ( max-width: 479px) {
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 98%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
}

@media ( min-width: 480px) and (max-width: 767px) {
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 48%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
}

/*list Boxes
------------------------------------*/
.am-avg-sm-3 {
    width: 49.33333333%;
    display: inline-block;
}
.list-boxes {
    overflow: hidden;
  
    margin-bottom: 5px;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    word-wrap: break-word;
    word-break: break-all;
    border: solid 1px #eee;
}

.list-boxes:hover {
    border: solid 1px #ddd;
}

.list-boxes h2 a {
    color: #555;
}

.list-boxes:hover h2 a {
    color: #f90;
}

.list-boxes .list-actions a {
    font-size: 16px;
    text-decoration: none;
}

.list-boxes p a {
    color: #72c02c;
}

.list-boxes .list-boxes-img li i {
    color: #72c02c;
    font-size: 12px;
    margin-right: 5px;
}

.list-boxes .list-boxes-img img {
    display: block;
    margin: 5px 10px 10px 0;
}

.list-boxes h2 {
    margin-top: 0;
    font-size: 15px;
    line-height: 35px; background:#D9D398; text-align:center;
}
.list-boxes h2  a{
   color:#FFFFFF;
}

.list-boxes ul.list-boxes-rating li {
    display: inline;
}

.list-boxes ul.list-boxes-rating li i {
    color: #f8be2c;
    cursor: pointer;
    font-size: 16px;
}

.list-boxes ul.list-boxes-rating li i:hover {
    color: #f8be2c;
}

/*list Colored Boxes*/
.list-boxes-colored p,
.list-boxes-colored h2 a,
.list-boxes-colored .list-boxes-img li,
.list-boxes-colored .list-boxes-img li i {
    color: #fff;
}

/*Red list Box*/
.list-boxes-red {
    background: #e74c3c;
}

/*Blue list Box*/
.list-boxes-blue {
    background: #3498db;
}

/*Grey list Box*/
.list-boxes-grey {
    background: #95a5a6;
}

/*Turquoise list Box*/
.list-boxes-sea {
    background: #1abc9c;
}

/*Turquoise Top Bordered list Box*/
.list-boxes-top-sea {
    border-top: solid 2px #1abc9c;
}

.list-boxes-top-sea:hover {
    border-top-color: #16a085;
}

/*Yellow Top Bordered list Box**/
.list-boxes-top-yellow {
    border-top: solid 2px #f1c40f;
}

.list-boxes-top-yellow:hover {
    border-top-color: #f39c12;
}

/*Orange Left Bordered list Box**/
.list-boxes-left-orange {
    border-left: solid 2px #e67e22;
}

.list-boxes-left-orange:hover {
    border-left-color: #d35400;
}

/*Green Left Bordered list Box**/
.list-boxes-left-green {
    border-left: solid 2px #72c02c;
}

.list-boxes-left-green:hover {
    border-left-color: #5fb611;
}

/*Green Right Bordered list Box**/
.list-boxes-right-u {
    border-right: solid 2px #72c02c;
}

.list-boxes-right-u:hover {
    border-right-color: #5fb611;
}

/*comments*/
.comment {
    margin-bottom: 10px;
}

.comment .avatar {
    height: 40px;
    width: 40px;
}

.comment-body {
    overflow: hidden;
}

.comment-content {
    padding-bottom: 2px;
    word-break: break-all;
    word-wrap: break-word;
}

.comment > .pull-left {
    margin-right: 10px;
}

.comment .time {
    color: #ccc;
    font-size: 12px;
    line-height: 14px;
}

.comment-postbox-wraper {

}

.comment-postbox {
    width: 100%;
    padding: 10px;
}

.comment-reply-box {
    position: relative;
}

.comment-reply-box .textbox {
    width: 100%
}

.comment-reply-submit .btn {
    margin-top: 20px;
}

/*ranking box*/

.ranking ul li {
    padding: 5px 0;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #f0f0f0;
}



.ranking ul.unstyled li i {
    margin-right: 5px;
}

.ranking li i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 15px;
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    background-color: #aaa;
}

.ranking li.top3 i {
    background: #FC9B0B;
}

/*comment ranking box*/
.comment-ranking .comment-ranking-inner {
    padding: 10px;
    background: #f7f7f7;
    position: relative;
    margin-bottom: 10px;
    /*border-top: solid 2px #eee;*/
}

.comment-ranking .comment-ranking-inner,
.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    width: 0;
    height: 0;
    right: 0px;
    bottom: 0px;
    content: " ";
    display: block;
    position: absolute;
}

.comment-ranking .comment-ranking-inner:after {
    border-top: 15px solid #eee;
    border-right: 15px solid transparent;
    border-left: 0px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-right-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:before {
    border-bottom: 15px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-bottom-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:hover {
    border-color: #FC9B0B;
    border-top-color: #FC9B0B;
    background: #f0f0f0;
}

.comment-ranking .comment-ranking-inner:hover:after {
    border-top-color: #FC9B0B;
}

.comment-ranking .comment-ranking-inner span.comment-time {
    color: #777;
    display: block;
    font-size: 11px;
}

.comment-ranking .comment-ranking-inner a {
    text-decoration: none;
}

.comment-ranking .comment-ranking-inner a:hover {
    text-decoration: underline;
}

.comment-ranking .comment-ranking-inner i.fa {
    top: 2px;
    color: #bbb;
    font-size: 18px;
    position: relative;
}

/*ThinkCMF Photos*/
ul.tc-photos {
    margin: 0;
}

.tc-photos li {
    display: inline;
}

.tc-photos li a {
    text-decoration: none;
}

.tc-photos li img {
    opacity: 0.6;
    width: 50px;
    height: 50px;
    margin: 0 2px 8px;
    border: 1px solid #ddd;
}

.tc-photos li img:hover {
    opacity: 1;
    border: 1px solid #f90;
    /* box-shadow: 0 0 0 1px #f90; */
}

/**/

/*Blog Posts
------------------------------------*/
.posts .dl-horizontal a {
}

.posts .dl-horizontal {
    margin-bottom: 15px;
    overflow: hidden;
}

.posts .dl-horizontal dt {
    width: 60px;
    float: left;
}

.posts .dl-horizontal dt .img-wraper {
    display: block;
   
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd;
}

.posts .dl-horizontal dt img {
    width: 100%;
    height: 100%;
    /* width: 55px;
    height: 55px;
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd; */
}

.posts .dl-horizontal dd {
    margin-left: 70px;
}

.posts .dl-horizontal dd p {
    margin: 0;
}

.posts .dl-horizontal dd a {
    font-size: 14px;
    line-height: 16px !important;
}

.posts .dl-horizontal dd a:hover {
    text-decoration: none;
}

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a {
    color: #FC9B0B;
    border-color: #FC9B0B !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


		/* footer css style*/
.distraction{height:58px; width:100%;}
.footer{background: #000000;display:-webkit-box;width:100%;margin-top:6px;background-size:9px 128px;position: fixed;z-index: 110;bottom: 0;left: 0;padding:12px 0;}
.footer a{-webkit-box-flex: 1;display: -webkit-box; }
.footer span{width: 90px;display:block;text-align: center;font-size: 12px;color:#fff;line-height:40px;}
.footer span.span4{/* background:url(../images/home.png) 20px 6px no-repeat; */background-size:18px 18px;}
.footer span.span1{background: url(../images/a1.png) 2px 5px no-repeat;background-size: 25px 25px;}
.footer span.span2{/* background:url(../images/a3.png) 20px 4px no-repeat; */background-size:18px 18px;}
.footer span.span3{/* background:url(../images/a2.png) 20px 6px no-repeat; */background-size:18px 18px;}
 .footer span.span5{background:url(../images/a2.png) 20px 6px no-repeat; background-size:18px 18px;}
 
 .mb2 {
    width: 100%;
   
    text-align: center;
}
.ct1, a.ct1, .ct1 a, .ct1 a:visited {
    color: #FFF;
}

.bot1 {
    border-bottom: 1px solid #37487D;
}
.block100 {
    height: 1rem;
}

.fB {
    font-weight: bold;
}

.fs14 {
    font-size: 0.7rem;
}


.ct1, a.ct1, .ct1 a, .ct1 a:visited {
    color: #FFF;
}
/*¦Ì¡Á2?*/

.mb2 {
    width: 100%;
    background: #024DBD;text-align: center;
}
.bot1 {
    border-bottom: 1px solid #949494;
}
.block100 {
    height: 5rem;
}
.fB {
    font-weight: bold;
}
.fs18{ font-size:14px;}
.fs14 {
    font-size: 0.7rem;
}


.lh12 {
    line-height: 1.2;
}
.fs72 {
    font-size: 3.6rem;
}

.block20 {
    height: 1rem;
}
.block5, .block8, .block10, .block12, .block20, .block22, .block30, .block40, .block50, .block60, .block70, .block80, .block100 {
 
    font: 0;
    overflow: hidden;
    clear: both;
}




.fs14 {
    font-size: 0.7rem;
}
.block40 {
    height: 2rem;
}
.block50 {
    height: 2.5rem;
}
.block30 {
    height: 1.5rem;
}
.fs20 {
    font-size:14px; color:#999999
}
.block100 {
    height:1rem;
}



	/* aboutMenu */
.aboutMenu2{width:100%;text-align: center;padding: 20px 0 0; margin:0 auto; margin-bottom:20%;}
.aboutMenu2 li{display: inline-block;*display: inline;font-size: 13px;color: #333333;background: url(../images/demo/aboutMenuBg01.png) no-repeat center;height: 50px;line-height: 50px;margin-left: 5px;width:45%;text-align: center;margin-bottom:10px;}
.aboutMenu2 li a{color: #333;text-decoration: none;display: block;}
.aboutMenu2 li:first-child{margin-left: 0;}
.aboutMenu2 li.cur{background: url(../images/demo/aboutMenuBg02.png) no-repeat center;}
.aboutMenu2 li.cur a{color: #fff;}
.aboutMenu2 li:hover{background: url(../images/demo/aboutMenuBg02.png) no-repeat center;}
.aboutMenu2 li:hover a{color: #fff;}




.am-avg-sm-3 {
    width:49.33333333%;display: inline-block;
}



/*导航*/
.fenlei{ width:100%; background:#BB0000; height:42px; text-align:center;}
.fenlei ul li{ width:24.8%; float:left;margin-left:-1px; border-left:1px solid #CC0404; border-bottom:1px solid #CC0404;border-radius: 0.8em;}
.fenlei ul li.lileft{border-left:none;}

.fenlei ul li a{ display:block;width:100%; padding-bottom:10px; color:#FFFFFF;}
.fenlei ul li a img{ width:28%; padding-top:1rem;}
.fenlei ul li a:hover{ background:#520100;height:42px;border-radius: 0.8em;}
.ct1, a.ct1, .ct1 a, .ct1 a:visited {
    color: #fff;
}

.fs16 {
    font-size: 0.8rem;
}
.swiper-pagination-bullet{background:none; border:1px solid #BBB; opacity:0.30; height:6px;border-radius:30px;}
	.swiper-pagination-bullet-active{width:20px;border-color:#BBB; background-color:#CCC;opacity:0.65;}
	.tac {text-align: center;}
	.ct2, a.ct2, .ct2 a, .ct2 a:visited {color:#D6D6D6;}
	/*.case ul {width: 101.3%;}*/
	.ct2 ul {list-style: none;margin:0;padding:0;}
	.diqu ul li {width: 32%;overflow: hidden;margin-right: 1.3%;float: left;margin-bottom: 1.75rem;vertical-align: middle;display: list-item;text-align:-webkit-match-parent;}
	.ct2 a, .ct2 a:visited{color: #444;}
	.ct2 img{vertical-align: middle;border:0;width:100%;}
	.ct2 .fs25 {font-size:16px;}

	.ct2 .pt10 {padding-top: 0.5rem;}
	.more001{ width:100%;height:4rem;background-size:100% 100%;border:none;}
	.more001:hover{ background:url(../images/read3.png) no-repeat;background-size:100% 100%;}
	.more1{ width:8rem; height:2.1rem; margin:1rem auto; background:url(images/more1.png) no-repeat;background-size:100% 100%;}
	.more1:hover{background:url(../images/more2.png) no-repeat;background-size:100% 100%;;}
.ert {
    width: 100%; color:#000000;
    height: 2rem;
    background: url(../images/tt1.png) no-repeat;
    background-size: 100% 100%; text-align:center
}

.fs36 {
    font-size:20px; line-height:40px;
}
cite, em, s, i, b {
    font-style: normal; 
}
.block30 {
    height: 1rem;
}
.block60 {
    height: 1rem;
}
.block40 {
    height:0.5rem;
}

.fs12 {
    font-size: 0.6rem;text-align:center
}
.case ul li{width:100%;overflow:hidden; margin-bottom:2rem;}
.case1 ul{ width:103%; overflow:hidden;}

.tal {
    text-align: left;
}
.mb1 {
    width: 100%;
    background: #3482FF;
}
.fl, .fr {
    display: inline;
    zoom: 1;
    float: left; padding-left:5px; padding-right:5px;
}
a.ct4:hover, .ct4 a:hover {
    color: #666;
}
.pt20 {
    padding-top: 1rem;
}
.tal {
    text-align: left;
}
.lh10 {
    line-height: 0.5;
}
.fr {
    float: right;
}
a {
    color: #666;
}

.fs24 {
    font-size: 15px; text-align:center;
}
.pt10 {
    padding-top: 0.5rem;text-align:center; color:#000000
}
.fs16 {
    font-size: 1.0rem;text-align:center;color:#000000
}

.unified-header{display: block;clear: both;text-align: center; padding-top:15px;}
.unified-header h3{display: block;font-size: 24px;color:#FFF;font-weight:normal;}
.unified-header .line{display: block;width: 103px;height: 2px;border-bottom:1px solid #ddd;margin: 10px auto;}
.unified-header .line span{display: block;position: relative;width: 30px;height: 3px;background-color: #e45133;margin: -2px auto 0;}
.unified-header p{display: block;line-height: 1;font-size: 16px;color: #9C9C9C;text-transform: uppercase;font-family: "Simsun";}



.abou a.more{width: 30%;height: 40px;background: #AD0700;line-height: 40px;text-align: center;border: 1px solid #e7e7e7;font-size: 14px;color: #fff;text-decoration: none;position: absolute;transition: all 0.5s ease-out;z-index: 1; }


.abou a.more::before{    
    content: '';
    position: absolute;
    top: 0;
    left: 0;
  width: 30%;
    height: 40px;
    background: #D7000F;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.abou a.more:hover::before{background: #C8A837;opacity: 1;transform: scale3d(1,1,1);-webkit-transform:translate3d(0,0,0)}
.abou a.more:hover{color: #fff; background:#C8A837;border-color:#C8A837; }

.wzd{ background:url(../images/yu2.jpg) center}



/* Title YangFangLing 2018年12月4日 */
.Title{text-align: center;position: relative;z-index: 9; margin-bottom:20px;}
.Title h3{font-size: 26px;font-weight: normal;color: #333;}
.Title h3 a{color: #333;}
.Title h3 a img{width: 19px;height: 16px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 15px;}
.Title h3 img{width: 19px;height: 16px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 15px;}
.Title p{color: #999;margin-top: 10px;}
.Title p i{width: 10%;height: 1px;display: inline-block;*display: inline;*zoom: 1;background-color: #dedede;vertical-align: middle;margin: 0 15px;}


/************新闻动态*************/
.news{width:100%;background:#F5F5F5; overflow:hidden;}
.news .box_g{width:100%; text-align:center;}
.news .box_g h3{ color:#06ba98; font-size:35px; font-weight:normal; margin-bottom:10px;}
.news .box_g h4{ color:#292929; font-size:14px;font-weight:normal;}
.new_cont{ width:100%; margin:30px auto 10px auto;overflow:hidden;}

.events_box {width:96%; margin-left:10px;overflow: hidden; }

.events_box li{width:100%; background:#fff; margin:15px 0px; float:left;}
.events_box li .date{width:20%;float:left; text-align:center; background:url(../img/data_bg.png) no-repeat center; padding-left:10px;}
.events_box li .date .a{ height:85px; line-height:130px; font-size:48px;color:#0065CE;}
.events_box li .date .b{  line-height:50px;font-size:18px;color:#0065CE;}
.events_box li .info{ float:right; width:75%; overflow:hidden; margin-top:25px; padding-right:10px;}
.events_box li .info .title{font-size:18px; text-align: left;}
.events_box li .info .title a{color:#333333;}
.events_box li .info .xx{ font-size:14px; color:#858585; line-height:25px; }
.events_box li:hover .date .a{ height:85px; line-height:130px; font-size:48px;color:#CDA142;}
.events_box li:hover .date .b{ height:85px; line-height:50px;font-size:18px;color:#CDA142;}
.events_box li:hover .info .title a{color:#CDA142;}
.events_box li:hover .info .xx{color:#CDA142;}
.new_cont .geng { text-align:center; height:50px; line-height:50px; margin-top:20px;}
.new_cont .geng a{border:1px solid #CDA142; color:#CDA142; padding:8px 25px;}
.new_cont .geng:hover a{border:1px solid #CDA142; color:#CDA142; padding:8px 25px;}
.duo2{ display:block; width:30%; height:28px; text-align:center; line-height:28px;  font-size:12px; color:#fff; background:#8c8c8c; position: relative; overflow:hidden;}
.duo2 span{ display:block; position:relative; top:0;}
.duo2, .duo2 span{
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); color:#FFFFFF;
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	}
.events_box li:hover .duo2{ background:#CDA142; color:#fff;} .events_box li:hover .duo2-1, .events_box li:hover .duo2-2{ top:-28px;}
/************联系我们*************/
ul, ol {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}


/************翻页*************/
.page_wen{ width:100%; height:60px; line-height:20px; font-size:14px;}
.page_wen .page_left{ float:left; width:50%; background-color:#f7f7f7;}
.page_wen .page_right{ float:right; width:50%; background-color:#f7f7f7;}
.page_wen .btn{ display:block; text-decoration:none; width:80px; height:60px; background-color:#e8e8e8; text-align:center; padding-top:20px;}
.page_wen .page_title{ display:block; width:45%; margin-left:5%; float:left;height:60px; padding-top:5%}
.page_wen .page_left:hover  .page_title{color:#1144a3;}
.page_wen .page_left:hover  .btn{ background:#626262; color:#fff;}
.page_wen .page_right:hover  .page_title{color:#1144a3;}
.page_wen .page_right:hover  .btn{ background:#626262; color:#fff;}
.page_wen .page_left .btn{ float:left}
.page_wen .page_right .btn{ float:right}


/************底部产品导航*************/
#menu{position:fixed;bottom:0px;width:100%;height:44px;line-height:44px;z-index:999;background:url(images/menubg.png) repeat-x;}
#menu ul{margin:0 auto;list-style-type:none;width:100%;max-width:500px;height:100%;}
#menu ul li{float:left;width:33.3%;height:100%;text-align:center;position:relative;font-size:14px;}
#menu ul li .line{position:absolute;top:0px;right:0px;z-index:30;}
#menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#454545;background:url(images/menubg.png) repeat-x;}
#menu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
#menu ul li .img_front img{width:100%;height:100%;}
#menu ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;margin-bottom:14px;height:auto;text-align:center;z-index:10;}
#menu ul li span div{position:absolute;top:0px;left:0px;}
#menu ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545;text-decoration:none;}

.footer_front{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}


.am-avg-sm-3 {
    width:48.33333333%;display: inline-block;
}


/*list Boxes
------------------------------------*/
.list-boxes {

    overflow: hidden;
  
    margin-bottom: 10px;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    word-wrap: break-word;
    word-break: break-all;
    border: solid 1px #eee;
}

.list-boxes:hover {
    border: solid 1px #ddd;
}

.list-boxes h2 a {
    color:#2B2B2B; font-size:14px;
}

.list-boxes:hover h2 a {
    color: #f90;
}

.list-boxes .list-actions a {
    font-size: 16px;
    text-decoration: none;
}

.list-boxes p a {
    color: #72c02c;
}

.list-boxes .list-boxes-img li i {
    color: #72c02c;
    font-size: 12px;
    margin-right: 5px;
}

.list-boxes .list-boxes-img img {
    display: block;
    margin: 5px 10px 10px 0;
}

.list-boxes h2 {
    margin-top: 0;
    font-size: 15px;
    line-height: 40px;
}

.list-boxes ul.list-boxes-rating li {
    display: inline;
}

.list-boxes ul.list-boxes-rating li i {
    color: #f8be2c;
    cursor: pointer;
    font-size: 16px;
}

.list-boxes ul.list-boxes-rating li i:hover {
    color: #f8be2c;
}

/*list Colored Boxes*/
.list-boxes-colored p,
.list-boxes-colored h2 a,
.list-boxes-colored .list-boxes-img li,
.list-boxes-colored .list-boxes-img li i {
    color: #fff;
}

/*Red list Box*/
.list-boxes-red {
    background: #e74c3c;
}

/*Blue list Box*/
.list-boxes-blue {
    background: #3498db;
}

/*Grey list Box*/
.list-boxes-grey {
    background: #95a5a6;
}

/*Turquoise list Box*/
.list-boxes-sea {
    background: #1abc9c;
}

/*Turquoise Top Bordered list Box*/
.list-boxes-top-sea {
    border-top: solid 2px #1abc9c;
}

.list-boxes-top-sea:hover {
    border-top-color: #16a085;
}

/*Yellow Top Bordered list Box**/
.list-boxes-top-yellow {
    border-top: solid 2px #f1c40f;
}

.list-boxes-top-yellow:hover {
    border-top-color: #f39c12;
}

/*Orange Left Bordered list Box**/
.list-boxes-left-orange {
    border-left: solid 2px #e67e22;
}

.list-boxes-left-orange:hover {
    border-left-color: #d35400;
}

/*Green Left Bordered list Box**/
.list-boxes-left-green {
    border-left: solid 2px #72c02c;
}

.list-boxes-left-green:hover {
    border-left-color: #5fb611;
}

/*Green Right Bordered list Box**/
.list-boxes-right-u {
    border-right: solid 2px #72c02c;
}

.list-boxes-right-u:hover {
    border-right-color: #5fb611;
}

/*comments*/

.g-pz{position:relative;margin: 0 3.1% 0;padding-top: 20px;}
.g-pz h2{text-align: center;font-weight: normal;color: #aeaeae;font-size: 0.85rem;padding-bottom:1.35rem;}
.g-pz h2 i{display: block;position:relative;color: #ffffff;font-weight: bold;font-size: 18px;line-height: 100%;margin-bottom: 0.7rem;}
.g-pz h2 i:before{content:"";position:absolute;height:1px;width:2.6rem;left:23%;top:50%;/* background:#333; */}
.g-pz h2 i:after{content:"";position:absolute;height:1px;width:2.6rem;right:23%;top:50%;/* background:#333; */}
.g-pz h3{ border-bottom: 1px solid #ddd; font-size: 1rem; color: #888; padding-left: 1.7rem; padding-bottom: 0.9rem; position: relative; margin-bottom: 1.4rem;}
.g-pz h3 span{ display: inline-block; float: right; width: 2.67rem; height: 2.67rem; border-radius: 2.6rem; background: #cb6d4e; color: #fff; text-align: center; line-height: 2.67rem; font-family: Arial; font-size: 1.67rem; margin-top: 1rem;}
.g-pz h3 em i{ display: block; color: #333; font-size: 1.25rem; padding: 0.8rem 0 0.6rem 0; line-height: 100%;}
.g-pz h3:before{ content:""; position:absolute;height:5.35rem;width:1px;left:0.8rem;top:0; background:#cb6d4e;}

.g-pz .prev{ width:1.5rem; position:absolute; top:76%; left:0.8rem; z-index:5;}
.g-pz .next{ width:1.5rem; position:absolute; top:76%; right:0.8rem; z-index: 5;}
.g-pz .nowarp { margin:0;}
.g-pz .m-box .con{ display:inline; float:left;}
.g-pz .con ul{ overflow: hidden;}


.call{background: url(../images/tel.jpg) repeat-y; text-align: center; margin-bottom: 3.35rem; padding-bottom: 1.6rem;}

.call h3{ padding-top: 1.8rem; color: #888; font-size: 1.17rem; padding-bottom: 0.9rem;}
.call h3 i{ display: block; color:#cb6d4e; font-weight: bold; font-size: 1.42rem; padding-bottom: 0.7rem;}
.call p{ margin: 0 26%; height: 2.1rem; line-height: 2.1rem; border-radius: 2.1rem; background: #cb6d4e;}
.call p a{ display: block; font-family: Arial; font-size: 1.25rem; color: #fff; padding-left: 3.1rem;background: url(../img/tel.gif) no-repeat 1.4rem 0.4rem;background-size:1.25rem; text-align: left;}

/**/
.g-yix{width:100%;overflow:hidden;position:relative;box-sizing: border-box;padding: 0 3.1% 0;/* background: #000000; */}
.g-yix h2{ text-align: center; font-weight: normal; color: #888888; font-size: 0.85rem; padding-bottom:1.35rem;}
.g-yix h2 i{ display: block; position:relative; color: #333333; font-weight: bold; font-size: 1.67rem; line-height: 100%; margin-bottom: 0.7rem;}
.g-yix h2 i:before{ content:""; position:absolute;height:1px;width:2.6rem;left:23%;top:50%; background:#333;}
.g-yix h2 i:after{ content:""; position:absolute;height:1px;width:2.6rem;right:23%;top:50%; background:#333;}
.g-yix .m-box .con{ display:inline; float:left;}
.g-yix .con dl dt{ font-size: 0; }
.g-yix .con dl dd{ overflow: hidden;}
.g-yix .con dl dd h4{overflow: hidden;padding-top: 1rem;}
.g-yix .con dl dd h4 span{ display: inline-block; float: left; font-size: 1.65rem; color: #dddddd; font-family: Impact; line-height: 100%; padding-top: 0.1rem;}
.g-yix .con dl dd h4 i{ display: inline-block; float: right; width:91%; font-size: 1.25rem; color: #555; font-weight: bold;}
.g-yix .con dl dd h4 i em{/* color: #1c2e45; */}
.g-yix .con dl dd p{color: #ffffff;font-size:1rem;line-height: 1.5;/* margin-left: 5%; */padding:0 0 1.5rem 0;/* margin-right:5%; */padding: 15px 10px 20px 10px;/* text-align:  left; */font-size: 12px;/* margin: 1% 5%; */margin: 0;/* background: #000; */}
.g-yix .con dl dd p:first-of-type{/* border-bottom: 1px solid #eee; */}
.g-yix .con dl dd p span{ display: block;padding-left: 0.9rem; position: relative;}
.g-yix .con dl dd p span:before{ content:""; position:absolute;height:0.25rem;width:0.25rem;left:0;top:0.65rem; background:#601a87; border-radius: 0.25rem;}
.g-yix .m-cnt{ margin:0 auto; overflow: hidden; box-sizing: border-box; padding:1rem  0 0 3.35rem;background: url(../images/ul.gif) no-repeat center 0;background-size:9.8rem 2.7rem; position: relative; height: 2.7rem; width:9.8rem;clear: both;}
.g-yix .m-cnt li{ width:0.5rem; float:left; position:relative; height: 0.5rem; border-radius:0.5rem; margin-right: 0.75rem; background: #aaa;}
.g-yix .m-cnt li.z-on{  background: #cfa968; }
/**/





.hls-page-container {overflow: hidden;position: relative;}
.hls-page-container img{display: block;width: 100%;height: auto;}
.d-table {display: table;width: 100%;height: 100%;}
.d-table-cell {display: table-cell;vertical-align: middle;}
.container {/* margin:auto 5%; */position: relative;overflow: hidden;}
.ptb5 {/* padding:5% 0; */}
.title {}
.title h2{font-size: 44px;font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; }
.title h3{font-size: 30px;font-weight: bold;}
.title h3 line{width: 40px;height: 2px;background: #f4a46a;margin: 0 15px;display: inline-block;vertical-align: middle;}
.title h6 {font-size: 14px;line-height: 28px; color: #999999;font-weight: normal;padding:30px 0;overflow: hidden;width: 60%;}
.tmore {position: absolute;width: 115px;right: 0;top:55%;}
.tmore a {display: block;position: relative;font-size: 14px;padding-bottom: 20px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase;}
.tmore a i{display: block;width: 16px;height: 10px;position: absolute;right: 0;top: 4px;background: url("../images/right-h.svg") center no-repeat;background-size: 100%;}
.tmore a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;}
.tmore a:hover {color: #000;letter-spacing: 1px;}
.tmore a:hover i{right: 10%;}
.tmore a:hover::after {background: #000;}

.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;}



 
.hls-iproduct {}
.hls-iproduct .iproduct {position: relative;margin:0 0px 2px 0;width:-webkit-calc(33.36% - 2px); width:-moz-calc(33.36% - 2px); width:calc(33.36% - 2px);max-width: 33.3333333%;float: left;}
.hls-iproduct .iproduct a{display: block;overflow: hidden;}
.hls-iproduct .iproduct .txt{position: absolute;bottom: 0;left: 0;width: 90%;z-index: 3;padding:5%;}
.hls-iproduct .iproduct .txt h5{font-size: 16px;color: #fff;padding: 2px 0;}
.hls-iproduct .iproduct .txt h4{font-size: 20px;color: #fff;}
.hls-iproduct .iproduct .pic{position: relative;}
.hls-iproduct .iproduct .pic .mark{position: absolute;bottom: 0;left: 0;width: 100%;height:70%;z-index: 1; background:linear-gradient(to top,#000,rgba(0,0,0,0));opacity: .6;}
.hls-iproduct .iproduct a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.hls-iproduct .iproduct.ip1 {width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); width:calc(50% - 1px);max-width: 50%;margin:0 1px 2px 0;}
.hls-iproduct .iproduct.ip2 {width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); width:calc(50% - 1px);max-width: 50%;margin:0 0px 2px 1px;} 
.hls-iproduct .iproduct.ip3 {}
.hls-iproduct .iproduct.ip4 {width:-webkit-calc(33.3333333% - 1px); width:-moz-calc(33.3333333% - 1px); width:calc(33.3333333% - 1px);margin:0 2px 2px 2px;}
.hls-iproduct .iproduct.ip5 {}


/* 860 */
@media screen and (max-width: 860px) {
	
	
	 
	header,.pcshow,.suspension { display:none!important;}
	.mbshow,.nav_mobile {display:block!important; }
	.rolling-top {display: none!important;}
	footer .hls-footer {padding: 10% 0 ;}
	footer .hls-footer .leftnav {display: none}
	footer .hls-footer .right {width: 100%;float: none;text-align: center;}
	footer .hls-footer .right ul {float: none;}
	footer .hls-footer .right ul a.flogo {margin: auto;}
	footer .hls-footer .right ul li {text-align: center;}
	footer .hls-footer .right ul:last-child a{display: block;}
	.xy-index-banner .text {width:90%;left:5%;top: 35%;margin-left:0px;}
	.xy-index-banner .text h2 {font-size: 20px;}
	.xy-index-banner .text.left {left: 5%;}
	.xy-index-banner .text.right {right: 5%;}
	.xy-index-banner .text h6 {font-size: 14px;width: 140px;height:42px;line-height: 42px;}
	.title h2 {font-size:24px;}
	.title h3 {font-size:18px;}
	.ptb5 {/* padding: 2% 0 5% 0; */}
	.tmore {width: 70px;top:45%;}
	.tmore a {font-size: 12px;padding-bottom: 10px;}
	.hls-iproduct .iproduct,.hls-iproduct .iproduct.ip1,.hls-iproduct .iproduct.ip2,.hls-iproduct .iproduct.ip4 {margin:1% 0px ;width:100%;max-width: 100%;float: none;}
	.hls-iproduct .iproduct .txt h4 {font-size: 18px;font-weight:  bold;}
	.hls-iproduct .iproduct .txt h5 {font-size: 14px;font-weight: 500;/* text-transform:  capitalize; */}
	.hls-iadvantages .left {float: none;width: 100%;}
	.hls-iadvantages .right {float: none;width: 90%;padding: 10% 5% 0 5%;margin-bottom:10%;}
	.imore a {font-size: 14px;width: 130px;height:42px;line-height:42px;}
	.icase-nav {width: 100%;height: 40px;position: relative;right:auto;bottom:auto;padding:10% 0 0 0;}
	.icase-nav .swiper-slide li::after {width: 100%;left: 0;}
	.iacaselist .imore {margin-left: -62px;}
	.iacaselist .swiper-slide {padding-bottom: 40px;}
	.hls-inews {padding: 15% 0;}
	.inewslist .inews {width: 100%;float: none;margin-bottom:3%;}
	.inewslist .inews a .pic {width: 100%;float: none;}
	.inewslist .inews a .txt {position:relative;right:auto;top: auto;width: 90%;height:auto;padding:5%;overflow: hidden;}
	.inewslist .inews a .txt h5 {display: block;}
	.inewslist .inews a .txt h6 {padding:0;}
	.inewslist .inews:nth-child(3) .txt, .inewslist .inews:nth-child(4) .txt {left: auto;right: auto;}
	.hls-icontact .icontact a {font-size: 20px;width:60%;height:50px;line-height:50px;margin-left: 0;margin-top: -25px;left: 20%;}
	.pathbg {padding-top: 50px;}
	.hls-page-about .ptitle h2 {font-size: 200px;line-height: 200px;width: 1000%;}
	.hls-page-about .ptitle h3 {font-size: 40px;width:100%;left:0;margin-left:0px;text-align: center;bottom: 30%;}
	.aboutnav {width: 100%;}
	.aboutnav li a i {margin-top:0;}
	.aboutnav li a {padding:10px 0;}
	.hls-company-pic {position: relative;right:auto;top:auto;width: 100%;}
	.pt130 {padding-top: 10%;}
	.hls-company .company {width: 100%;}
	.hls-history {padding: 20% 0;}
	.histor-time h3 {padding:20px 0;font-size:20px;}
	.histor-time-line {background: url(../upload/hline.svg) center bottom no-repeat;background-size:400%;}
	.histor-main {width: 100%;margin: 50px auto auto;}
	.histor-main li {font-size: 14px;line-height:26px;}
	.hls-interpretation {padding:20% 0;}
	.interpretation .pic {width:100%;float: none;}
	.interpretation .txt {position: relative;width:100%;height: auto;left:auto;top: auto;padding:5% 0;}
	.interpretation.int2 .pic,.interpretation.int2 .pic:last-child {width: 100%;float: none;}
	.interpretation.int2 .txt {width: 100%;left: auto;padding:5% 0;}
	.hls-brand {background-size: 200%;}
	.hls-brand .brand .btitle h4 {font-size:16px;}
	.hls-brand .brand .btitle h2 {font-size: 22px;}
	.hls-brand .concept .pic {width: 100%;float: none;margin-top: 5%;}
	.hls-brand .brand .txt {text-align: center;font-size: 12px;line-height: 19px;position: relative;right: auto;top: auto;}
	.hls-brand .concept .main {width: 100%;padding: 10% 0;float: none;}
	.hls-brand .advantage .main {width: 100%;padding: 5% 0 0 0;}
	.hls-brand .advantage .pic {width: 100%;float: none;}
	.hls-brand .advantage .main .text {width: 100%;padding: 5% 0;font-size: 14px;line-height: 30px;}
	.title h6 {font-size: 14px;line-height: 28px;adding: 30px 0;width: 100%;}
	.swiper-button-nextC, .swiper-button-prevC,.swiper-button-nextD, .swiper-button-prevD {display: none;}
	.certification li {padding:10%;}
	.certification li .dtable,.certification li .dtable-cell,.certification li img {height:150px;max-height: 150px;}
	.downloadlist {padding: 10% 0;}
	.hls-page-container#A6 {padding: 10% 0;overflow: hidden;}
	.prodcutnav .swiper-wrapper {display: flex;}
	.prodcutnav2 {padding:10% 0;}
	.prodcutnav2 a {padding:10px;}
	.prodcutlist a, .otherprodcut a {width: 49%;margin: 0.5%;float: left;display: block;}
	.prodcutlist {padding:5% 0 15% 0;width: 101%;}
	.hls-page-prodcut {width: 101%;margin-left: -1%;}
	.detailpic {float: none;width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px);}
	.detailpic .swiper-button-next, .detailpic .swiper-button-prev {width: 60px;height: 40px;bottom: 0px;}
	.detailpic .swiper-button-prev {right: 61px;}
	.detailpic .swiper-pagination.swiper-pagination-fraction {bottom:3%;}
	.detailmain {width: 100%;padding:5% 0;}
	.hls-page-prodcutdetail {padding: 5% 0 15% 0;}
	.dtitle {font-size: 16px;}
	.dtitle h2  {font-size: 20px;}
	.pdata ul li {font-size: 12px; margin-right: 10%; width: auto;}
	.otherprodcut a:last-child{display: none;}
	.hls-page-otherprodcut .prodcutnav{padding: 10% 0;}
	.hls-page-case .ptitle h2 {width: 1000%;font-size: 200px;line-height: 200px;}
	.hls-page-case .ptitle h3 {font-size: 40px;bottom:auto;top: 30%;}
	.hls-page-case .ptitle h4 {position: relative;width:90%;right:auto;bottom:auto;font-size: 14px;line-height: 24px;margin: auto;}
	.caselistpic {width: 100%;}
	.caselistright {width: 90%;padding:5%;}
	.caselistright.clr2,.caselistpic.clpic2,.caselistpic.clpic4{float: left;}
	.hls-icontact img {width: 200%;}
	.casedetail {width: 100%;}
	.case {float: none;width: 100%;margin: 1% 0;}
	.hls-page-casedetail {padding: 5% 0 15% 0;}
	.nnav {right:auto;left:auto; bottom:auto;width:97%;text-align: left;position: relative;margin:-50px auto auto;}
	.nnav a {font-size: 14px; margin-left: 0;padding:10% 0; overflow: hidden;margin-bottom: 10px;display: block;text-align: center;}
	.pagenum {padding: 1% 0 15% 0;}
	.hls-page-newsdetail {width: 90%;padding: 5% 0;}
	.hls-page-path {line-height: 22px;}
	.hls-page-newsdetail .title h2 {font-size:30px;}
	.news-detail-page a.prev,.news-detail-page a.next {text-indent: -999px;background-size: 26%;}
	.storespic,.stores.stores2 .storespic {float: none;width: 100%;}
	.storestxt {width: 100%;position: relative;height: auto;right: auto;top: auto;padding:5% 0;}
	.stores {margin-bottom: 15%;}
	.stores.stores2 .storestxt {right: auto;left:0;}
	.storestxt h2 {font-size:20px;}
	.dealers-map {width: 100%;}
	.dealers-right {float: left;width: 90%;padding: 5% 5%;}
	.dealers-list {margin: 5% 0 5% 0;height: 510px;overflow: auto;}
	.scroll_wrap {height:auto;}
	.scroll_bar {display: none;}
	.scroll_cont {height: auto;}
	.electricity a {width:100%;height:210px;margin:1% 0;}
	.feedback {padding-bottom: 13%;width:90%;margin: auto;}
	.feedback li {width:100%;margin:1% 0;}
	.textarea3 {width: 94.5%;}
	.submit3 {width: 98%;}
	.technical-nav a {line-height: 63px;width: 30%;}
	.technical .left {width: 100%;padding:5% 0;}
	.technical .pic {width: 100%;}
	.technical:last-child .left {width: 100%;padding:5% 0;}
	.serviceconsulting .left {float: none;width: 100%;}
	.serviceconsulting .right {float: none;width: 100%;padding:0%;}
	.serviceconsulting .right li .submit1 {width:100%;}
	.contact {margin-bottom: 10%;}
	.project {margin-bottom: 10%;}
	.project .pic {float: none;width:100%;}
	.project .txt {width: 100%;position:relative;height:auto;right:auto;top:auto;padding: 5% 0;}
	.project .txt h2 {font-size: 20px;}
	.project .txt h4 {padding: 5% 0;}
	.project.project2 .txt {right: auto;left:auto;}
	.jobtitle span,.joblist li a span{width: 30%;}
	.jobtitle span:last-child,.joblist li a span:last-child,.jobtitle span:nth-child(2),.joblist li a span:nth-child(2) {display: none;}
	.joblist li a {padding:5% 5%;}
	.jobli li {width:30%;float: left;}
	.jobbtn {margin: 30px 0;}
	.talentconcept .pic {float: none;width: 100%;}
	.talentconcept .txt {width: 100%;float: none;padding:5% 0;}
	.nnav.num3,.nnav.num4 {text-align: left;}
	.nnav.num3 .swiper-wrapper, .nnav.num4 .swiper-wrapper {display: flex;}
	.dealers {padding-bottom: 13%;}
	.pcrzshow {position: relative;left: auto;top: auto;margin-top:10px;}
	.joinapply .select3 {background: url(../images/sj.png) 95% center no-repeat;}
	
	
	.white_content {top:0;left:0;width:100%;height:100%; margin-left: -0px;margin-top: -0px;background: #fff;}
	.white_content .dtable{height:100%}
	.white_content .dtable .dtable-cell {height:100%!important;}
	.white_content form {position: inherit;}
	
 

}

.zc-page-banner {position: relative;margin-top: 100px;overflow: hidden;padding-bottom:50px;}
.zc-page-banner .zc-content {}
.zc-page-banner .zc-title {position: absolute;left:8%;top: 50%;margin-top: -94px;z-index: 4;}
.zc-page-banner .zc-title h3{color: #fff;}
.zc-page-banner .zc-title h2{color: #fff;opacity: .3;clear: both;}
.zc-page-banner .zc-title.right {left:auto;right:8%;text-align: right;}
.zc-page-banner .zc-title.right line {float: right;clear: both;}

.zc-banner-title {position: absolute;left:8%;top: 50%;margin-top: -94px;z-index: 4;}
.zc-banner-title h3{color: #fff;font-size: 30px;padding-bottom: 10px;font-family: 'ariblk';}
.zc-banner-title h5{color: #fff;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.zc-page-banner .zc-pic {background: #000;overflow: hidden;position: relative; z-index: 3;}
.zc-page-banner .zc-pic img {display: block;margin: auto;}
.zc-page-banner .zc-pic .mark {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: .4;}

.zc-page-banner .zc-banner-nav {background:#fff;width:84%;position:absolute;left:8%;bottom:5px;z-index: 40;overflow:hidden;box-shadow:0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);}
.zc-page-banner .zc-banner-nav a {display: block;float: left;text-align: center;padding: 33px 0;overflow: hidden;position: relative;}
.zc-page-banner .zc-banner-nav a::after {content: '';display: block;position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: #d7e4f9;}
.zc-page-banner .zc-banner-nav a:last-child::after {display: none;}
.zc-page-banner .zc-banner-nav a i {width: 30px;height: 30px;overflow: hidden;display:inline-block;vertical-align: middle;}
.zc-page-banner .zc-banner-nav a i img{display: block;}
.zc-page-banner .zc-banner-nav a i .svg-inject,
.zc-page-banner .zc-banner-nav a i .svg-inject path {fill: #999!important;}

.zc-page-banner .zc-banner-nav a h3{display:inline-block;vertical-align: middle;font-size: 18px;color: #999;margin-left: 5%;}
.zc-page-banner .zc-banner-nav a:hover,.zc-page-banner .zc-banner-nav a.cur {background: #3876df;}
.zc-page-banner .zc-banner-nav a:hover h3,.zc-page-banner .zc-banner-nav a.cur h3{color: #fff;}
.zc-page-banner .zc-banner-nav a:hover i .svg-inject,
.zc-page-banner .zc-banner-nav a:hover i .svg-inject path,
.zc-page-banner .zc-banner-nav a.cur i .svg-inject,
.zc-page-banner .zc-banner-nav a.cur i .svg-inject path {fill: #fff!important;}

.zc-banner-nav.nav7 a{width: 14.2857143%;}
.zc-banner-nav.nav6 a{width: 16.6666%;}
.zc-banner-nav.nav5 a{width: 20%;}
.zc-banner-nav.nav4 a{width: 25%;}
.zc-banner-nav.nav3 a{width: 33.333333333%;}
.zc-banner-nav.nav2 a{width: 50%;}
.zc-banner-nav.nav1 a{width: 100%;}

.overflow-visible {overflow: visible;}
.zc-banner-nav.producttype-nav {font-size: 0;overflow: visible;}
.zc-banner-nav.producttype-nav li{position: relative;width: 20%;display: inline-block;}
.zc-banner-nav.producttype-nav li a{text-align: left;width: 100%;}
.zc-banner-nav.producttype-nav li a i {margin-left: 10%;}
.zc-banner-nav.producttype-nav li a h3::after {content: '\e611';display: block;width: 20px;height: 20px;position: absolute;right:10%;top: 50%;margin-top: -5px;font-family: 'font_family';font-size: 16px;color: #ccc;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.zc-banner-nav.producttype-nav li ul{display: none;position: absolute;width: 100%;top: 96px;left: 0;z-index: 33;background: #3876df;}
.zc-banner-nav.producttype-nav li ul::before{content: '';display: block;position: absolute;width: 80%;top: 0;left: 10%;height: 1px;background: #6091e5;}
.zc-banner-nav.producttype-nav li ul li{display: block;width: 80%;padding: 3% 0;border-bottom:1px solid #6091e5;margin: auto;overflow: hidden;}
.zc-banner-nav.producttype-nav li ul li a{float: none;padding: 5% 0;color: #fff;font-size: 16px;position: relative;}
.zc-banner-nav.producttype-nav li ul li a::before {content:'\e60d';font-family: 'font_family';width: 20px;height:20px;position: absolute;right:0;top: 50%;margin-top: -7px;z-index: 1;font-size: 16px;color: #fff;display: none;}
.zc-banner-nav.producttype-nav li ul li a:hover {color: #fff;}
.zc-banner-nav.producttype-nav li ul li:last-child a {border: none;}
.zc-banner-nav.producttype-nav li a.cur h3{color: #fff;}
.zc-banner-nav.producttype-nav li:hover ul{display: block;}
.zc-banner-nav.producttype-nav li:hover a::after{background: #3876df;}
.zc-banner-nav.producttype-nav li ul li a:hover::before {display: block;}
.zc-banner-nav.producttype-nav li a:hover h3::after {content: '';height:2px;margin-top: -1.5px;background: #fff;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none;transform:none;}

.zc-banner-nav.producttype-nav.nav6 li {width: 16.6666%;}
.zc-banner-nav.producttype-nav.nav5 li {width: 20%;}
.zc-banner-nav.producttype-nav.nav4 li {width: 25%;}
.zc-banner-nav.producttype-nav.nav3 li {width: 33.333333333%;}
.zc-banner-nav.producttype-nav.nav2 li {width: 50%;}

.zc-banner-nav.producttype-nav.nav2 li ul li,.zc-banner-nav.producttype-nav.nav3 li ul li,.zc-banner-nav.producttype-nav.nav4 li ul li,.zc-banner-nav.producttype-nav.nav5 li ul li { width: 80%;}


.zc-page-path {border-bottom: 1px solid #f3f3f3;padding:17px 0;overflow: hidden;color: #bcbcbc;}
.zc-page-path .zc-content{text-align: right;width: 84%;margin: auto;font-size: 14px;}
.zc-page-path a{color: #bcbcbc;font-size: 14px;}
.zc-page-path a.cur{color: #000;}
.zc-page-path a:hover {color: #3876df;}



.zc-banner-mnav {background:#fff;width:100%;position:absolute;left:0;bottom:5px;z-index: 66;box-shadow:0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);overflow-x: scroll;overflow-y: hidden;white-space:nowrap;font-size:0;letter-spaceing:-4px;display: none;/* padding: 5%; */}
.zc-banner-mnav::-webkit-scrollbar { width:0; height:0; display: none;} 
.zc-banner-mnav div {display:inline-block;text-align: center;padding: 5% 5% 5% 0;position: relative;}
.zc-banner-mnav div::after {content: '';display: block;position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: #d7e4f9;}
.zc-banner-mnav div:last-child::after {display: none;}
.zc-banner-mnav div i {width: 20px;height: 20px;overflow: hidden;display:inline-block;vertical-align: middle;}
.zc-banner-mnav div i img{display: block;}
.zc-banner-mnav div i .svg-inject,
.zc-banner-mnav div i .svg-inject path {fill: #999!important;}
.zc-banner-mnav div h3{display:inline-block;vertical-align: middle;font-size: 15px;color: #999;margin-left: 5%;}
.zc-banner-mnav div.cur {background: #3876df;}
.zc-banner-mnav div.cur h3{color: #fff;}
.zc-banner-mnav div.cur i .svg-inject,
.zc-banner-mnav div.cur i .svg-inject path {fill: #fff!important;}
.zc-banner-mnav.nav6 div {min-width: 140px;}
.zc-banner-mnav.nav5 div {min-width: 130px;}
.zc-banner-mnav.nav4 div {min-width: 120px;}
.zc-banner-mnav.nav3 div {min-width: 23%;}
.zc-banner-mnav.nav2 div {min-width: 40%;}


.zc-product-mnav2 {padding:0 0 4% 0;font-size: 0;text-align: center;display: none;}
.zc-product-mnav2 a{display: inline-block;margin: 1%;width:30%;font-size: 12px;border: 1px solid #ccc;padding: 10px 0;}
.zc-product-mnav2 a.cur {background: #3876df;color: #fff;}
.zc-product-mnav2 div{display: inline-block;margin: 1%;width:30%;font-size: 12px;border: 1px solid #ccc;padding: 10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zc-product-mnav2 div.cur {background: #3876df;color: #fff;}

/* 860 */
@media screen and (max-width: 860px) {
	
	
	.pcshow,header,.aside-top,.zc-product-content,.zc-news-content,.zc-download-content {display: none!important;}
	.mbshow,.zc-mnav  {display: block!important;}
	.zc-mobile-swiper,.zc-product-mnav2 {display: block;}
	
	.zc-index-banner a .text { left:8%;top: 20%;width:82%;height:auto; margin-top: 0px;}
	.zc-index-banner a .text h3{font-size: 12px;}
	.zc-index-banner a .text h2{font-size: 26px;}
	.zc-index-banner a .text h4{font-size: 14px;}
	.product4 a h4 {font-size: 18px;}
	.zc-index-banner .swiper-slide a.center .text{left:9%;top:20%;width:82%;}
	.rolling {right: 7%;}
	.zc-index-content .zc-content {width: 94%;}
	.zc-index-content {padding: 5% 0 0px 0;}
	.zc-index-brand .zc-center .zc-right,.zc-index-solution .zc-left {width: 100%;float: none;}
	.zc-index-brand .zc-center .zc-left {width: 90%;padding: 2% 5% 15% 5%;float: none;}
	.zc-index-brand .zc-center .zc-bg1 {width: 100%;}
	.zc-index-brand .zc-top,.zc-index-product .zc-text h6,.zc-index-product .zc-right {width: 100%;}
	.zc-index-brand .zc-bottom {width: 100%;height: 0;}
	.zc-index-brand .zc-center .zc-right {padding-top: 0;}
	.zc-index-product .zc-content,.product4 a .pic {width: 100%;}
	.zc-index-product .zc-left {width:90%;padding:5%; float: none;background: #3876df;}
	.zc-index-product .zc-bg2,.footer-nav span {display: none;}
	.zc-index-product .zc-pic {height: auto;}
	.zc-index-product .zc-text {padding: 8% 0 ;}	
	.zc-index-product .zc-right .zc-title,.zc-index-solution .zc-right {display: none;}
	.zc-product4 {margin-top: 0px;border-top: none;border-right: none;}
	.product4 a {padding: 10%;}
	.zc-index-solution .zc-left {margin-bottom: 30px;}
	.zc-index-solution .zc-left .zc-title{margin-left: 4%;}
	.zc-index-solution .zc-bottom {position: relative;bottom: auto;width:100%;}
	.zc-index-solution-li,.zc-news-other ul li a .text {width: 100%;}
	.zc-index-solution-li .zc-text a {padding: 10% 10% 15% 10%;}
	.zc-index-news .zc-more {top:65px;}
	.zc-news3 {padding-top: 30px;}
	.news3 {float: none;width: 100%;margin: 1% 0 ;}
	.zc-index-news {padding: 10px 0 50px 0;}
	.footer-logo {position: absolute;left: 0;top: 0;right: auto;bottom: auto;}
	.footer-nav {padding: 50px 0 0px 0;}
	.footer-nav a{display: block; border-top: 1px solid #3d3d3d;padding: 2% 0;}
	.zc-footer-top {padding-bottom: 0;}
	.footer-social {position: relative;right: auto;top: auto;text-align: left;padding: 20px 0;}
	.footer-social a {margin-left: 0;margin-right:10px;}
	.footer-copy {text-align: left;position: relative;padding-top: 10px;right: auto;bottom: auto;}
	.zc-page-banner {margin-top: 0;padding-bottom: 0;/* padding: 0.3rem 0.4rem 0.7rem; */}
	.solution,.product {float: none;width: 100%;margin-bottom: 20px;margin-right: 0;}
	.zc-page-banner .zc-pic img {width: 100%;max-width: 100%;}
	.zc-page-banner .zc-title {margin-top: -80px;}
	.zc-banner-title {top: 50%;margin-top: -94px;width: 80%;}
	.zc-page-banner .zc-title line {margin: 15px 0 5px 0;}
	.zc-page-banner .zc-banner-nav {display: none;}
	.zc-page-banner .zc-banner-mnav {display:block;}
	.zc-solution-content,.zc-product-content,.zc-news-content {padding: 40px 0 0px 0;}
	.zc-solution-content .zc-content,.zc-news-detail-content,.zc-contact,.zc-product-detail-content {width: 100%;padding: 0 3.1% 2.35rem;}
	.zc-page-path .zc-content {text-align: left;}
	.zc-solution-overview .zc-left,.zc-solution-overview .zc-right,.zc-solution-advantages .zc-left,.zc-solution-advantages .zc-right,.zc-solution-functionality .zc-left,.zc-solution-functionality .zc-right,.zc-news-left,.zc-news-right {float: none;width:100%;}
	.zc-solution-overview .zc-right {padding: 30px 0 0px 0;}
	.zc-solution-advantages .zc-right,.zc-contact-content {padding: 5% 0;}
	.zc-solution-advantages,.zc-product-detail,.zc-news-detail{padding: 10% 0;}
	.zc-solution-advantages .zc-bg3 {width: 100%;}
	.functionality li {float: none;width: 100%;padding: 5% 0;}
	.zc-product-path,.zc-news-other {margin-top: 50px;}
	.zc-product-path .zc-content {width: 90%;line-height: 24px;}
	.zc-product-leftpic,.zc-product-rigthtxt,.zc-product-video .zc-video,.zc-contact-left {width: 100%;float: none;margin-right: 0;}
	.zc-product-rigthtxt h3 {padding: 30px 0 ;}
	.zc-product-bottom-nav {overflow: hidden;padding-top: 30px;}
	.zc-product-bottom-nav li{font-size: 14px;margin-right:0;width: 24%;text-align: center;padding: 0 0 20px 0;}
	.zc-solution-functionality .zc-left .text,.zc-solution-functionality {padding: 50px 0;}
	.title h3,.news-title h2 {font-size: 22px;}
	.news,.zc-news-other ul li a .pic {float: none;width: 100%;margin: 1% 0 ;}
	.zc-page-npr a.prev,.zc-page-npr a.next {text-indent: -9999px;}
	.zc-page-npr a.return {text-align: center;}
	.zc-news-other ul li.cur a.style1 {height: auto;}
	.zc-news-other ul li a .text h3 {padding: 0;}
	.zc-news-other ul li.cur a.style1 {display: block!important;}
	.zc-news-other ul li a.style1 {display: none!important;}
	.zc-contact-right {width: 100%;float: none;margin: 0;}
	.zc-contact-left .zc-ewm{display: none}
	.zc-name {padding: 40px 0 20px 0;}
	.zc-contact-right {margin-bottom: 40px;}
	.zc-page-npr a.prev {position:absolute;}
	.zc-page-npr a.prev::before {content: '\e60b';font-family: 'font_family';display: block;position: absolute;font-size: 20px;width: 30px;height: 30px;line-height: 30px; color: #000;left: 0;top: 50%;margin-top: -15px;text-indent: 0;}
	.zc-page-npr a.next::before {content: '\e60d';font-family: 'font_family';display: block;position: absolute;font-size: 20px;width: 30px;height: 30px;line-height: 30px;color: #000;right: 0;top: 50%;margin-top: -15px;text-indent: 0;}
	.news3 a .zc-pic ul,.news3 a .zc-pic ul li{display: block;}
	.zc-index-solution-li .zc-text,.news3 a .zc-pic,.solution a .zc-pic,.zc-page-banner .zc-pic,.news a .zc-pic {min-height: auto;max-height: none;height: auto;}
	.zc-download-nav,.zc-download-search {display: none;}
	.zc-download-content {padding: 40px 0 10px 0;}
	.download {border: 1px solid #ccc;width:98%;margin-bottom: 1%;margin-right:0;}
	.white_content {left:0;top:0;width: 100%;height: 100%; margin-left: 0px;margin-top: 0px;padding:0;}
	.video_content video {height: 100%;}
	.white_content .close {z-index: 99;}
	.download-list ul li {display: none!important;}
	.download-list ul li:first-child {display: inline-block!important;width: 80%!important;}
	.download-list ul li:last-child {display: inline-block!important;width: 10%!important;text-align: center;}
	.zc-download-search-list ul li {display: none!important;}

	.zc-download-search-list ul li:first-child {display: inline-block!important;width:70%!important;}
	.zc-download-search-list ul li:last-child {display: inline-block!important;width:20%!important;text-align: center;}
	.zc-banner-mnav div {padding: 5% 5% 5% 5%;}
	.zc-download-content .zc-content {width: 94%;}
	.system-pic {width:99%;margin-right:0;}
	.system-pic .txt {padding:2% 3% 5% 3%;}
	.zc-solution-system .zc-more {display: none}
	.zc-title.center {left: 5%;width: 90%;margin-left:0px;}
	.searchinput  {width: 90%;padding: 0 5%;}
	.searchsubmit {right: 5%;}
	.zc-about-zontron .zc-left {float: none;width: 100%;}
	.zc-about-zontron .zc-right {float: none;width:100%;padding-left: 0;}
	.zc-bg5 {display: none;}
	.zc-brand-content {padding: 10% 0;}
	.zc-about-zontron {padding: 0 5% ;}
	.zc-right  {padding-top:5%;}
	.zc-brand-annotation .zc-left {position: relative;width: 90%;padding:0 5%;left:auto;top: auto;}
	.zc-brand-annotation .zc-left {width: 90%;padding:10% 5%;}
	.zc-brand-annotation .zc-right {position: relative;width: 100%;min-height:auto;max-height: none;height: auto;right:auto;top:auto;}
	.zc-brand-annotation .zc-right ul {position: relative;}
	.zc-brand-annotation .zc-right img {width: 50%;margin: 15% auto;}
	.annotation .pic {width: 100%;float: none;}
	.annotation .text {width: 100%;height:auto;position: relative;right:auto;top:auto;}
	.annotation.a2 .pic,.annotation.a3 .pic {width:100%;float: none;}
	.annotation.a2 .text {width: 100%;right:auto;}
	.annotation.a2 .pic:last-child,.annotation.a3 .text:last-child {width: 100%;;float: none;position: relative;}
	.annotation.a3 .text {width: 100%;position: relative;left: auto;}
	.culture {width: 90%;float: none;padding: 5%;min-height: 105px;}
	.zc-brand-story .zc-center .zc-left {width:90%;padding: 5%;}
	.zc-brand-story .zc-top, .zc-brand-story .zc-bottom {width:100%;height: 60px;}
	.zc-brand-story .zc-center .zc-bg1,.zc-brand-story .zc-center .zc-right  {width: 100%;}
	.honor {float: none;width: 95%;padding:2%;margin:2% 0 ;}
	.honorlist {padding: 10% 0;}
	.zc-download-search-list {width: 90%;margin:5% 5% 15% 5%;}
	.solution a .zc-pic ul,.solution a .zc-pic ul li {display: block;}
	.zc-index-banner a .text line {display: none;}
	.zc-product-content .zc-content {width: 100%;}
	.zc-product-content .zc-content .zc-product .product {width: 100%;}
	.zc-solution-functionality .zc-right {padding-top: 0;}
	.zc-solution-functionality .zc-right {background: none;}
	.zc-index-solution-pic .table-cell,.zc-index-solution-pic .table {display: block;}
	.zc-index-solution-pic img {display: block;width: 100%;height: auto;}
	.zc-solution-content {display: none;}
	.annotation .text .title {padding: 5% 10%;}
	.annotation.a2 .text{background: #f5f5f5;}
	.zc-title.center line {margin: 15px auto 5px auto;}
	.zc-product-content.mshows {display: block!important;width: 90%;margin: auto;}
	.zc-news-other ul li a .pic img{width: 100%;}
	.zc-product-video .zc-video a .pic img {display: block;width: 100%;}
	.zc-page-banner .zc-pic {/* min-height: 200px; *//* padding: 0.3rem 0.4rem 0.7rem; */}
	.system-pic .pic {height: auto;}
	.zc-download-search-list li,.download-list li,.download-list ul.title li {font-size: 12px;}
	.news a .zc-pic {height: auto;}
	.zc-product-leftpic .swiper-slide  a {max-height:225px;min-height:225px;height: 225px;}
	.zc-product-leftpic .swiper-slide ul li img {max-height:225px;}
	.kf,.zc-footer-link {display: none;}
	.footer-social .txt,.footer-copy {text-align: left!important;}
	.footer-social .ewmshow {float: left!important;}
	.footer-copy { border-top: 1px solid #3d3d3d;padding-top: 10px;}
	
}
 
/* 1440 */
@media screen and (max-width: 1440px) {
	
	.zc-index-banner a .text h2 {font-size: 50px;}
	.zc-title h2 {font-size:30px;}
	.zc-title h3 {font-size:24px;}
	.zc-more a,.zc-index-solution-li .zc-text a h3,.honor h3 {font-size: 14px;}
	.product4 a h5,.zc-page-banner .zc-banner-nav a h3 {font-size: 16px;}
	.product4 a {padding: 30px;}
	.product4 a span.more,.zc-news-other ul li a h4 {font-size: 12px;}
	.zc-index-product .zc-text {padding: 80px 0 30px 0;}
	.zc-index-solution-li .zc-text a h2 {font-size: 24px;}
	.zc-index-solution-li .swiper-button-next, .zc-index-solution-li .swiper-button-prev {height: 40px;}
	.zc-index-solution-li .swiper-button-prev::after,.zc-index-solution-li .swiper-button-next::after {line-height: 40px;}
	.zc-solution-advantages .zc-right {width: 45%;}
	.zc-solution-advantages .zc-bg3 {height: 100%;}
	.zc-solution-advantages,.zc-brand-content {padding: 100px 0;}
	.zc-solution-functionality .zc-left {width: 48%;padding: 10% 0 0 0;}
	.zc-product-detail-content {width: 84%;}
	.zc-brand-annotation .zc-left {width: 40%;padding:2%;}
	.zc-brand-annotation .zc-left .text {font-size: 12px;line-height: 22px;}
	.zc-brand-story .zc-center .zc-left {width: 35%;padding: 0 3% 0 8%;}
	.zc-brand-story .zc-center .zc-right {float: right;}
	.zc-news-other ul li a .text h3 {padding: 0px 0 13px 0;}
	.zc-news-other ul li a .pic {width: 45%;}
	.zc-news-other ul li a .text  {width: 50%;}
	.zc-news-other ul li a h4{width: 70%;}
	.zc-news-other ul li a .text h3 {padding: 0px;margin: 0px 0 10px 0;}
	.system-pic .txt,.news3 a .zc-text h4,.zc-solution-overview .zc-right,.zc-solution-advantages .zc-right .text,.functionality li h5,.zc-product-rigthtxt .zc-text,.footer-nav a,.footer-add,.zc-detail-text .text,.zc-about-zontron .zc-right .text,.annotation .txt h4,.zc-brand-story .zc-center .zc-text,.zc-news-tga ul a {font-size: 14px;}
	.zc-index-brand .zc-center .zc-text,.zc-index-product .zc-text h6,.zc-index-solution-li .zc-text a h4,.news3 a .zc-text h5 {font-size: 12px;line-height: 24px;}
	.culture .text,.zc-news-other ul li a .text h5 {font-size: 12px;}
	
	.zc-index-solution-li .zc-text {min-height: 331px;max-height: 331px;height: 331px;overflow: hidden;}
	.news3 a .zc-pic {min-height: 225px;max-height: 225px;height: 225px;}
	.solution a .zc-pic {min-height: 240px;max-height: 240px;height: 240px;}
	.zc-brand-annotation .zc-right {min-height: 370px;max-height: 370px;height: 370px;}
	.culture {min-height: 121px;max-height: 121px;height: 121px;}
	.honor .pic img { min-height: 158px;max-height: 158px;height: 158px;}
	.news a .zc-pic {height: 225px;}
	.zc-index-solution-pic .table {min-height: 328px;}
	.zc-page-banner .zc-banner-nav {width: 1200px;left: 50%;margin-left: -600px;}
	.zc-solution-content .zc-content,.zc-product-content .zc-content,.zc-news-content .zc-content,.zc-download-content .zc-content {width: 1200px;}
	
	
	
} 

/* brand */
.zc-index-content {padding:90px 0 0px 0;overflow: hidden;}
.zc-index-content .zc-content{width: 84%;margin: auto;}

.zc-title{position: relative;}
.zc-title h2 {font-size: 30px;font-weight: bold;text-transform: uppercase;font-family: 'ariblk';}
.zc-title line {display: block;width: 45px;height: 2px;background: #3876df;margin:15px 0;}
.zc-title h3 {font-size: 24px;color: #afafaf;font-weight: normal;}

.zc-index-brand {position: relative;overflow: hidden;}
.zc-index-brand .zc-top,.zc-index-brand .zc-bottom {width:80%;height: 60px;background: #f3f3f3;}
.zc-index-brand .zc-center {position: relative;overflow: hidden;}
.zc-index-brand .zc-center .zc-left {width:40%;padding:2% 10% 2% 10%;float: left;overflow: hidden;position: relative;z-index: 3;}
.zc-index-brand .zc-center .zc-text  {font-size: 16px;line-height: 30px; color: #868686;padding: 45px 0;overflow: hidden;width:100%;text-align: justify;}

.zc-more  {position: relative;padding-right: 30px;overflow: hidden;}
.zc-more a {color: #3876df;font-size: 16px;position: relative;display:block;float: left;padding: 10px 0;}
.zc-more a::after {content: '';width:100%;height: 1px;display: block;background: #3876df;position: absolute;right: 0;bottom: 0;}
.zc-more a::before{content: '';width:0;height: 1px;display: block;background: #3876df;position: absolute;left: 0;bottom: 0;}
.zc-more a:hover::after {-webkit-animation: widthain1 500ms 1 ease forwards;animation: widthain1 500ms 1 ease forwards;}
.zc-more a:hover::before {-webkit-animation: widthain2 500ms 1 500ms ease forwards;animation: widthain2 500ms 1 500ms ease forwards;}
@keyframes widthain1{0%{width:100%;} 100%{width:0;}}

@keyframes widthain2{0%{width:0;} 100%{width:100%;}}
.zc-more a i {display:block;width: 20px;height: 20px;position:absolute;right: -30px;top: 12px;text-align: right;}
.zc-more a i::before {content: '\e60d';font-family: 'font_family';font-size: 20px;line-height: 20px; color: #3876df;display: block;}


.zc-index-brand .zc-center .zc-right {width:40%;float: left;background: #000;overflow: hidden;position: relative;z-index: 3;}
.zc-index-brand .zc-center .zc-right img {display: block;margin: auto;}
.zc-index-brand .zc-center .zc-right ul{display: table;width: 100%;} 
.zc-index-brand .zc-center .zc-right ul li{}
.zc-index-brand .zc-center .zc-bg1 {width:80%;height:100%;background: #f3f3f3;position: absolute;left: 0;top: 0;}

 

/* contact */
.zc-contact-content {/* padding: 70px 0 150px 0; */overflow: hidden;padding: 1% 0;/* background: #000; *//* background: #1211118f; */}
.zc-contact {/* width: 66%; */margin: auto;overflow: hidden;padding: 0% 6%;/* margin: 0px 10px 20px 10px; */}
.zc-contact-left {/* float: left; */width: 100%;overflow: hidden;}
.zc-ewm {background: url("../upload/ewm1.jpg") no-repeat;width: 89px;height: 91px;overflow: hidden;text-align: center;padding:13px 10px;margin-top: 50px;}
.zc-ewm img {display: inline-block;}
.zc-contact-right {float: left;width: 100%;/* margin-left: 10%; */overflow: hidden;}
.zc-name {padding: 20px 0 0 0;overflow: hidden;}
.zc-name h4{font-size: 15px;padding-bottom: 10px;font-weight:  bold;margin-top: 0;color: #ffffff;line-height: 1.5;margin-bottom: 0;}
.zc-name h5{font-size: 12px;font-weight: normal;color: #000000;/* text-transform: uppercase; */margin-top: 0;margin-bottom: 0;}
.zc-add {border-top: 1px solid #4f4f4f;border-bottom: 1px solid #4f4f4f;color: #000000;overflow: hidden;padding: 20px 0;font-size: 17px;line-height: 32px;font-family: Arial;font-weight: bold;}
.zc-add a{font-weight: bold;font-family: 'ariblk';color: #ffffff;}

.header{background: url(QT132.headtop.png) no-repeat #f8f8f8;}#logo-container{height:60px;padding:10px}#company-title{color:#fff;line-height:68px;font-weight:700}#menu>.menu{background:#850000}#nav-menu:before{content:' ';height:1px;background:#fff;opacity:.4}#nav-menu-toggle :before{content:' ';opacity:.3;height:100%;z-index:1}#menu.has-nav-menu>#main-menu>#nav-menu-toggle>a>.icon{position:relative;z-index:2}#menu>#nav-menu,#menu>#nav-menu *,#menu>#nav-menu>li{background:#850000}#footer{text-align:center;position:relative;background-size:auto 100%;background-image:url(QT132.ftbg.png);padding-top:35px;background-repeat:repeat-x}.widget-header{margin:10px;line-height:58px;height:58px;font-size:15px;color:#000;position:relative;text-align:center;background-size:100% 100%;background-image:url(QT132.headerbg.png)}.widget>.widget-body{padding:0 4px;position:relative}.widget-mixlist>.widget-body:before,.widget-textlist>.widget-body:before{background:0 0}.widget>.widget-footer{text-align:center;position:relative;padding:10px}.widget-slides>.widget-footer{height:0}.widget>.widget-footer>.more{font-size:14px;color:#fff;position:relative;text-align:center;line-height:38px;background-image:url(QT132.more.png);background-size:100% 100%;width:167px;height:38px;margin:0 auto 8px;top:5px;display:block}.widget-textblock>.widget-body{line-height:2;padding:10px}.widget-imagelist>.widget-body>.list>.list-item{float:left;width:50%}.widget-imagelist>.widget-body>.list>.list-item>a{display:block;text-align:center;color:#594947;margin-top:10px}.widget-imagelist>.widget-body>.list>.list-item>a>.image-container{overflow:hidden;width:120px;height:120px;margin:0 auto;padding-bottom:0;position:relative}.widget-imagelist>.widget-body>.list>.list-item>a>.title{width:128px;margin:1px auto 0;white-space:pre;overflow:hidden;text-overflow:ellipsis;color:#a20000}.widget-imagelist>.widget-body>.list>li{position:relative}.widget-mixlist>.widget-body>.list>.list-item.only-text,.widget-textlist>.widget-body>.list>.list-item{position:relative;padding:0 10px}.widget-mixlist>.widget-body>.list>.list-item.only-text>a,.widget-textlist>.widget-body>.list>.list-item>a{position:relative;display:block;color:#594947;white-space:pre;overflow:hidden;text-overflow:ellipsis;padding-left:25px;padding-right:25px;height:40px;line-height:40px;border-bottom:1px solid #d5d5d5}.widget-mixlist>.widget-body>.list>.list-item.only-text>a:after,.widget-textlist>.widget-body>.list>.list-item>a:after{position:absolute;display:block;content:' ';right:8px;top:50%;width:10px;height:10px;border:1px solid #BB2415;border-left:0;border-bottom:0;opacity:.8;-webkit-transform:translate(0,-50%) rotate(45deg);transform:translate(0,-50%) rotate(45deg)}.widget-mixlist>.widget-body>.list>.list-item,.widget-textlist>.widget-body>.list>.list-item{position:relative}.widget-mixlist>.widget-body>.list>.list-item:nth-of-type(2n):before,.widget-textlist>.widget-body>.list>.list-item:nth-of-type(2n+1):before{position:absolute;content:' ';display:block;top:0;left:0;width:100%;height:100%}.ugc *{color:#594947}.widget-mixlist>.widget-body>.list>.list-item.only-text>a:before,.widget-textlist>.widget-body>.list>.list-item>a:before{position:absolute;display:block;content:' ';left:3px;top:50%;width:4px;height:4px;border-radius:4px;background:#a20000;opacity:.8;transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}.widget-detaillist>.widget-body>.list>.list-item,.widget-mixlist>.widget-body>.list>.list-item.with-details{padding:0 10px}.widget-detaillist>.widget-body>.list>.list-item>a,.widget-mixlist>.widget-body>.list>.list-item.with-details>a{display:block;color:#594947}.widget-detaillist>.widget-body>.list>.list-item>a>.image-container,.widget-mixlist>.widget-body>.list>.list-item.with-details>a>.image-container{float:left;overflow:hidden;width:75px;height:75px;margin-right:10px;padding-bottom:10px;padding-top:4px;border:0;box-shadow:initial}.widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.title,.widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.title{font-size:120%;white-space:pre;overflow:hidden;text-overflow:ellipsis;color:#444}.widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.content,.widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.content{height:3em;overflow:hidden;line-height:1.5;color:#777}.image-container{border:4px solid #fff;box-shadow:0 0 4px}.widget-article>.widget-body>.article-title{font-size:150%;color:#444;text-align:center;padding-bottom:10px;margin-bottom:10px;line-height:1.8}.widget-article>.widget-body>.ugc{padding:0 10px;line-height:2}.widget{padding-bottom:10px}

.ack{display:block; width:50%; height:2.9rem; margin:0 auto; margin-top:5.4%; text-align:center; color:#333; line-height:2.9rem; border:1px solid #333; -webkit-border-radius:1.6rem; -moz-border-radius:1.6rem; border-radius:1.6rem;}
.ack a{ color:#ff000;}


.g-chas{ width:93.75%; margin:1.2rem auto 2em;border-top:1px solid #ececec;border-left:1px solid #ececec; box-sizing:border-box;}
.g-chas dl{ width:50%; float:left; padding:1rem 0;border-right:1px solid #ececec;border-bottom:1px solid #ececec; box-sizing:border-box;}
.g-chas dt{ width:34%; float:left; padding-left:5%;}
.g-chas dt img{ display:block; width:100%;}
.g-chas dd{ width:59.375%; float:right; padding-right:5%;}
.g-chas dd{ font-size:1.1rem; color:#333;}
.g-chas dd em{ display:block; font-size:0.7rem; color:#979797;}


.show{ overflow: hidden; padding-bottom: 5px; height:100px;}
.show h5{ background: #2380d7; color: #fff; text-align: center; padding-bottom:10px; padding-top: 30px; margin-bottom: 1rem;}
.show h5 i{ display: block; text-align: center; font-size: 24px;font-weight: bold;background:url(../images/p_hh.png) no-repeat center 1.25rem;background-size:100% 0.25rem; height:40px;}
.show h5 span{ font-size:14px;}


      .g-ft{/* height:38rem; */position: relative;background:url(../images/ftbg.jpg) no-repeat;background-size: 100%;}
        .g-ft .up{position: absolute;right: 6%;top:4.2rem;width:5.2rem;height:5.2rem; z-index:10;}

        .g-ft .up img{width: 100%;display: block;}
        .g-ft .ftadd{padding-top:2rem;height: 15.3rem;}
        .g-ft .ftadd li{height: 3.2rem;margin-bottom: 1rem;position: relative;padding-left: 26%;font-size: 1rem;color: #fff;line-height:1.5rem;}
        .g-ft .ftadd li em{position: absolute;left:8%;top:0;width:4.8rem;height:3rem;}
        .g-ft .ftadd li em img{width:100%;display:block;}
        
        .g-ft .ftadd li b{display: block;font-size: 0.7rem;color: #fff;padding-top: 0.4rem;}
        .g-ft .ftadd li:nth-child(3){color: #fff}
        
        .g-ft .ftnav{margin: 0 3%;height: 3rem;line-height: 2rem;color: #858585;font-size: 1rem;text-align: center;}
        .g-ft .ftnav a{display: inline-block;padding: 0 3%;color: #fff;font-weight: bold;}
        .g-ft .add{font-size: 1rem;line-height: 2rem;color: #fff;text-align: center;}
        .g-ft .add a{color: #fff;}
        
        .g_fnva{ position:fixed; z-index:100; bottom:0; width:100%;max-width:640px;min-width:320px;background:#fff;border-top:0.3rem solid #056bb3; }
        .m-f01 li{float: left;width: 20%;text-transform: uppercase;border-right: 1px  solid #ebebeb; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
        .m-f01 li:nth-child(3) img{width: 55%;margin: 0 auto;display: block; padding-top: 0.7rem;}
        .m-f01 li em{display: block;width: 45%;padding-top: 0.7rem; margin: 0 auto;}
        .m-f01 li img{width: 100%;display: block;}
        .m-f01 a{ color:#333333;line-height:2rem;;display:block;text-align:center;font-size: 1.1rem;position: relative;}



.interaction-box  .item {
  height: 300px;
  /* padding: 0 10px 0 15px; */
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-bottom:10px; */
  /* width:  100%; */
  /* background: url(../images/tt.png); */
}
.interaction-box  .item:not(:last-child) {
  margin-bottom: 5px;
}
.interaction-box  .item .left.one {
  color: #fff;
}
.interaction-box  .item .left.two .main-title {
  color: #333;
}
.interaction-box  .item .left.two .describe {
  color: #666;
}
.interaction-box .item .left.three {
  color: #fff;
}
.interaction-box  .item .left .main-title {
  margin-bottom: 10px;
  font-size: 20px;
}
.interaction-box  .item .left .describe {
  font-size:16px;
}
.interaction-box  .item .right {
  width: 90px;
  height: 90px;
}
.interaction-box  .item .right img {
  width: 100%;
  height: 100%;
  /* border-radius: 5px; */
}
.widget-header {
    margin: 10px;
    line-height: 58px;
    height: 58px;
    font-size: 15px;
    color: #000;
    position: relative;
    text-align: center;
    background-size: 100% 100%;
    background-image: url(QT132.headerbg.png);}
	.services-hd {padding: 35px 0 15px 0;border-bottom: 1px solid #373737;margin-bottom: 15px;background: #000000;}
.services-hd .icon {text-align: center;}
.services-hd .icon img {width: 24px;margin: 0 auto;display: block;}
.services-hd .text {font-size: 14px;color: #fff;text-align: center;margin-top: 5px;}
.services-box-1 {padding-bottom: 30px;}
.services-box-1 .hd {padding: 20px 0;text-align: center;}
.services-box-1 .hd h3 {font-weight: bold;font-size: 20px;}
.services-box-1 .hd p {font-size: 14px;color: #666;}
.services-box-1 .text {font-size: 12px;padding: 0 15px;text-align: center;line-height: 24px;color: #666;margin-bottom: 15px;}
.services-box-1 .text-en {font-size: 12px;padding: 0 15px;text-align: center;line-height: 22px;color: #999;}


.services-box-b {padding: 50px 30px;background: #1d1d1d;}
.services-box-b .hd {text-align: center;}
.services-box-b .hd h3 {font-size: 18px;color: #FFF;position: relative;padding-bottom: 10px;margin-bottom: 5px;}
.services-box-b .hd h3:before {content: '';display: block;height: 2px;width: 60px;background: #FFF;position: absolute;left: 50%;margin-left: -30px;bottom: 0;}
.services-box-b.nbefore .hd h3:before {display: none;}
.services-box-b .hd p {color: #f1f1f1;font-size: 9px !important;}

.services-box-b .text {font-size: 12px;text-align: center;line-height: 24px;color: #FFF;margin: 25px 0;}
.services-box-b .lc a {display: block;border: 1px solid #f9f9f9;box-sizing: border-box;padding: 20px 15px 25px 30px;}
.services-box-b .lc a h3 {font-size: 22px;color: #FFF;font-style: italic;font-weight: 300;margin-bottom: 5px;padding-left: 20px;position: relative;}
.services-box-b .lc a h3:before {content: '';display: block;border-top: 2px solid #FFF;border-left: 2px solid #FFF;height: 6px;width: 6px;position: absolute;top: 50%;margin-top: -3px;left: 0;transform: rotate(135deg);}
.services-box-b .lc a p {font-size: 12px;color: #FFF;line-height: 22px;margin-left: 5px;}
.services-box-b .lc .icon {padding: 10px 0;text-align: center;color: #FFF;font-size: 26px;}

	
	/*首页点击咨询*/	
 .cap-social-fans__group {
    /* display: -webkit-box; */
    /* display: -webkit-flex; */
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 90px;
    padding: 0 20px;
    font-size: 12px;
    background: #000000;
}
 .cap-social-fans__cnt, .cap-social-fans__left {
    /* display: -webkit-box; */
    /* display: -webkit-flex; */
    display: flex;
}
 .cap-social-fans__left {
    width: 80%;
}
 .cap-social-fans__logo {
    display: block;
    width: 65px;
    min-width: 65px;
    height: 60px;
    margin-right: 10px;
    background-position: 50%;
    background-size: cover;
}
 .cap-social-fans__cnt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    width: 100%;
}
 .cap-social-fans__desc, .cap-social-fans__title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
 .cap-social-fans__title {
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    padding-top: 10px;
    margin: 0 0 5px;
    line-height: 25px;
    letter-spacing: 1.2px;
}
.cap-social-fans__desc {
    color: #ffffff;
    font-size: 13px;
    line-height: 2;
    /* font-weight: bold; */
} 
 .cap-social-fans__right {
    width: 21%;
}
 .cap-social-fans__btn {
    display: block;
    width: 70px;
    height: 30px;
    color: #1a1d30;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    background: #994914;
    border: 1px solid #994914;
    border-radius: 2px;
}

/*第二款样式底部*/
.g-ft{position: relative;background: #000000;margin-top: 0;}
.f_con{/*padding-top: 1.2rem;*/}
			.f_con .top1{position: fixed;width:50px;bottom: 10rem;right: 1.5%;z-index: 100;}
			.f_con .top1 img{display:block;width: 100%;}
			.f_con .top1 i{display:block;font-size: 40px;}
			.f_con p{line-height: 2rem;text-align: center;font-size: 1rem;color: #666;}
			.f_con p a{color: #666;}
			.f_con p i{margin:0 1rem;}
.f_nav{height: 80px;/* background-color: #78baf2; */min-width: 320px;max-width: 800px;width: 100%;position: fixed;bottom: -10px;z-index: 100;background: #000000;}
			.f_nav li{float: left;width: 25%;height:80px;text-align: center;position: relative;}
			.f_nav li:after{position: absolute;width: 1px;height: 0.5rem;/* background: #7cc2e7; */content: "";right: -1px;top: 3.7rem;}
			.f_nav li:first-child{overflow: hidden;}
			.f_nav li img{display:block;width: 40%;margin:15px auto 0;}
			.f_nav li span{display: block;color: #fff8f8;font-size: 14px;line-height:30px;text-align: center;font-weight: bold;}