﻿.mt40 {

  margin-top: 40px;

}



/*----baner begin---*/

.banner {

  width: 100%;

  position: relative;

  height: 500px;

  margin: 0 auto;

  background: transparent;

}



.banner .bd {

  margin: 0 auto;

  height: 100%;

  position: relative;

  z-index: 0;

  overflow: hidden;

}



.banner .bd ul {

  height: 100%;

  width: 100%;

}



.banner .bd li {

  height: 100%;

  overflow: hidden;

  text-align: center;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}



.banner .bd li a {

  display: block;

  height: 100%;

  width: 100%;

}



.banner .prev,

.banner .next {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  left: 15%;

  z-index: 1;

  width: 40px;

  height: 60px;

  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;

  cursor: pointer;

  *filter: alpha(opacity=50);

  *opacity: .5;

  display: none;

}



.banner .next {

  left: auto;

  right: 15%;

  background-position: -6px -137px;

}









.searzi_left {

  font-size: 20px;

  height: 58px;

  line-height: 58px;

}



/*search*/

.search1 {



  width: 318px;

  height: 33px;

  line-height: 33px;

  float: right;

  border: 1px solid #b7202b;





}



.search1 .text {

  width: 180px;

  height: 33px;

  float: left;

  background: none;

  line-height: 30px;



  font-family: "Microsoft YaHei";

  padding-left: 10px;

  color: #808080;

}



.search1 .submit {

  width: 33px;

  height: 33px;

  cursor: pointer;

  float: right;

  background: url(../images/search_tag.png) no-repeat center center;

}





.pro_c {

  width: 280px;

  margin: 30px 0 0 0px;

  height: 512px;

  background: #fff;

  box-shadow: 0px 7px 20px #faecec;

  overflow: hidden;





}









.pro_ct {

  height: 59px;

  line-height: 59px;

  border-bottom: 1px solid #e6e6e6;

  background: #FFF;





}



.pro_ct h3 {

  color: #b70000;

  font-size: 24px;

  font-weight: bold;





}



.pro_ct h3 span {

  font-size: 14px;

  color: #808080;

  text-transform: uppercase;

  font-weight: normal;

}





.pro_cn {

  height: 470px;

  display: block;

  overflow: hidden;

  margin-top: 5px;

}



.pro_cn li {

  height: 40px;

  line-height: 40px;

  position: relative;

  display: block;

  overflow: hidden;

  font-size: 16px;

  color: #4c4c4c;

  width: 250px;

}



.pro_cn li a:before {

  content: "";

  background: url(../images/pro_tag.png) no-repeat 0 0;

  width: 17px;

  height: 17px;

  display: block;

  position: absolute;

  left: 50px;

  top: 12px;

}



.pro_cn li a {

  height: 40px;

  padding-left: 77px;

  line-height: 40px;

  display: block;

}



.pro_cn li:hover {

  background: #b70000;

  width: 250px;

  height: 40px;

  border-top-right-radius: 30px;

  border-bottom-right-radius: 30px;

  box-shadow: 0px 7px 20px #f2d2d2;

}



.pro_cn li:hover a:before {

  background: url(../images/pro_tag.png) no-repeat 0 bottom;

}



.pro_cn li:hover a {

  color: #fff;

}





.pro_nav li {

  width: 138px;

  height: 38px;

  border: 1px solid #b70000;

  display: block;

  float: left;

  line-height: 38px;

  text-align: center;

  margin-right: 20px;

  font-size: 16px;

  color: #b70000;

}



.pro_nav li.tag_pro {

  background: #b70000;

  color: #fff;

}







.pro_right {

  width: 881px;

  margin-top: 30px;

}



.pro_height {

  height: 476px;

  overflow: hidden;

}



.pro_show_n {

  width: 925px;

  position: relative;

  margin-top: 25px;

}



.pro_show_n ul {

  width: 950px;

}









