@charset "utf-8";a,a:active{outline:0}
body,html{font-family:Helvetica,"microsoft yahei";background:#f2f2f2;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';  
  src: url('//at.alicdn.com/t/font_582316_pr9at7sh8dt8d7vi.eot');
  src: url('//at.alicdn.com/t/font_582316_pr9at7sh8dt8d7vi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_582316_pr9at7sh8dt8d7vi.woff') format('woff'),
  url('//at.alicdn.com/t/font_582316_pr9at7sh8dt8d7vi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_582316_pr9at7sh8dt8d7vi.svg#iconfont') format('svg');
}

@font-face {
    font-family: 'dincond-mediumregular';
    src: url('../font/dincond-medium-webfont.woff2') format('woff2'),
         url('../font/dincond-medium-webfont.woff') format('woff'),
         url('../font/DINCond-Medium.otf') format('truetype'), 
         url('../font/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
               
             
.iconfont{font-family:"iconfont";font-size:16px;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(../images/close-icon.ico) 16 16, default;z-index: 800;}

#goTop{width: 49px;height: 49px;position: fixed;bottom: 25px;right: 25px;border-radius: 100%;background: #f08300;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(../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:hover{background: rgba(255,0,0,.5);}
#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);}}




.header{height: 60px;position:fixed; top: 0;left: 0;right: 0;z-index:999;background-color:#fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);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; }
.header .logo{display: block;background: transparent url(../../images/logo.png) center 0px no-repeat;background-size: auto 40px;width: 257px;  height:40px;float:left; margin-top:12px; margin-left:10px;}
.header .logo a{ display:block; height:40px;}
.header .nav-icon{ float:right; height:60px;}

.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;}
.menu-handler.active span{background:transparent;}
.menu-handler.active span:before{-webkit-transform:rotate(45deg); top:0;}
.menu-handler.active span:after{-webkit-transform:rotate(-45deg); top:0;}
.menu-handler.active span:before, .menu-handler.active span:after{transition-delay:0, 0.3s;}


#menuBox { display: inline-block; position: fixed; background-color: #005bac; float: right; top: 0; right: 0; bottom: 0; width: 0px; line-height: 0; z-index: 1000; zoom: 1; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg); -webkit-transform-origin: left center 0; -moz-transform-origin: left center 0; -ms-transform-origin: left center 0; transform-origin: left center 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; 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; }

.open {position: relative !important; right: 240px;}
.open .header { left: -240px;right: 240px;}
.open #menuBox { -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); width: 240px; }

.navMobile a:link, .navMobile a:visited { color: #fff; }
.navMobile a:active, .navMobile a:hover { color: #fff; }
.navMobile dd { display: block; width: 100%; position:relative; z-index:2 }
.navMobile dd p a {text-transform: uppercase; padding: 0px 30px; height: 60px; line-height:60px; font-size: 16px; position: relative; border-bottom:1px rgba(255, 255, 255, 0.08) solid }
.navMobile dd a {display: block; line-height: 1.4; font-size: 1.4rem; color: #fff; padding: 0px 30px;}
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #005199; }
.navMobile dd a:active { background-color: #005199; }
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; background: #eff2f3; border-top: 1px solid #eee; height: 40px; line-height:40px; }
.navMobile dd .msubnav a i{width:30px; text-align:center; display:inline-block}

#menuBox .bg-elements img {position:absolute; z-index:1;}
#menuBox .bg-elements img.anim-scale {-webkit-transform:scale(0,0); -webkit-transition:-webkit-transform 1000ms;}
#menuBox .bg-elements img:nth-child(1) {right:0; top:200px; width:43.65%; display:none}
#menuBox .bg-elements img:nth-child(2) {right:111px; top:400px; width:43.65%;}
#menuBox .bg-elements img:nth-child(3) {right:40px; top:355px; width:17.53%;}
#menuBox .bg-elements img:nth-child(4) {right:15px; top:520px; width:31.15%;}
 
 
.open #menuBox .bg-elements img:nth-child(1) {-webkit-transition-delay:1500ms;}
.open #menuBox .bg-elements img:nth-child(2) {-webkit-transition-delay:1000ms;}
.open #menuBox .bg-elements img:nth-child(3) {-webkit-transition-delay:500ms;}
.open #menuBox .bg-elements img.anim-scale {-webkit-transform:scale(1,1); -webkit-opacity:1;}




#subMenu-title {display:block; font-size:2rem; line-height:70px; text-align:center; color:#fff; background:#f39800 url(../images/icon_subMenu.png) no-repeat right center; background-size:11.80% auto; margin-top:60px;}
#subMenu-title i{ font-size:22px; width:40px; text-align:center; display:inline-block}

#subMenu-con {position:fixed; top:0; left:0;  width:100%; height:100%; background:#f39800 url(../images/subMenu_bg.png) no-repeat 0 bottom; background-size: 100% auto;  -webkit-transition:opacity 500ms; z-index:-1;-webkit-opacity:0;visibility:hidden}
#subMenu-con .close {position:absolute; top:0; right:0;width:70px; height:70px;}
#subMenu-con .close span {position:absolute; left:23px; width:24px; height:2px; background-color:#fff; -webkit-transform:rotate(0deg); -webkit-transition:-webkit-transform 300ms;}
#subMenu-con .close .top {top:32px;}
#subMenu-con .close .bot {top:32px;}
#subMenu-con .outer-wrap {position:absolute; left:0; top:50%; width:100%; -webkit-transform:translateY(-50%);}
#subMenu-con .inner-wrap {-webkit-transform:scale(0.5, 0.5); -webkit-transition:-webkit-transform 300ms;}
#subMenu-con .inner-wrap a {display:block; font-size:1.8rem; line-height:50px; text-align:left; padding-left:35%; color:#fff; }
#subMenu-con .inner-wrap a i{ font-size:22px; width:40px; text-align:center; display:inline-block}

body.subMenu-on #subMenu-con {z-index:10000; -webkit-opacity:1; visibility:visible}
body.subMenu-on #subMenu-con .inner-wrap {-webkit-transform:scale(1.0, 1.0);}
body.subMenu-on #subMenu-con .close .top {-webkit-transform:rotate(45deg);}
body.subMenu-on #subMenu-con .close .bot {-webkit-transform:rotate(-45deg);}




.footer{background-color:#eee;padding: 20px 4% 30px;color: #aaa;line-height: 2; font-size:1.3rem}
.footer .links{ color:#ddd}
.footer .links span{padding: 0px 10px;}
.footer a{ color:#999;}
.footer .footer-title{padding-bottom: 15px; margin-bottom:10px; border-bottom:1px #e5e5e5 solid; line-height:1.8}
.footer .footer-title strong{ display:block;font-size:1.8rem;font-weight: bold; color:#f08300}
.footer .footer-title p{font-size:1.4rem; color:#aaa}
.footer .sharpBox{display: block;margin-top: 15px;}
.footer .sharpBox a{display: block;width: 38px;height: 38px;margin-right: 14px;background: url(../images/sharp1.png) no-repeat scroll 0px 0px;float: left;position: relative;}
.footer .sharpBox a em{background: url(../images/sharp.png) no-repeat;display: block;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;z-index: 10;}
.footer .sharpBox a .ibg{background: url(../images/sharp2.png) no-repeat scroll 0px 0px;-webkit-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);transition: 300ms;}
.footer .sharpBox a:hover .ibg{-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.footer .sharpBox a.a1 .i{background-position: 0px 0px;}
.footer .sharpBox a.a2 .i{background-position: -53px 0px;}
.footer .sharpBox a.a3 .i{background-position: -106px 0px;}
.footer .sharpBox a.a4 .i{background-position: -159px 0px;}
.footer .sharpBox a.a5 .i{background-position: -212px 0px;}
.footer .sharpBox a.a5{margin-right: 0px;}

.footer2 { text-align:center; background-color:#f2f2f2; padding:15px 4% 20px;font-size:1.4rem;color:#aaa}


.popUpblack{ background:url(../images/black.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 5px solid #f1f1f1; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 10px; }
.popUp .img img { width: 100%; height: 100%; display: block; }



.index-banner{ margin-top:60px !important; background-color:#f2f2f2}
#adSwiper img{ width:100%}


.public-home-title{position:relative;height:50px;padding:16px;background:#f2f2f2;font-size:1.8rem;color:#333;line-height:20px}
.public-home-title::before{content:"";display:inline-block;width:4px;height:16px;margin-right:5px;background:#f08300;vertical-align:-2px}
.public-home-title .public-title-btn{position:absolute;top:0;right:8px;height:100%;padding:0 8px;font-size:1.4rem;color:#999;line-height:54px}
.public-home-title .public-title-btn.more{right:16px;padding-right:15px;background:url(../images/header-bg1.png) 43px -109px no-repeat;background-size:79px 277px}
.public-home-title .sub-link{ position:absolute; line-height:54px; right:70px;top:-1px;}
.public-home-title .sub-link a{font-size:1.4rem;color:#666; padding: 0 8px}


.lazy-img { background: url(../images/logo2.png) center no-repeat #e9e9e9;background-size: 50px 19px;width: 100%;height: 100%; min-height:120px;vertical-align: middle;}

.home-module-nav{background-color:#fff}
.home-module-nav .item{ width:25%; float:left; border-right:1px #eee solid; border-bottom:1px #eee solid; background-color:#fff;}
.home-module-nav .item a{ display:block; text-align:center;  font-size:1.4rem; color:#888; padding:10px 0; }
.home-module-nav .item a em{ position:relative; height:4rem; display:block; overflow:hidden; margin-bottom:3px; color:#f08300}
.home-module-nav .item a i{ display:block; font-size:3.4rem;  position:relative }


.home-module-news{ padding-bottom:20px}
.home-module-news .news-content{padding:0 16px;border-top:1px solid #eee}
.home-module-news .news-list{ padding:10px 0;}
.home-module-news .news-list .news-list-item{display:-webkit-box;height:40px;line-height:40px}
.home-module-news .news-list .news-list-item .news-item-info{display:block;-webkit-box-flex:1;width:0;font-size:1.6rem;color:#444; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.home-module-news .news-list .news-list-item .news-item-date{display:block;width:60px;font-size:1.4rem;color:#999;text-align:right}
.home-module-news .news-more{text-align:center; line-height:50px; font-size:1.6rem; background: -o-linear-gradient(top, #eee, #ddd) !important;background: -moz-linear-gradient(top, #eee, #ddd) !important; background: -webkit-linear-gradient(top, #eee, #ddd) !important; border-radius:3px;}
.home-module-news .news-more a{ color:#888 !important}



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

.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}


.page-banner{ position: relative; background: url(../images/about-banner.jpg) no-repeat center; width: 100%; height: 15rem; line-height:15rem; padding: 0 4%; background-size: auto 100%; margin-top:60px;}
.bussiness-banner{ background-image:url(../images/bussiness-banner.jpg)}
.news-banner{ background-image:url(../images/news-banner.jpg)}
.party-banner{ background-image:url(../images/party-banner.jpg)}
.culture-banner{ background-image:url(../images/culture-banner.jpg)}
.hr-banner{ background-image:url(../images/hr-banner.jpg)}
.honest-banner{ background-image:url(../images/honest-banner.jpg)}
.case-banner{ background-image:url(../images/case-banner.jpg)}



.wrapper{ padding:4%}


.about-content{ padding:5% 4% 5%; line-height:2 !important; font-size:1.6rem !important; color:#5a5a5a;}
.about-content p{ margin:7px 0 !important;line-height:2 !important; font-size:1.6rem !important; }
.about-content span{ font-size:1.6rem !important}
.about-content img{ max-width:100%}
.about-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-business{ margin-bottom:15px; margin-top:15px; background-color:#dc574e; color:#fff; padding:25px 30px 30px }
.about-business h3{ font-size:2rem; font-weight:bold }
.about-business ul{ margin-top:15px}
.about-business ul li{ margin-top:3px;}


.leader{  }
.leader .item{  background-color:#f2f2f2; margin-bottom:20px; padding:20px 30px; line-height:1 !important}
.leader .item h2{ display:block; font-size:18px; font-weight:bold; margin-bottom:0;}
.leader .item p{display:block;  margin:0 !important; margin-top:15px !important; font-size:1.4rem  !important}
.leader .item p strong{ display:inline-block; margin-right:20px}


.fz-item{ background-color:#fff; border:1px #e2e2e2 solid; margin-bottom:10px; position:relative}
.fz-item h3{ background-color:#205bab; color:#fff;line-height:50px; text-align:center; font-size:2rem; font-weight:bold}
.fz-item p{ padding:15px 20px 10px; margin-bottom:0;}


.strategy{ padding:4%}
.strategy .con{ }
.strategy .item{ margin-bottom:20px; background-color:#f2f2f2}
.strategy .item h2{ font-size:2rem; background-color:#005bac; padding:10px 20px; color:#fff}
.strategy .item h2 strong{ display:block;}
.strategy .item h2 p{ font-size:1.4rem; margin:0 !important;  font-weight:normal}
.strategy .item ul{ padding:20px 30px}
.strategy .item li{background:url(../../images/strategy-icon.png) no-repeat; padding-left:45px; line-height:30px; font-size:1.6rem; margin-bottom:15px; }


.history{}
.history  .history-top{  padding:4%; position:relative; background:url(../images/history-bg.jpg) no-repeat #f4f4f4}
.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:#e67817; 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; }
.history .item ul li p{ line-height:1.6; color:#7a7a7a; font-size:1.3rem; margin-top:10px; }
.history .item ul li:after { content: ",,"; display: block; width:17px;height:17px; background:url(../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-list .tabs{border-radius: 5px; overflow:hidden; margin-bottom:20px; background-color:#ccc}
.honor-list .tabs li{ width:50%; float:left; text-align:center; background: -o-linear-gradient(top, #a4adb5, #8e99a5) !important;background: -moz-linear-gradient(top, #a4adb5, #8e99a5) !important; background: -webkit-linear-gradient(top, #a4adb5, #8e99a5) !important; color:#fff; line-height:56px; font-size:1.8rem;  border-bottom:1px #ccc solid;}
.honor-list .tabs li a{color:#fff; display:block;}
.honor-list .tabs li.current{ background:#f08300 !important;box-shadow:inset 0px 1px 3px 0px rgba(0,0,0,0.25);}


.honor-list{ padding:4% 4%}
.honor-list .list1{}
.honor-list .list1 li{ width:50%; float:left; text-align:center; padding:0 2%; margin-bottom:20px}
.honor-list .list1 li img{ width:100%; border:1px #eee solid }
.honor-list .list1 li span{ display:block; margin-top:5px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size:1.4rem; text-align:center}

.honor-list .list2{ padding:0 2%; }
.honor-list .list2 li{ margin-bottom:20px}
.honor-list .list2 li img{ width:100%; border:1px #eee solid }
.honor-list .list2 li span{ display:block; margin-top:5px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size:1.4rem;text-align:center}

.honor .list3{ width:1180px; overflow:hidden;margin-top:60px;}
.honor .list3 ul{ width:1220px}
.honor .list3 ul li{ width:272px; float:left; margin-right:30px; margin-bottom:20px; text-align:center}
.honor .list3 ul li img{ width:100%; }
.honor .list3 ul li span{ display:block; margin-top:10px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}


.honor-list{ padding:4%; background-color:#f2f2f2}
.honor-list .item .hidden{ display:none}
.honor-list .item{ margin-bottom:20px; padding:20px;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 .image em{ position:absolute; left:0;bottom:0; z-index:2; width:100%; height:50px; background:url(../images/video-bg.png) repeat-x; text-align:center; padding-top:20px; color:#fff; font-size:1.2rem}
.honor-list .item strong{ display:block; text-align:center; margin-top:15px; font-weight:normal;line-height:18px; height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; font-size:1.6rem}


.staff-swiper{ width:100%; height:100%; left:0;top:0; z-index:99999 !important; background-color:#000; position:fixed !important; display:none}
.staff-swiper .close-btn{ display:block; position:absolute; right:20px;top:20px; width:30px; height:30px; background:url(../images/close.png) no-repeat;background-size:30px 30px; z-index:100}
.staff-swiper img { width: auto; height: auto;  max-width: 100%; max-height: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);      -moz-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); position: absolute;  left: 50%;  top: 50%;  }




.business{padding:4%;margin-top:60px;}
.business .item-a h2{font-weight:bold;text-align:center;font-size:2rem}
.business .item-a .content{margin-top:20px;line-height:1.8; font-size:1.6rem}
.business .item-a .content p{margin-bottom:15px;text-indent:2em}
.business .item-a .content p b{color:#ee4433;}
.business .item-b{ overflow:hidden; margin-top:40px;}
.business .item-b h2{ height:25px; border-bottom:1px #ddd solid; text-align:center}
.business .item-b h2 strong{ display:inline-block; line-height:50px; padding:0 30px; background-color:#fff; border:1px #ddd solid; font-weight:normal; font-size:18px;box-shadow: 4px 4px 0px rgba(0,0,0,0.05);}
.business .item-b .con{margin-top:60px;}
.business .item-b .con .item{ padding:20px; text-align:center}
.business .item-b .con .item i{ font-size:70px; display:block; height:70px; color:#f39800; overflow:hidden}
.business .item-b .con .item p{ margin-top:10px; line-height:1.6;font-size:1.6rem;padding:0 10%}
.business .item-c{ margin-top:40px;}
.business .item-c h2{ height:25px; border-bottom:1px #ddd solid; text-align:center}
.business .item-c h2 strong{ display:inline-block; line-height:50px; padding:0 30px; background-color:#fff; border:1px #ddd solid; font-weight:normal; font-size:18px;box-shadow: 4px 4px 0px rgba(0,0,0,0.05);}
.business .item-c .con{margin-top:60px; }
.business .item-c .con .item{padding:10px; border:1px #ddd solid;margin-bottom:20px;box-shadow: 0px 1px 10px rgba(0,0,0,0.08);}
.business .item-c .con .item img{ width:100%}
.business .item-c .con .item p{ margin-top:5px; line-height:2.4;font-size:1.6rem; text-align:center}






.project-view{margin-top:60px;}
.project-view .project-top{ padding:5%; background-color:#f39800;}
.project-view h1{font-size:2rem;  font-weight:bold; color:#fff; padding-bottom:8px; line-height:1.3;}
.project-view h1 p{ font-size:1.4rem; color:#ffc000;  font-weight:normal; padding-top:10px; }
.project-view p.project-info{padding:5px 0px 0px; font-size:1.3rem;   color:#fff}
.project-view p.project-info b{ color:#fff; font-weight:normal; margin-right:5px;}
.project-view .content{ line-height:2 !important; font-size:1.8rem !important; padding:0 5%; 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:3px #f08300 solid; padding-left:10px; margin-bottom:20px}
.project-view .content p{ margin-bottom:10px !important;line-height:2 !important;font-size:1.6rem !important;}
.project-view .content span{ margin-bottom:15px;line-height:2 !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:5%;}
.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:2rem; font-family: dincond-mediumregular;} 
.news-list .item .image{ width:35%; float:right}
.news-list .item .image img{ width:100%}
.news-list li{border-bottom:1px #e2e2e2 solid; padding:15px 0; }
.news-list li a{ width:87%; float:left;font-size:1.8rem;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{margin-top:60px;}
.news-view .news-top{ padding:5%; background-color:#f39800;}
.news-view h1{font-size:2rem;  font-weight:bold; color:#fff; padding-bottom:8px; line-height:1.3;}
.news-view h1 p{ font-size:1.4rem; color:#ffc000;  font-weight:normal; padding-top:10px; }
.news-view h2{font-size:2.2rem;  font-weight:bold; color:#37343b; padding-top:5px; line-height:1.3; text-align:center;}
.news-view h2 p{ font-size:1.6rem; color:#005acb;  font-weight:normal; padding-top:10px; }
.news-view p.news-info{padding:5px 0px 0px; font-size:1.3rem;   color:#fff2dc}
.news-view p.news-info b{ color:#fff; 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:2 !important;font-size:1.6rem !important;}
.news-view .content span{ margin-bottom:15px;line-height:2 !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% !important; 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(../../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 .pics{ background:#fff;  margin-top:20px; position:relative; overflow:hidden}
.news-view .pics .list{}
.news-view .pics .list img{ max-width:830px; max-height:500px; width:70%; margin:0 auto; display:block}
.news-view .pics .list li{ display:none; text-align:center; list-style:none}
.news-view .pics .prev{ width:50%; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; display:block; position:absolute;top:0; left:0; z-index:100; height:800px;}
.news-view .pics .next{ width:50%; display:block; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;  position:absolute;top:0; right:0; z-index:100; height:800px;}
.news-view .pics .prev-btn{ display:block;z-index:50; width:70px; height:70px; background:url(../../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:0; }
.news-view .pics .next-btn{display:block; z-index:50; width:70px; height:70px; background:url(../../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:0; }
.news-view .pics p{ font-size:12px; color:#fff; background:#000;border-radius:5px; padding:8px 10px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; position:absolute;top:0px; right:0px; z-index:60}


#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:#888; margin:0 2px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; border:1px #ddd solid;}
#pages a:hover{ background-color:#746969; border-color:#746969; color:#fff}
#pages a.active{ background-color:#205bab;border-color:#205bab; color:#fff}
#pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px}


.jidi-image{  position:relative; margin-bottom:20px; }
.jidi-image ul li{ float:left;  float:left; width:50%; position:relative; border-bottom:1px #fff solid; border-right:1px #fff solid;}
.jidi-image ul li img{ width:100%; display:block; }
.jidi-image ul li a.more{width:100%; height:100%;  color:#fff; display:block; text-align:center; padding-top:12%;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; position:absolute; left:0;top:0; z-index:2;background: rgba(0,0,0,0.5); line-height:1 !important}
.jidi-image ul li a.more i{ font-size:50px; color:#fff}
.jidi-image ul li a.more span{ display:block; margin-top:5px; }
.jidi-image ul li a.more:hover{ background-color:#f08300}

.culture{ padding:4%}
.culture blockquote{  width:90%; text-align:center; margin-left:5%; }
.culture 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: -3rem auto 2rem;}
.culture blockquote h1{ font-size:2rem; line-height:50px; color:#f08300; text-align:center;font-weight:bold }
.culture blockquote h1 i{ width:40px; height:1px; background-color:#ccc; display:inline-block; position:relative;top:-8px;}
.culture blockquote h1 span{ display:inline-block; margin:0 10px;}
.culture blockquote p{ font-size:1.6rem; margin-top:5px; line-height:1.8}

.culture .culture-itema .item{ margin-bottom:15px; background-color:#f3f3f3}
.culture .culture-itema .item img{ width:100%}
.culture .culture-itema .item .text{ padding:10px 30px 20px;}
.culture .culture-itema .item .text h2{ font-size:1.8rem; font-weight:bold; text-align:center}
.culture .culture-itema .item .text p{ margin-top:10px; font-size:1.4rem; line-height:1.8}
.culture .culture-itemb .item{  position:relative; overflow:hidden; margin-bottom:20px;  }
.culture .culture-itemb .item h3{ font-size:1.6rem; font-weight:bold}
.culture .culture-itemb .item .text{ font-size:1.4rem; line-height:2; margin-top:10px;}
.culture .culture-itemb .item .text p{ }


.hr-item1{ margin-top:20px;}
.hr-item1 img{ width:100%}

.hr-content{ padding:4%}
.hr-content blockquote{  text-align:center; }
.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: -5rem auto 2rem;}
.hr-content blockquote h1{ font-size:2rem; line-height:50px; color:#f08300; 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.6rem; margin-top:15px; line-height:1.8; text-align:left; color:#6a6a6a}
.hr-content blockquote p strong{ display:block; font-size:1.8rem; color:#f39800}
.hr-content .item{  position:relative; margin-top:20px; overflow:hidden}
.hr-content .item .mask{ position:absolute; left:0;top:0; width:100%; height:100%; background-color:#000;filter:alpha(opacity=40);opacity: 0.4; z-index:2;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.hr-content .item .text{text-align:center; position:absolute; z-index:3; width:80%; height:80%;top:10%; left:10%; border:1px rgba(255, 255, 255, 0.2) solid; color:#fff}
.hr-content .item img{ width:100%}
.hr-content .item .text em{ display:block; width:40px; height:3px; background-color:#fff; margin:10px auto 0;}
.hr-content .item .text h2{ font-size:2rem; font-weight:bold;  padding-top:30px; }
.hr-content .item .text p{ margin-top:20px; font-size:16px; padding:0 20px}
.hr-content .item:hover .mask{filter:alpha(opacity=80);opacity: 0.8; }
.hr-content a.more{ display:block; margin:30px auto 20px; background-color:#f08300; color:#fff; text-align: center; width:200px; line-height:55px; font-size:16px;}
.hr-content a.more:hover{ background-color:#b58c52}


.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; font-family: dincond-mediumregular; font-size:1.8rem}

.job-view{ margin-top:60px;}
.job-top{ padding:5%; background-color:#f39800;}
.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:#fff2dc}
.job-top p.news-info b{ color:#fff; font-weight:normal; margin-right:5px;}
.job-view .job-info{ padding:4%;}
.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:2 !important; font-size:1.5rem !important; padding:5%; color:#5a5a5a; background-color:#fff; margin-top:15px; }
.job-view .item p{ margin-bottom:10px !important;line-height:2 !important;font-size:1.5rem !important; text-indent:0 !important}
.job-view .item span{ margin-bottom:15px;line-height:2 !important;font-size:1.5rem !important;}
.job-view .item h3{font-size:1.6rem; color:#999;}


.contact-map{ margin-top:60px;}
.contact-list { padding:4%; }
.contact-list .item{  padding:15px; background-color:#fff;}
.contact-list .item strong{ display:block; font-size:2rem; color:#f08300}
.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.6rem}



@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}