@charset "utf-8";
.large_padding{padding:0rem 0 5rem}
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#header.mini{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.lowB #header{background:#fff}
#header ul li.navitem a.active,#header ul li.navitem:hover a{color:#000;background:#fff; font-weight:bold;}
#indexPage #mpartner .slider_control a:hover{background-color:#424242}
#pages a.active,#pages a:hover{background:#e73828;color:#fff}
.bx-wrapper .bx-controls-direction a:hover{background-color:#4e4e4e}
#header ul li.navitem a{color:#fff;padding:15px 0;background-color:transparent;border-radius:3px;display:block;font-family:NeoSansStd-Regular,"微软雅黑";text-transform:uppercase;font-size:16px;width:130px;text-align:center}
#header ul li.navitem ul.subnav li a{padding:5px 30px;width:140px;height:40px;line-height:40px;background:rgba(255,255,255,1) none repeat scroll 0 0;display:block;font-size:14px;transition:all .2s ease-out 0s;color:#000;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:0}
#header ul li.navitem ul.subnav li a:hover{text-indent:10px;background:#333;color:#00b9ef}
#header ul li.navitem ul.subnav{border-top:3px solid #00b9ef;border-radius:0;width:200px}
#header ul li.navitem ul.subnav li{border-bottom:1px solid #fff}
.bx-wrapper .bx-controls-direction a{background:rgba(0,0,0,.2);border-radius:3px}
.content .header p.subtitle{color:#787878;font-size:14px;letter-spacing:2px;text-transform:uppercase}
#indexPage #mproject{background-color:#fff}
#category a{border-radius:4px;padding:15px 25px;margin-right:10px;transition:all .3s ease-out 0s;color:#999;}
#category a.active,#category a:hover{background:#694606;color:#fff;}
.nobanner #header{background:#1e1e1e}
#projectlist .projectitem{margin-right:1%;margin-bottom:20px;width:18.5%; border:1px solid #eee; overflow:hidden;}
#projectlist .projectitem .project_info p.title{color:transparent;text-align:center;font-size:18px;font-family:NeoSansStd-Regular,"微软雅黑";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;z-index:1;position:relative}
#projectlist .projectitem .project_info p.subtitle{text-align:left;font-family:NeoSansStd-Light,"微软雅黑";z-index:1;position:relative}
#projectlist .projectitem a:hover .project_info p.title{color:#fff;margin-top:-88px;}
#projectlist .wrapper{margin-left:1%;margin-right:auto}
.npagePage #projectlist .wrapper{width:80%;margin:0 auto}
#projectlist .projectitem .project_info div{position:absolute;height:50px;width:100%;bottom:-100px;margin-top:0;top:auto}
#projectlist .projectitem a:hover .project_info p.subtitle{margin-top:4px;color:#fff}
#mproject .content .header{padding-top:61px;padding-bottom:80px}
#projectlist .projectitem .project_info div.line1{width:100%;height:0;background:rgba(111,74,0,.8);transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin:0 0 100px}
#projectlist .projectitem a:hover .project_info div.line1{height:50px}
#projectlist,#projectmore{margin:0 auto}
#projectmore{width:180px;line-height:150px;text-align:center;font-size:14px;display:block;background:#694606;text-indent:0;position:absolute;top:143px;height:35px;border-radius:5px;line-height:35px;left:50%;margin-left:-90px;color:#fff}
#projectmore:hover{width:220px;height:35px;font-size:14px;line-height:35px;text-indent:0;background:#333;margin-left:-116px;color:#00b9ef;}
#mproject .content .header{padding-bottom:112px}
#indexPage #mnews .bgmask,#indexPage #mpage .bgmask,#indexPage #mproject .bgmask,#indexPage #mservice .bgmask{background-color:rgba(255,255,255,0)}
#contactform p textarea.inputtxt{height:80px}
#contactform p .inputtxt{border:none;margin-bottom:10px;background:0 0;width:0;height:0;line-height:0;padding:0;color:transparent}
#indexPage #mteam .description{padding:0 50px;color:#edd19d;}
.content .header p.title{letter-spacing:1px}
#footer{background:#151214}
#indexPage #mteam .slider_control a i:hover{color:#e73828}
.teamitem a div.wrap span{background:#e73828}
#contactinfo div a{background:#484848}
#footer p{text-align:center;color:#595959}
.teamitem a div.wrap{background:#171717}
#indexPage #mslider{height:400px}
bx-wrapper .bx-pager.bx-default-pager a{width:20px;height:4px;margin:0 5px;border-radius:6px;border:1px solid #c8c8c8}
#indexPage #mslider{height:0}
#header .content{padding-left:40px;padding-right:40px}
#indexPage #mslider ul li p.title{text-transform:uppercase;font-size:80px;line-height:80px;height:80px}
#indexPage #mslider ul li p.subtitle{color:#8c8c8c;width:600px;margin:10px auto}
#indexPage #mslider ul li div{background-image:url(../images/dian1.png)}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{bottom:0;background-color:rgba(0,0,0,.6)}
#shares a#gotop{margin-top:1px;background-color:rgba(0,0,0,.2);transition:all .3s ease-out 0s}
#shares a#gotop:hover{background-color:rgba(0,0,0,.8)}
#shares a#sweibo{background-color:rgba(36,24,26,.5);transition:all .3s ease-out 0s}
#shares a#sweibo:hover{background:#ea493c}
#shares a#sweixin{background-color:rgba(36,24,26,.3);transition:all .3s ease-out 0s}
#shares a#sweixin:hover{background:#24b727}
.bx-wrapper .bx-pager.bx-default-pager a{width:50px;height:1px}
#indexPage #mslider ul li p{color:#e73828}
#header .content{padding-left:0;padding-right:0}
#header ul#nav{float:right;border-left:1px solid transparent;padding:0 40px 0 40px;transition:all .3s ease-out 0s}
#header.mini ul#nav{padding:0 20px 0 20px}
#header.mini{background:#694606;padding-top:0}
#header ul li.navitem{padding:26px 3px;height:auto;line-height:16px}
#header.mini ul li.navitem{padding:17px .5px}
#header{padding-top:0;border-bottom:1px solid transparent;background-color: #694606}
#header #logo{padding:20px 40px 20px 40px;border-right:1px solid transparent;transition:all .3s ease-out 0s}
#header #logo img{transform:scale(1,1);transition:all .3s ease-out 0s}
#header.mini #logo{padding:5px 20px 10px 20px}
#olx_head{background:#1d1d1d;border-radius:0;color:#e73828}
#online_lx{border-radius:0}
#olx_qq li a:hover i{color:#e73828}
#olx_qq li a:hover{padding:18px 30px}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{border:1px solid transparent;background-color:transparent}
.bx-wrapper .bx-pager.bx-default-pager a{border:1px solid transparent;margin:0 0;border-radius:0;background:transparent none repeat scroll 0 0}
#indexPage #mservice .fw{width:auto}
#indexPage #mservice .slider_control{width:0;height:auto}
#indexPage #mservice .slider_wrapper{width:100%;height:auto}
#indexPage #mservice .slider_wrapper .slider{width:100%;margin-left:1%}
.serviceitem a{display:block;height:120px;margin:20px auto 20px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.serviceitem:hover{background-color:#4b3101;padding:0 0;box-shadow:0 8px 16px rgba(0,0,0,.3);border-radius:20px}
.serviceitem{height:300px;margin-right:1%;width:32%;margin-top:20px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;background-color:transparent;border-radius:20px}
.serviceitem div p.description{color:#edd19d;height:50px;overflow:hidden;width:70%;margin-top:10px;padding:0 15%;transition:all .2s ease-out 0s;font-size:14px}
.serviceitem div p.title{font-size:16px;width:70%;padding:0 15%;color:#eeefef;font-family:NeoSansStd-Regular,"微软雅黑"}
#indexPage #mservice .content .header p.title{color:transparent;font-size:0}
#indexPage #mservice .content .header p.subtitle{color:transparent;font-size:0;line-height:0}
#indexPage #mservice .content .header{padding-top:0;padding-bottom:0}
#indexPage #mservice{background-color:#694606;height:340px}
.serviceitem:hover .title{color:#eeefef}
.serviceitem:hover div p.description{color:#fff}
#indexPage #mpage .slider_wrapper li .fimg{height:1218px}
#indexPage #mcontact .content{width:1180px}
#contactinfo{padding:140px 0 0 136px;background-image:url(../images/logo.png);background-repeat:no-repeat}
#contactform.fr{background:url(../images/app.png) no-repeat right bottom; width:618px;height:415px; position:relative; bottom:156px;}
#indexPage #mcontact{height:1200px;background-color:#694606;background-image:url(../images/contact.jpg); overflow:hidden;}
#mcontact .content .header{padding-top:60px;padding-bottom:500px}
#contactform p .inputsub{background-color:transparent;margin-top:0;padding:0;color:transparent;font-size:0}
#contactform .inputtxt.active{border-color:#424242}
#contactinfo h3{color:#fff}
#indexPage #mnews{height:1500px}
#newslist{background:#eeefef}
#newslist .newstitem:hover{background:#694606}
#newslist .newstitem{background-color:#eeefef;height:140px}
#mnews .content .header{padding-bottom:120px}
#newslist .newscontent{padding-top:32px}
#newslist .newsbody .description{margin-top:16px;width:510px;font-size:14px}
#newslist .newsinfo .md{color:#b1b1b1}
#indexPage a.more{width:180px;text-align:center;font-size:14px;background:#694606;position:absolute;top:92px;height:35px;border-radius:5px;line-height:35px;left:50%;margin-left:-90px;color:#fff;text-indent:0}
#indexPage a.more:hover{text-indent:0;background:#333; color:#00b9ef;width:220px;margin-left:-116px}
#indexPage #mteam{background-color:#694606;height:867px}
#mteam .content .header{padding-top:100px;padding-bottom:50px}
#indexPage #mteam .content .header.large{background:#fff}
#indexPage #mteam .content .header.large .title{color:#444;font-size:26px}
#indexPage #mteam .content .header.large p.title{margin:0}
#servicelist .serviceitem{height:360px;margin-right:1%;width:32%;margin-top:20px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;background-color:#f8f8f8;margin-bottom:0}
#servicelist .serviceitem:hover{background-color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.1)}
#servicelist .serviceitem:hover .title{color:#151515}
#servicelist .serviceitem div p.description{color:#7b7b7b}
#servicelist .serviceitem div p.title{color:#6c6c6c}
#servicelist{width:100%}
#servicelist .wrap{width:100%;margin-left:1%}
#projectinfo{width:340px;float:right;padding:0 50px;margin-left:0}
#projectwrap.fw{width:100%}
#projectimages li img{display:block;float:none;margin:0 auto;max-width:100%}
#projectbody{max-width:100%;margin:0 auto;width:calc(100% - 490px);float:right;padding:0 50px 0 0}
#projectimages li img{display:block;float:none;max-width:100%;margin:0 auto}
#projectimages li{margin-bottom:0}
#projectinfo .description a{background:#2d2d2d;border-radius:3px;padding:6px 40px}
#projectinfo .description a:hover{background:#e73828;color:#fff}
#sitecontent .npagePage .content #plheader.header p.title{color:transparent;font-size:0}
#sitecontent .npagePage .content #plheader.header p.subtitle{color:transparent;font-size:0}
#plheader{padding-bottom:20px;padding-top:0}
.teamitem .teaminfo{text-align:left}
#indexPage #mslider ul li{background-color:#000}
.npagePage #projectlist .projectitem{margin-bottom:100px}
.npagePage #projectlist .projectitem .project_info p.title{color:#717171;}
.npagePage #projectlist .projectitem .project_info p.subtitle{margin-top:0;color:#8c8c8c;font-size:14px}
#indexPage a.more:hover i{color:transparent;text-indent:-10px}
#mteam .fw{margin:0 auto;width:100%}
#indexPage #mteam .header img{float:left;margin:-100px 0 0 0;border-radius:0;width:68%;height:auto}
#indexPage #mteam .header p.title{margin:140px 0 auto;color:#fff}
#indexPage #mteam .header p.subtitle{margin-right:0}
.module-slider .description{width:auto;height:auto;font-size:14px}
#indexPage #mteam .slider_wrapper{width:auto;height:auto}
#indexPage #mteam .slider_control{height:40px;position:absolute;z-index:9;right:-4px;width:100px;margin:290px 0}
.content .header{padding-top:61px;padding-bottom:114px}
#indexPage #mteam .slider_control a i{color:#fff;background-color:rgba(38,24,24,.5);padding:16px 20px;border-radius:5px}
#indexPage #mteam .slider_control.prev{left:-4px}
#indexPage #mteam .slider_control.right{right:-4px}
.npagePage .content .header{padding-top:61px;padding-bottom:0}
#newsPage #newslist .newstitem{background-color:#fff}
#newsPage #newslist .newstitem:hover{background:#694606}
#projectih .header p.title{color:#444;font-size:26px;margin-left:0;letter-spacing:0}
#projectih .header p.subtitle{color:#787878;font-size:14px}
#indexPage a.more i{font-size:0}
#indexPage #category{display:none}

#newslist .header{padding: 4rem 0;}
#newslist .header p.title a{color: #333}

#projectlist{width: 80%;}

#projectlist.channel_62{width: 90%;padding: 0 5%;}

.l{float: left;}
.r{float: right;}
.about_fazhan{padding:60px 0 60px 0;width: 1200px;margin: 0 auto;}
.ajax_licheng .licheng_cell{position:relative}
.ajax_licheng .right_area{display:inline-block;width:44%;margin-top:80px}
.ajax_licheng .left_area{display:inline-block;width:44%;margin-top:30px}
.ajax_licheng{background:url(../images/licheng_zhou_03.jpg);background-repeat:repeat-y;background-position:center;position:relative}
.ajax_licheng .right_dian{position:absolute;right:50%;margin-right:-8px;top:125px;width:16px;height:16px;background:url(../images/licheng_dian.png)}
.ajax_licheng .left_dian{position:absolute;left:50%;margin-left:-8px;top:75px;width:16px;height:16px;background:url(../images/licheng_dian.png)}
.ajax_licheng .red_dian{background-position:-16px 0}
.licheng_cell{width:530px;background:#F6F6F6;position:absolute}
.licheng_cell.l:after{content:'';position:absolute;right:-32px;top:31px;border:18px solid;border-color:transparent transparent transparent #F6F6F6}
.licheng_cell.r:before{content:'';position:absolute;left:-32px;top:31px;border:18px solid;border-color:transparent #F6F6F6 transparent transparent}
.licheng_cell.l .licheng_area{padding:10px 40px 20px 40px}
.licheng_cell.r .licheng_area{padding:10px 40px 20px 40px}
.licheng_year{font-size:36px;color:#CB3333;line-height:2em}
.licheng_dec{font-size:15px;line-height:1.8em}
.licheng_cell.l{text-align:right}
.licheng_cell.r{text-align:left}
.licheng_cell:hover{background:#CB3333;color:#fff}

.ajax_licheng .red_dian{background-position:-16px 0}
.licheng_cell:hover .licheng_year{color:#fff}
.licheng_cell.r:hover:before{border-color:transparent #CB3333 transparent transparent}
.licheng_cell.l:after{content:'';position:absolute;right:-32px;top:31px;border:18px solid;border-color:transparent transparent transparent #F6F6F6}
.licheng_cell.l:hover:after{border-color:transparent transparent transparent #CB3333}