.pro_show_n li {

  float: left;

  margin: 0px 25px 25px 0;

  width: 280px;

  height: 210px;

  display: block;

  text-align: center;

  position: relative;

}



.pro_show_n .info {

  height: 35px;

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 100%;

  background: rgba(195, 10, 10, 0.8);



}



.pro_show_n .info a {

  height: 35px;

  line-height: 35px;

  color: #fff;

  display: block;

  overflow: hidden;



}





.pro_show_n li .pic {

  width: 280px;

  height: 210px;

  overflow: hidden;

  display: block;



}



.pro_show_n li .pic img {

  width: 280px;

  height: 210px;

  -webkit-transition: all .2s;

  -moz-transition: all .2s;

  -o-transition: all .2s;

  -ms-transition: all .2s;

  transition: all .2s;

  overflow: hidden;

}



.pro_show_n li:hover .pic img {

  transform: scale(1.2, 1.2);

  -ms-transform: scale(1.2, 1.2);

  /* IE 9 */

  -moz-transform: scale(1.2, 1.2);

  /* Firefox */

  -webkit-transform: scale(1.2, 1.2);

  -o-transform: scale(1.2, 1.2);

}





















.ys_dbg {

  background: url(../images/ys_dbg.jpg) no-repeat top center;

  height: 1019px;

}



.ys_t {

  right: 0px;

  top: 60px;

}



.ys_t p {

  font-size: 40px;

  font-family: 'Times New Roman', Times, serif;

  text-transform: uppercase;

  line-height: 60px;

  color: #e5e5e5;

  line-height: 50px;

}



.ys_t h4 {

  font-size: 24px;

  font-weight: bold;

  color: #b70000;

  margin-top: 10px;

  ;

}



.ys_t i {

  width: 60px;

  height: 2px;

  display: block;

  background: #e6e6e6;

  float: right;

  clear: both;

  margin-top: 26px;transition: all 0.5s;

}

.ys_t:hover i {width:120px;}



.ys_com {

  width: 295px;

  height: 328px;

  background: #fafafa;

}



.ys2.ys_com {

  width: 295px;

  height: 328px;

  background: #FFF;

}



.ys3.ys_com {

  width: 295px;

  height: 329px;

  background: #FFF;

}



.ys4.ys_com {

  height: 329px;

}







.ys1 {

  left: 590px;

  top: 269px;

}



.ys2 {

  right: 0;

  top: 269px;

}



.ys3 {

  left: 0px;

  top: 690px;

}



.ys4 {

  left: 295px;

  top: 690px;

}



















.ys_te {

  margin-top: 40px;

}



.ys_te i {

  position: relative;

  height: 100px;

  width: 200px;

  display: block;

  margin: 20px 0 0 69px; transition: all 0.5s;

}



.ys_te img {

  display: block;

  margin-left: 5px;

  position: absolute;

  left: 0px;

  top: 0px;

  z-index: 2; transition: all 0.5s;

}



.ys_te span {

  display: block;

  font-size: 24px;

  color: #b70000;

  position: absolute;

  left: 87px;

  top: 52px;  opacity: 1;

  z-index: 3;

  width: 100px; transition: all 0.5s;

}



 



.ys_com .con {

  width: 252px;

  line-height: 32px;

  color: #808080;

  margin: 0px auto;

  clear: both;

  padding-top: 15px;

}



 



.ys_te:hover span {

 left:80px;

 

}



.ys_te:hover img {

  left:10px;

  

 }







 



.ys3.ys_com .con {

  width: 267px;

}



.ys3 .ys_te,

.ys4 .ys_te {

  margin-top: 35px;

}





















.ys_n .pic {

  position: relative;

  z-index: 1;

  width: 530px;

  float: left;

}



.ys_n .pic img {

  width: 530px;

  height: 360px;

}



