@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('//at.alicdn.com/t/font_410579_6falcm078drt3xr.eot');
  src: url('//at.alicdn.com/t/font_410579_6falcm078drt3xr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_410579_6falcm078drt3xr.woff') format('woff'),
  url('//at.alicdn.com/t/font_410579_6falcm078drt3xr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_410579_6falcm078drt3xr.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: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(../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: #006db8;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.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 38px;width: 271px;  height:38px;float:left; margin-top:11px; margin-left:10px;}
.header .logo a{ display:block; height:38px;}
.header .nav-icon{ float:right; height:60px;border-left: 1px solid #f0f0f0;}

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

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



/*home*/
.index-banner{background-color:#f2f2f2}
.index-banner .image{ width:100%;height:180px; background-position:center center; background-repeat:no-repeat; background-size:cover}
#adSwiper img{ width:100%}

.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:4% 3%; background-color:#fff}
.home-link a{ display:block; width:48%; float:left; margin:0 1%}
.home-link a  img{ width:100%}


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

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

.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(../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;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.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:#ddd; 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 #ccc 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}

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


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


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

.wrapper{ padding:4%}

.about-content{ padding:4% 4% 5%; line-height:1.9 !important; font-size:1.6rem !important; color:#5a5a5a;}
.about-content p{ margin:7px 0 !important;line-height:1.9 !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}

.leader{ background-color:#f2f2f2;padding:4%; }
.leader .item-a{background:#fff; padding:20px 30px; margin-bottom:20px;}
.leader .item-a .image{ text-align:center}
.leader .item-a .image img{ width:100%}
.leader .item-a .text{ padding-top:10px;}
.leader .item-a .text h2{text-align:center}
.leader .item-a .text h2 strong{ display:block; font-size:2rem; font-weight:600}
.leader .item-a .text h2 span{ display:block; font-size:1.6rem; margin-top:1rem; color:#7a7a7a}
.leader  h2{text-align:center;font-weight:600;color:#006db8;margin-bottom:20px;font-size:20px;}
.leader .item-b{}
.leader .item-b ul{ }
.leader .item-b ul li{ background-color:#fff; margin-bottom:20px; padding:20px 30px 20px 150px;position:relative}
.leader .item-b ul li img{ width:100px; position:absolute;left:30px;top:20px}
.leader .item-b ul li h3{ font-size:1.4rem; margin-bottom:15px;font-weight:600}
.leader .item-b ul li p{ margin-bottom:10px; color:#7a7a7a; font-size:1.4rem}


.history{}
.history  .history-top{  padding:4%; position:relative; background:url(../../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(../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:33.333333%; 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:#006db8 !important;box-shadow:inset 0px 1px 3px 0px rgba(0,0,0,0.25);}

.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; line-height:1.5; font-size:1.5rem; padding:0 10px}

/*

.member-list{ padding:4%; background-color:#f2f2f2}
.member-list .item{  background-color:#fff; margin-bottom:20px; box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.05); }
.member-list .item h2{ font-size:1.8rem; line-height:44px;background-color:#205bab; font-size:1.2rem; color:#fff;line-height:50px; text-align:center;  text-align:right; padding:0 4%}
.member-list .item h2 span{ float:left;font-weight:bold; font-size:1.6rem}
.member-list .item p{ font-size:1.5rem; color:#5a5a5a !important; line-height:1.8;  padding:15px 20px 10px}

.member-view{ margin-top:60px;}
.member-view h1{font-size:2rem; text-align:center; line-height:50px;color:#fff; background-color:#205bab;  font-weight:bold; }
.member-view .content{ padding:4%; line-height:2 !important; font-size:1.5rem !important; color:#5a5a5a;}
.member-view .content p{ margin-bottom:15px !important; }
.member-view .content span{ font-size:1.5rem !important}
.member-view .content img{ max-width:100%}
.member-view .contact-info{ border-top:10px #f2f2f2 solid; padding:4%; font-size:1.6rem; line-height:1.8}
.member-view img{ width:100%}
*/

/* --------------业务介绍---------------------- */

.business{padding:4%;background-color:#f5f5f5}
.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{  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{background-color:#fff;border:1px #ddd solid;width:48%; margin-left:4%;float:left;padding:5px;margin-bottom:15px;box-shadow: 0px 1px 10px rgba(0,0,0,0.08);}
.business .item-b .con .item .image{}
.business .item-b .con .item .image img{width:100%}
.business .item-b .con .item .text{font-size:1.4rem;padding:1rem 0;text-align:center}

.business-list{ padding:4%; background-color:#f2f2f2}
.business-list li{margin-bottom:20px;background-color:#fff;  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.8rem; font-weight:normal; line-height:55px; padding:0 20px; background-color:#fafafa; color:#333;  }
.business-list li h2::before{content:"";display:inline-block;width:5px;height:16px;margin-right:6px;background:#006db8;vertical-align:-2px}
.business-list li .con{padding:20px}
.business-list li ul{ width:100%; overflow:hidden;background-color:#fafafa;}
.business-list li ul img{ width:100%;}




.project-view{ padding-bottom:30px;}
.project-view .project-top{ padding:5%; background-color:#006db8;}
.project-view h1{font-size:2rem;  font-weight:bold; color:#fff; 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:#63ade0}
.project-view p.project-info b{ color:#fff; font-weight:normal; margin-right:5px;}
.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:2rem; font-family: dincond-mediumregular;} 
.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{}
.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.8rem; 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(../../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}


.report-banner{ background:url(../../images/report-banner.jpg) no-repeat;line-height:120px;font-size:3rem;color:#fff;text-align:center}
.report{padding:4% 4% 8%}
.report .image{padding:0 30%;}
.report .image img{display:block;width:100%; border: 10px #fff solid;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);}
.report .text{ margin-top::20px; text-align:center;}
.report .text h1{ font-size:2.2rem; text-align:center; margin-top:30px;}
.report .text p{ margin-top:15px; line-height:1.7; text-align:left; margin-bottom:15px; text-indent:2em;font-size:1.3rem;color:#5a5a5a}
.report .text a{ display:inline-block; padding:15px 30px; background-color:#06c; color:#fff;font-size:1.8rem}
.report .text a i{ margin-right:5px;font-size:2rem}

/*culture*/
.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: -5rem auto 2rem;}
.culture blockquote h1{ font-size:2rem; line-height:50px; color:#006db8; 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:15px; line-height:2; text-align:left}
.culture img{ max-width:100%}

.culture .item{  position:relative; overflow:hidden; margin-bottom:20px;}

.culture .item{border:1px #ddd solid; position:relative; border-radius:10px; overflow:hidden}
.culture .item h2{ background:url(../../images/pic-title-bg.gif) repeat-x 0 bottom; color:#006db8; line-height:60px; text-align:center; font-size:1.8rem; font-weight:bold}
.culture .item ul{ padding:20px 30px}
.culture .item ul li{ position:relative; margin-left:95px; line-height:1.8; margin-bottom:15px; color:#7a7a7a}
.culture .item ul li label{ position:absolute; left:-95px;top:0; color:#222; font-weight:normal; width:90px;}


.solution-banner{ height:160px; position:relative; background-position:center center; background-size:cover; background-repeat:no-repeat}
.solution-banner .text{ color:#fff; position:absolute; left:20px; top:50px;}
.solution-banner .text h1{font-size: 2.6rem; margin-bottom: 5px;font-weight:600; line-height: 1.4;}
.solution-banner .text p{font-size: 1.2rem;line-height: 2;}



.solution{background-color:#f5f5f5}
.solution-bg1{ background-color:#fff;}
.solution-bg2{}

.solution .item-a {padding:30px 4%}
.solution .item-a .text{ }
.solution .item-a .text p{ font-size:1.5rem; color:#5a5a5a; line-height:1.7;text-indent:2em}
.solution .item-a .text a.link{ display:block; width:130px; line-height:40px; border:1px #ee0000 solid; text-align:center; font-size:16px; margin:20px auto 0; border-radius:5px; color:#ee0000}
.solution .item-a .text a.link:hover{ background-color:#ee0000; color:#fff}


.solution .item-b{ padding:30px 4% 10px}
.solution .item-b h2{ height:25px; border-bottom:1px #ddd solid; text-align:center;margin-bottom:50px;}
.solution .item-b h2 strong{ display:inline-block; line-height:50px; padding:0 30px; background-color:#f5f5f5; border:1px #ddd solid; font-weight:normal; font-size:18px;box-shadow: 4px 4px 0px rgba(0,0,0,0.05);}
.solution .item-b .item{ overflow:hidden; background-color:#fff;padding:15px;margin-bottom:20px; box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.05);}
.solution .item-b .item img{ float:left; width:40%;margin-top:7px}
.solution .item-b .item .text{width:55%;float:right}
.solution .item-b .item h3{ font-size:2rem}
.solution .item-b .item p{ color:#6a6a6a; margin-top:5px;font-size:1.2rem; line-height:1.6}


.solution .item-c{ padding:30px 0 10px}
.solution .item-c h2{width:92%;margin-left:4%; height:25px; border-bottom:1px #ddd solid; text-align:center;margin-bottom:40px;}
.solution .item-c h2 strong{ display:inline-block; line-height:50px; padding:0 30px; background-color:#f5f5f5; border:1px #ddd solid; font-weight:normal; font-size:18px;box-shadow: 4px 4px 0px rgba(0,0,0,0.05);}
.solution .item-c ul li{ background:url(../../images/li.gif) no-repeat 0 8px;line-height:1.4; padding-left:12px; font-size:1.6rem;margin-bottom:15px;}


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