#header {width: 100%;height:170px;position: fixed;margin:0; padding-top:0;font-size: 16px;transition: all ease .3s;z-index: 99;border-bottom:#f08200 2px solid;}


#header.mini ul li.navtop {float:left; height:54px; overflow:hidden;}
#header #logo {width: 300px;height: 65px;display: block;float: left;margin-right: 50px;margin-top: 25px;}
#header ul#nav { width:auto;float: right;margin-right:-20px;margin-top:-35px;background:none;}
#header ul li.navtop {padding: 0 20px 0 20px;width: auto;height: 52px;line-height:40px;float: left;position: relative;}
#header ul li.navtop a {color: #fff;transition: none ease-out .3s;transition-property: color, background, text-indent, opacity}
#header ul li.navtop a.active, #header ul li.navtop:hover a {color: #282828}
#header ul li a em{display:block; font:12px/14px "Microsoft Yahei"; text-transform:uppercase; color:#bcbbba;}
#header { background-color: #fff; padding: 25px 0 25px 0; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
#header.mini { padding-top: 25px; background: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }


#header ul li.navtop a { display:inline-block; text-align:center; font:18px/24px "Microsoft Yahei"; color:#221814; line-height:24px; height:54px; padding:0 10px 0 0;}
#header ul li.navtop { padding: 0; margin: 0 20px ; }
#header ul li.navtop a.active, #header ul li.navtop:hover a { text-decoration:none; background:url(../images/icons/nav-s.gif) no-repeat center center; color:#f08200;}
.bx-wrapper .bx-pager.bx-default-pager a { display: none; }
.serviceitem div { text-align: left; }


#header .content{
	width:1186px;margin:0 auto;

}
#top_tt{
height:35px; line-height:35px; color:#8e8e8e; overflow:hidden;
background:#f0f0f0;
margin-top:-25px;
border-bottom: #eee 1px solid;
}

#top_tt ul {
width:1186px;margin:0 auto;
background:#ccc;
}
#top_tt ul li{
	float:right;
font-size:13px; height:35px;line-height:40px;
border-right:1px solid #eee;text-align:center;

}

#top_tt ul li a{

padding:0 12px; color:#8e8e8e;
}
#top_tt ul li.tb-tel {float:left;font-size:13px; color:#8e8e8e;  }
#top_tt ul li.tb-tel span{font-size:16px; color:#777; font-weight:bold; }
#top_tt ul li a:hover{

color:#f08200;
}
#logo{
	float: left;
}
#header .content .sous{
	float: right;
	height:25px;
	width:800px; 
	margin-top:10px;
	margin-bottom:15px;

}

.content .header p.title { font-family: "微软雅黑"; }
.navtop strong { left: 0px; width: 100%; position: absolute; top: -15px; height: 2px; background-color: transparent; transition: all 0.3s ease 0s; z-index: -1; }
#header ul li.navtop a.active strong, #header ul li.navtop:hover a strong { width: 100%; background-color: #f08200; }
#nav .navtop:hover strong { width: 100%; }

#header ul li.navtop ul.subnav { border-top: 2px solid #f08200; }
#header ul li.navtop ul.subnav li a:hover { background: #282828 none repeat scroll 0% 0%; color: #fff; }
#header ul li.navtop ul.subnav li a { background: #fff; color: #282828; }
#header ul li.navtop ul.subnav li { border-bottom: 1px solid #E6E6E6; }

#header ul li.navtop a.active:after, #header ul li.navtop:hover a:after { content: ''; width: 100%; left: 0px; position: absolute;  transition: all 0.3s ease 0s; z-index: -1; }
#header ul li.navtop:hover ul.subnav li a:after, #header ul li.navtop ul.subnav li a.active:after { width: 0px; }



#header .content .sous .search {width: 360px;height:35px;  float: right;}

