body{font: normal 16px/38px "\5FAE\8F6F\96C5\9ED1"; float: left; margin: 0; padding: 0}
h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,i,a{margin: 0; padding: 0}
i{vertical-align: middle; }
a{ color: #383838;}
a:hover{cursor:pointer; text-decoration: none;}
li{list-style: none;}
.pt15{ padding-top: 15px; }
.mb20{ margin-bottom: 20px; }
.mt20{ margin-top: 20px;}
.navtitle{ width: 99.99%; float: left; position: relative; border-bottom: 4px solid #444; height: 50px;   }
.navtitle h4{font: bold  30px/55px "\5FAE\8F6F\96C5\9ED1";  color: #333; border-bottom: 4px solid #ff5c5c; position: absolute; left: 0; bottom: -4px;z-index: 3  }
.shownavtitle{ width: 99.99%; float: left; position: relative; border-bottom: 1px solid #444; border-top: 2px solid #d0d0d0; height: 50px;   }
.shownavtitle h5{font: bold  20px/50px "\5FAE\8F6F\96C5\9ED1";  color: #333; border-bottom: 1px solid #ff5c5c; position: absolute; left: 0; bottom: -1px;z-index: 3  }
.shownavtitle span{ float: right; vertical-align: middle; padding-top: 10px; }
.shownavtitle span i{font-size: 20px;}
.indexmain{ width:1200px; margin:0 auto; overflow: hidden; clear:both}
.box1200{ width:1200px; float:left;} 
.tophead-nav{ border:1px solid #287ec5; background: #287ec5 } 
.rightnav{ width:970px; float:right; display:inline; padding-top:8px;font: normal 14px/35px "\5FAE\8F6F\96C5\9ED1"}
.rightnav dl a{ color:#fff; }
.rightnav dl{ width:24.88888%; float:left; display:inline; overflow: hidden;}
.rightnav dt{ width:14px; padding:0px 10px 0 0; float:left;   display:inline;   color:#FF0; font-weight:bold;  }
.rightnav dd{ width:200px; float:left; display:inline}
.rightnav dd a{ display:inline-block; width:49%; float:left}
.vipbox{background: url(vip.png) top center no-repeat; }
.title_lg{  overflow: hidden; width: 100%; float: left}
.title_lg h5{background: #fff;padding: 0 8px; color: #444; border-left:5px solid #1e9fff;font: bold 24px/24px "Microsoft YaHei";} 
.imgbox{width: 100%; position: relative;overflow: hidden;}
img.w_100{width: 100%;height: auto;transition: all 0.6s; cursor: pointer; }
.imgbox:hover img{transform: scale(1.1);} 
.bxian{display: block; background: #f0f0f0;color: #d00; text-align: center; cursor: pointer; font-size: 16px;} 
.bxian i{font-size: 30px; color: #d00; display: block;padding:10px 5px; }  
.tabs-fixed{ position: sticky; top:0; z-index: 1;}

.boxsdh{ width: 100%; float: left; border-bottom: 1px solid #e0e0e0; }  
.boxsdh h4{ float: left; font: bold  20px/55px "\5FAE\8F6F\96C5\9ED1"; float: left}
.boxsdh i{ font-size: 20px; }
.boxsdh span{ float: right; padding-top: 10px; }
.boxsdh em{ color: #f00 }
.breadcrumb{ width: 100%; line-height: 45px; float: left; border-bottom: 1px solid #e0e0e0; }
/*menunav**/
.headtop{ width:100%; float:left; background:#333;color:#FFF; border-bottom:1px solid #e5e5e5;}
.topkey, .headlogo{  width:1200px; margin:0px auto; line-height:30px; overflow: hidden; clear:both} 
.topkey b{ float:left; display:inline; font-style:normal; }
.topkey em{ float:right; display:inline; font-style:normal} 
.headtop a{color:#fff}  
.menunav{width: 100%; height: 50px;  float: left; overflow: hidden;}
.navbox, .mainbox{width: 1200px; margin: 0 auto; overflow: hidden;} 

/*siftbox*/
.dphz{float:left;width:98.7%;margin-top:15px;}
.dphz img{width:100%;}

.siftbox{ width: 99.9%; float: left;border: 1px solid #d0d0d0 ; margin: 15px 0 ;} 
.siftbox dl{width: 100%; float: left;  padding: 10px 0;border-bottom: 1px solid #f0f0f0}
.siftbox dt {float: left; color: #333; padding-left: 1%; }
.siftbox dd {float: left; color: #333; line-height: 30px; }
.siftbox dd a{ display: inline-block; }
.siftbox dl a{ padding: 0px 8px; margin: 3px; }
.siftbox dl a:hover{ background: #f0f0f0; border-radius: 3px;}
.siftbox dd a.hack{ background: #3ba2e3; border-radius: 3px; color: #fff }
 
.siftboxs{ width: 97.8%; border:1px solid #d00d00;  padding: 10px 0; float: left; margin: 5px 0; padding: 0 0 0 2%; font-size: 14px; }
.siftboxs a{ padding: 2px 5px; margin: 0 5px; border:1px solid #e8351f; background: #ea4a36;  color: #fff }
 

.chanpinbox, .videobox,.showimg, .shows, .shownews, .showchanpin{ width: 100%; float: left; overflow: hidden; }
.chanpinbox ul{ width: 101.5%; float: left; overflow: hidden; padding: 20px 0; padding-left: 3px; } 
.chanpinbox li{ width:22.9999%; margin-right: 2%; float:left; display:inline; position: relative;  margin-bottom: 20px; box-shadow: 0px 0px 3px #999; font: normal 14px/35px "\5FAE\8F6F\96C5\9ED1";  }
.chanpinboxtit{  width:96%; margin: 2%; height:40px; text-indent: 10px;  color: #fff; background:url(../img/shadow1.png) 0 -10px repeat-x;  float: left; position: absolute; left: 0; top: 120px; z-index: 5  }
.chanpinbox li img{ width:96%; padding: 2%; float:left; display:block }
.chanpinbox li b{ height:35px; width:100%;float:left; text-indent: 5px;  overflow:hidden; background: #f0f0f0  }
.chanpinbox li b a{ color:#000}
.chanpinbox li .txt{ width:99.9%; float:left; text-indent: 5px; border-top:1px solid #f0f0f0; }
.chanpinbox li .txt i{font-size: 20px; padding: 0 5px; color: #d00; font-weight: bold;} 
.chanpinbox li .txt span{ background: #d00; padding: 1px 2px; border-radius: 3px; color: #fff }
.chanpinbox li .txt span:hover{cursor: pointer;} 
.chanpinbox li strong { text-indent: 5px; color:#333; background: #f5f5f5; display: block; width: 100%; float:left; height: 35px; overflow: hidden;}
.chanpinbox li:hover, .showimg li:hover, .showchanpin li:hover{  -moz-transition:all 0.1s linear 0.1s;  opacity: 0.9; box-shadow: 0px 0px 3px #d00;  -webkit-transition:all 0.1s linear 0.1s;    -o-transition:all 0.1s linear 0.1s;    -ms-transition:all 0.1s linear 0.1s;  
  transition:all 0.1s linear 0.1s;    -moz-transform:translateY(-5px);    -webkit-transform:translateY(-5px);    -o-transform:translateY(-5px);    transform:translateY(-5px);  }
 
.pro_box{width: 100%; position: relative; overflow: hidden;} 
.pro_box b{ line-height:40px; padding:10px; box-sizing: border-box; position: relative; z-index: 1 }


.leftback{background: #333;}
.leftbox{ width: 100%;  float: left;  }
.leftbox ul{ width: 92.8%; border-bottom: 1px solid #454545; padding:5% 3%; font: normal 14px/35px "\5FAE\8F6F\96C5\9ED1";}
.leftbox ul h3{ color: #fff;font-size: 16px; }
.leftbox ul h3 i{ float: right; }
.leftbox li{ display: inline-block; }
.leftbox li a,.leftbox h3 a{ color: #fff; padding: 0 5px;}
.leftbox li a:hover,.leftbox h3 a:hover{ color: #89c0e3 }
.rightbox{ width:78%; float: left; margin-left: 1.3%;  }
.cp-rightbox{ width:100%; float: left;  }

.showleft { width: 100%; }
.showimg,.showimgs{ width: 99.99%; float: left ; position: relative; }
.showimg img{ width: 100%; float: left; border:1px solid #f0f0f0; min-height: 350px } 
.showimgtit{ width:100%; height:40px; text-indent: 10px;  padding-top: 30px; color: #fff; background:url(../img/shadow1.png) 0 bottom repeat-x;  float: left; position: absolute; left: 0; bottom: 0; z-index: 5  }
.showright{ width: 100%; }
.showright h1{ font: bold 20px/55px "\5FAE\8F6F\96C5\9ED1"; text-indent:10px;}
.showright ul{ background:  #f9f9f9; }
.showright li{font: normal 16px/35px ""; color: #666} 
.price{   color: #999; text-indent: 10px; }
.price strong,.price strong i{ color: #fb2443; font: bold 30px/60px "\5FAE\8F6F\96C5\9ED1";  }
.services_show{width: 99.8%; float: left ;font-size:16px; background: #f0ffe9; color: #999; line-height:45px;text-align: center; margin-top: 20px; }
.services_show i{ color: #51992d; font-size: 30px; font-weight: bold; }
.inquirys{float: left;font-size: 20px; color: #333; width: 97.8%;margin: 15px  0px; padding-left: 2%; }
.jianshu{ padding: 2%; color: #555; border: 1px solid #f0f0f0; background: #f5f5f5} 
.baojia{ width: 99.7%;border: 1px solid #bad9ba; background: #e7ffe8; float: left; margin-top: 15px; }
.baojia li{ width: 45.9%;  display: inline; padding-left: 4%; line-height: 35px; }
a.bottonred{ background:#fe2929; border-radius: 3px; color: #fff }
a.bottonred:hover{background:#ff6464;color: #fff}
a.bottonlv{ background:#29772a; border-radius: 3px; color: #fff }
a.bottonlv:hover{background:#457e46;color: #fff}

.videobox dl{ width: 99.9%; float: left; overflow: hidden; padding: 20px 0;} 
.videobox dl video, .videobox dl embed{ width: 100%; min-height: 600px; background: #333; float: left; }
.videobox dl p{ width: 100%; text-align: center; font:normal 16px/40px "\5FAE\8F6F\96C5\9ED1";  }
.videobox dl p i{ font-size: 30px; }

.shows table{ width: 99%; float: left }

.showimgs ul{ width: 100.1%; float: left; overflow: hidden; padding: 20px 0; padding-left: 3px; } 
.showimgs li{ width:22.9999%; margin-right: 2%; float:left; display:inline; box-shadow: 0px 0px 3px #999;font: 14px/35px "\5FAE\8F6F\96C5\9ED1"; }
.showimgs li img{ width:96%; padding: 2%; height:150px; float:left; display:block }
.showimgs li b{ height:30px; text-align: center; width:100%;float:left; overflow:hidden; background: #f0f0f0}
.showimgs li b a{ color:#000}

.shownews ul{ width: 100%; float: left; overflow: hidden; padding:5px 0; padding-left: 3px; } 
.shownews li{background: url(../img/news.png) left center no-repeat; width:45.99%; padding-left: 2%; margin:0 2% 0 0;  float:left; display:inline;  font: 16px/35px "\5FAE\8F6F\96C5\9ED1"; }
.shownews li span{ float: right; padding-right: 5px; color: #999 }

.fenye{ width: 99%;float: left; border:1px solid  #f5f5f5;box-sizing: border-box; padding: 15px 0; }
.fenye:hover{ border:1px solid  #28a3ef; }
.page{ width: 100%;float: left; text-align: center; }
.page a{ padding:3px 5px; border-radius:3px; border:1px solid #28a3ef; background: #5bc0de; color: #fff  }
.page strong{ border:1px solid #28a3ef; padding:3px 5px; }
.page a:hover{ padding:3px 5px; border:1px solid #28a3ef; background: #28a3ef  }
 
/***/
.bottomtel{ width: 100%; background: #d00; height: 65px; position: fixed; z-index: 900; bottom: 0; font: bold 24px/48px "\5FAE\8F6F\96C5\9ED1";}
.bottomteltxt{ background: url(../img/bottomtel.png) left top no-repeat; color: #fff; height: 53px; width: 480px; margin: 5px auto; padding-left: 720px; }
.bottomteltxt strong{ font-size: 36px;  line-height: 50px; float: left; padding-right: 20px;}
 
/**/  
.contact_us { width:270px; background:#fff;   height:180px; padding-top:15px; float:left;  color:#222; display:inline }
.contact_us img { float:left; display:inline; padding:5px; } 
.botfooter{ width:100%;text-align:center; float:left; background:#000}
.bottom {  width:1200px;  margin:0 auto;font-size:14px; line-height:28px; color:#999; padding:10px 0;  }
.botmenu a{ padding:0 10px; color:#999} 

/*show*/
.showmain{ width: 1198px;margin: 0 auto; overflow: hidden; }   

.ptoduct_li{width: 100%;overflow: hidden; text-align: center; border-bottom:  2px solid #d00}
.ptoduct_li a{font:normal 16px/50px ""; width: 16.6666%; display: inline-block; float: left;}
.ptoduct_li a.hoverback{background: #d00; color: #fff}
/**/
.telbox{ padding:0 0 10px 0; border:1px solid #d0d0d0;  text-align: center;}
.telbox p{ color: #333;text-align: center;font: normal 20px/40px "\5FAE\8F6F\96C5\9ED1";}
.telbox p strong{font: bold 33px/30px "\5FAE\8F6F\96C5\9ED1";  color: #dd514c; display: block;}

.product_list{width: 100%;}
.product_list ul{border: 1px solid #e5e5e5}
.product_list li{ border-bottom: 1px solid #e5e5e5;overflow: hidden; }
.product_list li a{padding: 10px 15px; display: block;font: normal 16px/25px "\5FAE\8F6F\96C5\9ED1";}
.product_list li i{float: right;  }

/* chanpin */
.showchanpin ul{ width: 93%; border:1px solid #d0d0d0;   float: left; overflow: hidden; margin-top:15px; } 
.showchanpin li{ width:96%; padding: 0; margin: 0 2%; float:left; display:inline; margin-bottom:20px;box-shadow: 0px 0px 3px #999;font: 14px/35px "\5FAE\8F6F\96C5\9ED1"; }
.showchanpin li a{padding: 0; margin: 0; color: #333; }
.showchanpin li img{ width:96%; padding: 2%; height:150px; float:left; display:block }
.showchanpin li b{ height:30px; width:100%;float:left; text-indent: 5px;  overflow:hidden; background: #f0f0f0}
.showchanpin li b a{ color:#000}
.showchanpin li .txt{ width:99.9%; float:left; text-indent: 5px;  padding: 5px 0; } 
.showchanpin li .txt span{ background: #d00; padding: 1px 2px; border-radius: 3px; color: #fff } 
.showchanpin li strong { text-indent: 5px; color:#333; background: #f5f5f5; display: block; width: 100%; float:left; height: 35px; overflow: hidden;}
  
.canshu{ width: 100%; float: left; margin-top: 20px;  }
.col-md-4{ width: 24.82%; background: #fafafa; border-right:1px solid #e5e5e5;    height: 45px; border-top:2px solid #999; float: left; display: inline; text-align: center; }  
.col-md-4 h3{line-height: 45px;}
.canshu li.active{ background: #999; color: #fff; border-bottom: 1px solid #999; }
.canshu li.active a{ color: #fff }
.tab-content.tab-wraped{ padding: 0; margin: 0; width: 100%;border:none;  }
.tab-pane{ margin: 0px; padding:10px 0; border:none; width: 99.5%; float: left; border:1px solid #d0d0d0;} 
.tab-pane table{ width: 94%; float: left; line-height: 35px; margin: 2.8%;font: normal 14px/40px "\5FAE\8F6F\96C5\9ED1";border-collapse:collapse; }
.tab-pane td {border: 1px #e0e0e0 solid; padding-left: 5px; }
.hengxian{ height: 10px; background: #f0f0f0; width: 100%;  }
.shows img{ width: 800px; padding:20px; }
.shows p{  padding:10px; margin: 0; font:normal 16px/35px ""; color: #555}
.shows table{ width: 94%; float: left; line-height: 35px; margin:10px;font: normal 14px/40px "\5FAE\8F6F\96C5\9ED1";border-collapse:collapse; }
.shows td {border: 1px #e0e0e0 solid; padding-left: 5px; }
.common-problem-new{ width:100%;   }
.common-problem-new .common-faq-item{ }
.common-faq-item i{ font-size:22px; color:#d00; margin-right:10px;}
.common-faq-item span{ color:#d00;}
.common-faq-item .common-faq-item-content{ padding:20px; box-sizing: border-box; border:1px solid #ebebeb; background: #f7f7f7; margin-top:15px;}