body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5  "黑体", 'sans-serif'; color:#333333; font-size:12px; background: #fff;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important; color: #a60052;}
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"黑体", 'sans-serif';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
/*li{ list-style:none;}*/
h3{ font-weight:normal;}
.fl{float: left;}
.fr{float: right;}
.wrap{ width: 1200px; margin: auto;}
a, img,.scopebg,.slt-list li:before,.proj-ltitle,.proj-day,.proj-year,.ind-nlist-date,.scopebg,.ind-news-rimg a:before,.proj-head-titles,.ind-news-ltitle,.ind-nlist-title{ -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
img { max-width: 100%; }
/*首页*/
.head-top{
  height: 65px;
  padding-top: 29px;
}

.head-nav{ line-height: 62px; }
.nav li{
  float: left;
  margin: 0 34px;
}
.nav li:nth-child(1){ margin-left: 0; margin-right: 0}
.nav li:last-child{margin-right: 0;}

.nav li a{
  display: block;
  font-size: 16px;
  color: #000;
  line-height: 62px;
  position: relative;
}
.nav li a:before{
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 16px;
  height: 4px;
  margin-left: -8px;
  background: #3073c3;
  content: "";
  opacity: 0;
}
.nav li.on a,.nav li:hover a{
  color: #a60052;
}
.nav li.on a:before,.nav li:hover a:before{
  opacity: 1
}

.language{
  float: right;
  font-size: 14px;
  color: #222;
  line-height: 46px;
  margin-left: 10px;
}
.language a{
  margin: 0 10px;
}

/*nav*/
.nav__trigger { float: right; width: 30px; height: 30px; position: relative; right: 0; top: 12px; z-index: 9999; display: none; margin-left: 12px; cursor: pointer; }
.nav__icon { display: block; position: absolute; width: 30px; height: 5px; top: 0; left: 0; background-color: #a60052; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before, .nav__icon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #a60052; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before { margin-top: 20px; }
.nav__icon:after { margin-top: 10px; }
.zjq-mnav { width: 30%; height: 0; padding: 0 0; position: fixed; z-index: 999; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translateX(100%); transform: translateX(100%); right: 0; top: 66px; overflow: hidden; }
.zjq-msons { margin: 14px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.zjq-msons dt { font-size: 16px; margin-bottom: 8px; line-height: 1.6rem; text-align: center; }
.zjq-msons a { color: #fff }
.zjq-msons dd { line-height: 22px; margin-left: -20px }
.zjq-msons dd a { margin-left: 20px; display: inline-block; color: #e9e8e8 }
.nav--active .nav__trigger { opacity: 0.5; }
.nav--active .nav__icon { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.nav--active .nav__icon:before { display: none; }
.nav--active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.nav--active .zjq-mnav { opacity: 1; height: 100%; background: rgba(44, 50, 58, 0.9); -webkit-transform: translateX(0); transform: translateX(0); padding: 3rem 0; }


/**
 * 轮播图
 */
.slide-img { overflow: hidden; position: relative; height: 700px; }
.slide-b{ height: 100%;}
.slide-b li { height: 100%;  background-size: cover !important; }
.slide-img .flex-control-nav { position: absolute; bottom: 14px;left: 0; width: 100%; overflow: hidden; z-index: 99; text-align: center;display: none; }
.slide-img .flex-control-nav li { display: inline-block; text-indent: -9999px; margin:0 7px; border-radius: 50%; overflow: hidden; }
.slide-img .flex-control-nav li a { display: block; width: 12px; height: 12px; font-size: 0; text-indent: -9999px; cursor: pointer; background: rgba(255, 255, 255, 0.5); }
.slide-img .flex-control-nav li .flex-active { background: #fff; }
.flex-direction-nav {
  position: absolute;
  bottom: 37px;
  left: 50%;
  width: 1200px;
  margin-left: -600px;
  z-index: 999;
}
.flex-direction-nav li{
  display: inline-block;
}
.flex-direction-nav li a{
  display: block;
  width: 46px;
  height: 38px;
  font-size: 30px;
  margin-right: 5px;
  cursor: pointer;
  color: #cccecf;
  text-indent: -9999px; 
  background:no-repeat center;
  position: relative;
}
.flex-direction-nav li:nth-child(1) a{ background-image:  url(../image/l_03.jpg) }
.flex-direction-nav li:nth-child(2) a{ background-image:  url(../image/l_04.jpg) }

.flex-direction-nav li:nth-child(1):hover a{ background-image:  url(../image/l_06.jpg) }
.flex-direction-nav li:nth-child(2):hover a{ background-image:  url(../image/l_05.jpg) }


.pc-banner .wrap{ position: relative; height: 100%;}
.pos-bnritem{ position: absolute;}
.pos-bnritme1{
    top: 164px;
    left:0;
}
.bnr1-title{
  font-size: 50px;
  color: #282c2d;
  line-height: 60px;
}
.bnr1-clr{ color: #7b234d}
.bnr1-g{ font-size: 30px;color: #7b234d; padding-bottom: 20px;}
.bnr1-desc{
  font-size: 16px;
  color: #656d70;
  line-height: 26px;
}

.flex-active-slide .pos-bnritme1{
    -webkit-animation: fadeInLeft 1s linear 0.3s both;
    -moz-animation: fadeInLeft 1s linear 0.3s both;
    animation: fadeInLeft 1s ease 0.3s both;
}

.pad{
  padding: 34px 0;
}

.ind-abt,.ind-news{ overflow: hidden;}
.ind-abt-img{
  float: left;
  width: 478px;
  height: 325px;
  margin-left: 18px; 
  padding-top: 90px;
  padding-left: 42px;
  background: url(../image/pic_03.jpg) no-repeat ;
}

.ind-abt-con{
  margin-left: 538px;
  padding-top: 40px;
  padding-left: 40px;
}
.ind-abt-head{
  font-size: 45px;
  color: #373230;
  font-weight: 700;
}
.ind-abt-clr{color: #a60052;}
.ind-abt-title{
  line-height: 58px;
  font-size: 24px;
  color: #373230;
  position: relative;
  margin-bottom: 26px;
  background: url(../image/icon_13.jpg) no-repeat left bottom;
}
.ind-abt-desc{
  font-size: 14px;
  line-height: 26px;
  color: #9a9a9a;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.more{
  display: block;
  width: 84px;
  height: 32px;
  font-size: 14px;
  padding: 0 14px;
  color: #fff;
  background: #a60052;
  text-align: center;
  line-height: 32px;
  margin-top: 30px;
}
.more:hover{ border-radius: 8px; color: #fff; background: #a8a8a8;}

.ind-news{ background: #f8f8f8;}
.ind-news-head{
  text-align: center;
  font-size: 18px;
  color: #383230;
  text-transform: uppercase;
}
.ind-cn-head{
  font-size: 24px;
  font-weight: 700;
  color: #3073c3;
  line-height: 24px;
  padding-bottom: 22px;
  margin-bottom: 16px;
  position: relative;
}
.ind-cn-head:before,.ind-cn-head:after{
  position: absolute;
  bottom: 0;
  left: 50%;
}
.ind-cn-head:before{
  width: 515px;
  height: 1px;
  margin-left: -257px;
  background: #dadada;
  content: "";
}
.ind-cn-head:after{
  bottom: -7px;
  width: 83px;
  height: 14px;
  margin-left: -42px;
  background: url(../image/icon_11.png) no-repeat ;
  content: ""
}

.ind-news-box{ padding:50px 35px 0;}
.ind-news-item{
  float: left;
  width: 700px;
}
.ind-news-l{
  float: left;
  width: 266px;
}
.ind-news-lhead{
  height: 59px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.ind-news-ldate{
  float: left;
  font-size: 14px;
  color: #3073c3;
  text-align: center;
  line-height: 30px;
}
.ind-news-ldate i{
  font-weight: 700;
  font-size: 30px;
  font-style: normal;
  display: block;
}
.source{
  float: right;
  line-height: 59px;
  color: #d0d0d0;
  font-size: 14px;
}


.ind-news-ltitle{
  line-height: 22px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
}
.ind-news-ltitle a{
  font-size: 18px;
  color: #3073c3
}
.ind-news-ldesc{
  font-size: 14px;
  line-height: 26px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.ind-news-l .more{margin-top: 16px;}
.ind-news-rimg{
  float: right;
  width: 402px;
  height: 296px;
  overflow: hidden;
  position: relative;
}
.ind-news-rimg a:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.ind-news-rimg:hover a:before{
  background: rgba(0,0,0,.3);
}
.ind-news-list{
  float: right;
  width: 396px;
}
.ind-news-list li{
  padding: 9px 0;
  border-bottom: 1px dashed #eeeeee;
}
.ind-news-list li:last-child{border-bottom: none;}
.ind-nlist-date{
  float: left;
  width: 55px;
  font-size: 14px;
  padding-top: 12px;
  color: #9c9c9c;
  text-align: center;
}
.ind-nlist-date i{
  display: block;
  font-size: 30px;
  line-height: 26px;
  font-weight: 700;
}
.ind-nlist-box{
  margin-left: 54px;
  padding-left: 18px; 
}
.ind-nlist-title{
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 6px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.ind-nlist-desc{
  font-size: 14px;
  line-height: 26px;
  color: #9a9a9a;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ind-news-list li:hover .ind-nlist-date{ color: #a60052}

.ind-tech-scope{
  height: auto;
  background: url(../image/bg_02.jpg) no-repeat center bottom;
}
.ind-scope{overflow: hidden;}
.ind-scope-imgbox{
  padding: 17px;
  margin-top: 25px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.ind-scope-item{
  float: left;
  width: 50%;
  position: relative;
  overflow: hidden;
}
.scopeimg{ width: 100%; height: 100%;}
.ind-scope-w{ width: 33.33%;text-align: center;}
.ind-scope-w .scope-icon{ margin: auto;}
.ind-scope-w .pos-scope{ padding:10% 8%; height: 75%; }
.ind-scope-w .pos-hr{ margin:8px auto 0;}
.scopebg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  z-index: 1;
  content: ""
}
.ind-scope-imgbox .scopebg{background: rgba(0,0,0,0.5);}



.pos-scope{
  position: absolute;
  top: 0;
  left: 0;
  width: 84%;
  height: 80%;
  padding:8%;
  z-index: 2
}
.scope-icon{
  display: block;
  width:66px;
  position: relative;
  top: -80%;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s; 
}

.pos-stitle{
  font-size: 24px;
  color: #fff;
  line-height: 30px;
  margin-top: 20px;
  position: relative;
  left: -50%;
  opacity: 0;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s; 
}
.pos-sen{ 
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  position: relative; 
  right: -50%; 
  opacity: 0;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s; }

.pos-hr{
  display: block;
  width: 0;
  height: 4px;
  margin-top: 8px;
  background: #fff;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s; 
}

.ind-scope-item.on .scopebg{ background: url(../image/picbg.png) no-repeat ; background-size: 100% 100%;} 

.ind-scope-item.on .scope-icon{
  top: 0;
}
.ind-scope-item.on .pos-stitle{
  left: 0;
  opacity: 1;
}
.ind-scope-item.on .pos-sen{
  right: 0;
  opacity: 1;
}
.ind-scope-item.on .pos-hr{
  width: 16px;
}

.tech-head{
  margin-top: 80px;
  color: #fff;
}
.tech-cn{
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
}
.tech-en{
  font-size: 36px;
  margin-bottom: 20px;
}
.tech-desc{
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 40px;
}

.ind-tech-list{
  margin-top: 38px;
  padding: 16px;
  background: #fff;
  margin-bottom: -200px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2)
}

.owl-carousel{ width: auto;}
.ind-tech-item{
  width: 380px;
}
.ind-tech-imgs{
  height: 270px;
  overflow: hidden;
}
.ind-tech-title{
  padding-top: 14px;
  line-height: 36px;
  font-size: 20px;
  text-align: center;
}
.ind-tech-item:hover img,.proj-imgs:hover img{transform: scale(1.1,1.1);}

.ind-tech-list .owl-nav{
  display: none;
}
.owl-dots{
  position: absolute;
  bottom: -37px;
  left: 0;
  width: 100%;
  text-align: center;
}
.owl-dot{
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 2px;
  background: #cccccc;
  border-radius: 6px;
}
.owl-dot.active{
  width: 18px;
  background: #3073c3;
}

.ind-items{
  margin-top: 220px;
  padding-bottom: 50px;
  background: #f8f8f8;
}
.ind-items-box{ margin-top: 46px;}
.ind-items-box img{ display: inline-block!important; width: auto!important;}
.ind-items-box .owl-dots{ display: none!important;}
.ind-items-box .owl-nav{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1000px;
  margin-left: -500px;
}
.ind-items-box .owl-prev,.ind-items-box .owl-next{
  position:absolute;
  top: 50%;
  width: 36px;
  height: 26px;
  padding: 10px;
  text-indent: -9999px;
  margin-top: -23px;
  background: url(../image/prev_18.jpg) no-repeat center #f8f8f8;
}
.ind-items-box .owl-prev{ left: -20px;}
.ind-items-box .owl-next{ right: -10px; background-image: url(../image/next_21.jpg);}



.ind-items-item{ width: 612px;margin: auto;}
.ind-item-imgs{
  float: left;
  height: 346px;
  overflow: hidden;
  position: relative;
}
.pos-item-r{
  position: absolute;
  top: 0;
  right:-101%;
  width: 182px;
  height: 100%;
  padding: 0 12px;
  text-align: center;
  background: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s; 
  -ms-transition: all 0.4s; 
  transition: all 0.4s;
}
.pos-item-head{
  padding-top: 40px;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 10px;
}
.pos-item-head h3{font-size: 20px;}
.pos-item-desc{
  font-size: 14px;
  line-height: 28px;
  color: #a6a5a5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.item-more{
  display: block;
  line-height: 40px;
  position: relative;
  color: #cbcbcb;
  font-size: 14px;
  margin-top: 52px;
}
.item-more:before,.item-more:after{
  position: absolute;
  width: 0;
  height: 1px;
  background: #b7b7b6;
  content: "";
  -webkit-transition: all 0.4s; 
  -ms-transition: all 0.4s; 
  transition: all 0.4s;
}
.item-more:before{
  top: 0;
  left: 50%;
  margin-left: -17px;
}
.item-more:after{
  bottom: 0;
  right: 50%;
  margin-right: -17px;
}
.pos-item-r:hover .item-more:before,.pos-item-r:hover .item-more:after{
  width: 34px;
}
.ind-item-imgs:hover .pos-item-r{ right: 0;}


/*.ind-items-con{
  float: left;
  padding:12px 10px;
  width: 272px;
}*/


.ind-item-logo{
  text-align: center;
  height: 46px;
  margin-bottom: 10px;
}
.ind-item-logo img,.ind-item-list li img{ max-height: 100%;}
.ind-item-list li{
  float: left;
  width: 130px;
  height: 80px;
  text-align: center;
  margin-right: 12px;
  overflow: hidden;
}
.ind-item-list li:last-child{margin-right: 0}

.ind-item-con{
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px dashed #eeeeee;
}
.ind-item-con:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ind-item-imgs:hover img{transform: scale(1.1,1.1);}
.ind-item-list li:hover img{transform: scale(1.2,1.2);}


.ind-items-box{margin-bottom: 50px;}
.ind-item-imgs{float: none; width:100%; }
.ind-items-con{float: none;  width: 92%; padding: 22px 4%;}
.ind-item-con{float: left; width: 48%; padding-bottom: 0; margin-right: 4%; margin-bottom: 0; border-bottom: none;}
.ind-item-con:last-child{ margin-right: 0;}
.ind-item-list li{ width: 48%;margin-right: 4%; } 
.ind-items-box .owl-nav{ top: 100%; text-align: center;width: 100%;margin-left: 0; left: 0;}
.ind-items-box .owl-prev, .ind-items-box .owl-next{
  position: relative;
  display: inline-block;
  margin: 0 10px;
}
.ind-items-box .owl-next{ right: 0;}
.ind-items-box .owl-prev{ left: 0;}
/*底部*/
.foot{
  border-top:4px solid #004089;
  background:url('../image/b_top.png') no-repeat center top #752659;
  background-size: cover;
}
.foot-head{padding: 34px 0 25px;}
.foot-left{
  float: left;
  width: 632px;
  border-right: 1px solid #004089;
}
.foot-log{
  text-align: center;
}

.foot-nav{
  font-size: 14px;
  color: #7e7e7e;
  line-height: 28px;
  margin: 42px 0 10px;
}
.foot-nav a{ padding: 0 9px;
  color: #f5f5f5;
}
.foot-nav a:nth-child(1){padding-left: 0;}
.links{
  text-align: left;
  color: #f5f5f5
}
.links a{ color: #f5f5f5 ;padding:0 8px;}
.foot-cont{
  float: left;
  width: 305px;
  line-height: 28px;
  margin-left: 40px;
  color: #f5f5f5;
}
.foot-cont-hot{
  padding-left: 62px;
  height: 42px;
  line-height: 42px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f5f5f5;
  background: url(../image/ficon.png) no-repeat left center;
}
.foot-cont-hot .phone{
  font-size: 24px;
  color: #f5f5f5;
}

.foot-web{
  float: right;
  width: 128px;
}
.foot-web p{
  color: #999;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0;
  background: #eaeaea;
}

.foot-btm{
  height: 50px;
  line-height: 50px;
  color: #f5f5f5;
  background: #752659;
}
.foot-btm a{color: #f5f5f5;}


/*内页*/
.banner{
  height: 385px;
  background-size: cover!important
}

.main{
  padding-bottom: 50px;
  background: url(../image/bg_03.jpg) no-repeat center top;
  background-size:100% 100%;
}
.main .wrap{  position: relative;}
.main-head{
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 62px;
  background: #dedede;
}
.rlink{
  float: left;
  line-height: 62px;
  margin-left: 20px;
  padding-left: 24px;
  background: url(../image/icon_03.jpg) no-repeat left center;
}


.slt-list{
  float: right;
  background: #a60052;
  padding:0 20px;
}
.slt-list li{
  float: left;
  font-size: 14px;
  padding: 0 20px;
  line-height: 62px;
  position: relative;
}
.slt-list li a{
  color: #fff;
}
.slt-list li:before{
  position: absolute;
  bottom: 14px;
  left: 50%;
  width: 0;
  height: 2px;
  margin-left: 0;
  background: #fff;
  content: "";
}
.slt-list li:hover:before,.slt-list li.on:before{
  width: 30px;
  margin-left: -15px;
}
.article,.list{
  padding-top: 92px;
}
.box{
  font-size: 16px;
  color: #666;
  line-height: 34px;

}
.abt-slogan{
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 44px;
  line-height: 44px;
  margin-bottom:30px;
  background: url(../image/abt_08.jpg) no-repeat right center;
}



/*展示*/
.slids{width:998px; margin: auto;}
.large_box{height:598px;overflow:hidden; margin-bottom: 7px; border:1px solid #e4e4e4; position: relative;}
.large_box ul,.large_box ul li{height: 100%;}
.large_box img{display:block; width: 100%; height: 100%;}
.small_box{ width:998px;height:138px; position: relative;}
.small_list{position:relative; float: left; width: 898px;  height:138px;overflow:hidden;}
.small_list ul{height:138px;overflow:hidden;}
.small_list ul li{position:relative;float:left; cursor: pointer; width:172px;margin-right: 6px; border:1px solid #e4e4e4;}
.small_list ul li .bun_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=30);-moz-opacity:0.6;-khtml-opacity:0.3;opacity:0.3;}
.small_list ul li.on .bun_bg{display:none;}
.btn{
  float: left;
  width: 50px;
  height:138px;
  line-height:138px;
  color: #fff;
  text-align: center;
  font-size: 46px;
  font-family: "SimSun";
  background: #a60052;
  cursor: pointer;
}
.pos-hor-title{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  color: #fff;
  background: rgba(140,140,140,.5);
}



/*新闻资讯*/
.nmain{ background-image: url(../image/mainbg_02.jpg);}
.nimg{
  float: left;
  width: 282px;
  height: 170px;
  overflow: hidden;
}
.news-list li{
  padding: 28px 0;
  border-bottom: 1px solid #ececec;
}
.nlist-con{
  margin-left: 282px;
  padding-left: 22px;
}
.nlist-date{
  line-height: 34px;
  font-size: 18px;
  color: #666666;
}
.nlist-title{
  height: 48px;
  line-height: 48px;
  overflow: hidden;
}
.nlist-title a{display: block;}
.nlist-hr{
  float: left;
  width: 0;
  height: 1px;
  background: #a60052;
  margin-top: 22px;
  background: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s; 
  -ms-transition: all 0.4s; 
  transition: all 0.4s;
}
.nlink-title{
  float: left;
  width: 88%;
  font-size: 18px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.news-list li:hover .nimg img{ opacity: .7}

.nlist-title:hover .nlist-hr{
  width: 10%;
}
.nlist-title:hover .nlink-title{
  padding-left: 2%;
  font-weight: 700;
}
.nlist-desc{
  font-size: 14px;
  line-height: 28px;
  color: #666;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.news-head{
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 24px;
  padding-bottom: 20px;
}
.news-head h3{
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 8px;
  color: #333;
}
.return{
  padding-top: 30px;
  text-align: right;
}


/* 经营范围 */
.rang-main{
  background: none;
  padding-bottom: 0;
}

.rang-items{
  padding: 34px 0;
}
.rang-items:nth-child(2n){
  background: url('../image/icon_25.jpg') repeat-x 0 0
}
.rang-items:nth-child(2n) .rang-cons{
  margin-left: 480px;
  margin-right: 0;
}
.rang-imgs{
  width: 480px;
  height: 272px;
  overflow: hidden;
}
.rang-cons{
  padding:22px 28px ;
  margin-right: 480px;
}
.rang-title{
  font-size: 26px;
  color: #a60052;
  line-height: 26px;
  margin-bottom: 22px;
  padding-left: 34px;
  position: relative;
}
.rang-title:before{
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: #a60052;
  content: "";
}
.rang-desc{
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
/* 经典项目 */
.items-list li{
  float: left;
  width: 290px;
  margin-right: 12px;
  margin-bottom: 40px;
}
.items-list li:nth-child(4n){ margin-right: 0; }
.items-imgs{
  height: 198px;
  overflow: hidden;
  position: relative;
  border: 1px solid #dedede;
}
.pos-items{
  position: absolute;
  top: 101%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(166, 0,82, .9);
  -webkit-transition: all 0.4s; 
  -ms-transition: all 0.4s; 
  transition: all 0.4s;
}
.pos-desc{
  padding: 22px 18px 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.item-hr{
  display: block;
  width: 30px;
  height: 1px;
  background: #fff;
  margin-left: 17px;
}

.items-title{
  height: 60px;
  line-height: 60px;
  padding: 0 14px;
  font-size: 18px;
  color: #fff;
  position: relative;
  background: #a2a2a2;
  -webkit-transition: all 0.4s; 
  -ms-transition: all 0.4s; 
  transition: all 0.4s;
}
.items-icon{
  position: absolute;
  top: 50%;
  right: 14px;
  width: 35px;
  height: 35px;
  margin-top: -17px;
  border-radius: 50%;
  background: url('../image/icon_18.png') no-repeat ;
  -webkit-transition: all 0.4s; 
  -ms-transition: all 0.4s; 
  transition: all 0.4s;
}
.items-list li:hover .items-icon{
  background-image: url('../image/icon_21.png')
}
.items-list li:hover .items-title{ background-color: #a60052; }
.items-list li:hover .pos-items{top: 0;}


.item-slogan{
  padding:10px 14px;
  line-height: 26px;
  font-size: 14px;
  color: #fff;
  margin-bottom: 32px;
  background: #a60052;
}

.itme-inimg{
  float: left;
  width: 600px;
  height: 355px;
  overflow: hidden;
}
.itme-inbox{ margin-bottom: 30px; }
.items-key{
  margin-left: 600px;
  padding-left: 18px;
  line-height: 28px;
  padding-top: 16px;
}
.ccc{ color: #666; }

.items-item{
  line-height: 28px;
  font-size: 14px;
  margin-bottom: 18px;
}
.items-item:last-child{margin-bottom: 0;}

/* 工程中心 */
.proj-head{
  background: #eeeeee;
}
.proj-imgs{
  float: left;
  width: 300px;
  height: 195px;
  overflow: hidden;
}
.proj-imgs img{ width: 100%; height: 100%; }
.proj-head-con{
  margin-left: 300px;
  padding: 22px 30px;
}
.proj-head-titles{
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.proj-head-date{
  font-size: 12px;
  color: #999;
  line-height: 22px;
  margin-bottom: 12px;
}

.proj-head-desc{
  font-size: 14px;
  line-height: 26px;
  color: #666;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
}
.proj-head-more{
  display: inline-block;
  color: #a60052;
  font-size: 14px;
  padding-top: 14px;
}

.proj-list li{
  padding: 25px 0;
  border-bottom: 1px solid #eeeeee;
}
.proj-ldate{
  float: left;
  width: 80px;
  color: #666;
  font-family: "Arial";
  text-align: center
}
.proj-day{
  display: block;
  font-size: 36px;
  height: 64px;
  line-height: 64px;
  margin-bottom: 4px;
  background: #eeeeee;
}
.proj-year{
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  background: #eeeeee;
}

.proj-lbox{
  margin-left: 80px;
  padding-left: 22px;
}

.proj-ltitle{
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 8px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.proj-desc{
  font-size: 14px;
  line-height: 26px;
  color: #666;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
}
.proj-list li:hover .proj-ldate{ color: #fff }
.proj-list li:hover .proj-day,.proj-list li:hover .proj-year{
  background: #a60052;
}
.proj-ltitle:hover,.proj-head-titles:hover,.ind-news-ltitle:hover,.ind-nlist-title:hover {transform:translate( 10px, 0)}


/*人才招聘*/
.gagebox{
    padding:0 62px;
}
.gage-dl{ margin-bottom: 5px;}
.gage-dl dt{
    height: 50px;
    cursor: pointer;
    padding: 0 20px;
    background: #cdcdcd;
}
.gage-dl dt span{
    float: left;
    width: 20%;
    font-size: 16px;
    color: #525252;
    font-weight: 700;
    line-height: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.gage-dl dt span:nth-child(1){ width: 40%; }
.todlbox{
    padding: 15px 20px;
    background: #eeeeee;
    display: none; 
}
.gagebox .pagings{text-align: center; padding-top: 40px;}

.gage-dl:nth-child(2n) dt{background: #e4e4e4;}

.gage-btn{
  float: right;
  width: 12px;
  height: 12px;
  margin-top: 18px;
  background: url(../image/down.png) no-repeat center; 
}
.gage-dlshow.gage-dl .gage-btn{ background-image: url(../image/up.png);}
.gage-dlshow.gage-dl dt{ background: #a60052;}
.gage-dlshow.gage-dl dt span{ color: #fff;}


/* 联系我们 */
.cont-left{
  float: left;
  width: 484px;
}
.cont-con{
  margin-top: 20px;
  background: #fff;
  font-size: 14px;
  line-height: 28px;
  color: #666666;
  padding: 20px 30px;
  position: relative;
  border: 1px dotted #c4c4c4;
}
.cont-con:before{
  position: absolute;
  top: 24px;
  left: 0;
  width: 18px;
  height: 20px;
  background: #a60052;
  content: "";
}
.cont-con h3{ font-size: 22px; margin-bottom: 24px;}

.cont-map{
  float: right;
}



/* 在线留言 */
.mess-box{
  min-height: 630px;
  background: url('../image/cont_03.png') no-repeat right center;
  background-size: 65% 65%
}

.mess-head{
  width: 652px;
  padding: 14px 20px;
  background: #eeeeee;
  border: 1px solid #dedede;
}
.mess-slogan{
  margin-top: 10px;
  line-height: 24px;
  font-size: 14px;
  color: #999;
}
.mess-title{
  font-size: 28px;
  color: #a60052;
  margin: 24px 0;
  line-height: 28px;
}


.mess-item{
  margin-bottom: 15px;
}
.mess-text{
  width: 298px;
  height: 46px;
  padding: 0 15px;
  background: #eee;
  margin-right: 10px;
  border: 1px solid #e6e6e6;
}
.keys{ color: #a60052;}
.textarea{height: 128px; padding: 15px; resize:none;}
.code{width: 110px!important;}
.code-img{ height: 48px; }

.mess-sub,.mess-btn{
  width: 120px;
  height: 46px;
  margin-right: 18px;
  color: #fff;
  font-size: 14px;
  border: none;
  background: #a60052;
}

.mess-sub:hover,.mess-btn:hover{
  background:#999999;
}

/* 先进技术 */
.tech-select{
  float: left;
  width: 300px;
}
.tech-slt>li{margin-bottom: 10px;}
.tech-slt>li>a{
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  padding-left: 55px;
  position: relative;
  background: #e1e1e1;
}
.tech-slt>li>a:before{
  position: absolute;
  top: 15px;
  left: 13px;
  width: 30px;
  height: 22px;
  background: url('../image/icon_08.png') no-repeat center 0; 
  content: "";
}
.tech-slt>li:nth-child(2)>a:before{
  background-position: center -58px;
}
.tech-slt>li:nth-child(3)>a:before{
  background-position: center -122px;
}
.tech-slt>li:nth-child(4)>a:before{
  background-position: center -192px;
}
.tech-slt>li:nth-child(5)>a:before{
  background-position: center -252px;
}
.tech-slt>li:nth-child(6)>a:before{
  background-position: center -314px;
}
.tech-slt>li:nth-child(7)>a:before{
  background-position: center -373px;
}
.tech-slt>li:nth-child(8)>a:before{
  background-position: center -433px;
}
.tech-slt>li:nth-child(9)>a:before{
  background-position: center -494px;
}
.tech-slt>li:nth-child(10)>a:before{
  background-position: center -552px;
}
.tech-slt>li.on>a{ background: #a60051; color: #fff;}
.tech-slt>li.on>a:before{
  background-image: url('../image/icon_09.png');
}


.tech-conbox{
  float: right;
  width: 888px;
}
.tech-slids{
  width: 100%;
}
.tech-slids .large_box{
  height: 580px;
  border: none;
  margin-bottom: 10px;
}
.tech-slids .small_box{width: 100%;height:99px;}
.tech-slids .small_list{ width: 796px; padding-left: 12px; height:99px;}
.tech-slids .small_list ul{ height:99px;}
.tech-slids .small_list ul li{ width:152px; margin-right: 6px; border:none;}
.tech-slids ul li .bun_bg{ height:99px; }
.tech-slids .btn{ width: 40px; height: 99px;line-height: 99px;}


.tech-two-slt{
  margin-top: 2px;
  display: none;
}

.tech-slt li.on .tech-two-slt{ display: block;}
.tech-two-slt a{
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 70px;
  font-size: 14px;
  position: relative;
  background: #e1e1e1;
  margin-bottom: 1px;
}
.tech-two-slt a:before{
  position: absolute;
  top: 50%;
  left: 54px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: #a60052;
  content: "";
}
.tech-two-slt a span{
  display: block;
  -webkit-transition: all 0.4s; 
  -ms-transition: all 0.4s; 
  transition: all 0.4s;
}
.tech-two-slt a:hover span{
  transform:translate( 8px, 0)
}

.hismain{
  padding-bottom: 0;
}


.event-show{ background: url(../image/his_04.png) no-repeat center top; width:1192px; height: 1956px; position: relative; margin: auto; }
.event-show-now{ background: url(../image/his_03.png) no-repeat; width: 1192px; height: 0;}
/*.e-txt{ width: 645px; height: 165px; position: absolute; left: 80px;}*/
.dian{ float: left; -background-position: -133px -161px;  width: 184px;  position: absolute; line-height: 20px;left: 0; top: 0; text-indent:0; font-style: normal; font-weight: 700;
/*-webkit-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;
*/}
.year{
   font-size: 22px;
   font-weight: 700;
   color: #a60052;
  line-height: 24px;
  margin-bottom: 6px;
}
.dian:before{
  position: absolute;
  top: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #bebebe;
  content: "";
}
.mktitle{ font-size: 16px; line-height: 24px;}

.year1{ width: 112px; left: 0; top: 124px;}
.year2{ left: 276px; top: 240px;}
.year3{ left: 50px; top: 347px;}
.year4{ left: 390px; top: 397px;}
.year5{ left: 130px; top: 486px;}
.year6{ left: 532px; top: 617px;}
.year7{ left: 156px; top: 742px;}
.year8{ left: 394px; top: 820px;}
.year9{ left: 256px; top: 921px;}
.year10{ left: 860px; top: 1030px;}
.year11{ left: 274px; top: 1246px;}
.year12{ left: 790px; top: 1400px;}
.year13{ left: 700px; top: 1566px;}

.mark{ text-align: left;}
.mark:nth-child(2n){ text-align: right;}

.mark:before{ right: 0; top: -20px;}

.year2.dian:before,.year4.dian:before,.year6.dian:before,.year8.dian:before,.year10.dian:before,.year12.dian:before,.year14.dian:before{ left: -40px;}
.year3.dian:before,.year5.dian:before,.year7.dian:before,.year9.dian:before,.year11.dian:before,.year13.dian:before{ right: -40px;}




.event-item{ height: 155px; position: absolute; top: 70px; left: 245px; width: 810px;}
.e-txt{float: left; width: 66%; padding:20px 2%; height: 114px; background: rgba(255,255,255,.9); overflow: hidden;}
.e-title{ font-size: 22px; line-height: 26px; margin-bottom: 15px;}
.e-intro{ line-height: 24px; font-size: 12px; overflow: hidden; color: #333;
  height: 72px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden; }
.inputYear{float: left; width: 20%; height: 154px;  line-height: 154px; text-align: center; color: #fff; background: #9f184d; font-size: 30px; text-indent: 0;}
.inputYear .year{color: #fff; font-size: 26px; line-height: 154px;} 



.his-box{padding-bottom: 50px; display: none;}
.his-box li{
  margin-bottom: 30px;
}
.his-year{
  float: left;
  width: 10%;
  font-size: 24px;
  color: #9f184d;
  font-weight: 700;
  line-height: 28px;
  text-align: right;
}

.his-con{
  margin-left: 10%;
  padding:0 2%;
}
.his-title{
  font-size: 24px;
  color: #333;
  line-height: 28px;
  margin-bottom: 15px;
}
.his-desc{
  font-size: 14px;
  line-height: 26px;
}


.pagings{
  text-align: center;
  margin-top: 30px;
}
.pags-item{
   display: inline-block;
   padding:0 10px 0px 10px;
   /*width: 34px;
   height: 34px;*/
   font-size: 14px;
   color: #a60052;
   text-align: center;
   line-height: 34px;
   border-radius: 3px;
   background: #fff;
   border:1px solid #e4e4e4;
   margin-left: 5px;
}
.pags-l,.pags-r{ width: 60px;}
.pags-item:hover,.pags-item.on{ color: #fff; background: #a60052; border-color: #a60052;}




.items-slt>li>a:before{
  top: 22px;
  left: 26px;
  width: 6px;
  height: 6px;
  background: #a60051;
}
.items-slt>li.on>a:before{ background: #fff;}
.items-title-name{
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
}

.item-slt-img{
  height: 114px;
  text-align: center;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
}