@charset "utf-8";
/*样式重置*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,
 tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:14px; font-family: "微软雅黑";} 
ol, ul {list-style:none} :focus {outline:none; } 
a{font:14px "微软雅黑";text-decoration:none;color:#404040;cursor:pointer;} 
a:hover{color: #ff2d00}
.clear{clear: both;}
.w1100{width: 1100px; margin:auto;}
/*样式重置结束*/
/*top*/
.top{ background: #fff; height: 40px;line-height: 40px; border-bottom: solid 8px #ff2d00;}
.top .w1100 p{ font-size: 14px; color: #555555 }
.top .w1100 h3{ float: right; }
.top .w1100 h3 a{display: block;height: 40px; line-height: 40px;float: left;}


/*hearder*/
.header{height: 120px;}
.head_left{float: left; width: 600px;}
.head_left img{float:left;margin-top: 10px;margin-left: 10px;}
.head_left h1{font-size: 30px; color: #333333;margin-bottom: 5px; }
.head_left h2{font-size: 18px; color: #555;font-weight:normal;}
.head_leftcon{float:left;margin-top: 20px; margin-left:25px;}
.head_right{float: right;width: 195px;background:url(../images/4.jpg) no-repeat left center; margin-top:25px}
.head_right h3{    font-size: 15px;color: #333; font-weight: normal; width: 155px;height: 30px;line-height: 30px; padding-left: 65px;background: url(../images/bj1.jpg) no-repeat center;}
.head_right p{font-size: 21px;color: #ff2d00;    padding-left: 35px;}

/*导航部分*/

.nav{height: 60px; background: #333333}
.nav ul{height:60px;}
.nav li{line-height: 60px;height: 60px;float: left; display: block;transition: all 0.5s ease 0s; }
.nav li a{font-family: "微软雅黑";font-size: 16px; color: #fff;line-height: 60px;
 display: block; padding-left: 30px; padding-right: 30px;}
.nav li:hover a{background-color: #ff2d00;color: #fff;}
.nav .first{background-color: #ff2d00; color: #fff;}






/*轮播图点样式*/
.active{width:55px;height: 3px; background: #ff2d00;}
.flickerplate .dot-navigation .dot.active { background: #ff2d00;}
.flickerplate .dot-navigation .dot.active:hover{ background: #ff2d00;}
.flickerplate .dot-navigation .dot {background: #00507b;}
.flickerplate .dot-navigation .dot:hover{background: #00507b;}






/*搜索框*/
.search{position:relative;}
.search_div{height:80px;line-height: 80px; background-color: #fff;}
.search{ float: right; background: url(../images/ssuo.jpg) no-repeat left center;width: 230px; margin-top: 15px;}
.sea_key{float: left;}
.sea_cal{float: right;}
.search_tow{ border: none; background: none; width:140px; color: #939393;font-size: 14px;padding-left: 30px;  height: 30px;}
.search_button{    cursor: pointer;width: 57px;height: 32px; position: absolute; right: 2px; border: none; background: none;color: #fff;font-size: 16px;}
.sea_key a{font-size: 13px;color:#aaa; margin:0 10px; }
.sea_key a:hover{color:#ff2d00}
.sea_key span{font-size: 16px; color:#0077ce; margin-left: 15px;font-weight: bold}
.sea_cal span{ font-size: 16px; color:#555; margin-right: 10px;}
.sea_cal a{ font-size: 33px; color:#2fbbf1; float: right;margin-top: 23px;}











/*关于我们*/
.about{height: 475px;background:url(../images/bj6.jpg) no-repeat center;}
.about h2{ font-size:24px;color: #fff;text-align: center;padding-top:55px }
.about h3{ font-size:25px;color: #fff;font-weight: normal;margin-top: 5px; margin-bottom:5px;text-align: center;    text-transform: uppercase;}
.about p{font-size:14px;color: #555;line-height: 26px}
.about a{width: 140px;height: 35px;line-height: 35px; text-align: center; color: #333;background:#fff; display:block;
border-radius: 50px;margin-top: 20px;}
.about a:hover{background:#00456b; color: #fff;}
.abcon{width: 525px;float: left;padding-left: 50px; }
.abcon h4{font-size: 22px;color: #fff;margin-top:35px}
.abcon p{font-size: 14px;color: #fff;    margin-top: 30px;}
.abend a{color: #333;font-size: 13px; display: inline-block;width: 85px;height: 27px;line-height: 27px;margin-right:25px;} 
.abend a:first-child{background: #00456b;color: #fff;}
.abconright{ float: right; margin-top: 50px;margin-right: 33px;}




































/*产品*/
.purduct{height: 635px;background: #fff;padding-top: 50px}
.pur_left{width: 203px;float: left;}
.pur_left a{height: 46px; line-height: 46px; display: block;border-bottom:solid 1px #ccc;
 margin:1px 0px; color: #666;font-size: 14px; padding-left: 30px;  background: url(../images/jt3.jpg) no-repeat 180px center;}
 .pur_left a:last-child{border:none; }
 .pur_left a:hover{color: #fff;background: #333 url(../images/jt4.png) no-repeat 180px center;}
 .cs{color: #fff!important;;background: #333 url(../images/jt4.png) no-repeat 180px center!important;}
.pur_right li{ float: left; height:220px ;width:275px;position: relative; margin-right:20px; margin-bottom:10px;}
.pur_right li:nth-child(3){margin-right: 0px}
.news_end li:nth-child(3){margin-right: 30px}
.news_end li:nth-child(2){margin-right: 0}
.news_end li:nth-child(4){margin-right: 0}
.news_end li:nth-child(6){margin-right: 0}
.news_end li:nth-child(8){margin-right: 0}
.news_end li:nth-child(10){margin-right: 0}
.pur_right li:nth-child(6){margin-right: 0px}
.pur_right li:nth-child(9){margin-right: 0px}
.pur_right li:nth-child(12){margin-right: 0px}
.pur_right{float: right;width: 880px}
.pur_right h4{    margin-top: 10px;font-size: 14px;color: #333333;text-align: center;font-weight: normal;line-height: 22px;
 padding-left: 45px;padding-right:45px;     border-bottom: solid 1px #333333;padding-bottom: 13px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.pur_right li:hover .zibj{display:block;}
.zibj{height: 113px;
    width: 274px;
    position: absolute;
    z-index: 999;font-size: 15px;display: none;
    background: url(../images/bj3.png) repeat center;
    text-align: center;
    padding-top: 50px;
    color: #fff;}
.zibj p{     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;width: 200px;margin:auto;}
.zibj img{border:none!important;margin-bottom: 8px;}
.zibj:hover{display: block;color: #d0dbe2}
.pur_right li:hover h4{color: #00507b;border-bottom: solid 1px #00507b;}

.pur_title{     width: 201px;
    height: 75px;
    background: #FF2D00;
    color: #fff;
    padding-top: 30px;
    text-align: center;border:solid 1px #FF2D00;}
.purxian{border:solid 1px #d5d5d5;width: 201px;margin-top:1px;border-top:none;}
.pur_title h2{font-size: 24px; font-weight: normal;line-height: 26px}
.pur_title h3{font-size: 20px; font-weight: normal;line-height: 26px;background: url(../images/bj2.jpg) no-repeat center;}
.purendcall{
    width: 180px;
    height: 37px;
    background: url(../images/21.jpg) no-repeat center;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 50px;
    color:#0d6db7;
    font-size:22px;
}
.pur_right li img{border:solid 1px #ccc;}
.cptite h2 a{font-size: 24px; color: #333;text-align: center;margin-bottom: 10px; display: block;}
.cptite img{margin-bottom: 40px;}
.mr_frboxa1{position: relative;}
.nexta1{position: absolute;top:45px;left:5px;z-index: 999;}
.preva1{position: absolute;top:45px;right: 5px;z-index: 999;}
.nexta1:hover{cursor:pointer;}
.preva1:hover{cursor:pointer;}
.mr_frUla1 li{text-align: center;}

.tempWrap{margin-top: 15px;margin-bottom: 15px}








.yous{height: 1685px;background: url(../images/bj4.jpg) no-repeat center;}
.yous .w1100{position: relative;height: 1685px;}
.yous h2{position: absolute;top: 30px;left: 31px;font-size: 31px;color: #fff;font-family:"黑体";}
.yous h3{position: absolute;top: 80px;left: 270px;font-size: 31px;color: #fff;font-family:"黑体";}
.yous h4{position: absolute;top: 30px;left: 675px;font-size: 26px;color: #fff;font-family:"黑体";}
.yous h5{position: absolute;top: 80px;left: 675px;font-size: 23px;color: #fff;font-family:"黑体";
background: url(../images/bj5.png) no-repeat left center;height: 45px;line-height: 45px;padding-left:70px;

}
.yous h5 span{display: inline-block; padding-right: 10px;}
.yous .yousone{position: absolute;top: 455px;left: 635px; font-size:14px; color: #333; text-align: left;}
.yous .youshitow{position: absolute;top: 725px;left: 50px; width: 440px;font-size:14px; color: #333;}
.yous .yousthree{position: absolute;top: 1009px;left: 635px;font-size:14px; color: #333;}
.yous .yousfour{position: absolute;top: 1290px;left: 45px; width: 440px;font-size:14px; color: #333;}
.yous .yousfive{position: absolute;top: 1550px;left: 635px;font-size:14px; color: #333;}






.news{height: 700px;background: #fff;padding-top: 50px}
.newsleft{width: 710px;float: left; border-right:dashed 1px #333;padding-right: 20px; padding-bottom: 25px;}
.newsright{width: 330px;float: right; padding-right: 10px;}
.newslefttop a{height: 45px;line-height: 45px;display:block;float: left;background: #fff;border-bottom: solid 2px #f00;
font-size:20px;color: #333; }
.newslefttop{height: 45px;border-bottom: solid 2px #f00;}
.newslefttop a span{ font-size:12px;padding-left: 30px;color:#333; border-left: solid 1px #000;    margin-left: 30px;padding-left: 15px;}
.newslefttop a em{height: 39px;line-height: 39px; font-size: 19px; color: #333;font-style:normal; font-weight:bold;  padding-left: 15px; padding-right: 15px;padding-bottom: 5px;}
.newslefttop a:hover em{border-bottom:solid 5px #f00; background: url(../images/bj7.jpg) no-repeat bottom center; }
.emhover{border-bottom:solid 5px #f00; background: url(../images/bj7.jpg) no-repeat bottom center; }
.newslefttop a:hover{}
.newsmore{width: 60px!important;float: right!important;font-size: 14px!important;line-height: 30px!important;height: 30px!important;margin-top: 10px; 
  text-align: center; border: none!important;}
  .newsmore:hover{text-decoration:underline ;}
.newsleftcon{padding-top:42px;}
.newsleftcontop img{float: left;width: 305px;height: 183px;}
.nslctcon{float: left;width: 338px;    margin-left: 30px; margin-bottom:25px;}
.nslctcon h4{font-size: 16px;  color:#333;margin-top: -5px;}
.nslctcon h4 a{font-size: 16px;  color:#ff2d00;}
.nslctcon h4:hover a{font-size: 16px; text-decoration: underline;}
.nslctcon p{    font-size: 13px;
    color: #9b9b9b;
    margin-top: 10px;
    line-height: 27px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 105px;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}


.nslctcon .na{font-size: 14px; color: #a3b9c6;width: 100px;height: 30px;line-height: 30px;text-align: center;border:solid 1px #a3b9c6;display: block;margin-top: 20px;}
.nslctcon .na:hover{background: #ff2d00;color: #fff;border:solid 1px #ff2d00;}
.nslctconp p{height: 55px;line-height: 55px; border-bottom:dashed 1px #7d7d7d;}
.nslctconp p:first-child{ border-top:dashed 1px #7d7d7d;margin-top:30px;}
.date{float: right;font-size: 14px;color: #555}
.nslctconp p a{font-size: 14px;color: #555;display: block;line-height: 55px; padding-left: 17px; margin-right: 10px;background: url(../images/bj8.jpg) no-repeat right center;}
.jiantou{margin-left: 15px;margin-right: 15px;}
.nslctconp p:hover a{color: #ff2d00;}
.nslctconp p:hover .date{color: #ff2d00;}
.newsend_right h3{height: 45px; line-height:45px;margin-bottom: 35px;background: url(../images/45.jpg) no-repeat left center;     background: #fff;
    border-bottom: solid 2px #f00;
    font-size: 20px;
    color: #333;}
.newsend_right h3 span{display: inline-block;font-size: 16px;color: #333;padding-left: 34px;}
.newsend_right h3 a{display: inline-block; float: right;font-size: 13px;color: #333;}
.newsend_right li h2{background: url(../images/47.jpg) no-repeat left 8px; height: 25px;line-height: 25px;     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
font-size: 14px;color: #ff2d00!important;font-weight:normal;    margin-top: 50px; margin-bottom: 15px;}
.newsend_right li p{background: url(../images/48.jpg) no-repeat left 8px;
  font-size: 13px;color: #7e7d7d;line-height: 27px;    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp:3;
    height: 81px;
    -webkit-box-orient: vertical;
cursor:pointer;手型}
.newsend_right li:hover a{color: #ff2d00;}
.newsend_right li a{color: #ff2d00!important;font-size: 16px;}

.link{height: 85px; background: #ff2d00}
.link .w1100{background: url(../images/link.jpg) no-repeat left center;height: 85px;padding-left: 80px;width: 1020px;}
.link .w1100 a{display:inline-block;line-height: 95px;color: #fff; font-size: 14px; padding-left: 15px;}
.link .w1100 a:hover{color: #000}

/*底部*/
.foot{height: 393px; background:#373737;}
.foot .w1100{position: relative; width: 1109px}
.foot h2{ color: #fff; font-size: 16px;margin-bottom:10px; line-height: 48px; font-weight: normal;width: 125px;background: url(../images/53.jpg) no-repeat center bottom}
.foot a{ font-weight: normal; color: #73787c; font-size: 14px; line-height: 30px;background: url(../images/54.jpg) no-repeat left center;padding-left: 15px}
.foot a:hover{ color: #ff2d00;text-decoration:underline;  }
.footbah a:hover{color: #ff2d00;text-decoration:underline; }
.footcall h6{color: #fff; font-size: 19px;margin-top: 10px;font-weight: normal;}
.fotn{position: absolute; top: -2px; left: 572px;}
.fotn1 li{float: left; font-size:16px; color: #fff; line-height: 45px;height: 45px; background: url(../images/bj9.jpg) no-repeat left center; 
    padding-right: 44px; padding-left: 45px;}
.fotn1{background: url(../images/ft2.jpg) repeat center; height: 46px;top: 54px;position: absolute;top: 54px;    width: 1109px;}
.fotn1 li:first-child{background: none;};

.fotn3{position: absolute;top: 50px;left: 950px;}
.fotn4{position: absolute;bottom: 40px;color: #73787c ;font-size: 12px;right: 0px;}
.footcall{position: absolute;top: 143px;left: 0px; text-align: center;}
.footwx{position: absolute;top: 160px;right: 0px; text-align: center;}

.fotn2 p{font-size: 14px; color: #fff; line-height: 26px;}
.fotn2{position: absolute;top:147px;left:320px;}
.fotn2 span{display: inline-block;}
.fotn2 p span:first-child{width: 200px}
.footwx p{color: #fff;margin-top:8px;}
.footbah{font-size: 14px;left: 15px; background:#373737;height: 50px; border-top:solid 2px #ccc; line-height: 50px; color: #fff;text-align: center;}
.ysimg1{    position: absolute;top: 333px;left: 14px;}
.ysimg2{    position: absolute;top: 610px;left: 620px;}
.ysimg3{    position: absolute;top: 883px;left: 14px;}
.ysimg4{    position: absolute;top: 1150px;left: 620px;}
.ysimg5{    position: absolute;top: 1410px;left: 14px;}


/*返回顶部*/
/*返回顶部*/
.cd-top { z-index:999;
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  cursor:pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#000 url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
   border-radius:0px;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; cursor:pointer;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .9;
}
.no-touch .cd-top:hover {
  background-color: #9dc92b;
  opacity: 1;}
.por_conend .por_con_div h4 a:hover{color: #316DC3}