/** Base Style **/
* {
  transition: background 0.1s ease-in-out;
}
 html, body, p, div, a, section, footer, header, ul, li, h1, dl, dd, dt, h1, h2, h3, h4, h5, h6, img, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, form, input, button{
  margin:0;
  padding:0;
   list-style-type:none; 
  font-family: "Microsoft YaHei","Simsum","Noto Sans CJK SC","Arial";
  /* FIXME: horizontal scroll bar will not show anyway */
  /*overflow-x: hidden;*/
}
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}
.container {
  width:100%;
  /*height:100%;*/
}
.index_con {
  min-width: 1386px;
}

a {
  text-decoration: none;
  transition: color 0.1s ease-in-out,border 0.3s ease-in-out;
}
a:hover {
  color: #e60012;
}
.regularp {
  font-family: "Verdana","Simsun","Microsoft YaHei";
  font-size: 12px;
  line-height: 20px;
}
.f_left {
  float: left;
}
.f_right {
  float: right;
}
.mFixed {
  position: fixed;
  z-index: 9999;
  border-bottom: 1px solid #dfdfdf;
}
/** Special style for IE10 **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .logo_tenyears_tian,.logo_tenyears_xing {
     background-position: 0px 0px !important;
   }
}
.ie8tips_frame {
  display: none;
}
/** BD Maps Area **/
#aboutMap {
  width: 100%;
  height: 680px;
  overflow: hidden;
  margin: 0;
    position: relative;
    z-index: 0;
    background-color: rgb(45, 45, 45);
    color: rgb(0, 0, 0);
	background:url(../images/maps.gif) no-repeat top center;
    text-align: left;
}
/** Menu Nav Area **/
.nav_class {
   width: 100%;
   min-width: 890px;
   height: 90px;
   background: #fff;
   position: fixed;
   z-index: 999;
   top: 0;
   border-bottom: 1px solid #dfdfdf;
}
.nav_logo {
  display: inline-block;
  background: url(../images/txidea_logo.png);
  width: 240px;
  height: 56px;
  margin-top: 15px;
  margin-left: 30px;
}

