img{ max-width: 100%; height: auto;}
.mode-banner{ width:100%; position:relative; overflow:hidden;}
.banner-cnt{ float:left; position:relative; right:50%;}	
.mode-inner{float:left; position:relative; left:50%;}
.mode-banner img{ max-width: none;  display: block;}



/*轮播图*/
.swiper-roll-28{ position: relative;}
.swiper-roll-28 .item-cell{ height: 500px;}
.swiper-roll-28 .item-cell img{ width: 100%!important; height: 100%!important; object-fit: cover;}

.swiper-roll-28 .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius:12px;    background-color: #000;  opacity: 0.5!important;}
.swiper-roll-28 .swiper-pagination-bullet-active{background-color: #fff; opacity: 0.8!important;}
.rhisbtl{ z-index: 88; cursor: pointer; line-height: 60px; text-align: center; color: #fff; left: 20px; top: 50%; transform: translateY(-50%); position: absolute; width: 34px; height: 60px; background: rgba(0,0,0,.2); }
.rhisbtr{ right: 20px; left: auto;}
.rhisbtl a:before{font-size:20px; color: #fff!important;cursor: pointer;}

/*头部*/
.topwraps{ background: #F5F5F5; height: 37px; line-height: 37px;}
.topwraps *{ height: 37px; line-height: 37px; font-size: 12px;}
.setwrap a{ margin-left:24px; color: #333; cursor: pointer;}
.setwrap i{ margin-right:4px;}
.wrsearchs .logo{ }
.wrsearchs .logo img{ display: block;}
.wrsearchs .logo span{width: 196px; display: block; padding-top: 10px;}
.wrsearchs .logo span a{ display: block; }
.searchs input{ font-size: 12px; height: 40px; width: 350px; padding: 0 10px; line-height: 40px; border: 1px solid #999;border-right: none; }
.searchs a{ cursor: pointer; height: 40px;border: 1px solid #999; border-left: none;  line-height: 40px;  padding: 0 15px;  background-color: rgb(218, 37, 28); color: #fff;}
.searchs{ font-size: 12px;}
.searchs a i{ margin-right: 5px; font-size: 12px;}

.topnavs{ height:50px; line-height: 50px; background: #000; }
.topnavs ul{ text-align: center; color: #fff;}
.topnavs ul li{color: #fff; height:50px; line-height: 50px; flex: 1; border-right: 1px dotted #fff;}
.topnavs ul li:nth-last-child(1){  border-right: none;}
.topnavs ul li.cr a{ color:#da251c;}
.greysbg{background-color:#f5f5f5;}
.navslefts{ width: 200px; background:#fff; text-align: center;box-shadow: 2px 5px 8px rgba(145,145,145,.1);}
.subtits cite{ display: block; line-height: 100%;}
 .subtits{ background:#da251c; width: 200px; color:#fff; padding-top: 19px; padding-bottom: 19px; text-align: center; }
 .subtits span{ font-weight: bold;}
 .subtits *{color:#fff;}
.navslefts ul{}
.navslefts ul li{ line-height: 48px; height: 48px; border-bottom:1px dashed #ccc;}
.navslefts ul li:hover{ background:#f8f8f8;}
.navslefts ul li *{ color: #333;}
.navslefts ul li.cr{ font-weight: bold;}
.navslefts ul li.active{font-weight: normal;background:#f8f8f8;}
.layersrights{ margin-left:50px;} 
.prolists-wrap{ margin-right: -2%;}
.prolists-wrap .item-cell{ width: 23%; margin-right: 2%; margin-top: 20px; background: #fff; text-align: center;box-shadow: 2px 5px 8px rgba(145,145,145,.1);}
.mdpros { align-items: flex-start;} 
.navtypes{ font-weight: bold; border-bottom:3px solid #999; padding-bottom: 10px; margin-top: 14px; }
.navtypes .types a{ padding: 0 28px; position: relative;}
.navtypes .types a:nth-child(1){ margin-left: -28px;}
.prolists-wrap .item-tit{ height: 40px; line-height: 40px; padding: 0 8px;}
.navtypes .types a:after{  right: 0; content:""; display: block; height: 35px; position: absolute; background: #cccccc; width: 1px;  top: -5px; }
.navtypes .types a:nth-last-child(1):after{ display:none; }
.cmstops{ background:#eee;}
.lmores{ margin-right:30px;}
.lmores a{ color: #444;}
.lmores a:hover{ color: #666;}



/*成功案例*/
.cases-wrap{ margin-top:30px;margin-right:-3%;}
.cases-wrap .item-cell:nth-child(1){ width:16%; margin-right: 3%; margin-bottom: 20px;}
.cases-wrap .item-cell:nth-child(2){ width:27%;margin-right: 3%;margin-bottom: 20px;}
.cases-wrap .item-cell:nth-child(3){ width:48%;margin-right: 3%;margin-bottom: 20px;}
.cases-wrap .item-cell:nth-child(1) .item-pic,.cases-wrap .item-cell:nth-child(2) .item-pic,.cases-wrap .item-cell:nth-child(3) .item-pic{ height: 270px!important;}
.cases-wrap .item-cell{ width: 30.33%; margin-right:3%;margin-bottom: 20px;}
.cases-wrap .item-cell a{ display: block;  position: relative; height: 100%; text-align: center; }
.cases-wrap .item-cell a span{ display: block; transition: all .3s;  z-index: 5; position: absolute; overflow: hidden; width: 100%; height: 100%; left: 0; background:rgba(0,0,0,.5); color: #fff; opacity: 0; top: 0; white-space: nowrap;  display: flex; align-items:  center; justify-content: center; font-weight: bold; }
.cases-wrap .item-cell:hover a span{ width: 100%; opacity: 1;}
.cases-wrap .item-cell a:after{ content: ""; display: block; transition: all .3s; position: absolute; overflow: hidden; width: 0; height: 100%; left: 0; background:rgba(0,0,0,.2); color: #fff; top: 0; transition: all .3s;}
.cases-wrap .item-cell:hover a:after{ width: 100%;}

.swiper-roll-case .item-cell .item-pic{ margin: 0 10px; width: 128px;}
.aboutsdesc{ background: #626262; color: #fff; padding: 25px 25px;}

/*底部*/
.footer{ background:#000; padding-top: 30px; padding-bottom: 30px;}
.footer *{ color: #fff;}
.ftinners .ableftwraps{ width: 350px; margin-right: 80px;text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute;}
.ft-2{ margin-left: 30px;}
.ftimg{ width: 117px; text-align: center; text-align: center;}
.ft-2{text-align: center;}
.ft-core ul{ padding-top: 10px;} 
.ft-core ul li a{ color: #cccccc;}
.fttit{ border-bottom: 1px solid #fff; margin-bottom: 10px; padding-bottom: 5px;}
.fttit span{ position: relative;}
.fttit span:after{ content: ""; position: absolute; left: 0; bottom: -12px; width: 100%; border-bottom:3px solid #da251c}
.ftmores{ padding-top: 8px;}
.ftmores a:hover{ color: #fff;}
.H60{ height: 60px;}
.shares{ margin-bottom:10px;} 
.wraps-bas .bas:nth-child(1){ margin-right: 90px;}
.shares a{ margin-left: 12px;}
.fttit a:hover{ color:#fff;}
.ft-core a:hover{ opacity: 1; color: #fff;}

.kf{  background: #da261d; color: #fff; display:inline-block; padding: 0 5px; line-height: 150%; margin-top: 10px;}
.wraps-bas,.shares{ font-size: 16px;}
.wraps-bas *{color: #cccccc;}


/*产品中心列表*/
.mdpros2{ box-shadow: 2px 5px 8px rgba(145,145,145,.1);}
.mdpros2>ul{ border: 1px solid #e7e7e7;}
.mdpros2 .subtits .mw-iconfont{ font-size: 35px;  margin-right: 10px;}


/*当前位置*/
.curwraps2{ background: none;}
.crumb ul { position: relative;
    overflow: hidden; float: left;
/*	*/

	padding-left:0;
}
/*.crumb ul:after{ display: block; width: 0; height: 0; position: absolute; left: 0; top:30px; content: ""; border:5px solid transparent; border-left:5px solid #275fac;}*/

.crumb ul li {
    float: left;
   font-size: 14px;
	 font-weight: normal;
}

.crumb ul li+li {
/*    padding-left:5px;
    margin-left: 5px;*/
    position: relative;
}

.crumb ul li+li:after {
/*    content: " > ";*/ content: ""; line-height: 100%;
    font-family: "宋体";
    width: 13px;
    height: 16px; 
    background-color: #fff;
    position: absolute;
    left:-4px;
	display: block;
    top:22px;
/*	 background: url("/html/tiantan/images/arrs.jpg") no-repeat;*/
	 display: none;
	
}
.crumb ul li:nth-last-child(1) a{ color:#d71318;}
.crumb ul li:hover a{color:#d71318;}
.crumb ul li i{ font-size: 14px;  padding: 0 6px; vertical-align: middle; }
.crumb ul li:nth-last-child(1) i{ display:none; }

.crumb ul li .ihome{ color: #d71318;font-size: 20px; margin-right: 5px;}

.totals span{ padding: 0 8px; color: #da251c; padding:0 4px;}
.totals{ margin-top:0; position: relative; top:16px;}
.prolists-wrap3 .item-cell{ border: 1px solid #f5f5f5;box-shadow:none;}
.prolists-wrap3 .item-tit{ line-height: 28px; height: 28px;}
.prolists-wrap3 .item-desc{ font-size: 12px; margin-top: -5px; padding-bottom: 5px; color: #999;}
.prolists-wrap3 .item-cnt{ padding: 5px 0;}
.prolists-wrap3 .item-cell:hover{ border:1px solid #e43939;}



/*产品最终页*/

.magnifier{  transition:none;  border:1px solid #f6f6f6!important; z-index: 70!important;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); background: #fff; }
.md-proinfo{ padding:56px 0 120px 0; background:#f3f3f3 url(../images/probg4.jpg) center bottom no-repeat; overflow: hidden;}
.proinfo-wraps{ overflow: hidden;}
.proinfo-left{width: 50%; float: left; background:#fff url(../images/probg5.jpg) center bottom no-repeat; /*border: 1px solid rgba(228,228,228,1);*/ border-left: none;overflow: hidden; width: 353px; height: 585px; position: relative; z-index: 111111;}



.greysbg1{/*z-index: 80; position: relative;*/}
.proinfo-left .view{width: 100%; height: 475px; z-index: 8; position: relative; overflow: hidden; margin-top:30px; margin-bottom:20px;   /*border-bottom:1px solid #f1f2f6; */ }
.proinfo-left .view img{}
.preview .pic img,.proinfo-left .view img{ 
/* */  width: auto !important;
    height: 100% !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    position: absolute !important; 
}
.preview{ padding: 0 55px 0 55px; position: relative;}
.preview .pic{ border:2px solid transparent; box-sizing: border-box; background:#fff; margin: 0 5px;  /*width: 75px; */height:60px; overflow: hidden; position: relative; cursor: pointer; border:2px solid #eee; width: 60px; overflow: hidden;}
.proinfo-left  .swiper-wrapper { }
.proinfo-left  .swiper-wrapper .swiper-slide{ margin: 0 auto;}
.preview .pic img{ width: 100%!important; height: 100%!important; object-fit:cover;}
.preview .pic:hover,.preview .actives .pic{border:2px solid #e43939}
.arrow-left,.arrow-right{ position:absolute; left:10px; top:50%; transform: translateY(-50%);width: 28px; height: 65px; display: block; background: none!important; line-height: 65px; text-align: center; border: none!important; }
.arrow-left i:before,.arrow-right i:before{ font-size: 29px; color: #6b6b6b;
 line-height: 65px;
}
.arrow-right{ right:15px; left: auto;}
.arrow-left i:hover:before,.arrow-right i:hover:before{ color: #a5a5a5; cursor: pointer;}
.arrow-left:hover,.arrow-right:hover{ background:#515050}
a.arrow-left,a.arrow-right{outline:none!important;    outline-offset:0!important; text-decoration: none!important}
.protit4{color:#000; margin-bottom:0;/*font-size:36px;*/font-weight: normal; line-height: 100%;    }
.proinfo-right{ margin-left: 390px;  padding:30px 0 55px 0;; box-sizing: border-box; position: relative; z-index: 10;}
.proinfo-wraps{font-family: "Microsoft Yahei";}
.pro-attr{  display: table; margin-bottom: 8px; width: 100%;}
.pro-attr>*{ display: table-cell; font-style: normal; font-size: 15px; color: #888;}
.pro-attr>span{ width: 90px;}
.procontent{ padding:0 20px; font-size: 18px; padding-top:40px;}
.protit5{font-size:36px;font-weight: normal;  }
.proinfo-right .pro-descs{ color:#666;  }

.proinfo-right .pro-descs{ margin-top:30px; }
.main-types{ font-size:18px; color: #333;  font-weight:bold;}  
.protys{ width: 350px; margin-top: 15px;}
.protys li{ width:160px; display: inline-block; font-size:18px; color: #666;}

.proinfo-top{ margin-top:60px; border-bottom: 1px solid #dddddd; padding-bottom: 15px;}
.proinfo-top .protits{ line-height: 100%; position: relative;}

.proinfo-top .protits:after{ content: ""; width: 100%; left: 0; bottom: -19px; background: #da251c; height: 3px; display: block; position: absolute;}

.typesdes { color: #666;}
.proinfos{ margin-top: 20px;     color: #404040;}
.navtypes2{ border-bottom: 1px solid #999;}


/*案例展示*/
.caselists-wrap{  margin-right: -3%; }
.caselists-wrap .item-cell{ width: 30.33%; margin-right: 3%; margin-top: 3%; position: relative;}
.caselists-wrap .item-cnt{ position: absolute; left: 0; right: 0; bottom: 0; text-align: center; padding: 2px 15px; color: #fff;    background: rgba(0, 0, 0, 0.6);}
.caselists-wrap .item-pic {}
.caselists-wrap .item-pic img{  height:auto; width:auto;}
.caselists-wrap .item-tit *{ }
.caselists-wrap .item-tit{ }

.gdtit{  text-align: center; border-bottom: 1px  dashed #ccc; padding-bottom: 10px;} 
.dingzhi-wraps{ padding-top: 22px;}
.gd-core{ margin-top: 20px;}
.gdcnts2{ padding-top: 5px;}
.gdtit2{ text-align: center; margin-top: 25px; font-weight: bold; padding-bottom: 35px; margin-top:40px; border-bottom: 1px dashed #ccc}
.gdcnt3{ text-align: center; margin-top:35px; color: #999;border-bottom: 1px dashed #ccc; padding-bottom: 30px; }
.fts{ font-weight: bold; color: #000; }
.gdcnt3 span{ padding-bottom:10px; display: block;}
.gdtit3{ text-align: center; color: #da251c; padding-top:35px; font-weight: bold;} 
.frtits{ color: #333; margin-bottom: 5px;}
.frtits span{ color: #da251c; padding-left: 5px;}


.articles{ padding-top: 25px;}
.articles p{ line-height: 190%;}
.aimgs{ display: inline; float: right; margin-left: 20px;}

.articles strong{ }

.articles strong.btits{padding-bottom: 10px; padding-top: 8px; display: inline-block;} 

.articles p{ text-indent: 2em;}

/*设计实力*/
.designlist{margin-right:-2%; margin-top: -8px;}
.designlist .item-cell{ width: 31.33%; margin-right: 2%; margin-top: 2%; position: relative; overflow: hidden;}

.designlist .item-cell .item-cnt{ transition: all .3s; position: absolute; left: 0; right: 0; top:-100%; height: 100%; background:rgba(96,158,233,.9); color: #fff;text-align: center;}
.designlist .item-cell .item-cnt *{ color: #fff; line-height: 150%;}

.designlist .item-cell .item-tit{ display: flex; align-items: center; height: 100%; padding: 0 20px;  justify-content: center; }
.designlist .item-cell:hover .item-cnt{ top: 0;}

/*招聘*/
.jobsrolls{ margin-top:15px;}
.jobsrolls  .scores{ display: block;height: 40px; line-height: 40px;}
.jobsrolls .scores a{ display: block; height: 40px; line-height: 40px; cursor: pointer; padding-right: 120px;  position: relative;}
.jobsrolls .scores a cite{ height: 40px; line-height: 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 12px; color: #999; font-family: "arail"}
.jobsrolls .scores a span{height: 40px; line-height: 40px;  color: #000; display: block; overflow: hidden; text-align: left;}
.jobsrolls .scores{ border-bottom:1px dotted #ccc;}
.jobsrolls .scores a:hover span{  color:#da251c; text-decoration: underline;}


/*新闻中心*/
.newsInfo {
  padding: 0 0 0 0;
/*  min-height: 300px;*/
/*  _heihgt: 300px;*/ font-size: 14px;  max-width: 990px; margin: 0 auto;}

.newsInfo h1 { font-weight:normal;
text-align: center;    color: #404040; /*font-weight: bold;*/
position: relative; line-height: 160%; position: relative; padding-bottom:0px; margin-bottom: 10px;
}
.newsInfo h3:after{ content:""; background: #ce9b59; height: 3px; width: 60px; margin-left: -30px; left: 50%; position: absolute; bottom: 0;}


.newsInfo .source { position: relative;
/* */
  /* border-bottom: 1px solid #ededed;*/border-top: 1px solid rgba(221, 221, 221, 1); margin-top:30px; margin-bottom: 20px; padding-top:25px;  }



.newsInfo .source:after { content: ""; display: block; position: absolute;
	 transform: translateX(-50%);
	 left: 50%;
    /*-block-*/
    display: block;
    /*-margin-*/
    margin: 0;
    margin-top: -0;
    padding: 0;
    /*-top-*/
    top: -3px;
    /*-size-*/
    width: 74px;
    height: 1px;
    /*-font-*/
    font-size: 0;
    /*-border-*/
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    /*-box-shadow-*/
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}



.newsInfo .source ul {
  text-align: center;padding: 0 10px;  margin-bottom: 10px;/*border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;*/}
.newsInfo .source li.ic-1{ color: #ed2326; border-right: 1px solid #999;}
.newsInfo .source li {
  display: inline-block;
  padding: 0 10px;
  line-height: 14px;
  min-height: 14px;
  color: #999999;
  font-size: 14px; }
.newsInfo .source li span{color: #666;}
.newsInfo .content {
  margin: 10px 0 0 0;
  min-height:100px;
  _height:100px; 
}

.newsInfo .content p, .newsInfo .content *, .newsInfo .content  {
/*line-height:30px;*/ 

line-height: 200%;
    color: #404040;
}
.newsInfo .content p{padding: 0 0 1em 0;text-indent: 2em;
text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute; /* */}
.newsInfo .content img,.article .content img{ display:inline-block; margin: 0 auto; max-width: 100%; height: auto;}

.news-prev-next {
  margin: 0 auto;
	margin-top: 40px;
  padding:15px 0 15px 0;
  position: relative;
}

.news-prev-next ul {
  font-size: 14px;
  line-height: 36px;
}

.news-prev-next .go-back {
  position: absolute;
  top: 32px;
  right: 0;
  width: 170px;
  text-align: center;
  line-height: 48px;
  border-radius: 48px;
  background-color: #ce9b59;
  color: #fff!important;
  font-size: 18px;
}

/*.news-prev-next .go-back a{ display: block; height: 48px; cursor: pointer;}
.news-prev-next .go-back a:before{background:url(/html/tiantan/images/msicon.png) no-repeat; content:""; width: 22px; height: 19px; display: inline-block;  vertical-align: middle; margin-right: 12px; position: relative; top: -2px;}*/
.news-prev-next a:hover{ color: #d71318;}
.news-prev-next .go-back a{color: #fff}
.news-prev-next span{ color: #666;}
.news-prev-next a{ color:#666; }
.news-prev-next{    }
.newsInfo .content{/* max-width: 840px; */margin: 0 auto;}

.news-prev{ background: url("/html/tiantan/images/arrs2.jpg") 0 4px no-repeat; padding-left: 20px;}
.news-next{ background: url("/html/tiantan/images/arrs.jpg") 0 4px no-repeat; padding-left: 20px; margin-top: 12px;}



.newsInfo .source{ border-top:none;     margin-top:20px;
    margin-bottom:30px;
    padding-top: 0; text-align:right;}
.newsInfo .source:after{ display: none;}

.newsInfo .source ul{text-align:right; font-size: 12px; color: #999;}
.newsInfo .source ul li{font-size: 12px; color: #999;}

.newsInfo .content .w-detail p{ text-indent: 0;}



.hors-wrap{ margin-right: -2%; margin-top: 10px;}
.hors-wrap .item-cell{ width: 31.33%; margin-right: 2%; margin-top: 2%;}
.hors-wrap .item-cell:hover img{ left: 50%!important; top: 50%!important; transform: translateX(-50%) translateY(-50%); width: 400px!important; max-width: none;height: auto!important;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);   }
.hors-wrap .item-cell:hover .item-pic{ overflow: visible!important; z-index: 999; }

/*新闻中心*/
.newswraps2{ border: 1px solid #e6e9ed;}
.nlists a{ color: #666;}
.newslefts{ width: 148px; float: left; height: 605px; background: #f5f7fa; }

.flex-column {-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;	}

.newsright{ flex:1; margin: 20px; }
.newslefts ul li{flex:1; position: relative; display: flex; align-items: center; justify-content: center;border-right: 1px solid #e6e9ed; border-bottom: 1px solid #e6e9ed;}
.newslefts ul{ height: 605px; text-align: center;}
.newslefts ul li.active{ background: #fff; color: #609ee9; border-right: 3px solid #609ee9;}
.newslefts ul li.active *{color: #609ee9;}
.newslefts ul li.active:after{ content: ""; right:0px; top: 50%; transform: translateY(-50%);position: absolute;  border: 5px solid transparent;border-right: 5px solid #609ee9;}
.ninfos{ height: 0; overflow: hidden;}
.ninfos.actives{ height: auto; overflow: visible;}
.nlists{ margin-top:10px;}
.nlists .scores a:hover span{ color: #333; text-decoration: underline;}

/*搜索*/
.searchsw{ margin-top: 15px; }
.mod-serch-l{cursor:pointer; min-width:70px; background:url(/html/tiantan/images/dropdown.png) right 15px center no-repeat; background-size: 9px auto; height:30px;height:38px; position:relative; float:left; padding: 0 35px 0 15px;  margin-left: 0; margin-top:0; font-size: 12px; border: 1px solid #e43939; border-left:none;  }
.mod-serch-l span{ line-height:38px; padding-left:0;}
.mod-serch-l ul{ position :absolute; top:36px; left:-1px; width:76px; background:#fff;border: 1px solid #e43939;  border-top:none; padding:5px 0; display:none; }
/*.mod-serch-l:hover ul{ display:block;}*/
.mod-serch-l ul li{ padding:0 10px 0 14px; line-height:30px; border-bottom:1px dotted #eee; cursor:pointer;}
.mod-serch-l ul li:hover{ background:#fafafa;}

.sinputs input{ width: 356px; height: 38px;line-height: 38px;  border: 1px solid #e43939;  font-size: 12px; padding: 0 10px;}
.sbts a{  width: 70px; height: 38px; display: block; background: #e43939 ; color: #fff; line-height: 38px; text-align: center; font-size: 12px; cursor: pointer;}
.sbts a i{font-size: 12px; margin-right: 3px;}
.mod-serch-l:hover{ background: #f5f5f5 url(/html/tiantan/images/dropdown.png) right 15px center no-repeat; background-size: 9px auto;}
.mod-serch-l:hover *{ color: #e43939;}

.mod-serch-l:hover ul{background: #f5f5f5;}

.shares  .social-share{  display: flex;}
.shares  .social-share>a{ margin-top: 0;  padding-top: 4px; box-sizing: border-box;  border-radius:36px; border: 1px solid #eee; border: none; display: block; width: 36px; text-align: center; height: 36px; }
.shares  .social-share>a:before{ display: none;}
.shares  .social-share>a.icon-wechat{ background: url("/html/tiantan/images/share1.jpg") no-repeat;}
.shares  .social-share>a.icon-weibo{ background: url("/html/tiantan/images/share2.jpg") no-repeat;}
.shares  .social-share>a.icon-qzone{ background: url("/html/tiantan/images/share3.jpg") no-repeat;}











/*首页*/
.logos{ position: fixed; z-index: 999;/* background: rgba(255,255,255,.2);*/
    background-color: rgba(255, 255, 255, 0.24);
/*box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);*/
    -moz-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);	
	
	padding: 2px;    left: 30px;
    top: 30px; }
.logos img{ width: 98px; height: 98px;}

.menus{ cursor: pointer; background: rgba(255,255,255,.24);   z-index: 77; width: 60px; height: 60px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);    
	
	-moz-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);	
position: absolute;
	right:0;
    top: 0; 
}

.menus:after,.menus:before,.menus i{ left: 50%; transform: translateX(-50%); content: ""; display: block; position: absolute; width: 30px; height: 3px; border-radius: 3px; background: #d71318; top: 20px;}
.menus:before{ top: 29px;}
.menus i{ top: 37px; }

.menus i{font-size: 30px;
    color: #d71318;
    font-weight: 400;  font-family:"mwiconfont"!important;}


.menus-wraps{position: fixed;	right:50px;top: 50px;z-index: 888;}

.submenu{ position: absolute; padding: 0 15px; right: 25px; top:85px; background: #fff;background:rgba(255,255,255,.9); border-radius: 60px;    font-family: Tahoma;  font-size: 14px;
 box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); opacity: 1; display: none;}
.menus-wraps:hover .submenu{/*display: block;*/}
.submenu>ul>li{ position: relative;}
.submenu>ul>li>a{padding: 0 20px; white-space:nowrap; display: block; line-height: 60px; height: 60px; overflow:hidden;font-size: 16px;}
.submenu .submenus{ position: absolute; background:#fff; background:rgba(255,255,255,.9); text-align: center; width: 108px; left: 50%; transform: translateX(-50%);}
.submenu>ul>li>a>*{ height: 60px; line-height: 60px; display: block; color: #333;}
.submenu>ul>li>a>span{ transition: all .4s;}
.submenu>ul>li:hover>a>span{ margin-top: -60px;}
.submenu>ul>li:hover>a>cite{  font-weight: bold; color: #000; text-decoration: underline; }

.submenu>ul>li dl{}
.submenu>ul>li dl dd{ padding:10px 0; margin: 0;}
.submenu>ul>li dl dd a:hover{ font-weight: bold; color: #000; text-decoration: underline;}


.submenu .submenus{ height: 0;  opacity: 0; transition: all .3s; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);  }
.submenu li:hover .submenus{opacity: 1; }





 .w-button {
    /*-block-*/
    display: inline-block;
    /*-margin-*/
    margin: 0;
    padding: 0;
    /*-border-*/
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    /*-border-radius-*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /*-background-*/
    background-color: rgba(255, 255, 255, 0.24);
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: -moz-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background: -o-linear-gradient(top, none, none);
    background: linear-gradient(top, none, none);
    background-size: auto;
    /*-box-shadow-*/
    -moz-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0.000000px 4.000000px 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    outline: none;
    text-align: center;
}


.menus:after{ content: "";}


.comtit h3{ font-weight:normal; line-height: 100%; }
.comtit span{ display: block; margin-top: 14px; text-transform:uppercase;}

.about-desc{ margin-top:20px; margin-right:-25px;}
.abimgs{ float: right; max-width: 562px; margin-top:20px;}
.about-desc p{text-justify:inter-ideograph; text-align: justify;text-justify: distribute;}
.comtit2{  text-align: right;}
.brand-desc2{ margin-top: 20px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;}
.H120{ height: 120px;}
/*品牌*/
.brandpics{ position:relative;  float: left;}
.brandtxt{ position: absolute;color: #fff; left: 30px; bottom: 20px; }
.branddesc{  position: absolute; top: 0; right: 0;}
.brandtxt cite{ display: block; color: #fff;}
.brandtxt span a{ display: inline-block; line-height: 36px; min-width: 119px; text-align: center; padding: 0 5px; background: #d71318;}
.brandtxt *:hover,.branddesc a:hover{color: #fff!important;}
.brandtxt cite{ margin-top:5px;}
.branddesc a{ font-weight: bold; display: block; min-width: 131px; height: 83px; background:rgba(0,0,0,0.5);color: #fff!important;}
.branddesc a span{ display: block; padding-left: 10px; padding-top: 10px; line-height: 100%;font-weight: bold; }
.branddesc a cite{display: block; padding-right: 10px; text-align: right;font-weight: bold; }
.mod-brandlinks{ justify-content:space-between;}
.mod-brandlinks .brand-3{ margin-top:-60px;}
.mod-brandlinks .branddesc a{ min-width: 106px;}
.mod-brandlinks  .branddesc a span{ padding-left: 0; padding-right: 0; text-align: center; padding-top:30px;}
.hiswraps-roll .item-cell{ padding: 8px; text-align: center; }
.hiswraps-roll .item-core{ padding: 20px 24px 20px 24px; transition: all 0.3s;}
.hiswraps-roll .item-core:hover{/* box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);*/    -webkit-box-shadow: 0.000000px 4.000000px 18px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0.000000px 4.000000px 18px rgba(0, 0, 0, 0.44);
    -ms-box-shadow: 0.000000px 4.000000px 18px rgba(0, 0, 0, 0.44);
    box-shadow: 0.000000px 4.000000px 18px rgba(0, 0, 0, 0.44); background: #fff; }
.hiswraps-roll .item-desc{ line-height: 160%; color: #666;}  
.hiswraps-roll{ padding: 0 35px; position: relative; margin-top: 20px; }

.hisbtl{ cursor: pointer; line-height: 60px; text-align: center; color: #fff; left: 0; top: 50%; transform: translateY(-50%); position: absolute; width: 34px; height: 60px; background: rgba(0,0,0,.2); }
.hisbtr{ right: 0; left: auto;}
.hisbtl a:before{font-size: 18px; color: #fff!important;cursor: pointer;}
.hiswraps-roll .item-tit{ font-weight: bold; }
.hiswraps-roll .swiper-pagination{ padding-top: 0; position: static;}
.hiswraps-roll .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius:12px;    background-color: #7f7f7f; opacity: 1!important; }
.hiswraps-roll .swiper-pagination-bullet-active{background-color: #d71318;}

.wrapstops{ position:relative;}
.news-wrap{ margin-top:40px;} 
.wrapsmores{ position:absolute; right: 0; top: 0;}
.wrapsmores a{ display: block; color: #444444; width: 133px; height: 36px; line-height: 36px; background: #f4cccc; color: #666; text-align: center;  text-align: center;}
.wrapsmores a:before{ content:">>"; font-family: "宋体";}

.wrapsmores a:hover{ background: #2188ca; color: #fff; }
.news-wrap a{ margin: 0 8px;    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.1);    box-sizing: border-box;
    padding: 50px 30px 20px 30px;
    height: 300px;
    min-width: 100px;

    overflow: hidden;
    float: left;
    list-style: none;
    cursor: pointer;
    background-color: #FFFFFF;
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.1);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;}

.news-wrap .item-tit{ display: block;
    padding-top: 20px;font-size: 16px;
    color: #262626;text-align: left; font-weight: bold;} 

.news-wrap .mores{ padding-top: 48px; display: block;    font-size: 12px;
    color: #d71318;
    font-weight: bold;}
.news-wrap .item-date{    font-family: Tahoma;
    font-size: 14px;
    color: #989898;
    text-align: left;
    font-weight: bold;}
.news-wrap .item-desc{ min-height: 42px;  margin-top:10px; line-height: 150%;}
.news-wrap a{  transition: all .3s;}
.news-wrap a:hover{ background: #d71318;}
.news-wrap a:hover *{ color: #fff;}

.w-page-num{ margin-top: 30px; text-align: center; }


.w-page-num ul li.first{ width: 67px;}
.w-page-num ul li { border: 1px solid #ddd;
 display: inline-block;
  margin-right: 10px;
  height: 30px; width: 30px; border-radius:5px; 
  line-height: 30px;
  text-align: center; font-size: 12px; }

.w-page-num ul li em {
  font-style: normal;
  color: #666; }

.w-page-num ul li input {
  padding: 0 10px;
  width: 10px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none; }

.w-page-num ul li a {
  display: block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration: none; }

.w-page-num ul li a:hover {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
.w-page-num ul li.cr{
 background: #eee;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
}
.w-page-num ul li:hover a{ background: #eee!important; color: #333!important;}

.w-page-num ul li:hover a *{color: #333!important;}

.cnsaddrs li{ padding-left: 28px; margin-top: 0; margin-bottom: 18px; color: #666;}
.cnsaddrs li.dizhi{ background: url("/html/tiantan/images/ic1.png") 0 center no-repeat; background-size: 18px auto;}
.cnsaddrs li.dianhua{ background: url("/html/tiantan/images/ic2.png") 0 center no-repeat; background-size: 24px auto;}
.cnsaddrs li.chuanzhen{ background: url("/html/tiantan/images/ic3.png") 0 center no-repeat; background-size: 24px auto;}
.cnsaddrs li.youxiang{ background: url("/html/tiantan/images/ic4.png") 3px center no-repeat; background-size: 18px auto;}
.index-contact { background: #f5f5f5; padding: 40px 40px 40px 45px;}

.cnsaddrs2 ul li{margin-top: 30px;color: #666;}
.blogos{ margin-right: 20px;}
.footers{ text-align: center;/* min-height: 90px; */padding-top: 30px; padding-bottom:28px; color: #fff; background: url("/html/tiantan/images/ftbg8.png"); }



/*关于维多利亚老品牌vic*/
.curwraps{ background: url("/html/tiantan/images/curbg.jpg") 0 center no-repeat; height: 60px;}
.curwraps *{  line-height: 60px;}
.curs a:hover,.mod-topnav20 li  a:hover{ font-weight: bold;}
.mod-topnav20 li{ margin: 0 35px;}
.mod-topnav20 li.cr{font-weight: bold; color: #d71318;}

.combgs{background: url("/html/tiantan/images/cbg.jpg") 0 center no-repeat;    background-position: 50% 50%; background-size: cover;background-attachment: fixed;}
.comtit5{ text-align: center;}

.abdesc{ line-height: 1.75; margin-left: -10px;}

.abdesc p{line-height: 1.75;text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute;}

.abimgs2{ position: relative; margin-top: 75px; padding-left:30px; padding-top: 45px; float: left;}
.abimgs2 span{ position: relative; z-index: 1;}
.abimgs2:after{ background: #f5f5f5;  content: ""; display: block;position: absolute; border: 3px solid #d71318; right: 60px; top: 0; left: 0; bottom: 50px;}


/*组织架构*/
.combgs2{ background:#f8f8f8; }
.inboxs{  background: #fff;  border-top: 2px solid #e95a4c;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); }
.intabs a{ text-align: center; line-height: 58px; cursor: pointer; background: #f5f7fa; color: #666; border-right:1px solid #eeeeee; border-bottom: 1px solid #f5f5f5;} 
.intabs a:nth-last-child(1){ border-right: none;}
.intabs a.cr{ background: #fff; color: #ef7063;}
.intabs a:hover{ color: #ef7063;}
.org{ text-align: center; }
.infos{ padding: 40px 50px; min-height: 400px;}

.newslists li a{ color: #666; line-height: 36px;}
.newslists li{ padding-left: 21px; position: relative; border-bottom: 1px dotted #ccc; line-height: 36px;}
.newslists li span{ position: absolute; right: 0; top: 0;     color: #BBB; font-size: 14px;}
.newslists li:after{ content: ""; display: block; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: #666; position: absolute; left: 8px; }
.newslists li a:hover{  color: #000; text-decoration: underline;}

.horswrap{ margin-top: 40px;}
.horswrap ul{ margin-right: -2.33%; }
.horswrap li{ cursor: pointer; box-sizing: border-box; border:5px solid transparent; width:31%; float:left; margin-right:2.33%; margin-top:2.33%; position: relative;}
.horswrap li h3{ position: absolute; font-weight: normal; bottom: 0; padding: 5px 10px; left: 0; right: 0; background: rgba(0,0,0,.6); color: #fff; text-align: center;}
.horswrap li a{ display: block;}
.horswrap li:hover{ border:5px solid #3d85c6;}
.horswrap li *{ cursor: pointer; }
/*党建图片新闻*/
.newspic-wrap {margin-right:-5.33%;}
.newspic-wrap .item-cell{width:28%; float:left; margin-right:5.33%;margin-top:5.33%; }
.newspic-wrap .item-cnt{ margin-top: 10px;}
.newspic-wrap .item-desc{ color: #999; font-size: 12px; margin-top: 5px;}
.newspic-wrap .item-tit a{color: #404040;}
.newspic-wrap .item-tit a:hover{ color: #000; text-decoration: underline;} 



/*品牌形象*/
.brands-wrap{}
.brands-wrap .item-pic{ width: 550px;} 
.brands-wrap .item-cell{ margin-top: 60px; justify-content: space-between; align-items: center;}
.brands-wrap .item-cell .item-cnt{text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute; max-width: 550px;}
.brands-wrap .item-cell:nth-child(2n+1) .item-cnt { }
.brands-wrap .item-cell .item-tit{ font-weight: bold;}
.brands-wrap .item-cell .item-desc{ margin-top: 25px;}

/*品牌定制*/

.branddesc2{ text-align: center;}
.dingzhi-wrap{ margin-top:60px;}
.dingzhi-wrap .item-cell{ width: 33.33%; background: #000; color: #fff; text-align: center;} 
.dingzhi-wrap .item-cell .item-pic{ width: 100%; height: 300px!important;}
.dingzhi-wrap .item-desc{ min-height: 91px; max-width: 300px; margin: 20px auto 0 auto; }
.dingzhi-wrap .item-cell .item-tit{ line-height:160%;}
.branddesc20{ text-align: center;}
.comtit50 h3{ line-height: 140%;}
.w-verify-in .mw-iconfont {
    vertical-align: top;
    margin-right: 10px;
}

.w-verify-in {
    /*-padding-*/
    margin: 0;
    padding: 4px 8px 4px 10px;
    display: block;
    line-height: 16px;
    /*-background-*/
    background-color: #FFE8E4;
    border: 1px #ffd0ca solid;
    /*-font-*/
    font-family: Tahoma;
    color: #e75845;
    font-size: 12px;
}

.modsfrm{ max-width: 480px; margin:30px auto 0 auto;}
.modsfrm .frms-inputs{ margin-bottom: 12px; position: relative;}
.modsfrm .errors{margin-bottom: 12px;}
.modsfrm .frms-inputs input{ border: 1px solid #CCD1D9;   padding: 7px 12px;
    width: 100%;
    min-height: 22px;
    line-height: 22px;}
.modsfrm .in-errors{  border: 1px solid #e75845!important;}
.modsfrm .frms-areas textarea{border: 1px solid #CCD1D9;   width: 100%;padding: 8px 12px;
    min-height: 130px;    font-family:"微软雅黑"}
.frms-areas{ margin-bottom: 10px;}
.frms-inputs a{ position: absolute; right: 2px; top: 2px;}
.frms-inputs a img{ width: 100px!important; height: 33px!important;}
.btns{ text-align: right;}
.btns a{ cursor: pointer; width: 148px; display: inline-block; border-radius:3px;  text-align: center; line-height: 38px; background: #609EE9; text-align: center; color: #fff;}
/* 为了更好的浏览器兼容性，使用带有浏览器前缀的样式 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

/*产品*/
.combgs3{ background:#f3f3f3;  }
.comtit6{ text-align: center; color: #999999; overflow: hidden;  font-family: Arial, Helvetica, sans-serif; }
.comtit6 span{position: relative; line-height: 120%;}
.comtit6 span:after{ border-bottom: 1px solid rgba(221,221,221,1); width: 1000px; content: ""; display: block; position: absolute; margin-left: 20px; left: 100%; top: 50%; transform: translateY(-50%);}
.comtit6 span:before{ border-bottom: 1px solid rgba(221,221,221,1); width: 1000px; content: ""; display: block; position: absolute; margin-right: 20px; right: 100%; top: 50%; transform: translateY(-50%);}

.protyes{ text-align: center; margin-top:55px;}
.protyes a{ line-height: 21px; padding: 0 28px; font-size: 12px; display: inline-block; color: #666;}
.protyes a.cr{ background: #444444; color: #fff;}
.pros-wrap{ margin-right: -3.33%;}
.pros-wrap .item-cell{ width: 30%; margin-right: 3.33%; margin-top: 3.33%;border: 1px solid transparent; transition: all .3s; 
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); 

}
.modpros{ width: 995px; margin: 0 auto;}
.protyes a:hover{ text-decoration: underline; color: #000;}
.pros-wrap .item-cell{ background: #fff; padding:1px;}
.pros-wrap .item-cell .item-tit{ line-height: 40px; padding:0 10px;}

.pros-wrap .item-cell:hover{ border: 1px solid #cccccc;}

/*产品详情*/

.CutFill{ width: 960px; height: 400px;   }
.mdproimg{ width:960px; height: 400px; overflow: hidden; }
.mdpro{ max-width: 960px; margin: 0 auto;}
.protits4{ text-align: center; font-weight: bold; padding-top:25px; margin-top:10px; position: relative;} 
.protits4:after{  content:""; width: 44px; height:4px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #5a5a5a;}

.news-prev-next2 .news-next{ margin-top: 0;}
.news-prev-next2 li{ max-width: 48%;}


/*产品2*/
.modpros2{ max-width: 1034px; margin: 0 auto;}
.pros-wrap5{ margin-right: -4%;}
.pros-wrap5  .item-cell{ width: 46%; margin-right: 4%;}
.descpros2{ color: #555}  
.modsfrm2{ width: auto;  max-width: 100%;}
.modsfrm2 .frms-inputs input{ background: #fff; border:1px solid #ddd;}
.modsfrm2 .frms-areas textarea{ background: #fff; border:1px solid #ddd;}


.modsfrm2 .in-errors{background: #fff!important;border:1px solid #ffa8a8!important;}
.modsfrm2 .frm-cells{margin-right: -2%;}
.modsfrm2 .frm-cells input{ margin-bottom: 12px;}
.modsfrm2 .frm-cells .errors{ margin-bottom: 0;}
.modsfrm2 .frm-cells .frms-inputs{ width: 48%; margin-right: 2%; float: left;}
.modsfrm2 .btns{ text-align: center; margin-top: 20px; }
.modsfrm2 .btns a{ background:rgb(218, 37, 28);}


/*新闻列表*/
.newspiclist2-wrap{ margin-top:25px; }
.newspiclist2-wrap .item-cell{ padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px dotted #ddd}
.newspiclist2-wrap .item-cnt{ }
.newspiclist2-wrap .item-pic {width: 180px; margin-right: 12px;}
.newspiclist2-wrap .item-pic img{  height:auto; width:auto;}
.newspiclist2-wrap .item-tit *{ font-size: 14px; }
.newspiclist2-wrap .item-tit{font-weight: bold;color: #404040; }
.newspiclist2-wrap .item-date{ margin-top: 5px;  color: #bbb; font-size: 12px;}
.newspiclist2-wrap .item-tit a:hover{ text-decoration: underline;}

/*文字新闻列表*/
.news-wrap .item-desc *{ color: #989898;}
.news-wrap2{ margin-right: -3%; flex-wrap: wrap;}
.news-wrap2 a{ margin: 0; width: 30.33%; margin-right:3%; margin-bottom:3%; }
.news-wrap2 .mores{padding-top:28px;}
.news-wrap2 .item-desc{ margin-top: 15px;}
.news-wrap2 .item-desc,.news-wrap2 .item-desc *{ color: #989898;}

/*经营理念*/
.gs-dizhi:before {
    content: "\e6aa";
}
.gs-dianhua:before {
    content: "\e6b2";
}
.gs-chuanzhen:before {
    content: "\e6a4";
}
.gs-youxiang:before {
    content: "\e6ba";
}
.comdescs{ text-align:center; color:#555; }
.mod-ideaswrap{ text-align: center;}
.mod-ideaswrap  .msicons i{display: inline-block;font-size: 50px;color: #d71318;
font-weight: 400;font-style: normal;vertical-align: top; width: 135px; height: 135px; line-height: 135px; text-align: center; border-radius:135px;
border: 1px solid #ccc;}
.mod-ideaswrap  .item-cnt{ text-align: center; margin-top:30px;}
.mod-ideaswrap .item-tit span{ width: 133px; height: 36px; line-height: 36px; text-align: center; display: block; margin: 0 auto; background: #d71318; color: #fff;
 border-radius:36px; 
}
.mod-ideaswrap .item-desc{ margin-top: 20px; color: #777;}
.mod-ideaswrap  .item-cell{ cursor: pointer; transition: all .3s; width: 280px; height: 365px; padding-top: 20px; }
.mod-ideaswrap  .item-cell:hover{-webkit-box-shadow: 0.000000px 4.000000px 18px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0.000000px 4.000000px 18px rgba(0, 0, 0, 0.44);
    -ms-box-shadow: 0.000000px 4.000000px 18px rgba(0, 0, 0, 0.44);
    box-shadow: 0.000000px 4.000000px 18px rgba(0, 0, 0, 0.44); background: #fff; }


.modsfrm3{  max-width: 100%; margin-top:0; }
.guestleft{width:43%;}
.contacts6 .codes2{ margin-top: 10px; margin-left: 0;} 

.contacts6 .btns a{ background:#000000; }


.joblists{ margin-top:0; }
.responsive-tables table{ width:100%; /*border-left:1px solid #eee;border-right:1px solid #eee;*/}
.responsive-tables th{ text-align:center; /*background:#c89a5e;*/ /*border:1px solid #eee;*/ padding:16px 5px; /*font-size:18px; */color:#666; border-bottom:1px solid #eee; border-top: 1px solid #eee; color: #000;}
.responsive-tables td{ color: #666; background:#fff; text-align:left;border-bottom:1px solid #eee; padding:16px 5px; text-align: center;  font-size: 16px;}
.responsive-tables .gw *,.responsive-tables .gw{ line-height: 150%; /*font-size:20px;*/ color: #333; font-weight: bold;text-align: left;}
.responsive-tables tbody tr:nth-child(2n) td{ /*background: #f9f9f9;*/}

.opts a{color:#f00; padding:0 5px; text-decoration:none;}
.text-L{ /**/text-align:left!important;}
.text-R{ text-align:right!important;}
.text-C{ text-align:center!important;}
.a-link{ color:#f00;}

.nsta-1{color:#e40000;}
.nsta-2{color:#009f29;}
.responsive-tables{ margin-bottom:30px;}
.responsive-tables th.head-tit3{ width: 11%;}
.responsive-tables th.head-tit2{ width: 11%;}
.responsive-tables th.head-tit1,.responsive-tables th.head-tit4{ width: 11%;}
.responsive-tables th.head-tit1{width: 14%; text-align: left;}
.responsive-tables th.head-tit5{ width: 20%;}
.responsive-tables th.head-tit6{ width: 8%;}

a.opts-bt,a.opt-del{ display: inline-block; min-width: 60px; text-align: center;  box-sizing: border-box; border: 1px solid #e36417; color: #ee4408!important; height: 28px; line-height: 28px; border-radius: 28px; padding: 0 10px; margin: 0 5px;}
a.opt-del{border: 1px solid #000006; color: #000006!important;}

.responsive-tables a.views{ width: 20px; height: 18px; background:url(/html/tiantan/images/arr_r2.png) center center no-repeat; overflow: hidden; line-height: 80px; display: block; margin: 0 auto; cursor: pointer;}

.mod-jobinfos h3{ font-size: 32px; text-align: center; margin-bottom: 20px; line-height: 150%;}
.mod-jobinfos h3{ font-size: 32px; text-align: center; margin-bottom: 20px; line-height: 150%;}
.job-in{ margin-top: 20px; margin-bottom: 20px; padding: 20px; background: #fafafa;}
.job-in ul{display: flex;flex-wrap: wrap;margin:0;padding-left: 10px;}
.job-in ul li{ width: 33%;
    margin: 5px 0 5px;
    font-size: 16px;
    line-height: 2;} 
.job-in ul li span{ padding-right: 8px; color: #666;}
.job-in ul li cite{ color: #000;}
.job-infos{ font-size: 16px; padding-top: 20px;}


.mod-jobinfos h3{ font-size: 32px; text-align: center; margin-bottom: 20px; line-height: 150%;}
.mod-jobinfos h3{ font-size: 32px; text-align: center; margin-bottom: 20px; line-height: 150%;}
.job-in{ margin-top: 20px; margin-bottom: 20px; padding: 20px; background: #fafafa;}
.job-in ul{display: flex;flex-wrap: wrap;margin:0;padding-left: 10px;}
.job-in ul li{ width: 33%;
    margin: 5px 0 5px;
    font-size: 16px;
    line-height: 2;} 
.job-in ul li span{ padding-right: 8px; color: #666;}
.job-in ul li cite{ color: #000;}
.job-infos{ font-size: 16px; padding-top: 20px;}

/*暂无数据*/
.m-nodata{padding:12px 14px 12px 10px; border:1px #EEE solid; background-color:#FFF; margin-bottom: 20px; }
.m-nodata .m-datain{display:table;}
.m-nodata .m-datain .m-dataimg{width:60px; height:auto; float:left; margin-right:6px;}
.m-nodata .m-datain .m-datatext{display:table-cell; vertical-align:middle;line-height:18px; color:#4a4a4a;}

.wtexts{ position: absolute; left: 0; right: 0; top: 260px; color: #fff; z-index: 8;}
.wtexts  .texts{  float: right; text-align: right;}
.wtexts  .texts h3{  font-size: 40px; padding-left: 70px; border-bottom:3px solid #fff; padding-bottom: 60px; line-height: 100%;}
.wtexts  .texts span{ font-size: 20px; padding-top: 20px; display: block;}
.wtexts  .texts a{ 
    display: inline-block;
	width: 180px; height: 43px;line-height: 40px; text-align: center;
    /*-margin-*/
    margin: 0;
    padding: 0;
    /*-border-*/
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    /*-border-radius-*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /*-background-*/
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background: -moz-linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background: -o-linear-gradient(top, none, none);
    background: linear-gradient(top, none, none);
    background-size: auto;
    /*-box-shadow-*/
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    outline: none;
    text-align: center;
	margin-top: 35px;
}
.wtexts  .texts a *{ font-size: 16px;    font-family: Tahoma;}
.wtexts  .texts a:hover{ color: #fff;}


/*图片新闻列表3*/
.newspiclist4-wrap{ margin-right: -2%; margin-top:30px;}
.newspiclist4-wrap .item-cell{ transition: all .3s; background: #f8f8f8; width: 31.33%; margin-right: 2%; margin-bottom:3%; border-top: 2px solid #d71318;}
.newspiclist4-wrap .item-cnt{ height: 100px; margin-top: 20px; padding: 0 20px;}
.newspiclist4-wrap .item-tit{ font-weight: bold; line-height: 120%; color: #333;}

.newspiclist4-wrap .item-date{ width: 70px; height: 70px; margin-left: 20px; background: #eaeaea;}
.newspiclist4-wrap .item-date span{ display: block; background: #d71318; text-align: center; color: #fff;    font-size: 32px; height: 40px; line-height: 40px;    font-family: "arial";}
.newspiclist4-wrap .item-date  cite{    font-size: 14px; display: block; text-align: center;  height: 30px; line-height: 30px; color: #D71318;}
.newspiclist4-wrap .item-cell:hover{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);  background: #fff;}


/*相册样式更改*/
.lg-thumb{ margin: 0 auto;}
.lg-outer .lg-img-wrap{ max-width: 80%!important; margin: 0 auto; height: auto!important;bottom: 110px!important; top: 50px!important;}
.lg-img-wrap img{max-width: 99%;
    max-height: 100%;} 
.lg-outer .lg-image{}
.lg-toolbar, .lg-prev, .lg-next{ background:none!important;}
.lg-backdrop{    background: rgba(0, 0, 0, 0.9)!important;}


.navtypes20 .types a.cr{ color:#da251c;}
.searchsw{ position: relative; z-index: 150;}
@media screen and (max-width:1480px){}