#header .content .sous .kuais {width: 360px;height:20px;  float: right;margin-right:0px;}
#header .content .sous .kuais a{float:right; margin:0px 5px;font-size:13px;color:#565656;}
form {
  position: relative;
  width: 350px;
  margin: 0 auto;
}
.d7 {margin-top:0px;}
.d7:after {content:""; clear:both; display:table}
.d7 form {
  width: auto;
  float: right;
  margin-right: 10px;
}
.d7 input {
  width: 280px;
  height: 25px;
  padding-left: 15px;
  border-radius: 1px;
  border: 1px solid #f08200;
  background: #fff;
  font-size:14px;
   line-height: 25px;
  outline: none;
  position: relative;
  transition: .3s linear;
}
.d7 input:focus {
  width: 350px;
}
.d7 button {
  outline:none;
  width: 25px;
  height: 25px;
  background: none;
  border: none;
  position: absolute;
  top: 1px;
  right: 5px;
  border:none;
  cursor:pointer;
}
.d7 button:before{
	
  content: "\f002";
  font-family: FontAwesome;
  color: #f08200;
  
}





























#footer { background: #282828;height:500px; margin-top:10px;}
#footer p { text-align: left; font-size:14px;padding: 20px 0px; color: #6c6e75; width: 1186px; margin: 0 auto;  }
#footer p { text-align: left; padding: 20px 0px; color: #6c6e75; width: 1186px; margin: 0 auto;  }


