/* CSS Document */

/***********************************************newsinfo-index**************************************************************************/

.news {
    width: 100%;
    background: #fff;
    margin-top: 5%;
}
.w1320 {
    width: 90%;
    margin: 0 auto;
    position: relative;
    font-size: 0;
}
.modular .mit {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-bottom: 4rem;
}
.modular .mit .cn {
    font-weight: 400; transform: translateY(10px);
    font-size: 40px;
}
.modular .mit span {
    width: auto;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0.1rem;
    color: #333;
}
.modular .mit .l {
    position: relative;
    top: -0.25rem;
}
.modular .mit span {
    width: auto;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0.5rem;
    color: #333;
}
.news .newtlis {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.2rem;
}
.news .newtlis .newsm {
    width: 23.77%;
    margin-right: 1.5%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0.2rem; box-sizing: border-box;
}
.newsm.z2:last-child {
    margin-right: 0;
}
.news .newtlis .newsm a {
    width: 100%;
    height: 100%;
    display: block;
}
.news .newtlis .newsm .img {
    width: 100%; display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.5rem;
    margin-bottom: 0.2rem;
}
.news .newtlis .newsm .img img {
    height: 200px;
    display: block;
    transition: all ease 0.3s;
}
.news .newtlis .newsm:hover .img img {
    transform: scale(1.1);
}
.news .newtlis .newsm .nit {
    width: 100%;
    line-height: 1.5;
    color: #333;
    height: 3em;
    margin-bottom: 0.4rem; margin-top: 5%;
}
.news .newtlis .newsm:hover .nit.s18.eps2,.news .newtlis .newsm:hover .time.s14 {
    color: #23b4a4;
}
.news .newtlis .newsm .time {
    width: 100%;
    color: #888;
    line-height: 1.5;
    margin-top: 0.2rem;
}
.s40 {
    font-size: calc(12px + 28 * 100vw / 1920);
}
.s24 {
    font-size: calc(12px + 12 * 100vw / 1920);
}
.news .cewslis {
    width: 100%;
    background: #fff;
    box-shadow: 6px 6px 8px 0px rgb(0 0 0 / 8%);
    border-radius: 6px;
    padding: 20px;
}
.news .cewslis .cit {
    width: 100%;
    font-size: 0;
    overflow: hidden;
    border-bottom: solid 1px #eee;
    margin-bottom: 0.2rem;
}
.news .cewslis .cit .came {
    float: left;
    color: #333;
    line-height: 2.2;
}
.news .cewslis .cit a {
    float: right;
    width: 0.3rem;
    height: 0.3rem;
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
}
.news .cewslis .ceslis {
    width: 100%;
    font-size: 0;
}
.news .cewslis .ceslis .ces {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    margin-right: 4%;
    padding: 8px 0;
    font-size: 0;
}
.news .cewslis .ceslis .ces .cx {
    width: calc(100% - 90px); white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    color: #333;
    position: relative;
    padding-left: 10px;
    padding-right: 15px;
}
a.ces.z1.t1.b1:hover span {
    color: #23b4a4;
}
.news .cewslis .ceslis .ces .cx:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    display: block;
    background: #2c81e1;
    transform: translateY(-50%);
}
.news .cewslis .ceslis .ces .cime {
    width: 90px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    color: #888;
    text-align: right;
}
.s22 {
    font-size: calc(12px + 10 * 100vw / 1920);
}
.s16 {
    font-size: calc(12px + 4 * 100vw / 1920);
}
a.ces.z1.t1.b1:nth-child(even) {
    margin-right: 0; margin-left: 4%;
    padding-right: 0;
}


/***********************************************newsinfo**************************************************************************/

.newsInfo {
    color: #000000;
    font-size: 16px;
    line-height: 30px;
    min-height: 300px;
    padding-top: 35px;
}
.pagePositionBox {
    overflow: hidden; padding-top: 2%;
    padding-bottom: 0px;
}
.w1540 {
    width: auto;
    padding: 0 5%;
}
.pagePosition {
    display: block; font-family: "iconfont" !important;
    color: #646464;
    font-size: 13px;
    line-height: 28px;
    font-weight: 300;
}
.pagePosition:before {
    content: "\e759";
    font-size: 18px;
}
.pagePosition a:first-child {
    display: inline-block;
    padding-left: 5px;
    background-size: 15px;
}
.pagePosition a {
    color: #646464;
    position: relative;
    font-size: 13px;
}
.page-newsInfo2Box2 {
    background: #f7f7f7;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-newsInfo2Con2 {
    display: flex;
}
.page-newsInfo2 {
	text-align: left;
    margin-right: 2%;
    width: 70%;
}
.page-newsInfo2 .page-newswz {
    background: #fff;
}
.newsInfo{
    text-decoration: none; box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
}
.page-newsInfo2 .page-newsTit {
    padding: 50px 50px; padding-bottom: 2%;
    border-bottom: 1px solid #ddd;
}
.page-newsInfo2 .newsShuju {
    font-size: 14px;
    color: #646464;
    line-height: 30px;
    text-align: left;
    margin-bottom: 35px;
}
.page-newsInfo2 .newsShuju .d {
    margin-right: 40px;
}
.page-newsInfo2 .newsShuju em {
    display: inline-block;
    font-size: 14px;
    color: #646464;
    line-height: 30px;
    font-style: normal;
}
.page-newsInfo2 .newsTit {
    font-size: 28px;
    color: #000000;
    line-height: normal;
    text-align: left;
    font-weight: 400;
}
.page-newsInfo2 .newsTextBox {
    color: #333;
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 60px;
    font-style: normal;
    font-weight: 400;
}
.page-newsInfo2 .newsTextNrBox {
    padding: 50px 50px; line-height: 210%;
}
.page-newsInfo2 .newsTextNrBox.en {
    padding: 50px 50px; line-height: 150%;
}

.page-newsInfo2 .newsTextNrBox p{
	margin-bottom: 5px;
}
.newsTextNrBox img {
    max-width: 100%;
}
.page-newsRight {
    width: 28%;
    right: 0;
    top: 0;
}
.page-newsRight .more-main {
    background-color: #fff;
    padding: 40px 40px 0;
    color: #B3B3B3;
}
.news-more-content:before {
    content: ' ';
    left: 0;
    width: 4px;
    height: 4px;
    display: block;
    background: #2c81e1;
    transform: translateY(380%);
}
.news-more-explain {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 30px;
    color: #000000;
}
.news-more-content {
    padding-bottom: 18px;
}
.news-more-content a{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    background: none;
    text-decoration: none;
}
.news-more-content a div:hover {
	color: #067f9b;	 
 }
