/* CSS Document */
body,p,h1,h2,h3,h4,ul,li,img,table,tbody,tr,td,a{
margin:0 auto;
padding:0px;
_margin:0 auto;
_padding:0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#565656;
text-transform:capitalize
}
img{
border:none;
}
a{
text-decoration:none;
border:none;
}
ul li{
list-style:none}

#header-bg{
background:url(header-bg.jpg) no-repeat top center;
width:100%;
height:115px
}

#header{
width:1000px;
margin:0 auto;
}
#logo{
float:left;
height:74px;}
#top-right{
float:right;
padding-right:10px}

#nav{
clear:both;
height:42px;
line-height:42px;
background: #1f84cc;
    border-radius: 3px;}
#nav ul li{
float:left;
text-align:center;
width: 100px;
height:42px;
}
#nav ul li a:link,#nav ul li a:visited{
color:#ffffff;
display:block;
font-weight:bold}
#nav ul li a:hover{
background: #0061a7;
color: #fff;
}


.midbg{ 
width:100%; 
height:426px; 
position: relative; 
z-index:1;
clear:both
}
.iBan {
height:426px; 
overflow:hidden; 
position:relative;
z-index:1;
_zoom:1; 
clear: none;
}
.iBanScreen{
height:426px; 
}
.iBan .banNum a.dots{
background:url(dotsFocus.png) no-repeat center ;
}
.iBanScreen ul{ 
width:100%; 
height:426px; 
position:relative; 
top:0; 
margin:0 auto;
}
.iBanScreen li{ 
width:100%; 
height:426px; 
overflow:hidden; 
position:absolute; 
display:none;
}
.iBanScreen li a{ 
display:block; 
width:100%; 
height:100%;
}
/*.iBanScreen .num{ 
position:absolute; 
bottom:15px; 
left:45%; 
z-index:999; 
}
.iBanScreen .num a{ 
display:inline-block; 
width:10px; 
height:10px; 
background:url(dots.png) no-repeat center ;
margin-right:10px}
.iBanScreen .num a.cur{ 
background:url(dotsFocus.png) no-repeat center; 
}*/


#container_bg{
background-color: #f5f5f5;
width:100%;
overflow:hidden;
}
#container{
width:1004px;
margin:0 auto;
padding-top:35px;
}

.h2-index{text-align: center;
    
color:#008adc;
font-size:24px;
margin-bottom:20px; font-weight:bold;}
p a{text-indent: 0;}
.en{
font-size:12px;
color:#616161;
font-weight:normal;
background:url(h2-g.jpg) no-repeat 5px center;
padding-left:15px
}

#about-index{
float:left;
height:200px;
width:650px}

#news-index{
clear: both;
    width: 1004px;
    padding-top: 35px;
    overflow: auto;
    margin: 0 auto;}
    
#news-index ul li{width: 49%;
    float: left;
    margin: 5px;
    border-bottom: 1px solid #b1b1b1;
    height: auto;
    padding: 12px;}
#news-index ul li span{float: right;}
#news-index ul li a{font-size: 14px;color: #474747;font-weight: bold;}
#news-index ul li p{font-size: 12px;line-height: 20px;text-indent: 2em;margin-top: 10px;}

#contact-index{
float:left;
height:200px;
width:330px}

#about-index p{
padding-right:25px;
line-height:25px}

#right-index{
float:right}



#contact-index p{
margin-left:20px;
line-height:25px}

#about-index img,#news-index img,#contact-index img{
float:left;
margin:40px 15px 0px 10px
}


.more{
float:right;
margin-top:10px
}

.more a:link,.more a:visited{
color:#979797;
display:block;
padding-left:20px;
background:url(more-dian.jpg) no-repeat left center;
}
.more a:hover{
color:#0289e5;
background:url(more-dian-a.jpg) no-repeat left center;
padding-left:20px;}

#recommended{
clear:both;
width:1004px;
padding-top:35px
}

#recommended h2{
width: 100%;
    line-height: 25px;
    float: left;
    color: #383838;
    font-size: 20px;
    margin: 10px 0;
    text-align: center;
}
#recommended h2 span{
font-size:13px;
color:#606060;
background:url(h2-g.jpg) no-repeat 5px center;
padding-left:15px;

}
#classification{
width:1000px;
float:right;

}

