@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {overflow-x:hidden;-webkit-text-size-adjust:none;}

body { padding: 0; color:#333333; font-size:14px; font-family:"PingFang SC","PingFangSC-Regular","微软雅黑","Microsoft Yahei", "Helvetica Neue", "Helvetica, STHeiTi", "sans-serif" !important;  }

img { max-width:100%;border:none;}

/*#333333*/

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}

/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}

.flex{ display: flex;}
.f1{ flex: 1;}
.fx-r{justify-content:flex-end}
.fx-c{justify-content:center}
.fx-w{justify-content:space-between}
.fx-m{justify-content:space-around}
.fy-top{ align-items: flex-start}
.fy-bot{ align-items: flex-end}
.fy-c{ align-items:center }
.fy-h{ align-items: stretch}
.fwrap{flex-wrap: wrap;}


/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;}
input[type="submit"] {cursor:pointer;}
input[type="reset"] {cursor:pointer;}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}


@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg'); }



.nav-btnbox { display:none}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}

.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}



.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.hide{display: none}
.fc-lv{color: #005f2e;}
.fc-999{ color: #999;}
.fc-666{ color: #666;}

.fangda img {transition: 0.3s; }
.fangda img:hover{transform: scale(1.05); }
.cover-img{display:block; background:url() center center no-repeat; background-size:cover}
.fangda .cover-img {transition: 0.3s; }
.fangda .cover-img:hover{transform: scale(1.03); }

.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}

@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);}
    to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);}
    to {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@-webkit-keyframes fadeIn{
	0% {opacity:0;	}
	100% {opacity:1;}
}
@keyframes fadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
}

.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn}



.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


.mainbox{margin: 0 auto; max-width:80%;}

.banner{position: relative}

.banner .swiper-pagination{ width: 100%; bottom:5%;}