.news-more-title {
    font-size: 15px;
    line-height: 24px;
    color: #333333; padding-left: 5%;
}
.news-more-time {
    font-size: 14px;
    line-height: 24px;
    color: #b4b5bd;
}
.kb-blank {
    height: 2%;
    background: white;
}
.newsbd.body_1200 {
    background: #f6f8fa;
}
.newsbd .newsBtn a {
    color: #444;
}
.pagePosition a:hover {
    color: #067f9b;
}
.g-box {
    width: 100%;
    height: 400px;
    position: relative; box-sizing: border-box; margin-top: .6%;
}
.g-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.15);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.g-img {
    width: 100%;
    height: 100%;
    min-height: 4rem;
    object-fit: cover;
    vertical-align: top;
    position: relative;
    z-index: 1; border: 0;
}
.g-text {
    width: 50%;
    position: relative;
    left: 10%;
    top: -70%;
    z-index: 12;
}
.g-title {
    color: #fff;
    margin-bottom: .32rem;
    line-height: 1.2;
    font-weight: normal;
}
.s60 {
    font-size: calc(60 * 1rem / 100);
}
.g-des {
    color: #fff;
}
.g-des.s20 {
    font-size: 14.5px; margin: 0; letter-spacing: 10px;
    padding: 0;
}
.intro p {
    font-size: 15px!important;
}
.pagebanner {
    position: relative;
    overflow: hidden;
    height: 360px;
}
.pagebanner .pic {
    display: block;
    overflow: hidden;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    padding-bottom: 0;
    position: relative; font-size: 0; width: 100%; height: 360px;

}
.w1540 {
    width: auto;
    padding: 0 3%; margin: 0 auto;
}
.pagebanner .pagebanner-tt .en {
    display: block;
    font-size: 60px;
    line-height: 50px;
    filter: alpha(opacity = 40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    text-transform: uppercase;
    margin: 0 auto;
    margin-bottom: 5px;
    max-width: 800px; font-family: 'TwCenMT', Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.pagebanner .pagebanner-tt .cn {
    display: block;
    font-size: 40px;
    font-weight: 400;
    line-height: normal;
}
span.cn.en1 {
    font-size: 20px!important;
    letter-spacing: 2px;
}
.pagebanner .pagebanner-tt {
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    z-index: 2;
    text-align: center;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/***********************************************@media**************************************************************************/

@media (max-width: 768px){

.page-newsInfo2Box2 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.w1540 {
    width: 100%;
    padding: 0;
}	
.page-newsInfo2Con2 {
    display: block;
}
.page-newsInfo2 {
    text-align: left;
    margin-right: 0;
    width: 100%;
}
.newsInfo{
	margin: 0 auto;
    width: 95%;
}
.page-newsInfo2 .page-newsTit{
	padding: 5%;
}
.page-newsInfo2 .newsTit{
	text-align: center;
}
.page-newsInfo2 .newsTextNrBox {
    padding: 5%!important;
}
.page-newsRight {
    width: 100%; border-top: 1px solid #e1dede;
}
.page-newsInfo2 .newsTextBox{
	padding-bottom: 5%;
}
.page-newsRight .more-main{
	padding: 8%;
}
.news-more-title {
    padding-left: 3%;
}
.g-box {
	height: 250px;
}
.g-text {
    width: 100%;
    left: 0;
    padding: 0 20px;
    margin-left: 0; top: -40%;
}
.g-title {
    font-size: 22px;
    margin-bottom: 10px;
}
.g-title.s60 {
    font-size: calc(60 * 3rem / 100);
}
.g-des.s20{
	letter-spacing: 5px;
}
.g-img{
	width: auto;
    height: 80%; top: 20%;
    left: -80%;
}
.news .newtlis .newsm {
    width: 47%;
    margin-right: 6%;
}
.newsm.z2:nth-child(even) {
    margin-right: 0;
}
.news .newtlis .newsm a{
	height: 250px;
    display: flex;
    flex-direction: column;
}
.news .newtlis .newsm .nit{
	height: auto;
}
.news .newtlis .newsm .img img {
    height: 150px;
}
.modular .mit{
	margin-bottom: 2rem; margin-top: 2rem;
}
span.s16.cime {
    font-size: 10px;
    padding-right: 5%;
}
.news .cewslis .ceslis .ces{
	width: 100%;
}
.news .cewslis{
	padding: 0;
}
a.ces.z1.t1.b1:nth-child(even){
	padding-right: 0; margin-left: 0;
}
.news .cewslis .ceslis .ces .cime{
	vertical-align: top;
}
.pt-65 {
    padding-top: 10%;
}
.pb-60 {
    padding-bottom: 0;
}
.container{
	padding-left: 25px;
}
.pagePositionBox {
    width: 90%;
    margin: 0 auto;
}
.news .cewslis .ceslis .ces .cx:before{
	top: 12px;
}
.pagebanner .pagebanner-tt .en {
	font-size: 50px; margin-bottom: 0;
}
.pagebanner .pagebanner-tt{

}
.pagebanner .pagebanner-tt .cn{
	font-size: 30px; width: 40%;
    margin: 0 auto;
    background-color: rgba(0,100,200,0.5);
    line-height: 140%;
    padding-bottom: 1%;
}
.pagebanner .pic{
	background-position: center top; background-size: cover; padding-bottom: 0; height: 200px;
    box-sizing: border-box;
}
span.cn.en1 {
    font-size: 15px!important;
    letter-spacing: 0;
    width: 50%!important;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
    margin: 0 auto;
}
.col-6:first-child {
    width: 73%!important;
    padding-right: 0;
}
.col-6:first-child .widget-link li {
    width: 50%;
    box-sizing: border-box;
    display: block;
    float: left;
}
.col-6:last-child {
    padding: 0;
    width: 27%;
}
.col-6 {
    flex: none;
    max-width: none;
}
.news-more-content {
    padding-bottom: 2%;
}

}

/***********************************************qyjj1**************************************************************************/

.mr--about_us--purpose {
    padding: 0;
    width: 90%;
    margin: 0 auto; margin-top: 30px;
}
.mr--about_us--purpose--titWrap {
    margin-bottom: 2vw; margin-left: 7.5px;
}
.aos-animate{
	transition-delay: .15s; opacity: 1;
    transform: translateZ(0);
}
.aos-animate{
	transition-delay: .15s; opacity: 1;
    transform: translateZ(0);

}
.mr--about_us--purpose--nav {
    border-bottom: 1px solid #dcdddd; margin-left: 7.5px;
    margin-bottom: 3.125vw; list-style: none;
}
.mr--about_us--purpose--navItem.active {
    color: #23b4a4;
    border-bottom: 2px solid;
}
.mr--about_us--purpose--navItem:first-child {
    padding-left: 0;
}
.mr--about_us--purpose--navItem {
    font-size: 1.45833vw !important;
    line-height: 1.42857 !important; font-weight: 400!important; font-style: normal; display: inline-block;
    padding: 0 3.125vw; cursor: pointer;
}
.mr--about_us--purpose--navItem.active a {
    color: #067f9b; text-decoration: none;
}
.mr--about_us--purpose .fade.in {
    opacity: 1; 
}
.mr--about_us--purpose .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .55s linear;
}
.mr--about_us--purpose--item.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.mr--about_us--purpose--itemImgWrap {
    width: 53.4375vw;
}
picture {
    font-size: 0;
    display: block;
}
.mr--about_us--purpose--itemImg {
    width: 90%;
}
.mr--about_us--purpose--itemTxts {
    width: 32.8125vw;
    padding: 3.80208vw 3.125vw;
    background-color: #fafafa;
    margin-left: -5.20833vw;
    z-index: 1;
}
.text-red {
    color: #067f9b; word-spacing: 0;
    font-weight: 700; font-size: 1.45833vw;
    line-height: 2.08333vw;
}
p.mr--about_us--purpose--itemDes {
    font-size: 1.14583vw; color: #727171;
    font-weight: 400!important;
    line-height: 1.63636;
}
.mr--about_us--purpose--item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: none;
}
.mr--about_us--purpose--item.en {
    align-items: flex-start;
}
.mr--about_us--sub_tit b {
    display: inline-block;
    height: 3px;
    width: 3.85417vw;
    background-color: #23b4a4;
    vertical-align: middle;
    margin-right: .83333vw;
    margin-top: -.15625vw;
}
.mr--about_us--purpose--itemsWrap {
    margin-left: 7.5px;
}
.mr--about_us--purpose--navItem:last-child {
    padding-right: 0;
}
.jjtt {
    width: 90%;
    margin: 0 auto;
}
.jjtt .oh {
    margin-left: 7.5px;
}


/***********************************************qyjj2**************************************************************************/ 

.ymcontainer {
    background: #fff; width: 1200px;
    padding: 10px 0 30px 0;
    margin: 33px auto; margin-top: 0;
}
.ymcontainer ul {
    margin: 0 auto; list-style: none;
    text-align: center;
}

.ymcontainer .clearfix {
    zoom: 1;
}
.ymcontainer ul li {
    display: inline-block; list-style: none; adding: 0;
    border: 0;
    background: transparent;
    margin: 10px 13px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
}
.ymcontainer ul li:hover a, .ymcontainer ul li.focus a {
    color: #067f9b;
}
.ymcontainer ul li a {
    position: relative;
    color: #5e5e5e; font-size: 18px;
    padding: 4px 2px;
    display: block;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.ymcontainer ul li:hover a:before, .ymcontainer ul li.focus a:before {
    width: 100%;
    left: 0;
}
.ymcontainer ul li a:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 2px;
    bottom: 0;
    background: #067f9b;
    display: block;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    margin: -3px auto 0px auto;
    left: 50%;
    line-height: 0;
    overflow: hidden;
}
.flex-box {
    display: flex; width: 90%;
    margin: 0 auto; margin-top: 2%;
    justify-content: center;
}
.left.fadeInLeft {
    width: 600px;
    margin-right: 60px; margin-left: 7.5px;
}
.flex-box img {
    display: block;
    max-width: 100% !important;
    height: auto;
}
.flex-box .bd {
    flex: 1;
}
.right .tit {
    font-size: 30px; color: #067f9b;
    font-weight: bold;
    line-height: 40px;
}
.right .contxt {
    font-size: 14px;
    line-height: 28px; margin-top: 35px;
}
.right .contxt p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
.mr--about_us--purpose--navItem:hover a {
    color: #067f9b;
}

/***********************************************qyjj4**************************************************************************/
 
.pageList {
    width: 90%; margin: 0 auto;
    overflow: hidden;
}
.page-tit {
    font-size: 24px; padding-left: 7.5px;
    color: #1e2831;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: left;
}
.pageList ul {
    font-size: 0;
    padding-top: 20px; padding-left: 0;
}
.pageList li {
    list-style: none;
    overflow: hidden;
    margin: auto;
    padding: 0;
    display: inline-block;
    zoom: 1;
    font-size: 14px; color: #464646;
    width: 33.33333%;
    height: auto;
    position: relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    cursor: pointer;
}
.pageList li a {
    display: block;
    margin: 0 7.5px;
    background: #ffffff;
}
.pageList li .ImgBox {
    display: block;
    width: 390px;
    height: 230px;
    overflow: hidden;
}
.pageList li .ImgBox img {
    overflow: hidden;
    max-width: 390px;
    max-height: 230px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.pageList li .tit {
    height: auto;
    color: #464646;
    overflow: hidden;
    font-size: 14px;
    padding: 10px 24px; padding-left: 0;
    padding-bottom: 20px;
}
.pageList li .tit .titnr {
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}

@media (max-width: 768px){
	
.ymcontainer ul li{
	width: 25%; box-sizing: border-box; margin: 10px 0;
}
.ymcontainer ul li a{
	width: 95%; line-height: 120%;
}
.ymcontainer{
	padding-bottom: 0;
}
.jjtt {
	margin-top: 10%;
}	
	
}


/***********************************************qyjj-Culture**************************************************************************/

.pageCulture .w1400 {
    width: 1200px; margin: 0 auto; padding: 0;
    outline: none;
    border: none;
}
div.pageCulture {
    padding-bottom: 60px;
}
.page-tit2 {
    font-size: 1.5rem;
    color: #212529;
    padding-bottom: 10px;
}
.page-tit1 {
    font-size: 18px;
    color: #212529;
    padding-bottom: 15px;
}
@keyframes fadeInDown{
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,40%,0);
    transform: translate3d(0,40%,0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
.CultureList ul {
    height: auto; padding: 0;
    overflow: hidden;
    margin: 40px 0 75px 0; margin-bottom: 0;
    font-size: 0;
}
.CultureList ul li:hover .ImgBox img, .CultureList ul li {
    transition: transform 0.5s ease;
}
.CultureList ul li {
    position: relative;
}
.CultureList ul li {
    overflow: hidden;
    margin: 0;
    padding: 50px 0;
    background: #333333; list-style: none;
    display: inline-block;
    zoom: 1;
    width: 25%; height: 370px;
    vertical-align: top;
}
.CultureList ul li .ImgBox {
    height: auto;
    display: block;
    width: 100px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
.CultureList ul li .ImgBox img {
    max-width: 100%;
    width: 100%;
    max-height: 100%; border: none;
    outline: none;
    display: block;
}
.CultureList ul .listTitle {
    overflow: hidden;
    display: block;
    padding: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.CultureList ul .listTitle .listTitleBox {
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
}
.CultureList ul .listTitle .t {
    font-size: 26px;
    color: #ffffff;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 20px;
}
.CultureList ul .listTitle .t2 {
    font-size: 16px;
    color: #fff;
    line-height: 150%;
    height: auto;
    overflow: hidden;
}
.CultureList ul li:nth-child(1):after {
    width: 0;
}
.CultureList ul li:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #484848;
}
.CultureList ul li:hover .ImgBox img {
    transform: rotate(
360deg);
}
.pTitleBox {
    margin-top: 5%;
}
.pageList p {
    padding-left: 7.5px;
}


/***********************************************@media*************************************************************************/

@media (max-width: 768px){
	
.ymcontainer {
    width: 90%; margin: 0 auto;
    padding-top: 15px;
}	
.ymcontainer ul, .sub_nav {
    text-align: left; padding: 0; display: flex;
}


.flex-box {
    display: block;
}	
.flex-box .left {
    width: 100%;
    margin: 0 auto;
}	
.flex-box .right {
    margin-top: 15px; margin-bottom: 10%;
}	
.flex-box .right .tit {
    font-size: 16px;
    line-height: 24px;
}	
.flex-box .right .contxt {
    line-height: 22px;
    margin-top: 10px;
}	
.flex-box img{
	max-width: none;
    width: 100%;
}
.mr--about_us--purpose {
    padding:0; margin-top: 0; padding-bottom: 0;  clear: both;
}
.mr--about_us--sub_tit {
    font-size: 4.26667vw;
    margin-bottom: 4vw;
}
.mr--about_us--purpose h4 {
    font-size: 6.4vw; font-weight: 600;
    color: #212121; margin-bottom: 8vw; line-height: 1.3;
}
.mr--about_us--purpose--nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8vw; margin-left: 0;
    padding-left: 0;
}
.mr--about_us--purpose--navItem:first-child {
    text-align: left;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.mr--about_us--purpose--navItem {
    font-size: 5vw !important; padding: 0 10%;
}
.mr--about_us--purpose--navItem:last-child {
    text-align: right; padding-left: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.mr--about_us--purpose--titWrap {
    margin-left: 0;
}
.mr--about_us--purpose--item {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mr--about_us--purpose--itemImgWrap {
    width: 100%;
}
.mr--about_us--purpose--itemTxts {
    width: 100%;
    margin-left: 0;
    padding: 2% 5%;
}
.mr--about_us--purpose--itemTxts h5 {
    font-size: 5.33333vw; margin-top: 0;
    font-weight: 400;
    line-height: 1.3;
}
p.mr--about_us--purpose--itemDes {
    font-size: 4vw; color: #666;
}
.mr--about_us--purpose--itemImg {
    width: 100%; height: 220px;
}
.right .contxt p{
	font-size: 15px;
    color: #666;
}
.mr--about_us--purpose--itemTxts p.mr--about_us--des {
    font-size: 4vw;
    color: #666;
}
.mr--about_us--purpose--itemsWrap {
    margin-left: 0;
}
.pageList li {
    width: 50%;
}
.pageList li .ImgBox {
    width: 100%;
    height: auto;
}
.pageList li .ImgBox img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.pageList li a {
    display: block;
    margin: 0;
    margin-right: 2%;
    background: #ffffff;
}
.pageList .clearfix li:nth-child(even) a {
    margin-right: 0;
    margin-left: 2%;
}
.pageList li .tit {
	padding: 10px 0;
}
.pageList li .tit .titnr {
    height: 80px;
}
.pageCulture .w1400 {
    width: 90%;
}
.CultureList ul li {
    width: 50%; padding: 30px 0; height: 280px;
    border-bottom: 1px solid #484848;
}
.CultureList ul{
	margin-top: 5%;
}
.CultureList ul li .ImgBox {
    width: 50px;
}
.mr--about_us--purpose--itemTxts p{
	font-size: 15px;
    line-height: 180%; color: #555;
}
.CultureList ul .listTitle .listTitleBox{
	padding: 0 5px;
}
.CultureList ul .listTitle{
	height: 150px;
}
div.pageCulture {
    padding-bottom: 10%;
}

	
}

/***********************************************contacts**************************************************************************/ 

.contactBigBox {
    background: #ffffff;
    overflow: hidden;
    position: relative; max-width: 90%;
	margin: 50px auto;
    padding: 0 10px;
}
.contactTableBox {
    width: 50%; height: 200px;
    float: left; margin-top: 2%;
}
.formTableB {
    width: 50%;
    float: left;
}
.formTableA {
    width: 100%;
}
.feedback {
    width: 100%; text-align: right;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
}
.feedback #form{
	margin: 0;
    padding: 0;
    font-size: 100%;
    font-family: "Microsoft Yahei","微软雅黑",Arial;
}
.feedback .title {
    font-size: 18px; background-color: transparent; text-align: center;
    padding-left: 10%;
    color: #067f9b;
    height: 69px;
    line-height: 69px;
    text-align: left;
}
.feedback ul {
    margin: 0; list-style: none; display: flex;
    flex-wrap: wrap;
    padding: 0;
    height: auto;
    overflow: hidden;
}
.feedback ul li {
    width: 50%;
    list-style: none;
}
.feedback ul li input {
    width: 98%;
    height: 43px;
    border: 1px solid #d2d2d2;
    margin: 8px 0;
    padding: 0 1.43em;
    background: transparent;
    color: #a0a0a0;
    border-radius: 5px; resize: none;
}
.formTableB .feedback ul li{
	width: 100%;
}
.formTableB .feedback ul li input {
    width: 88%;
}
.feedback ul li .text2 {
    width: 88%;
    height: 92px;
    border: 1px solid #d2d2d2;
    line-height: 30px;
    background: transparent;
    color: #a0a0a0;
    margin: 8px 0;
    padding: 5px 1.43em;
    font-size: 14px;
    color: #666666;
    font-family: "微软雅黑",Sans-Serif;
    border-radius: 5px;
}
.feedback ul .getcode input {
    width: 40%;
    margin: 8px 0;
    margin-right: 10px;
}
.feedback ul .getcode img {
    max-width: 100px; margin: 0;
    padding: 0;
    resize: none;
    border: none;
    outline: none; background: transparent;
}
.feedback ul .getcode span {
    margin-left: 1em;
}
.feedback .button {
    margin-top: 10px; display: flex;
    justify-content: center;
    text-align: left;
}
.feedback .button input[type=submit] {
    background: #23b4a4;
}
.feedback .button input {
    width: 184px;  position: relative;
    height: 43px;
    text-align: center;
    color: #fff;
    margin-right: 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
.feedback .button input[type=reset] {
    background: #959595;
}
li.getcode span {
    text-align: left; color: #b42328;
    padding-left: 10%;
}
.feedback .button input[type=submit]:hover {
    background: #333;
}
.feedback .button input[type=reset]:hover {
    background: #333;
}
.contactTableBox img {
    width: 40px !important; margin-right: 2%;
}
.contactTableBox span {
    padding-right: 2%;
}
[aos][aos][aos-delay='300'].aos-animate, body[aos-delay='300'] [aos].aos-animate {
    -webkit-transition-delay: .3s; cursor: pointer;
    transition-delay: .3s;
}
[aos^=fade][aos^=fade].aos-animate {
    opacity: 1;
}
[aos][aos][aos-duration='1300'], body[aos-duration='1300'] [aos] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s;
}
.contactTableBox ul li:hover img, .page .page_contact ul li:focus img, .page .page_contact ul li:active img {
    -webkit-transform: rotateY(
360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(
360deg);
}
.contactTableBox ul li img {
	transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-property: transform;
}
.contactTableBox ul li:hover span {
	color: #067f9b;
}
span.dz01 {
    display: flex; width: 80%;
    padding-left: 5px;
}
li.gsname span {
    display: block;
}
li.gsname span:nth-child(odd) {
    font-size: 20px;
    font-weight: 600;
    color: #067f9b;
}
.contactTableBox li {
    margin-bottom: 2%;
}
li.gsname {
    margin-bottom: 4%;
}
div#dituContent {
    width: 90%;
    height: 500px; border: 1px solid #ddd;
    margin: 0 auto;
}
.pageTit {
    text-align: left; width: 90%;
    margin: 0 auto; margin-bottom: 2%; margin-top: 2%;
}
.pageTit .cn {
    font-size: 24px; color: #000;
    margin-bottom: 10px;
}
.pageTit .en {
    font-size: 70px;
    line-height: 60px; text-transform: uppercase;
    color: #23b4a4; font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.pageTit .en span {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.pageTit .en span:before {
    content: "";
    width: 100%;
    height: 12px;
    background: #ddd;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    z-index: -1; box-sizing: border-box;
}
.pageTit .wz {
    text-transform: uppercase;
    color: #bdbfc2;
    font-size: 16px;
    line-height: 18px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    margin-top: 20px;
}
.pageFeedback {
    border: 1px solid #e5e5e5;
    position: relative; width: 90%;
    margin: 0 auto;
    margin-bottom: 75px;
}
.feedback2Box-tit {
    background: url(../img/contact2-titbg.jpg) center center no-repeat;
    background-size: cover;
    width: 290px;
    height: 100%;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
}
.feedback2Box {
    padding: 0;
    font-size: 15px;
    color: #595959;
    line-height: 26px;
    margin-bottom: 70px;
    padding-left: 290px;
    height: 640px;
}
.feedback2Box-con {
    padding: 0 30px;
    padding-top: 80px;
}
.feedback2Box-conBox {
    max-width: 910px;
    margin: 0 auto;
}
.pageTitle3 {
    margin-bottom: 50px;
    padding: 0 20px;
}
.pageTitle3 .cn {
    font-size: 24px;
}
.pageTitle3 .line {
    width: 44px;
    height: 1px;
    background: #23b4a4; margin-top: 10px;
    margin-bottom: 25px;
}
.pageTitle3 .des {
    font-size: 14px;
    line-height: normal;
    color: #595959;
}
.feedback2 {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    text-align: left;
    padding: 0;
}
.formTableA .feedback ul li:last-child {
    width: 100%;
}
.formTableA .feedback ul li:last-child textarea#attr_52 {
    width: 99%;
    height: 160px;
}
.feedback2Box-tit img {
    vertical-align: middle;
    display: inline-block;
    margin: auto auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.bg_inner {
    height: 320px;
}

@media (max-width: 768px){
.contactBigBox {
	max-width: 100%; margin: 20px auto; padding: 0 10px; margin-bottom: 0px;
}
.contactTableBox {
	float: none;
    width: 100%;
    height: auto;
}
.feedback .title {
	padding-left: 5%;
}
.formTableB {
    width: 100%;
    float: none;
}
.feedback ul li {
    width: 100%;
    list-style: none;
    padding-left: 5%;
    text-align: left;
}
ul.ul02 {
    padding-left: 5%;
}
.feedback .button {
    margin-top: 20px;
    padding-left: 25%;
    text-align: center;
}
.feedback .button input {
    width: 30%;
    position: relative;
    float: left;
    height: 35px;
    text-align: center;
    color: #fff;
    margin-right: 5%;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
.feedback ul .getcode span {
    margin-left: 1em;
    display: block; padding-left: 0;
}
div#dituContent {
    width: 95%; margin-top: 8%; height: 300px;
}
span.dz01 {
    position: relative;
    display: block;
}
ul.ul02 li:nth-child(2) {
    height: 50px; margin-top: 10%; width: 95%; overflow: hidden;
}
.feedback ul li input {
    width: 100%;
}
.feedback {
    width: 90%;
    margin: 0 auto;
}

}

/***********************************************productinfo**************************************************************************/ 

.page-caseInfoCon {
    max-width: 1200px;
    margin: 0 auto;
}
.page-caseInfo .page-casewz {
    background: #fff;
}
.pageInfo {
    color: #000000;
    font-size: 16px;
    line-height: 30px;
    min-height: 300px;
    padding-top: 35px;
}
.page-caseInfo .newsTit {
    font-size: 30px;
    color: #000000;
    line-height: normal;
    text-align: left;
    font-weight: 400;
    text-align: center;
    padding: 60px 30px;
    border-bottom: 1px solid #f6f8fa;
}
.page-caseInfo .newsText {
    color: #333333;
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 60px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
}
.page-caseInfo .newsTextNr p span {
    font-size: 20px!important;
}
.page-caseInfo .newsTextNr {
    padding-bottom: 20px;
    padding: 50px 50px; text-align: left; padding-top: 0;
}
.page-caseInfo .newsTextNr p{
	margin-bottom: 1.5%;
}
.newsTextNr img {
    max-width: 100%;
    height: auto; border: none;
}
.page-caseInfo .newsTextNr h3 {
    font-size: 1.3rem;
}

/**********************************************上下产品**************************************************************************/ 

.newsBtn {
    border-top: 1px solid #e1dede;
    padding-top: 20px; width: 90%;
    margin: 0 auto;
    font-size: 0; 
}
.newsBtn .newsBtnA {
    text-align: left;
}
.newsBtn a {
    display: inline-block;
    max-width: 90%;
    line-height: 14px;
    height: 14px;
    color: #909090;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newsBtn .newsBtnA span {
    padding-left: 10px;
    border-left: 3px solid #23b4a4;
}
.newsBtn .newsBtnA strong {
    font-weight: bold;
}
.newsBtn .newsBtnB {
    text-align: right;
}
.newsBtn .newsBtnA,.newsBtn .newsBtnB {
    display: inline-block;
    zoom: 1;
    width: 40%;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #909090;
    font-size: 13px;
}
.newsBtn .newsBtnB span {
    padding-right: 10px;
    border-right: 3px solid #23b4a4;
}
.newsBtn a:hover {
    color: #067f9b;
}
.page-back a span {
    display: inline-block; width: 100%;
    height: 20px; text-align: right;
    font-size: 14px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding-right: 25px;
    background: url(../img/page-back.png) right -1px no-repeat;
    background-size: 15px;
}
.page-back{
	 width: 20%;
    height: 20px;
    display: inline-block;
}
.page-back a {
    width: 100%;
    height: 20px;
}
.text-center {
    text-align: center;
}
.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
}
.pagination li {
    margin: 0 5px; display: inline-block!important;
    font-size: 14px;
    border: none;
    border-radius: 4px;
}
.pagination li a {
    border-radius: 4px;
    color: #6e6e6e;
    background: #fff;
    padding: 12px 16px;
    border: 1px solid #DCDCDC;
}
.pagination a {
    color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
.pagination .active, .pagination a:hover {
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
.pagination .active {
    pointer-events: none;
}
.pagination li.active a, .pagination li a:hover {
    background: #23b4a4;
    color: #fff!important;
    border: 1px solid #23b4a4;
}



@media (max-width: 768px){

.page-caseInfo .newsTit {
    font-size: 25px; padding: 20px 15px;
}
.page-caseInfo .newsTextNr {
    padding: 20px 15px;
}
.page-caseInfo .newsText {
	padding-bottom: 0px;
}
.newsBtn .newsBtnA, .newsBtn .newsBtnB {
    display: block; width: 100%;
    margin-bottom: 20px;
}
.newsBtn a {
    display: block; margin: 0 auto;
}
.newsBtn .newsBtnA,.newsBtn .newsBtnB {
    text-align: center;
}
.page-back {
    display: block; width: 100%;
    margin-bottom: 20px;
}
.page-back a span {
	text-align: center; background: url(../img/page-back.png) 65% -1px no-repeat; background-size: 14px; padding-right: 0;
}
.newsBtn .newsBtnB span {
    padding-right: 0;
    border-left: 3px solid #23b4a4; border-right: 0;
    padding-left: 10px;
}

}


/***********************************************NEWLIST**************************************************************************/ 
.banner {
    width: 100%;
    height: 110px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 8px;
}
.banner::after{
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 50, 15, 0.5); z-index: 1;
	
}
.banner .container {
    width: 1200px;
    position: relative;
    height: 110px;
    margin: 0 auto;
    overflow: hidden; z-index: 2;
}
.banner .t1 {
    font-size: 50px;
    line-height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 0;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'LetterGothicStd';
}
.i-main {
    width: 100%;
    padding-top: 0;
    padding-bottom: 1.2rem;
    background-color: #f2f2f2;
    overflow: hidden;
}
.i-inner {
    width: 90%;
    margin: 0 auto; margin-top: 3%;
}
.i-tit {
    color: #111;
    float: left;
    font-weight: bold;
    line-height: 1;
}
.s60 {
    font-size: calc(60 * 5rem / 100);
}
.k-cont {
    width: 100%;
    margin-top: 50px;
    position: relative;
}
.target {
    width: 100%;
    position: absolute;
    left: 0;
    top: -1.08rem;
}
.k-left {
    float: left;
    width: 70%;
}
.k-left.fixed {
    position: fixed;
    top: 1.08rem; width: 63%;
}
.k-big {
    display: block;
    width: 100%;
    padding-bottom: .83rem;
    padding-bottom: .2rem;
    position: relative;
}
.k-big:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: .3rem;
    border-radius: .03rem;
    background-color: #23b4a4;
    position: absolute;
    left: 0;
    bottom: 0;
}
.k-big-box {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    border-radius: .05rem;
    overflow: hidden;
    margin-bottom: .32rem;
    margin-bottom: .1rem;
}
.k-big-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.k-cont img {
    vertical-align: middle; border: 0;
    max-width: 100%;
    outline: none;
    image-rendering: -webkit-optimize-contrast;
}
.k-big-lb {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-align: center;
    min-width: .9rem;
    line-height: 2rem;
    padding: 0 1em;
    border-radius: .05rem 0 0.05rem 0;
    background-color: #b80101;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.k-big-tit {
    color: #000;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
}
.s30 {
    font-size: calc(30 * 5rem / 100);
}
.k-big-des {
    color: #666;
    line-height: 1.875;
    margin-bottom: .48rem;
    margin-bottom: .1rem;
}
.s16 {
    font-size: 15px;
}
.k-big-date {
    color: #111;
    line-height:3;
}
.k-right {
    float: right;
    width: 28%;
}
.k-list {
    width: 100%;
}
.k-item {
    width: 100%;
    font-size: 0;
    margin-bottom: 40px;
    display: block;
}
.k-box {
    display: inline-block;
    vertical-align: top;
    width: 51.72%; height: 112px;
    padding-top: 28.965%;
    position: relative;
    overflow: hidden;
    border-radius: 0.05rem;
}
.k-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.k-text {
    display: inline-block;
    vertical-align: top;
    width: 41.48%;
    height: 112px;
    margin-left: 6.8%;
    border-bottom: 1px solid #c2c2c2;
    padding-top: .2rem;
}
.k-tit {
    color: #111;
    line-height: 1.8;
    margin-bottom: 20px;
    height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.k-date {
    color: #111;
    line-height: 1;
}
.i-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.k-big:hover .k-big-tit {
    color: #067f9b;
}
.k-item:hover .k-tit {
    color: #067f9b;
}
.s20 {
    font-size: 14.5px;
}
.k-left.bot {
    position: absolute;
    left: 0;
    margin-left: 0;
    top: auto;
    bottom: 0;
}
.b-more.red {
    color: #067f9b; text-decoration: none;
    border-bottom-color: #23b4a4;
}
.b-more {
    color: #333;
    padding-bottom: .93em;
    border-bottom: 0.02rem solid #333;
    line-height: 1;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    transition: all .3s;
}
.b-more:hover:after {
    margin-left: 3em;
}
.b-more.red:after {
    background-image: url(../img/49.png);
}
.b-more:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1.0625em;
    height: .4375em;
    background-image: url(../img/11.png);
    background-size: 100% 100%;
    margin-left: 2em;
    margin-top: .1875em;
    transition: all .3s;
}

@media (max-width: 768px){

.i-tit {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
}
.i-top {
    display: block;
}
.k-cont {
    margin-top: 30px;
}
.target {
    top: -46px;
}
.k-left {
    float: none;
    width: 100%;
}
.k-big {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.s30 {
    font-size: 17.4px;
}
.k-big-des {
    margin-bottom: 15px;
}
.k-right {
    float: none;
    width: 100%;
}
.k-item {
    margin-bottom: 20px; display: flex;
    justify-content: space-between;
}
.k-text {
    height: auto;
}
.k-text {
    height: auto;
}
.k-left.fixed, .k-left.bot {
    top: 0;
    position: relative; width: 100%;
    left: 0;
    margin-left: 0;
}
.i-main {
    padding: 30px 10px; margin-top: 0;
    padding-top: 0;
}
.banner {
    width: 100%;
    height: auto; margin-top: 60px;
}
.banner .t1 {
    font-size: 30px;
    line-height: 50%;
}
.banner .t1 {
    font-size: 40px; right: 10%;
    line-height: 0; top: 50%;
    margin-top: 0px;
}
.banner .container {
    width: 100%;
}
	
	
	
	
}

/***********************************************productLIST**************************************************************************/ 

.pageBanner-img {
    max-height: 530px;
    padding-top: 200px!important;
    padding-bottom: 200px!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.PageNav {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    margin-top: -48px;
}
.PageNav .w1200 {
    padding: 30px 0 20px 0;
    position: relative;
    -webkit-box-shadow: 0px 0px 9px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 9px rgba(0,0,0,.1);
    box-shadow: 0px 0px 9px rgb(0 0 0 / 10%);
    background: #fff;
}
.w1200 {
    width: 90%;
    margin: 0 auto;
}
.PageNav {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    margin-top: -48px;
}
.PageNav .clearfix:before,.PageNav .clearfix:after {
    content: "";
    display: block; clear: both;
    height: 0;
    overflow: hidden;
}
.PageNav ul {
    margin: 0 auto;
    font-size: 0;
}
.PageNav .clearfix {
    zoom: 1;
}
.PageNav li {
    list-style: none;
    display: inline-block;
    zoom: 1;
    text-align: center; margin: 0;
    padding: 0;
    outline: none;
}
.PageNav li a {
    display: inline-block;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    padding: 0 25px;
    padding-bottom: 2px;
    margin: 0 8px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 35px;
    background: #555;
    border: 1px solid #555;
    text-align: center;
}
.PageNav li a:hover {
    color: #fff;
    background: #23b4a4;
    border-color: #23b4a4;
}
.PageNav li.on a{
	color: #fff;
    background: #23b4a4;
    border-color: #23b4a4;	
}
.page_imglist ul {
    width: 90%;
    border-top: 0px solid #dcdcdc;
    padding: 60px 0 50px 0; margin: 0 auto;
}
.page_imglist ul li {
    width: 28%; float: left;
    height: auto; box-sizing: border-box;
    position: relative;
    margin: 0 35px 30px 20px;
}
.page_imglist ul li a {
    display: block;
    position: relative;
}
.page_imglist ul li .ImgBox { 
    width: 100%;
    height:300px;
    overflow: hidden;
    float: left;
    border-radius: 10px;     display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.page_imglist ul li .ImgBox img {
    max-width: 300px;
    max-height: 100%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; margin: 0;
    padding: 0;
    resize: none;
    border: none;
    outline: none;
}
.page_imglist ul li .news_info {
    width: 350px;
    padding: 15px 0 8px 5px;
    height: auto;
    float: left;
    position: relative;
}
.page_imglist ul li .news_info p.title {
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #067f9b;
    margin-top: 25px; font-weight: 300;
}
.page_imglist ul li .news_info p {
    font-size: 13px; background-color: transparent;
    line-height: 26px;
    height: 52px;
    font-weight: 300;
    overflow: hidden;
    margin-top: 8px;
    color: #999999;
}
.page_imglist ul li .news_info .more {
    font-size: 12px; margin: 0 auto;
    width: 120px;
    line-height: 27px;
    height: 30px;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 8px;
    color: #909090;
    text-align: center;
    border: 1px solid #dcdcdc;
    margin-top: 30px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.page_imglist ul li .news_info .more:hover span {
    background: url(../img/ss2.png) right center no-repeat;
}
.page_imglist ul li .news_info .more span {
    display: inline-block;
    padding-right: 23px;
    background: url(../img/ss1.png) right center no-repeat;
}
.page_imglist ul:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.page_imglist ul li .news_info .more:hover {
    border: 1px solid #23b4a4;
    background: #23b4a4;
    color: #fff;
}

@media screen and (max-width: 768px){

.page_imglist ul {
	padding-top: 0px; width: 90%; padding-bottom: 0px;
}	
.page_imglist ul li {
    width: 50%; padding-right: 10px; margin: 0; margin-bottom: 30px;
}
.page_imglist ul li:nth-child(even) {
    padding-right: 0px;
    width: 47%;
    float: right;
}
.page_imglist ul li .ImgBox {
    width: 100%;
    height: 170px;
}
.page_imglist ul li .news_info {
    width: 100%; text-align: center;
}
.page_imglist ul li .news_info p.title{
	margin-bottom: 0px;
}
	
.page_imglist ul li .ImgBox img{
	left: 0;
    position: relative;
    width: 100%!important;
}
.page_imglist {
    margin-top: 30px;
}	
	
	
}






/**************************************************************************/


@media screen and (max-width: 768px){
.PageNav {
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 1px solid #eeeeee;
}
.PageNav .w1200 {
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-left: 0%!important;
    padding-right: 0%!important;
}
.w1200 {
    max-width: 600px!important;
}
.PageNav ul {
    display: block;
    background: #fff; padding-left: 0;
}
.PageNav li {
    text-align: left;
}
.PageNav li a {
    line-height: 23px; width: 90px;
    font-size: 14px;
    text-align: center;
    padding: 5px 10px;
}
.pageBanner-img {
    position: relative;
    width: 100%; height: 200px;
    box-sizing: border-box;
    padding-top: 20vw!important;
    padding-bottom: 20vw!important;
}
.pagebanner{
	height: 200px;
    margin-top: 60px;
}



}



/********************************************************轮播*******************************************************************/ 
.slick-slider {
    position: relative; margin-top: 8px;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slide-home-03 .owl-slick .slick-arrow.prev, .slide-home-02 .owl-slick .slick-arrow.prev,#carouselExample .slick-arrow.prev {
    left: 30px;
}
.slide-home-01 .owl-slick .slick-arrow, .slide-home-02 .owl-slick .slick-arrow, .slide-home-03 .owl-slick .slick-arrow,#carouselExample .slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tab-link > .slick-arrow, .owl-slick .slick-arrow,#carouselExample .slick-arrow {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    text-align: center;
    font-size: 17px;
    color: #aaa;
    background-color: #fff;
    z-index: 9;
    cursor: pointer;
    top: calc(50% - 30px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-out;
    border-radius: 4px;
}
.slide-home-02 .fa,#carouselExample .fa {
    font: normal normal normal 14px/1 FontAwesome;
     line-height: 38px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-angle-left:before {
    content: "\f104";
}
.fa-angle-left::after, .fa-angle-left::before {
    box-sizing: border-box;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slide-wrap {
    position: relative;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slide-wrap img {
    object-fit: cover;
    min-height: 300px;
    width: 100%;
}
.slick-slide img {
    display: block; max-width: 100%;
    height: auto;
}
.slide-info {
    position: absolute;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.slide-wrap .slide-info .subtitle {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
}
.slide-wrap .slide-info .title {
    font-size: 42px;
    margin-bottom: 10px;
    color: #fff;
}
.slick-current .slide-info .title {
    animation-duration: 2s; background-color: transparent; font-size: 54px;
    -webkit-animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
}
.slide-inner h1,.slide-inner h2,.slide-inner h3,.slide-inner h4,.slide-inner h5,.slide-inner h6 {
    line-height: 1.2;
    color: #000;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.slide-wrap .slide-info .desc {
    margin-bottom: 30px;
    color: #fff;
}
.slick-current .slide-info .desc {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: bounceInLeft;
    -webkit-animation-name: bounceInLeft;
}
.slide-wrap .slide-info a {
    display: inline-block;
    height: 46px;
    line-height: 42px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    padding: 0 30px;
    background-color: #eeab10;
    border: 2px solid #eeab10;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    border-radius: 30px;
    font-family: 'Roboto', sans-serif;
}
.slick-current .slide-info a {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: slideInUp;
    -webkit-animation-name: slideInUp;
}
.az_custom_heading a{
	
	text-decoration: none;
}
.slide-wrap .slide-info a:hover {
    background-color: transparent;
    color: #eeab10;
}
.tab-link > .slick-arrow.prev, .owl-slick .slick-arrow.prev {
    left: -30px;
}
.tab-link > .slick-arrow.next, .owl-slick .slick-arrow.next, #carouselExample .slick-arrow.next  {
    right: 30px;
}
.owl-slick .slick-arrow:hover {
    color: #333333;
    border-color: #333333;
    opacity: 1;
    visibility: visible;
}
.slide-home-02 .slick-dots {
    bottom: 40px;
    position: absolute;
    left: 20px;
    right: 0;
}
.owl-slick .slick-dots {
    padding: 0;
    list-style: none;
    display: table;
    margin: 0 auto;
    line-height: 100%;
    margin-top: 45px;
}
.slick-dots li {
    display: inline-block;
    padding: 5px;
    height: 24px;
}
.slide-home-02 .slick-dots li button {
    border-color: #fff;
}
.slick-dots li.slick-active button {
    opacity: 1;
}
.slick-dots li button {
    border: 1px solid #000;
    width: 15px;
    height: 15px;
    padding: 0;
    position: relative;
    border-radius: 50%;
    background-color: transparent;
    font-size: 0;
    opacity: 0.3;
}
.slide-home-02 .slick-dots li button::before {
    background-color: #fff;
}
.slick-dots li.slick-active button::before {
    opacity: 1;
    visibility: visible;
}
.slick-dots li button::before {
    content: '';
    background-color: #000;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-transition: opacity 0.25s, background-color 0.25s ease 0s;
    -moz-transition: opacity 0.25s, background-color 0.25s ease 0s;
    -o-transition: opacity 0.25s, transform 0.25s ease 0s;
    transition: opacity 0.25s, background-color 0.25s ease 0s;
    opacity: 0;
    visibility: hidden;
}
.subtitle{
    color: blue;
}
.fa-angle-right:before {
    content: "\f105";
}
.slide-home-02:hover .owl-slick .slick-arrow,#carouselExample:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}
.carousel-control-next, .carousel-control-prev{
	background: transparent; border: 0;
}
.carousel-item{
	height: 500px;
}
.w-100{
	position: relative;
    top: -10%;
}
.carousel {
    margin-top: 8px;
}
.bebsa-footer .newsletter-area .newsletter-form .form_group .main-btn{
	width: unset;
    height: unset;
}
.m_header_1{
	width: 175px;
}
.m_header_1 .submit{
	top: calc(50% - 20px);
	
}	
.header{
display: none;	
}
.head-top-nav-layer img,.head img{
	vertical-align: top;
}

/********************************************************联系列表*******************************************************************/ 

.j-main {
    padding-top: 5%;
    padding-bottom: 1rem;
    width: 90%;
	margin: 0 auto;
    position: relative;
}
.j-target {
    width: 100%;
    position: absolute;
    left: 0;
    top: -1rem;
    margin-top: -3em;
}
.j-cont {
    width: 100%;
    margin: 0 auto;
}
.j-title {
    margin-bottom: 3%;
    color: #444;
    text-align: center;
}

.s50 {
    font-size: calc(50 * 100vw / 1920);
}
.j-form {
    width: 100%;
}
.j-row {
    margin-bottom: 8px;
    font-size: 0;
    width: 100%;
}
.j-col {
    margin-right: 2.54%;
    display: inline-block;
    vertical-align: top;
    width: 31.64%;
}
.j-txt {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    color: #666;
    width: 100%;
    height: 32px;
    border: 1px solid #dbdbdb;
}
.j-col {
    margin-right: 2.54%;
    display: inline-block;
    vertical-align: top;
    width: 31.64%;
}
.j-col:nth-child(3n) {
    margin-right: 0;
}

.j-area {
    padding-left: 0.5rem;
    padding-right: 0.2rem;
    padding-top: 0.13rem;
    padding-bottom: 0.13rem;
    line-height: 1.555;
    width: 100%;
    height: 90px;
    border: 1px solid #dbdbdb;
    color: #666;
}
.j-tip {
    color: #666;
    padding-top: 0.6em;
    line-height: 1.3;
}
.j-last {
    padding-top: 0.2rem;
    text-align: center; margin-top: 5%;
}
.ke {
    position: relative;
    z-index: 1;
}
.j-sub {
    color: #fff; font-size: 16px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 160px;
    height: 32px;
    border: none;
    background-color: #23b4a4;
    font-weight: bold;
}
.j-sub input[type="submit"] {
	position: relative; top: calc(50% - 22px);
    border: 0;
    background: transparent; width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
}
.j-last a:hover {
   color: #fff; text-decoration: none; outline: none;
}

.s18 {
    font-size: 13.8px;
}
.s14 {
    font-size: calc(12px + 2 * 100vw / 1920);
}
.ke:hover:after {
    width: 100%;
}
.ke:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .3s cubic-bezier(.25,.1,.25,1);
}

/********************************************************@media******************************************************************/ 

@media (min-width: 1200px) {
.container {
    padding-left: 20px;
    padding-right: 20px;
}
.row {
    margin-left: -20px;
    margin-right: -20px;
}
ul.products > [class^="col-"], ul.products > [class*="col-"], .row > [class^="col-"], .row > [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
}
}
@media (min-width: 1367px){
.slide-home-02 .slide-wrap .slide-info .title, .slide-home-03 .slide-wrap .slide-info .title {
    font-size: 54px;
}
}
@media (max-width: 768px){
.head,.title-top,.head-top-nav-layer {
    display: none;
}
.header{
display: block;	
}
}
/********************************************************手机菜单******************************************************************/ 

@media (max-width: 768px){

.header {
    height: 60px; width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: all .3s ease;
    display: block;
    background-color: #fff;
}
.header-in {
    height: 60px;  margin: 0 auto; width: 94%;
    display: block;
    position: relative;
    transition: all .3s ease;
}
.clearfix {
    zoom: 1;
}
.header .navbar-logo, .header .navbar-logo a {
    font-size: 0; text-decoration: none;
    color: inherit;
    transition: 0s;
}
.header .navbar-logo {
    float: left;
    position: relative;
    z-index: 2;
}
.header .navbar-logo img {
    height: 30px;
    margin-top: 15px; border: none;
    vertical-align: bottom;
    max-width: 100%;
}
.header .logow {
    display: none;
}
.navbar-box {
    display: none; margin-right: 90px; float: right;
    position: relative;
    margin-top: 13px;
}
.navbar-box ul,.navbar-box dl {
    margin: 0px;
}
.navbar-box .navbar-nav li {
    margin-left: 15px; display: block;
    float: left;
}
.navbar-box .navbar-nav li a {
    height: 60px;
    line-height: 60px;
    display: block;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 16px;
    color: #000000;
    transition: all .3s ease;
}
.navbar-box .navbar-nav li a span {
    display: block;
    text-align: center;
    position: relative; margin: 0px;
    padding: 0px;
    font-size: inherit;
}
.navbar-box .navbar-nav li a {
    line-height: 60px;
    text-transform: uppercase;
    color: #000000;
}
.header .meun-off {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 0;
    position: absolute;
    right: 43px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}
.header a:hover {
    text-decoration: none;
    color: inherit;
}
.header .meun-off .l {
    transition: all .5s ease;
    font-size: 0;
}
.header .meun-off span {
    width: 20px;
    height: 2px;
    background-color: #3e3e3e;
    display: block;
    margin: 3px auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header .menu-lan {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}
.header .menu-lan .lanicon {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/top-lan.png) center center no-repeat;
    cursor: pointer;
}
.header .menu-lan .lanlist {
    background: #fff;
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;
    -moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
    box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;
    position: absolute;
    top: 100%;
    right: 0; width: max-content;
    display: none;
}
.header .menu-lan .lanlist a {
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 16px;
    color: #000000;
    transition: all .3s ease;
    text-align: center;
    padding: 0 10px; text-decoration: none;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}
.header .menu-circle {
    content: "";
    pointer-events: none;
    position: fixed;
    top: -400px;
    right: -400px;
    width: 400px;
    height: 400px;
    background: #000;
    -webkit-transform: scale(.1);
    -ms-transform: scale(.1);
    transform: scale(.1);
    border-radius: 50%;
    transition: -webkit-transform ease-out .5s;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: transform ease-out .5s;
    transition: transform ease-out .5s,-webkit-transform ease-out .5s;
    -moz-transition: transform .5s ease-out,-webkit-transform .5s ease-out;
    -ms-transition: transform ease-out .5s,-webkit-transform ease-out .5s;
    -o-transition: transform .5s ease-out,-webkit-transform .5s ease-out;
    overflow: hidden;
}
.header .nav {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 2;
}
.header .nav ul.navlist {
    width: 80%;
    height: 90%;
    margin: 0 auto;
    margin-top: 0;
    top: 10%;
    left: 10%;
    margin-left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10006;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); text-align: center;
    position: absolute; transition: all 1s ease;
    opacity: 0;
}
.header .nav ul.navlist li {
    -webkit-animation: DDInY .8s .3s ease both;
    -ms-animation: DDInY .8s .3s ease both;
    -moz-animation: DDInY .8s .3s ease both;
    animation: DDInY .8s .3s ease both;
}
.header .nav ul.navlist li a {
    height: 40px;
    margin: 10px 0;
}
.header .nav ul.navlist li a {
    display: block;
    height: 60px;
    overflow: hidden;
    margin: 10px 0;
    font-size: 28px;
    line-height: 60px;
    color: #e9e7e8;
    transition: all .3s ease;
}
.header .nav ul.navlist li span {
    font-size: 20px;
    line-height: 40px; display: block; margin: 0px;
    padding: 0px;
}
.header .nav ul.navlist .nav-tel {
    padding-top: 20px; display: inline-block;
    font-size: 18px;
    line-height: 28px;
    color: #909090;
}
.header .menu-circle {
    content: "";
    pointer-events: none;
    position: fixed;
    top: -400px;
    right: -400px;
    width: 400px;
    height: 400px;
    background: #000;
    -webkit-transform: scale(.1);
    -ms-transform: scale(.1);
    transform: scale(.1);
    border-radius: 50%;
    transition: -webkit-transform ease-out .5s;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: transform ease-out .5s;
    transition: transform ease-out .5s,-webkit-transform ease-out .5s;
    -moz-transition: transform .5s ease-out,-webkit-transform .5s ease-out;
    -ms-transition: transform ease-out .5s,-webkit-transform ease-out .5s;
    -o-transition: transform .5s ease-out,-webkit-transform .5s ease-out;
    overflow: hidden;
}
.header.act .menu-circle {
    webkit-transform: scale(15);
    -ms-transform: scale(15);
    transform: scale(15);
    background: #000;
    -webkit-transition: -webkit-transform .5s ease-out,_ .5s ease-out;
    transition: -webkit-transform ease-out .5s;
    transition: transform ease-out .5s;
    transition: transform ease-out .5s,-webkit-transform ease-out .5s;
    -moz-transition: transform .5s ease-out,-webkit-transform .5s ease-out;
    -ms-transition: transform ease-out .5s,-webkit-transform ease-out .5s;
    -o-transition: transform .5s ease-out,-webkit-transform .5s ease-out;
}
.header.act .nav ul.navlist {
    opacity: 1; padding: 0;
}
.header.act .meun-off #span1 {
    background-color: #fff;
    -webkit-transform: translateY(4.5pxpx) rotate(45deg);
    -ms-transform: translateY(4.5pxpx) rotate(45deg);
    -o-transform: translateY(4.5pxpx) rotate(45deg);
    transform: translateY(4.5px) rotate(
45deg);
}
.header.act .meun-off span {
    width: 25px;
}
.header.act .meun-off #span2 {
    opacity: 0;
}
.header.act .meun-off #span3 {
    background-color: #fff;
    -webkit-transform: translateY(-4.5pxpx) rotate(-45deg);
    -ms-transform: translateY(-4.5pxpx) rotate(-45deg);
    -o-transform: translateY(-4.5pxpx) rotate(-45deg);
    transform: translateY(-4.5px) rotate(
-45deg);
}
.carousel {
    margin-top: 60px;
}
.col-lg-3.col-md-6.col-sm-12:last-child {
    display: none;
}
.col-lg-3.col-md-6.col-sm-12:nth-last-of-type(2) {
    display: none;
}
}
/********************************************************手机简介******************************************************************/ 


@media (max-width: 768px){
	
.indexAbout {
    padding-top: 0px;
    padding-bottom: 30px;
}
.titlewz {
	letter-spacing: 0px;
}
.w1400 {
    width: 94%;
    margin: 0 auto;
}
.titleNr {
    margin-top: 10px; position: relative; padding-top: 0px;
    margin-bottom: 10px;
}
.indexAbout .titleBig {
    padding: 20px;
    padding-bottom: 5px;
}
.titleBig .cn {
    font-size: 28px;
}
.indexAbout .aboutBox .aboutNr {
    padding-top: 10px;
}
.indexAbout .aboutBox .aboutImg {
    width: 100%;
    float: none;
    min-height: auto;
}
.indexAbout .aboutBox .aboutImg img {
    width: 100%;
}
.indexAbout .aboutBox .aboutwz {
    width: 100%;
    float: none;
    margin-top: 30px;
    min-height: inherit;
}
.indexAbout .aboutBox .aboutwzBox {
    padding: 0 0px 0 0px;
}
.indexAbout .aboutBox .aboutTit {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}
.btn-view {
    margin-top: 20px;
}
.carousel-item{
	height: auto;
}
.cw1420 {
	padding: 0 20px;
}
	
/**************************************************************************************************************************/ 
.s50 {
    font-size: 28px;
}	
.j-col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.j-txt {
    height: 32px;
}
.s18 {
    font-size: 13.8px;
}	
.modular .mit .cn {
    font-size: 28px; transform: translateY(8px);
}
#zzIndProHua .title [a]{
	font-size: 28px; transform: translateY(6px);
}
.indexAbout .aboutBox .aboutInfo{
	max-height: none;
}
#zzIndProHua .title [b]{
	font-size: 13px;
}
	
}

/********************************************************手机底部菜单******************************************************************/ 

.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li a:hover .insta-overlay {
    visibility: visible;
    opacity: 1;
}
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li a .insta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #23b4a4;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li a .insta-overlay i {
    color: #fff;
}
.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}
.fa-instagram:before {
    content: "\f16d";
}



@media (max-width: 768px){
.bebsa-footer .newsletter-area .section-title {
    margin-bottom: 20px;
}
.section-title h2 {
    font-size: 26px;
    line-height: 36px;
}
.bebsa-footer .newsletter-area .newsletter-form .form_group .main-btn {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 20px;
}
.pt-130 {
    padding-top: 50px;
}
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list{
	width: 100%;
	
}	
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li{
	width: 33%;
}	
.bebsa-footer .footer-widget .widget.instagram-widget ul.instagram-list li img{
width: 100%;
}
.form_group>input,.form_group>button{
	font-size: 20px;
}
.copyright-text p{
	font-size: 13px;
}
.bebsa-footer .footer-widget .widget.contact-widget .contact-info .single-info {
    margin-bottom: 2%;
}
.j-sub input[type="submit"]{
	top: calc(50% - 20px);
}


/*************************************************************************************************************************/ 

.cw1420 ul.clean{
	padding:0;
}
#zzIndProHua .list li{
	width: 48%;
    height: 380px;
    margin: 0 2% 2% 0;
	
}
#zzIndProHua .list li.cn{
	height: 380px;
}
#zzIndProHua .list li .img {
    height: 180px;
}
#zzIndProHua .list li:nth-child(even){
	margin-right:0px; margin-left: 2%;
}
#zzIndProHua {
    padding-bottom: 10px;
}
.j-main {
    padding-top: 10%;
}

