body{font-family: ΢���ź�, Arial, Helvetica, sans-serif;}
ul, li { padding:0px; margin:0px; list-style:none }
p, h1, h2, h3, h4, h5, h6, h7 { padding:0px; margin:0px; }
p { margin:0; }
a { color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
.head { height:100px; line-height:100px; position: relative; }
.nav1 { background-attachment: fixed; background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: left center; }
.navi_body { text-align:center; cursor:pointer; }

.phone { text-align:right; }
.nav2 { position:absolute; top:100px; background:rgba(119, 174, 215, 0.8); width:100%; text-align:center; height:70px; line-height:70px; z-index:90;display:none; }

.nav2 li { float:left; list-style:none; }
.nav2  a { color:#fff; font-size:16px; padding:0 25px; text-decoration:none; }
.banner { width:100%;}
.banner img { width:100%; height:100%; }
.product { margin-top:100px; }
.product_t { background:url(../images/t_p.png) no-repeat; height:100px; padding-top:24px; padding-bottom:34px; }
.product_t h3 { font-size:24px; font-weight:bold; }
.product_t h3 span { font-size:10px; color:#585858; }
.product_c li { float:left; width:20%; padding:0 1%; }
.product_c li a img { width:100%;width:210px; height:157px;}
.product_c li a p { text-align:center; height:50px; background:#666; color:#FFF; font-size:16px; line-height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.company { margin-top:100px; }
.company .comp_img { height:500px; }
.company .comp_img img { width:100%; height:500px; }
.comp_intro { background:#e6e6e6; padding-left:1%; padding-right:5%; height:500px; }
.comp_intro { }
.comp_t { background:url(../images/t_p.png) no-repeat; height:100px; padding-top:24px; padding-bottom:34px; margin-top:44px; }
.comp_t h4 { font-size:24px; font-weight:bold; }
.comp_t h4 span { font-size:10px; color:#585858; }
.com_t { font-size:14px; font-weight:bold; text-indent:24px;}
.com_c { font-size:12px; color:#595757; line-height:22px; text-indent:24px; }
.news { margin-top:100px; }
.news_t { background:url(../images/t_p.png) no-repeat; height:100px; padding-top:24px; padding-bottom:34px; }
.news_t h3 { font-size:24px; font-weight:bold; }
.news_t h3 span { font-size:10px; color:#585858; }
.news_c img { position:relative; width:100%; height: 180px;}
.news_c li { margin:0px; padding:0 1rem; }
.news_c .i_intro { position:absolute; bottom:0; background:rgba(0, 0, 0, 0.6); left:0px; right:0px; height:90px;margin:0 1rem; padding:1rem; }
.news_c li a { color:#FFF; }

.i_intro p { margin:0; }
.news_title { font-size:14px; font-weight:bold; height:30px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.news_intro { font-size:12px; }
.i_intro{display:none;}
.news_c li:hover { opacity:0.9; }
.news_c li:hover .i_intro{ display:block;}
.pro_t { border-bottom:2px solid #a0a0a0; padding-bottom:20px; padding-top:72px;}
.pro_t h2 { font-size:20px; font-weight:bold; padding-top:30px; }
.pro_t p { font-size:14px; }
.pro_l h1 { font-size:16px; padding-top:30px; }
.pro_l p { font-size:12px; padding-bottom:20px; }
.detail { background:#efefef; min-height:500px; padding:30px 70px 30px 100px; }
.sanjiao { position:relative; }
.sanjiao_t { width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 50px; border-color: transparent transparent transparent #fff; position:absolute; right:-50px; top:115px; z-index:80; }
.pro_list { background:#efefef; padding:100px; }
.sj:hover { width:300px; background:url(../images/jt.png) no-repeat center center; background-size:100%; z-index:60; }
.sj:hover a { color:#2583c6; text-decoration:none; }
.sj2 { width:320px; background:url(../images/jt.png) no-repeat center center; background-size:100%; z-index:60; }
.sj2 a { color:#2583c6; text-decoration:none; }
.pro_listt { border-bottom:2px solid #a0a0a0; padding-bottom:20px; margin-bottom:30px; }
.pro_listt h1 { font-size:24px; font-weight:bold; }
.pro_listt p { font-size:14px; }
.pro_listc li { float:left; padding:0 16px; width:33%; }
.pro_listc li a img { width:100%; height:185px; }
.pro_listc li a p { background:#595758; line-height:20px; height:60px; text-align:center; font-size:14px; font-weight:bold; color:#FFF; margin-bottom:60px;padding-top: 10px;}
.pro_listc li:hover a p { background:#2683c6; }
.newsli_t { border-bottom:2px solid #a0a0a0; padding-bottom:30px; padding-top:30px; }
.newsli_t h5 { font-size:30px; font-weight:bold; }
.newsli_t p { font-size:14px; color:#595757;}
.newsli_c { padding-top:30px; }
.new_item { margin-bottom:50px; overflow:hidden; height:auto; }
.items_pic { float:left; width:50%; }
.items_pic img { width:100%; height:280px; }
.items_c { float:left; width:50%; height:280px; padding-left:50px; }
.items_c b{ font-size:15px; background:url(../images/list.png) left center no-repeat;  padding-left:45px;line-height: 43px;padding-left: 45px;display: block; margin-bottom:20px;}
.items_c h2 { font-size:20px; font-weight:bold; padding-bottom:10px; }
.items_c p { font-size:12px; text-indent:24px; line-height:19px; }
.news_thumb img { width:100%; }
.content_title { border-bottom:2px solid #a0a0a0; padding-bottom:20px; }
.time { font-size:20px; font-weight:bold; padding-bottom:30px; padding-top:60px; }
.content_title h1 { font-size:20px; font-weight:bold; }
.content_title h1 span { float:right; }
.content_title h1 a { text-align:right; font-size:14px; font-weight:normal; }
.content_c { padding-top:30px; }
.join_left { padding-top:100px; padding-bottom:20px; }
.join_left h2 { font-size:20px; font-weight:bold; }
.join_left p { font-size:16px; color:#595757; border-bottom:2px solid #a0a0a0;padding-bottom: 1.5rem; }
.join_right { background:#efefef; min-height:500px; padding:100px; }
.ditu_t { padding-top:100px; padding-bottom:20px; border-bottom:2px solid #9fa0a0; }
.ditu_t h2 { font-size:30px; font-weight:bold; }
.ditu_t p { font-size:20px; color:#595757; }
.lxa { padding-top:30px; font-size:14px; font-weight:bold; }
.about_t { margin-top:100px; padding-bottom:15px; }
.about_t h2 { font-size:24px; font-weight:bold; background:url(../images/t_p.png) no-repeat; padding-top:25px; }
.about_t p { font-size:14px; color:#000; }
.about_ct { border-top:2px solid #9fa0a0; }
.about_c img{margin-left:50px;}
.logo{ float:left; width:33.33%;}
.navi_body{ float:left; width:33.33%;}
.phone{ float:left; width:33.33%;}

.phone{ line-height:20px; text-align:left; padding-left:280px; padding-bottom:30px; padding-top:30px; background:url(../images/phone.png) 240px center no-repeat;}
.phone p{ font-size:16px; font-weight:bold;}
.phone .num{ font-size:10px; font-weight:normal}
.pages{ clear: both;}
.pages li{ width: initial;}
.cs{ padding-left:50px;}

.text3{color:#fff; font-size:20px;font-weight:bold;}

.text2{color:#fff; font-size:20px;font-weight:bold;}
.footer { background:#595758; height:400px; margin-top:100px; }
.nav3 { border-bottom:2px solid #fff; height:104px; line-height:104px; }
.nav3 li { float:left; }
.nav3 li a { color:#FFF; text-decoration:none; padding:0 15px; font-size:14px; }
.contact { margin-top:50px; color:#fff; }
.address { float:left; }
.contact .address a{ color: #fff;}
.address .t1 { line-height:30px; font-size:12px; }
.address .t2 { line-height:20px; font-size:10px; }
.t3 { padding-top:50px; }
.wx { float:right; }


.cptn18 {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.cptn18 img {
    width: 100%;
    left: 0;
    bottom: 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cptn18 .cptn {
    background: #333;
    width: 100%;
    height: 200px;
    bottom: -30%;
    position: absolute;
    left: 0;
    overflow: hidden;
    padding: 0 15px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cptn18 .cptn div {
    
    height: 100%;
}
.cptn18 .cptn .fa {
    -wibkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 2px solid #fff;
    -wibkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
  margin-top: 10px;
    opacity: 0.3;
}
.cptn18 .cptn .fa:hover {
    opacity: 1;
}
.cptn18 .cptn h3 {
    color: #fff;
    margin-top: 60px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
  float:left;
  width:30%;
  margin-left:10%;
  padding-top:32px;
  background:url(../images/2.png) no-repeat;
  line-height:20px;
 
}
.cptn18 .cptn p {
float:left;
  width:200px;
  border-right: 2px solid #fff;
  margin:0 20px;
}
.cptn18 .cptn p a{
    color: #fff;
   overflow:hidden;
  line-height: 200px;
    font-size:22px;
    font-weight: bold;
  padding:0 20px;
  border-left:2px solid #fff;
      margin-top: 90px;
    display: block;
    float: left;
    height: 50px;
    line-height: 50px
}
.cptn18 .cptn p .on{border:none;}
.cptn18:hover .cptn {
    bottom: 0px;
    opacity: 0.8;
}
@media(max-width:1200px) {
.phone{display:none;}
.phone{text-align:left;}
.navi_body span{ display:none;}
.logo{ width:180px;}
.navi_body{ float:right; text-align:right; padding-right:1rem;}
.nav2{ background:#000; line-height:2rem; height:auto;opacity:0.6;}
.nav2 a{ display:block; width:100%;height:2rem;line-height:2rem;}
  .cptn18{display:none;}
  .pro_list{padding:0rem;width:100%;display:inline-block}
  .sj2{background: none;}
  .nav3 { line-height:normal; border:none;height:auto; border-bottom:1px solid #303036; padding-bottom:1rem;}
  .nav3 li{ width:100%; line-height:2rem; float:none;text-align:center;}
  .wx{float:none;text-align: center;}
  .address{ text-align:center;}
  .footer{margin-top:2rem; height:auto;padding-bottom:2rem;}
  .contact{margin-top:1rem;}

  .t3{ padding-top:0;}
  .product{margin-top:2rem;}
  .company{margin-top:2rem;}
  .comp_intro{height:auto}
  .company .comp_img{height:auto}
  .company .comp_img img{height:auto}
  .comp_t{margin-top:2rem;}
  .news{ margin-top:2rem}
  .about_t{ margin-top:2rem;}
  .cx{ padding:0px;}
  .cx img{ width:100%;}
  .items_pic{width:100%}
  .items_c{width:100%;padding:0px; height:auto;padding-bottom: 3rem;
    border-bottom: 1px solid;}
  .items_c b{display:none;}
  .items_pic img{ height:auto;}
  .new_item{ margin-bottom:0px;padding-top:2rem;}
  .content_title h1 span{display:none}
  .join_right{padding:0px;}
  .join_left{padding-top:2rem;}
  .ditu_t{padding-top:1rem}
  .ditu_right img{width:100%;}
  .product_c li{width:33.33%; padding-bottom:1rem;}
  .about_c img{margin:0;padding-top:2rem;}
  .detail{padding:0}
  .news_c li{ float:left; width:50%; padding-top:1rem;}
  .news_intro{ display:none;}
  .news_c .i_intro{ height:auto; padding:0; padding-top:1rem;}
  .pro_t{padding-top:2rem;}
  .pro_listc li{padding:0px; float:left; width:50%; padding:0 1rem;}
  .items_c h2{padding-top:1rem;}
  .news_c img { height:180px;}
  .i_intro p{padding-left:1rem;}
}
@media only screen and (max-width: 479px) {
   .news_c img { height:90px;}
}
.thumbnail .caption{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.thumbnail .caption h3{ line-height:2em; font-size:1.2em;}
.thumbnail .caption p{ line-height:3em;}
.tz-gallery .thumbnail a>img { height:200px;}
.tz-gallery .pagination li{position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;}
.pagination>li>a, .pagination>li>span{
border:none; padding:0px;
}