@charset "UTF-8";a,a:active{outline:0}
body,html{font-family:Helvetica,"microsoft yahei";font-size:10px; width:100%; height:100% }
body{overflow-x:hidden;-webkit-overflow-scrolling:touch; -webkit-transition: all .3s ease .2s; transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; position: relative; right: 0px;}
abbr,article,aside,blockquote,body,button,command,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,input,li,mark,meter,nav,ol,output,p,pre,progress,section,summary,time,ul{margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
address,caption,cite,code,em,figcaption,h1,h2,h3,h4,h5,h6,pre,strong,th{font-weight:400;font-style:normal}
dd,dl,dt,li,ul{list-style:none}
fieldset,iframe,img{border:0}
table{border-collapse:collapse;border-spacing:0}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,video{display:block}
a{text-decoration:none;color:#333}
input,select{outline:0;border:0;font-family:Helvetica,"microsoft yahei";}
button,textarea{font-family:Helvetica,"microsoft yahei";}
input[type=text]{background-position-y:-1px}
address,cite,em,i,var{font-style:normal}
*{-webkit-tap-highlight-color:rgba(255,0,0,0)}
b,strong{font-weight:700}

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.clearit{display:block;clear:both;visibility:hidden;height:0}

section, .whitebg {background-color: #fff;}
@media screen and (max-device-width:320px){
	body{-webkit-text-size-adjust:none}
}
@media screen and (max-device-width:480px){
	body{-webkit-text-size-adjust:none}
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
	body{-webkit-text-size-adjust:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	body{-webkit-text-size-adjust:none}
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

@font-face {
  font-family: 'iconfont';  /* project id 410579 */
  src: url('http://at.alicdn.com/t/font_410579_67rg7md0h18.eot');
  src: url('http:http://at.alicdn.com/t/font_410579_67rg7md0h18.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_410579_67rg7md0h18.woff') format('woff'),
  url('http://at.alicdn.com/t/font_410579_67rg7md0h18.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_410579_67rg7md0h18.svg#iconfont') format('svg');
}


 @font-face{
	font-family: 'dincond-medium-webfont';
	src: url('/Public/css/font/dincond-medium-webfont.eot');
	src: url('/Public/css/font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), 
	url('/Public/css/font/dincond-medium-webfont.woff2') format('woff2'), 
	url('/Public/css/font/dincond-medium-webfont.woff') format('woff'), 
	url('/Public/css/font/dincond-medium-webfont.ttf') format('truetype'), 
	url('/Public/css/font/dincond-medium-webfont.svg') format('svg');
}     
             
.iconfont{font-family:"iconfont";font-size:1.4rem;font-style:normal;} 	


.body-bg {display: none;position: fixed;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0;filter: alpha(opacity=0);cursor: url(/Public/m/images/close-icon.ico) 16 16, default;z-index: 800;}

#goTop{width: 49px;height: 49px;position: fixed;bottom: 25px;right: 25px;border-radius: 5px;background:rgba(0,0,0,0.4);z-index: 999;transform: translateY(30px);-webkit-transform: translateY(30px);opacity: 0;display: none\9;}
#goTop.show{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;display: block\9;}
#goTop .ico{background-image: url(/Public/m/images/rr-top.png);animation: arrow-up 2s linear infinite running;-webkit-animation: arrow-up 2s linear infinite running;width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; transition: 300ms; -webkit-transition: 300ms; position: relative;}
#goTop.hide{display: none !important;}

@keyframes arrow-up{0%{transform: translateY(0); -webkit-transform: translateY(0);} 25%{transform: translateY(3px); -webkit-transform: translateY(3px);} 50%{transform: translateY(0); -webkit-transform: translateY(0);} 75%{transform: translateY(-3px); -webkit-transform: translateY(-3px);} 100%{transform: translateY(0); -webkit-transform: translateY(0);}}
@-webkit-keyframes arrow-up{0%{transform: translateY(0); -webkit-transform: translateY(0);} 25%{transform: translateY(3px); -webkit-transform: translateY(3px);} 50%{transform: translateY(0); -webkit-transform: translateY(0);} 75%{transform: translateY(-3px); -webkit-transform: translateY(-3px);} 100%{transform: translateY(0); -webkit-transform: translateY(0);}}

#pages{ text-align:center; padding-top:15px; height:85px; font-size:1.4rem; line-height:1.4 !important}
#pages a{ display:inline-block; padding:7px 12px; background-color:#fff; color:#aaa; margin:0 1px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; border:1px #ddd solid;border-radius:3px; font-family:Arial, Helvetica, sans-serif}
#pages a:hover{ background-color:#746969; border-color:#746969; color:#fff}
#pages a.active{ background-color:#006db8;border-color:#006db8; color:#fff}
#pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px;}

/*header*/

.header{height: 60px;position:relative; z-index:999;background-color:#fff; }
.header .logo{display: block;background: transparent url(../../images/logo.png) center 0px no-repeat;background-size: auto 45px;width: 244px;  height:45px;float:left; margin-top:9px; margin-left:10px;}
.header .logo a{ display:block; height:45px;}
.header .nav-icon{ float:right; height:60px;border-left: 1px solid #f0f0f0;background-color:#eee}
.header .lag-icon{float:right; height:60px;border-left: 1px solid #f0f0f0;}
.header .lag-icon a{ display:block; line-height:60px;width:50px;text-align:center;font-size:1.7rem;color:#999}

@media (max-width:400px){
	.header .logo{background-size: auto 41px;width: 223px;  height:41px; margin-top:11px}
	.header .logo a{ display:block; height:41px;}
}

.menu-handler{position:relative; z-index:11; float:right; width:60px; height:60px; padding:15px 15px 5px 15px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.menu-handler span{position:absolute; top:50%; left:15px; width:30px; height:2px; margin:auto; background:#999; border-radius:1px; transition:0.3s;}
.menu-handler span:before, .menu-handler span:after{content:''; display:block; position:absolute; left:0; width:30px; height:2px; background:#999; border-radius:1px; transition:0.3s, 0.3s;  transition-property: top, transform; transition-delay:0.3s, 0;}
.menu-handler span:before{top:-8px;}
.menu-handler span:after{top:8px;}
.nav-icon.active .menu-handler span{background:transparent;}
.nav-icon.active .menu-handler span:before{-webkit-transform:rotate(45deg); top:0;}
.nav-icon.active .menu-handler span:after{-webkit-transform:rotate(-45deg); top:0;}
.nav-icon.active .menu-handler span:before, .nav-icon.active .menu-handler span:after{transition-delay:0, 0.3s;}


#nav{ display:none;  position:absolute; top:100%; left:0; width:100%; background:#fff; box-shadow: 0 6px 6px 1px rgba(0,0,0,0.4); }
#nav ul{padding-bottom:80px; position:relative}
#nav ul li{border-bottom:1px solid #eee; line-height:50px; font-size:16px; text-indent:10px;opacity: 0;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);transition: -webkit-transform 800ms cubic-bezier(.19,1,.22,1) 400ms,opacity 600ms cubic-bezier(.19,1,.22,1) 0ms;transition: transform 800ms cubic-bezier(.19,1,.22,1) 400ms,opacity 600ms cubic-bezier(.19,1,.22,1) 0ms;}
#nav ul li span{display:block; height:50px; color:#333; position:relative}
#nav ul li span a{ color:#333}
#nav ul li span b:before{position: absolute; content: ''; display: block; width: 1px; height: 9px; background-color: #aaa; top: 20px; right: 34px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}
#nav ul li span b:after{position: absolute; content: ''; display: block; width: 9px; height: 1px; background-color: #aaa; top: 24px; right: 30px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}
#nav ul li span.show-div b:before{ -webkit-transform: rotate(45deg) scale(1.1); transform: rotate(45deg) scale(1.1);}
#nav ul li span.show-div b:after{ -webkit-transform: rotate(45deg) scale(1.1); transform: rotate(45deg) scale(1.1);}
#nav ul li div{display:none; text-indent:30px;}
#nav ul li dl{position:relative; line-height:44px}
#nav ul li dl:after{content:''; position:absolute; bottom:0; left:8%; width:84%; height:1px; background:#eee;}
#nav ul li dl:last-child{height:55px}
#nav ul li dl:last-child:after{ display:none}
#nav ul li dl dt{height:44px; color:#008cd6;}
#nav ul li dl dt a{ color:#008cd6}
#nav ul li dl dd{display:none; text-indent:50px;}

#nav ul li a{display:block; height:50px; color:#999;}
#nav ul li > a{color:#333;}
#nav ul li div > a{color:#008cd6;}

#nav.hover{ }
#nav.hover ul li{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#nav.hover ul li:nth-child(0) {transition-delay: 100ms;}
#nav.hover ul li:nth-child(1) {transition-delay: 200ms;}
#nav.hover ul li:nth-child(2) {transition-delay: 300ms;}
#nav.hover ul li:nth-child(3) {transition-delay: 400ms;}
#nav.hover ul li:nth-child(4) {transition-delay: 500ms;}
#nav.hover ul li:nth-child(5) {transition-delay: 600ms;}
#nav.hover ul li:nth-child(6) {transition-delay: 700ms;}
#nav.hover ul li:nth-child(7) {transition-delay: 800ms;}
#nav.hover ul li:nth-child(8) {transition-delay: 900ms;}
#nav.hover ul li:nth-child(9) {transition-delay: 900ms;}



/*home*/
.index-banner{background-color:#f2f2f2;}
.index-banner .swiper-slide{ width:100%;height:26rem; background-position:center center; background-repeat:no-repeat; background-size:cover}
.index-banner .image{ background-color:#000; position:absolute;left:0;top:0;width:100%;height:100%; opacity:0}
.index-banner .text{ color:#fff;line-height:18rem; position:absolute;left:10%;top:0; z-index:2;width:100%;font-size:2.3rem;font-weight:600;letter-spacing:2px;text-shadow:0px 3px 8px rgba(0,0,0,0.45)}
.index-banner .text2{ color:#fff;line-height:23rem; position:absolute;left:10%;top:0; z-index:2;width:100%;font-size:1.4rem;text-shadow:0px 3px 8px rgba(0,0,0,0.45);font-family:"dincond-medium-webfont";}

#adSwiper img{ width:100%}
.index-banner .swiper-pagination{bottom:90px !important}


.index-invest .info{/*background:url(/Public/m/images/stockBg.jpg) no-repeat right bottom #f4f4f4;*/background-color:rgba(40,40,40,0.85);position:relative;margin-top:-7rem;height:7rem;z-index:100; background-size:auto 100%;padding:1.4rem 4%}
.index-invest .num{ line-height:4.5rem;  overflow:hidden; color:#fd343b;float:left;}
.index-invest .num strong{ position:relative;font-size:4.5rem;font-family:"dincond-medium-webfont"; font-weight:500; float:left; margin-left:6px;display:none}
.index-invest .num strong.downtxt{ color:#78c737}
.index-invest .num i{ float:left; font-size:14px; position:relative;top:0px;display:none}
.index-invest .num i.down{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); color:#78c737}
.index-invest .title{ color:#fff; float:left; padding-left:4%;font-size:1.5rem; overflow:hidden }
.index-invest .title strong{ display:block; font-size:1.6rem; font-weight:400; color:#638bd1; }
.index-invest .notice .bd{ height:1.6rem; overflow:hidden}
.index-invest .notice .bd ul{  line-height:1.6rem; overflow:hidden; height:1.6rem;font-size:1.5rem}
.index-invest .notice .bd ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-invest .notice .bd ul li span{ color:#aaa}
.index-invest .notice .bd ul li a{ margin-left:0.7rem;}
.index-invest .notice .bd ul li a:hover{ color:#008bd0}
.index-invest .notice{padding:5% 4%;}


.home-nav{background-color:#fff; padding:0 4%}
.home-nav .item{ width:25%; float:left;}
.home-nav .item a{ display:block; text-align:center;  font-size:1.4rem; color:#888; padding:2.5rem 0; }
.home-nav .item a em{ position:relative; background-color:#1653ba; width:7rem; height:7rem; border-radius:50%; color:#fff; display:inline-block; overflow:hidden; margin-bottom:3px; }
.home-nav .item a i{ display:block; font-size:3rem; line-height:7rem;  position:relative }
.home-nav .item a span{ display:block;}

.home-news{margin-top:0rem}
.home-news h2{background-color:#f2f2f2;}
.home-news h2 a{display:block;width:33.3333%;border-right:1px #e5e5e5 solid;color:#888;border-bottom:1px #e5e5e5 solid;text-align:center;line-height:5.5rem;font-size:1.7rem;text-align:center;float:left;border-top:4px #f2f2f2 solid}
.home-news h2 a.current{background-color:#fff;border-top:4px #ee4433 solid;color:#333;border-bottom:1px #fff solid}

.index-news-content{padding:4% 4%}
.index-news-content h3{font-size:1.8rem;line-height:1.4;}
.index-news-content p{line-height:1.6;margin-top:1rem;color:#aaa;font-size:1.5rem}
.index-news-content a.more{display:block;line-height:5.5rem;border:1px #ee4433 solid;text-align:center;color:#ee4433;margin-top:2rem;font-size:1.6rem}

.home-title{position:relative;height:50px;padding:16px;background:#f2f2f2;font-size:1.8rem;color:#333;line-height:20px}
.home-title::before{content:"";display:inline-block;width:5px;height:16px;margin-right:6px;background:#006db8;vertical-align:-2px}
.home-title a{position:absolute;top:0;right:8px;height:100%;padding:0 8px;font-size:1.4rem;color:#999;line-height:54px}


.home-link{ padding:3% 1.5%; background-color:#f2f2f2}
.home-link a{ display:block; width:47%; float:left; margin:0 1.5%}
.home-link a  img{ width:100%}


.home-about{background:url(/Public/m/images/index-about-pic.jpg) no-repeat center top #f2f2f2;padding:10rem 3% 0; background-size:100% auto}
.home-about .box{background-color:#fff;padding:5%}
.home-about .box h2{ font-size:1.8rem;text-align:center; color:#008bd0;}
.home-about .box p{line-height:1.6;margin-top:1rem;color:#777;font-size:1.6rem}
.home-about .box a.more{display:block;line-height:5.5rem;background-color:#eee;text-align:center;color:#008bd0;margin-top:2rem;font-size:1.6rem}


.lazy-img { background: url(/Public/m/images/loading.gif) center no-repeat #e9e9e9;background-size: 20px 20px;width: 100%;height: 100%; min-height:90px;vertical-align: middle;}


.search-form{ background-color:#f2f2f2; padding:6px 10px 8px; position:relative; overflow:hidden}
.search-form input{ border:0; width:100%; padding:9px 10px; font-size:1.3rem}
.search-form button{ border:0; position:absolute; right:10px;top:6px; width:34px; height:34px; color:#aaa; background:none}
.search-form button i{ font-size:2rem}


/*footer*/
.footer{line-height: 2; font-size:1.4rem; }
.footer .goTop{display: block; height: 55px; background: #c2c4c6 url(../images/gotop.png) no-repeat center center; background-size: 27px 16px; border-radius: 0; border: none;  margin: 0;}
.footer .footer-menu{ }
.footer .footer-menu dl+dl { border-top: 1px solid #eee;}
.footer .footer-menu dl dt { font-size: 1.6rem;height:45px;line-height:45px;padding-left:4%; position:relative}
.footer .footer-menu dl dt b:before{position: absolute; content: ''; display: block; width: 1px; height: 7px; background-color: #aaa; top: 19px; right: 33px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}
.footer .footer-menu dl dt b:after{position: absolute; content: ''; display: block; width: 7px; height: 1px; background-color: #aaa; top: 22px; right: 30px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}
.footer .footer-menu dl dt.show b:before{ -webkit-transform: rotate(45deg) scale(1.1); transform: rotate(45deg) scale(1.1);}
.footer .footer-menu dl dt.show b:after{ -webkit-transform: rotate(45deg) scale(1.1); transform: rotate(45deg) scale(1.1);}
.footer .footer-menu dl dd { color:#888; padding: 0 4%;display: none;}
.footer .footer-menu dl dt.show span{ background: url(/Public/m/images/m-fd-icn-hover.png) no-repeat;background-size: contain;}
.footer .footer-menu dl dd+dd a{ border-top: 1px solid #eee;}
.footer .footer-menu dl dd a{display: block;height:38px;line-height:38px; color:#888}
.footer .footer-menu dl dd a i{ margin-left:5px;}
.footer .footer-weixin{ background-color:#f2f2f2; padding:20px 30%}
.footer .footer-weixin .qr-code{ padding:5px; border:1px #ddd solid; position:relative}
.footer .footer-weixin img{ width:100%}
.footer .footer-weixin span{ display:inline-block; position:absolute; color:#aaa; background-color:#f2f2f2; line-height:30px; left:20%; right:20%;bottom:-15px; text-align:center; font-size:1.2rem}
.footer .copyright{ background-color:#e6e6e6; padding:15px 4% 30px}
.footer .copyright .link{ text-align:center; line-height:20px;}
.footer .copyright .link span{ color:#ccc; margin:0 10px;} 
.footer .copyright .link i{ line-height:20px; margin-right:5px; position:relative;top:1px; font-size:1.4rem;}
.footer .copyright .text{ font-size:1.2rem; color:#888; border-top:1px #ddd solid; padding-top:10px; margin-top:10px}
.footer .copyright .text img{ width:20px; position:absolute; margin-left:5px; }
.footer .copyright .text b{ color:#008cd6;font-weight:normal}



p.none{ text-align:center; min-height:400px; font-size:1.5rem; padding-top:20px; color:#aaa}

.page-banner{ width:100%; position:relative; height:12rem; overflow:hidden;} 
.page-banner .image-con{ overflow:hidden; height:100%; width:100%; position:relative;transition: all 1.5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);transform:scale(1.1);-webkit-transform:scale(1.1);}
.page-banner .image-con .image{ height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position: center top}
.page-banner .title-con{ position:absolute; left:10%;top:26%;  z-index:2; color:#fff}
.page-banner .title-con strong{ display:block;font-family:"dincond-medium-webfont"; text-transform:uppercase;letter-spacing:-1px;font-size:2rem; font-weight:100; margin-left: -30px;margin-left: 0 \9;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards; opacity: 0;opacity:1 \9;}
.page-banner .title-con span{ display:block; font-size:2.2rem;margin-left: 30px;margin-left: 0px \9; -webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards; opacity: 0;opacity:1 \9;}
.page-banner.hover .image-con{transform:scale(1);-webkit-transform:scale(1);opacity: 1 \9;}


@-webkit-keyframes cth1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}

@keyframes cth1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}

@-webkit-keyframes cth2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left:0px; opacity: 0.7; }
}

@keyframes cth2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left:0px; opacity: 0.7; }
}

.page-title{ background-color:#006db8; color:#fff; font-size:2rem; padding:1.5rem 4%; text-align:center}

.wrapper{ padding:4%}

.about-content .content{ padding:4% 4% 5%; line-height:1.9 !important; font-size:1.6rem !important; color:#5a5a5a;}
.about-content .content p{ margin:7px 0 !important;line-height:1.9 !important; font-size:1.6rem !important; }
.about-content .content span{ font-size:1.6rem !important}
.about-content .content img{ max-width:100%}
.about-content .content h2{ font-size:2rem; margin-bottom:10px; font-weight:bold}

.about-content .about-pic{ position:relative; margin-bottom:20px}
.about-content .about-pic img{ width:100%;}
.about-content .about-pic span{ position:absolute; left:0px;bottom:0px; line-height:40px;font-family:"dincond-mediumregular"; color:#ddd; font-size:26px !important}

.about-num{ background:#fff; background-size:cover; }
.about-num .item{ width:25%; float:left; padding-left:5%;}
.about-num .item strong{ display:block; }
.about-num .item strong b{color:#006db8;font-family:"dincond-medium-webfont";letter-spacing:-3px;font-size:4rem; }
.about-num .item strong span{ font-size:1.4rem; position:relative;top:-2px; font-weight:300;left:2px }
.about-num .item p{ font-size:1.2rem; color:#888}


.about-other{ padding:5% 4%; background-color:#f8f8f8;margin-top:3rem}
.about-other h2{ text-align:center; font-size:2rem; font-weight:normal}
.about-other .item{ margin-top:20px; }
.about-other .item a{ display:block;}
.about-other .item img{ width:100%;transition-duration: 0.4s;display:block}
.about-other .item .text{ border:1px #eee solid; background-color:#fff; padding:4%;transition-duration: 0.4s;line-height:3rem}
.about-other .item strong{ display:block;font-size:1.8rem; font-weight:normal;float:left;}
.about-other .item i{ float:right; color:#d9271b; font-size:1.4rem;  }
.about-other .item .pic{ width:100%; overflow:hidden}
.about-other .item:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.about-other .item:hover .text{box-shadow: 0px 5px 15px rgba(0,0,0,.08);}

.leader{padding:5% 4%; background-color:#f8f8f8;}
.leader .item{margin-bottom:2rem;background-color:#fff;border-radius:3px;overflow:hidden; box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.05); }
.leader .item .image{ text-align:center}
.leader .item .image img{ width:100%}
.leader .item .text{padding:1rem 0 1.5rem}
.leader .item .text h2{ text-align:center}
.leader .item .text h2 strong{ display:block; font-size:1.8rem; font-weight:400}
.leader .item .text h2 span{ display:block; color:#888;margin-top:0.5rem; font-weight:300; font-size:1.6rem;}


.history{}
.history  .history-top{  padding:4%; position:relative; background:url(/Public/images/history-bg.jpg) no-repeat #f4f4f4 right bottom; background-size:auto 50%}
.history  .history-top .wrapper{}
.history  .history-top strong{ font-size:2.4rem; font-weight:300}
.history  .history-top span{font-family:"dincond-mediumregular"; font-size:36px; display:block; color:#ddd}
.history .item{transition: all 0.3s; -webkit-transition: all 0.3s; padding:0 4% ;padding-left:100px; position:relative}
.history .item h2{ font-size:3rem;font-family:"dincond-mediumregular"; color:#006db8; position:absolute; left:4%;top:15px; }
.history .item h2 span{ font-family:"Microsoft Yahei"; font-size:1.6rem; position:relative;top:-1px}
.history .item ul li{ position:relative; padding:13px 0  10px 20px;border-left:2px #ddd solid;}
.history .item ul li h3{font-family:"dincond-mediumregular"; font-size:2rem; display:none }
.history .item ul li p{ line-height:1.6; color:#7a7a7a; font-size:1.3rem; }
.history .item ul li:after { content: ",,"; display: block; width:17px;height:17px; background:url(/Public/m/images/line-icon.png) no-repeat; position:absolute; left:-9px;top:16px; text-indent:-10000px}
.history .item ul li:first-child{ padding-top:23px}
.history .item ul li:first-child:after{top:27px} 
.history .item ul li:last-child{ padding-bottom:20px}
.history .item:hover{ background-color:#f1eff1}


.honor-content{ padding:4% 4% 5%; line-height:1.9 !important; font-size:1.6rem !important; color:#5a5a5a;}
.honor-content h2{font-size:2.2rem; color:#006db8;text-align:center}
.honor-content p{text-indent:2em; margin:7px 0 !important;line-height:1.9 !important; font-size:1.6rem !important; }
.honor-content span{ font-size:1.6rem !important}


.honor-list{ padding:4% 1.5%; background-color:#f2f2f2}
.honor-list .item{width:47%;float:left; margin:2% 1.5%; padding:10px;background-color:#fff;  box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.05);}
.honor-list .item .image{ position:relative; overflow:hidden; position:relative}
.honor-list .item .image img{ width:100%; }
.honor-list .item strong{ display:block; text-align:center; margin-top:1rem; font-weight:normal;line-height:2.2rem;height:6.6rem; font-size:1.4rem; }


.business-map{background-color:#006db8;text-align:center;padding:2rem 0}
.business-map img{width:50%}

.business-list{ padding:4%; background-color:#f2f2f2}
.business-list li{margin-bottom:20px;background-color:#fff;border-radius:3px;overflow:hidden;  box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.05);}
.business-list li .text{}
.business-list li h2{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size:1.6rem; font-weight:normal; line-height:55px; background-color:#fafafa; color:#333;  }
.business-list li .image{ width:100%;height:16rem;background-position:center center;background-size:cover; overflow:hidden;background-color:#fafafa;}
.business-list li h2 i{ margin-right:5px;font-weight:600;color:#006db8; display:inline-block; width:45px; height:55px;margin-right:10px;text-align:center; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15);}


.project-view{ padding-bottom:30px;}
.project-view .project-top{ padding:5%;text-align:center;background-color:#f2f2f2;}
.project-view h1{font-size:1.8rem;  font-weight:bold; line-height:1.3;color:#006db8;}
.project-view .content{ line-height:1.8 !important; font-size:1.8rem !important; padding:0 4%; margin-top:30px; color:#5a5a5a }
.project-view .content h2{ font-size:1.8rem; font-weight:normal; line-height:1.8rem; font-weight:bold; border-left:5px #006db8 solid; padding-left:10px; margin-bottom:20px}
.project-view .content p{ margin-bottom:10px !important;line-height:1.8 !important;font-size:1.6rem !important;}
.project-view .content span{ margin-bottom:15px;line-height:1.8 !important;font-size:1.6rem !important;}
.project-view .content h3{ margin:25px 0 10px !important; font-size:1.6rem !important;}
.project-view .content img{ width:100%; max-width:500px; height:inherit !important; margin:0 auto; display:block}

.news-list { padding:10px 4%;}
.news-list .item{ padding:15px 0; border-bottom:1px #f2f2f2 solid}
.news-list .item .text{ width:60%; float:left}
.news-list .item .text strong{ color:#444; font-size:1.8rem; font-weight:normal}
.news-list .item .text span{ display:block; margin-top:10px; color:#bbb; font-size:1.4rem; } 
.news-list .item .image{ width:35%; float:right}
.news-list .item .image img{ width:100%}
.news-list .item:last-child{ border:0}
.news-list li{border-bottom:1px #e2e2e2 solid; padding:15px 0; }
.news-list li:last-child{ border-bottom:0}
.news-list li a{ width:87%; float:left;font-size:1.6rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#444}
.news-list li span{ font-size:1.3rem; color:#bbb; float:right; width:14%; text-align:right; position:relative;top:6px}



.news-view{ background-color:#fff;border-top:2px #eee solid}
.news-view .news-top{ padding:4%; }
.news-view h1{font-size:2.2rem;  color:#444; padding-bottom:8px; line-height:1.3;}
.news-view h1 p{ font-size:1.6rem; color:#ff0000;  font-weight:normal; padding-top:10px; }
.news-view p.news-info{padding:5px 0px 0px; font-size:1.6rem;  color:#bbb}
.news-view p.news-info b{ color:#3b8fcf; font-weight:normal; margin-right:5px;}
.news-view .content{ line-height:2 !important; font-size:1.8rem !important; padding:5%; color:#5a5a5a }
.news-view .content p{ margin-bottom:10px !important;line-height:1.8 !important;font-size:1.6rem !important;}
.news-view .content span{ margin-bottom:15px;line-height:1.8 !important;font-size:1.6rem !important;}
.news-view .content h3{ margin:25px 0 10px !important; font-size:1.6rem !important;}
.news-view .content img{ width:100%; max-width:500px; height:inherit !important; margin:0 auto; display:block}
.news-view .other{ border-top:2px #f2f2f2 solid; font-size:1.6rem;  padding:5%}
.news-view .other .left{color:#777; }
.news-view .other .left p{height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 }
.news-view .other .left p a{ margin-left:3px;}
.news-view .other .right{float:right;color:#777}
.news-view .download{ border-top:1px #ddd solid; padding-top:20px; margin-top:15px;}
.news-view .download h2{ font-size:15px; color:#555; height:25px;}
.news-view .download p{ padding:5px 0px; background:url(/Public/images/file.gif) no-repeat 0 center; padding-left:20px; margin:0}
.news-view .download p a{ color:#746969; text-decoration:underline; font-size:14px;}
.news-view .download p a:hover{ text-decoration:none; color:#3ba0ff}

.news-view .slider-wrapper{ padding:0 4%;}
.news-view .swiper-container{ position:relative;}
.news-view .swiper-slide{overflow:hidden; text-align:center}
.news-view .swiper-slide img{max-width:100%; height:250px; margin:0 auto }
.news-view .swiper-slide .title{ margin-top:1rem; font-size:1.4rem; text-align:center; color:#888; padding:0 5%}
.news-view .swiper-pagination{width: 100%;bottom:auto !important;top:225px !important;}
.news-view .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 1px solid #fff;background-color: #fff;width: 10px;height: 10px;opacity:0.6;}
.news-view .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #fff;opacity:1;}

.news-view .qr-code{padding:0 4% 4%;}
.news-view .qr-code img{width:100%}

.bid-list{  padding:1rem 4%;}
.bid-list .item{  border-bottom:1px #f2f2f2 solid;}
.bid-list .item a{ display:block; position:relative;padding:1.3rem 0; }
.bid-list .date{ font-size:1.4rem; line-height:1.4rem; color:#bbb}
.bid-list .title{ display:block; font-size:1.8rem; margin-top:1rem; line-height:1.4; color:#222; margin-right:100px }
.bid-list .other{ margin-top:0.5rem; color:#aaa; font-size:1.2rem}
.bid-list .other span{ margin:0 0.3rem; color:#ccc}
.bid-list span.more{ display:block;position: absolute;right: 0;top: 4rem;background-color:#75b0ea;border-radius:3px; width:80px;color:#fff; line-height:36px; font-size:12px; text-align:center}
.bid-list span.more i{ font-size:20px; line-height:20px; position:relative;top:3px; font-weight:normal}
.bid-list span.off{ background-color:#ccc !important}

.bid-view{ min-height:380px}
.bid-view .title{ position:relative; padding:4%;background-color:#f5f5f5}
.bid-view .title h1{font-size:2.2rem;  color:#444; padding-bottom:8px; line-height:1.3;}
.bid-view .title p{ padding:5px 0px 0px; font-size:1.6rem;  color:#bbb}
.bid-view .bid-con{ padding:4% 4% 4%}
.bid-view .item{ position:relative; font-size:1.6rem;line-height:1.8}
.bid-view .item .content{ margin-left:80px; padding:0.5rem 0; position:relative }
.bid-view .item .content p{ margin-bottom:1rem;}
.bid-view .item .content em{ background-color:#ececec; color:#9e9e9e; display:inline-block; line-height:2.4rem; padding:0 0.5rem; font-size:1.2rem;border-radius:3px; position:relative;top:-1px; margin-left:0.5rem;}
.bid-view .item .content img{max-width:100%;}
.bid-view .item label{ display:block; width:80px; position:absolute; left:0;top:0.5rem; text-align:right;font-weight:normal; color:#999}
.bid-view .file{ position:relative; padding:4%; font-size:16px; border-top:2px #f2f2f2 solid;}
.bid-view .file h2{ font-size:1.8rem;margin-bottom:2rem;}
.bid-view .file h2 em{ display:inline-block; text-align:center;position:relative;top:4px}
.bid-view .file h2 em i{ font-size:26px; font-weight:normal;}
.bid-view .file p{ margin-bottom:10px}
.bid-view .file p a{ color:#338af9}
.bid-view .file p a:hover{ text-decoration:underline}

.invest-info .info{background:url(/Public/m/images/stockBg.jpg) no-repeat right bottom #f4f4f4;position:relative;z-index:100; background-size:auto 100%;padding:2rem 4%}
.invest-info .num{ line-height:4.5rem;  overflow:hidden; color:#fd343b;float:left;}
.invest-info .num strong{ position:relative;font-size:4.5rem;font-family:"dincond-medium-webfont"; font-weight:500; float:left; margin-left:6px;display:none}
.invest-info .num strong.downtxt{ color:#78c737}
.invest-info .num i{ float:left; font-size:14px; position:relative;top:0px;display:none}
.invest-info .num i.down{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); color:#78c737}
.invest-info .title{ float:left; padding-left:4%;font-size:1.5rem; overflow:hidden }
.invest-info .title strong{ display:block; font-size:1.6rem; font-weight:400; color:#638bd1; }

.company-info{padding:4%;}
.company-info table{font-size:1.4rem;border-right:1px solid #eee;border-bottom:1px solid #eee}
.company-info table th,.company-info table td{padding:1rem 0.5rem;border-left:1px solid #eee;border-top:1px solid #eee}
.company-info table th{background-color:#f5f5f5;text-align:right}


.investor-title{width:100%;padding:5% 0 5% 4%;background:#005bac; position:relative}
.investor-title p{font-size:1.2rem;color:#fff;opacity:0.8;filter:Alpha(opacity=80);}
.investor-title ul{width:100%;margin-bottom:1.5rem;}
.investor-title li{float:left;width:33.333333%;}
.investor-title li h3{font-size:3.2rem;letter-spacing:-2px;color:#fff;font-family:'dincond-medium-webfont'; font-weight:bold;}
.investor-title li p{font-size:1.4rem;color:#fff;}
.investor-title #particles-js{ position:absolute; width:100%; left:0;top:0; height:100%;}

.investor-datum-title{padding:1rem 2rem;border-bottom:2px #f4f4f4 solid; background-color:#fff}
.investor-datum-title h2{font-size:1.6rem;color:#666666;padding-bottom:15px;}
.investor-datum-title p{font-size:1.4rem;color:#999999;}
.investor-datum{width:100%; position:relative}
.investor-datum li{padding:1rem 3rem;border-bottom:1px #eee solid;}
.investor-datum li h3{font-size:1.4rem;color:#666666;}
.investor-datum li p{font-size:1.8rem;color:#999999;margin-top:0.5rem;}
.investor-datum li:last-child{ border-bottom:0}
.investor-datum .zoushi{ background-color:#fff; padding:4%; }
.investor-datum .zoushi-tabs{ height:5rem;}
.investor-datum .zoushi-tabs a{ display:block; width:25%; float:left; text-align:center; background-color:#f5f5f5; line-height:5rem;font-size:1.6rem; border-right:2px #fff solid}
.investor-datum .zoushi-tabs a.current{ background-color:#ddd;}
.investor-datum .zoushi-con{ margin-top:2rem}
.investor-datum .zoushi-con img{width:100%}

.notice-list{padding:0 4% 4%;background-color:#f5f5f5}
.notice-list li{background-color:#fff;border:1px #eee solid;height:10rem;margin-bottom:1rem;padding:1.6rem 2rem;position:relative;padding-right:4rem;border-radius:3px;overflow:hidden; }
.notice-list li p{font-size:1.6rem}
.notice-list li span{margin-top:0.5rem;display:block;font-size:1.4rem;color:#aaa}
.notice-list li i{background-color:#fafafa;display:block;position:absolute;right:0;top:0;width:4rem;height:100%;line-height:10rem;font-size:1.2rem;color:#aaa;text-align:center;}
.notice-list a.more{display:block;line-height:5.5rem;border:1px #ee4433 solid;text-align:center;color:#ee4433;margin-top:2rem;font-size:1.6rem}

/*culture*/
.culture{ }


.culture .item-a{ background-color:#fff}
.culture .item-a .content{padding:8%}
.culture .item-a .content h2{ color:#68b92e; font-size:2.4rem;text-align:center; margin-bottom:1rem;}
.culture .item-a .content p{ line-height:1.8; margin-bottom:10px; font-size:1.6rem; text-indent:2em}
.culture .item-a .song{background-color:#Fff}
.culture .item-a .song .image{ overflow:hidden;position:relative}
.culture .item-a .song .image img{ width:100%;-webkit-transition: all 400ms; transition: all 400ms; display:block}
.culture .item-a .song .image a{display:block;width:70px;height:70px;position:absolute;right:0;bottom:0;background-color:#68b92e;color:#fff;text-align:center}
.culture .item-a .song .image a i{font-size:40px;line-height:70px;}
.culture .item-a .song .text{ padding:10px 20px 15px;background-color:#f2f2f2}

.culture .item-b{ background:url(/Public/m/images/culture-bg1.jpg) no-repeat center center; background-size:cover; position:relative; color:#333}
.culture .item-b .text{ padding:8%; background-color:rgba(120,210,245,0.8);}
.culture .item-b .text .item{ margin-bottom:3rem; }
.culture .item-b .text .item h2{ font-size:2rem; margin-bottom:1.5rem; line-height:1; border-left:5px #008bd0 solid; padding-left:10px; color:#008bd0}
.culture .item-b .text .item p{  line-height:1.6; font-size:1.6rem;margin-bottom:0.5rem;}
.culture .item-c{padding:8%;background-color:#fff}
.culture .item-c h2{color:#68b92e; font-size:2rem;text-align:center; margin-bottom:2rem;}
.culture .item-c .item{margin-bottom:2.5rem;border-radius:3px;overflow:hidden;}
.culture .item-c .item .image{ overflow:hidden; position:relative}
.culture .item-c .item .image img{ display:block;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;transition: transform 2s ease-out; width:100%}
.culture .item-c .item .image em{ position:absolute; left:0;top:0; display:block; width:100%;height:100%; background-color:#000;filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; z-index:2; -webkit-transition: all 400ms; transition: all 400ms; }
.culture .item-c .item .image i{ color:#fff; font-size:70px; position:absolute; left:50%; margin-left:-35px;top:50%; margin-top:-45px; z-index:3}
.culture .item-c .item .text{padding:1.5rem 2rem 2rem;background-color:#f2f2f2;text-align:right;font-size:1.5rem;}
.culture .item-c .item .text strong{float:left}
.culture .item-c .item .text span{color:#aaa}
.culture .item-c .item:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1); }
.culture .item-c .item:hover .image em{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}


.icon_audio_default{display: block;}
.icon_audio_default img{width: 34px;height: 34px;}
.icon_audio_playing img{width: 34px;height: 34px;}
.icon_audio_playing{display: none;}
.db{display: block;}
.weixinAudio{width: 100%;height: 62px;line-height: 1.5;}
.audio_area{display: inline-block;width: 100%;vertical-align: top;margin: 0px 1px 0px 0;font-size: 0;position: relative;font-weight: 400;text-decoration: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;}
.audio_wrp{position: relative;background-color: #f2f2f2; border-radius:5px;overflow: hidden;padding: 8px 20px 12px 12px;}
.audio_play_area{float: left;margin: 9px 22px 10px 5px;font-size: 0;width: 18px;height: 25px;}
.playing .audio_play_area .icon_audio_default{display: block;}
.audio_play_area .icon_audio_default{ cursor:pointer}
.audio_play_area .icon_audio_playing{display: none;cursor:pointer}
.audio_area .pic_audio_default{display: none;width: 18px;}
.tips_global{color: #8c8c8c;}
.audio_area .audio_length{float: right;font-size: 12px;position: absolute;top: 42px;right: 23px;}
#curent_time{float: right;font-size: 12px;position: absolute;top: 42px;left: 68px;}
.audio_info_area{overflow: hidden;}
.audio_area .audio_title{font-weight: 600;font-size: 14px !important;margin-top: 0px;margin-bottom: -3px;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;color: #333333;margin-left:11px;;}
.audio_area .audio_source{font-size: 14px;}
.progress_bar_box{display: block;position: absolute;left: 69px;bottom: 30px;background-color: #c3c3c3;height: 2px;}
.audio_area .progress_bar_box .progress_bar{background-color: #0cbb08;height: 2px;display: block;}
.playing .audio_play_area .icon_audio_default{display: none;}
.playing .audio_play_area .icon_audio_playing{display: inline-block;}
@-webkit-keyframes audio_playing{30%{background-position: 0px center;}
31%{background-position: -18px center;}
61%{background-position: -18px center;}
61.5%{background-position: -36px center;}
100%{background-position: -36px center;}}

/* --------------ÊÓƵµ¯³ö²¥·Å---------------------- */
.video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none}
.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#222;opacity:0.8; z-index:1 }
.video-play .box{ width:92%; position:absolute; left:4%;top:50%; margin-top:-150px; z-index:3; box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.35);}
.video-play .close-btn{ background:url(/Public/images/close-icon.png) no-repeat center center; display:block; width:60px; height:60px; z-index:99; position:fixed; right:0;top:0; text-indent:-10000px}
#con_video_div{ background:#000}


/*hr*/

.hr-content{ padding:4%}
.hr-content blockquote{  width:90%;margin-left:5%; }
.hr-content blockquote:after { content: ",,"; display: block; text-align: center; overflow: hidden; font-weight: lighter; font-size: 8rem; line-height: 1em; letter-spacing: -5px;
 color: #ddd; font-family: Georgia, Times, "Times New Roman", serif;margin: -4rem auto 2rem;}
.hr-content blockquote h1{ font-size:2rem; line-height:50px; color:#006db8; text-align:center;font-weight:bold }
.hr-content blockquote h1 i{ width:40px; height:1px; background-color:#ccc; display:inline-block; position:relative;top:-8px;}
.hr-content blockquote h1 span{ display:inline-block; margin:0 10px;}
.hr-content blockquote p{ font-size:1.5rem; margin-top:15px; line-height:1.8}
.hr-pic{ margin-top:20px;}
.hr-pic img{ width:100%}


.job-list{ min-height:300px; line-height:1.4;}
.job-list table{font-size:1.5rem; border-top:1px #eee solid; width:100%;}
.job-list table th{padding:13px 10px 11px 10px;border-bottom:1px solid #eee; background-color:#f2f2f2; color:#888}
.job-list table tr{text-align: center;padding-left:20px;}
.job-list table tr td{padding:13px 9px;border-bottom:1px solid #eee;}
.job-list table tr.even td{background: #efefef;}
.job-list table b{  font-weight:bold; color:#666}
.job-list table span{ color:#ccc;}
.job-list table a{ display:inline-block; padding:0px 10px; background-color:#006db8; line-height:1.8; font-size:1.4rem; color:#fff}


.job-view{ }
.job-top{ padding:4%; background-color:#006db8;}
.job-top h1{font-size:2rem;  font-weight:bold; color:#fff; padding-bottom:8px; line-height:1.3;}
.job-top p.news-info{padding:5px 0px 0px; font-size:1.3rem;   color:#8fc6ec}
.job-top p.news-info b{ color:#fff; font-weight:normal; margin-right:5px;}
.job-view .job-info{ }
.job-view table{font-size:1.5rem; border:1px #eee solid; width:100%; line-height:1.6; background-color:#fff}
.job-view th{padding:8px 12px;border-bottom:1px solid #eee; background-color:#fafafa; color:#888; }
.job-view td{padding:8px 12px;border-bottom:1px solid #eee;}
.job-view a{ color:#205bab;}
.job-view .item{ line-height:1.8!important; font-size:1.5rem !important; padding:20px 4%; color:#5a5a5a; background-color:#fff; }
.job-view .item p{ margin-bottom:10px !important;line-height:1.8 !important;font-size:1.5rem !important; text-indent:0 !important}
.job-view .item span{ margin-bottom:15px;line-height:1.8 !important;font-size:1.5rem !important;}
.job-view .item h3{font-size:1.6rem; color:#999;}
.job-view .line{ background-color:#f2f2f2;height:5px;}


.contact-map{}
.contact-list { padding:4%; }
.contact-list .item{  padding:15px; background-color:#fff;}
.contact-list .item strong{ display:block; font-size:2rem; color:#006db8}
.contact-list .item span{ display:block; font-size:1.6rem; color:#aaa; font-family: dincond-mediumregular;}
.contact-list .item p{ margin-top:6px; line-height:2; color:#5a5a5a; font-size:1.5rem}


/* ºáÆÁÌáÐÑ */
@keyframes rotation{10%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
50%{transform: rotate(0);-webkit-transform: rotate(0)}
60%{transform: rotate(0);-webkit-transform: rotate(0)}
90%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
100%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}}
@-webkit-keyframes rotation{10%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
50%{transform: rotate(0);-webkit-transform: rotate(0)}
60%{transform: rotate(0);-webkit-transform: rotate(0)}
90%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
100%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}}
.mod-orient-layer{display: none;position: fixed;height: 100%;width: 100%;left: 0;top: 0;right: 0;bottom: 0;background: #000;z-index: 9997}
.mod-orient-layer__content{position: absolute;width: 100%;top: 45%;margin-top: -75px;text-align: center}
.mod-orient-layer__icon-orient{display: inline-block;width: 67px;height: 109px;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');transform: rotate(90deg);-webkit-transform: rotate(90deg);-webkit-animation: rotation infinite 2.5s cubic-bezier(0.71, -0.01, 0.07, 0.99);animation: rotation infinite 2.5s cubic-bezier(0.71, -0.01, 0.07, 0.99);-webkit-background-size: 67px;background-size: 67px}
.mod-orient-layer__desc{margin-top: 20px;font-size: 15px;color: #fff}
.mod-orient-layer__desc{margin-top: 20px;font-size: 15px;color: #fff}