锘?* website public css */
@charset "utf-8";
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:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block;}fieldset,img{max-width:100%;}address,caption,cite,code,dfn,em,var,i,h6{font-weight:normal;font-style:normal;}ul,dl,li{list-style:none;}h4,h5,h6,button,input,select,textarea,input:focus,textarea:focus{font-size:100%;outline:none;}
a{color:#333;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;}
body{font-size:15px;font-family:'Microsoft Yahei','Helvetica Neue',Helvetica,Arial,Simsun,Sans-Serif;min-width:320px;line-height:1.5;background:#F7F7F7;color:#333;}
html.mic,html.mic body{width:100%;height:100%;overflow:hidden}
.lt{float:left;}.rt{float:right;}
.cler{clear:both;overflow:hidden;height:0;width:100%;}
ul::after,dl::after,.clr::after{content:"";display:block;clear:both;width:100%;height:0;overflow:hidden;}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.opa{filter:alpha(opacity=0.5);opacity:0.5;}
.pc-layer{display:block}.mobile-layer{display:none}
.ts,.hv img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
/* public */
#Header,#container,#Footer,.layer,.level{width:100%}
.half{width:50%}
.high{height:100%}
.wrap{margin:0 auto;position:relative;height:100%}
.wrapper{margin:0px auto;position:relative;width:80%;}
.boxtable{width:100%;height:100%;display:table;}
.boxcell{width:100%;height:100%;display:table-cell;vertical-align:middle}
.over{overflow:hidden;}
.hv:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.nosel{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.row li{display:block;float:left;}.row-2 li{width:50%}.row-3 li{width:33.33%}.row-4 li{width:25%}
.padd{padding:50px 0px}
.padtop{padding-top:40px}
.padbom{padding-bottom:40px}
.marbom{margin-bottom:40px}
.h1-title{font-size:2.4rem}
.title{font-size:2rem}
.text{font-size:1.5rem;text-align:justify}
.over-text{overflow:hidden;word-wrap:break-word;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}
.pic{display:block;width:100%}
body.onScroll{overflow:hidden}
.swiper-container{width:100%;height:100%;}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;height:100%;}
/* transition */
.tran,.nav .submenu,.nav .black,.langen ul,a.wechart span,.back img,.busine .infor,.linkbar li,.pageNav a::after,.team-level .item,.item-desc i,.dot-box i,.video-mubu .btnplay,.news-list a,.news-list em,.top-news .title p,.top-news .title em,.btnplay,.busine .text,.busine .infor i{transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
.btn-play,.text-wrap p,.text-wrap i{transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out}
.swiper-pagination span{transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease}
.imgbox::before,.picbar::before,.item-img::before,.layer-picture p::before{transition:all 0.7s ease-out;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out}
/* Header */
#Header{width:100%;height:100px;background:#f5f6f6;box-shadow:0px 0px 5px rgba(10,10,10,0.15);position:fixed;top:0px;left:0px;z-index:999;}
#Header .wrap{margin:0 0 0 4%;height:100%;position:relative;}
#Header .logo{height:100%;float:left;}
#Header .logo a{display:block;height:100%;padding-top:5px;vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
#Header .logo img{vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
#Header .menu{float:right;height:100%;position:relative}
#Header .nav{float:left;height:100%;margin-right:130px}
#Header .nav li{display:block;float:left;height:100%;padding:0 12px;position:relative}
#Header .nav li a{display:block;line-height:100px;color:#676767;font-size:18px;position:relative}
#Header .nav li a i{display:block;width:0%;height:2px;position:absolute;left:50%;bottom:0px;background:#e60012;overflow:hidden}
#Header .nav li a:hover,#Header .nav .submenu a:hover,#Header .langen a:hover{color:#e60012}
#Header .nav li.current > a{color:#e60012}
#Header .nav li:hover a i{width:100%;left:0px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
#Header .nav .submenu{width:600%;height:0px;text-align:center;position:absolute;top:100px;left:50%;margin-left:-300%;z-index:100;overflow:hidden;visibility:hidden;opacity:0}
#Header .nav .navbar{height:50px;width:100%;position:absolute;bottom:0px;left:0%;z-index:10}
#Header .nav .submenu p{display:inline-block;margin:0 10px;height:100%;}
#Header .nav .submenu a{display:block;color:#FFF;font-size:16px;line-height:50px;}
#Header .nav .submenu a::after{display:none}
#Header .nav li.one .submenu{width:150%;margin-left:-75%;}
#Header .nav .black{position:fixed;top:100px;left:0%;width:100%;height:0px;background:rgba(59,59,59,0.5);overflow:hidden}
#Header .nav li:hover .submenu,#Header .nav li:hover .black{visibility:visible;opacity:1;top:100px;height:50px}
#Header .lang{height:28px;position:absolute;top:50%;right:0px;margin-top:-12px;}
#Header .find{width:22px;height:22px;float:left;margin-right:15px;margin-top:3px;position:relative}
#Header .icon{display:block;width:100%;height:100%;background:url(../images/find.png) no-repeat center;cursor:pointer}
#Header .icon:hover{background:url(../images/findred.png) no-repeat center}
#Header .seak{width:240px;height:28px;position:absolute;right:0px;top:-3px;background:#FFF;border:1px solid #dedede;z-index:100;visibility:hidden}
#Header .seak .ui-text{float:left;width:200px;height:100%;padding:0 5px;display:block;border:none}
#Header .seak .ui-button{float:right;width:40px;height:100%;border:none;background:url(../images/b_4.png) no-repeat center #FFF}
#Header .shod{height:30px;width:300px;position:absolute;right:0px;top:-3px;background:#f5f6f6;visibility:hidden}
#Header .find:hover .seak,#Header .find:hover .shod{visibility:visible}
#Header .langen{float:right;line-height:28px;height:100%;position:relative;}
#Header .langen a{display:block;color:#838383;padding-right:18px;font-size:16px;background:url(../images/tip.png) no-repeat right center;}
#Header .langen a:hover{color:#e60012;background:url(../images/tipred.png) no-repeat right center}
/*#Header a.wechart { background: url(../images/icon-weixin-black.png) no-repeat center; display: inline-block; width: 30px; height: 30px; margin-left: 5px; position: relative; background-size: 27px auto !important; position: absolute; top: 50%; right: 2%; transform: translateY(-50%); }
#Header a.wechart:hover { background: url(../images/icon-weixin-black-red.png) no-repeat center; }
#Header a.wechart:hover .upcode { top: 40px; visibility: visible; opacity: 1; }
#Header .upcode { display: block; width: 155px; height: 170px; padding: 0px; position: absolute; top: 50px; right: 0px; background: #FFF; visibility: hidden; opacity: 0; transition: all 0.35s }
#Header .upcode::after { content: ""; display: block; width: 0px; height: 0px; border: 7px solid transparent; border-bottom-color: #FFF; position: absolute; top: -14px; right: 10px; }
#Header .upcode p { display: block; float: left; padding: 1px 10px; width: 135px; }
#Header .upcode em, #Header .upcode img { display: block; }
#Header .upcode span { font-size: 12px; display: block; text-align: center }*/
#Header .wechart { width: 80px; height: 100%; display: flex; align-items: center; float: right; margin-left: 1%; margin-right:10px; }
#Header .wechart img { width :100%; }
/* Footer */
#Footer { padding: 40px 0px 30px; background: #1d1e1d; color: #FFF; font-size: 14px; animation: fadeInDown 0.5s ease-out 0.2s both; -webkit-animation: fadeInDown 0.5s ease-out 0.2s both; }
#Footer .nav{width:100%;border-bottom:1px solid #ffffff;padding-bottom:30px;margin-bottom:20px;}
#Footer .nav dl{float:left;width:10%;}
#Footer .nav dt{display:block;margin-bottom:10px}
#Footer .nav dt a{font-size:16px;}
#Footer .nav dd{display:block}
#Footer .nav dd a{font-size:14px;}
#Footer .nav a{color:#e3e3e3;}
#Footer .nav a:hover{color:#b6131f}
#Footer .informa{width:100%;}
#Footer .foot-left{float:left;}
#Footer .foot-right{float:right}
#Footer .grid span,#Footer .grid a{color:#e3e3e3;margin-right:20px}
#Footer ul.grid{width:100%;margin-bottom:10px;}
#Footer ul.grid li{display:block;float:left;padding-right:10px;margin-right:10px;position:relative}
#Footer ul.grid li::after{content:"";display:block;width:1px;height:12px;position:absolute;top:6px;right:0px;background:#8e8f8e}
#Footer ul.grid li:last-child::after{display:none}
#Footer ul.grid li a{margin-right:0px;line-height:24px;}
#Footer .foot-right p{display:block;margin-bottom:0px;line-height:24px;text-align:right;}
#Footer .foot-right a{display:inline-block;width:30px;height:30px;margin-left:5px;position:relative;background-size:27px auto !important;}
#Footer .upcode{display:block;width:310px;height:170px;padding:0px;position:absolute;bottom:45px;right:-40px;background:#FFF;visibility:hidden;opacity:0;transition:all 0.35s}
#Footer .upcode::after{content:"";display:block;width:0px;height:0px;border:7px solid transparent;border-top-color:#FFF;position:absolute;bottom:-14px;right:48px;}
#Footer .upcode p{display:block;float:left;padding:1px 10px;width:135px;}
#Footer .upcode em,#Footer .upcode img{display:block;}
#Footer .upcode span{font-size:12px;display:block;text-align:center}
#Footer .foot-right a.wechart{background:url(../images/icon-weixin.png) no-repeat center} 
#Footer .foot-right a.weibo{background:url(../images/icon-weibo.png) no-repeat center}
#Footer .foot-right a.wechart:hover{background:url(../images/icon-weixin-red.png) no-repeat center}
#Footer .foot-right a.wechart:hover .upcode{bottom:40px;visibility:visible;opacity:1;}
#Footer .foot-right a.weibo:hover{background:url(../images/icon-weibo-red.png) no-repeat center}
#Footer .informa a[href]:hover{color:#b6131f}
/* banner */
#Banner{width:100%;position:relative;overflow:hidden;-webkit-animation:fadeInDown 0.5s ease-out both;}
#Banner .swiper-container{width:100%;height:100%;}
#Banner img{display:block;width:100%}
#Banner .swiper-pagination{z-index:100;width:100%;bottom:5%;text-align:center;}
#Banner .swiper-pagination span{margin:0 8px;width:12px;height:12px;background:#FFF;opacity:0.5}
#Banner .swiper-pagination .swiper-pagination-bullet-active{background:#b6131f;opacity:1}
/* pageBanner */
.perch{height:100px;}
.pageBanner{width:100%;position:relative}
.pageBanner .picture{width:100%;height:100%;position:relative;overflow:hidden;animation:fadeInDown 0.5s ease-out both;-webkit-animation:fadeInDown 0.5s ease-out both;}
.pageBanner .picture img{display:block;width:100%;animation:zoomIn 20s ease-out both;-webkit-animation:zoomIn 20s ease-out both;}
.pageBanner .po-layer{width:100%;height:100%;display:table;position:absolute;top:0px;left:0px;text-align:center}
.pageBanner .slogan{color:#FFF;font-size:35px;font-weight:lighter;letter-spacing:5px;padding-bottom:60px}
.pageMenu{width:100%;height:60px;background:#f7f7f7;border-bottom:1px solid #dedede;animation:fadeInDown 0.5s ease-out 0.2s both;-webkit-animation:fadeInDown 0.5s ease-out 0.2s both;}
.pageMenu .wrapper{height:100%}
.pageMenu .place{height:60px;float:left;font-size:16px;}
.pageMenu .place a,.pageMenu .place i,.pageMenu .place span{display:block;float:left;margin-right:10px;height:100%;line-height:60px;color:#666;}
.pageMenu .place a.home{background:url(../images/a3_2.png) no-repeat center left;padding-left:30px}
.pageMenu .place i{width:10px;background:url(../images/ary-let.png) no-repeat center;}
.pageMenu .place a:hover{color:#e60012}
.pageMenu .place span{cursor:default}
.pageMenu .pageNav{height:100%;float:right}
.pageMenu .pageNav p{display:block;height:100%;position:relative;float:left;margin-left:25px}
.pageMenu .pageNav a{font-size:16px;display:block;height:100%;line-height:60px;position:relative;}
.pageMenu .pageNav a::after{display:block;content:"";width:0%;height:2px;position:absolute;bottom:-1px;left:50%;background:#e60012;overflow:hidden}
.pageMenu .pageNav .current a,.pageNav a:hover{color:#e60012}
.pageMenu .pageNav .current a::after,.pageNav a:hover::after{width:100%;left:0px;}
.page-title{margin-bottom:60px;padding-top:60px;position:relative;animation:fadeInUp 0.5s ease-out 0.3s both;-webkit-animation:fadeInUp 0.5s ease-out 0.3s both;}
.page-title h2{display:block;letter-spacing:2px;font-weight:normal;font-size:2.8rem;}
.page-title h3{text-transform:uppercase;color:#a10015;font-weight:bold;font-size:2rem;}
.page-title a.return{display:block;position:absolute;top:60px;right:0px;background:url(../images/icon-return.png) no-repeat center right;padding-right:25px;font-size:16px}
.page-title a.return:hover{color:#e60012;background:url(../images/icon-return-red.png) no-repeat center right !important;}
.search-box{height:40px;margin-bottom:30px;border-bottom:1px solid #cdcdcd;padding:10px 0px}
.search-result{float:left;height:100%;font-size:16px}
.search-result em{padding:0px 3px;color:#e60012;font-size:18px}
.search-form{border:1px solid #e8e8e8;height:33px;line-height:33px;border-radius:4px;float:right;overflow:hidden;background:#fff;}
.search-form .searchinput{float:left;height:33px;width:200px;padding:0px 7px;border:none;font-size:14px}
.search-form .search-button{float:right;height:33px;width:40px;background:url(../images/find.png) no-repeat center;cursor:pointer;border:none;outline:none}
.search-form:hover{border:1px solid #e60012;}
/* container */
#container{position:relative;padding:20px 0px 20px;animation:fadeInDown 0.5s ease-out 0.2s both;-webkit-animation:fadeInDown 0.5s ease-out 0.2s both;z-index:90;background:#F7F7F7;}
.anim-down,.common_content{animation:fadeInDown 0.5s ease-out 0.2s both;-webkit-animation:fadeInDown 0.5s ease-out 0.2s both;}
.firstly{margin-top:20px;margin-bottom:20px;position:relative;padding-right:300px}
.news-layer{width:100%;}
.news-layer .news-box{float:left;width:54%;margin-right:0%}
.news-layer .video-box{float:right;width:44%;margin-right:0%}
.news-layer .cul-top{border-bottom:1px solid #dcdcdc;height:44px;position:relative;margin-bottom:20px;}
.news-layer .tab-nav{float:left;height:100%}
.news-layer .tab-nav a,.video-top a{display:block;float:left;line-height:44px;font-size:18px;color:#858585;position:relative}
.news-layer .tab-nav em{display:block;float:left;width:1px;height:14px;margin:15px 13px;background:#b1b1b1}
.news-layer .tab-nav i,.video-top a i{display:block;width:0px;height:2px;background:#e60012;position:absolute;left:0px;bottom:-1px;overflow:hidden}
.news-layer .tab-nav a.on,.video-top a{color:#e60012}
.news-layer .tab-nav a.on i,.video-top a i{width:100%;}
.news-layer .cul-top .more{float:right;height:100%;line-height:44px;}
.news-layer .cul-top .more a{padding-right:20px;text-transform:uppercase;background:url(../images/icon-right.png) no-repeat center right;}
.news-layer .cul-top .more a:hover{color:#b6131f}
.news-layer .tab-main,.news-layer .com-video{width:100%;overflow:hidden;position:relative}
.news-layer .tab-layer{width:100%;display:none}
.news-layer .top-news{width:100%;position:relative;margin-bottom:12px}
.news-layer .swiper-container{width:100%}
.news-layer .top-news a{display:block;width:100%;position:relative;overflow:hidden;color:#FFF} 
.news-layer .top-news .nw-infor{width:100%;height:100%;position:absolute;top:0px;left:0px;}
.news-layer .top-news .title{width:100%;position:absolute;left:0px;bottom:0px;padding:10px 0;overflow:hidden;background:url(../images/b_5.png) repeat left bottom;}
.news-layer .top-news .title p{float:left;display:block;height:30px;line-height:30px;margin-left:15px;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;background:url(../images/icon-right.png) no-repeat -10px 50%;}
.news-layer .top-news .title em{display:block;float:right;height:30px;line-height:30px;margin-right:10px;font-size:16px;position:absolute;right:10px;top:10px;}
.news-layer .top-news a:hover p{margin-left:10px;background-position:0px 50%;padding-left:15px}
.news-layer .top-news a:hover em{right:5px;}
.news-layer .news-paging{text-align:center;position:absolute;left:0;bottom:50px !important;z-index:10;width:100%}
.news-layer .news-paging .swiper-pagination-bullet{border:1px solid #b6131f;opacity:1;background:transparent}
.news-layer .news-paging .swiper-pagination-bullet-active{opacity:1;background:#b6131f}
.news-layer .news-list{height:70px}
.news-layer .news-list li{display:block;height:35px;position:relative;border-bottom:1px solid #666;overflow:hidden}
.news-layer .news-list a{display:block;height:35px;line-height:35px;position:relative;padding-right:100px;font-size:16px;background:url(../images/icon-right.png) no-repeat -10px 50%;background-size:auto 10px;}
.news-layer .news-list p{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.news-layer .news-list em{display:block;position:absolute;top:0px;right:0px;color:#a1a1a1}
.news-layer .news-list a:hover{padding:0 15px;background-position:0px 50%}
.news-layer .news-list a:hover em{right:-100px}
.news-layer .top-news a:hover,.news-layer .news-list a:hover p{color:#e60012}
.news-layer .com-video img{display:block;width:100%}
.news-layer .video-mubu{width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.35)}
.news-layer .video-mubu .btnplay{display:block;width:78px;height:78px;position:absolute;top:50%;left:50%;margin-top:-39px;margin-left:-39px;cursor:pointer;transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);opacity:0;visibility:hidden}
.news-layer .com-video:hover .btnplay{transform:none;-webkit-transform:none;-moz-transform:none;opacity:1;visibility:visible}
.news-layer .video-mubu .btnhide{opacity:0;visibility:hidden;transform:scale(1.5);-webkit-transform:scale(1.5);}
.news-layer .video-mubu video{display:block;width:100%;height:100%;visibility:hidden;object-fit:fill;}
.firstly .level-stock{width:278px;height:100%;position:absolute;top:0px;right:0px;background:#FFF;box-shadow:0px 0px 7px rgba(0,0,0,0.05)}
.firstly .tab-choose{height:45px;line-height:45px;}
.firstly .tab-choose span{display:block;float:left;width:50%;text-align:center;font-size:18px;cursor:default}
.firstly .tab-choose span.on{background:#b6131f;color:#FFF}
.firstly .tab-conten{width:100%}
.firstly .tab-grid{padding:20px 25px;display:none}
.firstly .tab-grid .price{margin-bottom:15px;padding-top:20px;}
.firstly .tab-grid .price span{color:#f33d3d;font-size:34px;margin-right:15px}
.firstly .tab-grid .price em{display:inline-block;height:26px;line-height:26px;position:relative;top:-7px;padding:0 10px;border-radius:12px;background:#e8e8e8;font-size:12px}
.firstly .tab-grid .deal{margin-top:5%}
.firstly .tab-grid .deal span{font-size:24px;padding-left:10px}
.busine{margin-bottom:20px;padding:40px 0px;position:relative;overflow:hidden;}
.busine .swiper-container{width:97%;height:100%;overflow:visible;margin-right:0px;margin-left:0px;}
.busine .swiper-slide{float:left;width:25%;position:relative;}
.busine .swiper-slide a{display:block;width:100%;position:relative;}
.busine .back{width:100%;background:#000;position:relative}
.busine .back img{display:block;width:100%;opacity:0.75;filter:alpha(opacity = 75)}
.busine .back:before,.busine .back:after{content:"";display:block;width:102%;height:15px;background:#f7f7f7;position:absolute;left:-1%;z-index:2;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;}
.busine .back:before{top:0px}
.busine .back:after{bottom:0px;display:none}
.busine .infor{width:100%;padding-bottom:10px;background:rgba(255,255,255,1);position:absolute;left:0%;bottom:0px;z-index:5}
.busine .infor h2{display:block;font-size:2rem;font-weight:normal;margin:0px 20px 3px;padding-top:10px;text-align:center}
.busine .infor i{display:block;width:14px;height:0px;background:#333;margin:0px 20px 0px;}
.busine .text{margin:0px 20px;line-height:26px;height:0px;-webkit-line-clamp:4;overflow:hidden;}
.busine .swiper-slide:hover .back:before,.busine .swiper-slide:hover .back:after{height:0px;}
.busine .swiper-slide:hover .back img{opacity:1;filter:alpha(opacity = 100)}
.busine .swiper-slide:hover .infor{padding-bottom:15px;opacity:1;visibility:visible;width:90%;left:5%;bottom:0px;background:rgba(255,255,255,0.9);}
.busine .swiper-slide:hover .infor h2{text-align:left}
.busine .swiper-slide:hover .infor i{margin-bottom:5px;height:1px}
.busine .swiper-slide:hover .text{height:104px;}
.busine .btn{width:40px;height:50px;position:absolute;top:50%;margin-top:-25px;z-index:100;cursor:default;opacity:0.5;z-index:10}
.busine .btn p{display:block;width:100%;height:100%;line-height:50px;text-align:center;vertical-align:middle}
.busine .btn img{vertical-align:middle}
.busine .btn-prev{left:0px;}
.busine .btn-next{right:0px}
.busine .btn:hover{cursor:pointer;opacity:1;}
.linkbar{height:197px;}
.linkbar ul{margin:0px -2px;height:100%}
.linkbar li{width:25%;height:100%;display:block;float:left}
.linkbar .infor{display:block;height:197px;margin:0 2px;}
.linkbar .blue{background:#0b65c2}
.linkbar .red{background:#c9000f}
.linkbar .gree{background:#1fae84}
.linkbar .yelo{background:#debd85}
.linkbar .infor a{display:block;width:100%;height:100%;color:#FFF;font-size:20px}
.linkbar .blue a{background:url(../images/back1.png) no-repeat right bottom;background-size:cover}
.linkbar .red a{background:url(../images/back2.png) no-repeat right bottom;background-size:cover}
.linkbar .gree a{background:url(../images/back3.png) no-repeat right bottom;background-size:cover}
.linkbar .yelo a{background:url(../images/back4.png) no-repeat right bottom;background-size:cover}
.linkbar .infor p{display:block;text-transform:uppercase;padding-top:20px;margin:0 30px;margin-bottom:5px;}
.linkbar .infor i{display:block;height:2px;width:30px;background:#FFF;margin:0 30px;margin-bottom:7px;}
.linkbar .infor h2{display:block;margin:0 30px;font-weight:normal;letter-spacing:2px;font-size:24px;}
/* about */
.about{padding-bottom:50px !important;}
.ab-bgImg{background:url(../images/about-wall.png) no-repeat center top;}
.about-bgImg{background:url(../images/wall.png) no-repeat center top #e7e7e7;}
.about-profile{margin-top:60px;padding-bottom:60px}
.profile-left{float:left;width:42%;}
.about-profile .cul-title{font-size:24px;margin-bottom:10px}
.about-profile .stock{font-size:35px;text-transform:uppercase;color:#a88f7b;margin-bottom:50px;}
.about-profile .text{color:#666;font-size:16px}
.about-profile .profile-img{float:right;width:52%;position:relative}
.about-profile .imgbox{width:100%;height:auto;overflow:hidden;position:relative;z-index:5;}
.about-profile .imgbox img{transition:all 0.5s linear;width:100%;height:auto;}
.about-profile .shadow{width:100%;height:50%;position:absolute;bottom:-25px;left:-30px;background:#ebebeb}
.about-profile .profile-img:hover .imgbox img{transform:scale(1.1)}
.team-level ul{margin:0 -45px;}
.team-level li{display:block;margin-bottom:80px;float:left}
.team-level .grid{margin:0 45px;position:relative;height:140px;box-sizing:border-box;transition:all 0.35s}
.team-level .hd{width:140px;height:140px;border-radius:50%;-webkit-border-radius:50%;position:absolute;top:0px;left:0px;overflow:hidden;transition:all 0.5s ease-out}
.team-level .hd img{display:block;width:100%}
.team-level .item{width:100%;height:100%;border-radius:70px;-webkit-border-radius:70px;background:#FFF;overflow:hidden;transition:all 0.35s}
.team-level .text{margin-left:140px;padding:30px 45px;height:80px;padding-right:20px;transition:all 0.35s}
.team-level .text h3{display:block;font-weight:normal;font-size:20px;margin-bottom:10px;}
.team-level .text p{display:block;font-size:16px;line-height:1.6em;}
.team-level li:hover .grid{transform:scale(1.05);}
.team-level li:hover .item{box-shadow:0px 0px 15px rgba(0,0,0,0.35);}
.team-level li:hover .hd{width:160px;height:160px;top:-10px;left:-10px;}
.team-level li:hover .text{margin-left:150px;}
.organ{text-align:center}
.history{position:relative;}
.history-list{position:relative;width:100%;}
.history-list .line{width:100%;height:1px;position:absolute;top:50%;left:0px;background:#c9000f}
.history-list .history-content{padding:100px 0px 100px;min-height:360px;overflow:hidden;}
.history-list .swiper-container{height:360px;overflow:visible;}
.history-list .swiper-slide{float:left;width:25%;height:100%;position:relative;margin:0px 0px;}
.history-list .year{height:120px;width:120px;position:absolute;left:50%;margin-left:-60px;top:50%;margin-top:-60px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.history-list .dot{width:120px;height:120px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;overflow:hidden;position:absolute;top:0%;left:0%;background:url(../images/rd-wall.png) no-repeat center;background-size:120px 120px;} 
.history-list .title{width:98px;height:98px;line-height:98px;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;font-size:16px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:1px solid #c9000f;color:#c9000f;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.history-list .libar{height:22px;width:1px;background:#c9000f;position:absolute;top:120px;left:50%}
.history-list .informa{width:90%;height:auto;position:absolute;left:5%;visibility:visible;opacity:1;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.history-list .word{max-height:72px;line-height:24px;font-size:14px;text-align:center;-webkit-line-clamp:3;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.history-list .scrollBar{max-height:240px;width:100%}
.history-list .slide-even .year{margin-top:-142px;}
.history-list .slide-even .libar{top:120px;}
.history-list .slide-even .informa{top:50%;padding-top:20px;}
.history-list .slide-odd .year{margin-top:22px;}
.history-list .slide-odd .libar{top:-22px;}
.history-list .slide-odd .informa{bottom:50%;padding-bottom:20px;}
.history-list .swiper-slide-now .year{color:#b6131f;box-shadow:0px 0px 10px rgba(0,0,0,0.35)}
.history-list .swiper-slide-now .title{font-size:18px}
.history-list .swiper-slide-now .informa{width:90%;left:5%;}
.history-list .swiper-slide-now .word{max-height:240px;-webkit-line-clamp:initial}
.history-list .btn{width:40px;height:40px;background:#b6131f;position:absolute;top:50%;margin-top:-20px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;overflow:hidden;cursor:pointer;z-index:125}
.history-list .ary-prev{left:-40px}
.history-list .ary-next{right:-40px}
.history-list .btn p{display:block;width:100%;height:100%;background-size:auto 20px !important;}
.history-list .ary-prev p{background:url(../images/btn-prev.png) no-repeat center;}
.history-list .ary-next p{background:url(../images/btn-next.png) no-repeat center;}
.history-list .btn:hover{cursor:pointer;background:#db5f68}
.scrollBar{height:100%;width:100%}
.btn-linker{padding-top:30px;}
.btn-linker a{display:inline-block;height:40px;line-height:40px;border-radius:5px;padding:0px 55px;background:#d60012;color:#FFF;font-size:16px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.btn-linker a:hover{background:#e60012;box-shadow:0px 0px 10px #e60012}
/* detail-page */
.detail-page{padding:50px 0px;}
.detail-page .title{font-size:24px;margin-bottom:20px;}
.detail-page .timer{border-bottom:2px solid #c7c7c7;position:relative;padding-bottom:20px;margin-bottom:30px;}
.detail-page .timer span{font-size:18px;color:#c7c7c7}
.detail-page .timer i{display:block;width:10%;height:2px;position:absolute;left:0px;bottom:-2px;background:#e60012}
.detail-page .return{display:inline-block;position:absolute;top:0px;right:0px;color:#666;}
.detail-page .return:hover{color:#b6131f}
.detail-page .detail-text{width:100%;border-bottom:1px solid #c7c7c7;padding-bottom:40px;margin-bottom:30px;}
.detail-page .detail-text p{margin-bottom:15px;line-height:28px;}
.detail-page .detail-text img{margin:auto;display:block}
.detail-page .linker a{display:inline-block;height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:45%}
.detail-page .linker a.prev{float:left}
.detail-page .linker a.next{float:right;text-align:right}
.detail-page .linker a:hover{color:#b6131f}
/* business */
.busine-desc,.invest{margin-bottom:60px;color:#666;line-height:26px}
.business .item-list{width:100%;position:relative;margin-bottom:70px;}
.business #item-swiper{width:100%;}
#item-swiper .swiper-slide{width:33.33%;float:left;}
#item-swiper .swiper-slide a{display:block;width:100%;position:relative;color:#FFF}
#item-swiper .level{width:100%;position:relative;overflow:hidden}
#item-swiper .level img{display:block;width:100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
#item-swiper .level::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0px;bottom:0px;background:url(../images/shadow.png) repeat-x center bottom;background-size:100% auto}
#item-swiper .infor{width:100%;position:absolute;left:0px;bottom:0px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
#item-swiper .infor h2{display:block;font-weight:normal;font-size:16px;padding:15px 20px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
#item-swiper .swiper-slide a:hover .level img{transform:scale(1.1);-webkit-transform:scale(1.1)}
#item-swiper .swiper-slide a:hover .infor{bottom:5px}
.item-list .btn{width:65px;height:65px;position:absolute;top:50%;margin-top:-32px;cursor:pointer;z-index:100;}
.item-list .btn-prev{left:-80px;}
.item-list .btn-next{right:-80px;}
.business .details{width:100%;position:relative;background:#FFF}
.business .deImage{float:left;width:60%;position:relative}
#project-pagina{bottom:20px;width:80%;left:2%}
#project-pagina span{float:left;width:10px;height:10px;opacity:0.5;background:#FFF}
#project-pagina .swiper-pagination-bullet-active{background:#e60012;opacity:1;}
.business .deRight{float:right;width:39%;}
.business .inner{padding:60px 50px;}
.business .inner h3{display:block;font-size:24px;font-weight:normal;margin-bottom:10px}
.business .inner .text{line-height:26px;color:#666}
.desigan-list ul{margin:0 -27px;}
.desigan-list li{display:block;width:50%;float:left;margin-bottom:60px;}
.desigan-list a{display:block;margin:0 27px;position:relative;overflow:hidden;color:#fff;cursor:default}
.desigan-list a img{display:block;width:100%;}
.desigan-list .desc{width:100%;height:100%;position:absolute;top:0px;left:0px;visibility:hidden;opacity:0;background:url(../images/shadow.png) repeat-x center bottom;background-size:100% auto;transition:all 0.5s;-webkit-transition:all 0.5s;}
.desigan-list .title{position:absolute;left:0px;bottom:-50px;width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;}
.desigan-list .title p{display:block;padding:0 25px 10px;}
.desigan-list li a:hover .desc{visibility:visible;opacity:1;}
.desigan-list li a:hover .title{bottom:0px;}
/* science */
.sicen{padding-bottom:50px;position:relative}
.picbar{width:56%;float:left;position:relative;overflow:hidden}
.picbar::before{content:"";display:block;width:200px;height:100%;position:absolute;left:-150%;top:0px;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);transform:skewX(-25deg);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)}
.descri{width:64%;background:url(../images/sicen.jpg) no-repeat center bottom #FFF;background-size:100%;position:absolute;right:0px;bottom:0px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.descri .desc{padding:40px;font-size:16px;color:#666}
.descri .desc p{margin-bottom:10px}
.sicen:hover .picbar::before{left:150%}
.sicen:hover .descri{box-shadow:0px 0px 15px rgba(0,0,0,0.25);bottom:5px;right:5px;}
.sicen:hover .desc{color:#333}
.field-desc{font-size:16px;color:#666;margin-bottom:50px;}
.field-list,.field-list ul,.prize-list{position:relative;width:100%}
.field-list li{display:block;padding:60px 70px;background:#f7f7f7;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.field-list li:nth-child(2n){background:#FFF}
.field-list .item{position:relative;width:100%}
.field-list .item-image{width:45%;overflow:hidden;float:right}
.field-list .item-image img{display:block;width:100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.field-list .item-desc{width:45%;padding-top:50px;overflow:hidden;float:left}
.field-list .item-desc h3{display:block;font-size:22px;font-weight:normal;margin-bottom:7px;}
.field-list .item-desc i{display:block;width:10px;height:1px;background:#c4c4c4;margin-bottom:10px;}
.field-list .item-desc .text{font-size:16px;line-height:30px;}
.field-list li:nth-child(2n) .item-image{float:left}
.field-list li:nth-child(2n) .item-desc{float:right}
.field-list li:hover .item-desc h3{color:#b6131f;}
.field-list li:hover .item-desc i{width:60px;background:#b6131f}
.field-list li:hover .item-image img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.prize-form{width:90%;height:57px;margin:0 auto 80px}
.prize-form p{display:block;height:57px;float:left;width:20%;text-align:center;}
.prize-form a{display:block;margin:0px 10%;line-height:57px;border-radius:29px;-webkit-border-radius:29px;-moz-border-radius:29px;background:#e6e6e6;cursor:pointer}
.prize-form p.active a{background:#e60012;color:#FFF}
.prize-form.party { text-align: center; }
.prize-form.party p { display: inline-block; float: none; }
.prize-list{min-height:50px;}
.prize-list .line-bar{width:100%;height:1px;border-bottom:1px dashed #c4c4c4;position:absolute;left:0px;top:50%;margin-top:24px}
#listBox{height:100px;padding:240px 0px 190px;}
#listBox .swiper-slide{float:left;position:relative;height:100%;width:auto}
#listBox .title-box{width:290px;margin:0 20px;height:100%;position:relative}
#listBox .dot-box{width:14px;height:14px;position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-7px;}
#listBox .dot-box p{display:block;width:100%;height:100%;position:relative;z-index:10;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;background:#de002b;}
#listBox .dot-box i{display:block;width:12px;height:12px;position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-7px;background:rgba(222,0,43,0.15);border:1px solid #cc1725;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;}
#listBox .t-title{width:100%;text-align:center;position:absolute;bottom:0px;left:0px;font-size:16px;height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#listBox .pictrue{position:absolute;bottom:120px;left:50%;width:323px;height:223px;margin-left:-162px;visibility:hidden;opacity:0;transform:scale(0.5);-webkit-transform:scale(0.5);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
#listBox .swiper-slide:nth-child(2n) .t-title{bottom:75px}
#listBox .swiper-slide-show .pictrue{visibility:visible;opacity:1;transform:scale(1);-webkit-transform:scale(1);}
#listBox .swiper-slide-show .dot-box i{width:32px;height:32px;margin-top:-17px;margin-left:-17px;}
.prize-list .btn{width:60px;height:60px;position:absolute;top:50%;margin-top:-5px;z-index:888;cursor:pointer;opacity:0.65;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.prize-list .btn i{display:block;width:100%;height:100%}
.prize-list .btn-prev{left:-70px;}
.prize-list .btn-next{right:-70px;}
.prize-list .btn:hover{opacity:1}
/* Social */
.strong{width:100%;overflow:hidden;}
.strong ul{width:100%;}
.strong li{display:block;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;margin-top:-1px;height:216px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.strong li a{display:block;padding:20px 25px;height:175px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.strong .img-box{width:274px;height:175px;position:relative;float:left;overflow:hidden} 
.strong .img-box p{display:block;width:100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.strong .infor{margin-left:320px;padding:15px 0px;}
.strong .infor h2{display:block;font-weight:normal;margin-bottom:15px;}
.strong .text{line-height:28px;height:56px;overflow:hidden;-webkit-line-clamp:2;margin-bottom:15px}
.strong li:hover{background:#FFF} 
.strong li:hover a{padding:20px 20px;}
.strong li:hover .img-box p{visibility:visible;opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);}
.strong li:hover h2{color:#ba251d}
/* hr */
.hr-work{background:url(../images/wall2.jpg) no-repeat center top #e7e7e7;}
.concept,.talent,.job-desc{position:relative;padding-bottom:40px;}
.concept .item{width:100%;position:relative;background:#FFF;margin-bottom:40px}
.concept .item-img{width:45%;overflow:hidden;position:relative}
.concept .item-img img{display:block;width:100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.concept .item-img::before{content:"";display:block;width:200px;height:100%;position:absolute;left:-150%;top:0px;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);transform:skewX(-25deg);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)}
.concept .item-infor{width:54%;}
.concept .content{padding:50px 80px 40px;position:relative;z-index:100;}
.concept .content h3{display:block;font-size:22px;margin-bottom:15px;}
.concept .content i{display:block;width:40px;height:1px;background:#c9000f;margin-bottom:40px;}
.concept .content .text{width:90%;line-height:26px;color:#666}
.concept .num{height:180px;line-height:180px;font-size:200px;color:#f7f7f7;position:absolute;top:50%;margin-top:-90px;}
.concept .even .item-img,.concept .odd .item-infor{float:left}
.concept .even .item-infor,.concept .odd .item-img{float:right}
.concept .even .num{right:50px;}
.concept .odd .num{left:50px;}
.concept .item:hover{box-shadow:0px 0px 15px rgba(0,0,0,0.25)}
.concept .item:hover .item-img::before{left:150%;}
.concept .item:hover .item-img img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.talent .pop-layer{width:100%;height:100%;position:absolute;top:0px;left:0px;}
.talent .pop-layer .text{margin:0 auto;width:80%;padding-top:50px;font-size:16px;text-align:center}
.job-desc{margin-bottom:50px;}
.job-desc .desc-word{width:60%;height:75%;position:absolute;right:48px;top:9%;background:rgba(255,255,255,0.86);transition:all 0.5s ease-out;}
.job-desc .word{padding:40px 50px;color:#666;font-size:15px}
.job-desc:hover .desc-word{background:rgba(255,255,255,1);box-shadow:0px 0px 10px rgba(50,50,50,0.36)}
.hr-contact{border-bottom:1px solid #b3b3b3;padding-bottom:40px;margin-bottom:40px;}
.hr-contact .hr-grid{width:33.33%;float:left;text-align:center;}
.hr-contact .icon-bar-box{width:82px;height:82px;position:relative;margin:0 auto 30px;}
.hr-contact .icon-bar-box span{display:block;width:80px;height:80px;position:absolute;top:0px;left:0px;border:1px solid #575757;border-radius:50%;-webkit-border-radius:50%;}
.hr-contact .icon-bar-box em{display:block;width:100%;height:100%;position:relative;z-index:10;}
.hr-contact .icon-adder em{background:url(../images/hr-icon1-1.png) no-repeat center;}
.hr-contact .icon-ren em{background:url(../images/hr-icon2-1.png) no-repeat center;}
.hr-contact .icon-tel em{background:url(../images/hr-icon3-1.png) no-repeat center;}
.hr-contact .hr-grid p{display:block;font-size:16px;margin:0 10%;}
.hr-contact .hr-grid:hover .icon-bar-box span{animation:roud 5s linear infinite;border-color:#e60012}
.hr-contact .hr-grid:hover .icon-adder em{background:url(../images/hr-icon1-2.png) no-repeat center}
.hr-contact .hr-grid:hover .icon-ren em{background:url(../images/hr-icon2-2.png) no-repeat center}
.hr-contact .hr-grid:hover .icon-tel em{background:url(../images/hr-icon3-2.png) no-repeat center}
.work-text{width:53%;font-size:16px;padding-bottom:60px}
/* relation */
.relation{background:#fcfcfc;padding-bottom:0px !important}
.relation .h1-title{font-size:26px;margin-bottom:20px}
.relation .h1-title a:hover{color:#b6131f}
.relation .relat{padding-bottom:80px;position:relative}
.relation .pictrue{float:right;width:43%;margin-left:40px;margin-bottom:20px;}
.relation .text{font-size:15px;color:#666;}
.relation .second{padding:60px 0px 80px;background:url(../images/wall.png) no-repeat center top #e7e7e7;}
.relation .layer-text img{display:block;float:right;width:40.19%;margin-left:40px;}
.relation .layer-picture{width:40.19%;float:right;position:relative;margin-left:30px}
.relation .layer-picture p{display:block;overflow:hidden;position:relative;z-index:10;padding-right:57px;}
.relation .layer-picture p::before{content:"";display:block;width:200px;height:100%;position:absolute;left:-150%;top:0px;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);transform:skewX(-25deg);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)}
.relation .layer-picture span{display:none;width:100%;height:330px;background:#982b28;position:absolute;left:0px;bottom:-10px}
.relation .layer-picture:hover p::before{left:150%;}
.relation .layer-picture:hover span{opacity:0.75;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
/* conact */
.contact-map{width:100%;position:relative;margin-bottom:80px;}
.contact .mapbar{width:61%;padding-left:39%;position:relative;height:512px}
.contact .mapbar a{display:block;overflow:hidden;width:100%}
.contact .contactbar{position:absolute;top:0px;left:0px;width:39%;height:100%;background:#FFF}
.contact .content{padding:50px 55px;}
.contact .infor{margin-bottom:60px}
.contact .infor p{display:block;position:relative;margin-bottom:10px;line-height:30px;padding-left:30px}
.contact .infor span{display:block;width:30px;height:30px;position:absolute;top:0px;left:0px;vertical-align:middle;line-height:30px;}
.contact .infor img{vertical-align:middle}
.contact .codes{width:100%}
.contact .codes p{display:block;margin-left:0px;float:left;width:49%;text-align:center}
.contact .codes em{display:block;width:162px;border:1px solid #a5a6a5;margin:0 auto 15px}
.contact .codes img{vertical-align:middle}
.contact .codes span{display:block;width:136px;height:35px;line-height:35px;text-align:center;margin:0 auto;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;background:#f5f5f5}
.contact .codes p:hover span{background:#f2f2f2}
/* pagaing */
.pagaingbox{text-align:center;padding:15px 0px;}
.pagaing{position:relative;display:inline-block;padding:0px 130px}
.pagaing::before,.pagaing::after{content:"";display:block;width:80px;height:2px;position:absolute;top:50%;margin-top:-1px;background:#979797}
.pagaing::before{left:0px;}
.pagaing::after{right:0px;}
.pagaing a{display:inline;line-height:26px;border:1px solid transparent;padding:1px 7px;font-size:1.6rem;margin:0 5px;color:#666}
.pagaing a.current,.pagaing a:hover{border:1px solid #666;color:#333}
.bother{width:100%;height:80px;clear:both}
/* popup */
.popup{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;visibility:hidden;opacity:0}
.popup .popup-wall{width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity = 50);}
.popup .popup-content{width:76%;height:77%;position:absolute;top:14%;left:12%;background:#FFF;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);}
.popup .btn-close{width:60px;height:60px;position:absolute;top:-40px;right:-80px;cursor:pointer}
.popup .btn-close i{display:block;width:100%;height:100%;background:url(../images/w-close.png) no-repeat;}
.popup .btn-close:hover i{background:url(../images/red-close.png) no-repeat;transform:rotate(360deg)}
.popup .main-content{width:100%;height:100%;position:relative;}
#busine-popup.showPopup{visibility:visible;opacity:1}
#busine-popup.showPopup .popup-content{transform:none;-webkit-transform:none;-moz-transform:none;}
.site-map .page-title{padding-top:30px;margin-bottom:30px}
.site-map .wrapper{width:70%;margin:0 auto;padding-bottom:50px}
.site-map .webmap{border:1px solid #EDEDED;border-bottom:none;background:#FDFDFD}
.site-map .webmap dl{border-bottom:1px solid #EDEDED;padding:20px 20px;overflow:hidden}
.site-map .webmap dt{float:left;display:block;width:100px;text-align:center;}
.site-map .webmap dt a{font-size:18px;color:#004898;line-height:35px;}
.site-map .webmap dd{display:block;margin-left:110px;min-height:30px}
.site-map .webmap dd p{display:block;float:left;margin-right:10px;min-width:105px}
.site-map .webmap dd a{display:block;line-height:35px;padding:0 15px;background:#F4F4F4;text-align:center}
.site-map .webmap dd a:hover{background:#004898;color:#FFF}
.red{color:#c12829}
@keyframes roud{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media only screen and (max-width:1680px) {   
    #Header .nav li{padding:0 6px}
    .news-layer .tab-nav em { margin: 15px 8px; }
}
@media only screen and (max-width:1600px) {  
    .wrapper{width:82%}
    #Header .wrap{margin:0 0 0 4%}
    #Header .logo a{padding-top:0px;line-height:99px}
    #Header .logo img{height:85px}
    #Header .nav{margin-right:100px}
    #Header .nav li{padding:0 4px}   
    #Header .nav li a{font-size:17px}
    #Header .nav .submenu a{font-size:14px}
    #Header .langen{padding:0px 0px}
    #Header .langen a{font-size:14px;} 
    #Footer{padding:40px 0px 15px}
    .pagination span, .pagination a{margin:0px 6px !important}
    .news-layer .tab-nav em { margin: 15px 6px; }
}
@media only screen and (max-width:1445px) { 
    .wrapper{width:84%} 
    #Header,.perch{height:85px;}
    #Header .logo a{line-height:83px;padding-top:0px}
    #Header .logo img{height:75px}
    #Header .nav{margin-right:95px} 
    #Header .nav li{padding:0px 4px}
    #Header .nav li a{font-size:16px;line-height:85px}
    #Header .nav .submenu,#Header .nav .black,#Header .nav li:hover .submenu, #Header .nav li:hover .black{top:85px}
    .about-profile .text{font-size:14px}
    .pagination span, .pagination a{margin:0px 6px !important}
    .news-layer .tab-nav em { margin: 15px 6px; }
}
@media only screen and (max-width:1366px) {
    .text{font-size:14px}
    #Header,.perch{height:70px;}
    #Header .logo a{line-height:70px}
    #Header .logo img{height:63px}
    #Header .nav li{padding:0 4px}
    #Header .nav li a{line-height:70px;font-size:15px}
    #Header .nav .submenu,#Header .nav .black,#Header .nav li:hover .submenu, #Header .nav li:hover .black{top:70px}
    #Footer{padding:40px 0px 10px}
    #Footer .nav dd a,#Footer ul.grid li a,#Footer .grid span, #Footer .grid a{font-size:12px}
    #Footer ul.grid{margin-bottom:0px}
    .page-title{padding-top:30px;margin-bottom:30px}
    .about-profile{padding-bottom:10px;margin-top:30px}
    .about-profile .stock{font-size:30px;margin-bottom:20px}
    .team-level ul{margin:0px -20px}
    .team-level .grid{margin:0px 20px}
    .team-level .text,.team-level li:hover .text{margin-left:120px}
    .news-layer .tab-nav em { margin: 15px 6px; }
}
@media only screen and (max-width:1152px) {
    #Header,.perch{height:110px;}
    #Header .logo{position:absolute;top:0px;left:0px;height:65px}
    #Header .logo a{line-height:60px;padding-top:0px}
    #Header .logo img{height:70px}
    #Header .menu{width:100%;float:none;padding-top:70px;height:40px}
    #Header .nav{margin-right:0px;width:100%} 
    #Header .nav ul{height:100%}
    #Header .nav li{padding:0px 0px;width:9.09%}
    #Header .nav li a{height:100%;font-size:16px;line-height:40px;text-align:center}
    #Header .nav .submenu p{margin:0px 5px}
    #Header .nav .submenu a{font-size:14px;}
    #Header .nav .submenu,#Header .nav li:hover .submenu{top:40px}
    #Header .nav .black,#Header .nav li:hover .black{top:110px}
    #Header .lang{top:35%;}
}
/* animation */
.ani{opacity:0;filter:alpha(opacity = 0);visibility:hidden;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;}
.ani-up{transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);}
.ani-down{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);}
.ani-left{transform:translateX(-100px);-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);}
.ani-right{transform:translateX(100px);-webkit-transform:translateX(100px);-moz-transform:translateX(100px);}

@keyframes bigIn {
    0%{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);opacity:0.8}
    100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1}
}
@-webkit-keyframes bigIn {
    0%{transform:scale(1.15);-webkit-transform:scale(1.15);opacity:0.8}
    100%{transform:scale(1);-webkit-transform:scale(1);opacity:1}
}
@keyframes zoomIn {
    0%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
    100%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
}
@-webkit-keyframes zoomIn {
    0%{opacity:1;transform:scale(1);-webkit-transform:scale(1);}
    100%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@keyframes bigSmall {
    0%{transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);}
    50%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
    100%{transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);}
}
@-webkit-keyframes bigSmall {
    0%{transform:scale(0.9);-webkit-transform:scale(0.9);}
    50%{transform:scale(1);-webkit-transform:scale(1);}
    100%{transform:scale(0.9);-webkit-transform:scale(0.9);}
}
@keyframes fadeInUp {
    0%{opacity:0;transform:translate(0px,60px);-webkit-transform:translate(0px,60px);-moz-transform:translate(0px,60px);}
    100%{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;}
}
@-webkit-keyframes fadeInUp {
    0%{opacity:0;transform:translate(0px,60px);-webkit-transform:translate(0px,70px);}
    100%{opacity:1;transform:none;-webkit-transform:none;}
}
@keyframes fadeInDown {
    0%{opacity:0;transform:translate(0px,-60px);-webkit-transform:translate(0px,-60px);-moz-transform:translate(0px,-60px);}
    100%{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;}
}
@-webkit-keyframes fadeInDown {
    0%{opacity:0;transform:translate(0px,-60px);-webkit-transform:translate(0px,-60px);}
    100%{opacity:1;transform:none;-webkit-transform:none;}
}
@keyframes fadeInLeft {
    0%{opacity:0;transform:translate(-50px,0px);-webkit-transform:translate(-50px,0px);-moz-transform:translate(-50px,0px);}
    100%{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;}
}
@-webkit-keyframes fadeInLeft {
    0%{opacity:0;transform:translate(-50px,0px);-webkit-transform:translate(-50px,0px);}
    100%{opacity:1;transform:none;-webkit-transform:none;}
}
@keyframes fadeInRight {
    0%{opacity:0;transform:translate(50px,0px);-webkit-transform:translate(50px,0px);-moz-transform:translate(50px,0px);}
    100%{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;}
}
@-webkit-keyframes fadeInRight {
    0%{opacity:0;transform:translate(50px,0px);-webkit-transform:translate(50px,0px);}
    100%{opacity:1;transform:none;-webkit-transform:none;}
}
.anime{animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;opacity:0;}
.fadeInUp{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
.fadeInLeft{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
.fadeInRight{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
.anime-up,.profiler{animation:fadeInUp 0.5s ease-out both;-webkit-animation:fadeInUp 0.5s ease-out both}
.anime-left{animation:fadeInLeft 0.5s ease-out both;-webkit-animation:fadeInLeft 0.5s ease-out both}
.anime-right{animation:fadeInRight 0.5s ease-out both;-webkit-animation:fadeInRight 0.5s ease-out both}
.delay1{animation-delay:0.4s;-webkit-animation-delay:0.4s}
.delay2{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay3{animation-delay:0.6s;-webkit-animation-delay:0.6s} 
.level.linkbar{position:relative;overflow:hidden;}
.ban_block{position:relative;width:100%;overflow:hidden;}
.Inn_teBl h1,.Inn_teBl h2,.Inn_teBl h3,.Inn_teBl h4,.Inn_teBl h5,.Inn_teBl h6{padding:15px 0;}

.me_conBlock { position: relative; width: 100%; padding-top: 20px; }
.me_img1 { position: relative; float: right; }
.me_img2 { padding-top: 30px; position: absolute; width: 50%; }
.me_img3 { position: absolute; bottom: -9px; left: 0px; }
.me_conBlock:after { content: ""; display: block; clear: both; }
.me_teBl { position: absolute; left: 30%; bottom: 12%; width: 380px; }
.me_name { font-size: 20px; margin-bottom: 20px; }
.me_name span { color: #999; margin-left: 20px; }
.me_te { line-height: 1.8em; }
.me_block { position: relative; width: 100%; padding: 60px 0 20px 0; }
.me_block:before { content: ""; display: block; position: absolute; top: 0; left: -15%; width: 130%; height: 100%; background: #fff; padding-bottom: 50px; }
.me_tiBl { position: relative; z-index: 90; font-size: 20px; width: 25%; text-transform: uppercase; float: left; }
.me_t2 { text-transform: uppercase; color: #1d4b97; }
.me_t1 { margin-bottom: 10px; }
.me_text { position: relative; width: 68%; float: right; z-index: 90; text-align: justify; }
.me_block:after { content: ""; display: block; clear: both; }
.me_hidden {overflow:hidden;}

.cul_ul { position: relative; margin-top: 50px; width: 102%; padding-bottom: 50px; }

.cul_li { display: block; position: relative; width: 18%; float: left; margin-right: 2%; margin-bottom: 20px; }

.cul_ul:after { content: ""; display: block; clear: both; }

.cul_li h2 { text-align: center; font-size: 16px; margin-top: 6px; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; padding: 10px 0; }

.cul_li img { display: block; }

.cul_hide { position: relative; width: 0; height: 0; overflow: hidden; }

.special a.news_liBl { min-height: auto; display: flex; }
.special .news_imgBl { position: relative; float: none; left: 0; top: 0; }
.special .news_liTe { flex: 1; padding-left: 10px; display: flex; align-items: center; }
.special a.news_liBl:after { bottom: 20px; }