.ys_n .info {

  z-index: 2;

  background: url(../images/ys_nr.png) no-repeat top center;

  width: 535px;

  height: 352px;

  position: relative;

  margin: 81px 10px 0 0px;

  float: right;

}





.ys_n li {

  position: relative;

}



.ys_n .x {

  width: 230px;

  height: 2px;

  background: #b7202b;

  display: block;

  position: absolute;

  left: 479px;

  top: 52px;

  z-index: 2;

}





.ys_n .bd {

  height: 550px;

  overflow: hidden;

  margin: 90px 27px 0;

  ;

}



.ys_n {

  height: 550px;

  display: block;

  ;

}



.ys_n h4 {

  font-weight: bold;

  font-size: 18px;

  color: #b7202b;

}



.ys_n i {

  color: #b2b2b2;

  font-size: 12px;

  text-transform: uppercase;

  margin-top: 8px;

  display: block;

}



.ys_n p {

  font-size: 14px;

  line-height: 30px;

  margin-top: 30px;

  color: #808080;

}









.ys_n .hd {

  position: absolute;

  left: 611px;

  top: 520px;

  z-index: 5;

  width: 98px;

  height: 50px;

}



.ys_n .hd a {

  width: 35px;

  height: 25px;

  float: left;

  background: url(../images/ys_jt.png) no-repeat;

  display: block;

  margin-right: 10px;

}





.ys_n .hd a.next {

  width: 35px;

  height: 25px;

  float: left;

  background: url(../images/ys_jt.png) no-repeat right;

  display: block;

}









 

 

.case_t h3 {

  font-size: 24px;

  color: #b70000;

  font-weight: bold;

 

}