/***********************************************轮播**************************************************************************/ 

.tab-link > .slick-arrow, .owl-slick .slick-arrow, #carouselExample .slick-arrow{
	width: 25px;
    height: 25px; top: calc(50% - 0px);
}
.slide-home-02 .fa, #carouselExample .fa{
	line-height: 20px;
}

}

/***********************************************yanfa center**************************************************************************/ 

.break {
    padding-left: 2%;
}
.break .ul_04 {
    color: #999999;
    font-size: 14px;
    padding: 20px 0;
}
.break .ul_04 .span {
    padding-right: 10px;
    vertical-align: bottom;
    font-size: 18px; line-height: 100%;
}
.left {
    float: left;
}
.iconfont {
    font-size: inherit; font-family: "iconfont" !important;
    font-style: normal; font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
.icon-home:before {
    content: "\e759";
}
.break .ul_04 .li+.li:before {
    content: ">";
    padding: 0 3px;
}
.break .ul_04 {
    color: #999999;
    font-size: 14px;
    padding: 20px 0;
}
.lc_01 {
    width: 90%;
    margin: 0 auto;
}
.lc_01 .hmax {
    padding-top: 15px;
    padding-bottom: 35px;
}
.hmax {
    font-size: 32px;
    color: #333333;
    line-height: 1;
}
.dl_02 {
    background-color: #f6f6f6;
    height: 350px;
}
.dl_02 .dt {
    width: 50%;
    overflow: hidden;
}
.right {
    float: right;
}
.dl_02 .dd {
    width: 50%;
}
.left {
    float: left;
}
.dl_02 .dd .scroll {
    height: 270px;
    outline: none;
    margin: 40px;
}
div#teamList {
    width: 90%;
    margin: 0 auto;
}
.zj_list {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 30px 0;
}
.dl_11 {
    width: 31.3%; box-sizing: border-box;
    margin-bottom: 40px; margin-right: 3%;
    cursor: pointer;
}
.dl_11 .dt {
	width: 100%;
    height: 250px;
    overflow: hidden;
}
.hwimg {
    width: 100%;
    height: 100%;
}
.dl_11 .dd .h4 {
    font-size: 20px;
    padding: 10px 20px;
    line-height: 40px;
    position: relative;
    color: #333333;
    border-bottom: 1px solid #e6e6e6;
}
.dl_11 .dd .h5 {
    padding: 15px 20px 10px 20px;
    font-size: 16px;
    color: #555555;
    line-height: 24px;
    height: auto;
    overflow: hidden; box-sizing: unset;
}
.dl_11 .dd .h4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: -1px;
    width: 6px;
    height: 20px;
    background-color: #339eb9;
    margin-top: -10px;
}
.dl_11 .dd .h4 em {
    font-size: 14px;
    color: #aaa;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}
.dl_11 .dd .hp_con {
    padding: 0 20px 10px;
    font-size: 14px;
    color: #777777;
    line-height: 24px;
    height: 75px;
    overflow: hidden;
    word-break: break-all;
}
.dl_11:hover {
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.08);
}
.dl_11:hover .hwimg {
    transform: scale(1.1);
}
.dt .hwimg {
    transition: all .6s;
}
dl.dl_11.left.clearfix.m0:nth-child(3) {
    margin-right: 0;
}
dl.dl_11.left.clearfix.m0:nth-child(6) {
    margin-right: 0;
}
img#pic {
    height: 350px; transition: all .6s;
}
.dl_02 .dt:hover img#pic{
	transform: scale(1.1);
}