#classification li{
    float: left;
    border: 1px #565656 solid;
    margin: 0 5px;
    padding: 5px 10px;
    border-radius: 4px;
    }

#classification li a{
color:#8a8a8a;
font-size: 16px;}

.pro_index{
clear:both;
margin:0px auto;
width:1004px;
}
.LeftBotton {
float:left;
}
.LeftBotton a:link,.LeftBotton a:visited{
background:url(cptj-left.jpg) no-repeat center center;
display:block;
width:18px;
height:160px;
}
.LeftBotton a:hover{
background:url(cptj-left-a.jpg) no-repeat center center;
}
.RightBotton{
float:right;
}
.RightBotton a:link,.RightBotton a:visited{
display:block;
width:18px;
height:160px;
background:url(cptj-right.jpg) no-repeat center center
}
.RightBotton a:hover{
background:url(cptj-right-a.jpg) no-repeat center center;
}

#demo{
overflow: hidden;
 width: 940px; 
 float: left;
 margin-left:8px
 }
 
.pro_home{ clear:both;}
.pro_home li{ float:left;}
.pro_index h2{ clear:both;}

.pic{
text-align:center;
padding-right:9px
}

.pic a{
color:#8a8a8a;
}
.pic img{
width:191px;
height:134px;
border:1px solid #e9e9e9
}
.pic p{
font-size:12px;
font-weight:normal;
padding:10px
}
.pic h3{
font-size:12px;
font-weight:normal;
padding:10px 0px
}

/* 底部 */
/* ================== */
footer .footer_top {
  background: #0564b6;
}
footer .footer_top_ul {
  overflow: hidden;
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  padding-top: 40px;
}
footer .footer_top_ul li {
  float: left;
  width: 100px;
  text-align: center;
  position: relative;
}
footer .footer_top_ul li + li::before {
  content: "";
  width: 1px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  top: 25%;
  left: 0;
}
footer .footer_top_ul li:first-child {
  width: 88px;
  text-align: left;
}
footer .footer_top_ul li:last-child {
  background: none;
}
footer .footer_top_ul li a {
  color: #fff;
  font-size: 16px;
  display: block;
}
footer .footer_top_main {
  padding-top: 4px;
  margin-top: 30px;
}
footer .footer_top_main p:first-child {
  color: #fff;
  line-height: 36px;
  font-size: 16px;
}
footer .footer_top_main p:nth-child(2) {
  color: #fff;
}
footer .footer_top_main p:nth-child(3) {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 40px;
}
footer .footer_top_main p span {
  padding-right: 15px;
  color: #fff;
}

footer .footer_top_main p span a{
  color: #fff;
}

footer .footer_top_main p a{
  color: #fff;
}

footer .footer_top_weixin p {
  background: #fff;
  width: 119px;
  float: right;
  margin-top: 38px;
}
footer .footer_top_weixin img {
  width: 119px;
  text-align: center;
  padding: 5px;
}
footer .footer_top_weixin span {
  display: block;
  width: 119px;
  float: right;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
}
footer .footer_bot {
  background-image: linear-gradient(to bottom, #474746 0%, #424241 50%, #373736 100%);
}
footer .footer_bot p:first-child {
  color: #fff;
  font-size: 16px;
  line-height: 46px;
}
footer .footer_bot p:first-child span {
  font-size: 26px;
  margin-right: 5px;
}
footer .footer_bot p:nth-child(2) {
  line-height: 50px;
  font-size: 22px;
  color: #e60012;
}
footer .footer_bot p:nth-child(2) span {
  margin-right: 15px;
  text-shadow: 0 1px #fff, 1px 0 #fff;
}
footer .footer_bot p:nth-child(2) img {
  vertical-align: text-bottom;
}
footer .footer_bot p:nth-child(3) {
  line-height: 50px;
}
footer .footer_bot p:nth-child(3) a {
  display: inline-block;
  margin: 0px 2px 0px 10px;
}

.yqlj a{ color:#d0d0d0;}



/*ny*/

#banner{
background:url(banner-ny.jpg) no-repeat top center;
width:100%;
height:319px
}

#container_bg-ny{ clear:both;
background:#f5f5f5;
overflow:hidden

}