/** Slidesshow Area **/
.tx_slides {
  background: #929292;
  height: 758px;
  padding: 1px;
      top: 70px;
    position: relative;
}
.tx_slides:hover .txphoto_slides_left {
  opacity: 1;
}
.tx_slides:hover .txphoto_slides_right {
  opacity: 1;
}
.txphoto_bkg {
  position: absolute;
  height:758px;
  min-width: 1386px;
  width: calc(100% - 1px);
}
.tx_photo_img {
  width: 100%;
  height: 758px;
}
.txphoto_slides_left {
  position: absolute;
  /*background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);*/
  height: 758px;
  width: 250px;
  padding: 1px;
  opacity: 0;
  transition: opacity 500ms;
}
.tx_sbtn_left {
  width: 140px;
  height: 140px;
  background: url(../images/slides_left.png)  no-repeat;
  margin-top: 300px;
  margin-left:0;
  border: none;
  outline: none;
  cursor:pointer; 
}
.txphoto_slides_right {
  position: absolute;
  right:0;
  /*background-image: -webkit-linear-gradient(Right,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);*/
  height: 758px;
  width: 250px;
  padding: 1px;
  opacity: 0;
  transition: opacity 500ms;
}
.tx_sbtn_right {
  float: right;
  width: 140px;
  height: 140px;
  background: url(../images/slides_right.png) no-repeat;
  margin-top: 300px;
  margin-right: 0px;
  border: none;
  outline: none;
  cursor:pointer; 
}
.logo_tenyears {
  position: relative;
  width:702px;
  height:702px;
  margin:0 auto;
  margin-top: 20px;
  background:url(../images/logo_tenyear.png);
  transform: scale(0,0);
  /*transform: rotateY(0deg);*/
  /*backface-visibility: hidden;*/
}
.logo_tenyears_content {
  padding-top: 31px;
}
.logo_tenyears_tian {
  margin-left:175px;
  width:306px;
  height:253px;
  background:url(../images/logo_tenyears_tian.png) no-repeat;
  /* Prepare for fade in animate */
  opacity: 0;
  background-position: 0px -255px;
}
.logo_tenyears_intro {
  margin-left: 121px;
  margin-top: 13px;
  width: 422px;
  height: 91px;
  background: url(../images/logo_tenyears_intro.png) no-repeat;
  /* Prepare for scale animate */
  transform: scale(0,0);
}
.logo_tenyears_intro_class {
  position: absolute;
  margin-left: 121px;
  margin-top: 13px;
  width: 422px;
  height: 91px;
  /* Prepare for scale animate */
/*  transform: scale(0,0);*/
}
.logo_tenyears_intro_title {
  font-size: 36px;
  color: #fff;
  text-align: center;
  font-style: italic;
  font-family: "Arial","Microsoft YaHei";
  font-weight: 700;
  transform: translate(-500px,0px);
  opacity: 0;
}
.logo_tenyears_intro_chs {
  font-size: 21px;
  color: #fff;
  text-align: center;
  transform: translate(500px,0px);
  opacity: 0;
}
.logo_tenyears_intro_eng {
  font-size: 12px;
  width: 226px;
  margin: 0 auto;
  color: #fff;
  font-family: "Verdana","Microsoft YaHei";
  text-align: center;
  transform: translate(500px,0px);
  opacity: 0;
}
.logo_tenyears_xing {
  margin-left: 212px;
  margin-top: 125px;
  width: 251px;
  height: 239px;
  background: url(../images/logo_tenyears_xing.png) no-repeat;
  /* Prepare for fade in animate */
  opacity: 0;
  background-position: 0px 255px;
}
.logo_tenyears_2 {
  opacity: 0;
  width:702px;
  height:702px;
  margin-top:65px !important;
  margin:0 auto;
  background:url(../images/logo_tenyear.png);
  transform: scale(0,0);
  /*transform: rotateY(180deg);*/
  /*backface-visibility: hidden;*/
}
.logo_tenyears_2_content {
  margin:-46px 0 0 30px;
}
.logo_tenyears_2_shi {
  width:396px;
  height:380px;
  background:url(../images/logo_tenyears_shi.png) no-repeat;
  /* Prepare for fade in animate */
  background-position: (-399px 0px);
  opacity: 0;
}
.logo_tenyears_2_nian {
  width: 230px;
  height: 306px;
  margin-left: 290px;
  margin-top: -200px;
  background: url(../images/logo_tenyears_nian.png) no-repeat;
  /* Prepare for fade in animate */
  background-position: (235px 0px);
  opacity: 0;
}
.logo_tenyears_2_intro_class {
  position: absolute;
  margin-left: 90px;
  margin-top: -40px;
  width: 422px;
  height: 91px;
  /* Prepare for scale animate */
  transform: translateY(500px);
  opacity: 0;
}
.logo_tenyears_2_intro_title {
  font-size: 36px;
  color: #fff;
  text-align: center;
  font-style: italic;
  font-family: "Arial","Microsoft YaHei";
  font-weight: 700;
}
.logo_tenyears_2_intro_chs {
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.logo_tenyears_2_intro_eng {
  font-size: 12px;
  line-height:16px;
  width: 226px;
  margin: 0 auto;
  color: #fff;
  font-family: "Verdana","Microsoft YaHei";
  text-align: center;
  margin-top:5px;
}
/** We do Area **/
.tx_wedo {
  margin-top: 50px;
}
.tx_wedo_title {
  font-size: 36px;
  font-weight: normal;
  color: #0d0d0d;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
}
.tx_wedo_intro {
  font-size: 14px;
  font-weight: normal;
  color: #606060;
  text-align: center;
}
.tx_wedo_class {
  width: 1180px;
  margin: 100px auto 160px;
}
.tx_wedo_box {
  display: inline-block;
  width: 291px;
}
.tx_wedo_stitle {
  font-size: 24px;
  font-weight: normal;
  color: #292929;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 8px;
}
.tx_wedo_sintro {
  font-family: "Verdana","Microsoft YaHei","Arial";
  font-size: 12px;
  font-weight: normal;
  color: #9b9b9b;
  text-align: center;
  text-transform: uppercase;
  margin-top: 5px;
}
.tx_wedo_split {
  margin-top: 117px;
}
/* We do - rect */
.tx_wedo_rect {
  width: 118px;
  height: 105px;
  background: url(../images/wedo_rect.png) no-repeat;
  margin: 0 auto;
    cursor:pointer;
}
.tx_wedo_arrow {
  width: 84px;
  height: 61px;
  background: url(../images/wedo_arrow.png) no-repeat;
  margin: 0 auto;
  transform: translate(0px,50px);
  cursor:pointer;
}

/* We do - earch */
.tx_wedo_earth {
  width: 99px;
  height: 97px;
  background: url(../images/wedo_earth.png) no-repeat;
  margin: 0 auto;
  padding: 1px;
  cursor:pointer;
}
.tx_wedo_flag {
  width: 74px;
  height: 72px;
  background: url(../images/wedo_flag.png) no-repeat;
  margin-left: 35px;
  transform: translate(0px,-20px);
  cursor:pointer;
}

/* We do - phone */
.tx_wedo_phone {
  width: 65px;
  height: 99px;
  background: url(../images/wedo_phone.png) no-repeat;
  margin: 0 auto;
  cursor:pointer;
  
}
.tx_wedo_bubble {
  width: 76px;
  height: 63px;
  background: url(../images/wedo_bubble.png) no-repeat;
  margin-left: 31px;
  margin-top: -6px;
  transform: scale(1,1);
    cursor:pointer;
}

/* We do - pc */
.tx_wedo_pc {
  width: 118px;
  height: 98px;
  background: url(../images/wedo_pc.png) no-repeat;
  margin: 0 auto;
  padding: 1px;
    cursor:pointer;
}
.tx_wedo_shopcar {
  width: 59px;
  height: 40px;
  background: url(../images/wedo_shopcar.png) no-repeat;
  margin: 0 auto;
  margin-top: 22px;
  padding: 1px;
    cursor:pointer;
}
.tx_wedo_shoparrow {
  width: 16px;
  height: 19px;
  background: url(../images/wedo_shoparrow.png) no-repeat;
  margin: 0 auto;
  margin-top: 25px;
  margin-left: 55px;
  transform: translate(0px,0px);
    cursor:pointer;
}

/** Our Works Area **/
.tx_ourworks_background {
  width: calc(100% - 2px);
  background-color:#292929;
  padding: 1px;
}
.tx_ourworks_class {
  width: 1366px;
  margin: 115px auto 90px;
  padding: 1px;
}
.tx_ourworks_title {
  font-size: 36px;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
.tx_ourworks_intro {
  margin-top: 19px;
  font-size: 14px;
  font-weight: normal;
  color: #a5a5a5;
  text-align: center;
}
.tx_ourworks_tabs {
  padding-top: 53px;
  width: 1180px;
  margin: 0 auto;
}
.tx_ourworks_left,
.tx_ourworks_center,
.tx_ourworks_right {
  display: inline-block;
}
.tx_ourworks_left,
.tx_ourworks_center{
	margin-left:12px;
  margin-right: 12px;
}
.tx_ourworks_item {
  display: block;
  width: 366px;
  height: 311px;
}
.tx_worksitem_img {
  width: 366px;
  height: 235px;
}
.tx_ourworks_item:hover > .tx_worksitem_intro {
  background: #f60012;
  color: #fff !important;
}
.tx_ourworks_item:hover p {
  color: #fff !important;
}
.tx_worksitem_intro > p {
  color: #ccc;
}
.tx_worksitem_intro {
  background: #4a4a4a;
  color: #999;
  height: 74px;
  width: 366px;
  padding: 1px;
}
.tx_worksitem_intro_title {
  margin: 17px 0 0 15px;
  font-family: "Simsum","Microsoft YaHei";
  font-size: 16px;
}
.tx_worksitem_intro_pubinfo {
  margin: 12px 0 0 15px;
  font-family: "Verdana","Siumsun","Microsoft YaHei";
  font-size: 12px;
  line-height:18px;
}
.tx_worksitem_mask {
  transition: opacity 0.3s ease-in-out,font-size 0.2s ease-in-out;
  font-size:12px;
  color:rgba(255,255,255,0.3);
  text-align:center;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display:table-cell;
  vertical-align:middle;
  background-color: rgba(0,0,0,0.6);
  height:235px;
  width:366px;
}
.tx_ourworks_item:hover div[id*="tx_worksitem_mask"]{
  font-size:16px;
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.tx_ourworks_item:hover div[id*="tx_worksitem_mask_icon"]{
  animation: anim_maskicon 0.3s ease-out;
  -webkit-animation: anim_maskicon 0.3s ease-out;
  -moz-animation: anim_maskicon 0.3s ease-out;
}
@keyframes anim_maskicon {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes anim_maskicon {
  0% {
    -webkit-transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@-moz-keyframes anim_maskicon {
  0% {
    -moz-transform: translateY(-100px);
  }
  100% {
    -moz-transform: translateY(0px);
  }
}
.tx_worksitem_mask_icon {
  width:56px;
  height:56px;
  background: url(../images/ourworks_plus.png) no-repeat;
  margin:0 auto;
  transition: all 0.2s ease-in-out
  transform: translateY(-100px);
}
.tframe {
  width:1180px;
  height:399px;
  margin:0 auto;
  background:#292929;
}
.tabsw {
  border:none;
  background:#292929;
  color:#fff;
  border-radius:15px;
  margin:0px 10px 0px 10px;
  padding:3px 23px 5px 23px;
  outline:none;
  cursor:pointer;
}
.tabsw:hover {
  background-color:#e60012;
}
.tabsw:disabled {
  color: #fff;
}
.tabsw_active {
  background-color:#e60012;
  cursor:pointer;
}
.tabsw_class {
  margin: 0 auto;
  width: 310px;
}
.tx_ourworks_switch_left {
  position: relative;
  float: left;
  background: url(../images/switch_left.png) no-repeat;
  height: 79px;
  width: 39px;
  top: 380px;
  opacity: 0.3;
  transition: opacity 300ms;
  cursor:pointer;
}
.tx_ourworks_switch_left:hover {
  opacity: 1;
}
.tx_ourworks_switch_right {
  position: relative;
  float: right;
  background: url(../images/switch_right.png) no-repeat;
  height: 79px;
  width: 39px;
  top: 380px;
  opacity: 0.3;
  transition: opacity 300ms;
  cursor:pointer;
}
.tx_ourworks_switch_right:hover {
  opacity: 1;
}
.htab-1 {
  display: inline-block;
}
.htab-2,.htab-3,.htab-4,.htab-5,.htab-6,.htab-7{
  display: none;
  transform: translateX(100%);
}
.htab-unlimit {
	display: none;
  transform: translateX(100%);
}
.tx_ourworks_btnclass {
  width: 115px;
  margin: 85px auto 0 auto;
}
/** About US Area **/
.tx_aboutus_bkg {
  background: #fff;
  width: calc(100% - 2px);
  padding: 1px;
}
.tx_aboutus_class {
  color: #333;
  background:#fff;
  width: 1180px;
  margin: 103px auto 110px;
}
.tx_aboutus_title {
  font-family: "Arial","Microsoft YaHei UI","Microsoft YaHei";
  font-size: 30px;
  text-transform: uppercase;
  color: #333;
  margin: 0;
  font-weight: normal;
}
.tx_aboutus_chs {
  font-size: 24px;
  color: #333;
  margin: 0 0 9px 0;
  font-weight: normal;
}
.tx_aboutus_line {
  display: inline-block;
  border-top: 2px solid #e60012;
  width: 44px;
}
.tx_aboutus_class p {
  font-family: "Arial","Simsun","Microsoft YaHei";
  font-size: 12px;
  margin: 23px 0 34px 0;
  line-height: 20px;
}
.tx_aboutus_button {
  font-family: "Arial","Simsun","Microsoft YaHei";
  width: 124px;
  height: 30px;
  border-radius: 15px;
  background:#4a4a4a;
  text-transform: uppercase;
  border:none;
  color: #fff;
  font-size: 14px;
  padding:0 48px 0 21px;
  outline: none;
}
.tx_aboutus_button:hover {
  background: #e60012;
}
.tx_aboutus_left {
  display: inline-block;
  width: 545px;
  margin: 0 130px 0 0;
  vertical-align: top;
}
.tx_aboutus_right {
  display: inline-block;
  width: 455px;
  vertical-align: top;
}
.tx_aboutus_right p {
  margin-bottom: 95px;
}
.tx_newscenter_bkg {
  background: #eaeaea;
  padding: 1px;
}
.tx_newscenter_class {
  margin: 96px auto 86px auto;
  width: 1181px;
}
.tx_newscenter_left {
  display: inline-block;
}
.tx_newscenter_item_right {
  display: inline-block;
  width: 259px;
  margin-left:10px;
  vertical-align: top;
}
.tx_newscenter_item_right a {
  text-decoration: none;
}
.tx_newscenter_item {
  display: inline-block;
  width: 405px;
  padding: 17px 16px 17px 16px;
  background: #fff;
  font-family: "Simsun","Arial","Microsoft YaHei";
  vertical-align: top;
  margin-left: 15px;
}
.tx_newscenter_title{
  font-size: 14px;
  font-family:"Microsoft YaHei",Verdana, Geneva, sans-serif;
  color: #5e5e5e;
  margin:0;
  width: 260px;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tx_newscenter_title a{font-size: 14px;}
.tx_newscenter_title a:hover{color:#f00;}
.tx_newscenter_pubtime {
  font-family: "Verdana","Arial","Microsoft YaHei";
  color: #999;
  font-size: 12px;
  line-height:18px;
  margin: 0;
}
.tx_newscenter_item p {
  font-size: 12px;
  line-height:18px;
  color: #999;
  height:36px;
  overflow:hidden;
}
.tx_newscenter_class .tx_aboutus_button {
  margin-top: 28px;
  display: block;
}
.navarrow_class {
  height: 21px;
  display: inline-block;
  vertical-align: top;
  margin-top: 65px;
}
.navarrow_up {
  display: block;
  background: url(../images/navarrow.png);
  width: 17px;
  height: 17px;
  border: none;
  outline: none;
  margin: 0 0 3px 0;
}
.navarrow_up:hover {
  background: url(../images/navarrow_hover.png);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.navarrow_down {
  display: block;
  background: url(../images/navarrow.png);
  width: 17px;
  height: 17px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  border: none;
  outline: none;
  margin: 0;
}
.navarrow_down:hover {
  background: url(../images/navarrow_hover.png);
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.nc_tabframe {
  overflow-y: hidden;
  display: inline-block;
}
.nc_tab1 {

}
.nc_tab2,.nc_tab3,.nc_tab4,.nc_tab5,.nc_tab6 {
  transform: translateY(-100%);
  display: none;
}
.nc_tab_unlimit {
  transform: translateY(-100%);
  display: none;
}
/** Our Custom Area **/

.tx_custom_class {
  width: 1181px;
  margin:125px auto;
  background: #fff;
}
.tx_custom_title {
  font-size: 36px;
  color: #0d0d0d;
  font-weight: normal;
  text-align: center;
}
.tx_custom_stitle {
  color: #666666;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.tx_custom_logo {
	margin-top:30px;
  list-style:none; 
  vertical-align: middle;
  clear:both; 
}

.tx_custom_logo li {
	float:left;
	width:190px;
	height:45px;
	margin:25px 0;
	text-align: center;
  vertical-align: middle;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter:grayscale(100%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
}
.tx_custom_logo li:hover {
  -webkit-filter: none;
  filter: none;
  filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}
.tx_custom_logo li img{
	text-align: center;
  	vertical-align: middle;
	mix-width:90px;
	max-height:45px;
	}

.customs_button {
  border: none;
  outline: none;
  font-size: 12px;
  display: inline-block;
  background: #4a4a4a;
  color: #fff;
  padding: 9px 20px 9px 20px;
  border-radius:20px;
}
.customs_button:hover {
  background: #e60012;
}
.customs_btnclass {
	clear:both; 
  width: 320px;
  margin: 60px auto;
  padding-top:40px;
}
.customs_hline {
  display: inline-block;
  background:url(../images/custom_hline.png) no-repeat center;
  margin:0 15px 0 15px;
  height: 13px;
  width: 1px;
}
.connectus_class {
  position: absolute;
  width: 413px;
  height: 620px;
  background: #fff;
  right: 260px;
  top:30px;
  background: url(../images/connectus_bkg.png)
}
.connectus_content {
  padding: 30px 20px 10px 20px;
}
.connectus_content p {
  font-family: "Verdana","Simsun","Microsoft YaHei";
  font-size: 12px;
  line-height: 24px;
  color: #848484;
}
.connectus_content p i {
  font-weight: 700;
}
.connectus_content p i,.connectus_content p a {
  text-decoration: none;
  color: #6b6b6b;
  font-style: normal;
}
.connectus_title {
  color: #0d0d0d;
  font-size: 36px;
  margin: 0;
  font-weight: normal;
}
.connectus_stitle {
  font-size: 14px;
  color: #666666;
  margin-top: 5px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #666;
  font-weight: normal;
}
.tx_mapsclass {
  position: relative;
  width:100%;
  margin-top:90px;
}
.submitrequest{
  width: 166px;
  height: 42px;
  background: #e60012;
  color: #fff;
  font-size: 14px;
  border-radius: 20px;
  border: none;
  outline: none;
  transition: font-size 0.1s ease-in-out;
}
.submitrequest:hover {
  font-size: 16px;
}
.connectus_txname {
  margin: 19px 0 9px 0;
  color: #888787;
  font-size: 16px;
  padding-top: 15px;
  border-top: 1px dashed #666;
}
.connectus_txloc {
  font-family: "Verdana","Simsun","Microsoft YaHei";
  color: #888787;
  font-size: 12px;
  padding: 0 0 19px 0;
  border-bottom: 1px dashed #666;
}
.connectus_worktime {
  color: #888787;
  font-size: 12px;
  padding-top: 17px;
}
.connetus_bottom_class {
  position: inherit;
  left:22px;
  bottom: 21px;
}
.connectus_chat {
  font-size: 12px;
  font-family: "Simsun","Arial";
  color: #888787;
  display: inline-block;
  line-height: 23px;
}
.qqchat_img {
  vertical-align: bottom;
}
.connectus_wechat {
  position: absolute;
  margin-top: -155px;
  margin-left: 80px;
}
.connectus_footer {
  margin-top: 25px;
}
.connectus_footertext {
  font-family: "Simsun","Microsoft YaHei UI","Microsoft YaHei";
  color: #dbdbdb;
  font-size: 12px;
}
.connectus_wechattext {
  margin-left: 100px;
  font-size: 14px;
  color: #fff;
}

/** Footer Area **/
.footer_class{
  width:100%;
  height: 90px;
  background: #fff;
  margin-top:40px;
}
.footer_content {
  width: 100%;
  margin: 0 auto;
}
.footer_left {
  display: inline-block;
  font-family: Microsoft YaHei;
  font-size: 14px;
  line-height:24px;
  color: #666;
  margin-left:60px;
}
.footer_right {
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #666;
  float: right;
  margin-right:60px;
}
.footer_right ul {
  list-style: none;
  display: inline-block;
}
.footer_aboutus {
  border-left: none !important;
}
.footer_right ul li {
  display: inline-block;
  border-left: 1px solid #c7c7c7;
  padding-left: 15px;
  padding-right: 15px;
  line-height:14px;
}
.footer_right ul li a{
  color: #4a4a4a;
  text-decoration: none;
}

/**
 Produce page Area
 Produce page Area
 Produce page Area
 Produce page Area
**/
.produce_content {
  padding-top: 40px;
  min-width: 890px;
  overflow-x: hidden;
  margin-top: 90px;
}
.produce_info {
  position: fixed;
  float: left;
  width: 290px;
  height:100%;
  min-height:765px;
  margin-left: 60px;
  margin-right: 30px;
}
.produce_right{
  position: relative;
  float: right;
  width: calc(100% - 350px);
}
.produce_right .imageclass {
  width: 100%;
  min-height:650px;
  text-align:center;
}
.imageclass img {
  max-width: 1356px;
  margin: 0 20px 0 50px;
}
.pinfo_title {
  font-family: "Arial","Microsoft YaHei";
  font-size: 18px;
  color: #9b9b9b;
}
.pinfo_intro {
  margin-top: 20px;
  font-size: 12px;
  color: #9b9b9b;  
}

p {
  color : #9B9B9B;
  font-size : 12px;
  line-height:20px;
}

.pinfo_pubinfo {
  font-family: "Verdana","Arial","Microsoft YaHei";
  font-size: 12px;
  line-height:18px;
  color: #9b9b9b;
  margin-bottom: 40px;
}

.pinfo_pubinfo a {
  font-family: "Verdana","Arial","Microsoft YaHei";
  font-size: 12px;
  line-height:18px;
  color: #9b9b9b;
  margin-bottom: 40px;
}

.pinfo_button {
  height: 24px;
  font-family: "Simsun","Microsoft YaHei";
  background: #9b9b9b;
  border: none;
  font-size: 12px;
  color: #fff;
  padding:0 10px 0 10px;
  margin-right: 18px;
  transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
}
.pinfo_button:hover {
  background: #e60012;
}
.pinfo_share_class {
  width: 290px;
  padding-top: 25px;
  position:absolute;
  bottom:200px;
  margin-top: 30px;
}
.pinfo_share_tweibo {
  background: #9b9b9b;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
}
.pinfo_share_weibo {
  background: #9b9b9b;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  -webkit-border-radius:15px;
  -moz-border-radiuis:15px;
}
.pinfo_share_douban {
  background: #9b9b9b;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
}
.pinfo_share_class img:hover {
  background: #e60012;
}
.pinfo_share_class img {
  margin:0 10px 0 0;
  transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
}
.pinfo_actionclass {
  position: fixed;
  right: 50px;
  top: 142px;
}
.pinfo_actionclass button {
  border: none;
  outline: none;
  width: 44px;
  height: 44px;
  margin-left: 3px;
  opacity: 0.4;
}
.pinfo_actionclass button:hover {
  opacity: 0.8;
}
.pinfo_action_left {
  background: #323c45 url(../images/pinfo_left.png);
}
.pinfo_action_right {
  background: #323c45 url(../images/pinfo_right.png);
}
.pinfo_action_close {
  background: #323c45;
  padding: 0;
}
.pinfo_action_close_img {
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
}
.pinfo_action_close_img:hover {
  -webkit-animation: anim_rotate360 0.3s ease-in;
  -moz-animation: anim_rotate360 0.3s ease-in;
  animation: anim_rotate360 0.3s ease-in;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes anim_rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.leftimg {
  float: right;
}
/** Service page Area **/
/** Service page Area **/
/** Service page Area **/
/** Service page Area **/
.services_container {
  width: 100%;
  min-width: 1181px;
  overflow-x: scroll;
  margin-top:90px;
}
.services_intro {
  width: 1180px;
  margin: 55px auto;
}
.services_banner {
  background: url(../images/services_bkg.png) no-repeat top center;
  height: 536px;
  width: 100%;
}
.services_devices {
  display: block;
  padding-top: 85px;
  margin: 0 auto;
}
.services_left {
  float: left;
  width: 544px;
}
.services_right {
  float: right;
  width: 545px;
}
.services_item {
  margin-bottom: 90px;
}
.services_item .tx_custom_stitle {
  text-align: left;
}
.services_qrclass {
  width: 152px;
}
.services_qrname {
  display: block;
  margin-top: 14px;
  font-family: "Siumsun","Microsoft YaHei";
  font-size: 12px;
  color: #4a4a4a;
  text-align: center;
}
.services_photo {
  position: relative;
  width: 100%;
  height: 373px;
  overflow: hidden;
}
.services_photo_class {
  width: 1900px;
  margin: 0 auto;
}
.services_photo_class img  {
  margin: 0;
  position: absolute;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter:grayscale(100%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.services_photo_class img:hover {
  -webkit-filter: none;
  filter: none;
  cursor: pointer;
}
.services_photo_img1 {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
.services_photo_img2 {
  -webkit-transform: translateX(297px);
  -moz-transform: translateX(297px);
  -ms-transform: translateX(297px);
  transform: translateX(297px);
}
.services_photo_img3 {
  -webkit-transform: translateX(897px);
  -moz-transform: translateX(897px);
  -ms-transform: translateX(897px);
  transform: translateX(897px);
}
.services_photo_img4 {
  transform: translateX(1473px);
  -webkit-transform: translateX(1473px);
  -moz-transform: translateX(1473px);
  -ms-transform: translateX(1473px);
  transform: translateX(1473px);
}
.services_connect {
  width: 1181px;
  margin: 70px auto 60px auto;
}.pay_connect {
  width: 730px;
  margin: 70px auto 60px auto;
}
.connect_hline {
  margin: 17px 0 17px 0;
  border-bottom: 1px dashed #000;
}
.connect_block1 {
  display: inline-block;
  vertical-align: top;
  width: 326px;
  margin-right: 78px;
}
.connect_block2 {
  display: inline-block;
  vertical-align: top;
  width: 380px;
  margin-right: 78px;
}
.connect_block3 {
  display: inline-block;
  vertical-align: top;
  width: 309px;
}
.connect_stitle {
  font-size: 16px;
  color:#666;
}
.services_connect p {
  color: #888787;
}
.services_footer {
  height:104px;
  padding-top:45px;
  background: #f0f0f0;
  color: #666;
}
.findusinmap {
  font-family: "Simsun","Microsoft YaHei";
  font-size: 12px;
  color: #888787;
}
.findusinmap a{
  color: #888787;
}
.findusinmap a:hover {
  color: #e60012;
}
.findusinmap_icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 17px;
  height: 19px;
  background-image: url(../images/loc_icon.png);
}
/** Code form old css **/
.di_qq {
    height: 37px;
    padding-left: 43px;
    background: url(../images/maps.png) 0 -83px no-repeat;
    font: 18px/34px "Microsoft YaHei", "Arial";
    margin-top: 10px;
    cursor: pointer;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.di_qq:hover {
    background: url(../images/maps.png) 0 -45px no-repeat;
}
.di_qq>a {
  color: #555;
  font-family: "Microsoft YaHei","Arial" !important;
}
.f-fs1{font-size:12px; line-height:20px;}
.di_add_ttl_case {
    font: 24px/40px "Microsoft YaHei", Arial;
    color: #000;
	padding-top:10px;
    border-top: 1px dotted #333;
}

/** 2015.11.20 @ News List **/
.gray_bkg {
  background: #f8f8f8;
  height: auto;
}
.cat_nav {
  width: 1000px;
  margin: 40px auto 46px auto;
  padding-top:90px;
  text-align:center;
}
.cat_nav li {
  list-style: none;
      display: inline-block;
  height: 30px;
  padding: 0 25px 0 25px;
  margin-right: 20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}
.cat_nav .hover {
  background: #e60012;
}
.cat_nav .hover a {
  color: white !important;
}
.cat_nav a {
  line-height: 30px;
  font-size: 18px;
  color: #292929;
}

/* */
.list {
  margin:0 auto;
  padding:0 40px 0 40px;
  transition: height .5s ease-out;
}
.item_intro{
	width: 434px;
	float:left;
	margin-left:3px;
	margin-right:3px;
}
.item_intro .info{
	    margin-right: 8px;
}
.news_item {
  width: 434px;
  height:101px;
  overflow: hidden;
  margin-bottom:20px;
}
.news_item:hover .more, .news_item:hover h2{
  opacity:1;
  color: #E60012;
}
.news_item .item_intro {
  position: relative;
  padding: 10px;
  height:105px;
  cursor: pointer;
}
.news_item .preview {
  float: left;
  height: 90px;
  width: 130px;
  overflow: hidden;
  margin-right: 10px;
}
.news_item h2{
  margin:3px 25px 0 0;
  padding: 0;
  font-weight: normal;
  line-height: 22px;
  max-height:22px;
  overflow: hidden;
  font-size: 18px;
  color: #3d3d3d;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.news_item .item_info {
 margin-top: 12px;
}
.news_item .more {
  position: absolute;
  bottom: 25px;
  right:40px;
  font-size: 12px;
  color: #ababab !important;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.news_item .more:hover {
  color: #E60012 !important;
}
.date, .cate {
  color: #9f9f9f;
  font-size: 12px;
  display: block;
}
.news_item p {
  font-size: 14px;
  color: #999;
  padding-left: 0px;
  margin:5px 25px 0 0;
  max-height:40px;
  overflow: hidden;
  font-family:Microsoft Yahei;
}
@media (min-width: 0px) {
  .list {
    width:450px;
  }
}
@media (min-width: 975px) {
  .list {
    width:900px;
  }
}
@media (min-width: 1400px) {
  .list {
    width:1320px;
	min-height:400px;
  }
}
@media (min-width: 1850px) {
  .list {
    width:1770px;
	min-height:400px;
  }
}

@media (min-width: 2280px) {
  .list {
    width:2200px;
	min-height:400px;
  }
}

/* */
.news_content {
  position: relative;
  padding-top:60px;
}
.newswidth{
	width:1168px;
	margin:0 auto;
	margin-top:30px;
}

.news_head {
  position: relative;
  margin: 20px 0 30px 0 ;
  padding-bottom: 20px;
  border-bottom:1px solid #dedede;
}
.news_head h1 {
  color: #3a3a3a;
  font-size: 32px;
  margin-bottom:10px;

}
.news_head .action {
  position: absolute;
  right: 0;
  height: 51px;
  top:50%;
  margin-top:-26px;
}
.action{margin:30px auto; text-align:center;}
.action .icons {
  background-image: url("../images/news_action.png");
  height: 0;
  width: 51px;
  padding: 51px 0 0 0;
  overflow: hidden;
  display: inline-block;
  margin: 0 5px;
}
.action .prev {
  background-position: -520px 0;
}
.action .prev:hover {
  background-position: -520px -52px;
}
.action .rlist {
  background-position: -624px 0;
}
.action .rlist:hover {
  background-position: -624px -51px;
}
.action .next {
  background-position: -572px 0;
}
.action .next:hover {
  background-position: -572px -52px;
}
.news_text {
  font-size: 14px;
  color: #777;
  line-height: 22px;
}
.news_text p {
  margin-bottom:0;
}
.news_text a {
  color: #3a3a3a;
}

.share {
  width: 200px;
  margin: 50px auto;
}
.action .tqq {
  background-position: -364px 0;
}
.action .tqq:hover {
  background-position: -364px -52px;
}
.action .tsina {
  background-position: -416px 0;
}
.action .tsina:hover {
  background-position: -416px -52px;
}
.action .qrcode {
  background-position: -468px 0;
}
.action .qrcode:hover {
  background-position: -468px -52px;
}

.share .qr {
  opacity:0;
  margin:15px 5px 0 12px;
}

.loadmore {
  font-size: 18px;
  color: #9b9b9b;
  width:170px;
  margin: 20px auto 80px auto;
  text-align: center;
}

#index #tag1, #case #tag2,  #services #tag3, #map #tag4, #news #tag5 {
    border-top: 9px solid #E60012 !important;
}

.newtimecss{
	width: 75px;
    float: left;
    margin-right: 22px;
	}
.newdaycss{
	font-family:"苹方";
	font-size:24px;
	color:#3d3d3d;
	text-align:right;
	font-weight:300;
}
.newyearcss{
	font-family:"苹方";
	font-size:18px;
	color:#cccccc;
	text-align:right;
	font-weight:300;
}


/* Page nav */
.pages-nav { clear:both; height:35px; margin:10px auto; position:absolute; bottom:0px; left: 50%; margin-left: -140px; text-align:center;}
.pages-nav a, .pages-nav { display:block;padding:0;}
.pages-nav a, .pages-nav a:link, .pages-nav a:visited { background:#dedede; color:#666; width:300px; height:45px; line-height:45px; text-decoration:none;font-size:16px; text-align:center;}
.pages-nav a:hover { background:#E60012; color:#fff;text-decoration:none;font-size:16px;}
.pages-nav .current { border:1px solid #fff;font-weight:bold;color:#fff;font-size:16px;}
.pages-nav .txt { background:#dedede; color:#666; width:300px; height:45px; line-height:45px; text-decoration:none;font-size:16px; text-align:center;}
/* End page nav */
.news_list{	color: #666;text-decoration:none;	padding-left:5px;	font:normal 14px/26px  Verdana, Arial, Helvetica, sans-serif; background:url(../images/newsli.gif) no-repeat left center; }
a.news_list:link {	text-decoration: none;	color: #666;	font-weight:normal;}
a.news_list:visited {	text-decoration: none;	color: #666;}
a.news_list:hover {	color:#ca0018;	text-decoration: none;}
a.news_list:active {	color: #ca0018;	text-decoration: none;}

.news_content H1 {float:left;font:bold 30px/36px Microsoft Yahei, Arial, Helvetica, sans-serif;	 width: 100%; color: #666;}
.news_content .cntArticle {	TEXT-ALIGN: left; PADDING-BOTTOM: 20px; LINE-HEIGHT: 25px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; FONT-SIZE: 14px; PADDING-TOP: 12px;}
.news_content .cntArticle P {LINE-HEIGHT: 25px; }
.news_content .news_text p{color:#555; font:16px/28px Microsoft Yahei, Arial, Helvetica, sans-serif;} 
.news_content .actBar {	POSITION: relative; TEXT-ALIGN: center; PADDING-BOTTOM: 12px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 16px; COLOR: #7e7e7e; PADDING-TOP: 12px; FONT-SIZE: 12px; }
.news_content .actBar SPAN {MARGIN: 0px 20px; COLOR: #7e7e7e}
.news_content .actBar SPAN A {MARGIN: 0px 5px; COLOR: #7e7e7e; TEXT-DECORATION: none}
.news_content .actBar SPAN A:hover {COLOR: #0b3b8c}
.job_connect{
	margin:0 auto;
	width:800px;
	margin-top:130px;
	margin-bottom:60px;
}
.job_connect .content>p{
	font-size:14px;
	line-height:26px;
}
.fixed_box{
         padding-top: 150px;	
		 text-align:center;
}
.fixed_box .intitles{
    font-weight: 300;
    color: #333;
	    font-size: 48px;
    line-height: 60px;
}
.fixed_box .subtitles{
	    font-size: 16px;
    color: #999;
    font-weight: 300;
    margin-top: 10px;
    line-height: 2rem;
	}
.container_content{
	
	margin-top:100px;}
.container_content .content_list .item{
	    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 4%;
    width: 15%;
    height: auto;
    text-align: center;	
}
.container_content .content_list .item .item_img {
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
	    border-radius: 19px;
    box-shadow: 0px 10px 8px #ccc;
}
.container_content .content_list .item .item_img a {
    display: block;
    border: 0.8rem solid #ebebeb;
    border-radius: 19px;
    background: #ebebeb;
    margin: 0 auto;
    position: relative;
}
.container_content .content_list .item .item_img a img {
    transition: all 0.3s ease-out;
    border-radius: 8px;
    background: #ebebeb;
    width: 100%;
}
.container_content .content_list .item .item_img a .pro-mask {
    width: 100%;
    position: absolute;
    padding-top: 15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    bottom: -200px;
    left: 0;
    margin-top: 70%;
    background: rgba(255, 255, 255, 1);
    opacity: 0;
    transition: all 0.3s;
    z-index: -1;
}
.container_content .content_list .item .item_img a:hover .pro-mask {
    opacity: 1;
    margin-top: 8%;
    z-index: 10;
    bottom: 0;
}
.container_content .content_list .item .item_img a:hover .pro-mask img{
max-width:138px;
}
.container_content .content_list .item .item_img a .pro-mask>p {
    color: #666;
    font-size: 12px;
    padding-top:8px;
    padding-bottom:8px;
}
.container_content .item_info .text_wrap .subtitle {
    margin-top: 30px;
    color: #666;
    font-size: 18px;
    line-height: 30px;
}
.container_content .item_info .text_wrap{
	}
#Paging_Box{
	width:100%;
	margin-bottom:80px;
	text-align:center;
}
#Paging_Box .pagination li{ 
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ddd;
    margin-left: 3px;
    margin-right: 3px;
}
#Paging_Box .pagination li:hover{ 
  border: 1px solid #ccc;
  background: #f2f2f2;
}
#Paging_Box .pagination li a{
	color:#666;
	font-size:16px;
}
#Paging_Box .pagination li.active{
	background:#ff0000;
	border:1px solid #ff0000;
}
#Paging_Box .pagination li.active a{
	color:#fff;
}
.mptop{
	width:100%;
	background:#404040;
	height:49px;
	}
.mptop .mplogo{
	line-height:49px;
	padding-left:16px;
	float:left;
	margin-top:11px;
}
.mptop .mpback{
	line-height:49px;
	padding-right:40px;
	float:right;
	font-size:16px;
	color:#fff;
}
.mptop .mpback a{
	color:#fff;
	}
.mpcontainer{
	min-height:600px;
}
.mainmp{
	width: 1200px;
    margin: 0 auto;
}
.dylist span{ color:#e60012;}