.banner .swiper-pagination-bullet{margin: 0px 4px; width: 60px;height:5px;border-radius: 0;background: #fff; opacity: 0.5;}
.banner .swiper-pagination-bullet-active{background: #005f2e; opacity:0.6}
.banner img{width: 100%}

.top{position: absolute; top: 0px; width: 80%; left: 10%; z-index: 99}

.logo{max-width:100%; position: absolute;width: 16%;left: 40px; top: 0px; }

.top-banner{ width: 100%;}
.top-banner img{ width: 100%;}

 
.video{ width: 100%; margin-top: 20px;}

.nav-btn{display: none; position: absolute;top: 0;right: 0px;width:220px;height: 60px;background:rgba(0,0,0,0.5);z-index: 10;cursor: pointer;transition: all .2s;}
.nav-btn .zuo{padding:0px 20px; height: 60px;}

.nav-bar {display:none;position:absolute;right:0px;top:60px;width:320px; padding-bottom:40px;background:rgba(0,0,0,.62);z-index:999; cursor:pointer;}

.nav-btn1 {position:absolute;top:0;right:235px;width:220px;height:60px;background:#db1e26;padding:22px 20px;z-index:10;cursor:pointer;transition:all .2s;}
.nav-fixed {position:fixed;z-index:999;}
.nav-btn img {width:16px;height:16px;}
.nav-btn1 img {width:16px;height:18px;}
.nav-btn span,.nav-btn1 span {color:#fff;font-size:16px; padding-left: 15px;}
.nav-item {position:relative;width:100%;}
.active:after {content:"";display:block;position:absolute;width:330px;top:0;left:-10px;height:60px;background:#db1e26;z-index:1;}
.nav-item a.menu-tab {display:block;position:relative;z-index:2;width:80%;margin:0 auto;line-height:60px;color:rgba(255,255,255,.75);font-size:18px;border-bottom:1px solid rgba(196,200,208,.14);}
.menu-tab i {display:block;position:absolute;right:2px;top:22px;width:10px;height:10px;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg);transition:all .2s;}
.show-sub i {transform:rotate(135deg);}
.menu-sub {display:none;width:100%;}
.menu-sub li {width:100%;}
.menu-sub li:hover {background:rgba(0,0,0,.5);}
.menu-sub li a {display:block;position:relative;z-index:2;width:70%;margin:0 auto;line-height:50px;color:rgba(255,255,255,.75);font-size:16px;border-bottom:1px solid rgba(196,200,208,.14);}

.shop { width: 80%; margin: 90px auto 80px; border: 1px solid rgba(196,200,208,.75); }

.shop .shop-icon { margin: 10px auto 20px 15px; }

.shop-bar {position:relative;padding:15px;line-height:36px;border-radius:3px;color:rgba(255,255,255,.75);font-size:16px;}
.shop-bar h3 {line-height:36px;font-size:20px;}
.shop-bar .hot {display:block;height:20px;line-height:20px;padding:0 5px;background:#ffcb15;color:#000;font-size:14px;border-radius:3px;animation:move .5s infinite;-moz-animation:move .5s infinite;/* Firefox */ -webkit-animation:move .5s infinite;/* Safari 和 Chrome */ -o-animation:move .5s infinite;/* Opera */}

.nav{  border-radius: 5px;  position: absolute;top: 50px;right: 0px;width:65%;height: 60px;background:rgba(0,0,0,0.1);z-index: 10;cursor: pointer;transition: all .2s;}
.navs{display: flex;}
.navs a{ color: #fff;}
.nav .nli{ flex:1; height: 60px; display: block;  }
.nav .menu-a{ display: block; width: 100%; line-height: 60px; font-size: 16px; text-align: center;}
.nav .ul-sub{ display: none; background:rgba(0,0,0,0.2);}
.nav .ul-sub li{ width: 100%; text-align: center; line-height: 46px;}
.nav .ul-sub li:hover{background:rgba(255,255,255,0.5); color: #fff; }
@keyframes move {
	from {opacity:0.5;}
    to {opacity:1;}
}
@-moz-keyframes move {
	from {opacity:0.5;}
    to {opacity:1;}
}
@-webkit-keyframes move {
	from {opacity:0.5;}
    to {opacity:1;}
}
@-o-keyframes move {
	from {opacity:0.5;}
    to {opacity:1;}
}




.nav-btn.nav-fixed { width: 60px; }
.nav-btn.nav-fixed.showMenu { width: 320px; }

.nav-btn.nav-fixed span { display: none;}
.nav-btn.nav-fixed.showMenu span { display: block; }

.shop-icon li a img { width: 36px; height: 36px; }
.shop-icon li a:hover img { transform: scale(1.2); }




.uptop{display: none;position: fixed;bottom: 20%;right: 10px;width: 50px;z-index: 999; cursor: pointer}



.synewsboxbj{ background-size:100% auto;  }

.synewstit{ text-align: center;}
 
.synewstit h2{font-size:36px;color: #005f2e; margin:0px 0px 10px}
.synewstit p{ font-size:24px;color: #666}
	
.news-list {margin-top:50px; width:calc(100% + 30px); margin-left: -30px;}
.news-item {float:left;position:relative;width:calc(25% - 30px);margin-left:30px;background:#000;
    border-radius:5px; height: 27vw; overflow:hidden;}
.news-item img{ width: 100%}
.news-item a {display:block;width:100%;height:100%;}
.news-img {width:100%;height:100%;}
.news-img img {width:100%;height:100%;}
.news-item-info {position:absolute;z-index:2;top:90px;left:5%;width:90%; }

.news-cover {display:none;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.news-item-date {position:relative;top:0px;width:50px;height:63px; 
background-repeat:no-repeat;background-size:100% 100%;padding-right:5px;padding-top:10px;margin:0 auto;opacity:1;transition:all .5s .2s linear;
text-align:center; color:#fff; font-size:30px; width:80%; font-weight:bold}
 
.months {color:#fff;font-size:16px;}
.news-item-title {position:relative;top:50px;opacity:0;width:100%;margin-top:20px;text-align:center;font-size:18px;color:#fff;transition:all .5s .2s linear;}
.news-item-title em {font-size:18px;color:#df550c;}
.show .news-item-title {top:0;opacity:1;}


.syvideobj{background:#fff; background-size:100% 100%}

.bgc{ background: #f2f8fb;}

/*新闻*/
.ns{ margin-top: 30px;}
.ns-content { position: relative; color: #333333;   }
.ns h2{ font-size:36px; color: #005f2e;margin-bottom: 1.2rem; }
.ns-img { position: relative; width: 60%;   z-index: 7 }
.ns a.nimg{ display:block; width:100%; height:360px; border-radius:10px;  }
.ns-info { position: absolute; top:0px; right: 0;   width: 35%; right: 0;   height:360px; overflow:hidden   }
.ns-title a{font-size:28px; color: #333333;font-weight:bold}
.ns-txt {font-size:18px; line-height:180%; margin-top:20px; text-indent:2em}
.ns .date{ display:inline-block; background: #333333; color:#fff; padding:0 10px; margin-top:10px}

.swt{display: flex;justify-content:center}
.swt .li{ cursor: default; margin: 0 0px; color: #333333; width: 15%; text-align: center; line-height: 50px; background-color: #f1f1f1; font-size: 20px;  ;}
.swt .li.cur{ background-color: #005f2e; color: #fff ;}
.swt .li:nth-child(1){ border-radius: 5px 0 0 5px;}
.swt .li:nth-child(3){ border-radius:0 5px  5px 0;}

.xw{position: relative; padding: 0px  0px; margin-top:20px; height:auto; display: flex; }
.xw a.li{ display:block;  background:#f1f8fb; border-radius:5px; flex:1; margin-right: 20px; }
.xw a.li:nth-child(4){ margin-right: 0;}
.xw .li .cover-img{ height:200px; width:100%; border-radius:5px}
.xw .li .title{   padding:10px; line-height:160%; font-weight: bold; font-size: 16px; color: #005f2e;}
.xw .li .info{color: #999; padding:10px; padding-top: 0;line-height:160%; height: 70px; }

.aboutdiv{  }
.syvideobj .about{ width: 60%;}
.syvideobj .abinfo{ }
.syvideobj h3{ font-size: 36px; margin-top: 60px;}
.syvideobj .more {  color: #005f2e; font-size: 16px; font-weight: bold;}
.syvideobj .about-info{ font-size:18px; line-height:200%; margin-top:10px; text-indent: 2em;}

.postermask{width: 100%; height: 100%; position: absolute; z-index: 9;}
.postermask img{width: 100%; height: 100%}

 
.sybrandbox>img{width: 100%}

.sybrandhezi{ background-color: #f1f8fb;   width: 100%}

.brand-title {  text-align: center;}
.brand-title h2 { font-size:36px;margin-bottom: 1.2rem;}
.brand-title p { font-size:24px;   color: #666; }

.brandqiehuan{position: relative;  padding: 0px 50px; margin-top: 20px;  }
.brandqiehuan img{ background-color: #fff; border-radius: 5px; height: 220px;}
.brandqiehuan .swiper-slide a{display: block}
.brandqiehuan .swiper-button-prev,.brandqiehuan .swiper-button-next{width: 40px; height: 140px; cursor: pointer; margin-top: 0px; transform: translate(0,-50%)}
.brandqiehuan .swiper-button-prev{ background: url(../images/prev.png) center center no-repeat; background-size: 40px 115px; left: 0px; }
.brandqiehuan .swiper-button-next{ background: url(../images/next.png) center center no-repeat; background-size: 40px 115px; right: 0px; }

    
.syservicebox{position: relative}
.syservicebox>img{width: 100%}
.syservicebox .intro { position: absolute; color: #333333; top: 1%; left: 0; z-index: 3; }
.syservicebox   h2 { font-size:36px;margin-bottom: 1.2rem;}
.syservicebox .intro p { font-size:16px; line-height: 1.8; color: #7b92c1; }


.service-list { position: absolute; top: 0;  width: 100%; height: 100%; z-index: 2; }
.service-item { position: absolute; background: rgba(0,0,0,0); cursor: pointer; }
.serviceItemA { width: 28%; height: 33%; left: 0; bottom: 24%; }
.serviceItemB { width: 42%; height: 33%; left: 31%; bottom: 2%; }
.serviceItemC { width: 25%; height: 43%; left: 43%; bottom: 52%; }
.serviceItemD { width: 25%; height: 48%; left: 75%; bottom: 28%; }
.service-text, .wechat-code { display: none; position: absolute; width: 280px; padding: 10px; border-radius: 5px; border: 1px solid #e6e8ec; box-shadow: 0 2px 5px #e6e8ec; background: #fff; color: rgba(62,62,62,.8); font-size: 14px; }
.service-text { left: 34%; transform: translateX(-50%); }
i.range { display: block; position: absolute; width: 16px; height: 16px; background: #fff; border-top: 1px solid #e6e8ec; border-left: 1px solid #e6e8ec; transform: rotate(45deg); top: -9px; left: 48%; }
.service-text-list p { padding-left: 28px; background: url(../images/right-bg.jpg) 0 4px no-repeat; background-size: 20px 14px; }
.serviceA { top: 82px; }
.serviceB { top: 50px; }
.serviceC { left: 50%; bottom: -85px; }
.serviceD { bottom: -100px; left: 60%; }


/* 水波纹效果 */
.tipsA { height: 30px; width: 30px; border-radius: 100%; position: relative; margin: 18% 0 0 36%; }
.tipsB { height: 30px; width: 30px; border-radius: 100%; position: relative; margin: 15% 0 0 27%; }
.tipsC { height: 30px; width: 30px; border-radius: 100%; position: relative; margin: 24% 0 0 48%; }
.tipsD { height: 30px; width: 30px; border-radius: 100%; position: relative; margin: 50% 0 0 44%; }

.dot { animation: sploosh 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.dot2 { animation: sploosh2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.dot3 { animation: sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.dot, .dot2, .dot3 { height: 30px; width: 30px; font-size: 20px; color: #fff; line-height: 100px; text-align: center; border-radius: 100%; position: absolute; z-index: 10; animation-iteration-count: infinite; background: transparent; }

@keyframes sploosh {
    0% { -webkit-box-shadow: 0 0 0 0px rgba(124, 140, 185, 0.2); background: rgba(124, 140, 185, 0.2); }
    100% { -webkit-box-shadow: 0 0 0 30px rgba(124,140, 185, 0); background: rgba(124, 140, 185, 0); }
}

@keyframes sploosh2 {
    0% { -webkit-box-shadow: 0 0 0 0px rgba(124, 140, 185, 0.2); background: rgba(124, 140, 185, 0.2); }
    100% { -webkit-box-shadow: 0 0 0 20px rgba(124,140, 185, 0); background: rgba(124, 140, 185, 0.1); }
}

@keyframes sploosh3 {
    0% { -webkit-box-shadow: 0 0 0 0px rgba(124, 140, 185, 0.2); background: rgba(124, 140, 185, 0.2); }
    100% { -webkit-box-shadow: 0 0 0 10px rgba(124,140, 185, 0); background: rgba(124, 140, 185, 0); }
}

.kejiboxs img{width: 100%}
.imgs-list { position: absolute; right: 0; top: 0; width: 50%; }
.imgs-list img { width: 100%; }
.imgs-item-left { width: 39%; float: left; }
.imgs-item-right { float: right; width: 61%; }
.kejiimg{position: relative}


.sywenhuabj{background:url("../images/culturebg.jpg") no-repeat bottom center; background-size: 100% 100%}
.sywenhuabox{padding-bottom:15%}
.sywenhuabox ul{margin-top:90px;}
.sywenhuabox li{overflow:hidden; list-style: none; position:relative;}
.sywenhuabox li .img{float:right;width:50%;}
.sywenhuabox li .img img{width: 100%}
.sywenhuabox li.on .img{float:left;}
.sywenhuabox li .info{position:absolute;width:50%; height:100%;left:0px;background:#FFF;}
.sywenhuabox li .info .pic{width:50%; position:absolute; right:-7%; bottom:0px;}
.sywenhuabox li.on .info{right:0px; left:auto;}
.sywenhuabox li .info .txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:80%; color:#4560a7; line-height:1; }
.sywenhuabox li .info .txt h2{font-size:42px;}
.sywenhuabox li .info .txt h3{font-size:28px; margin-top:40px;}
.sywenhuabox li .info .txt dl{margin-top:40px;}
.sywenhuabox li .info .txt dl dd{width:33.33%; margin-bottom:30px; float:left;}
.sywenhuabox li .info .txt dl dd h3{margin-top:0px;}
.sywenhuabox li .info .txt dl dd h4{font-size:16px; line-height:2; color:#333; margin-top:10px;}


.footer {  background:#005f41; color: #fff;  }
.footer a{ color: #fff;}
.foot-top { display: flex;}
.foot-top .flogo{ height:70px;}
.footer ul.shop-icon { margin: 30px auto; text-align: center; }
.footer ul.shop-icon li { width: 48px; height: 48px; margin-right: 20px; }
.footer ul.shop-icon li a img { width: 46px; height: 46px; }
.shop-icon {margin:10px auto;}
.shop-icon li {display:inline-block; height:38px;  margin: 0 15px;}
.shop-icon li a {display:block; }
.shop-icon li a .iconfont { font-size: 40px; width:60px; text-align: center; line-height: 60px; border-radius: 50px;  border:1px solid #fff;}
.shop-icon li a:hover .iconfont {  color:#005f2e; background-color: #fff;}

.icon-btns { display: inline-block; float: left; margin-top: 5px; cursor: pointer; }
.icon-btns span { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50%; }
.wechat { margin-right: 15px; background: #c4c8d0; }
.wechat:hover { background: #04b229; }
.sina { background: #c4c8d0; }
.sina:hover { background: #da251c; }
.iconfont { font-family: "iconfont" !important; font-size: 36px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; color: #fff; }
.tel { display: block; float: left; height: 60px; padding-left: 15px; border-left: 1px solid #07773d; margin-left: 15px; }
 
 


.menu-sub02 { right: -20px; bottom: 80px; padding: 10px 0 20px; width:360px; text-align: left; }
.menu-sub02 p { font-size: 16px; line-height: 25px; color: #fff; }
.menu-bot li .menu-sub01 p a { color: #fff; }
.menu-bot li .menu-sub01 p:hover { background: #de2027; }
.menu-sub02 { padding: 20px; }
.copyRight { text-align: center; font-size: 12px;   }



.nybanner{position: relative}
.nybanner img{width: 100%}
.nyban{width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 2}

.nybantxt{position: absolute;top: 40%;width:100%;left:0%;text-align: center;transform: translateY(-50%);color: #fff;}
.nybantxt h2{font-weight: normal;font-size: 32px;}
.nybantxt h2 p{padding-right: 15px;font-size: 32px; line-height:0.9; margin-right: 15px; border-right: 2px solid #db1e26;}


.nybantxt ul{ display: inline-block; text-align: center; margin: 30px 0 0; min-width: 580px; height: 30px; line-height: 24px; overflow: hidden; padding: 0 20px; background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 8%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.3) 92%,rgba(0,0,0,0) 100% ); /* Safari 5.1 - 6 */ background: -o-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 8%, rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.3) 92%,rgba(0,0,0,0) 100% ); /* Opera 11.1 - 12*/ background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 8%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.3) 92%,rgba(0,0,0,0) 100% ); /* Firefox 3.6 - 15*/ background: linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 8%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.3) 92%,rgba(0,0,0,0) 100% ); /* 标准的语法 */ }

.nybantxt li { display: inline-block; margin: 3px 10px; padding: 0 10px; border-radius: 3px; }
.nybantxt li.cur { background: #db1e26; }
.nybantxt li a { display: block; color: #fff; font-size: 16px; }


.nyabouttxt{background: url("../images/about-bg01.jpg") no-repeat top center #c6e3eb; background-size: 100% auto;}

.nyabtit h2{color: #333333;font-size: 36px;}
.nyaboutwenzi{padding-bottom:8%;color: #3e3e3e;font-size: 16px; line-height: 2}
.nyaboutwenzi p {margin-bottom: 20px;}
.nyaboutwenzi img{width: 90%;margin-top: 60px;}

.nyabtit h2 span {margin-left: 10px;color: #e3262f;}
.nyabouttxt{margin-top: 30px; padding-top: 10%}

.nyabbiaoti{text-align: center}
.nyabbiaoti h2{font-size: 26px; line-height: 40px;}
.nyabbiaoti p{color: rgba(62,62,62,.4);font-size: 22px;  text-transform: uppercase}

.nywenhua li{width:16.6666%; float: left}

.nywenhua ul{margin-top: 50px;}

.nyhistorytop .swiper-slide span{width: 60px; height: 60px;border-radius: 50%;cursor: pointer;color: #fff;
font-size: 18px;background: #d6d6d6; display: block; text-align: center; line-height: 60px; margin: 0 auto}





.nyhistorybot li{visibility: hidden; opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; height: 0; overflow: hidden}
.nyhistorybot li.cur{ visibility: visible; opacity: 1;height: auto}

.nyhistorybox{margin-top: 50px;}

.nyhistorywenzileft{width: 50%; line-height: 2; font-size: 17px; color:#3e3e3e}
.nyhistorywenzileft h4{font-size: 28px;}
.nyhistorywenziright{width: 40%; margin-top: 30px;}

.nyhistorytop{ position: relative}
.nyhistorytop{width: calc(100% - 100px); padding: 0px 50px}
.nyhistorytop .swiper-button-prev{background: url(../images/honor-prev.jpg) center center no-repeat;
    background-size: 20px 40px;width: 20px;
    height: 40px}

.nyhistorytop .swiper-button-next{background: url(../images/honor-next.jpg) center center no-repeat;
    background-size: 20px 40px;width: 20px;
    height: 40px}

.nyhistorytop .swiper-slide.cur span{background:#db1e27}
.nyhistorywenziright h5 {margin-top: 8px;font-size: 14px;color: #3e3e3e; text-align: center}


.nytop{background: #fff;position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: 60px; display: none}
.nylogo {position: absolute;left: 40px;top: 5px;width: 52px;height: 50px;}
.nynav{width: 100%}
.nynav ul{height: 60px;}
.nynav li a{font-size: 16px;color: #6a6a6a;}
.nynav li.cur a{color:#333333; font-weight: bold}
.nynav li{margin: 0 10px;padding: 0 10px;}


.nav-btn.shou{width: 60px; position: fixed;}

.nav-btn.shou .zuo span{display: none}

.nav-btn.shou:hover{width: 320px;}
.nav-btn.shou:hover .zuo span{display:block}


.nyxinzhis{font-size: 16px;color: #3e3e3e; line-height: 1.8; margin: 30px 0;}

.nyxinzhis p{margin-bottom: 20px;}


.nyindustrywenzi{padding-bottom:4%;color: #3e3e3e;font-size: 16px; line-height: 1.8}
.nyindustrywenzi p {margin-bottom: 20px;}

.indtitle{font-size: 26px; text-align: center;color: #e31e27}



.nyindustrytxt{background: url("../images/industry-hain-bg01.jpg") no-repeat top center #c9e7ef; background-size: 100% auto;padding: 100px 0 0px;}

.niuniu{width: 40%; margin: 30px auto 80px;}

.xiaohdf{margin-bottom: 20px;color: #4560a7;font-size: 24px;}

.nyindustrytxt2{background: #e6e6e6; padding-top: 120px;}


.gongchangimg{width: 60%;margin: 70px auto 60px;}

.wcmsleft{width: 22%}
.wcmsright{width: 68%; padding-top: 30px;}
.nyindustrytxt3{background: #aadef8;padding: 80px 0 20px;}


.wuliches{width: 30%; margin: 30px auto 40px;}

.luwfax{margin:50px 0px 30px;}
.luwfax img{float: left; width: 40%; max-width: 500px; margin-right: 50px; display: inline-block}


.nyindustrytxt4{background: #f3d4d4;padding: 80px 0 30px;}

.milkxsd{width: 35%; margin: 30px auto 40px;}


.wenzisersleft{width: 45%}


.nyindustrytxt5{background: #eef2f9;padding: 40px 0 0;}

.lofisc{width: 25%;margin: 30px auto 40px;}

.xiahuanx{padding-bottom: 10px;border-bottom: 1px solid #9bb7d9;}

.daojiascleft{width: 40%}

.daojiascright{width: 40%; padding-right: 15%}


.nyindustrytxt5 .nyindustrywenzi{padding-bottom: 0}


.daojishez{margin-top: 50px;}



.nyindustrytxt6{ position: relative;width: 100%;background-size: 100% 100%;background-image: url(../images/np-bg.png);padding: 160px 0; margin-top: -80px}

.nplogo{width: 10%; margin: 30px auto 40px;}

.jishhav{width: 60%; margin:30px auto}

.nyindustrytxt7{background: #faccd0;padding: 80px 0 30px;}



.topmenu { background: #e3f4fd; position: fixed; bottom: 30%; right: 16px; width: 82px; text-align: center; border-radius: 15px; z-index: 9; -moz-box-shadow: 0px 0px 14px #b3b3b3; -webkit-box-shadow: 0px 0px 14px #b3b3b3; -webkit-box-shadow: 0px 0px 14px #b3b3b3; display: none; overflow: hidden}
.topmenu p { height: 42px; background: #e3f4fd; position: relative; font-size: 12px; }
.topmenu p:hover { background: #b7e5fd; }
.topmenu p.line:after { border-bottom: 1px solid #90d4f6; content:""; height: 2px; width: 40px; position: absolute; bottom:0px; left: 20px; }
.topmenu p a { color: #a7a7a7; display: block; height: 40px; line-height: 40px; }
.topmenu p:hover a { color: #FFF; }
.topmenu p.top { border-top-left-radius: 14px; border-top-right-radius: 14px; }
.topmenu p.bottom { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; }

.topmenu p.cur a{ color: #FFF;background: #b7e5fd; }


.nyhonortop{position: relative; width: calc(100% - 80px); padding: 0px 40px; max-width: 760px; margin: 0 auto;margin-top: 60px;}
.nyhonortop:before{content:"";position: absolute;width: 100%;height: 1px;background: #e4e4e4;top: 41px;left: 0;}

.nyhonortop .swiper-slide span{ display: block;height: 56px; cursor: pointer;}
.nyhonortop .swiper-slide span em{display: block;height: 40px;text-align: center;border: 1px solid #e4e4e4;border-radius: 5px 5px 0 0;background: #f7f7f7;color: rgba(62,62,62,.4); font-size: 16px;font-weight: bold;line-height: 40px;}

.nyhonortop .swiper-slide.cur span{background: url("../images/yearico.jpg") no-repeat center center; background-size: auto 100%;border-radius: 5px 5px 0 0;}
.nyhonortop .swiper-slide.cur span em{background: no-repeat; color: #fff; border: none;}

.nyhonortop .swiper-button-prev{background: url(../images/honor-prev.jpg) center center no-repeat;background-size: 13px 26px;width:13px;height: 40px; margin-top: -26px;}

.nyhonortop .swiper-button-next{background: url(../images/honor-next.jpg) center center no-repeat; background-size: 13px 26px;width:13px;height: 40px;  margin-top: -26px;}


.nyhonorbox .mainbox{ max-width: 1200px;}
.nyhonorbjtop{background:url("../images/honor-bgtop.jpg") no-repeat top center; background-size: 100% auto; margin-top: 60px; padding-top:7%;}

.nyhonorbox{background:url("../images/honor-bgcen.jpg") repeat-y top center; background-size: 100% auto; }


.nyhonorbox{ padding-top:5%}
.nyhonorbox li .honorpicbox{width:40%; text-align: center}
.nyhonorbox li:nth-child(even){display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center; margin-top: -5%}
.nyhonorbox li:nth-child(odd){ margin-top: -5%}


.nyhonorbox li:nth-child(even) .honorpicbox{background: url("../images/honor-bg03.png") no-repeat left center; background-size:20% auto; padding-left:10%}
.nyhonorbox li:nth-child(odd) .honorpicbox{background: url("../images/honor-bg02.png") no-repeat right center; background-size:20% auto; padding-right:10%;}
.nyhonorbox li .honorpicbox p{line-height: 22px;font-size: 14px; max-width: 90%; margin: 0 auto;font-weight: bold;margin-top:15px;}
.honorimg{width: 90%; max-width:260px; margin: 0 auto}


.nyhonorbox ul{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; display: none}
.nyhonorbox ul:first-child{display: block}


.nysocialtxt{line-height: 35px;font-size: 18px;color: #3e3e3e; margin-top: 40px;}

.tshuxsc{text-align:center; color:#005eac; font-size: 22px; font-weight: bold; margin: 80px auto 20px;}



.nysocial{border-bottom: 1px solid #fafafa; padding-bottom: 100px; margin-bottom: 50px;}



.aixinbox{background: -webkit-linear-gradient(top,#f0f4fc 0%,#f5f7fc 50%,#fbfbfb 100% );
    background: -o-linear-gradient(top,#f0f4fc 0%,#f5f7fc 50%,#fbfbfb 100% );
    background: -moz-linear-gradient(top,#f0f4fc 0%,#f5f7fc 50%,#fbfbfb 100% );
    background: linear-gradient(top,#f0f4fc 0%,#f5f7fc 50%,#fbfbfb 100% ); margin-top: 6%;}


.aixinhezi{position: relative; margin-top: 50px;}

.aixinhezi .swiper-slide a{background: #fff;padding: 15px 15px 30px;border: 1px solid #f0f0f0;border-radius: 3px; display: block}


.aixinhezi .swiper-slide a p{height: 56px; font-size: 18px; line-height: 28px; margin:10px 0;}


.qiehuanbtnxs{position: relative; margin-top: 50px; z-index: 1}
.qiehuanbtnxs .swiper-pagination{position: relative; display: inline-block; width: auto;    font-size: 20px;line-height: 100%;color: #cacaca; bottom: auto; margin: 0px 10px; }



.qiehuanbtnxs .swiper-pagination-current,.qiehuanbtnxs .swiper-pagination-bullet,.qiehuanbtnxs  .swiper-pagination-total {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    opacity: 1;
    background: #cad0df;
    border-radius: 50%;
	margin: 0px 4px;
}
.qiehuanbtnxs .swiper-pagination-current,.qiehuanbtnxs .swiper-pagination-bullet-active {color: #fff;background: #d41f26;}






.qiehuanbtnxs .swiper-button-prev{position: relative;width: 20px;height: 28px;background: url(../images/prev-icon-grey.png) no-repeat 0 0;background-size: 100%; margin: 0px; left: auto;}
.qiehuanbtnxs .swiper-button-next{position: relative;width: 20px;height: 28px;background: url(../images/next-icon-grey.png) no-repeat 0 0;background-size: 100%; margin: 0; right: auto}


.nynewsvideo .qiehuanbtnxs .swiper-button-prev{position: relative;width: 20px;height: 20px;background: url(../images/prev-icon.png) no-repeat 0 0;background-size: 100%; margin: 0px; left: auto;}
.nynewsvideo .qiehuanbtnxs .swiper-button-next{position: relative;width: 20px;height: 20px;background: url(../images/next-icon.png) no-repeat 0 0;background-size: 100%; margin: 0; right: auto}





.zerenboxs{position: relative; margin: 0 auto;margin-top: 50px; max-width:75%;}

.zerenboxs .swiper-slide a{padding: 1px; display: block}
.zerenboxs .swiper-slide .fangdapic {border: 1px solid #f0f0f0;border-radius: 10px;
    -webkit-box-shadow: 0 0 10px #f0f0f0;overflow: hidden; padding: 10px;
}

.zerenboxs .swiper-button-prev{width: 40px;
    height: 40px;
    background: url(../images/prev2-icon.png) no-repeat 0 0;
    background-size: 100%;
    top: 50%;
    margin-top: -20px;
    left: -80px;
}

.zerenboxs .swiper-button-next{width: 40px;
    height: 40px;
    background: url(../images/next2-icon.png) no-repeat 0 0;
    background-size: 100%;
    top: 50%;
    margin-top: -20px;
    right: -80px;
}

.bowuguanbj{background: #fafafa;}

.bowuguantxt{margin-top: 50px;}

.bowuguantxt{line-height: 35px;font-size: 18px;color: #3e3e3e;}

.bowuguantxtleft{width: calc(50% - 20px);}

.bowuguantxthzi{margin-top: 40px;}

.changuanx{margin-top: 10px;padding-top: 10px;border-top: 1px solid #eee;}



.boweuguanqieh{ margin: 50px auto; }
.tag-slide { position: relative; width:calc(100% - 80px); padding: 0 40px; overflow: hidden; }
.tag-prev, .tag-next { display: block; position: absolute; top: 0; width: 40px; height: 40px; }
.tag-prev { left: 0; background: #fff url(../images/prev-icon-black.png) no-repeat center center; background-size: 20px 20px; }
.tag-next { right: 0; background: #fff url(../images/next-icon-black.png) no-repeat center center; background-size: 20px 20px; }
.tag-list-box { position: relative; width: 100%; height: 40px; overflow: hidden; }
.textList { position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; }
.textList li { float: left; height: 38px; margin: 0 15px; }
.textList li a { display: inline-block; font-size: 24px; color: rgba(62,62,62,.4); }
.textList .li-current { border-bottom: 2px solid #db1e26; }
.textList .li-current a { color: #db1e26; }
.slide-bd {position: relative; border-radius: 3px; overflow: hidden; visibility: hidden; height: 0px; overflow: hidden; opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  }
.slide-current { visibility:visible; height: auto; opacity: 1 }
.boweguanbox{margin: 30px auto; padding: 20px; border: 1px solid #e0e0e0; }
.slide-bd .swiper-container { float: left; width: 40%; margin: 0; padding-bottom:30px;}


.slide-bd .swiper-pagination{ width: 100%; bottom:0;}

.slide-bd .swiper-pagination-bullet{margin: 0px 4px; width: 20px;height: 5px;border-radius: 0;background: #d8d8d8; opacity: 0.67;}
.slide-bd .swiper-pagination-bullet-active{background: #db1e26; opacity: 1}




.zeurctxt{line-height: 35px;font-size: 18px;color: #3e3e3e; width: 50%;  float: right}

.zeurctxt p{padding-bottom: 20px;}

.newshowtit{text-align: center}
.newshowtit h1{font-size: 28px;line-height: 1.6;}
.newshowtit p {padding: 1% 0;color: #828282;}

.nynewsshowbj{margin: 50px auto;
    padding: 50px 0;
    background: -webkit-linear-gradient(top,#f0f4fc 0%,#f5f7fc 50%,#fbfbfb 100% );
    background: -o-linear-gradient(top,#f0f4fc 0%,#f5f7fc 50%,#fbfbfb 100% );
    background: -moz-linear-gradient(top,#f0f4fc 0%,#f5f7fc 50%,#fbfbfb 100% );
    background: linear-gradient(top,#f0f4fc 0%,#f5f7fc 50%,#fbfbfb 100% );
    border-bottom: 1px solid #eee;}


.nynewsshowbox{font-size: 18px; line-height: 1.8}
.nynewsshowbox p{padding-top:30px; text-indent: 2em}

.nynewsshowbox img {max-width:465px!important;margin: 0 auto;}






.joinUs-btn{margin-bottom: 50px;}
.joinUs-btn a{display: inline-block;margin:0 10px;text-align: center;color: #fff;background: #db1e26;
border-radius: 42px;padding: 0 30px;height: 42px;line-height: 42px;font-size: 16px;}



.joinboxs{border-bottom: 1px solid #eee;}

.jointxtsd{line-height:2;font-size: 18px;color: #3e3e3e;}

.fengexs div{width: 48%}
.fengexs div img{width: 60%}

.xiangqics {margin-top: 30px}
.xiangqics ul{width: calc(100% + 10px); margin-left: -10px}
.xiangqics li{width: calc(50% - 10px); margin-bottom: 10px; float: left; margin-left: 10px;}


.centers{text-align: center}
.tasfaxa{margin-bottom: 20px;}
.tasfaxa p{font-size: 16px; font-weight: bold}
.tasfaxa span{display: block; font-size: 14px;}


.joinusbj{background: #fafafa;padding: 80px 0 50px;}


.nyconttop li{width: 30%}

.nyconttop li img{width: 75px;}

.contxts{line-height: 30px;font-size: 16px;margin-left: 5%}



.nycontbot li{width: 48%}


.probanner{position: relative}

.probanner .swiper-pagination{ width: 100%; bottom:5%;}

.probanner .swiper-pagination-bullet{margin: 0px 4px;width: 25px;height: 28px;background: url(../images/pagination-normal.png) no-repeat 0 0;background-size: 25px 28px;opacity: 0.67;}
.probanner .swiper-pagination-bullet-active{background: url(../images/pagination-active.png) no-repeat 0 0;background-size: 25px 28px;opacity:1;}
.probanner img{width: 100%}

.probox {padding: 50px 0px;}
.probox li{position: relative}
.prohezi{ position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); width: 100%}
.proboxbj img{width: 100%}
.prologo{width: 120px;}

.propics{width: calc(46% - 120px)}

.protxts{width: 45%;font-size: 18px;color: #000; line-height: 1.8}

.probox li:nth-child(1){position: relative; z-index: 4}
.probox li:nth-child(2){margin-top: -3%;position: relative; z-index:3}
.probox li:nth-child(3){margin-top: -7%;position: relative; z-index:2}

.proshowbanner{position: relative}

.proshowbanner .swiper-slide img{width: 100%}


.proshowbanner .swiper-button-prev{background: url(../images/prev-btn.png) 0 0 no-repeat;background-size: 100% 100%;width: 40px;height: 40px;}
.proshowbanner .swiper-button-next{background: url(../images/next-btn.png) 0 0 no-repeat;background-size: 100% 100%;width: 40px;height: 40px;}


.proshowtop{background: url("../images/bg1.png") no-repeat top center; background-size: 100% 100%; margin-top: -40px; position:relative; z-index:8; padding: 130px 0px 100px;}

.proshowqiehuan{width: 45%; position: relative}

.proshowqiehuantop li{height: 310px;display: none; text-align: center; width: 100%}
.proshowqiehuantop li img{max-height: 100%; display: inline-block}
.proshowqiehuantop li:first-child{display:block;}

.proshowqiehuanbot{position: relative}

.proshowyoutxt{width: 45%;}

.proshowqiehuanbot{width: calc( 100% - 100px); margin: 0 auto; padding: 0px 50px; margin-top: 30px;}
.proshowqiehuanbot .swiper-slide a{border: 1px solid #fff; display: block; margin:1px; padding: 10px;height: 130px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.proshowqiehuanbot .swiper-slide a img{max-height: 100%}




.proshowqiehuanbot .swiper-button-prev{width: 24px;height: 24px;background: url(../images/prev-btn.png) no-repeat 0 0;background-size: 100%;margin-top:-12px;}


.proshowqiehuanbot .swiper-button-next{width: 24px;height: 24px;background: url(../images/next-btn.png) no-repeat 0 0;background-size: 100%; margin-top:-12px;}

.proshowyoutxt h1{font-size: 32px;color: #14259b;}

.proshowyouwenzi{color: #808080; font-size: 18px; line-height: 35px; margin-top: 30px;}

.biaoshi{margin-top:40px; height: 78px;}
.biaoshi img{max-height: 100%}




.proshowcen{background: url("../images/bg2.jpg") no-repeat top center; background-size: 100% 100%; position:relative; z-index:8; padding: 130px 0px 100px;}


.procenpic{width: 40%; text-align: center}

.procenpic img{ display: inline-block;width: 35%;min-width: 160px;}

.procenpic p:nth-child(2){opacity: 0.5}

.procentxt h2{font-size: 32px;color: #14259b; margin-bottom: 20px;}

.procentxt{color: #808080;width: 50%}

.procentxt p{ font-size: 15px; line-height: 30px; padding-left: 14px; margin-bottom:10px; position: relative}
.procentxt p:before{content: ""; position: absolute; left: 0px; top: 12px;background-color: #14259b; width: 5px; height: 5px; border-radius: 100%;}



.bjgenduan img{width: 100%}

.proshowbot img{width: 100%}

.proshowvideo{background: #c9e7ef; padding-bottom: 40px;}


.bjgenduantwo{margin-top: -3%}


.proshowvideobox{width: 60%; margin: 0 auto}

.proshowvideobox .video-con{width: 100%}
.proshowvideobox .video_paly{background: rgba(0,0,0,.4);border: 1px solid rgba(103, 103, 103, 0.8);}


.proshowvideobot{margin-top: 40px; position: relative}
.proshowvideobot .swiper-slide a{display: block; position: relative}
.proshowvideobot .swiper-slide a:before {position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);width: 40px;height: 40px; background: url("../images/play.png") no-repeat center center; z-index: 9; background-size: 100% 100%; content: ''}


.proshowvideobot .swiper-button-prev{width:30px;height: 30px;background: url(../images/prev-icon2.png) no-repeat 0 0;background-size: 100%;margin-top:-12px; left: -40px; opacity: 1}


.proshowvideobot .swiper-button-next{width: 30px;height: 30px;background: url(../images/next-icon2.png) no-repeat 0 0;background-size: 100%; margin-top:-12px;right: -40px; opacity:1}


.proshowvideotop li{display: none}
.proshowvideotop li:first-child{display: block}


.probotbbj img{width: 100%}




.page-title { text-align: center; margin-bottom: 20px; }
.page-title p { color: #333; font-size: 36px; line-height: 1.6; }


.technologyPage1-partA-logo { display: block; width: 18%; margin: 0 auto 50px; }
.technologyPage1-partA-img { display: block; width: 100%; margin: 30px auto; }
.totechnologyPage1-partA-bottom .textGrey { display: inline-block; position: relative; width: calc(50% - 12px); height: 100%; margin-right: 20px; vertical-align:top; }
.totechnologyPage1-partA-bottom .textGrey:nth-child(2) { margin-right: 0; }


.technologyPage1-partB { width: 100%; background: #f6f7fa; padding: 80px 0; margin-top: 40px; }
.technologyPage1-partB-con {margin:30px auto ; overflow: hidden;display: -webkit-box;
 display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }

.technologyPage1-item { width: calc(50% - 40px); float: left; margin: 20px; }
.technologyPage1-item-title { position: relative; padding-left: 50px; font-size: 18px; margin-bottom: 30px; }
.technologyPage1-item-title i { display: block; position: absolute; left: 0; top:50%; width: 30px; transform: translate(0,-50%);}
.technologyPage1-item-img { display: block; width: 100%; margin: 10px 0; }
.technologyPage1-item p {line-height: 30px;font-size: 18px;color: #3e3e3e; }

.technologyPage1-partC {  padding: 80px 0; }
.technologyPage1-partC-img { display: block; margin: 30px auto; }
.technologyPage1-partC .technologyPagetxt{ width: 80%; margin: 0 auto; }
.technologyPage1-partC-imgList { overflow: hidden; margin-top: 40px; }
.technologyPage1-partC-imgList li span { display: block; }
.imgList-L { float: left; width: 39.5%; margin-right: 15px; }
.imgList-R { width: calc(60.5% - 15px); float: left; }
.technologyPage1-partC-imgList h6 { text-align: center; font-size: 16px; margin-top: 15px; }


.technologyPagetxt{line-height: 35px;font-size: 18px;color: #3e3e3e;}

.technologyPagetxt p{padding:15px 0px;}

.shiyanshibox{padding-bottom: 80px;border-bottom: 1px solid #eee;}

.guojihuatxttwo{border-top: 2px solid #eee;padding: 20px 0;margin-top: 20px;}

.tcsxtitle img{width: 12px; margin-right: 10px;}

.tcsxtitle p{font-size: 14px;font-weight: bold}

.guojihuabox{padding-bottom: 80px;border-bottom: 1px solid #eee;}


.yanjiusuobox{padding-bottom: 80px;border-bottom: 1px solid #eee;}
.yanjiusuotxt{margin-top: 50px;}

.yanjiusuopic{margin: 20px 0px;}
.yanjiusuopic ul{width: calc(100% + 10px); margin-left: -10px; margin-top: 10px;}
.yanjiusuopic li{width: calc(25% - 10px); float: left; margin-left: 10px;}


.yansxboxs{margin-top:80px;}
.yanjiuypic{width: 48%}

.yansxtxt{width: 48%}


.technologyPage-teamList { margin: 30px auto; text-align: center; }
.technologyPage-teamItem { display: inline-block; position: relative; width: 18%; margin: 0 10px; border-radius: 50%; border: 1px solid #c8d5ec; background: #fff; overflow: hidden; cursor: pointer; }
.teamItem-img { display: none; position: relative; z-index: 1; width: 100%; height: 100%; }
.teamItem-img:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; background: rgba(45,45,45,.4); }
.teamItem-img img { display: block; position: relative; left: 50%; transform: translateX(-50%); width: auto; height: 100%; max-width: none}
.showTeam .teamItem-img { display: block; }
.teamItem-intro { display: block; position: absolute; z-index: 2; left: 2%; top: 50%; transform: translateY(-50%); text-align: center; width: 96%; }
.teamItem-intro h4 { color: #435870; font-size: 30px; }
.teamItem-intro p { color: #435870; font-size: 20px; }
.teamItem-intro em { color: rgba(62,62,62,.4); font-size: 12px; }
.showTeam .teamItem-intro h4,
.showTeam .teamItem-intro p { color: #fff; }
.showTeam .teamItem-intro em { color: rgba(255,255,25562,.4); }



.foreignExchange-imgList { width: 100%; overflow: hidden; margin: 40px auto 80px; }
.foreignExchange-imgList-item { float: left; }
.imgList-item01 { width: 40%; }
.imgList-item02 { width: 27.85%; }
.imgList-item03 { width: 32.15%; }



.foreignExchange-countryList { text-align: center; overflow: hidden; width: calc(100% + 40px); margin-left:-40px;    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.countryList-item { position: relative; width: calc(33.33% - 110px); margin-left: 40px; min-height: 200px; float: left; padding-left: 70px; margin-bottom:40px; }
.countryList-img { display: block; position: absolute; left: 0; top: 0; width: 50px; }
.countryList-infor { display: block; }
.countryList-infor h5 { font-size: 20px; text-align: left; }
.countryList-infor p { margin-top: 5px; text-align: left;line-height: 35px;font-size: 18px;color: #3e3e3e; }
	

.jiaoliuboxs{border-bottom: 1px solid #eee;}

.keyanqiehuan{background: #f6f7fa;padding:50px 0;margin: 30px auto;}

.rongyupic{width:70%; margin: 0 auto; height: 480px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.keyanqiehuan .swiper-slide p{text-align: center;font-size: 15px; font-weight: bold; padding: 20px 0px;}

.keyanqiehuan .mainbox{ position: relative}
.keyanqiehuan .swiper-button-prev{width: 40px;height: 55px;background: url(../images/prev2-icon-grey.png) no-repeat 0 0;background-size: 100%;margin-top: -28px;left: -80px; z-index: 1}

.keyanqiehuan .swiper-button-next{width: 40px;height: 55px;background: url(../images/next2-icon-grey.png) no-repeat 0 0;background-size: 100%;margin-top: -28px;right: -80px; z-index: 1}


.rysuanjun{padding: 50px 0px 20px;}
.rysuanjun .technologyPagetxt{margin: 20px 0px;}

.ruanimgs {padding: 0px 20px;}
.ruanimgs li{width:calc(50% - 10px)}


.keyanchengguo{padding-bottom: 80px;border-bottom: 1px solid #eee;}

.zhuttis{font-size: 36px;margin: 20px 0 10px;}

.tanyueboxstxt{ padding-top: 100px;}



.wenrights{width:30%;}

.wenlefts{width: 65%}
.tanywxsd{width: 75%}

.tanyueboxstxttop{width:75%;border-bottom: 2px dotted #cfcdce; padding-right:25%}
.tanyueboxstxttop .technologyPagetxt{width: 65%}
.tanyueboxstxt{position: relative}
.bgImg-left{width: 10%; position: absolute; left: 0px; top: 100px;}
.bgImg-right{width:30%; position: absolute; right: 0px; top: 100px;}

.tanyueboxstxt .mainbox{max-width: 70%;}

.tanyujian{border: 1px solid #eee;padding: 25px; max-width: calc(70% - 50px); margin: 0 auto;margin-top: 50px;}

.tanyujiantxt h2{font-size: 16px; margin-bottom: 8px;}
.tanyujianpic{width: 30%}
.tanyujiantxt{line-height: 30px; width: 65%}



.investosximg {width: 70%;margin:50px auto 100px;}

.myChart { display: block; width: 100%; margin: 50px auto 100px; height: 600px; }


.zoushiboxs{background: #de2129}

.zoushiboxs .nyabbiaoti{color: #fff}
.zoushiboxs .nyabbiaoti p{color: #fff}

.zoushiimgbox{width: 50%; margin: 0 auto; color: #fff}

.zoushiimgbox p{margin: 20px auto;font-size: 18px; font-weight: bold}

.zoushiimg{background: #fff;    margin: 30px auto 100px;}
.zoushiimg img{width: 100%}

.dingqibaogao{padding: 50px 0px;}





.baogaohezi{max-width: 600px; margin: 0 auto}
.investorsZone-list { display: none; }
.investorsZone-list:first-child{display: block}
.tab-list { margin: 30px auto 0; overflow: hidden; width:calc(100% + 17px); margin-left: -17px;}
.tab-list li { float: left; width:calc(33.33% - 17px); margin-left: 15px; height: 70px; background: -webkit-linear-gradient(top,#ffffff 0%,#fdfdfd 50%,#f6f6f6 100% ); /* Safari 5.1 - 6 */ background: -o-linear-gradient(top,#ffffff 0%,#fdfdfd 50%,#f6f6f6 100% ); /* Opera 11.1 - 12*/ background: -moz-linear-gradient(top,#ffffff 0%,#fdfdfd 50%,#f6f6f6 100% ); /* Firefox 3.6 - 15*/ background: linear-gradient(top,#ffffff 0%,#fdfdfd 50%,#f6f6f6 100%); /* 标准的语法 */ border: 1px solid #e6e9ec; text-align: center; border-radius: 5px; cursor: pointer; }


.tab-list li h3 { margin-top: 10px; line-height: 25px; font-size: 20px; }
.tab-list li h3 p.textGrey { margin: 0; }

.tab-list .reports-current-tab { height: 80px; background: #fff; border-top: 1px solid #d93940; border-left: 1px solid #d93940; border-right: 1px solid #d93940; border-bottom: 1px solid #fff; border-radius: 5px 5px 0 0; }

.reports-list {margin: -1px auto; padding: 15px 25px; border: 1px solid #d93940; border-radius: 0 0px 5px 5px; margin-left: -2px; display: none}
.reports-list:nth-child(1){display: block}
.reports-list-item { position: relative; width: 100%; margin-bottom: 15px; }
.reports-list-item p { line-height: 24px; font-size: 15px; width: calc(100% - 100px); height: 24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical; }
.downLoad-report { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: auto; height: 22px; }
.downLoad-report img { width: auto; height: 100%; }




.gonggaolanbj{background: #de2129;}


.gonggaolanbj .nyabbiaoti{color: #fff}
.gonggaolanbj .nyabbiaoti p{color: #fff}

.gonggaolanbj .mainbox{padding-top: 50px;}

.gonggaolan{padding:50px 0px; position: relative}
.gonggaolan .swiper-slide a{display: block;position: relative;line-height: 40px; background: #fbfbff;
border: 1px solid #cecbe6;border-radius: 5px;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; padding: 0px 10px;transition:none}


.gonggaolan .swiper-slide a h3{font-size: 14px;color: #3e3e3e; width: calc(100% - 100px);text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical; height: 40px;}

.gonggaolan .swiper-slide a i{width: 90px;}



.gonggaolan .swiper-slide a:hover { background: -webkit-linear-gradient(top,#ffffff 0%,#f3f4f4 50%,#d6d7d6 100% ); /* Safari 5.1 - 6 */ background: -o-linear-gradient(top,#ffffff 0%,#f3f4f4 50%,#d6d7d6 100% ); /* Opera 11.1 - 12*/ background: -moz-linear-gradient(top,#ffffff 0%,#f3f4f4 50%,#d6d7d6 100% ); /* Firefox 3.6 - 15*/ background: linear-gradient(top,#ffffff 0%,#f3f4f4 50%,#d6d7d6 100%); /* 标准的语法 */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); }


.ggqiehuanbtnxs{position: relative; margin-top: 50px; z-index: 1}
.ggqiehuanbtnxs .swiper-pagination{position: relative; display: inline-block; width: auto;    font-size: 20px;color: #cacaca; bottom: auto; margin: 0px 10px; }



.ggqiehuanbtnxs .swiper-pagination-bullet {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    opacity: 1;
    background: #cad0df;
    border-radius: 50%; margin: 0px 4px;
}
.ggqiehuanbtnxs .swiper-pagination-bullet-active {
    color: #fff;
    background:#9e0b0f;
}
.ggqiehuanbtnxs .swiper-button-prev{position: relative;width: 20px;height:20px;background: url(../images/prev-icon.png) no-repeat 0 0;background-size: 100%; margin: 0px; left: auto;}
.ggqiehuanbtnxs .swiper-button-next{position: relative;width: 20px;height: 20px;background: url(../images/next-icon.png) no-repeat 0 0;background-size: 100%; margin: 0; right: auto}




/* 分页通用 */
.ggqiehuanbtnxs .swiper-pagination { width: 400px; height: 32px; overflow: hidden;}
.swiper-pagination .swiper-scroll {width: 3578522px;position: relative;}
.ggqiehuanbtnxs .swiper-pagination-clickable .swiper-pagination-bullet { float: left; }
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }


.nynewsbj{background: #c6e3eb;}
.nynewsbox{ position: relative; padding: 50px 0px;}
.nynewsbox .swiper-slide a{background-repeat: no-repeat;background-size: cover; background-position: center center; display: block; position: relative}

.newstanbj{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;background: rgba(0,0,0,.8); opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.newstan{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; width: 90%}
.newstan p{height:60px;line-height:30px;font-size: 20px;margin: 0 auto 10px; text-align: center}

.newstan span {display: block;width: 100px;height: 36px;line-height: 36px;margin: 0 auto;text-align: center;border-radius: 18px;background: #f76010;color: #fff;font-size: 14px; margin-top:20px;}



.nynewsbox .swiper-slide a:hover .newstanbj{opacity: 1}



.nynewsbox .ggqiehuanbtnxs .swiper-pagination-bullet-active{background: #d41f26;}


.nynewsshowbox img{max-width: 50%; margin: 0 auto}
.nynewsvideo{position: relative; padding: 50px 0px;}


.nynewsvideo .swiper-slide a .video-playicon { display: block; position: absolute; top: 0; left: 50%; transform: translate3d(-50%,-50%,0); width: 10%; transition: all 0.5s; opacity: 0; }
.nynewsvideo .swiper-slide a:hover .video-playicon { top: 50%; opacity: 1; }


.nynewsvideo .swiper-slide p{height:56px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;margin:20px 0px 0; line-height:28px; font-size: 18px;color: #000;}

.video-play-con { display: none; position: fixed; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); background: rgba(0,0,0,.9); width: 100%; height: 100%; z-index:9999; }
.video-close { display: block; position: absolute; right: 10%; top: 10%; background: url(../images/close.png) no-repeat 0 0; width: 30px; height: 32px; transition: all .3s ease-out 0s; z-index: 10; }
    .video-close:hover { background-position: 0 -31px; }
.video-body { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); width: 80%; height: 80%; margin: 0 auto; }

.nynewsmedia .swiper-container{ padding: 10px;}
.nynewsmedia .swiper-slide a { display: block;padding: 15px; border: 1px solid #c6c6c6; background: -webkit-linear-gradient(top,#ffffff 0%,#eeeeee 50%,#e2e2e2 100% ); /* Safari 5.1 - 6 */ background: -o-linear-gradient(top,#ffffff 0%,#eeeeee 50%,#e2e2e2 100% ); /* Opera 11.1 - 12*/ background: -moz-linear-gradient(top,#ffffff 0%,#eeeeee 50%,#e2e2e2 100% ); /* Firefox 3.6 - 15*/ background: linear-gradient(top,#ffffff 0%,#eeeeee 50%,#e2e2e2 100%); /* 标准的语法 */ }

.nynewsmedia .swiper-slide a:hover { background: -webkit-linear-gradient(top,#8bdff9 0%,#6ac0dc 50%,#4ca6c3 100% ); /* Safari 5.1 - 6 */ background: -o-linear-gradient(top,#8bdff9 0%,#6ac0dc 50%,#4ca6c3 100% ); /* Opera 11.1 - 12*/ background: -moz-linear-gradient(top,#8bdff9 0%,#6ac0dc 50%,#4ca6c3 100% ); /* Firefox 3.6 - 15*/ background: linear-gradient(top,#8bdff9 0%,#6ac0dc 50%,#4ca6c3 100% ); /* 标准的语法 */ box-shadow: 0 0 10px rgba(0,0,0,.5); }

.nynewsmedia .swiper-slide h3 { height: 60px; line-height: 30px; color: #000; font-size: 18px; margin-bottom: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; }
.nynewsmedia .swiper-slide p { color: #2d85cf; font-size: 14px; }
.nynewsmedia .swiper-slide p i { font-weight: bold; margin: 0 5px; }
.nynewsmedia .swiper-slide p em { font-size: 12px; }
.nynewsmedia .swiper-slide:hover h3,
.nynewsmedia .swiper-slide:hover p { color: #fff; }


.nynewsmedia{ position: relative; padding: 50px 0px;}


.nynewsmedia .swiper-button-prev{position: relative;width: 20px;height:20px;background: url(../images/prev-icon.png) no-repeat 0 0;background-size: 100%; margin: 0px; left: auto;}
.nynewsmedia .swiper-button-next{position: relative;width: 20px;height: 20px;background: url(../images/next-icon.png) no-repeat 0 0;background-size: 100%; margin: 0; right: auto}



.healthhezi{position: absolute; left: 50%; top: 48%; transform: translate(-50%,-50%); width: 80%}

/*.kexueyingshibj{background: url("../images/scientific-diet.jpg") no-repeat top center; background-size: 100% 100%; padding:40px 0px;}*/
.kexueyingshibj{position: relative}
.kexueyingshibj img{width: 100%}

.kexueyingshibj .nyabbiaoti{color: #fff;letter-spacing: 5px;text-shadow: 0 0 5px rgba(0,0,0,.4);}
.kexueyingshibj .nyabbiaoti p{color: #fff}

.healthbox{position: relative; margin-top:40px}


.healthbox .swiper-slide a{border-radius: 8px;padding: 30px 40px;display: block;background: rgba(0,0,0,.6); }


.healthbox .swiper-slide h4 { height: 72px; line-height:34px; margin-bottom: 30px; overflow: hidden; font-size:22px; color: #fff; letter-spacing:3px; }


.healthbox .swiper-slide p { width: 100%; height: 60px; line-height: 20px; overflow: hidden; color: #fff; font-size: 13px; }


.healthbox .swiper-button-prev{position: relative;width: 20px;height:20px;background: url(../images/prev-icon.png) no-repeat 0 0;background-size: 100%; margin: 0px; left: auto;}
.healthbox .swiper-button-next{position: relative;width: 20px;height: 20px;background: url(../images/next-icon.png) no-repeat 0 0;background-size: 100%; margin: 0; right: auto}


.healthceshi{position: relative}
.healthceshi>img{width: 100%}



.healthceshihezi{position: absolute; left: 50%; top: 45%; transform: translate(-50%,-50%); width: 80%}

.healthceshihezi .nyabbiaoti{letter-spacing: 5px;}

.test-box { position: relative; }

.test-box h3{ font-size: 20px; color: #fff}
.option-list { margin: 10px 0 40px; width: 100%; }
.option { position: relative; padding-left: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; cursor: pointer; font-size: 18px; }
.option i { display: block; position: absolute; left: 0; top: 6px; width: 26px; height: 24px; background: url(../images/2select.png) no-repeat 0 0; background-size: 26px 24px; }
.selected i { background: url(../images/2selected.png) no-repeat 0 0; background-size: 26px 24px; }
.test-tips { color: rgba(255,255,255,.6); font-size: 16px; }
.next-test { display: block; position: absolute; right: 0; bottom: 0; padding: 5px 20px; border: 2px solid #fff; color: #fff; font-size: 16px; border-radius: 3px; }


.health-test{background: url("../images/test-bg.jpg") no-repeat center center; background-size: cover;width:60%;margin-top:10%;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);box-shadow: 0 0 10px rgba(0,0,0,.8);}

.test-con{padding: 10%}


.shengmingbox{font-size: 18px; line-height: 1.8; max-width: 845px; margin: 0 auto}
.shengmingbox p{padding-top:20px;}

.xinxigong{background: #c6e3eb}


.siteleft{width: 274px; color: #fff; background: #db1e26; padding: 10px 0px; text-align: center}
.siteleft p{font-size: 20px; padding: 5px 0px;}
.sitemap li{background: #fff; border-radius: 5px; overflow: hidden; margin-top: 18px;}

.siteright{width: calc(100% - 274px); overflow: hidden}
.siteright >div{width: 100%}
.siteright span{float: left; text-align: center; position: relative; padding: 5px 4%}
.siteright span a{font-size: 18px;}
.siteright span:before{content: ""; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); width: 1px; height: 12px; background: rgba(0,0,0,0.2);}
.siteright span a:hover{color: #db1e26}

.siteright p{margin-left: -1px;}


.qiyeboxs{background: #fff; padding: 30px 50px; margin-top: 50px;}
.qiyeboxs ul{width: calc(100% + 20px); margin-left:-20px;}
.qiyeboxs li{width: calc(33.33% - 20px); float: left; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical; margin: 10px 0px;margin-left: 20px; font-size: 18px;}

.qiyeboxs li a:hover{color: #db1e26}


.qiyeboxstxt{line-height: 2; font-size: 18px;}
.qiyeboxstxt p{text-indent: 2em; padding: 10px 0px;}

.xinxiangs{padding-top: 80px;}

.daanboxs{display: none; }
.daantxt{font-size: 16px;color: rgba(255,255,255,.6); margin-top: 10px; line-height: 1.8;padding-bottom:80px;}

.daanboxs h3{display: none}

.daanboxs.dadui{display: block}
.daanboxs.dadui h3.dui{display: block}

.daanboxs.dacuo{display: block}
.daanboxs.dacuo h3.cuo{display: block}



.wentiboxs{min-height: 300px;}


.class_title{ text-align: center;}
.class_title h2{ font-size: 42px;}
.class_title h3{ font-size: 28px;}
.info-con{ background: #f2f8fb;}
.info-content{line-height: 240%; font-size: 16px;}
.info-con img{ max-width: 100%;}
.info-img img{ text-align: center;}

.bglv{background: #f2f8fb;}


.picList .li{ display: block; width: 280px;  margin:20px auto; text-align: center; position: relative; overflow: hidden; border-radius: 5px;}
.picList .li img{ width: 100%; height:280px}
.picList .li .info .title{ font-weight: bold; font-size: 18px; margin-bottom: 10px;}
.picList .li .info{ position: absolute; background: rgba(0,0,0,0.3); color: #fff; font-size: 16px; top:0; left: 0;
     width: 100%; height: 100%; box-sizing: border-box; padding: 20px; line-height: 180%; overflow: hidden; display: none;}
.picList a.li:hover .info{ display: block;}
.picList a.li:hover img{ transform: scale(1.05);}


.ry .li{ display: block; width: 280px;  margin:20px auto; text-align: center; position: relative; 
    overflow: hidden; }
.ry .kuang{  background-color: #fff;width: 100%; height: 280px; box-sizing: border-box; display: flex;}
.ry img{   margin: 0 auto; }

.nlist  .li{ width: 45%;   margin:15px auto; background-color: #ffffff;  border-radius: 5px}
.nlist  .li .cover-img{ height:360px; width:100%; border-radius: 5px 5px 0 0;}
.nlist .li .info .title{ font-weight: bold; font-size: 18px; margin-bottom: 10px; padding:10px;}
.nlist  li .con{ color: #888; line-height: 180%;}
.nlist a.li:hover .title{ color: #ff0000;}

.Paging .Pagination{ display: flex;justify-content:center}
.Paging .Pagination span{ display: block; margin: 0 5px; }
.Paging .Pagination a{ display: block; margin: 0 5px; }