*{margin: 0;padding: 0;box-sizing: border-box}
a{text-decoration: none}
ul,ol{list-style: none;}
*{font-family:Calibri;}
zhengccon{padding: 0 50px;}
.touzi   a {display:block;}
.touzi .touzifl {float:left;font-size:17px;padding-top:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.touzi .touzifr {float:right;text-align:right;color:#666;margin-top:14px;}
.touzi .touzifl:hover{color: #eea73f;}
.nytit h3{font-size: 36px;text-align: center;padding: 60px 0 55px 0;}
.header-right,
.header-mid{ float:right;margin-top: 26px;margin-left: 30px;}
.header-right > *{  position:relative;}
.open-search{ position:relative;width:20px; height:20px;margin-top: 22px; background:url(../images/seh.png) no-repeat center center; background-size:contain; display:block;}
.open-search-show{ background:none;}
.open-search-show::before,
.open-search-show::after{ position:absolute; content:''; width:20px; height:2px; background:#444; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px;}
.open-search-show::after{ transform:rotate(-45deg);}
.search-box{ display:none;    position:absolute;margin-top: 10px; right:0; top:100%;width:300px; z-index: 111;}
.search-box .text{width:100%;  padding:10px; border:2px solid #444;}
.search-box .btn{ position:absolute; right:0; top:0; width:42px; height:42px;border : 0; background:url(../images/seh.png) no-repeat center center; background-size:50% auto;}
.messageK{width:100%;margin-top:5%}
.messageK p{   
 width: 17.5%;
    font-size: 15px;
    text-align: center;
    color: black;
    border: 1px solid #399;}
	
	
	
.pager{text-align: center; margin-top:30px;}
.pager a{
    display: inline-block;width: 27px;line-height: 27px;
    border: 1px solid #f2f2f2;font-size: 12px;color:#666;margin: 0 5px;
}
.pager a:hover,.pager a.act{background: #339999;color:#fff;border-color: #339999;}

.in-page {color:#888;margin-top:30px;}
.in-page span {padding:0 15px;border:1px solid #339999}
.in-page a {height:35px;line-height:35px;padding:6px 9px;border:1px solid #339999;border-radius:3px;display: inline;}
.in-page a.cur,.in-page a:hover {border-color:#339999;background:#339999;color:#fff}

.curs {
    margin-right: 3px;
}
	

html { font-size: 62.5% !important; }
ul li { list-style-type: none; }
.common-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.contact-pc { position: fixed; z-index: 999; right: 0; width: 50px; }

.contact-pc li { position: relative; width: 100%; height: 40px; border-radius: 0; margin-bottom: 0; }

.contact-pc li a { display: block; height: 100%; width: 100%; text-align: center; line-height: 40px; cursor: pointer; }

.contact-pc li .iconfont { color: #5A5A5A; }

.contact-pc li .ewm { position: absolute; bottom: 0; left: 125px; max-width: 120px; width: 120px; height: 120px; }

.contact-pc li.ewm-box:hover .ewm { left: -125px; }

.c1 { background: transparent; }

.c1 .iconfont { font-size: 25px; font-size: 2.5rem; }

.c2 { background: transparent; }

.c2 .iconfont { font-size: 26px; font-size: 2.6rem; }

.c3 { background: transparent; }

.c3 .iconfont { font-size: 22px; font-size: 2.2rem; }

.c4 { background: transparent; }

.c4 .iconfont { font-size: 24px; font-size: 2.4rem; }

.c5 { background: transparent; }

.c5 .iconfont { font-size: 26px; font-size: 2.6rem; }


.contact-phone { position: fixed; bottom: 0; height: 50px; left: 0; right: 0; display: none; z-index: 999; }

.contact-phone li { width: 20%; height: 100%; float: left; position: relative; background-color: #fff; }

.contact-phone li a { display: block; height: 100%; width: 100%; text-align: center; line-height: 50px; cursor: pointer; }

.contact-phone li .iconfont { color: #5A5A5A; }

.contact-phone li .ewm { position: absolute; bottom: 50px; right: 50%; margin-right: -60px; display: none; max-width: 120px; width: 120px; height: 120px; }

@media only screen and (max-width: 767px) { .contact-pc { display: none; }
  .contact-phone { display: block; }
  body { padding-bottom: 50px; } }


.back-top { position: fixed; right: 5px; bottom: -100px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 998; width: 44px; height: 44px; line-height: 44px; background-color: #D7D7D7; text-align: center; }

.back-top .iconfont { font-size: 28px; font-size: 2.8rem; color: #5A5A5A; }

@media only screen and (max-width: 767px) { .back-top { display: none; } }




@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1579400431066'); 
  src: url('../fonts/iconfont.eot?t=1579400431066#iefix') format('embedded-opentype'), 
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1579400431066') format('woff'),
  url('../fonts/iconfont.ttf?t=1579400431066') format('truetype'), 
  url('../fonts/iconfont.svg?t=1579400431066#iconfont') format('svg'); 
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-guanbi_o:before {
  content: "\eb76";
}

.icon-icon_search:before {
  content: "\eb9c";
}

.icon-icon_phone_fill:before {
  content: "\ebad";
}

.icon-bigger1:before {
  content: "\e647";
}

.icon-top5:before {
  content: "\e651";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-left9:before {
  content: "\e72c";
}

.icon-right9:before {
  content: "\e72d";
}

.icon-up16:before {
  content: "\e746";
}

.icon-bottom16:before {
  content: "\e747";
}

.icon-left16:before {
  content: "\e748";
}

.icon-right16:before {
  content: "\e749";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-search5:before {
  content: "\e7b3";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address:before {
  content: "\e7c2";
}

.icon-email:before {
  content: "\e7c4";
}

.icon-skype:before {
  content: "\e7c9";
}

.icon-wechat:before {
  content: "\e7cd";
}

.icon-mobile:before {
  content: "\e7d0";
}

.icon-top101:before {
  content: "\e7ee";
}

.icon-bottom10:before {
  content: "\e7ef";
}

.icon-left10:before {
  content: "\e7f0";
}

.icon-right10:before {
  content: "\e7f1";
}






.header{position: relative;z-index:5;width:100%;height: 115px;}
.header .hdcon{max-width: 1200px; margin: 0 auto;}
.header .logo{height:80px;line-height:115px;width: 144px}
.header nav ul li{position:relative;float:left;margin:0 29px}
.header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1)}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:100px}
.header nav ul li:hover a{ color:#339999;}
.header nav ul li a.layui-this-moren{ color:#339999;}
.header nav ul li>a{position:relative;height:115px;line-height:115px;color:#333;font-size:20px;display: inline-block;}
.header nav ul li>a::after{position:absolute;content:'';left:0;bottom:-2px;width:100%;height:2px;background:#339999;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s}
.header nav ul li .sub-nav{position:absolute;visibility:hidden;opacity:0;margin-top: 16px; z-index:1;top:150px;left:50%;width:160px;color:#fff;background:rgba(0,0,0,.3);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a{display:block;line-height:42px;padding:0px 10px;text-align:center;color:#fff;}
.header nav ul li .sub-nav a:hover{background:#339999; color:#fff;}
.header .language{height: 115px;line-height: 115px}
.header .language .en{ font-size:18px;}
.header .language a:hover{ color:#339999;}
.header .language a{ padding:0 5px; color:#666;}
/*海报区域*/
.banner{  width:100%; }
.banner .swiper-slide img{ display: block; width:100%;height: 100%;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{ background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner:hover .swiper-button-prev{ display: block; }
.banner:hover .swiper-button-next{ display: block; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5%}
.banner .swiper-pagination-bullet{ width:12px; height: 12px; opacity: 1; background: #fff; border-radius: 6px; }
.banner .swiper-pagination-bullet-active{ width:30px; }
.footerdi .le{
	width: 24%;
    display: block;
    float: left;
    text-align: right;
	line-height: 1px;
}
.footerdi .re{
	float: right;
    display: block;
    width: 60%;
	line-height: 1px;
}

.contact-pc {
    position: fixed;
    z-index: 999;
    right: 0;
    width: 50px;
	top: 50%;
}

.contact-pc li {
    position: relative;
    width: 100%;
    height: 40px;
    border-radius: 0;
    margin-bottom: 0;
}
.icon-wechat:before {
  content: "\e7cd";
}

.c4 {
    background: transparent;
}
.contact-pc li .ewm {
    position: absolute;
    bottom: 0;
    left: 125px;
    max-width: 120px;
    width: 120px;
    height: 120px;
}

.contact-pc li a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.pro {padding: 60px 0;overflow: hidden;position: relative;}
.pro .propic{overflow: hidden;}
.pro ul li a{transition: 1s;}
.pro .propic:hover a{transform: scale(1.2);width: 100%;height: 100%;}
/*.pro li:nth-child(1){position: relative;left:-600px;top: 0;transition: 1s;transition-delay: 0.1s;opacity: 0;}
.pro li:nth-child(3){position: relative;left:-600px;top: 0;transition: 1s;opacity: 0;transition-delay: 0.3s;}
.pro li:nth-child(2){position: relative;left:600px;top: 0;transition: 1s;transition-delay: 0.2s;opacity: 0;}
.pro li:nth-child(4){position: relative;left:600px;top: 0;transition: 1s;opacity: 0;transition-delay: 0.4s;}*/
.pro.active  ul li {left: 0;opacity: 1;}
.prots{ margin-bottom:120px;}
.prots a{ display:block;}
.about{padding-bottom: 50px;overflow: hidden;}
.abtxt{padding-left: 30px;}
.about .abfl{position: relative;left:800px;top: 0;transition: 0.8s;opacity: 0;}
.about.active .abfl{left: 0;opacity: 1;}
.about .video{width: 90%;height:300px;}
.about .video em{width: 90%; display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.2);background-image:url(../images/em.png);background-position:center center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s; cursor:pointer;}
.about .video:hover em{background-color:rgba(0,0,0,.4);}
.about .img-responsive{height: 300px;}
.about .abtxt h3{padding: 20px 0 50px 0;font-size: 24px;color: #585858;position: relative;left:-800px;top: 0;transition: 1.1s;opacity: 0;}
.about .abtxt h3 a{color: #585858;}
.about .abtxt h3 a:hover{color: #339999;}
.about .abtxt p{font-size: 16px;color: #818181;line-height: 28px;position: relative;left:-800px;top: 0;transition: 1.5s;opacity: 0;}
.about.active .abtxt h3{left: 0;opacity: 1;}
.about.active .abtxt p{left: 0;opacity: 1;}

.abdi li{position: relative; left: -400px;top: 0;opacity: 0;transition:1s}
.abdi.active li{left: 0;opacity: 1;}
.abdi.active li:nth-child(2){transition-delay: 0.1s}
.abdi.active li:nth-child(3){transition-delay: 0.3s}
.abdi.active li:nth-child(4){transition-delay: 0.4s}
.abdi.active li:nth-child(5){transition-delay: 0.5s}


.news .xian{width: 100%;height: 1px;background: #ccc;margin: 50px 0}
.news li{position: relative; left: -800px;top: 0;opacity: 0;transition:1s}

.news.active li{left: 0;opacity: 1;}


.newstit{font-size: 24px;text-align: center;padding: 35px 0 50px}
.newsfl{text-align: center;height: 120px;}
.newsfl h2{font-size: 40px;color: #666666;padding-top: 30px}
.newsfl span{font-size: 16px;color: #aaaaaa;display: inline-block;}
.newsfr{padding-left:30px;overflow: hidden;border-left: 1px solid #ccc;}
.newsfr h3{font-size: 18px;color: #585858;padding: 12px 0 10px 0;font-weight: 600}
.newsfr:hover h3{color: #735b43}
.newsfr p{font-size: 14px;color: #989898;line-height: 36px;max-height: 60px;margin-bottom: 20px}

.footer{background: #f8f8f8;padding: 0 20px;}
.footer .ftcon{padding: 40px 0}
.footer dl dt{font-size: 18px; color: #373737;padding-bottom: 50px;font-weight: 700}
.footer dl dd{font-size: 14px; color: #737373;line-height: 36px}
.footer dl dd a{
    color: #737373;
}
.footer dl dd a:hover{
    color: #333;
}
.footer i{padding-left: 5px;}

.footerdi{background: #eaebed;padding: 25px 0;color: #737373;font-size: 14px}
.footerdi p{display: inline;padding-left: 40px}


.aboutny .abnymbx a:last-child{color: #339999}
.aboutny{padding: 50px 0 100px 0}
.aboutny .abnydh{padding: 0 10px;}
.aboutny .abnydh .abnytit{line-height: 60px;background: #dddddd;color: #444;font-size: 24px;padding: 0 10px;}
.aboutny .abnydh li{line-height: 50px;padding: 0 10px;border-right: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5}
.aboutny .abnydh li a{position: relative;color: #545454;font-size: 16px;border-bottom: 1px solid #e5e5e5;display: block}
.aboutny .abnydh li a.on,.aboutny .abnydh li a:hover{color: #339999;}
.aboutny .abnydh li img{display: block; position: absolute;right: 30px;top:45%;}
.aboutny .abnymbx{font-size: 16px;color:#333;}
.aboutny .abnymbx img{vertical-align:middle;display:inline-block;margin-top: -4px}
.aboutny .abnyfr{padding-left: 30px}

.aboutny em{width: 100%;height: 1px;background: #dddddd;margin: 15px 0 40px}

.aboutny .abnytxt img{float: left;display: block;padding-right:29px}
.aboutny .abnytxt p{font-size: 16px;line-height: 30px;color: #797979;}
.aboutny .ovh{text-align: center;color: #787878;padding-top: 15px;font-size: 16px}
.aboutny .abnyfr .nynn{margin: 0 auto;}
.aboutny .abnyfr .nynn {display: block;text-align: center}
.ywnr{padding:0 100px}

.aboutny .abnytxts p{font-size: 16px;line-height: 30px;color: #797979;}

.culture{padding: 0 40px  70px;overflow: hidden;}

.culture .cultpd{padding-left: 40px}
.culture .cultsm{float:left;}
.culture .cultxm{float: right}
.culture .cult h3{font-size: 18px;color: #5a5a5a;font-weight: 700;padding-top: 30px}
.culture .cult p{font-size: 18px;color: #5a5a5a;padding-top: 10px}
.carns2{padding-right: 110px}
.carns2 .carn2tit{height: 50px;background: #f1f1f1;text-align:left;line-height: 50px;font-size: 18px;color:#999; padding-left:10px;}
.carns2 .carn2txt{padding: 40px 20px;}
.carns2 .carn2txt p{font-size: 14px;color: #5a5a5a;line-height: 24px;}
.carns2 .carn2txt p a {
    color: #5a5a5a;
}
.carns2 .carn2txt p a:hover {
    color: #333;
}
.carliuyan {padding-left: 110px}
.carliuyan .carn2tit{height: 50px;background: #f1f1f1;text-align:left;line-height: 50px;font-size: 18px; padding:0 10px; color:#999;}
.liuyan{padding:45px 110px 0 0 }
.layui-input{height: 30px;  border-radius:15px; border-color: #8d8d8d;  line-height: 1.3;line-height: 30px\9; border-width: 1px;border-style: solid;background-color: #fff;}

.layui-form-label {
    font-size: 16px;
    width: 100px;
    text-align: left;
    padding: 5px 15px;
}

.layui-textarea {
    min-height: 90px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
    border-color: #8d8d8d;
}
.layui-btn{height: 30px;line-height: 30px; width: 75px;border-radius: 15px}
.layui-btn-normal{background-color: #339999}
.layui-btn-primary{background-color: #339999;color: #fff;border: none}
.layui-btn-primary:hover{color: #fff}
.contnyfr{overflow: hidden;width: 100%}
.ditu{padding-bottom: 80px}
.ditu .ditutit{width: 160px;height: 50px;text-align:left;line-height: 50px;background: #f1f1f1;font-size: 18px;margin-bottom: 20px; padding-left:10px;}

.neny .xian{width: 100%;height: 1px;background: #ccc;margin: 50px 0}
/* .news li{position: relative; left: -800px;top: 0;opacity: 0;transition:1s}

.news.active li{left: 0;opacity: 1;} */
.neny{overflow: hidden;}

.netit{font-size: 24px;text-align: center;padding: 35px 0 50px}
.nefl{text-align: center;border-right: 1px solid #ccc;height: 120px}
.nefl h2{font-size: 40px;color: #666666;padding-top: 30px}
.nefl span{font-size: 16px;color: #aaaaaa;display: inline-block;}
.nefr{padding-left:30px;overflow: hidden;}
.nefr h3{font-size: 18px;color: #585858;padding: 12px 0 10px 0;font-weight: 600}
.nefr:hover h3{color: #735b43}
.nefr p{font-size: 14px;color: #989898;line-height: 36px;max-height: 60px}

/* .prots li{float: left;margin-right: 26.6px;width: 280px;margin-bottom: 45px ;}
.prots li:nth-child(4n){margin-right: 0} */
.prots li span  {width: 286px;height: 286px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;padding: 10px;box-sizing: border-box;overflow: hidden;}
.prots li {display: block;text-align: center}
.prots li span img{width: 100%;height: 100%; transition: 1s;display:block;}
.prots li p{padding: 0 15px; font-size: 16px;color: #4f4f4f;text-align: center;}
.prots li h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; font-size: 16px;text-align: center;color: #4f4f4f;text-align: center;padding: 25px 0 20px;font-weight: 600}
.prots li:hover h3{color:#339999;}
.prots li:hover img{transform: scale(1.1);}


.pages{padding: 40px 0 70px;text-align: center}
.pages ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0 ;
}

.pages ul.pagination li {display: inline;}

.pages ul.pagination li a {
    color: black;
    float: left;
    padding: 6px 10px;
    text-decoration: none;
    background: #eaebed;
    margin-right: 5px;
    font-size: 16px
}

.pages ul.pagination li a.active {
    background-color: #339999;
    color:#fff;
}
.stacked-cards p{position: absolute;
    left:0;
	right:0;
	text-align:center;
    padding-top: 30px;
    font-size: 28px;
    font-weight: 600;}
.pages ul.pagination li a:hover:not(.active) {background-color: #339999;color: #fff}

.protsny{position: relative;}
.protsny .protsnydt{position: relative;width: 400px;height: 350px;}
.protsny .protsnydt li{position: absolute;display: none}
.protsny .protsnydt li span  {width: 400px;height: 350px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;padding: 10px;box-sizing: border-box;overflow: hidden;}
.protsny .protsnydt li span img{width: 100%;height: 100%; transition: 1s;display:block;}
.protsny .protsnydt li p{padding: 0 15px; font-size: 16px;color: #4f4f4f;text-align: center;}
.protsny .protsnytxt{float: right}
.protsnytxt{text-align: center}
.protsnytxt h3{font-size: 18px;color: #383838;padding-bottom: 25px;text-align:left;}
.protsnytxt pre{font-size: 14px;color: #939393;line-height: 28px; text-align:left;}

.protsnyxt{padding: 10px 50px 50px 0}
 .protsnyxt li span  {width: 58px;height: 58px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;padding: 10px;box-sizing: border-box;overflow: hidden;}
 .protsnyxt li {display: block;text-align: center;cursor:pointer;}
 .protsnyxt li span img{width: 100%;height: 100%; transition: 1s;display:block;}
 .protsnyxia { margin-top:30px;}
.protsnyxia .protsnyll{width: 160px;font-size: 18px; height: 50px;line-height: 50px;text-align: center;background: #339999;color: #fff}
.protsnyxia .xian{width: 100%;height: 1px;background: #ccc}
.protsnyxia .xiawu{line-height: 30px;padding: 30px 0 120px 0}
.service h2{font-size: 20px;color: #666}
.service img{padding:80px 0}


.newsneiye h3{font-size: 20px;font-weight: 600;color: #444;padding-bottom: 55px;text-align: center}
.newsneiye {font-size: 16px;color: #666;line-height: 32px;}

.ovh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pager{text-align: center; margin-top:30px;}
.pager a{
    display: inline-block;width: 27px;line-height: 27px;
    border: 1px solid #f2f2f2;font-size: 12px;color:#666;margin: 0 5px;
}
.pager a:hover,.pager a.act{background: #339999;color:#fff;border-color: #339999;}
@media (max-width: 1300px) {
  .hdcon{width: 90%}
    .header nav ul li {
        margin: 0 20px;
        
    }	
    
    .about .abtxt h3{padding: 10px 0 30px 0;}
    }	
    @media (max-width: 1200px) {
        .about .abtxt h3{padding: 10px 0 20px 0;}
        .about .abtxt p{line-height: 24px}
        .about .video{width: 90%;height:auto;}
        .about .img-responsive{height: auto;}
        .footer span{padding-bottom: 10px;display: inline-block}
        .footer i{padding-left: 0}
        .aboutny .abnydh li img {
            right: 0;
            
        }
        .culture .cultpd{padding: 0}
        .culture .cultsm{padding-top: 30px}
        .carliuyan{padding-left: 50px;}
        .protsnyxt{padding: 80px 0px 50px 0}

          }	
          

 
    @media (max-width:1024px){
  .banner {
    margin-top: 70px;
}
        .header{display:none}
        .header-m{display:block!important;z-index:999;position:fixed;left:0;top:0;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1);}
        .header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
        .header-m .logo{position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
        .header-m .logo img{max-height:60px}
        .header-m .m-menu-b{display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
        .header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);content:'';width:25px;height:1px;z-index:9999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
        .header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
        .header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
        .header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
        .header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
        .header-m .nav{height:100%;overflow-x:hidden;overflow-y:auto}
        .header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
        .header-m .nav>li>a{position:relative;display:block;width:100%;font-size:18px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
        .header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s}
        .header-m .nav>li .sub-nav{display:none}
        .header-m .nav>li .sub-nav a{position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e}
        .header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
        .header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
        .header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
        .header-m .nav>li.cur{position:relative}
        .header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
        .header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
        .header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
        .header-m .nav>li.active::after{background:#fff}
        .header-m .nav>li.active::before{height:0}
        .header-m .nav>li.active>a{color:#fff;background:#339999;}
        .header-m .nav>li.active>a::after{background:#fff;border-color:#fff}
        .header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
        .header-m .m-language{position:absolute;left:0;top:0;width:100%;text-align:center}
        .header-m .m-language a{color:#666;height:70px;line-height:70px;font-size:16px;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both; padding:0 10px;}
        html.active{height:100%;overflow:hidden}
        html.active body{height:100%;overflow:hidden}
        html.active .header-m{left:260px}
        html.active .header-m::after{display:block}
        html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
        html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
        html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
        html.active .header-m .m-menu{display:block;left:0}
        html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}
        .index-nr ul li{ position: absolute;bottom:43%;}
        .index-nr ul li.an1{ position: absolute;left:20%;}
        .index-nr ul li.an2{ position: absolute;left:45%;}
        .index-nr ul li.an3{ position: absolute;left:70%;}
        .slick-arrow{top: 60%}
        .course-more {
        position:absolute;
        left:41%;
        bottom:28%;
        
        }
         .fly-filter-right p {
            padding: 0 15px;
        }
        .nyabout {
            padding: 40px 0;
        
        } 
        .about .video em{width: 100%}
        .about .abtxt{padding-left: 20px}
        .about .abtxt h3{padding: 10px 0 20px 0;}
        .about .abtxt p{line-height: 24px}
        .about .video{height:auto;width: 100%;}
        .about .img-responsive{width: 100%;height: auto;}
        .newsfl{height: 150px;}
        .footer span{padding-bottom: 10px;display: inline-block}
        .footer i{padding-left: 0}


        .aboutny .abnydh li img{right: 0}
        .ywnr{padding:0 }
        .aboutny .abnyfr{padding-left: 0}
        .carns2{padding:40px ;}
        .carliuyan{padding: 0;}
        .aboutny .abnydb{padding-bottom: 30px}
        .carliuyan .carn2tit{margin-top: 40px}
        .protsnyxt{padding: 10px 0px 50px 0}


        .stacked-cards ul{height: 440px;}
		.aboutny {
    padding: 100px 0 0;
}
.protsny .protsnydt {
    width:100%;

}
.protsny .protsnydt li span {
    width:100%;

}
        }


.imgs img {
	width: 100%;
	
	object-fit: cover
}

@media(max-width:993px){
    .aboutny   .abnyfl{display: none}

}
@media (max-width:768px){
.protsnytxt pre {
    line-height: 24px;
 
}
.dn {
    display: block!important;;
}

.main-nav-m{display:block;position:relative;z-index:555;cursor:pointer}
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#339999;}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(51,153,153,.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}
.aboutny {
    padding: 70px 0 0;
}
.aboutny .abnymbx {
    font-size: 16px;
    color: #333;
	margin-top:20px;
}
.carns2 {
    padding:0
}
.carns2 {
    padding-right:0;
}
   .protsnyxia{ margin-top:30px;} 
    .about .abtxt{padding-left: 0}
    .about .abtxt h3{padding: 20px 0 30px 0;font-size: 24px;color: #585858}
.about .abtxt p{font-size: 16px;color: #818181;line-height: 36px;}
.newsfl{height: 140px;}
.slick-arrow{top: 60%!important}
.aboutny .abnyfl{display: none}
.carns2 .carn2txt {
    padding:20px;
}
}
@media (max-width:767px){
.carliuyan .carn2tit {
    font-size: 16px;

}
.protsny {
    height: 100%;
	overflow:inherit;
}
.ditu .ditutit {
    width: 100%;
}
.carns2 .carn2txt p {
	line-height:26px;
}
.protsnyxt li span {
    width: 49px;
    height: 49px;
}
.protsny .protsnydt li span {
    width:350px;
}
    .newsfl{display: none}
    .abtxt{padding-left: 0}
    .about .abtxt h3{padding: 20px 0 30px 0;font-size: 24px;color: #585858}
    .about .abtxt p{font-size: 16px;color: #818181;line-height: 28px;}
    .abdib li{width: 50%}
    .abdib li img{width: 100%}
    .about .video em{width: 100%}
    .newstit{padding: 20px 0}
    .newsfl{height: 120px; }
    .newsfl h2{padding-top: 20px}
    .newsfr{padding-left:10px}
    .newsfr h3{overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width:250px;}
  /*      .footer{display: none}*/
        .footerdi p{padding-left: 0}
   
        .aboutny .abnyfr{padding-left: 0}
        .aboutny .abnytxt img{padding-right: 0; padding-bottom:10px;}
    
   .footerdi{padding: 15px 0}
   .ywnr{padding: 0;}
   .culture{padding: 20px 0;}
   .culture .cultpd{padding: 0;}
   .liuyan{padding: 45px 0 0}

   .netit{padding: 20px 0}
    .nefl{height: 120px; }
    .nefl h2{padding-top: 20px}
    .nefr{padding-left:10px}
    .nefr h3{overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width:250px;}

  
        .protsny .protsnytxt{display: block;    position: relative;}
        
    }

@media (min-width:1200px){
.pro li:nth-child(1){position: relative;left:-600px;top: 0;transition: 1s;transition-delay: 0.1s;opacity: 0;}
.pro li:nth-child(3){position: relative;left:-600px;top: 0;transition: 1s;opacity: 0;transition-delay: 0.3s;}
.pro li:nth-child(2){position: relative;left:600px;top: 0;transition: 1s;transition-delay: 0.2s;opacity: 0;}
.pro li:nth-child(4){position: relative;left:600px;top: 0;transition: 1s;opacity: 0;transition-delay: 0.4s;}
}