@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
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;color: #333}
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;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; }
.clear{clear:both;}
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fr{float:right;}
.c_b{clear:both;}
textarea{resize:none; overflow:auto;}
a{
    cursor: pointer;
}
#tanchu{display: none !important;}
html{
    overflow-y: scroll !important;
}
.header{
    width: 100%;
    height: 120px;
    background: #55bbfd;
}
.theme_color {
    width: 100%;
    height: 60px;
    background: #fff;
}
.theme_color ul{
    width: 1300px;
    height: 60px;
    margin: 0 auto;
}
.theme_color ul li{
    float: left;
    line-height: 60px;
    font-size: 20px;
    color: #333;
    height:100%;
}
.theme_color ul li img{
    height: 41px;
    margin-top: 10px;
    display: block;
}
.nav{
    width: 1300px;
    height: 60px;
    margin:  0 auto;
}
.nav table tr td {
    text-align: center;
    height: 60px;
    position: relative;
    font-size: 18px;
    cursor: pointer;
}
.nav table tr td a{
    display: block;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
}
.nav table tr td>a:hover{
    background: #34a1e8;
    color: #fff;
}
.nav table tr td .listnav {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 60px;
    padding: 5px 0 10px 0;
    background: #55bbfd;
    z-index: 2;
    overflow: hidden;
}
.nav table tr td .listnav a:hover{
    background: #34a1e8;
    color: #fff;
}
/*-----首页 banner-----*/
.slideBox{ width:100%; height: 680px; position:relative; }
.slideBox .hd{ height:15px;  height: auto; position:absolute; right:5px; bottom:5px;  }
.slideBox .hd ul{  height: auto;  float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%;  }
.slideBox .bd li{  vertical-align:middle;}
.slideBox .bd li a{ display:block;}
.slideBox .bd img{  display:block; width: 100%; height: 680px;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:30px; height:60px; background:url(/static/images/arrow_left.png) no-repeat; }
.slideBox .next{ left:auto; right:3%; background:url(/static/images/arrow_right.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.h1{
    width: 460px;
    height: 50px;
    margin: 50px auto;
    border: 2px solid #55bbfd;
    text-align: center;
    font-size:inherit !important;
}
.h1 p{
padding: 0 25px;
background: #fff;
color: #55bbfd;
font-size: 36px;
display: inline;
line-height: 0;

}
.h1 a{
    color: #55bbfd;
}
.h1 span{
    display: inline-block;
    color: #666666;
    font-size: 16px;
    margin-top: 18px;
    padding: 0 18px;
    background: #fff;
}
.con{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.abouts{
    width: 1300px;
    height: auto;
    overflow: hidden;
margin: 0 auto;
}
.abouts dt{
    width: 540px;
    height: 360px;
    float: left;
    margin-right: 20px;
}
.abouts dt img{
    width: 100%;
    height: 100%;
}
.abouts_content{
    height: 305px;
    padding: 0 30px;
    overflow: hidden;
    font-size: 18px;
    color: #666666;
    line-height: 30px;
}
.abouts_content .about-title{font-size:18px;margin-bottom:8px;font-weight:bold}
.supplys{
    width: 1300px;
    height: auto;
    overflow: hidden;
    margin: 20px auto
}
.supplys_activenav{
    width: 290px;
    border: 1px solid #dddddd;
    padding-bottom: 10px;
    margin-right: 15px;
    float: left;

}
.supplys_activenav p{
 background: #34a1e8;
 color: #fff;
 font-size: 16px;
 height: 40px;
 line-height: 40px;
 text-indent: 20px;

}
.supplys_activenav li{
    line-height: 50px;
    font-size: 14px;
    border-bottom: 1px dashed #dddddd;
    color: #333333;
    background: url(/static/images/supplys_activenav1_06.png) no-repeat  20px center;
}
.supplys_activenav li a{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: 40px;
}
.supplys_activenav li:hover{
    background: url(/static/images/supplys_activenav2_06.png) no-repeat  20px center;
}
.supplys_activenav li:hover a{
    color: #55bbfd;
}

.supplys_content{
    float: left;
    width: 988px;
}
.supplys_content dl dt{
    width: 240px;
    height: 130px;
    float: left;
}
.supplys_content dl{
    float: left;
    margin-right: 18px;
    margin-bottom: 18px;
}
.supplys_content dl:nth-child(2n+2){
    margin-right: 0;
}
.supplys_content dl dt img{
    width: 100%;
    height: 100%;
}
.supplys_content dl dd{
    width: 245px;
    height: 130px;
    float: left;
    background: #fff;
    padding:0 20px;
    box-sizing: border-box;
}
.supplys_content dl dd h4{
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
}
.xlian-color{
    width: 100%;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    text-overflow:ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  height: 72px;
}
.newss{
    width: 1300px;
    margin:  0 auto;
}
.newss li{
    width: 400px;
    float: left;
    margin-right: 40px;
    margin-bottom: 50px;
}
.newss li:nth-child(3n+3){
    margin-right: 15px;
}
.newss-top{
    width: 400px;
    height: 100px;
    border-bottom: 1.5px solid #d6d6d6;
}
.newss-top:hover{
    border-bottom: 1.5px solid #55bbfd;
}
.newss-top:hover span{
    color: #55bbfd;
}
.newss-top:hover i{
    color: #fff;
    background: #55bbfd;
    border: 1px solid #55bbfd;
}
.newss-top a{
    display: block;
    width: 100%;
}
.newss-top a i{
    float: left;
    display: block;
    width: 80px;
    height: 70px;
    /* background: #55bbfd; */
    border: 1px solid #333333;
    line-height: 70px;
    text-align: center;
    font-size: 27px;
    color: #333333;
    margin-right: 15px;
}
.newss-top a span{
    display: block;
    padding-top: 10px;
    color: #333333;
    font-size: 18px;
}
.newss-con a{
    display: block;
    color: #666666;
    padding-top: 30px;
  height:85px;
  overflow: hidden;
}
.newss-con:hover a{
    color: #55bbfd
}
.ryzz{
    width: 1300px;
    margin: 0 auto;
}
footer{
    margin-top: 80px;
    width: 100%;
    /*height: 320px;*/
    background: #404040;
}
.foot-nav{
    width: 1300px;
    /*height: 217px;*/
    margin: 0 auto;
    overflow: hidden;
}
.foot-nav li{
    float: left;
    padding-top: 18px;
    width: 197px;
    text-align: center;
}
.foot-nav li span{
    display: block;
    color: #bbbbbb;
}
.foot-nav li>a{
    display: block;
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
}
.foot-listnav a{
    padding: 5px 0;
    font-size: 16px;
    color: #bbbbbb;
    display: block;
}
.foot-bot{
    width: 100%;
    height: 135px;
    background: #2e2e2e;
    overflow: hidden;
}
.foot-bot p{
    color: #bbb;
    text-align: center;
    margin-top: 12px;
}

.contont{
    width: 1300px;
    height: auto;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
}

/* about 页 */
.about2{
    width: 1300px;
    height: 50px;
    margin:  0 auto;
    border-bottom: 1px solid #2e2e2e;
    margin-top: 30px;
    line-height: 50px;
}
.about2 h3{
    float: left;
    font-size: 30px;
    margin-left: 5px;
}
.about2 span{
    float: right;
}
.about2-con{
  
    width: 1300px;
    margin: 0 auto;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}
.about2-con>img{
    width: 100%;
    margin-bottom: 50px;
    display: block;
}


/* supply 页 */

.supply2{
    width: 1300px;
    height: auto;
    overflow: hidden;
    margin-top: 50px;
}
.supply2-left{
    float: left;
    width: 240px;
    height: auto;
    overflow: hidden;
    margin-right: 23px;
}
.supply2-left h3{
    height: 40px;
    width: 100%;
    background: #55bbfd;
    text-indent: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}
.supply2-left ul{
    border: 1px solid #ddd;
    padding-bottom: 20px;
}
.supply2-left ul li{
    background: #fff url(../images/icon_06.jpg) no-repeat 10px center;
    width: 100%;
    height: 50px;
    border-bottom: 1px dashed #dddddd;
    line-height: 50px;
    text-indent: 30px;
    font-size: 14px;
    color: #333333;
}
.supply2-left ul li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #333333;
}
.supply2-left ul li:hover a{
    background: #fff url(../images/iconhover_03.jpg) no-repeat 10px center;
    color: #55bbfd;
}
.supply2-right{
    float: right;
    width: 1037px;
    /*float:none;width:auto;*/
}
.supply2-right .list-title{
    width: 100%;
    border-bottom: 1px solid #000000;
    overflow: hidden;
    height: 59px;
    line-height: 40px;
}
.supply2-right .list-title h3{
    float: left;
    font-size: 30px;
}
.supply2-right .list-title span{
    float: right;
}
.supply2-su{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
}
.supply2-su li{
    width: 306px;
    height: 300px;
    float: left;
    margin-right: 25px;
    position:relative;
}
.supply2-su li:nth-child(4n){
    margin-right: 0;
}
.supply2-su li img{
    max-width: 100%;
    max-height: 250px;
    display: block;
    margin: auto;
}
.supply2-su li p{
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}
.pages{
    width: 100%;
    height: 23px;
    margin-top: 50px;
    text-align: center;
    margin-bottom: 30px;
}
.pages a{
    display: inline-block;
    border: 1px solid #bbb;
    padding: 0 10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    
}
.pages a:hover{
    background: #55bbfd;
    border: 1px solid #55bbfd;
    color: #fff;
}
.products_detail{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 35px;
}
.products_detail_img{
    width: 100%;
}
.products_detail_img img{
    display: block;
    max-width: 600px;
    margin: 0 auto;
}
.products_detail_img p{
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.products_detail_con{
    min-height: 300px;
}
.products_detail_con .products_detail_con_tit{
    width: 120px;
    height: 40px;
    background: #55bbfd;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px;
}
.ryzz2{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.ryzz2 li{
    width: 300px;
    height: 360px;
    margin-right: 33px;
    float: left;

}
.ryzz2 li img{
    width: 100%;
    height: 300px;
    display: block;
}
.ryzz2 li p{
    height: 60px;
    line-height: 60px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #333;
}
.ryzz2 li:nth-child(4n+4){
    margin-right: 0px;
}

.news2{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
}
.news2 li{
    width: 100%;
    line-height: 50px;
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}
.news2 li a{
    display: block;
    width: 100%;
    font-size: 16px;
    color: #333;
    padding: 0 10px;
    box-sizing: border-box;
}
.news2 li a img{width:200px;}
.news2 li a span{
    float: right;
    font-size: 16px;
    color: #999999;
}
.news2 li a:hover{
    color: #34a1e8;
}
.news2_detail{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.news2_detail .news2_detail_top h2{
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 40px 0;
}
.news2_detail_top{
    border-bottom: 1px dashed #999;
    padding-bottom: 40px;
}
.news2_detail .news2_detail_top p{
    text-align: center;
    font-size: 16px;
    color: #999;
}
.news2_detail_con{
    font-size: 16px;
    color: #999;
    line-height: 30px;
    padding-top: 30px;
}
.relation_pro {
    margin-top: 20px;
    width: 100%;
}
.relation_pro p {
    border: 1px solid #cccccc;
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    font-size: 16px;
    color: #666666;
}
.rel_pro_pos{
  margin: 20px 0 30px 0;
  width:100%;
  height:260px;
  overflow:hidden;
  position:relative;
}
.rel_pro_pos .rpro_box{
  position:absolute;
  left:0;
  top:0;
  width: 3000px;;
  height:260px;
}
.rpro_box .rpro_item{
  float:left;
  margin-right: 35px;
  width: 230px;
  height: 260px;
}
/*.rpro_item:nth-child(4){
  margin: 0;
}*/
.rpro_item a{
  display: block;
}
.rpro_item a img{
  float: left;
  width: 230px;
  height: 224px;
}
.rpro_item a span{
  float: left;
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  text-align: center;
}
.relation_news{
  width: 100%;
}
.relation_news p{
  border: 1px solid #cccccc;
  height: 32px;
  padding: 0 10px;
  line-height: 32px;
  font-size: 16px;
  color: #666666;
}
.relation_news .rnew_box{
  margin: 20px 0 30px;
  width: 100%;
}
.rnew_box .rnew_item{
  margin: 10px 0;
  width: 50%;
  height: 20px;
  float:left;
}
.rnew_item a{
  display:inline-block;
  width: 65%;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
}<!--耗时1794258334.3474秒-->