#container-ny{
width:1004px;
margin:0 auto;
padding-top:30px;
overflow:hidden}

#left{
float:left;
width:229px;
}


.h2-ny {
background:url(h2-bg-ny.jpg) no-repeat;
height:51px;
line-height:51px;
color:#0088f0;
font-size:15px;
padding-left:30px
}
.en-ny{
font-size:12px;
padding-left:10px
}

#pro-list ul{
background:#FFFFFF;
padding-top:20px;
padding-left:20px

}

#pro-list ul li{
line-height:28px;
padding-bottom:10px;

}

#pro-list ul li a:link,#pro-list ul li a:visited{
color:#484848;
display:block;
background:url(cplist-dian-ny.jpg) no-repeat left center;
padding-left:15px;
font-size:14px
}
#pro-list ul li a:hover{
background:url(cplist-dian-a-ny.jpg) no-repeat left center;
color:#0088f0
}
#pro-list ul li ul{padding-top:0px;}
#pro-list ul li ul li{padding-bottom:0px;}










#contact{
margin-top:30px;
}

#contact p{
line-height:25px;
color:#484848;
font-size:14px;
background:#FFFFFF;
padding-top:20px;
padding-left:20px}

.left-down{
background:url(left-down-bg.jpg) no-repeat;
width:229px;
height:60px}

#right{
float:right;
width:710px;
margin-right:20px;
_margin-right:20px;
}

#title-h1{
background:url(right-h2-ny.jpg) no-repeat;
height:59px;
width:691px;
padding-left:10px;
}

#title-h1 .h1{
margin: 0;
font-size: 12px;
    line-height: 59px;
}

.en-h1{
font-size:16px;
color:#666666;
}
.h1 a{
color:#0088f0;
font-size:20px;
font-weight:bold;
}

.list a{
/*background:url(h2-g-ny.jpg) no-repeat 6px center;
padding-left:15px;
font-size:14px;
color:#666666;
line-height:25px;
height:25px*/
    font-size: 20px;
    color: #666666;
    line-height: 59px;
}

.return{
float:right;
font-size:12px;
line-height:59px;
padding-right:20px
}

.return a{
color:#666666;
}
#page-content{
margin:20px;
line-height:30px;
text-align:center
}
#page-content p{
font-size: 13px;
text-align:left;
}

#page-content h2{
    font-size: 14px;
    text-align: left;
    line-height: 2em;
    font-weight: bold;}

#Product-list{
margin:20px 0px;
display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#News-list{
margin:20px 0px;}

#Product-list li{text-align: center;
    width: 230px;
}
#Product-list li img{
width: 230px;
    height: auto;
border:1px solid #c9c9c9}

#Product-list li h3{
font-size:12px;
font-weight:normal;
margin:10px
}

#Product-list li h3 a{
color:#484848;
}

#page{
clear:both;
margin:20px;
text-align:center}

#page a{
color:#484848;
padding:10px}

#News-list li{
line-height:30px;
padding: 15px 10px;
margin-bottom: 15px;
}

#News-list li:nth-of-type(odd){
  background: #fff;
}



#News-list li a{color:#484848;font-size: 16px;font-weight: 600;}

#News-list li p{
color:#989898;
line-height: 1.8em;
}

.time{
float:right}

.title{
height:30px;
line-height:30px;
font-size:20px;
}

.hit{
height:30px;
line-height:30px;
}

#cp-detailed img{
margin-top:10px}


.cp-details{
text-align:left;
height:25px;
line-height:25px;
font-size:14px;
margin:20px 0px 20px 0px}

#details {
margin-bottom:20px}



#details p{
line-height:20px;
text-align:left;
text-indent:2em;
padding:5px 20px 5px 0px

}

.page{
text-align:left;
line-height:25px;
border:1px solid #CCCCCC;
margin-bottom:20px;
padding:10px
}
.page a{
color:#484848}

#news-detailed p{
text-align:left;
line-height:25px;
margin:10px 20px 0px 20px}


