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

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
img{vertical-align: middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; cursor:pointer}
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
.mt5 {margin-top: 5px!important;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.myClass{
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;
}

/*top*/
.head{ width:100%; height:160px;z-index:1000;position: absolute;left: 0;top: 0;}
.topbj{width: 100%;height: 45px;border-top: 3px #ee0000 solid;background: url(../images/topbj.png) right center no-repeat}

@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.logoDiv{width: 20%;margin-left: 3%;}
.logoDiv img{width: 100%;}
.wj_mt{width:53%; height:100px;margin-left: 30px;}
.gdao{width:100%;}
.gdao li { width:14%;float: left;
             list-style: none;  
             text-align: center;
             float: left;
             height: 130px;
             position: relative;
  
  }
.gdao li a {
    text-align: center;
    font-size:16px;
	font-family:"微软雅黑";
    position: relative;
    transition: all .3s;
    height:130px;
    width: 100%;
    line-height: 125px;
    display: block;
    float: left;
	color:#000;
   }
.gdao li:hover a{color: #000;font-weight: bold;}
.gdao li:hover, ul.gdao li.hover {
  color: #ffffff;background:url(../images/dh.png) center  85px no-repeat;transition:all 0.5s;}

.gdao li b {
    font-family:"微软雅黑";
	font-size: 16px;
	color: #000;
	text-align: center;
	line-height: 130px;
	height:130px;
	display: inline-block;
	font-weight: normal;  
  
   }

.gdao li:hover b {
  color: #000;font-weight: bold;}

.gdao li span {
  color: #ffffff;
  font-family: 'Arial';
  line-height: 12px; }

.gdao li ul {
  width: 244px;
  top: 130px;
  line-height: 30px;
  position: absolute;
  z-index: 999;
  left: 0;
  display: none; }

.gdao li ul li {
  float: left;
  height: 40px;
  width: 120px;
  border-bottom: 1px dotted #fcf5c1;
  background: none;
  background-color: #ffffff;
  line-height: 40px;
  position: relative; }

.gdao li ul li a {
  color: #000000;
  line-height: 40px;
  height: 40px;
  display: block;
  padding: 0;
  position: relative; }
.gdao li ul li a:before {
    content: '';
    color: #cccccc; }

.gdao li ul.pro-list { z-index:99999;
  width:1100px;
  left: -300px;
  box-shadow: 0 0 10px #000000;
 background-color: rgba(0,0,0,0.75);}

.gdao li ul.pro-list li {
  width: 220px;
  height: 170px;
  border-bottom: none;
  background: none; }
.gdao li ul.pro-list li a {
    font-family:"微软雅黑";
    color: #fff;
    font-weight:500;
    font-size: 15px;
   }
.gdao li ul.pro-list li a:hover {
      color: #fff58b !important; }
.gdao li ul.pro-list li a.topic {
    height: 100px; }
.gdao li ul.pro-list li a.topic img {
      width: 190px;
      height: 110px;
      border: 1px solid #cfcfcf; }
.gdao li ul.pro-list li dl dd a {
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
    height: 26px;
    line-height: 26px; }
.gdao li ul.pro-list li:hover { background-color: #ee0000; }
.gdao li ul.pro-list li:hover a {color: #ffffff;}



.tel{ background:url(../images/tel.png) left center no-repeat; color:#2e2e2e; font-size:16px; padding-left:65px; margin-top:30px;margin-right: 2%;width: 15%;}
.tel span{ display:block; font-size:28px; font-family:"Impact"; color:#ee0000;}
/*宽度小于1920px*/
@media screen and (max-width:1710px){ 
.head .head_logo .by{ height:auto; padding-top:2px !important;}

}

.ss_nr{ width:320px;overflow:hidden;white-space:nowrap;margin-left: 15px;float: right;height: 45px;line-height: 40px;overflow: hidden;margin-right: 8%;}
.ss_nr div{ display:inline-block; min-width:100%; padding-right:50px; font-size:15px; color:#fff;}
.ss_nr p{ font-size:15px;}

/*banner*/
._wai,.wai_main{position: relative;}
._wai,.wai_main,.fugai{width:100%;height:795px;}
._bg{height: 795px;width: 100%;overflow: hidden;position: relative;z-index: 8}
._imgbao{position: absolute;height: 795px;width: 100%;z-index: 1;}
._bg div:first-child{z-index: 2}
._bg img{height: 100%;width: 100%;display: block;position: absolute;}
._logos{position: fixed;top: 0;width: 100%;z-index: 999}
._logo{position: absolute;top: 0px;left: 0;z-index: 999;}
._logod{z-index: 997;}
._logol{z-index: 998;position: absolute;bottom: -15px;left: 35px;}
.nav{height: 90px;width: 100%;background: rgba(51,51,51,0.7);color: #fff}
._nav{position: relative;z-index: 8;overflow: hidden;width:60%;left: 50%;margin-left: -27%}
._nav:after{content: '';clear: both;}
._nav a{float: left;font-size: 16px;position: relative;}
._nav a{display: inline-block;padding: 0 3%;height: 35px;line-height: 35px;margin: 27.5px 0;}
._nav a:hover{background: #e60000;color: #fff;border-radius: 30px}

._navf{height: 50px;width: 100%;background: rgba(255,0,0,0.7);color: #fff;overflow: hidden;position: relative;z-index: 9; text-align:center}
._navf a{font-size: 16px;position: relative;display: inline-block;padding: 0 27px;height: 30px;line-height: 30px;margin: 10px 0}
._navf a:hover{background: #000;color: #fff;border-radius: 30px}
/*._navli{text-align: center}*/

.cnav span{display: inline-block;width: 220px;position: relative;margin-top: 17px;background: url(../img/icon00.png) no-repeat;text-indent: 50px;font-size: 14px;float: right;}
.cnav span em{display: block;font-size: 28px;color: #e60000;font-weight: 700;font-family: Impact;}
.bottoms{position: absolute;bottom: 0;overflow: hidden;height: 300px;width: 93%;left: 0;right: 0;margin: auto;z-index: 11;}
.jian{position: absolute;z-index: 11;bottom: 180px;color: #fff;font-size: 54px;left: 0px;}
._bt{position: absolute;right: 0;bottom: 180px}
._bt a{border: 3px solid #fff;height: 15px;width: 15px;display: inline-block;border-radius: 50%;cursor: pointer;}
hr{margin-top: 140px;height: 5px;background: #ff0000;border: 0}
._lbt{position: absolute;bottom: 0;height: 130px;width: 100%}
._lbt>a{height: 85px;width: 85px;display: inline-block;border-radius: 50%;float: left;position: relative;cursor: pointer;}
._lbt em{display: block;float: right;}
._lbt em a{height: 100px;width: 100px;display: inline-block;border: 2px solid #fff;border-radius: 50%;cursor: pointer;position: relative;}
.bg{background: #fff;}
._pree:before{content:''; height:35px; width:35px; display:block; border:5px solid #fff; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:31px; left:20px;}
._pree:after{content:''; height:6px; width:65px; display:block; background:#fff; position:absolute; top:47px; left:18px;}
._next:before{content:''; height:35px; width:35px; display:block; border:5px solid #fff; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:31px; right:20px;}
._next:after{content:''; height:6px; width:65px; display:block; background:#fff; position:absolute; top:47px; left:18px;}


/*优势*/
.topys{width: 100%;height: 130px;background: #ee0000;}
.topys ul{width: 1200px;margin: 0 auto;}
.topys ul li{float: left;width: 300px;padding-top: 25px;height: 105px}
.topys ul li img{float: left;}
.topys ul li p{float: left;margin-left: 20px;font-size: 15px;color: #fff;display: block;margin-top: 10px;}
.topys ul li p span{display: block;font-size: 23px;}
.topys ul li:hover{background: #ca0000;cursor: pointer;}
.topys ul li:hover img{ -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
/*产品展示*/
.flbj{width: 100%;background: #f5f5f5;padding-bottom: 20px;padding-top: 20px;}
.ca-bt{text-align: center;margin-top: 35px;}
.ca-bt a b{color: #333;font-size: 35px;}
.ca-bt a span{display: block;background: url(../images/xian.jpg) center no-repeat;color: #333;font-size: 28px;}
.ca-bt:hover a b{color: #ee0000;}
.sycpfl{width: 1200px;margin: 0 auto;margin-top: 30px;}
.sycpfl ul li{float: left;width: 210px;text-align: center;margin-bottom: 15px;border: 1px #ccc solid;height: 45px;line-height: 45px;margin-right: 10px;margin-left: 10px;}
.sycpfl ul li a{color: #000;font-size: 16px;display: block;}
.sycpfl ul li:hover{background: #ee0000}
.sycpfl ul li:hover a{color:#fff;}
.guanggaoa{height: 160px;background: #f6f7fb url(../images/ggbja.png) center no-repeat;margin-top: 35px;}
.ggfl{width: 780px;padding-top: 30px;margin-left: 65px;}
.ggfl b{color: #e7aa2f;font-size: 33px;}
.ggfl span{color: #000;font-size: 35px;padding-left: 10px;}
.ggfl p{color: #646464;font-size: 16px;line-height: 50px;}
.ggtel{font-size: 28px;font-family: "思源宋体 CN";color: #fff;font-weight: bold;margin-right: 68px;margin-top: 78px;}


.baseDiva{width: 1250px;margin: 0 auto;}
.rightBox{width:100%;height:770px;}
.contactBox_text { height:770px !important;margin-top: 30px;}
#progun{height:770px; overflow:hidden;}
.casesList { width:100%; height:770px;margin:0 auto;}
.casesList li{ width:390px; height:355px;float:left;margin-left:5px; margin-right:5px;background: #fff;margin-bottom: 30px;border-bottom: 1px #ccc solid;}
.casesList li .Img{ width:390px; height:295px;background:#fff; display:block;}
.casesList li .Img span{display: block; width: 370px;height: 60px;line-height: 60px;font-size: 16px; color: #000;font-size: 16px;background: url(../images/jt.jpg) right center no-repeat;margin-left: 10px;margin-right: 10px;}
.casesList li:hover .Img span{color: #d52600;font-weight: bold;}

/*广告*/
.guanggaob{width: 100%;height: 300px;background: url(../images/ggbjb.jpg) center no-repeat;margin-top: 20px;}
.biaoyu{width: 460px;padding-top: 160px;}
.biaoyu b{font-size: 35px;color: #fff;display: block;margin-bottom: 20px;}
.biaoyu span{color: #fff;font-size: 14px;text-transform: uppercase;}
.biaoyu a{font-size: 15px;color: #000;padding-left: 20px;padding-left: 75px;}
.biaoyu a:hover{text-decoration: underline;}
.guanggaob img{float: left;margin-top: 100px;}
/*公司简介*/
.index-ab{width: 100%;height: 637px;background: url(../images/abbj.jpg) center no-repeat;}
.ab-bt{text-align: center;padding-top: 35px;}
.ab-bt a b{color: #333;font-size: 35px;}
.ab-bt a span{display: block;background: url(../images/xianb.jpg) center no-repeat;color: #333;font-size: 28px;}
.ab-bt:hover a b{color: #ee0000;}
.neirong{width: 670px;}
.about{margin-top: 70px;height: 300px;}
.about h3{color: #000;font-size: 28px;display: block;height: 70px;background: url(../images/xianc.jpg) bottom left no-repeat;line-height: 60px;margin-bottom: 20px;}
.about p{font-size: 14px;color: #333;line-height: 25px;}
.about a{display: block;width: 140px;height: 40px;border: 1px #ccc solid;line-height: 40px;text-align: center;color: #333;font-size: 15px;margin-top: 15px;}
.about a:hover{background:#d60010;color: #fff;}

.adv{margin-top: 40px;}
.adv ul li{float: left;width: 160px;background: url(../images/xiand.jpg) right center no-repeat;text-align: center;}
.adv ul li b{color: #333;font-size: 18px;}
.adv ul li b span{color: #d60010;font-size: 25px;}
.adv ul li p{color: #000;font-size: 14px;line-height: 40px;}
/*案例*/
.case_bj{height:auto;margin-top: 40px;}


.commend-pro {position: relative;height:440px;width: 580px;overflow: hidden;border-bottom: 3px #e6e6e6 solid;}

.commend-pro .pro-content ul li {overflow: hidden;width: 580px;height: 440px;}

.commend-pro .pro-content ul li a .myClass {width: 580px;height:440px;}

.commend-pro .pro-content ul li a cite {position: relative;width: 100%;display: block;text-align: center;height: 34px;line-height: 34px;font-style: normal; }


.commend-pro .pro-content ul li .avatar .myClass {
    display: block;
    height: 440px;
    overflow: hidden;
    width: 580px;
    position: relative;
}
.commend-pro .pro-content ul li .avatar .myClass{
    height: 440px;
}
.commend-pro .pro-content ul li .avatar .myClass:hover , .zhuti .avatar .myClass:hover, .bbsinner .avatar .myClass:hover  {
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}

.alright{width: 610px;height: 500px;float:right; }
#demo {

    WIDTH:610px; OVERFLOW:hidden;height: 450px;}



#indemo {

    WIDTH:9000px; FLOAT:left

}

#demo1 {

    FLOAT:left;

    width:1600px;

}

#demo2 {

    FLOAT:left;

    width:1300px;

}

.showcar li{width:295px; height:215px; float:left; margin-left:10px;overflow:hidden; position:relative; margin-bottom:10px;}

.showcar li .myClassa{width:295px; height:215px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}

.showcar li p{width:295px; height:45px;text-align:center; line-height:45px; position:absolute; left:0px; bottom:0px;background: rgba(0, 0, 0, 0.6);}

.showcar li a{color:#fff; font-size:15px;}

.showcar li:hover p{background: rgba(238, 0, 0, 0.7);}
.showcar li .avatara .myClassa {
    display: block;
    height: 215px;
    overflow: hidden;
    width: 295px;
    position: relative;
}
.showcar li .avatara .myClassa{
    height: 215px;
}
.showcar li .avatara .myClassa:hover , .zhuti .avatara .myClassa:hover, .bbsinner .avatara .myClassa:hover  {
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}

/*优势*/
.content-pro{height: 477px;background: url(../images/bg-index-application.jpg) no-repeat center top;position: relative;background-attachment: fixed;background-size: 200%;margin-top: 70px;}
/*产品展示*/
#pro {
  width:100%;
  height: 550px;
  overflow: hidden;
  margin:0 auto;
}
.proli{ width:85%; float: right}
#pro li {
  width: 25%;
  height:310px;
  float: left;
  border-left: 1px #ccc solid;
  margin-right: -1px;
  background-size: cover;
  position: relative;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  margin-top:80px;
}
#pro:hover li {
  width: 23%;
}
#pro li:hover {
  width: 30%;
  transition-duration: .3s;

}
#pro li::before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: url(../images/linebg.png) repeat #000;
  opacity: 0.3;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -webkit-transition-duration: .3s;
}
#pro li::after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: url(../images/probg.png) repeat;
  opacity: 0;
  position: absolute;
  z-index: 1;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -webkit-transition-duration: .3s;
}
#pro li h2 {
  font-size: 1.5vw;
  color: #fff;
  position: absolute;
  z-index: 3;
  top: 50%;
  margin-top: -4.3vw;
  display: block;
  width: 100%;
  text-align: center;
  transition-duration: .3s;
}
#pro li:hover h2 {
  margin-top: -10vw;
  font-size: 2vw;
  transition-duration: .3s;
  display: none;
}

#pro li p {
  font-size: 23px;
  color: #fff;
  width: 70%;
  position: absolute;
  left: 15%;
  top: 50%;
  z-index: 3;
  text-align: center;
  line-height: 26px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition-duration: .3s;
}
#pro li:hover p {
  margin-top: -5vw;
  transition-duration: .3s;
}
#pro li dl {
  display: none;
}
#pro li dl dt {
  width:30%;
  margin-right: 5%;
  float: left;
}
#pro li dl dt img {
  width: 100%;
}
#pro li dl dt span {
  display: block;
  text-align: center;
  color: #fff;
  line-height: 26px;
  font-size: 14px;
}
#pro li dl dt:nth-child(3) {
  margin-right: 0;
}
#pro li:hover dl {
  display: block;
  position: absolute;
  z-index: 3;
  left: 15%;
  width: 70%;
  top: 50%;
  margin-top: -1.3vw;
}
#pro li a.more2 {
  top: 40%;
  left: 50%;
  z-index: 3;
  position: absolute;
  display: none;
  margin-left: -59px;
  margin-top: 180px;
  border: 1px solid #fff;
  color: #fff;
  transition: 0.6s;
  padding: 10px 30px;
  font-size: 14px;
  z-index: 5;
}
#pro li:hover a.more2 {
  display: block;
  
}
#pro li:hover::before {
  display: none;
}
#pro li:hover::after {
  opacity: 0.96;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -webkit-transition-duration: .3s;
}
#pro li:nth-child(1) {
  background: url(../images/pro1.jpg) no-repeat center center; border-left-style:none;
}
#pro li:nth-child(2) {
  background: url(../images/pro2.jpg) no-repeat center center;
}
#pro li:nth-child(3) {
  background: url(../images/pro3.jpg) no-repeat center center;
}
#pro li:nth-child(4) {
  background: url(../images/pro4.jpg) no-repeat center center;
}
.rect{position: absolute;
    top: 47%;
    left:0;
    z-index: 1;
    width: 18%;
    height: 420px;
    margin-top: -195px;
    background: #ee0000;}
.rect .box{height: 100%;margin-left: 10.2%;overflow: hidden;color: #fff;}
.rect span{display: block;width: 105px;height: 40px;line-height: 38px;margin-top: 45px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 18px;text-align: center;text-transform: uppercase;}
.rect strong{display: block;line-height: 100px;font-size: 30px;}
.rect p{width: 80%;line-height: 25px;font-size: 15px;}
.rect h5{font-size: 28px;}




/*新闻*/
.xwbox{width: 540px;height: 370px;margin-top: 40px;}
.xwbox img{width: 540px;height: 280px;}
.xwa{margin-top: 10px;}
.xwa h3{font-size: 18px;color: #333;line-height: 40px;}
.xwa p{font-size: 14px;color: #999;line-height: 26px;}
.xwa:hover h3 a{color: #d50000;padding-left: 13px;}
.new-r{width: 630px;margin-top: 40px;}
.new-r ul li{height: 110px;border-bottom: 1px #e8e9ea solid;margin-bottom: 20px;}
.anei{width: 630px;}
.anei h3{line-height: 35px;}
.anei h3 a{font-size: 18px;color: #000;float: left;}
.anei h3 span{font-size: 16px;color: #333;float: right;}
.anei p{font-size: 14px;color: #999;line-height: 25px;}
.new-r ul li:hover .anei h3 a{color: #d50000;padding-left: 13px;}
.h70{height: 70px;}
/*底部*/
.footbj{height: 270px;background: #171717;width: 100%;}
.dbdh{border-bottom: 1px #373737 solid;height: 60px;}
.dbdh ul{display: block;width: 1200px;margin: 0 auto}
.dbdh ul li{float: left;line-height: 60px;width: 170px;background: url(../images/xian.png) right center no-repeat;text-align: center;}
.dbdh ul li a{font-size: 16px;color: #afafaf;}
.dbdh ul li:hover a{text-decoration: underline;}
.dblogo{width: 380px;}
.dbtel{width: 600px;background: url(../images/wel.png) right bottom no-repeat;height: 130px;font-size: 16px;color: #9b9b9b;line-height: 30px;margin-top: 50px;}
.dbewm{margin-top: 20px;}
.copy{width: 100%;height: 40px;background: #ee0000;text-align: center;line-height: 40px;color: #fff;font-size: 14px;}
.copy a{color: #fff;}


/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-200px;
	_bottom:auto;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -65px;
}

/*内页分类*/
.H-proclass{width: 1200px;height: 120px;background: #eee;margin-bottom: 20px;}
.H-proclass span a{display: block;float: left; width: 210px;height: 120px;background: #ffbe00;line-height: 120px;text-align: center;font-size: 18px;color: #fff;}
.H-proclass span a:hover{background: #ff9600;}
.H-proclass ul{display: block;float: right;width: 980px;}
.H-proclass ul li{float: left;line-height: 40px;}
.H-proclass ul li a{font-size: 15px;color: #868686;padding-left: 13px;padding-right: 13px;}
.H-proclass ul li:hover a{color: #cd0007;text-decoration: underline;}

.H-proclassa{width: 1200px;height: 40px;background: #eee;margin-bottom: 20px;}
.H-proclassa span a{display: block;float: left; width: 210px;height: 40px;background: #ffbe00;line-height: 40px;text-align: center;font-size: 18px;color: #fff;}
.H-proclassa span a:hover{background: #ff9600;}
.H-proclassa ul{display: block;float: right;width: 980px;}
.H-proclassa ul li{float: left;line-height: 40px;}
.H-proclassa ul li a{font-size: 15px;color: #868686;padding-left: 13px;padding-right: 13px;}
.H-proclassa ul li:hover a{color: #cd0007;text-decoration: underline;}
/*当前导航*/
.breadcrumbs{height:70px;background-color: rgba(255,255,255,0.65);width: 1160px;border-bottom: 1px solid #d1d1d1;position: absolute;top: 725px;z-index: 999;left: 50%;margin-left: -600px;line-height: 70px;padding-left: 20px;padding-right: 20px;}
.breadcrumbs .dh_box{ }
.breadcrumbs .sortName{ color:#388c19; font-size:22px; font-weight:700;}
.breadcrumbs .dqdhMain{ float:right; }
.breadcrumbs .dqdhMain a{font-size: 14px;color: #666; display:inline-block;}
.breadcrumbs .dqdhMain a:hover{ text-decoration:underline; color:#000;}
.breadcrumbs .dqdhMain .span2{ color:#b7b7b7; font-size: 14px; display:inline-block; padding:0 5px;}
.breadcrumbs .indexa{ }
.breadcrumbs .span1{ color:#666;padding:0 10px 0 20px; background:url(../images/iconfont-home.png) left center no-repeat;font-size: 14px;}
.breadcrumbs .dqdh_class{ margin-top:15px; float:left;background:url(../images/img-list.png) left center no-repeat;}
.breadcrumbs .dqdh_class li a{ display:block;padding-left: 30px; height:40px; line-height:40px;color:#d70000; font-size:16px; position:relative;}
.breadcrumbs .dqdh_class li a span{font-size: 23px;}
/*内页导航*/
.inctag_nav{ width:1200px;margin: 0 auto; background:#fff; overflow:hidden; clear:both; margin-bottom:40px;}
.inctag_nav ul li{ display:block; float:left; width:230px; height:75px; background:url(../images/img-line.png) no-repeat right center;}
.inctag_nav a{ display:block;width:230px; line-height:75px; text-align:center; color:#000; font-size:16px;font-weight: bold;} 
.inctag_nav a:hover,.inctag_nav a.hover{ color:#d70000; background:url(../images/nav-h.png) no-repeat center bottom;}

.lybt{ text-align:center; margin-top:40px;}
.lybt span{font-size: 43px;line-height: 45px;text-transform: uppercase;color:#5a5a5a;}
.lybt h3{ display:block; font-size:20px; line-height:45px;color:#5a5a5a; background:url(../images/xiana.jpg) center center no-repeat;}
.liuyan{ margin-top:30px; text-align:center;}
.liuyan span{ font-size:20px;color: rgb(215, 12, 25);}
.liuyan a{ font-size:16px;color: #CCCCCC;}
.liuyan p{ font-size:16px;color: #666666; line-height:30px;}

/*内页关于我们*/
.about_box{width: 1200px;background: #fff;margin: 0 auto;}
.about_box .about_left{ width:100%;}
.about_box .about_left .about_t1 { position:relative; height:40px;}
.about_box .about_left .about_t1 .div1{ font-size: 21px; line-height: 148%; color:#000;}
.about_box .about_left .about_t1 .div2{ font-size:18px; color:#444;}
.about_box .about_left .about_t1 .about_t2{text-align: center;} 
.about_box .about_left .about_t1 .about_t2 .span1{font-size:28px; font-weight:700; line-height:38px; color:#000;}
.about_box .about_left .about_t1 .about_t2 .span2{ font-size:14px; text-align:right; color:#b7b7b7; line-height:20px;}
.about_box .about_left .text{ line-height:35px; color:#666; font-size:15px; text-indent:2rem; padding-top:25px;}
.about_box .about_left .text p{ padding:10px 0;}
.about_box .about_right{ width:370px;}
.about_box .about_right ul{ margin-top:8px;}
.about_box .about_right ul li{ float:left; margin-left:2px; width:180px; margin-bottom:3px;border: 1px #ccc solid;}
.about_box .about_right ul li a{ display:block; width:100%; height:130px;background-repeat:no-repeat !important; background-size:cover !important;background-position:center center !important; -webkit-background-size: cover;  
-moz-background-size: cover;  -o-background-size: cover; }




/*·ÖÒ³*/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}

.viewpage{ margin:0; padding:20px 0 50px 0; border-top:1px solid #eee;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;padding-left: 20px;padding-right: 20px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}

.main{ background-color:#f4f4f4;padding-bottom: 60px;}
.main .main_right{ width:100%;background: #fff;padding-top: 5px;}
.text{ line-height:35px; font-size:15px; color:#666;padding:30px;}
.text span{font-size:15px; color:#666;}

.main .tT01{ text-align:center; line-height:35px; padding-top:50px;}
.main .tT01 .span1{ font-size:24px; color:#444;}
.main .subtitle{font-size: 16px; line-height:50px; height: 50px; color: #8F8F8F; text-align:center;border-bottom: 1px #aeaeae dotted;}
.main .subtitle span{ padding:0 10px;}




#faqbox{padding:90px 0 50px 0; background-color:#fff; width:700px; margin:0 auto;}
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:435px; vertical-align:top;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:455px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#fff; margin-top:20px;  font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;background-color:#dd0103; }
.wizfrm:hover{ background-color:#ff9900; }

/**/

.main .proListal{width:100%;margin-top:10px;}
.main .proListal{ width:100%;}
.main .proListal li{ width:285px; float:left;background: #fff;height: 290px;margin-left: 7px;margin-right: 7px;margin-bottom: 20px;} 
.main .proListal li .boxal{ width:285px; height:207px;display:block; cursor:pointer;position:relative;}
.main .proListal li .boxal .spanImgal{ display:block; overflow:hidden;width:265px; height:207px;margin: 0 auto;margin-top: 10px;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.main .proListal li .boxal .spanImgal .aBB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: 0;}
.main .proListal li .boxal:hover .spanImgal .aBB{ display:block;}
.main .proListal li .spanal{ display: block;height:45px; line-height:45px; width:275px; margin:auto; color:#000; font-size:16px;padding-left: 10px;background: url(../images/xianc.jpg) 10px bottom no-repeat;}
.main .proListal li:hover{background: #d70000;}
.main .proListal li:hover .spanal{color: #fff;background: url(../images/xianc.jpg) 10px bottom no-repeat;}
/**/
.main .news_list{ margin-top:40px;}
.main .news_list li{border-bottom: 1px solid #dadada; padding:15px;}
.main .news_list li .img{border: 1px #f0f0f0 solid;}
.main .news_list li .lMore{ width:860px;}
.main .news_list li .lMore .title{font-size: 16px;color: #393939;line-height: 36px; margin-bottom:15px;}
.main .news_list li .lMore span{ font-size:13px; color:#999;}
.main .news_list li .lMore p{font-size:13px; color:#999; line-height:26px;}
.main .news_list li .lMore .more2{width: 88px;height: 30px;line-height: 30px;color: #999999;border: 1px solid rgba(0, 0, 0, .1);bottom: 30px;display:block; font-size:13px; text-align:center; float:right; margin-top:30px;}
.main .news_list li:hover .title{ color:#db0713; padding-left:15px; font-weight:bold;}
.main .news_list li:hover p{ padding-left:15px;}
.main .news_list li:hover .more2{ background:#db0713;border-color: #db0713; color:#fff;}


/*详情页*/
.product_dqdh{ background-color:#f4f4f4;}
.product_top{ }
.product_top .l_img{ width:600px; height:470px; background-color:#f2f2f2; text-align:center; display:table;}
.product_top .l_img span{/*display: table-cell; vertical-align:middle;*/ display:block; width:100%; height:100%; background-size:cover !important;}
.product_top .l_img span img{width:600px; height:470px; }
.product_top span img{ display:inline-block; max-width:100%; max-height:100%; vertical-align:middle;} 
.product_top .r_box{ width:550px;}
.product_top .r_box .product_title{border-bottom:1px solid #ddd;padding:10px 0 8px 0;}
.product_top .r_box .product_title h2{ font-weight:700; font-size:26px;color:#101010;}
.miaoshu{}
.product_top .subtitle{font-size:14px;color:#b7b7b7; padding-top:8px;}
.product_top .subtitle span{ display:block; padding-left:25px; line-height: 23px; height: 24px; }
.product_top .subtitle span.span1{ background:url(../images/shijian.png) left center no-repeat;}
.product_top .subtitle span.span2{ background:url(../images/liulan.png) left center no-repeat;}
.product_top .keyword{ height:40px; line-height:40px; font-size:15px; color:#717171;}
.product_top .keyword span{ font-size:18px; color:#0059A9;}
.product_top .desc{font-size:14px; color:#717171; line-height:30px;margin-top: 15px;}
.product_top .desc span{ display:block; float:left;width:200px;}
.product_top .desc p{ display:block; float:right;width:550px;line-height: 25px;font-size: 15px;color: #8b8b8b;}
.product_top .lianxi{ height:60px;}
.product_top .lianxi .a{display:block; height:40px;line-height:40px; float:left; margin-right:30px; color:rgb(250,175,41); font-size:18px; border-bottom:1px solid rgb(250,175,41); padding-left:28px;}
.product_top .lianxi .a.a_qq{ background:url(../images/QQ.png) left center no-repeat;}
.product_top .lianxi .a.a_tel{ background:url(../images/tela.png) left center no-repeat;}
.product_top .dianhua{height:40px; padding:0 30px; line-height:40px; text-align:center; border-radius:30px;font-size:15px; background-color:#be0000;margin-top: 10px;width: 130px;}
.product_top .dianhua a{color:#fff;}
.product_top .dianhua:hover{background-color:rgba(250,175,41,1);}
.share{ margin-top:10px;}
.share .span1{ line-height:32px; color:#999; padding-right:10px; font-size:15px;}

.xiangqing_top{}
.xiangqing_top .a_nav{ display:block; float:left; width:190px; background-color:#fff; border-bottom:2px solid #e50000; color:#eea200; text-align:center; height:50px; line-height:50px; font-size:18px;}
.xiangqing_top .a_nav.active{ background-color:#e50000; color:#fff;}
.contenta{background: #fff;}

.contact_title2 {
    text-align: center;
    font-size: 18px;
    color: #888;
}
.lx_b {
    width: 100%;
    height: 420px;
    border: 1px solid #000;
    margin-top: 30px;
}
.lx_list {
    background-color: #fff;
    width: 275px;
    margin: 39px 10px;
    min-height: 300px;
}
.lx_list p {
    line-height: 35px;
    font-size: 16px;
    color: #666;
    padding-left: 30px;
}
/*地图*/
.pop{background: url(../images/mapa.png) center no-repeat !important;width: 188px;height: 86px;}
.pop .top{ border: none !important; display: none !important;}
.pop .center{ border: none !important;display: none !important; }
.pop .bottom{ border: none !important; display: none !important;}
.pop img{display: none !important;}
.shadow img{position:static !important;}
.iw_poi_title{color: #fff !important;font-size: 22px !important;font-weight: bold !important;line-height: 20px !important;padding-left: 10px !important;}
.BMap_Marker{ display:none !important;}
.BMap_Marker.BMap_noprint{ background: inherit; !important; display:block !important; }

.lbtuiwen{ font-size:25px; line-height:50px; margin-top:30px;}