@charset "utf-8";
/* CSS Document */

/*站点标签通用样式定义*/
html,body{ font-family:Microsoft YaHei,arial,宋体;font-size:14px;line-height:2;color:#000; background:#fff; overflow-x:hidden;padding-top:170px;}
 @media (max-width:768px){
html,body{  padding-top:80px;}
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body ,span,input{ margin: 0; padding: 0; border: 0; font-family:微软雅黑,arial,宋体;}

a{text-decoration:none;color:#000; }
a:hover{ color:#b71c22; text-decoration:none;  }
ul,li{  list-style:none;}
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding:0; margin:0;}

.padd{ padding:0 5%;}
 @media (max-width:768px){
.padd{ padding:0;}
}
.padding{ padding:0 8%;}
 @media (max-width:768px){
.padding{ padding:0 10px;}
}

/*新闻列表*/
.arListr { width: 100%; border-top: 1px solid #f0f0f0; overflow: hidden; }
.arListr li { width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #f0f0f0; line-height: normal; }
.arListr li .nemg { width: calc(100% - 30px); overflow: hidden; background: #FFF; padding: 15px; }
.arListr li .newm { border-left: 6px #c8151d solid; padding-left: 7px; font-size: 20px; font-weight: bolder; }
.arListr li .new2 { color: #999999; font-size: 14px; margin-top: 10px; background: url(../images/time.png) no-repeat left center; padding-left: 26px; height: 20px; line-height: 20px; }
.arListr li p { margin-top: 15px; font-size:16px; }
.arListr li .nemg .newsl { width: 23%; overflow: hidden; float: left; }
.arListr li .nemg .newsr { width: 73%; overflow: hidden; float: right; }
.arListr li:hover .nemg { background: #f6f6f6; }
.arListr li:hover .nemg .newsl img { transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); -o-transform: scale(1.1, 1.1); }

@media screen and (max-width: 768px) and (min-width: 0px) {


/*news*/
.arListr li .nemg{ width:100%; padding: 0; }
.arListr li .newm{ font-size:14px;}
.arListr li .new2, .arListr li p{ font-size:12px;}
.arListr li .nemg .newsl { width: 100%; float:inherit; }
.arListr li .nemg .newsr { width: 100%; float:inherit; padding-top:10px;}





 }


.arContent img{ margin:0 auto; display:block;} 

 /*导航*/
 .head{ position:relative;padding:10px 5px;background:rgba(0,0,0,.5);  }
.top{ background:#000;     width:100%; z-index:999;  }
 .logob{ float:left; position:relative; z-index:999;  padding-top:10PX; }
.toprb{float:right;   position:relative;z-index:999; margin-top:10px; margin-right:10px; }

.topmenu{ height:50px; line-height:50px; color:#fff; font-size:16px; font-weight:bold; float:left;  cursor:pointer; margin-right:10px;}
.topmenu i{   font-size:30px;}

.homemenu{ width:100%;background-color:#000;  z-index:998; text-align:center;   display:none;}
.homemenu li{ line-height:40px;border-bottom:1px solid #fff;  }
.homemenu li a{ color:#fff; }
.homemenu li h3{ line-height:50px; font-size:16px; font-weight:bold;}
.ewm{ position:relative;}
.ewmimg{ display:none;   position:absolute; left:0; top:30px; width:100px;}
.ewm:hover .ewmimg{ display:block;}

/*手机站下拉导航*/
.men_nav .topmenu{ height:35px; line-height:35px; margin: 5px;}
.men_nav{padding: 9.5px 5px;}
.navbar-toggle{padding: 0;padding: 0;border: 0;}
.navbar-default{ background:rgba(0,0,0,0.5); border-bottom:none;  }
.navbar-bg{background:rgba(0,0,0,0.5);}
.navbar-default .navbar-toggle{border-color: transparent;}
.men_nav .navbar-bg{background: #000;}
.nav-mobile-menu.navbar-nav>li>a{color: #fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #999;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #959595;}

.hea{ background:#1a1a1a; color:#fff; padding:6px 5%; line-height:50px; }
.hea a{ color:#fff;}
.mail{ background:url(../images/mail.png) no-repeat left center; padding-left:30px;  }
.tel{ background:url(../images/tel.png) no-repeat left center;  padding-left:30px; font-style:normal; margin-left:20px;  }
.he{padding:30px 5%; background:rgba(0,0,0,.5);}
.cart{ width:145px; height:46px; float:right; background:url(../images/cart.png) no-repeat; color:#fff; text-indent:70px; line-height:46px;}
.headny{ background:rgba(0,0,0,.5);padding:30px 5%; border-bottom:1px solid #cdcdcd;}
a.cart{ color:#fff;}
.logo{ float:left;}
.menu{ float:right; width:710px;padding-top:10px; }
.menu li{ width:100px;  height:40px;  float:left; text-align:center; font-size:14px;  position:relative }
.menu li a{ height:40px; color:#fff; line-height:40px; display:block;   }
.headny .menu li a{ color:#000;}
.menu li a:hover{ background:rgba(0,0,0,.5); color:#fff; border-radius:0;}
.headny .menu li{ text-align:center;}
.headny .menu li a{ display:block;}
.headny .menu li a:hover{ background:none; color:#c8151d;}
.menu li:hover ul{ display:block;}
.menu li ul{ position:absolute; top:35px; left:0; background:rgba(0,0,0,.5); z-index:999; display:none;}
 .menu li ul li{   width:100px; line-height:25px; height:25px;border-bottom:1px solid #fff; font-size:12px;}
.menu li ul li a{ line-height:25px; height:25px; width:100%; padding:0; display:block;}
.headny .menu li ul{ width:100%; text-align:center; background:#e8e8e8;}
.headny .menu li ul a:hover{ border-bottom:3px solid #c8151d;}
.topri{ float:right;   }
.seabtn{ margin-right:10px;}
.sea{ position:absolute; top:80px;  right:90px; width:241px; display:none; }
.sousuo1{ width:190px; height:31px; border:1px solid #fff; border-radius:10px; background:none; color:#fff; float:left; text-align:center; margin-right:10px; }
.topri a{ padding:0 5px;}

.navtm{background:rgba(0,0,0,.5); }



.nr{ background:url(../images/nr.jpg) no-repeat center bottom;}
.com{}
.histest{ background:#f2f2f2;box-shadow: -4px -4px 10px #fafafa; padding-left:50px; margin-top:200px;}
.histop{ width:200px; height:200px; background:#c8151d url(../images/histop.png) no-repeat center; color:#fff; text-align:center;float:right;  }
.histop h3{ font-size:25px; padding-top:80px; }
 @media (max-width:768px){
.histest{   margin-top:0;}
}
.hitop{ background:url(../images/hisline.jpg) no-repeat left bottom; margin-bottom:20px; padding-bottom:10px;}
.hitop h3{ font-size:27px; color:#000; padding-bottom:10px;}
.hitest{ max-width:480px;}
.hitest a{ width:45px; height:45px; background:url(../images/hismore.png) no-repeat; display:block; margin:50px 0;}
.hitest h4{ color:#000; line-height:50px;}

 .curtu{ padding:40px; max-width:760px;  background:#f2f2f2; padding-bottom:20px; }
.curtest{ background:url(../images/custop.png) no-repeat left bottom; padding-bottom:88px; margin-bottom:50px;font-size: 16px;}
.comtop{ border-top:1px solid #c9c9c9; padding-top:20px; font-size:16px; }
.comtop a{ float:right; width:33px; height:16px; background:url(../images/comore.png) no-repeat;}
.comtest{ position:relative;}
.comtest a{ position:absolute; left:40%; top:40%; color:#f3f3f3; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; line-height:46px; }

.product{ margin-top:50px;}
.proimg{ padding:10px; }
.proimg a{ display:block;position:relative; color:#fff;}
.proimg a:hover div{ display:block;}
.proimg div{ position:absolute; width:100%; height:100%; padding:2%; background:rgba(0,0,0,.5); top:0; left:0; display:none;}
.proimg div h3{padding-top:40%;height:100%; text-align:center; border:1px solid #fff;font-size: 26px; }
.prored{ margin-top:10px; background:#c8151d; color:#fff; height:100%; padding:15% 16%;}
.shtop{ background:url(../images/protop.png) no-repeat left bottom; line-height:60px; margin-bottom:15px;font-size: 28px;}
.promore{ width:45px; height:45px; background:url(../images/promore.png) no-repeat; margin-top:30px; display:block;}
.shtest{ max-width:380px;font-size: 16px;}

 .qd{ padding:100px 65px;}

.qd h3{ font-size:22px; color:#c8151d; font-weight:bold; line-height:40px;}
.qd span{ display:block;display:block; background:url(../images/dot.png) no-repeat left center; text-indent:20px; font-size: 16px;}
.qd span b{ color:#c8151d; font-size:16px;}
.qd p{    line-height:46px;  font-size:16px; margin:15px 0;}
#qd{ background:url(../images/newsbg.png) no-repeat 20% top; }


#news{ background:url(../images/newsbg.png) no-repeat 70% top; }
.newstop{margin-top:10px; background:#c8151d; color:#fff; height:100%; padding:90px 10%; margin-top:250px;}

.newstest{ box-shadow: -8px 0 10px #ededed,0 -8px 10px #ededed,0 8px 10px #ededed,8px 0 10px #ededed; padding:30px; border:1px solid #eaeaea;}
.newste{ padding:100px 40px;}
.newste h3{ color:#c8151d; font-size:27px; margin-bottom:40px;}
.newste h4{ margin-bottom:20px; color:#000; font-size:18px;}
#shzr{background:url(../images/newsbg.png) no-repeat 20% top;padding-top:50px;margin-bottom:80px;}
 .shzrtest{background:#c8151d; color:#fff; height:100%; padding:72px 30px; margin-top:200px;}
 @media (max-width:768px){

.newstop{   margin-top:0;}
.prored,.newstop,.shzrtest{  padding:30px;}
.newste{ padding:40px;}
.qd{ padding:40px;}

 .shzrtest{ margin-top:0;}
}
 @media (max-width:1440px){
	 .shzrtest{ padding:20px 30px;}
	 .newstop{  padding:57px 10%;  }

 }


/*底部*/
#footmenu{ background:#222222; color:#fff; padding-top:100px; padding-bottom:100px;  }
#footmenu a{ display:block; color:#cbcbcb;}
#footmenu li{ background:url(../images/footmenu.png) no-repeat left top; padding-left:30px; min-height:230px;}
#footmenu li h4{ font-size:14px; padding-bottom:10px; font-weight:bold;}
footer{ text-align:center; color:#fff; background:#222222;}
footer a{ color:#fff;}
.foot{ border-top:1px solid #2b2b2b; padding:30px 0;}

/*返回顶部*/
/*默认样式，主要是position:fixed实现屏幕绝对定位*/
#gotoTop{display:none;position:fixed;top:75%;left:90%;cursor:pointer;width:59px;text-align:center; color:#fff; font-size:10px;}
/*用CSS表达式(expression)来实现ie6下position:fixed效果*/
#gotoTop{_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")}




/*公司简介*/
#profile{ background:#e8e8e8; padding-top:60px;}
.coma{background:#c8151d; margin-bottom:60px;}
.comal{ background:#fff; padding:5% 4%; color:#737373;}
.comal h3{ font-size:47px;color:#000; font-weight:bold; line-height:100px;}
.comal h4{ font-size:16px; color:#000; line-height:32px;}
.comal div{ margin-bottom:20px;}
.comal a{ margin-right:15px;}
.comar{color:#fff;padding:5% 4%; }
.comatop{ font-size:24px; background:url(../images/comline.png) no-repeat left bottom; line-height:60px; margin-bottom:20px;}

.comar li{ background:url(../images/shu.png) no-repeat right center; float:left; width:33%; text-align:center; margin-top:30px}
.comar h3{ display:inline; font-family:Impact; font-size:55px; font-weight:bold;}
.comar p{ font-family:Arial, Helvetica, sans-serif;}
@media (max-width:768px){
	#profile{  padding-top:20px;}

.comar h3{  font-size:35px;  }
.coma{ margin:0 auto;}
}

.comb{background:#fff; }
.combl{padding:5% 4%; }
.combtop{font-size:24px; background:url(../images/comlinea.png) no-repeat left bottom; line-height:60px; margin-bottom:20px; }
.combl b{ display:block; font-size:22px; font-weight:bold;margin-top:40px;}
.combl h3{ display:inline; font-size:50px;font-weight:bold; }
 .combr img{ float:right;}
@media (max-width:768px){
.combl h3{ display:inline; font-size:30px;font-weight:bold;}
.combl b{margin-top:10px;}
}

.comc{margin:60px 0;}
.comcl{ padding-right:2%; position:relative;}
.comc p{line-height:60px; background:rgba(0,0,0,.5); bottom:0; font-size:18px; color:#fff; position:absolute;text-indent:30px; width:96%;}
.comcl p{  left:0; }

.comcr{ padding-left:2%;position:relative;}
.comcr p{ right:0;  }

@media (max-width:768px){
.comc{ margin:10px auto;}
.comc p{line-height:24px; font-size:14px;  }
}

.comd{ background:#c8151d; color:#fff;margin:60px 0;}
.comdr{padding:5% 4%; }
.comdtop{font-size:24px; background:url(../images/comlinec.png) no-repeat left bottom; line-height:60px; margin-bottom:20px;}

#wh{background:#e8e8e8; }
.whfir{ background:#f5f5f5; padding-top:60px;}
@media (max-width:768px){
.whfir{   padding-top:10px;}
}

.wha{padding:0 5%; background:url(../images/whbga.jpg) no-repeat top center;}
.whal img{ float:right;}
.whar{padding:5% 4%; }

.whba{background:#c8151d; }
.whb{ padding:0 5%; margin:20px 0; position:relative; z-index:999; }
.whbl{  color:#fff;padding:5% 4%; }
.whbr {text-align:right;}
.whbr img{ float:right; }


.whsec{ background:#fff; padding:0 5%; position:relative; top:-60px;}
.wa{ background:#f5f5f5; text-align:center; padding:4%;}
.wa img,.wb img,.wc img,.wd img{ margin:0 auto; margin-bottom:10px;}
.wdimg img{ float:right;}
.wb,.wd{ background:#fff; text-align:center; padding:4%;}
.wc{ background:#c8151d; color:#fff; text-align:center; padding:4%;}
.whtop{ background:url(../images/comlinea.png) no-repeat left bottom; font-size:24px; line-height:60px; padding-top:50px; margin-bottom:30px;}
.hd{ text-align:center; line-height:40px;}


/* _wrapper.css */
.wrapper {
  padding-left: 18px;
  padding-right: 18px;
  max-width: 1236px;
  margin-left: auto;
  margin-right: auto;
}


/* _timeline.css */
.timeline {
  position: relative;
   margin:0 auto;
  padding: 60px 0;

}
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 4px;
  height: 100%;
  background-color: #8d94b1;
}
@media (min-width: 800px){
  .timeline::before{
    left: 50%;
    margin-left: -2px;
  }
  .combtop{ margin-top: 100px; font-size: 32px; }
}
.timeline__item {
  margin-bottom: 100px;
  position: relative;
}
.timeline__item::after{
  content: "";
  clear: both;
  display: table;
}
.timeline__item:nth-child(2n) .timeline__item__content {
  float: right;
}
.timeline__item:nth-child(2n) .timeline__item__content::before {
  content: '';
  right: 40%;
}
@media (min-width: 800px){
  .timeline__item:nth-child(2n) .timeline__item__content::before{
    left: inherit;
  }
}
.timeline__item:nth-child(2n) .timeline__item__content__date {
  background-color: #000;
}
.timeline__item:nth-child(2n) .timeline__item__content__description {
  color: #000;
}
.timeline__item:last-child {
  margin-bottom: 0;
}
.timeline__item-bg {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  color: #fff;
}
.timeline__item-bg:nth-child(2n) .timeline__item__station {
  background-color: #b292c5;
}
.timeline__item-bg:nth-child(2n) .timeline__item__content {
  background-color: #b292c5;
}
.timeline__item-bg:nth-child(2n) .timeline__item__content::before {
  background-color: #b292c5;
}
.timeline__item-bg:nth-child(2n) .timeline__item__content__description {
  color: #fff;
}
.timeline__item-bg .timeline__item__station {
  background-color: #c8151d;
}
.timeline__item-bg .timeline__item__content {
  background-color: #c8151d;
}
.timeline__item-bg .timeline__item__content::before {
  background-color: #c8151d;
}
.timeline__item-bg .timeline__item__content__description {
  color: #fff;
}
.timeline__item__station {
  background-color: #9aa0b9;
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  top: 0;
  left: 10%;
  margin-left: -33px;
  border: 4px solid #8d94b1;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__station{
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    padding: 15px;
    border-width: 6px;
  }
}
.timeline__item__content {
  width: 80%;
  background: #fff;
  padding: 20px 30px;
  border-radius: 6px;
  float: right;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__content{
    width: 40%;
    float: inherit;
    padding: 30px 40px;
  }
}
.timeline__item__content::before {
  content: '';
  position: absolute;
  left: 10%;
  background: #8d94b1;
  top: 20px;
  width: 10%;
  height: 4px;
  z-index: -1;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__content::before{
    left: 40%;
    top: 30px;
    height: 4px;
    margin-top: -2px;
  }
}
.timeline__item__content__date {
  margin: 0;
  padding: 8px 12px;
  font-size: 15px;
  margin-bottom: 10px;
  background-color: #c8151d;
  color: #fff;
  display: inline-block;
  border-radius: 4px;
  border: 2px solid #fff;
}
.timeline__item__content__description {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #c8151d;
}
@media (min-width: 800px){
  .timeline__item__content__description{
    font-size: 19px;
    line-height: 28px;
  }
}

/* _site-footer.css */
.site-footer {
  padding: 50px 0 200px 0;

}
.site-footer__text {
  color: #e6e6e6;
  font-size: 14px;
  text-align: center;
}
.site-footer__text__link {
  color: #8287a9;
}
.fztop { text-align:center; padding:40px 0;}
.fztop h3{ font-size:34px;text-align:center; font-weight:bold; line-height:60px;}
.fztop h4{ font-size:12px; color:#737373}
#fz{ background:#e8e8e8;}
.fzbg{ background:#fff; padding-bottom:30px;}


#zr{background:#e8e8e8;}
.zr{ background:#fff;}
.zra img{ float:right;}
.sha{ padding:1% 10%;}

#ry{background:#e8e8e8;}
.ry{ background:#fff; padding:5%;}
.plist { padding:1%;}
.plist img{ margin:0 auto;}
.maintop{ text-align:center; margin-bottom:20px;}
.maintop h3{ font-size:34px; font-weight:bold; line-height:60px;}
.newli{ border-bottom:1px solid #e5e5e5; background:url(../images/newsbgb.png) no-repeat 95% center; margin-bottom:40px;}
.newli:hover{-moz-box-shadow:0px 0px 28px #f0f0f0; -webkit-box-shadow:0px 0px 28px #f0f0f0; box-shadow:0px 0px 28px #f0f0f0;border:1px solid #e5e5e5; background:url(../images/newsbga.png) no-repeat 95% center;}
.newsdata{ padding:4% 0; padding-left:2%;}
.newtest{ border-left:1px solid #e5e5e5; margin:3% 0; padding-left:20px;padding-right:10%;}
.newtest h2{ font-size:16px; padding-bottom:10px; color:#000; font-weight:bold; }


.conli{ margin:10px; border:1px solid #eaeaea; text-align:center; padding:35px 4%;height:250px;}
.conli img{ margin:0 auto; margin-bottom:20px;}
.conli h3{ font-size:15px; font-weight:bold; line-height:30px;}

.conmap{ margin-right:30px;}
.contop{ background:url(../images/contit.jpg) no-repeat left bottom; font-size:20px; font-weight:bold; margin:20px 0;}
.feed input{ margin-bottom:20px; margin-right:20px; border-radius:0; line-height:60px; height:60px;}
.feed textarea{ margin-bottom:20px;border-radius:0; }
.feedinput{ padding-right:20px;}
.btna{ width:175px; height:50px; background:#c8151d; line-height:50px; text-align:center; color:#fff;}
.btnb{ width:175px; height:50px; background:#a0a0a0; line-height:50px; text-align:center; color:#fff;}

.imainr_tit{ text-align:center;}

.znvideo{ margin:30px auto;}

.znvideo img{ margin:40px auto;}
.zntest{ max-width:890px; text-align:center; margin:0 auto; padding:40px 0;}

.proim{ padding-top:50px;}
.profi{ background:#c8151d; margin-top:40px; margin-bottom:40px;}
.proim h3{ background:url(../images/comlinea.png) no-repeat left bottom; line-height:60px;}
.proimga img{ float:right;}
.proti{ background:#fff; padding:8%;}
.protia{ background:#f5f5f5; padding:8%;}
.profia img{ float:left;}
.profia{ background:#c8151d; }
.profi .prored,.profia .prored{ padding:30%;}

.PageBar{ text-align:center;}
 .joblist{padding:30px 10%;}
.joblist li{ text-align:center; line-height:50px; margin-bottom:20px;}
  .jobinput{ text-indent:12px; border:1px solid #CCC; text-align:left;}
 .JobListItem .clearfix{ margin:10px auto;}


.touzi{overflow:hidden;margin-bottom:10px;}
.touzia{float:left;width:150px;text-align:center;background:#6281ad;padding:20px 0;}
.touzia1{font-size:60px;line-height:60px;padding-bottom:15px;background:url(../images/w3.png) no-repeat center bottom;
    color: #fff;}
.touzia2{font-size:20px;line-height:20px;padding-top:15px;color:#fff;}
.touzib{float:left;padding-top:20px;padding-left:20px;}
.touzic{float:right;}
.touzic a{box-sizing:content-box;border-left:1px solid #e5e5e5;display:block;font-size:14px;color:#666;line-height:150px;
    padding-left:65px;width:85px;background:url(../images/w4.png) no-repeat 35px center;}

@media (max-width: 768px){
.newli{  background:no-repeat; }
.touzia{display:none}
.touzib{padding:0;float:none;}
.touzic{display:none}
}

@media (max-width: 1025px){
.conli{ margin:10px; border:1px solid #eaeaea; text-align:center; padding:35px 4%;height:300px;}

}