#footer-bg-ny{
background:url(footer-bg.jpg) repeat-x bottom center #f5f5f5;
height:254px;
clear:both;
padding-top:30px
}

#related_product h2{
font-size:14px;
margin:10px;
text-align:left
}

#related_product ul li{
float:left;
padding-left:20px;
width:194px;
text-align:center;
margin-bottom:20px;
height:170px}

#related_product ul li h3{
font-size:12px;
font-weight:normal;
margin:10px
}
#related_product ul li img{
width:194px;
height:137px;
border:1px solid #c9c9c9
}


#related_product ul li  a{
color:#848484;
}



div#qr {position:fixed;
top: 120px;
right:20px;
line-height: 25px;z-index: 999;
}
#qr h3{text-align:center;background:#333;color:#fff;}

#page-content table{border-left:1px solid #ccc;border-top:1px solid #ccc; width:100%; margin-bottom:5px;}
#page-content td{border-right:1px solid #ccc;border-bottom:1px solid #ccc; padding:0px 2px; }


.pro_tuijian ul li{float:left;margin-right: 25px; text-align:center;}
.pro_tuijian ul li img{border:1px solid #ccc;}
.pro_tuijian {
    width: 1000px;
    margin: 0px auto;
    height: 310px;
    border: 1px #b1b1b1 solid;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #dcdcdc;
    margin-top: 25px;
}
.pro_tuijian p{
	font-size: 14px;
    color: #3a3a3a;
    line-height: 24px;
    padding: 15px;
    text-indent: 2em;}
.pro_tuijian .yingyong{width:33.33333%; float:left;}
.pro_tuijian h2{    
	clear: both;
    margin-bottom: 15px;
    margin-top: 20px;
    text-align: center;
    font-size: 24px;}
.famentuij{
width: 1010px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid #c7c7c7;
    box-shadow: 3px 3px 3px #e2e2e2;}
.famentuij span{width: 150px;
    float: left;
    text-align: center;
    line-height: 40px;
    background: #0564b6;
    color: #fff;
    font-size: 18px;
    margin: 0px 20px 0px 0;}
.famentuij ul li{margin-right: 15px;
    float: left;
    line-height: 40px;
    font-size: 15px;}

.contact_us_left input[type="text"]{margin: 8px 0;height: 30px; width: 600px;}
.contact_us_left textarea{margin: 8px 0;height: 80px!important; width: 600px!important;}
.contact_us_left input[type="button"]{margin-left: 0px!important;}

.swiper-container{ clear:both;}
.swiper-slide img{ width:100%;}
.footerDiv{display: none;}
.chanpin_xs{display: none;}
.shebei_tits{display: none;}
.new_tits{display: none;}
.footerDiv li{width:33.3%;float:left;}

@media (max-width: 1004px) {           
#header{ width:100%; padding-left:1%; padding-right:1%; }
#container{ width:100%; padding-left:1%; padding-right:1%;}
.pro_tuijian{ width:100%; padding-left:1%; padding-right:1%; clear:both; overflow:hidden; height:auto;}
#footer{ width:100%; padding-left:1%; padding-right:1%;}
#recommended{ width:100%; padding-left:1%; padding-right:1%;}
.famentuij{ width:100% !important; padding-left:1%; padding-right:1%;}
div#qr{ display:none;}
.pro_home{display: flex;flex-wrap: wrap;}
#about-index{ width:65%; height:auto;}
#contact-index{ width:33%; height:auto; }
#news-index{ width:100%; padding-left:1%; padding-right:1%;}
#news-index ul{flex-wrap: wrap;display: flex; clear:both;}
#news-index li{ width:48% !important; margin:1% !important; height:auto !important; padding:1% !important;}
#classification{ width:100%; overflow:hidden; float:none;}
.pro_index{ width:100%; margin-top:15px;}
#classification li{margin:5px 1%;padding: 1%;}
.pro_index h1{ margin-left:0px !important; text-align:center;}
.pro_home li{ width:19%; margin:0.5%; padding-right:0px;}
.pro_home li img{ max-width:100%; width:auto; height:auto; }
.pro_tuijian .yingyong{ width:33.3%; padding:1%;}
.footer-nav{ width:24%; margin:0 0.5%; padding-left:0px;}
#footer .footer-nav:nth-child(1){ display:none;}
.footer-contact{ width:24%; margin:0 0.5%; padding-left:10px;}
#container-ny{ width:100%; padding-left:1%; padding-right:1%; clear:both;}
#left{ width:25%;}
#right{ width:72%; margin-right:1%; }
#title-h1 .h1{ margin:0px;}
.left-down{ width:100%; background-size:100% 100%;}
.h2-ny{ background-size:100% 100%;}
#title-h1{ width:100%;}
#page-content{margin: 5% 2% 0px 2%;}

#Product-list, #News-list{margin: 5% 2% 0px 2%;}
#page-content img{ max-width:100%; height:auto; margin-left:-6em;}
#Product-list{display: flex;flex-wrap: wrap;}
#Product-list li{ width:31.3%; margin:0 1%; padding-left:0px; height:auto;} 
#Product-list li img{width:100% !important; height:auto;} 
#page-content img.pro_img{ margin-left:0em;}
#related_product ul li{ width:24%; margin:0 0.5%; padding-left:10px; height:auto;}
#related_product ul li img{ max-width:100%; height:auto; margin-left:0em; }

}

@media (max-width: 992px) {  
#header-bg{ display:none;}
.none992{ height:60px;}
}



@media (max-width: 767px) {           
#contact-index img{ display:none;}
#contact-index p{ margin-left:0px;}
#about-index img{ display:none;}
.pro_home li{ width:31.3%; margin:1%;}
#recommended p{ clear:both;}
.pro_tuijian .yingyong{ width:100%;}
.pro_tuijian p{ margin-bottom:0px;}
.pro_tuijian h2{ margin-top:5px;}
#footer .footer-nav:nth-child(3){ display:none;}
#footer .footer-nav:nth-child(4){ display:none;}
.footer-nav{ width:48%; margin:0 1%;}
.footer-contact{ width:48%; margin:0 1%;}
#left{ width:98%;margin-right:1%; margin-left:1%;}
#right{ width:98%; margin-right:1%;  margin-left:1%;}
#contact{ display:none;}
#footer-bg-ny{ height:auto;}
#left .left-down:nth-child(2){ display:none;}
#pro-list ul{ display:none;}
#pro-list:hover ul{ display:block;}
#banner{ display:none;}
#News-list li a{ width:70%;} 
.title{ height: auto;} 


}

@media (max-width: 600px) {     
#about-index p{ padding-right:1%;}
#about-index{ width:100%;padding-left:1%; padding-right:1%; }
#contact-index{ width:100%;padding-left:1%; padding-right:1%;}

}

@media (max-width: 425px) {           
.pro_home li{ width:48%;}
.pro_home li:nth-last-child(1){ display:none;}
.pro_index h1{ margin-left:0px !important; text-align:center; line-height:1.5 !important; height:auto !important;}
#news-index li{ width:98% !important;}


.footerDiv{display: block;}
.footer_phonebai{display: block;}
.footerDiv{background: #1e60b9;position: fixed;bottom: 0px;width: 100%;z-index: 9999999;}
.footerWrap li{text-align: center;margin-top: 6px;}
.footerWrap li a{color: #fff;font-size: 15px;display: block;}
.footerWrap li i{display: block;}
.footerWrap li a img{display: block;margin: 0 auto;}
.footer_phonebai{font-size: 16px;color: #5d5d5d;text-align: center;line-height: 30px;}
.footer_phonebai a{font-size: 16px;color: #5d5d5d;}
.chanpin_xs{display: block;}
.product_tui{display: none;}
.huoban{background: #4c4c4c;}
.form2{width: 100%;}
.huoban_right{background: none;}
.honor_bg{display: none;}
.new_tit{display: none;}
.new_tits{display: block;}
.youshi_bg .container{padding-left: 4px;padding-right: 4px;}
.footerDiv ul{margin-bottom: 0px;}
}