﻿/* stone web public */
/* @font-face{
  font-family:"NotoSansHant";
  src:url("SourceHanSansCN-Regular.ttf") format("truetype");
} */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,pre,a,abbr,acronym,big,cite,code,del,em,img,q,s,samp,small,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td,canvas,footer,header,menu,nav,section,summary,time,mark,audio,video,p{border:none;margin:0;padding:0;outline:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block;}fieldset,img{border:0;max-width:100%;}
address,caption,cite,code,dfn,em,var,i{font-weight:normal;font-style:normal;}ol,ul,dl,li{list-style:none;}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}input,textarea,input:focus,textarea:focus{outline:none;}
ul:after,dl:after{content:"";display:block;height:0;line-height:0px;clear:both;visibility:hidden;overflow:hidden;}
body{font:14px/1.5 -apple-system,,Helvetica,Tahoma,sans-serif;outline:none;background-color:#FFF;color:#333;min-width:320px;-webkit-text-size-adjust:none;}
html.mic,html.mic body{width:100%;height:100%;position:relative;overflow:hidden;}
body.hidden{overflow:hidden;}
a{color:#333;text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;transition:color .35s;-webkit-transition:color .35s;-moz-transition:color .35s;}
a:hover{outline:none;}
img{vertical-align:middle;}
.fl{float:left;}.fr{float:right;}.cler{clear:both;width:100%;overflow:hidden;height:0;line-height:0px;}
.clr:after,.clr after,.clr::after,.wrap:after,.wrap::after{content:"";display:block;height:0;clear:both;overflow:hidden;}
.both{clear:both;overflow:hidden;height:20px;}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.ts{transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;}
.opaci{filter:alpha(opacity=0);opacity:0;}
.wrap{width:1400px;margin:0 auto;}
.wrapper{margin:0px 100px;padding:80px 0px;min-width: 1000px;} 
.padd{padding:46px 0px;}
.paddTop{padding-top:46px;}
.pc-layer{display:block}
.mobile-layer{display:none;}
/* 自定义滚动条 */
@media screen and (min-width:981px) {
::-webkit-scrollbar-track-piece,::-webkit-scrollbar,::-webkit-scrollbar-thumb{width:6px;}
::-webkit-scrollbar-track-piece{background-color:rgba(255,255,255,0.6);}
::-webkit-scrollbar{background-color:rgba(255,255,255,0.6);}
::-webkit-scrollbar-thumb{background-color:#999;}
::-webkit-scrollbar-thumb:hover{background-color:#999;}
}
/* public */ 
.pic{display:block;width:100%;height:auto}
.swiper-container,.swiper-container .swiper-wrapper,.swiper-wrapper .swiper-slide{width:100%;height:auto;position:relative;}
.layer{width:100%;position:relative}
.layer-padd{width:100%;padding:40px 0px;position:relative}
.layer-padd-botm{padding-bottom:40px}
.over-layer{width:100%;position:relative;zoom:1;overflow:hidden}
.more-box{width:100%;position:relative;padding-top:40px;text-align:right;z-index: 90;}
.more-box a{display:inline-block;border:1px solid #7d7d7d;padding:5px 15px;color:#888;}
.more-box a:hover{border:1px solid #e60012;color:#e60012;background:#fafafa;box-shadow:inset 0px 0px 10px rgba(0,0,0,0.25)}
.gray-back{background:#fbf9f7}
.gray-yelow{background:#fbf6f4}
.gray-red{background:#fff9f4}
.jbBkG{background:url(../images/jb.png) repeat-y right top;}
.h1-title{font-size:30px;}
.h1-titleEN{font-size:24px;}
.text{font-size:16px;line-height:28px;color:#666;text-align:justify}
.lanmu-title{height:52px;margin-bottom:30px;padding-left:20px;background:url(../images/line-red.png) no-repeat left top;position:relative}
.lanmu-title h1{display:block;width:100%;font-size:22px;font-weight:normal;line-height:24px;margin-bottom:7px}
.lanmu-title h2{display:block;width:100%;font-size:14px;font-weight:normal;color:#666666;text-transform:uppercase}
.lanmu-title h3{display:block;width:100%;font-size:22px;font-weight:normal;line-height:52px;}
.return{display:block;width:34px;height:30px;background:url(../images/return-hui.png) no-repeat center;position:absolute;right:0px;top:8px;}
.return:hover{background:url(../images/return.png) no-repeat center;}
.tabbox{display:table;width:100%;height:100%;}
.tabcell{display:table-cell;width:100%;height:100%;vertical-align:middle}
.jbbg{background:url(../images/jb2.jpg) repeat-y left;background-size:100% auto}
.cell-scroll-box{width:100%;max-height:100%}
/* transition */
.ts,.first-news .fisrt-img img,.return{transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;}
#Header .curline,#Header .menu a,#Header .menu .subnav,#banner .formats li a,#banner .formats .line-box,#banner .formats .for-img,#banner .formats .for-infor,.hot-item-list .pop-infor,#videoSwiper .poster p,.chair-head,.news-list .nw-img .pic,.news-list .inner-link em,.news-list li a,.item-fisrt a,.item-cont .item-boxxs a,.item-cont .item-boxxs img,.item-wrapper .slide-content .im-img img,.item-wrapper .slide-content a,.more-box a,.select-btn,.select-btn .key-word,.img-view .zoomBtn,.colle .pop-text{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.first-news .fisrt-img a:hover img,.item-cont .item-boxxs a:hover img,.item-wrapper .slide-content a:hover .im-img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.first-news .fisrt-img a:hover,.item-fisrt a:hover,.item-cont .item-boxxs a:hover{box-shadow:0px 0px 10px #999}
.item-cont .item-boxxs a:hover{background:#e8e6e4}
.item-wrapper .slide-content a:hover{box-shadow:0px 3px 5px #ddd}
/* page-title */
.column-title{width:100%;margin-bottom:30px;}
.column-title .numb{display:block;width:120px;float:left;position:relative;}
.column-title .numb i{display:block;width:62px;height:2px;position:absolute;left:0px;top:50%;margin-top:-1px;background:#dcdcdc}
.column-title .numb em{display:block;margin-left:75px;color:#a1a1a1;font-size:31px;line-height:37px;font-family:'Times New Roman', Times, serif;font-weight:bold;}
.column-title .title{margin-left:120px;}
.column-title .title h1{font-weight:normal;display:block;font-size:24px;}
.column-title .title h2{font-weight:normal;display:block;font-size:16px;text-transform:uppercase;font-family:'Times New Roman', Times, serif;}
/* img hover */
.img-hover .pic,.img-hover .ani-bor:before,.img-hover .ani-bor:after{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.img-hover .ani-bor:before,.img-hover .ani-bor:after{content:"";display:block;box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;z-index:10;}
.img-hover .ani-bor:before{width:0%;left:50%;height:98%;top:1%;border-top:1px solid #e60012;border-bottom:1px solid #e60012;}
.img-hover .ani-bor:after{width:98%;left:1%;height:0%;top:50%;border-left:1px solid #e60012;border-right:1px solid #e60012;}
.img-hover:hover .ani-bor:before{width:98%;left:1%;}
.img-hover:hover .ani-bor:after{height:98%;top:1%;}
.img-hover:hover .pic{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
/* anim */
.ani-box,[data-animation="ani-up"],[data-animation="ani-down"],[data-animation="ani-left"],[data-animation="ani-right"]{display:block;visibility:hidden;visibility:visible\9;opacity:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.ani-box{width:100%;}
.ani-up,[data-animation="ani-up"]{transform:translateY(-20%);-webkit-transform:translateY(-20%);-moz-transform:translateY(-20%);}
.ani-down,[data-animation="ani-down"]{transform:translateY(20%);-webkit-transform:translateY(20%);-moz-transform:translateY(20%);}
.ani-left,[data-animation="ani-left"]{transform:translateX(-20%);-webkit-transform:translateX(-20%);-moz-transform:translateX(-20%);}
.ani-right,[data-animation="ani-right"]{transform:translateX(20%);-webkit-transform:translateX(20%);-moz-transform:translateX(20%);}
.show .ani-box,.show > [data-animation="ani-up"],.show > [data-animation="ani-down"],.show > [data-animation="ani-left"],.show > [data-animation="ani-right"]{transform:none;-webkit-transform:none;-moz-transform:none;visibility:visible;opacity:1;}
/* container */
.container{width:100%;background:#FFF url(../images/wall.jpg) no-repeat right bottom;background-size: cover;}
.honor{width:100%;background:#FFF url(../images/weal.jpg) no-repeat right bottom;background-size:100% auto;}
.vid-mubu-box{width:100%;height:100%;position:absolute;top:0px;left:0px;display:none;}
.vid-mubu-box video{width:100%;height:100%;background:#333}
.tiphtml{position:fixed;top:50%;left:50%;background:url(../images/black.png);border-radius:10px;overflow:hidden;padding:5px 20px;z-index:1000;color:#FFF;font-size:18px}
/* pagination */
.pagination{padding:20px 0px;text-align:center}
.pagination span,.pagination a{display:inline-block;margin:0px 15px;font-size:20px;font-family:inherit;color:#333;}
.pagination a:hover,.pagination a.page_current{color:#e60012}
/* media */
@media screen and (max-width:1400px) {
    .wrap{width:1200px;margin:0 auto;}
    .wrapper{margin:0px 100px;padding:80px 0px;} 
}
@media screen and (max-width:1366px) {
    .wrap{width:90%;margin:0 auto;}
    .wrapper{margin:0px 5%;padding:40px 0px;} 
}
@media screen and (max-width:1024px) {
    html{font-size:62.5%}
    body{font-size:1.6rem;font-family:-apple-system,PingFang SC,'Helvetica Neue',Helvetica,Tahoma,Arial,sans-serif;line-height:1.5;outline:none;background-color:#FFF;color:#333;min-width:290px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;} 
    .wrap{width:980px;margin:0 auto;}
    .wrapper{margin:0px 20px;padding:20px 0px;}
    .h-title{font-size:2rem;}  
    .text{font-size:1.6rem;line-height:27px;}
    .layer-padd,.padd{padding:25px 0px;}
    .layer-padd-botm{padding-bottom:20px;}
    .paddTop{padding-top:20px;} 
}
/* keyframes */
@keyframes clipMe{
	0%, 100%{
	    clip: rect(0px, 280.0px, 2px, 0px);
	}
	25%{
	 clip: rect(0px, 2px, 548.0px, 0px);
	}
	50%{
	clip: rect(546.0px, 280.0px, 548.0px, 0px);

	}
	75%{
	clip: rect(0px, 280.0px, 548.0px, 278.0px);
	}
}
@keyframes moveAry{
	0%{transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);animation-timing-function:cubic-bezier(0,0,0.25,1);-webkit-animation-timing-function:cubic-bezier(0,0,0.25,1);-moz-animation-timing-function:cubic-bezier(0,0,0.25,1);}
    25%{transform:translateX(6px);-webkit-transform:translateX(6px);-moz-transform:translateX(6px);animation-timing-function:cubic-bezier(0,0,0.25,1);-webkit-animation-timing-function:cubic-bezier(0,0,0.25,1);-moz-animation-timing-function:cubic-bezier(0,0,0.25,1);}
    50%{transform:translateX(12px);-webkit-transform:translateX(12px);-moz-transform:translateX(12px);animation-timing-function:cubic-bezier(0,0,0.25,1);-webkit-animation-timing-function:cubic-bezier(0,0,0.25,1);-moz-animation-timing-function:cubic-bezier(0,0,0.25,1);}
    75%{transform:translateX(18px);-webkit-transform:translateX(18px);-moz-transform:translateX(18px);animation-timing-function:cubic-bezier(0,0,0.25,1);-webkit-animation-timing-function:cubic-bezier(0,0,0.25,1);-moz-animation-timing-function:cubic-bezier(0,0,0.25,1);}
	100%{transform:translateX(18px);-webkit-transform:translateX(18px);-moz-transform:translateX(18px);animation-timing-function:cubic-bezier(0,0,0,1);-webkit-animation-timing-function:cubic-bezier(0,0,0,1);-moz-animation-timing-function:cubic-bezier(0,0,0,1);} 
}
@-webkit-keyframes moveAry{
	0%{transform:translateX(0px);-webkit-transform:translateX(0px);animation-timing-function:cubic-bezier(0,0,0.25,1);-webkit-animation-timing-function:cubic-bezier(0,0,0.25,1);}
    25%{transform:translateX(6px);-webkit-transform:translateX(6px);animation-timing-function:cubic-bezier(0,0,0.25,1);-webkit-animation-timing-function:cubic-bezier(0,0,0.25,1);}
    50%{transform:translateX(12px);-webkit-transform:translateX(12px);animation-timing-function:cubic-bezier(0,0,0.25,1);-webkit-animation-timing-function:cubic-bezier(0,0,0.25,1);}
    50%{transform:translateX(18px);-webkit-transform:translateX(18px);animation-timing-function:cubic-bezier(0,0,0.25,1);-webkit-animation-timing-function:cubic-bezier(0,0,0.25,1);}
	100%{transform:translateX(18px);-webkit-transform:translateX(18px);animation-timing-function:cubic-bezier(0,0,0,1);-webkit-animation-timing-function:cubic-bezier(0,0,0,1);} 
}
@-moz-keyframes moveAry{
	0%{-moz-transform:translateX(0px);-moz-animation-timing-function:cubic-bezier(0,0,0.25,1);}
    25%{-moz-transform:translateX(6px);-moz-animation-timing-function:cubic-bezier(0,0,0.25,1);}
    50%{-moz-transform:translateX(12px);-moz-animation-timing-function:cubic-bezier(0,0,0.25,1);}
    75%{-moz-transform:translateX(18px);-moz-animation-timing-function:cubic-bezier(0,0,0.25,1);}
	100%{-moz-transform:translateX(18px);-moz-animation-timing-function:cubic-bezier(0,0,0,1);} 
}
@keyframes moveUP{
	0%{opacity:1;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);} 
	100%{opacity:1;transform:translateY(-101%);-webkit-transform:translateY(-101%);-moz-transform:translateY(-101%);} 
}
@-webkit-keyframes moveUP{
	0%{opacity:1;transform:translateY(0%);-webkit-transform:translateY(0%);} 
	100%{opacity:1;transform:translateY(-101%);-webkit-transform:translateY(-101%);} 
}
@-moz-keyframes moveUP{
	0%{opacity:1;transform:translateY(0%);-moz-transform:translateY(0%);} 
	100%{opacity:1;transform:translateY(-101%);-moz-transform:translateY(-101%);} 
}
@keyframes moveDM{
	0%{opacity:1;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);} 
	100%{opacity:1;transform:translateY(101%);-webkit-transform:translateY(101%);-moz-transform:translateY(101%);} 
}
@-webkit-keyframes moveDM{
	0%{opacity:1;transform:translateY(0%);-webkit-transform:translateY(0%);} 
	100%{opacity:1;transform:translateY(101%);-webkit-transform:translateY(101%);} 
}
@-moz-keyframes moveDM{
	0%{opacity:1;transform:translateY(0%);-moz-transform:translateY(0%);} 
	100%{opacity:1;transform:translateY(101%);-moz-transform:translateY(101%);} 
}
@keyframes widthBox{
	0%{width:0%;left:50%;} 
	100%{width:100%;left:0%;} 
}