@charset "utf-8";

/* CSS Document */
@import "common.css";
#header{height: 102px;
  /*background-color: #fff;*/
}
.indFix {
    background-color: #fff;
    position: fixed;
	width: 100%;
    border-top: 6px solid #b01f25;
    top: 0;
    left: 0;
    z-index: 25;     box-shadow: 0 0 12px #c0c0c0;
}
#navbar .logo{
	display: inline-block;float: left;
	max-width: 20%;
	z-index: 50;
position: relative;
padding-top: 4px;
padding-bottom: 5px;
}
#navbar .logo img{display: block;max-width: 100%;}
.mBtn{display: none;}
#navbar .lang{
	/*padding-top: 33px;*/
	display: inline-block;
}
#navbar .lang span{
	display: block;color: #fff;text-align: center;
	width: 74px;height: 28px;line-height: 28px;background-color: #264b90;
}
#Nav{padding-top: 15px;
  text-align: right;display: block;}
#Nav li {
  display: inline-block;
  font-size: 0;
}
#Nav li a {
    display: inline-block;
    text-align: center;
    color: #222222;
    height: 25px;
    line-height: 30px;
    font-size: 15px;
    transition: none;
    padding: 20px 0 10px 25px;
}
#Nav li a small{padding-left: 5px;font-size: 12px;}
#Nav ul > li:hover > a, #Nav li a.active {
    color: #b01f25;
}
@media screen and (max-width: 767px) {
#navbar{height:54px;}
#navbar .logo{padding-top: 5px;max-width: 50%;
    height: 44px;}
    #navbar .logo img{height: 44px;}
.mBtn{
        display: inline-block;
        float: right;
width: 10%;
margin-left: 3%;
cursor: pointer;
margin-top:12px;
      }
      .mBtn img {
    max-width: 38px;
    max-height: 35px;
}
      #Nav{
      	width: 100% !important;
    height: 0px;
    overflow: hidden;
    display: block;
    background-color: rgba(0,0,0,0.6);
    box-shadow: 0px 2px 2px #000;
    transition: all .5s ease;
-webkit-transition: all .5s ease;
    margin-left: -12px;
padding-right: 10px;
padding-left: 10px;position: absolute;top:54px;
left: 0;    z-index:55;border-radius: 5px;
}
.showH {
    height: 276px !important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    margin-bottom: 2px;
}
#Nav li {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-bottom: 3px;
    padding-top: 4px;
    border-top: 1px solid #6c6c6c;
}
#Nav li a {
	display: block;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    transition: none;
    color: #fff;
    background-image: none;
    font-weight: 400;
    padding: 0;    border-radius: 7px;
}