.case_t i{width: 80px;height: 1px;display: block;background: #cccccc;margin:10px auto;}





.case_t p {

 

  font-size: 18px;

  color: #666666;

 

}





.case_n {

  height:630px;

  display: block;

  overflow: hidden;

  margin-top: 30px;

}





.case_n ul {

  width: 103%;

}

.case_n li:nth-child(2){width:569px;  height: 340px;}

.case_n li:nth-child(2) .pic{width:537px;  height:266px;}

.case_n li:nth-child(2) .pic img{width:537px; /* height:266px;*/}

.case_n li:nth-child(1){width:569px;  height: 340px;}

.case_n li:nth-child(1) .pic{width:537px;  height:266px;}

.case_n li:nth-child(1) .pic img{width:537px;  /*height:266px;*/}





.case_n li {

  float: left;



  width: 372px;  height: 268px;

  text-align: center;



  display: block;

  background: #fafafa;

  position: relative;

  overflow: hidden;

  margin: 0 20px 20px 0 ;

 

}



.case_n li:hover{background: #b70000;}

.case_n li:hover a{color:#fff;}

.case_n .info {

  height: 160px;

  line-height: 40px;

  overflow: hidden;

  padding: 0px 20px;



}





.case_n .info a {

  color: #4c4c4c;

  font-size: 16px;

  height: 30px;

  line-height: 30px;

  display: block;

  overflow: hidden;

  margin-top: 10px;

}



.case_n .info p {

  font-size: 14px;

  height: 60px;

  line-height: 30px;

  display: block;

  overflow: hidden;

  color: #808080;

 

}



.case_n li .pic {

  width: 335px;

  height: 196px;

  overflow: hidden;

  display: block;margin:16px auto 0;



}



 



.case_n li .pic img {

  width: 335px;

 /* height: 196px;*/

  -webkit-transition: all .2s;

  -moz-transition: all .2s;

  -o-transition: all .2s;

  -ms-transition: all .2s;

  transition: all .2s;

  overflow: hidden;

}



.case_n li:hover .pic img {

  transform: scale(1.2, 1.2);

  -ms-transform: scale(1.2, 1.2);

  /* IE 9 */

  -moz-transform: scale(1.2, 1.2);

  /* Firefox */

  -webkit-transform: scale(1.2, 1.2);

  -o-transform: scale(1.2, 1.2);

}

































 











.about_left h3 a {

  font-size: 24px;

  color: #b70000;

  font-weight: bold;



}



.about_left p {

  font-size: 20px;

  text-transform: uppercase;

  color: #b2b2b2;margin-top: 20px;

}



.about_left {

  width: 702px;

  margin: 40px 0 0 0px;

}





 

.about_left i {

  width: 100px;

  height: 2px;

  background: #e6e6e6;

  display: block;

  margin: 28px 0 0 0;

}



.about_left .con {

  line-height: 34px;

  height: 102px;

  display: block;

  overflow: hidden;

  color: #808080;

  margin: 20px 0px 0 0;

}



 





.about_pic img {

  width: 435px;

  height: 320px;

}



.about_pic {

  width: 435px;

  height: 320px;

 

}





.gg1 {

  height: 700px;

  background: url(../images/gg1.jpg) no-repeat center top;

  color: #FFF;

}



.gg1_zi{line-height: 70px;margin-top: 30px;}



.gg1_zi h4 {

  font-size: 24px;

  font-weight: bold;

}



.gg1_zi i{width:100px;height: 2px;background: #fff;display: block;margin:30px auto 0;transition: all .6s ease-out;}





.gg1:hover .gg1_zi i{width:200px;}



.gg1_zi p {

  font-size: 12px;

  line-height: 18px;

  text-transform: uppercase;

}



.mess_n ul{text-align: center;}



.mess_n li {

  border: 1px solid #fafafa; display: inline-block;

  height: 40px;

  line-height: 40px;

  margin: 30px;

  padding-left: 10px;width: 320px;

 

}





.mess_n li input {

  background: none;

  color: #fff;  height: 40px;

  line-height: 40px;text-align: left;width: 320px;

}

 

.gg1_tel {width:725px;margin:15px auto 0;}



.gg1_tel p {

  float: left;

  font-size: 16px;

  color: #fff;

 

}



.gg1_tel span {

  font-size: 24px;

  font-weight: bold;

  color: #FFF;

}



.gg1_tel a {

 border:1px solid #fff;

  width: 160px;

  height: 40px;

  line-height: 40px;

  display: block;

  float: right;

  color: #fff;

  text-align: center;

  font-size: 16px;

  

}



  



.fc_t h3{

  font-size: 22px;

  font-weight: bold;

}



.fc_t i{width: 30px;height: 2px;background: #fff;display: block;margin-top: 15px;}



.fc_t p{font-size: 14px;text-transform: uppercase;}



.fc_t {

 background: #b70000;  padding:40px 0 0 30px;

 width: 134px;height: 115px;  color: #FFF;

}



.fc {

  margin-top: 25px;

}

.fc_n{width: 985px;}





.fc_n .bd {

  height: 155px;

  overflow: hidden;

 

}



.fc_n li {

  float: left;

  margin: 0px 30px 0px 0;

  width: 222px;

  height: 155px;

  display: block;

  text-align: center;

  position: relative;

}



.fc_n .info {

  height: 35px;

  background:#fafafa;

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;



}





.fc_n li:hover .info {background: #b70000;}

.fc_n li:hover .info a{  color: #fff;}



.fc_n .info a {

  height: 35px;

  line-height: 35px;

  color: #4c4c4c;

  display: block;

  overflow: hidden;



}





.fc_n li .pic {

  width: 222px;

  height: 155px;

  overflow: hidden;

  display: block;



}



.fc_n li .pic img {

  width: 222px;

  height: 155px;

  -webkit-transition: all .2s;

  -moz-transition: all .2s;

  -o-transition: all .2s;

  -ms-transition: all .2s;

  transition: all .2s;

  overflow: hidden;

}



.fc_n li:hover .pic img {

  transform: scale(1.2, 1.2);

  -ms-transform: scale(1.2, 1.2);

  /* IE 9 */

  -moz-transform: scale(1.2, 1.2);

  /* Firefox */

  -webkit-transform: scale(1.2, 1.2);

  -o-transform: scale(1.2, 1.2);

}









 



 





.news_height {

  height: 400px;

  overflow: hidden;

  margin-top: 30px;

}





.news_n {

  height:400px;

  overflow: hidden;

 

}





.fc_n li .pic img {

  width: 222px;

  height: 155px;

  -webkit-transition: all .2s;

  -moz-transition: all .2s;

  -o-transition: all .2s;

  -ms-transition: all .2s;

  transition: all .2s;

  overflow: hidden;

}



.fc_n li:hover .pic img {

  transform: scale(1.2, 1.2);

  -ms-transform: scale(1.2, 1.2);

  /* IE 9 */

  -moz-transform: scale(1.2, 1.2);

  /* Firefox */

  -webkit-transform: scale(1.2, 1.2);

  -o-transform: scale(1.2, 1.2);

}











.news_pic ul {

  width: 105%;

}



.news_pic li {

  width: 560px;

  float: left;

  margin-right: 58px;

}



.news_pic .pic {

  width: 250px;

  height: 202px;float: left;

  overflow: hidden;

}



.news_pic .pic img {

  width: 250px;

  height: 202px;

  transition: all .2s;

}





.news_pic .pic:hover img {

  transform: scale(1.2, 1.2);



}



.news_pic .info span{background: #e6e6e6;width:100%;height: 1px;display: block;margin:15px 0;}



.news_pic .info {

  

  height: 134px;width:270px;float: right;

}



.news_pic .info a {

  height: 40px;

  line-height: 40px;

  display: block;

  overflow: hidden;

  color: #595959;

  margin-top: 8px;

  transition: all .2s;

  ;

}



.news_pic .info .con {

  line-height: 30px;

  height: 60px;

  display: block;

  color: #808080;

  transition: all .2s;overflow: hidden;

  ;

}



.news_pic .info i {

  color: #808080;

  margin-top: 15px;

  display: block;

  transition: all .2s;

}



.news_pic .info:hover a {

  padding-left: 10px;

}



.news_pic .info:hover .con {

  padding-left: 5px;

  transition-delay: 0.2s;

}



.news_list {

 /* height: 245px;*/

  overflow: hidden;margin-top: 20px;

}



.news_list ul {

  width: 105%;

}



.news_list li {

  height: 45px;

  line-height: 45px;

  width: 555px;

  border-bottom: 1px solid #e6e6e6;

  float: left;

  margin-right: 32px;

}





.news_list li a {
  height: 45px;
  line-height: 45px;
  display: block;
  color: #808080;
  overflow: hidden;
  float: left;
  width: 445px;
  transition: 0.2s ease-in-out;
}





.news_list li:hover a {

  padding-left: 5px;

}



.news_list li span {

  width: 90px;

  float: right;

  color: #a6a6a6;

  text-align: right;

}





.news_list li:hover a {

  color: #b7202b;

}





.news_t {

  height: 40px;

  line-height: 40px;

  display: block;

  overflow: hidden;

  margin-top: 0px;

}



.news_t li {

 

  margin:0 7px;width: 140px; border:1px solid #b70000;

  height: 38px;

  line-height: 38px;display: inline-block;

}



.news_t li a {

  color: #b70000;font-size: 16px;

}



.news_t li.tag_news a {

  color: #FFF;

}



.news_t li.tag_news {

  background:#b70000;

}







.links_db {

  margin-top: 30px;

}





.links_dbg h3 {

  font-size: 20px;

  color: #b70000;

  height: 40px;

  line-height: 40px;

  float: left;text-transform: uppercase;

}



 

.links_n {

  height: 40px;

  line-height: 40px;

}



.links_n a {

  padding: 0px 20px;

  color: #666666;

}











.none {

  display: none;

}



.block {

  display: block;

}