@media (max-width: 768px){

h3#oneTitle.hmax {
    font-size: 25px; padding-bottom: 15px;
}	
.dl_02 .dt {
	width: 100%;
}
img#pic {
    height: 200px;
}
.dl_02 .dd {
    width: 100%;
}
.dl_02 .dd .scroll {
	font-size: 15px;
    padding: 2%!important; margin: 0;
    width: 100%!important; height: auto;
}
.dl_02 {
    height: auto;
}
.dl_11 {
    width: 48%; height: 350px; margin-right: 2%; margin-bottom: 10px; overflow-y: hidden;
}
dl.dl_11.left.clearfix.m0:nth-child(3) {
    margin-right: 2%;
}
.dl_11 .dt {
    width: 100%;
    height: 120px;
}
dl.dl_11.left.clearfix.m0:nth-child(even) {
    margin-right: 0;
    margin-left: 2%;
}
.dl_11 .dd .h4 {
    font-size: 18px;
    padding-top: 5px;
    padding-left: 10px; padding-bottom: 0; padding-right: 0;
    line-height: 30px; margin-bottom: 0;
}
.dl_11 .dd .h4 span {
    display: block;
}
.dl_11 .dd .h4 em {
    font-size: 12px;
}
.dl_11 .dd .h4:before{
	top: 21px;
}
.dl_11 .dd .h5{
	padding: 0; padding-top: 4%;
}
.dl_11 .dd .hp_con {
    padding: 0;
}
.zj_list{
	padding-bottom: 0;
}
.bg_inner {
    height: 200px;
    margin-top: 60px; background-size: cover!important;
}
.pageTit .cn {
    font-size: 20px;
    color: #333;
    margin-bottom: 0;
}
.pageTit .en {
    font-size: 50px;
}
.pageTit .wz {
	margin-top: 5px;
}
.feedback2Box-tit {
	width: 100%;
    height: 30px;
}
.feedback2Box-tit img {
	height: 0;
}
.feedback2Box{
	margin-bottom: 10px;
    padding-left: 0;
    height: auto;
}
.feedback2Box-con {
    padding: 0;
    padding-right: 10px;
    padding-top: 60px;
}
.pageTitle3 {
    margin-bottom: 10px;
    padding: 0 20px;
}
.pageFeedback {
	margin-bottom: 0;
}
.feedback .button {
	padding-left: 5%;
}
.feedback ul {
	margin: 0 auto; padding: 0;
    width: 100%;
}
.formTableB .feedback ul li {
    width: 100%; padding-left: 0;
}
.feedback ul li .text2 {
    width: 100%;
}
.formTableB .feedback ul li input {
    width: 100%;
}
.scroll p {
    padding-bottom: 0;
    margin-bottom: 0;
}
div#teamList.cn .dl_11 {
    height: auto;
}	
}