#Nav ul > li:hover > a, #Nav li a.active {
    border-bottom: none;
    background-color: #b01f25;color: #fff;
}
}
.slides li img{max-width: 100%;display: block;}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.block-title::after {
    content: attr(data-title);
    position: absolute;
    opacity: .1;
    font-size: 160px;
    top: 0;
    left: -14px;z-index: -1;
}
.block-title {
    font-size: 50px;
    font-weight: 700;
    /*font-family: Montserrat;*/
    color: #000;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 70px;
    position: relative;
}
.mt8 {
    margin-top: 108px !important;
}
.text-right {text-align: right; }
.category-more {font-size: 14px; font-weight: 400; text-decoration: none; text-transform: none; color: #000; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }
.category-more.text-right {position: absolute; z-index: 1; right: 0; top: 30px; }
.category-more img {height: 16px; margin-left: 10px;vertical-align: text-bottom;}
/*---------------------------首页CASES 案例---------------------------*/
#indcase{}
.tab_case li{float: left;height: 18px;cursor: pointer;}
.tab_case li{padding-right: 30px;margin-right: 30px;border-right: 1px solid #000;}
.tab_case li:last-child{border: none;}
.tab_case li span{display: inline-block;line-height: 16px;font-size: 16px;color: #000;}
.tabcon_case ul{overflow: hidden;width: 104%;}
.tabcon_case li{max-width: 387px;width: 31%;margin-right: 2%;
float: left;
margin-top: 20px;
position: relative;
overflow: hidden;}
.tabcon_case .case_imgcon{display: block;width: 100%;padding-top: 67%;position: relative;overflow: hidden;}
.tabcon_case .case_imgcon .imgcon{position:absolute;top: 0;left:0;width: 100%;height: 100%;}
.tabcon_case li p{line-height: 43px;height: 30px;font-size: 16px;color: #666;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*---------------------------首页team 团队---------------------------*/
#indteam{background: url(../images/i01.png) repeat-x 0 bottom;padding-bottom: 55px;}
#indteam{}
.ind_teamlist{overflow: hidden;width: 104%;}
.ind_teamlist li{max-width: 285px;width: 23%;margin-right: 2%;
float: left;
margin-top: 20px;
position: relative;
overflow: hidden;}
.ind_teamlist .team_imgcon{display: block;width: 100%;padding-top: 123%;position: relative;overflow: hidden;    border: 1px solid #999;
    box-sizing: border-box;}
.ind_teamlist .team_imgcon .imgcon{position:absolute;top: 0;left:0;width: 100%;height: 100%;}
.ind_teamlist li p{line-height: 43px;height: 30px;font-size: 16px;color: #666;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}





/*---------------------------首页关于我们---------------------------*/
#indabout h2{margin-bottom:56px;}
.about_bot{background:url(../images/03.jpg) repeat-y center 0;padding: 45px 0 50px;overflow: hidden;}
.about_bot .fl{width:50%;max-width: 599px;height:455px;box-sizing: border-box;background:url(../images/i02.png) repeat 0 0;padding: 20px 30px;color: #fdfaf9; font-size: 18px;line-height: 1.8em;}
.about_bot .fl p{text-indent: 2em;}
 @font-face {
  font-family:"FZcqjt"; 
  src: url('../images/fzcqjt.TTF')  format('truetype'); 
 }
.about_bot .fr{width: 600px;box-sizing: border-box;background-size: 100% auto;position: relative;text-align: right;margin-right: -1%;}
.about_bot .fr>img{max-width: 100%;}
.about_subs{position: absolute;width: 100%;top: 0;left: 0;height: 100%}
.about_subs .con{float: right;width: 20%;max-width: 120px;padding: 6% 3%;color: #fff;text-align: center;height: 100%;box-sizing: border-box;}
.about_subs .con:nth-child(even){padding-top: 45%;}
.about_subs h4{font-size: 20px;font-family:'fzcqjt';color: #fff;}
.about_subs h4 small{font-size: 12px;font-family:'fzcqjt';display: block; }
.about_subs p{font-size: 11px;
line-height: 1.5em;
text-align: left;
padding-top: 5px;}
/*---------------------------首页news 百科--------------------------*/
#ind_news{overflow: hidden;}
.tab_news{text-align: left;margin-bottom: 40px;padding-top: 8px;
    z-index: 3;
    position: relative;}
.tab_news li{width:154px;height: 30px;display: inline-block;margin-right: 30px;border: 1px dotted #333333;box-sizing: border-box;font-size: 16px;color: #333333;text-align: center;line-height: 28px;}
.tab_news li.act,.tab_news li:hover{border-color: #b01f25;color: #fff; transition:all 0 ease;color: #b01f25;}
.tabcon_news ul{width: 103%;overflow: hidden;}
.tabcon_news li{float: left;width: 31%;margin-right: 2%;overflow: hidden;border-top-left-radius: 9px;border-top-right-radius: 9px;position: relative;}
.tabcon_news li a{display: block;position: relative;}
.tabcon_news .news_imgcon{display: block;width: 100%;padding-top: 52%;position: relative;overflow: hidden;}
.tabcon_news .news_imgcon .imgcon{position:absolute;top: 0;left:0;width: 100%;height: 100%;overflow: hidden;
    border-radius: 8px;}
.tabcon_news li h5{font-size: 16px;color: #333;line-height: 35px;white-space: nowrap; text-overflow: ellipsis;display: block;overflow: hidden;}
.tabcon_news li p{font-size: 14px;color: #666666;line-height: 20px;height: 4em;
    overflow: hidden;
    margin-bottom: 40px;
    display: block;}
.tabcon_news .date{font-size: 14px;color: #fff;position: absolute;left: 0;top: 0;background-color: #b01f25;display: inline-block;    z-index: 6;    padding: 7px 12px 3px;}
.tabcon_news .date em{display: none;}
.tabcon_news .date strong{font-size: 18px;display: block;text-align: center;}
.tabcon_news li:nth-child(n+4){border-bottom: 1px dashed #c6c6c6;padding-left:12px;padding-right:80px;background:url(../images/i03.png) no-repeat 0 center;box-sizing: border-box;}
.tabcon_news li:nth-child(n+4) .news_imgcon{display: none;}
.tabcon_news li:nth-child(n+4) p{display: none;}
.tabcon_news li:nth-child(n+4) h5{font-weight: normal;font-size: 14px}
.tabcon_news li:nth-child(n+4) .date{font-size: 12px;color: #666;right: 0;top: 2px;left: auto;background: none;}
.tabcon_news li:nth-child(n+4) .date em{margin: 0 -3px;display: inline-block;}
.tabcon_news li:nth-child(n+4) .date strong{font-weight: normal;float: right;font-size: 12px;}



/*---------------------------首部底部地图---------------------------*/
#indcontact{position: relative;margin-top: 50px;clear: both;}
#indcontact .bgcon{position: relative;margin-top: -700px;height: 600px;background:url(../images/i05.png) repeat 0 0;overflow: hidden;text-align: center;    margin-bottom: 100px;}
#indcontact h2{font-size: 18px;color: #b01f25;margin:60px 0 25px;text-align: left;}
#indcontact h2 span{font-size: 18px;color: #fff;font-weight: normal;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#inform2{display: inline-block;vertical-align: top;}
#inform2 label{color: #fff;min-width:80px;display: inline-block;vertical-align: top;font-size: 16px;}
#inform2 tr{padding-top:15px;display: block;}
#inform2 tr td{text-align: left;}
#inform2 tr td:nth-child(even){padding-left: 72px;}
.zxlyinp{width: 300px;height: 28px;border:none;background-color: #fff;vertical-align: top;}
#inform2 textarea{height: 100px;padding: 10px 13px;box-sizing: border-box;background-color: #fff;margin-left:-3px;}
.zxlysub {width: 120px; height: 34px; background-color: #b01f25; color: #fff; border: 0px; margin: 30px 0; font-size: 15px;}
.ind_contact_detail{display: inline-block;vertical-align: top;max-width: 400px;width: 45%;margin-left: 5%;text-align: left;}
.ind_contact_detail strong{font-size: 20px;color: #fff;    padding-top: 12px;margin-bottom:15px;
    display: block;}
.ind_contact_detail p{color: #fff;text-align: left;line-height: 2em;}
.ewm_wrap img{vertical-align: middle;width:150px;}
.ewm_wrap strong{font-size: 14px;max-width: 4em;display: inline-block;}
/*---------------------------网站底部---------------------------*/
#indfooter {height: 95px; border-top:5px solid #cc0010; padding: 25px 0 50px; clear: both; margin-top: 30px; text-align: center;}
#indfooter .img01 {vertical-align: middle;}
.fotCon {display: inline-block; width: 525px; padding: 5px 20px; max-width: 50%; border-left: 1px solid #d0d0d0; text-align: left; line-height: 23px; color: #444444; margin-left: 6%; vertical-align: middle;min-height: 100px;}
#footer{margin-top:50px;}
.fotop{background-color: #eeeeee;padding: 18px 0;overflow: hidden;}
.fotop dl{float:right;margin-right:50px;}
.fotop dl dt{font-size:14px;color:#313131;font-weight:600;margin-bottom: 12px;}
.fotop dl dd a{font-size:12px;color:#626262;transition:all .3s;}
.fotop dl dd a:hover{color:#000;transition:all .3s;}
.fotlogo{overflow: hidden;}
.fotlogo img{float: left;margin-right: 20px;}
.service_tel{padding-left: 45px;background: url(../images/i13.png) no-repeat 0 center;color: #1b1b1b;overflow: hidden;margin-top: 20px;}
.service_tel p{font-size: 12px;}
.service_tel strong{font-family: 宋体;font-size: 18px;}
.contact_con{margin-top: 15px;overflow: hidden;}
.contact_con p{font-size: 12px;color: #1b1b1b;}
.contact_con img{display: block;position: relative;margin-left: 14px;float: left;margin-right: 35px;}
.copyright{background-color: #000;color: #fff;line-height: 18px;padding: 6px 0;    font-size: 12px;
    text-align: center;}
.copyright a{color: #fff;}
#indshare{float: right;padding-top:50px; }
#indshare .bdsharebuttonbox{display: inline-block;vertical-align: middle;}
/*团队活动列表页面 */
.inner_pagetop{border-bottom: 1px solid #bbb;margin-bottom: 40px;padding-top: 50px;}
.inner_pagetop h2{font-size: 24px;color: #333333;font-weight: normal;}
.inner_pagetop h2 small{font-size: 18px;}
.inner_pagetop h3{font-size: 16px;color: #666666;line-height: 16px;}
.inner_pagetop a.active h3,.inner_pagetop a:hover h3{color: #d3000a;}
.top_nav{padding-top: 27px;padding-bottom: 15px;}
.top_nav li{float: left;padding-right: 16px;border-right: 1px solid #666666;margin-right: 16px;height: 16px;}
.top_nav li:last-child{border-right: none;}
.inner_teamlist{overflow: hidden;width: 102%;}
.inner_teamlist li{max-width:285px;width: 23%;margin-right: 2%;float: left;margin-bottom: 20px;position: relative;overflow: hidden;}
.inner_teamlist .inner_team_imgcon{display: block;width: 100%;padding-top: 81.7%;position: relative;overflow: hidden;}
.inner_teamlist .inner_team_imgcon .imgcon{position:absolute;top: 0;left:0;width: 100%;height: 100%;}
.inner_teamlist li p{line-height: 43px;height: 30px;font-size: 16px;color: #666;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*团队成员列表页面 */
.inner_teamlist2{overflow: hidden;width: 100%;}
.inner_teamlist2 a{color: #333;}
.inner_teamlist2 li{width: 100%;margin-right: 2%;margin-bottom:10px;position: relative;overflow: hidden;border: 1px dotted #bbbbbb;display: block;box-sizing: border-box;height: 228px;white-space: nowrap;}
.inner_teamlist2 .inner_team_imgcon{display:inline-block;width: 200px;padding-top:228px;position: relative;overflow: hidden;}
.inner_teamlist2 .inner_team_imgcon .imgcon{position:absolute;top: 0;left:0;width: 100%;height: 100%;}
.designer_sky{display: inline-block;padding-left: 17px;vertical-align: top;line-height: 25px;padding-top: 10px;width: 735px;white-space: normal;height: 14em;overflow: hidden;}

/*案例列表页面 */
.inner_prolist{overflow: hidden;width: 102%;}
.inner_prolist li{max-width:285px;width: 23%;margin-right: 2%;float: left;margin-bottom: 20px;position: relative;overflow: hidden;border:1px solid #bbbbbb;box-sizing: border-box;background-color: #fff;}
.inner_prolist .inner_pro_imgcon{display: block;width: 100%;padding-top: 67%;position: relative;overflow: hidden;}
.inner_prolist .inner_pro_imgcon .imgcon{position:absolute;top: 0;left:0;width: 100%;height: 100%;}
.inner_prolist li p{line-height: 28px;height: 30px;font-size: 14px;color: #666;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 7px;}
.pro_titcon{}
.pro_titcon p{}
.pro_titcon .fr{color: #333;
line-height: 27px;
padding-right: 5px;}


/*招聘页面 */
.joinUs ul{width: 104%; margin-right: -4%; } 
.joinUs li{float: left; width: 47%; padding-right: 3%; padding-bottom: 32px;}
.joinUs li strong{display: block;}
/*新闻列表页面 */
.newsList02 ul{
  width: 100%
}
.newsList02 .big {
  overflow: hidden;
  width: 150px;max-height: 100px;
float: left;
margin-right: 20px;}
.newsList02 .big img{
  width: 100%;
  display: block; 
  transition: .1s transform;
    transform: translateZ(0);}
.newsList02 .big:hover img{
    transform: scale(1.2, 1.2);
    transition: .3s transform;
}
.newsList02 li{
  border-bottom: 1px dashed #bbbbbb;
  /*overflow: hidden;*/
  padding: 20px;
}
.newsList02 li .title{
  position: relative;
}
.newsList02 h2{
  color: #333;
  font-size: 22px;
  font-weight: 400;
  padding-right: 4em;
  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 24px;
}
.newsList02 span{
  color: #333;
  position: absolute;
  right: 0;
  bottom: 0;
}

.newsList02 .con{
  color: #333;
  text-indent: 1em;
  margin-top:12px;
height: 64px;
overflow: hidden;
}

/*关于我们页面 */
article{min-height: 600px;}
h1.articleTit {
    margin-top: 37px;
    font-size: 22px;
    color: #434343;
    text-align: center;padding-bottom: 10px;
}
.articleCon {
    color: #666;
    line-height: 28px;
    overflow: hidden;
    border-top: 1px dotted #bbbbbb;
margin-top: 10px;
padding-top:38px;
}
.articleCon img{max-width: 100%;}
.containe img{max-width: 100%;}

.sub_info {text-align: center !important; padding: 4px 0 5px; line-height: 19px !important; margin-bottom: 7px !important; color: #434343; }
.sub_info span {margin-right: 6px; }
#icon2 {display: inline-block;vertical-align: middle;}
.companyphoto{position: relative;}
.companyphoto h2{font-size: 16px;color: #666666;line-height: 16px;border-bottom: 1px solid #bbb;padding-bottom:15px;
margin-bottom: 25px;}
#demoo{overflow: hidden;max-width: 1120px;margin:  0 auto;}
.bgimg{position: absolute;top:58px;left: 0;}
/*#inform{margin-left: 20px;}
#inform label{display: block;}

.checkcode{display: block;}
.zxlyyzm {
    width: 100px;
    height: 30px;
    border: 1px solid #666666;
}
#inform .indexcode{vertical-align: middle;}*/


/*联系我们页面*/
.contactBox{
	width: 100%; 
	height: 800px;
	overflow: hidden;
	margin-bottom: -50px;
	position: relative;
}
.bgCon {
	width: 100%; 
	height: 100%;
}
#tcBg{
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%; height: 100%; background-color:rgba(0,0,0,0.7); text-align: center;}
.tanC{display: inline-block; width: 90%; height: 410px; padding: 37px 25px 39px; background-color: rgba(225,225,225,0.7); margin-top: 16vh; text-align: left; position: relative; margin-left: 15px; margin-right: 15px; max-width: 400px;vertical-align: top; }
.tanC img{max-width: 100%;}
.tanC h2.tellnum{font-size: 30px;color: #b01f25;background: url(../images/zuoji.png) no-repeat 0 0;padding: 46px 6px 5px 134px;}
.tanC h1{line-height: 60px;height: 54px;color: #222;font-size: 20px; }
.tanC p{color: #222;font-size: 14px;line-height: 24px;}
.tanC p span{font-size:14px;}
.tcClose{position: absolute;top:0;right: 0;cursor: pointer;}
/*联系我们----------表单*/
.erTit {
    font-size: 24px;
    color: #333;
    font-weight: 400;
}

#inform p{
  font-size: 18px;
  color: #333;
  height: 40px;
}
#inform label{
  color: #333;
}
label.lr{
  width: 5.5em;
  display: inline-block;
  text-align:justify;
  text-align-last:justify;
}
#inform label em{
  display: inline-block;
vertical-align: middle;
width: 1em;
}

#inform input,
#inform select,#inform textarea{
  background: transparent;
  border: 1px solid #666666;
  color: #333;
  margin-left: 5px;
}
#inform select{
  background-color: #000;
}
#inform{
  padding-top: 20px;
  overflow: hidden;
}
#inform span.tip{
  font-size: 12px;
color: #333;
margin-left: 20px;
}
#inform .control{
  line-height: 28px;
  color: #333;
}
#inform .blocnk{
  height: 100px;
}
.control.know input[type="radio"]{vertical-align: text-top;margin-top: 3px;}
#inform input[type="submit"],
#inform input[type="reset"]{
  background-color: #b01f25;
  padding: 5px 12px;
  margin:10px 20px;
  border: none;
  color: #fff;
}
#inform textarea{height: 60px;margin-top: 2px;vertical-align: text-top;}





/*产品详情页面*/
.containe.main {
  padding-top: 38px;
  padding-bottom: 138px;
}
.swiper-container{
  max-width:1100px; 
  width: 100%;
}
.swiper-container.gallery-top .infos{
  width: 100%;
  text-align: center;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  line-height: 32px;
padding: 8px 0;
z-index: 20;
}
.swiper-container.gallery-top .infos p{font-size: 18px;}
.swiper-container.gallery-top .infos em,em{color: red;}
.swiper-container.gallery-top{margin-bottom: 30px;    background-color: #323;}
.swiper-container img{display: block;}
.swiper-slide .imgwrap{width: 100%;overflow: hidden;padding-top:68%;position: relative;}
.swiper-slide .imgwrap img{position: absolute;width: 100%;top: 0;left: 0;}


/*设计理念页面*/
.conceptcon{font-size: 14px;color: #666;margin-bottom: 18px;box-sizing:border-box;}
.conceptcon h3{font-size: 16px;color: #333;padding-bottom: 15px;}
.aright{float: right;width: 67px;margin-top: -20px;}
.aright a{height: 156px; display: block; background: url(../images/i06.png) no-repeat center -156px;line-height: 154px;text-align: center;font-size: 16px;color: #999999;}
.aright a:first-child,.aright a:hover{background-position: center 0;color: #d40009;}
.concept_wrap{width: 80%;overflow: hidden;}
.concept_wrap .scroller{width: 110%;height: 500px;overflow-y: scroll;}




.skip a{color:#b01f25;}
.skip a:hover{color:#0c528c;}
::-webkit-scrollbar-track {
      background-color: #b46868;
  } /* 滚动条的滑轨背景颜色 */

  ::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2); 
  } /* 滑块颜色 */

  ::-webkit-scrollbar-button {
      background-color: #7c2929;
  } /* 滑轨两头的监听按钮颜色 */

  ::-webkit-scrollbar-corner {
      background-color: black;
  } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
.content_sky{display: inline-block;
    width: 75%;
    vertical-align: top;
    max-height: 5em;
    overflow: hidden;}
	.content_sky img{display:none;}

div.digg {padding: 3px; margin:15px 0; text-align: center; font-size: 12px; } 
div.digg a {border: #ccc 1px solid; padding: 4px 10px; color: #666; text-decoration: none; margin: 5px; line-height: 39px; } 
div.digg .disabled * {border: #eee 1px solid; padding: 4px 10px; margin: 5px; color: #ddd; } 
div.digg .current * {border: #bf141c  1px solid; padding: 4px 10px; color: #fff; font-weight: bold; background-color: #bf141c ; } 
div.digg p{display: inline-block;vertical-align: middle;}
div.digg .active * {background: #e8e8e8; color: #999;}
.pagination{margin-left: 15px; vertical-align: middle; text-align: left;display: inline-block;} 
.pagination li{    display: inline-block;}