#sitecontent .content .fw { width: 1186px; }
.postbody a { color: #848484; }
.postbody a:hover { color: #3892D6; text-decoration: none; }

.bx-controls .bx-pager { margin: 0px auto; width: 938px; text-align: left; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: relative; bottom: 25px; }
#indexPage .slider_control i { color: transparent; background: url(../images/jiantou.png)no-repeat -40px -50px; width: 40px; height: 20px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage .slider_control i.fa-angle-left { background: url(../images/jiantou.png)no-repeat 0px -51px; }
#indexPage .slider_control i:hover.fa-angle-left { background: url(../images/jiantou.png)no-repeat 0px -70px; }
#indexPage .slider_control i:hover { background: url(../images/jiantou.png)no-repeat -40px -70px; }
#indexPage a.more:hover { background: url(../images/jiantou.png)no-repeat 26px -127px; background-color: #f08200; border-color: #f08200; }

#indexPage #mnews { background-color: #ccc; height:600px;border-top: 1px solid #e7e7e7; }
#newslist .newsdate { width: 120px; }
#newslist .newsinfo .md { font-size: 40px; line-height: 30px; }
#newslist .newsbody .description { line-height: 22px; font-size: 12px; color: #898989; margin-top: 26px; }
#newslist .newstitem:hover { background: transparent; }
#newslist .newstitem:hover p.description { color: #898989; }
#mnews .content .header { padding-top: 80px; padding-bottom: 10px; }
#indexPage a.more { color: transparent; background: url(../images/jiantou.png)no-repeat 26px -97px; width: 148px; height: 30px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 3px; font-size: 0px; }
#newslist .newstitem:hover .newsinfo { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
#contactinfo h3 { float: left; width: 100%; color: #666; margin-bottom: 20px; }
#contactinfo p { width: auto; float: inherit; padding-right: 40px; }
#mcontact .content .header { padding-bottom: 0px; }
#projectlist, #projectmore { margin: 0 auto; width: 1200px; }
#projectlist .wrapper { margin-right: -20px; padding-top: 20px; width: 1200px; }
#projectlist .projectitem a:hover .project_info p.title { margin-top: 20px; color: #666; }
#projectlist .projectitem .project_info div { position: absolute; height: 100px; width:350px; bottom: 10px; margin-top: 0; top: auto; }
#projectlist .projectitem .project_info div.line1 { width: 100%; height: 2px; background: #E0E0E0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 0 0 20px 0; }
#projectlist .projectitem a:hover .project_info div.line1 { background: #666; }
#projectlist .projectitem a:hover .project_info { background: transparent; }


#projectmore { background: transparent; border: 1px solid #dfdfdf; color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 350px; margin-top: 20px; }
#projectmore:hover { background: #666; border: 1px solid #666; width: 350px; height: 50px; line-height: 50px; text-indent: 0; font-size: 14px; }
#indexPage #mproject { padding-bottom: 80px; background-color: #f0f0f0; }
 #mpage .slider_wrapper li { border-top: 1px solid #e7e7e7; }
#indexPage #mteam .content > .header { display: block; }



#indexPage #mteam .header img { float: left; margin: 0px 50px 0 100px; border-radius: 0px; width: 180px; height: auto; border-radius: 90px; }
.module-slider .description { width: auto; height: 96px; font-size: 12px; }
#indexPage #mteam .header p.title { text-align: left; color: #282828; text-align: center; }
#indexPage #mteam .header p.subtitle { text-align: left; text-align: center; }
#indexPage #mteam .slider_wrapper { height: 320px; }
#indexPage #mteam { background-color: #f6f6f6; height: 500px; }
#mteam .content .header { padding-bottom: 30px; }
#indexPage #mteam .slider_control a i { color: transparent; }
#indexPage #mteam .slider_control a:hover i { color: transparent; }
#mpage .module-slider .description { width: 400px; text-align: center; height: 50px; }
#contactinfo div { clear: both; margin-top: 90px; }
#contactinfo div a { color: #fff; background: rgba(0,0,0,.3); margin-right: 20px; }
#newslist { width: 1186px; margin: 0 auto; }
#indexPage #mteam .module-content .header a { position: relative; }
{
 overflow: hidden;
 max-height: 220px;
}
#newslist { margin-right: -50px; }
#newslist .newsinfo { display: block; float: none; margin: 0; padding: 0; position: relative; transform: translate3d(0px, -14px, 10px ); -webkit-transform: translate3d(0px, -14px, 10px ); }
#newslist .newstitem:hover .newsinfo { transform: translate3d(0px, -14px, 0px); -webkit-transform: translate3d(0px, -14px, 0px); }
#newslist .newsbody .title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #EFEFEF; padding: 0 0 20px 0; font-size: 16px; height: 20px; line-height: 20px; }
#newslist .newstitem:hover .description { color: #777; }
#newslist .newsdate { width: auto; margin: 0 0 40px; background-color: transparent; transition: all 0.3s ease-out 0s; border-radius: 4px; }
#newslist .newstitem:hover .newsdate { background-color: transparent; }
#newslist .newscontent { height: auto; margin: 0; padding: 0; width: 100%; }
.newsdate p { float: inherit; padding: 0; width: auto; }
#newslist .newstitem:hover i { text-indent: 0px; margin: -168px 120px 0 0; font-size: 20px; color: #606060; }
#newslist .newsbody { margin-left: 0; width: 100%; }
#newslist { width: 1186px; margin: 0px auto; }
#servicelist .serviceitem { margin-bottom: 80px; }
#newsPage #newslist { width: 1186px; margin: 50px auto 0; }
.postbody img { max-width: 1186px; }
#projectbody { width: 800px; }
#projectbody .postbody img { max-width: 800px; }
#header ul li.navtop:hover ul.subnav { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
.navtop .fa-angle-down { color: #9E9E9E; margin-left: 8px; font-size: 12px; }

.teamitem { width: 1186px; height: 180px; margin-bottom: 50px; margin-right: 0; background-color: #F6F6F6; }
.teamitem img { width: 180px; height: auto; }
.teamitem .teaminfo { text-align: left; margin: 30px; }
.teamitem .teaminfo .description { margin-top: 20px; margin-left: 188px; }
.teamitem .teaminfo .subtitle { margin-left: 188px; }
#teamlist { width: 1186px; }
#teamlist .wrap { margin-right: 0px; }
.teamitem a div.wrap { height: 40px; background: #f08200; bottom: -40px; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.teamitem a:hover div.wrap { transform: translate(0, -40px); -webkit-transform: translate(0, -40px); -moz-transform: translate(0, -40px); }
.teamitem a div.wrap div { margin: 12px auto; }
 #banner div { margin-top: 100px; height: 550px; }
#indexPage #mpartner .slider_control a { background: transparent; }
#indexPage #mpartner .slider_control a:hover { background-color: transparent; }
#indexPage #mpartner .slider_control a i { color: transparent; }

#teampost #teamimage img { width: 500px; margin-bottom: 40px; margin-right: 40px; }
#teampost #teambody { margin-left: 0px; }
#teampost #teamimage { width: 550px; }
#indexPage #mpartner { border-top: 1px solid #e7e7e7; }

#indexPage .module .content { position: inherit; top: inherit; }
 #mservice .content { height: auto; margin-top: 0px; }

#indexPage #mteam .content { height: auto; margin-top: 0; }
#indexPage #mproject .content { height: auto; margin-top: 0; }
#indexPage #mnews .content { height: auto; margin-top: 0; }
#indexPage #mpartner .content { height: auto; margin-top: 0; }
#indexPage #mcontact .content { height: auto; margin-top: 0; }
#indexPage a.more i { font-size: 18px; display: none }
.module-content .description { font-size: 12px; }
.content .header p.subtitle { font-size: 12px; line-height: 30px; }

#projectlist .projectitem a .project_img { width:350px;height: 350px;margin:0 50px; }
#projectlist .projectitem a .project_img  img{ width:350px;height: 300px; }
#mservice .content .header { padding-top: 10px; padding-bottom: 50px; }
#servicelist .serviceitem:hover .title { color: #f08200 }
#servicelist .serviceitem div { text-align: left; }
 #mservice .content {
}

  #mservice p.subtitle {color: #282828;font-size: 14px;text-align:center;font-weight:bold;}
 #mservice a.more { display: none; }
#mservice .wrapper .bx-wrapper .bx-prev { left: -58px; top: 102px; }
 #mservice .wrapper .bx-wrapper .bx-next { right: -58px; top: 102px }
.npagePage #servicelist {
width: 1300px;
}
.npagePage #servicelist .serviceitem { height:550px; width: 360px; }
.npagePage #servicelist .serviceitem {width: 360px;height:550px;float: left;margin: 0px 25px 10px 45px;}
#servicelist .serviceitem a img { height: 550px; width: 360px; }
#mteam .content .header { padding-top: 80px; }
#indexPage #mteam .summary { float: left; width: 620px; margin-top: 18px; }
#indexPage #mteam .summary p { text-align: left; color: #848484; }
#indexPage #mteam .summary .description { width: auto; height: 96px; font-size: 12px; }
#indexPage #mteam .bx-wrapper .bx-prev { left: 0; margin-top: 0 }
#indexPage #mteam .bx-wrapper .bx-next { right: 0; margin-top: 0 }
#indexPage #mteam .module-content .header { padding-top: 50px; }
.teamitem a { width: 180px; height: 180px; margin-right: 40px; float: left; max-height: 180px; overflow: hidden; background-color: #DEDEDE; }
.teamitem .teaminfo .title { height: 32px; color: #5a5a5a; font-size: 24px; }
.teamitem .teaminfo .title a { color: #5a5a5a; height: auto; background-color: transparent; }
#mpage .slider li { border-top: 1px solid #e7e7e7; }
#mpage .content .header { padding-top: 10px; padding-bottom: 40px; }
 #mpage .wrapper li .fimg { height: 430px; }
 
 
#mproject .content{width: 1200px; margin:0 auto;background:#ccc;}
 #mproject .content .header {width: 1186px; margin:0 auto;padding-top: 80px; padding-bottom: 40px; background-color: rgba(255,255,255,0); }
 
#category a {line-height: 20px;font-size:16px;height: 20px;padding: 10px 20px;color: #282828;border: #d2d2d2 1px solid;margin-right: 5px;display: inline-block;transition: all 0.3s ease-out 0s;}

#category a.active, #category a:hover { background: #f08200; color: #fff; border-color: #f08200; }
 #mproject #category { display: block; visibility: visible; }
 #projectlist {width: 1200px;}
 #projectlist li.projectitem {float:left;width:350px; height: 300px; margin:0 50px 0 0;background: none; }
 #projectlist .projectitem img{float:left;width:350px; height: 300px; margin:0 50px 0 0;background: none; }
#projectlist .projectitem a { width:350px;  }
#projectlist .projectitem a .project_info { height: 100px; background: none; top: inherit; }
#projectlist .projectitem a .project_info div { position: absolute; bottom: 0px; top: 0px; margin-top: 0px; }
#projectlist .projectitem a .project_info div:after { content: ''; width: 100%; height: 2px; background: #E0E0E0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 20px 0; display: block; }
#projectlist .projectitem a:hover .project_info div:after { background: #666; }
 #projectlist .projectitem .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align: left; padding: 0; }
 #projectlist .projectitem .project_info p.title { margin-top: 20px; font-size: 14px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #666; text-align: left; padding: 0; }
 #mproject .bx-wrapper .bx-pager { display: none; }
 #mproject a.more { background: #f08200; border: 1px solid #f08200; font-family: "HELVETICANEUELTPRO-THEX"; color: #fff; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 300px; margin: 40px auto 0px; text-align: center; border-radius: 30px; }
 #mproject a.more:hover { background: #666; border: 1px solid #666; width: 300px; height: 50px; line-height: 50px; text-indent: 0; font-size: 14px; color: #fff; display: block; }
 #mproject a.more:hover i { color: transparent; text-indent: -10px; }
#category { margin-bottom: 20px; }


.npagePage #projectlist .projectitem { background: none; height: 340px; width: 350px; margin-right: 20px; margin-bottom: 20px; }
.npagePage #projectlist .projectitem a .project_info p.title { margin-top: 20px; color: #666; text-align: left; padding: 0; font-size: 14px; }
.npagePage #projectlist .wrapper { margin: 0; width: 1200px; }
.npagePage #projectlist .projectitem a .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align: left; padding: 0; }
.npagePage #projectlist .projectitem a .project_info div:after { display: none; }
#mnews .content .header { padding-top: 50px; padding-bottom: 10px; }
#indexPage #mnews .content .header { width: 1186px; margin:0 auto;display: block; }




#newslist .separator { display: none; }
#newslist .newstitem { border-bottom: 1px solid transparent; float: left; height: auto; height: auto; }
#newslist .newsbody p.date { font-family: "HELVETICANEUELTPRO-THEX", Arial; height: 30px; font-weight: 300; }
#newslist .newstitem a.newscontent { text-align: left; }
#newslist .newstitem .md { color: #BDBDBD; display: inline-block; font-size: 16px; padding: 0 15px 0 48px; position: relative; }
#newslist .newstitem .md span { display: none; }
#newslist .newstitem .md:after { content: ''; display: block; border-bottom: 1px solid rgb(200, 200, 200); top: 49%; width: 25px; position: absolute; left: 11px; }
#newslist .newstitem .year { color: #8a8a8a; font-size: 16px; float: left; }
#newslist .newsbody .description { margin-top: 20px; font-size: 12px; color: #777; text-align: left; height: 42px; overflow: hidden; }
 #mnews .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background: none; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 90px; }
 #mnews #newslist .newstitem i { text-indent: 0px; color: transparent; font-size: 20px; margin: 0; }
#indexPage #mnews #newslist .newstitem:hover a.details i { text-indent: 60px; color: #707070; }
#indexPage #mnews #newslist .newstitem i { margin: 0; margin-left: 55px; }
#newslist .newstitem:hover p.title { color: #464646; text-decoration: underline; }
#indexPage #mnews a.more { margin: 60px auto 80px; display: block; }
#indexPage #newsitem_5 { display: none; }
#newsPage #newslist .newstitem { margin: 0 0 80px 50px; width: 320px; position: relative; }
#newsPage .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background-color: transparent; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 80px; color: transparent; }
#newsPage #newslist .newstitem i { text-indent: 0px; color: transparent; font-size: 20px; margin: 0; }
#newsPage #newslist .newstitem:hover a.details i { text-indent: 110px; color: #707070; }
#sitecontent #newsPage .content a.details:hover { text-indent: -94px; }
#indexPage #mpartner .content .header { display: none; }
#indexPage #mpartner .module-content { padding: 60px 0; height: 80px; }
#indexPage #mpartner .wrapper { height: auto; }
#indexPage #mpartner .wrapper ul li { height: 80px; }
#indexPage #mpartner .wrapper ul li a { width: 112px; height: auto; margin-right: 10px; }
#indexPage #mpartner .bx-wrapper .bx-pager { display: none; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction { display: block; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display: block; }
#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; }
#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; }
#contactinfo { width: 1180px; margin: 80px auto 0; }

#contactinfo div a:hover { color: #fff; background: #5c5c5c; }
#footer a path { fill: rgb(148, 148, 148); }

#partneritem_0 { animation-delay: 0.1s; animation-name: fadeInUp; }
.bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, 0.2); width: 30px; height: 30px; margin-top: -25px; }
.bx-wrapper .bx-controls-direction a i { font-size: 18px; margin-top: 6px; margin-left: 11px; }
.bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 13px; }
#contactform p .inputtxt { width: 0; height: 0; line-height: 0; padding: 0; color: transparent; background-color: transparent; border: 1px solid transparent; margin-bottom: 0; }
#contactform p .inputsub { width: 0; }

#pages a.active, #pages a:hover { background-color: #f08200; border-radius: 3px; }
#indexPage .module { z-index: auto; }
#newsitem_1 { animation-name: fadeInUp; animation-delay: 0.1s; }
#newsitem_2 { animation-name: fadeInUp; animation-delay: 0.2s; }
#newsitem_3 { animation-name: fadeInUp; animation-delay: 0.3s; }
#newsitem_4 { animation-name: fadeInUp; animation-delay: 0.4s; }
#mnews #newslist .newsbody .description { display: none; }
#mnews #newslist .newstitem { width:380px; float: left;}
#mnews #newslist .newsbody p.date { width: 75px; font-size: 14px; float: left; height:15px;line-height: 15px; }
#mnews #newslist .newsbody p.date .md { font-size: 14px; float: left; padding: 0px; }
#mnews #newslist .newsbody p.date .md:after { display: none; }
#mnews #newslist .newsbody p.date .md span { display: inline-block; }
#mnews #newslist .newsbody p.date .year { font-size: 14px; float: right;  }
#mnews #newslist .newsbody p.title { width: 380px; float: right; margin-top: -10px; height: 14px; line-height: 14px; font-size: 14px; border-bottom: 1px solid transparent; color: #282828; transition: all .3s ease 0s; }

#mnews #newslist #newsitem_0.newstitem { width: 594px; height: 162px; margin-right: 180px;  }
#mnews #newslist #newsitem_0.newstitem .description { display: block; margin-top: 22px;  }
#mnews #newslist #newsitem_0.newstitem .newsimg { width: 250px; height: 160px;  float: left; }
#mnews #newslist #newsitem_0.newstitem .news_wrapper { width: 315px; height: 160px; position: inherit; float: right ;}
#mnews #newslist #newsitem_0.newstitem p.date { width: 100%; line-height:10px;height: 20px; margin-top: 10px; }
#mnews #newslist #newsitem_0.newstitem p.date .md:after { content: ''; display: block; border-bottom: 1px solid rgb(200, 200, 200); top: 48%; width: 35px; position: absolute; left: -48px; opacity: 1; }
#mnews #newslist #newsitem_0.newstitem p.date .md span { opacity: 0; filter: alpha(opacity=0); }
#mnews #newslist #newsitem_0.newstitem p.date .year { font-size: 16px; float: left; position: relative; left: -44px; }
#mnews #newslist #newsitem_0.newstitem p.date .md { font-size: 16px; float: left; padding: 0px; left: 108px; }
#mnews #newslist #newsitem_0.newstitem p.date .md span { display: inline-block; }
#mnews #newslist #newsitem_0.newstitem p.title { font-size: 16px; width: 100%; height: 36px; margin-bottom: 20px; border-bottom: 1px solid #EFEFEF; color: #000; }
#indexPage #mnews .newstitem a.details { display: none; }
#mnews #newslist .newstitem:hover p.title { color: #f08200;; text-decoration: none; }
#newsPage #category { padding-bottom: 56px; }
#newsPage #newslist { width: 1186px; margin: 0 auto; overflow: hidden; }
#newsPage #newslist .newstitem { width: 1186px; height: auto; margin: 0px 30px; padding: 15px 0px; margin-top: -1px; border-top: 1px dotted rgb(211, 211, 211); }
#newsPage #newslist .newstitem .newscontent:after { display: block; content: ''; clear: both; }
#newsPage #newslist .newstitem .description { display: block; margin-top: 22px; }
#newsPage #newslist .newstitem .newsimg { width: 250px; height: 160px;  float: left; }

#newsPage #newslist .newstitem .news_wrapper { width: 640px; height: 160px; position: inherit; float: right }
#newsPage #newslist .newstitem p.date { width: 100%; line-height: 30px; margin-top: 6px; }
#newsPage #newslist .newstitem p.date .md:after { content: ''; display: block; border-bottom: 1px solid rgb(200, 200, 200); top: 48%; width: 35px; position: absolute; left: -48px; opacity: 1; }
#newsPage #newslist .newstitem p.date .md span { opacity: 0; filter: alpha(opacity=0); }
#newsPage #newslist .newstitem p.date .year { font-size: 16px; float: left; position: relative; left: -44px; }
#newsPage #newslist .newstitem p.date .md { font-size: 16px; float: left; padding: 0px; left: 108px; }
#newsPage #newslist .newstitem p.date .md span { display: inline-block; }
#newsPage #newslist .newstitem p.title { font-size: 16px; width: 100%; height: 36px; margin-bottom: 20px; border-bottom: 1px solid #EFEFEF; color: #000; padding: 0px; }
#newsPage .newstitem a.details { display: none; }
#newsPage #newslist .newstitem:hover p.title { text-decoration: none; }
#online_open { bottom: 132px; }
#online_lx { bottom: 144px; }
#shares { height: 92px; bottom: 40px; }
#shares a#sshare { display: none; }
#shares a#gotop { margin-top: 0px; }
.propost_img{ display:block;height: 110px; overflow:hidden;}

.block-content {
    visibility: visible;
    animation-duration: 1.2s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-name: fadeInUp;
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.block-content-box {
    visibility: visible;
    animation-duration: 0.4s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    position: relative;
}

.block-content-box-list {
    display: table;
    width: 100%;
    padding: 0;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.block-list-item {
    width: 33.333333333333333%;
    display: inline-block;
    vertical-align: top;
    float:left;
}

.block-list-item-box {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 60px 20px;
    position: relative;
    overflow: hidden;
    transition: all .5s;
    transition: all .5s;
}

.block-list-item-box:hover {
    -webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
    -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
    box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}

.block-list-item-mask {
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    overflow: hidden;
}

.block-list-item-image {
    padding-top: 80px!important;
    position: relative;
}

.block-list-item-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.block-list-item-middle {
    display: table;
    table-layout: fixed;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    width: 80px;
    margin: auto;
    border-radius: 100%;
}

.block-list-item-middle img {
    position: relative;
    vertical-align: middle;
    cursor: initial!important;
    width: 80%;
}

.block-list-item-text {
    margin: 0.9em 0 0;
    z-index: 3;
    display: block;
}

.block-list-item-body {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    margin-top: 0;
    text-align: center;
}

.block-list-item-body-title {
    margin-bottom: 20px;
}

.block-list-item-body-title p strong {
    font-size: 26px;color:#565656;
    font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;
}

.block-list-item-body-text p {
    color: #565656;
    font-size: 16px;
    font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;
}

.content .header p.title {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    color: #f08200;
	margin-top: -50px;
}

.content .header p.subtitle {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #999;
}











.w1210 {
	width: 1210px;
	margin: 0 auto;
}

.register {
	height:180px;
	padding: 30px 0 45px;
	background:  url(../images/footerbg.png) no-repeat center bottom #f08200;
}

.register .desc {
	padding-bottom: 20px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.register .btn {
	display: block;
	width: 128px;
	height: 36px;
	padding: 0;
	margin: 0 auto;
	margin-top:100px;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 30px;
	transition: all .2s;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
}

.register .btn:hover {
	background: rgba(0, 0, 0, .6);
	border: none;
}


.site-footer {
	font-size: 14px;
	line-height: 1.8;
	background: #373d41;
	border-top: 2px solid #f06200;
}

.site-footer a:hover {
	color: #f08200 !important;
}

.site-footer .footer-article {
	padding: 60px 0 20px;
	overflow: hidden;

}

.site-footer .col-article {
	float: left;
	width: 200px;
	margin-right: 40px;
}

.site-footer .col-article dt {
	margin-bottom: 14px;
	font-size: 18px;font-weight:bold;
	
	color: #d7d8d9;
}

.site-footer .col-article dd {
	width:150px;
	margin: 0;
	overflow: hidden;
	border-right: 1px solid #4b5054;
}

.site-footer .col-article dd a {
	float: left;
	width: 135px;
	margin: 0 0 6px;
	font-size: 14px;
	color: #9b9ea0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.site-footer .col-article.col-article-spe {
	width: 300px;
}

.site-footer .col-article.col-article-spe dd {
	width: auto;
	border: 0;
}

.site-footer .col-article.col-article-spe dd p {
	height: 30px;
	padding-top: 6px;
	font: 14px/20px Arial;
	color: #9b9ea0;
	text-align:left;
}
.site-footer .col-article.col-article-spe dd p.ad {
	margin-top:-8px;
	text-indent:43px;
}
.site-footer .col-article.col-article-spe dd i {
	float: left;
	margin-right: 5px;
	font-size: 20px;
	color: #9b9ea0;
}



.site-footer .col-code {
	float: left;
	width: 105px;
	text-align: center;
	color: #9b9ea0;
}

.site-footer .col-code img {
	width: 105px;
	height: 105px;
	margin-bottom: 5px;
}

.footer-info{
	margin: 0 auto;
	height: 135px;
	border-top: 1px solid #4b5054;
}

.footer-info .info-text {
	padding-bottom: 10px;
	font-size: 12px;
	text-align: center;
}

.footer-info .info-text .nav-bottom {
	padding: 20px 0 5px;
	font-size: 14px;
	color: #ccc;
	text-align: center;
}

.footer-info .info-text .nav-bottom a {
	padding: 0 8px;
	color: #9b9ea0;
}

.footer-info .info-text .copyright {
	
	padding-top: 5px;
}
.footer-info .info-text  p{
	
color: #666;
}
.footer-info .info-text  p.copyright a{
	
color: #666;
}
.footer-info .info-text  p.copyright a:hover{
	
color: #f08200;
}
.footer-info .info-text em {
	padding: 0 8px;
}

#projectih .header .description {
    font-size: 16px;
  margin-top:80px;

    text-align: center;
    color: #f0f0f0;
	
}
#projectih .header .description p{
    font-size: 16px;
  margin-top:80px;

    text-align: center;
    color: #f0f0f0;
	
}