body{font: normal 14px/38px "\5FAE\8F6F\96C5\9ED1";  margin: 0; padding: 0; overflow-x: hidden}

h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,i,a{margin: 0; padding: 0}

i{vertical-align: middle; }

a{ color: #383838;}

cite,em{ font-style: normal; }

a:hover{cursor:pointer; text-decoration: none; color: #246dcb}

li{list-style: none;}

.ad{ width: 100%; float: left; text-align: center; }

.btb{ border-top: 1px solid #e0e0e0}

.bmb{ border-top: 1px solid #e0e0e0}

.pt15{ padding-top: 15px; }

.pm20{ padding-bottom: 20px; }

.mb20{ margin-bottom: 20px; }

.mt20{ margin-top: 20px;}

.navtitle{ width: 99.99%; font-size: 16px; float: left; position: relative; border-bottom: 4px solid #28a3ef; 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  }

.navtitle h3{font: bold  24px/45px "\5FAE\8F6F\96C5\9ED1"; float: left;  color: #333; border-bottom: 4px solid #ff5c5c; position: absolute; left: 0; bottom: -4px;z-index: 3  }

.navtitle span{ float: right; padding-top: 15px; }.navtitle span i{ font-size: 24px; }

.navtitleright{ float: right; }

.navtitleright ul{ width: 100%; padding-top: 5px; }

.navtitleright li{ float: left;  }  

.navtitleright li a,.navtitleright li strong{ padding: 0 20px;line-height: 45px;display:block; } 

.navtitleright li a:hover,.navtitleright li a.hack,.navtitleright li strong{ background: #009cff; color: #fff} 

.shownavtitle{ width: 99.99%; float: left; position: relative; border-bottom: 1px solid #444; 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 h4{font: bold  20px/50px "\5FAE\8F6F\96C5\9ED1";  color: #333; border-top: 1px solid #ff5c5c; position: absolute; left: 0; bottom: -1px;z-index: 3  }

.boxsdh{ width: 100%; float: left; border-bottom: 1px solid #e0e0e0; }  

.boxsdh h4,.boxsdh h3{ 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;  }



.dhbox{width: 1200px; margin: 0 auto; overflow: hidden; height: 65px; border-bottom: 1px solid #e0e0e0;  font: normal  24px/65px "\5FAE\8F6F\96C5\9ED1"; color: #fff}

.dhbox strong{ padding: 8px 28px 8px 0; border-radius: 3px;}

.dhbox strong em{ border-radius: 3px 0 0 3px ;font-style:normal; padding: 8px; margin-right: 10px;}

.dhbox span i{ font-size: 30px; color: #222 }

.dhbox span{ float: right; }

.miaoshu{ color: #666; text-indent: 35px; }



/*layui all*/

.layui-nav{padding: 0;}

.layui-nav-child{ margin-top: -20px; }

.layui-nav{ background: #0080d2; }

.layui-nav .layui-nav-item a{ color: #fff }

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{ background: none }

.layui-nav-child{border: none; background: #246dcb; border-radius: 0;}

.layui-carousel{ background: none; width: 100%; float: left }



/*index*/

.head{width:1200px;float: left; position: relative;}

.headertop{ width: 100%; float: left;position: relative; }

/*.webname span{font: normal 30px/35px "\5FAE\8F6F\96C5\9ED1"}*/

.indexmain{ width:1200px; margin:0 auto; overflow: hidden; clear:both}

.box1200{ width:1200px; float:left;}

.box1198{ width:1198px; float:left;margin:10px auto;} 

.logo{ width:190px; float:left; display:inline; background:#fff; text-align: center;}   

.tophead-nav{ border:1px solid #287ec5; background: #287ec5 }

.tophead-nav .logo img{ padding: 15px 0 ; }

.rightnav{ width:100%; 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}



.banner{ width: 100%; float: left }  

.bannerimg{ }

.breadcrumb{ width: 100%; line-height: 45px; float: left; border-bottom: 1px solid #e0e0e0; color: #444 }

/*menunav**/

.headtop{ width:100%; float:left; background:#333;color:#FFF; border-bottom:1px solid #e5e5e5; font-size: 14px;}

.f_r{float: right;}

.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}

.headlogo{  } 

.logo img{ display:inline; padding:20px 0;} 

.headtop a{color:#fff} 

.logodh h1{float: left; margin-top:21px;  padding: 1px 5px; background: #e86b1f; color: #fff;  border-radius: 5px; font-size: 14px;}

.menunav{width: 100%; height: 50px; background: #0080d2; float: left;  }

.navbox, .mainbox{width: 1200px; margin: 0 auto;  clear: both; overflow:hidden;} 

.navbox ul{width: 100%; float: left;}

.navbox li{ display: inline-block; text-align: center;  }



.layui-nav-child{ margin-top: -15px;  }

.layui-nav .layui-nav-item a{  font: normal 18px/50px "\5FAE\8F6F\96C5\9ED1";} 

.layui-nav .layui-nav-more {right: 15px}  



/*siftbox*/

/*.siftbox{ width: 100%; float: left; line-height: 30px;} 

.siftbox dl{width: 100%; float: left;  padding: 10px 0;border-bottom: 1px solid #f0f0f0; }

.siftbox dt {   color: #333; text-align: right; display: inline-block;}

.siftbox dd {  color: #333;   display: inline-block;}

.siftbox dl a{ display: inline-block; }

.siftbox dl a{ padding: 3px 8px; margin: 3px; }

.siftbox dl a:hover{ background: #f0f0f0; border-radius: 3px;}

.siftbox dl 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 }
*/


.cpmu{ background-color:#ececec; margin: 15px 0 0 0; overflow:hidden;}
.cpmu .mudh{ float:left; width:20%;padding: 10px 0; position: relative;}
.cpmu .mudh h2{color: #fff;
    background: #0066cc;
    padding: 32px 0;
    text-align: center;
    margin: 5px 15px 5px 15px;
    font-size: 24px;
    letter-spacing: 4px;
    border: none;}
.mulb{float:left; width:80%;padding: 10px 0 5px; position: relative;}
.mulb li{ width:auto; float:left; line-height: 38px; margin: 6px 10px 6px 0; text-align: center;}
.mulb li a{ color: #fff;
    background: #ff6600;
    padding: 10px 50px;
    border-radius: 6px;
	font-size: 16px;}
.mulb li a:hover{color:#FFFFFF; background-color:#337ab7;}


/*hot*/

.hot{line-height: 50px; width: 100%; float: left;}

.bghong{ background: #f00; border-radius: 5px; }

.bgbai{background: #fff;}

.bghui{ background: #f0f0f0; }

.boldtit{text-align: center; padding: 20px 0 0 0; margin: 0 auto; width: 1190px;  background: url(../images/x.png) left 85px repeat-x; }

.boldtit strong{text-align: center;font: bold 36px/45px "\5FAE\8F6F\96C5\9ED1";  display: block;  }

.boldtit em{ color: #d00; font-style: normal; } 

.boldtit span{  padding: 0 10px;}

.productfenlei{ float: left; width: 100% }

.productsbox{ width: 1200px; margin: 0 auto; overflow: hidden; }

.productsbox ul{ width: 102%; float: left; padding-left: 5px;  }

.fenlei{background: url(../images/kuang.png) left bottom no-repeat; }

.productsbox li{  width: 22%;   float: left; margin: 20px 3% 2px 0;}

.productsbox li b{text-align: center; width: 100%; float:left; overflow: hidden; font-size: 14px;}

.productsbox li .txt{ width:97.9%;  float:left; font-size: 14px; line-height: 28px; color: #888; padding: 5px 1%; } 

.productsbox li .txt span{  padding: 1px 2px; border-radius: 3px; color: #fff } 

.productsbox li img{ width: 100%; height: 180px; }

.productsboxall{  padding-top: 10px;}

.productsboxall a{width: 46%; padding:  0 2%; display: inline-block;} 

.productsboxall a:nth-child(even){text-align: left;}

.productsboxall a:nth-child(odd){text-align: right;} 

 .chanpinbox li:hover,.productsbox 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);  }

/*hotproduct*/

.hotproduct{  width: 96%; padding: 2%;  font: normal 18px/35px "\5FAE\8F6F\96C5\9ED1"; color: #fff; background: url(../images/hxx.png) 10px top no-repeat; }

.hotproduct strong{ font-size: 20px; line-height: 60px; display: block;text-align: center; }

/*leftbox*/

.lefttit{ width: 94%;text-transform:capitalize; line-height: 28px; float: left; padding:10px 0; color: #fff; padding-left: 6%; background: #009cff; border-radius: 5px 5px 0 0;  }

.lefttit strong{font: bold 20px/35px "\5FAE\8F6F\96C5\9ED1"; display: block; }

.mb5{ margin-bottom: 5px; }

.leftback{background: #333;}

.leftbox{ width: 20%;  float: left;  }

.leftbox ul{ width: 92.8%;  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;}

.leftbox li a:hover,.leftbox h3 a:hover{ color: #89c0e3 }

.rightbox{ width: 78.699%; float: left; margin-left: 1.3%;  }

.rightbox .chanpinbox li img{height:228px;}

/*leftnws*/

.leftnews {width: 100%;float: left;}

.leftnews ul{ width:100%; float: left ;padding:0;}

.leftnews li{ width: 98%; background: #e5e5e5; border-left: 5px solid #0066cc; line-height: 35px; text-indent: 10px; margin-bottom: 5px;  }

.leftnews li:hover{ border-left: 5px solid #d00; background: #c00;  text-indent: 10px;cursor: pointer; font-weight: bold;  }

.leftnews li a,.leftnews li strong{ color: #333; display: block; font-size: 14px; }

.leftnews li a,.leftnews li strong.ph3{ color: #333; display: block; font-size: 14px; }

.leftnews li a:hover,.leftnews li strong.ph3{ color: #FFF; background: rgb(255, 102, 0);} 

.leftnews li a:hover,.leftnews li strong{ color: #000; background: #f9f9f9} 

.leftnews i{float: right; font-size: 20px; padding-right: 10px;}

/*chanpinbox*/

.chanpinbox, .videobox,.showimg, .shows, .shownews, .photobox .showchanpin{ width: 100%; float: left; overflow: hidden; }

.chanpinbox ul{ width: 102%; float: left; overflow: hidden; padding: 20px 0 0 0; padding-left: 3px;font: 16px/45px "\5FAE\8F6F\96C5\9ED1";  } 

.chanpinbox li{ width:31.2%; margin-right: 2%; float:left; display:inline; margin-bottom:20px;box-shadow: 0px 0px 3px #999;}

.chanpinbox li img{ width:96%; padding: 2%; height:255px; float:left; display:block }

.chanpinbox li b{ height:45px; width:100%;float:left; font-weight: normal;text-align: center; overflow:hidden; background: #f0f0f0}

.chanpinbox li b a{ color:#000}

.chanpinbox li .txt{ width:99.9%; float:left; text-indent: 5px; text-align: center;  padding: 5px 0; } 

.chanpinbox li .txt span {
    background: #d00;
    padding: 1px 2px;
    border-radius: 3px;
    color: #fff;
    margin-right: 10px;
}

.chanpinbox li strong { text-indent: 5px; color:#333; background: #f5f5f5; display: block; width: 100%; float:left; height: 35px; overflow: hidden;}

 

/*indexvideo*/ 

.videobox ul{ width:101%; float: left;   }

.videobox li{ width:49%; float: left; display: inline;margin-right: 1%  }

.videobox li video, .videobox li embed{ width: 100%; min-height: 400px; background: #333; float: left; } 

/*showvideo*/

.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; }



.photobox ul{ width: 101%; float: left; overflow: hidden; padding: 20px 0; padding-left: 3px; font: normal 16px/40px "\5FAE\8F6F\96C5\9ED1"; } 

.photobox li{ width:23.5%; margin-right: 1.5%; margin-bottom: 15px; float:left; display:inline; box-shadow: 0px 0px 3px #999; position: relative;}

.photobox li img{ width:100%;height:200px; float:left; display:block }

.photobox li a b{color:#fff; font-weight: normal; text-indent: 10px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3; background:url(../images/shadow1.png) 0 top repeat-x ; height:40px; padding-top: 20px; text-align: left;float:left; overflow:hidden;}





.faqbox{ width: 27.5%; float: left; display: inline; margin-left: 1.999%; background: #fafafa;border:1px solid #d0d0d0; border-top:5px solid #0080d2; padding-top: 5px; } 

.newsbox{ width:100%; float: left; display: inline; } 

.newsboxs {width: 70%; float: left; background: #fff}

.newsboxslide { width: 50%; float: left; margin-right: 1.9%; background: #f0f0f0; line-height: 45px; text-align: center; }

.newsboxslide img,.newsboxslide video,.newsboxslide embed{ width: 100%; float: left; height: 290px; vertical-align: top; padding-top:5px; }

.newsboxslide p{height: 290px; background: #333; color: #fff; font:normal 16px/280px "\5FAE\8F6F\96C5\9ED1"; text-align: center;}

.newsbox ul{ width: 48%; float: left;font:normal 16px/30px "\5FAE\8F6F\96C5\9ED1"; padding-top: 5px; }

.newsboxs ul p{ text-indent: 35px; padding-right: 10px; color: #555 }

.newsboxs ul p a{ color: #d00;  }

.newsbox li { height: 33px; overflow: hidden; } 

.newsbox li span{ float: right;;padding-right: 10px; color: #888  }

.faqbox ul{width: 96%; padding-left: 4%; height: 275px;}

.faqbox li strong{ color: #d00 }

.faqbox li i{ padding-right: 10px; font-weight: bold; font-size: 20px; color: #000 }

.contactimg p{width: 24.9999%; float: left; display: inline; text-align: center; }

.contactimg p img{ height: 45px;  display: block; margin: 0 auto}

/*newslist*/

.newslist{ width: 100%; float: left}

.newstab{ width: 100%; }

.newstab h3{}

.libp{ padding-bottom: 20px; border-bottom: 1px solid #e5e5e5}

.newslist ul{ width: 100%; padding: 20px 0; }

.newslist li { width: 100%; float: left; margin-bottom: 20px; }

.newslist li img{ width: 20%; height:180px; float: left; padding-right: 1.5% }

.newslist li h4{ width: 78%; height: 45px; overflow: hidden;  float: left; font:bold 20px/45px "\5FAE\8F6F\96C5\9ED1";  }

.newslist li p{ width: 78%; height: 100px; float: left; color: #888; line-height: 30px; }

.newslist li em{ font-style: normal; color: #888 }

.honor{ width: 100%; float: left; }

.honor li { width: 46.9%; float: left; margin: 1.5%;}

.honor li img {width: 95%; padding: 2%; border:1px solid #d0d0d0;  }

/*newshow*/

.newshow{ width:68.8%; margin-right: 1%; float: left; overflow: hidden; font-size: 16px; padding-bottom: 40px; }

.newshow{border:1px solid #d0d0d0; padding-top: 20px;}

.newshow h2{ font: bold 26px/65px "\5FAE\8F6F\96C5\9ED1"; width: 100%; text-align: center;  }

.newshow p img,.newshow div img{ height: auto; margin: 0 auto  }

.newshowtime{border-bottom:1px solid #d0d0d0; line-height: 30px; color: #888 ;width: 100%; text-align: center;}

.newshowtxt{padding: 0 5%; width: 90%;}

.newshowtxt video,.newshowtxt embed{ width: 99%; min-height: 500px; }

.newshowpage{ width: 95%; float: left; padding-left: 5%}

.newshow p, .newshow div{ line-height: 40px; color: #454545 }

.newshow .newshowtxtltit{ border-bottom: 1px solid #d0d0d0; text-align: center; font: bold 26px/65px "\5FAE\8F6F\96C5\9ED1";; width: 100%; float: left}



.ask, .mall{width: 29.99%; float: left; overflow: hidden;}

.ask ul{ width: 99%; float: left; padding: 0 }

.ask li{ line-height: 35px; width: 99%; float: left; list-style: none; }

.mall ul{ width: 102%; padding-top: 15px; float: left;  }

.mall li{ width: 47%; margin-right: 3%; margin-bottom: 3%;  font-size: 14px; border: none; padding: 0; line-height: 40px;  float: left; display: inline;}

.mall li img{ width: 100%; height: 130px; }

.mall li b{  overflow: hidden ; height: 30px; font-weight: normal; width: 100%; float: left}

.mall li .txt span{ background: #d00; padding:0 3%; color: #fff ;border-radius: 3px; }

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

.shows td {border: 1px solid #d0d0d0; padding-left: 10px; color: #444444; word-break: break-all;}

.shows td:nth-child(odd){ width: 15%}

.shows td:nth-child(even){width: 34%} 

.showimg ul{ width: 100.1%; float: left; overflow: hidden; padding: 20px 0; padding-left: 3px; } 

.showimg li{ width:22.9999%; margin-right: 2%; margin-bottom: 15px; float:left; display:inline; box-shadow: 0px 0px 3px #999;font: 14px/35px "\5FAE\8F6F\96C5\9ED1"; }

.showimg li img{ width:96%; padding: 2%; height:180px; float:left; display:block }

.showimg li b{ height:30px; text-align: center; width:100%;float:left; overflow:hidden; background: #f0f0f0}

.showimg li b a{ color:#000}



.shownews ul{ width: 100%; float: left; overflow: hidden; padding:5px 0; padding-left: 3px; } 

.shownews li{background: url(../images/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; box-sizing: border-box; padding: 15px 0; }

.fenye:hover{ border:1px solid  #28a3ef; }

.page{ width: 100%;float: left; text-align: center; }

.page a, .page strong,.pages_btn{ padding:3px 5px; border-radius:3px; border:1px solid #28a3ef; background: #5bc0de; color: #fff  }

.page a:hover{ padding:3px 5px; border:1px solid #28a3ef; background: #28a3ef  }

.page .pages_inp{ width: 20px;padding:3px 5px; border:1px solid #28a3ef;}





/***/

.bottomtel{ width: 100%; background: #d00; height: 65px; position: fixed; z-index: 900; bottom: 0; font: bold 24px/48px "Microsoft YaHei","SimSun,SimHei"; clear:both;}

.bottomteltxt{ background: url(../images/bottomtel.png) left top no-repeat; color: #fff; height: 53px;  width: 1200px; margin: 5px auto; text-indent: 720px; }

.bottomteltxt strong{ font-size: 36px;  line-height: 50px; float: left; padding-right: 20px;}

 

/**/ 

.footcontact,.footprodcut,.footabout{min-height: 150px; width: 22.9999%; margin-right: 2%; float: left; color: #444; display: inline; border-right:1px solid #ffff; }

.tits{font: bold 20px/35px "\5FAE\8F6F\96C5\9ED1"; color: #444;   }

.footewm{  float: left;display: inline; width: 23.888%;text-align: center; }

.footewm p{ float: right; display: inline; width: 49.8%; }

.footewm p img{ width: 100%; }

.footabout li{ width: 47.5%; float:left; display: inline;padding-right: 2%; }  

.footer { width:100%;  border-top:3px solid #246dcb; overflow:hidden;  float:left }

.foot,.bottom {width:1200px; margin:0 auto;  overflow:hidden; font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1";}

.foot dl {width:100%;  float:left; display:inline ;color:#333;  }

.foot dt {font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1";   width:100%; float:left; display:block}

.foot dd {width:114px; height:30px; float:left; display:inline; overflow:hidden ;padding: 0; margin: 0; } 

.foot dd a { color:#666; line-height:32px; }

.foot dd a:hover,.bottom a:hover{ color:#f60;} 

.botfooter{ width:100%; float:left; background:#000; padding-bottom: 50px} 

.botmenu{ color: #999; line-height: 55px; }

.botmenu a{ padding:0 10px; color:#999; } 

.botmenu span{float: right}

footer{ width: 100%; float: left; background: #333; text-align: center;  padding-bottom: 80px; color: #eee}

footer a{color: #eee}

.bottonnav{ text-align: center; color: #eee; width: 100%; float: left; background: #222; }

.bottonnav a{ color: #eee }

.footerlink{width:1200px; margin:0 auto;  overflow:hidden; text-align: left}

.copy{width:1200px; margin:0 auto;  overflow:hidden; }

.copyright{}

/*show*/

.ewm_c{ position: absolute; z-index: 100; right:10px; bottom: 0; width: 350px; margin:-20px;}

.ewm_c p{ width: 49% !important; text-align: center; float: left; display: inline;   font: normal 12px/17px "\5FAE\8F6F\96C5\9ED1"; }

.ewm_c img{ width: 128px;  display: block;margin: 0 auto !important;padding-bottom:5px; }

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



.showtit{  width: 100%;  overflow: hidden; }

.showtit h1{  font: bold 30px/80px "\5FAE\8F6F\96C5\9ED1"; float: left;display: inline; vertical-align: middle; }

.showtit p{ float: right; display: inline; text-transform:uppercase; font: normal  20px/80px "\5FAE\8F6F\96C5\9ED1"; }

.showtit p span{ float: right; font-size: 25px; }

.showtit p span i{font-size:30px;  color: #d00; padding-left: 100px;}

.shownav{width: 100%; height: 50px; background: #333; float: left; overflow: hidden;}

.navshow{width: 1196px; margin: 0 auto; overflow: hidden; }  

.navshow ul{width:99.8%; float: left;}

.navshow li{ display: inline-block; }

.navshow li a{ padding: 0 30px; display: block;  color: #fff; font: normal 20px/50px "\5FAE\8F6F\96C5\9ED1";}

.navshow li a:hover,.navshow li a.hack{ background: #d00; }



#content img,#content table { width: 99%; height: auto;margin: 10px 0; }

.showleft { width: 45%; float: left; margin-top: 20px; }

.showimg{ width: 99.99%; float: left ; position: relative; }

.showimg img{ width: 100%; float: left; border:1px solid #f0f0f0; height: 370px;  } 

.showimgtit{ width:100%; height:40px; text-indent: 10px;  padding-top: 30px; color: #fff; background:url(../images/shadow1.png) 0 bottom repeat-x;  float: left; position: absolute; left: 0; bottom: 0; z-index: 5  }

.showright{ width: 53%; float: left; margin-left: 2%; position: relative;}

.showright h1{ line-height: 80px;  text-indent: 20px}

.showright ul{ background:  #f9f9f9; width: 99.5%; float: left; border:1px solid #f0f0f0; }

.showright li{ width: 45.5%; padding-left: 4%; float: left; display: inline; color: #888; font: normal 16px/40px "\5FAE\8F6F\96C5\9ED1"; }

.showright p{ color: #888;padding-left: 4%; float: left; width: 95.5%;}

.price{ width: 99.8%; float: left ;font-size: 20px; color: #999; line-height: 60px; text-indent: 20px;}

.price strong{ color: #fb2443; font: bold 30px/40px "\5FAE\8F6F\96C5\9ED1"; vertical-align: middle; }

.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%; }

.inquirys a{padding:10px 30px; margin-right: 40px; }

.inquirys i{ font-size: 30px;  color: #fff; vertical-align: middle;}

.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}

/**/

.telbox{ width: 99%; float: left; border:1px solid #d0d0d0; }

.telbox ul{   border: none; }

.telbox ul p{ font-size: 16px; line-height: 30px; color: #333; width: 90%; padding:5% 5% 0 5%; margin-bottom: 10px; background:#f0f0f0; }

.telbox ul p strong{font: bold 18px/30px "\5FAE\8F6F\96C5\9ED1";  color: #ff1c00; display: block;}

/* chanpin */

.showchanpin ul{ width: 93%; border:1px solid #d0d0d0;   float: left; overflow: hidden;  } 

.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*/

.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"; }

.hengxian{ height: 5px; background: #f0f0f0; width: 100%; float: left }

.right_contact{ position:fixed; _position:absolute; z-index:1; text-align:center;right:0;background:#fff; } 

.right_contact ul{ width:100px; border:10px solid #009cd6;}

.right_contact span{display:block; width:11px; height:11px; position:absolute; right:5px; top:-10px; cursor:pointer;}

.right_contact span i{ color: #fff; background:#009cd6; border-radius: 15px;  }

.right_contact em{display:block; height:85px; font-style: normal; width:20px; background:#009cd6; color:#FFF; position:absolute; right:0; top:50px; cursor:pointer; display:none;font: normal 12px/20px "\5FAE\8F6F\96C5\9ED1";} 

.right_contact li{margin:5px 0;font-size:12px; line-height:15px;}



/**shuxiang**/ 

.imgbigs{ width:45%; margin-top: 18px; float: left;display:inline;  overflow: hidden; }

.imgbigimg{ width:536px; float:left; display:inline;  }

.imgbigimg img{ width:530px; float:left; padding:3px; height:340px;}

.imgbigbottom{ width:536px; float:left; padding-left: -5px }

.imgbigbottom li{  width:23%; float:left; margin:1%;display:inline; }

.imgbigbottom img{ width: 90%; float:left; padding:4%; border:1px solid #d0d0d0; height:80px}

.imgbigbottom img:hover{  border:1px solid #d00}

.nopic{ background:#f0f0f0; background-size: 100% 100%; }

.product_js{ color: #888; line-height: 30px; width: 99%; }



.p_ly{ width: 99.9%; float: left; background: #222; padding: 20px 0; margin: 20px 0 0 0 }

.p_lyt{ width: 100%; float: left; ;text-align: center; margin-bottom: 15px; }

.p_ly dl{ width: 24.9%; float: left; text-align: center; }


.head_title {width:100%; background:#f2f2f2; overflow:hidden; height: 30px; line-height: 30px;}
.headtops{ width:1200px ; height: auto; margin: 0 auto; overflow: hidden; font-size: 14px;}
.headdhl{ float:left; width:70%;}
.headdhl h1{ float:left; font-size:12px; font-weight: normal;}
.headdhr{ float:right; width:30%;}
.headdhr ul li{ float:right; padding:0 20px 0 10px; }

#headd { width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:left;}
.tlogo { width:1200px; height:110px; margin:0 auto; overflow:hidden; background:url(../images/logo.png) left center no-repeat; padding-top:10px;}
.topphone{float:right; text-align:right; width:240px; height:80px; }
.topphone .phone{ background:url(../images/phone.jpg) no-repeat left; height:70px; padding-top: 10px;}
.topphone .phone p{padding:3px 0 0; height:30px; font-size:18px; }
.topphone .phone i{font-weight:bold; color: #d00; font-size: 30px; font-family: "Times New Roman", Times, serif; padding:0; margin:0;}
.top_ss { float:right; text-align:right; color:#ddd; margin-top:6px; margin-right:40px;}
.top_ss a { color:#fff; margin: 0 15px;}
.top_ss a:hover{ color:#ff0;}

.dh { width:100%; height:40px; margin:0 auto; background-color:#0066cc; }
.dhh{ width:1200px;margin: 0 auto;}
.dhh .dhhh{ background-color:#0066cc;}
.dh li{ float:left; width:133px; height:40px; line-height:40px;text-align:center;}
.dh li a:visited{ background-color:#1d57a5;}
.dh li ul{position: absolute; padding-left:0px; width: 171px;z-index: 3;background-color: #0f93e6; display:none;}
.dh li:hover ul{display: block;}
.dh li ul li{float: none; display: block;clear: both;margin: 0;font-size: 1em;text-align: center; border-top: 1px solid #cacaca;}
.dh li ul li a{ font-weight: normal; font-size:16px;}	
.dh li ul li:hover a{background: #0066cc;color: #fff;}
.dh li a{font-size:16px; color:#f1f1f1; width:100%; display:block;}
.dh li a:hover {background:#0f93e6;color: #fff;}

.section-three{
	margin-top:1px;
	overflow:hidden;
	float:left;
	width:100%;
	margin-bottom:10px;
}
.owl-carousel-c{
	width: 100%;
	float:left;
	overflow:hidden;
	margin-top:1px;
}
#banner{
	width:1920px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-left:-960px;
	left:50%
}
#banner .item{ display: block;}
#banner img { display: block;width:1920px;margin:0 auto;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{float: left;}
.owl-controls{position:absolute;bottom:10px;left:50%;float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing {}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px;
padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ddd;overflow: hidden;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;background:#1567a1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;}


#h_centent {width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:18px;}
.yow{width:1200px; overflow:hidden; padding-bottom: 20px;}
.home_l{min-height: 1px; padding-left: 0px;  padding-right: 0px; position: relative; width: 21%; float:left;}
.home_k{ border: solid #e5e5e5 1px; border-radius: 5px; background: #f2f2f2;}
.home_k h2{background:#0066cc;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    margin: 0;
    font-weight: bold;
    letter-spacing: 2px;}
.home_k h3{background: rgb(255, 102, 0); font-size: 15px; line-height: 40px;  padding-left: 8px; margin-top: 0px; border: 1px solid #eeeded;  margin-bottom: 5px; font-weight: normal; color: #fff;}
.home_k h3:before{content: url(../images/p1.jpg); padding-right:6px;}	
.home_k h3 span{ margin-right: 6px; font-size: 12px;}
.home_k ul {overflow:hidden;}
.home_k ul li{padding-left: 10px; line-height: 35px; height:35px; overflow:hidden;  border-bottom: 1px solid #ddd; width: 46%; float: left;}
.home_k ul li:before{content: url(../images/p2.jpg); padding-right: 10px;}
.home_k ul li a{color: #444444; font-size: 15px;}
.home_k ul li a:hover{ color:#305BE4;}
.home_w{ position: relative;}
.home_w h4{font-size: 15px;
    margin-bottom: 0;
    margin-top: 20px;
    line-height: 32px;
    color: #305BE4;
    font-weight: bold;
    border-bottom: 2px solid #8AA3E4;
    letter-spacing: 1px;}
.home_w h4:before{ padding-right:7px;}	
.home_w ul{ margin: 10px 0 10px;  border: 1px #ddd solid; padding:4px 15px; line-height:28px;}
.home_w ul li{line-height: 30px; padding-left: 10px; font-size:14px; font-weight:bold; color:#f00;}
.home_w ul li span{padding-right: 10px;}
.home_w img{padding:0 18px; width:180px; height:180px;}

.home_p{ width:78%; height:auto; overflow:hidden; margin:0 auto; float:right;}
.home_p .sydddh h3:before{content: url(../images/p3.jpg); padding-right:7px;}	
.home_p_show{ width:100%; height:auto;}
.home_p_show ul{ width:100%; height: auto; overflow: hidden; zoom:1;}
.home_p_show ul li{ width:33.33333%; float: left; margin:8px 0;}
.home_p_show ul li .cp{border: 1px solid #ddd; margin: 10px 20px 0; padding:0 0 6px 0;}
.home_p_show ul li .cp .cpbt{ padding: 0 5px; line-height:32px;}
.home_p_show ul li .cp:hover{ box-shadow: 0 0 8px #9D9D9D;}
.home_p_show ul li a{font-size:16px; line-height:30px;}
.home_p_show ul li img{ display:block; width: 258px;  height: 180px;  margin: 5px auto;}
.home_p_show ul li p{ color:#5a5051; padding:0; margin:0 0 5px; line-height:18px;}
.home_p_show ul li p .num{color:#06c; font-size: 14px;}

.back{ height: 10px; background-color: #f2f2f2;}

.tppj .sydddh h3:before{content: url(../images/p3.jpg); padding-right:7px; padding-top:2px;}
.tppj{ padding-top:20px;}

.home_p_tppj{ width:100%; height:auto;}
.home_p_tppj ul{width: 100%;height: auto; overflow: hidden;zoom: 1;}
.home_p_tppj ul li{width:25%; float: left;}
.home_p_tppj ul li .cp{border: 1px solid #ddd; margin: 15px 19px; padding: 2px 0 6px 0;}
.home_p_tppj ul li .alms{padding:5px; height:auto;}
.home_p_tppj ul li .alms p{  height: 30px; line-height: 30px;}
.home_p_tppj ul li .alms p span{ color:#333333;}
.home_p_tppj ul li .alms p i{font-style:normal; float:right;}
.home_p_tppj ul li .alms p i span{ color:#FF0000;}
.home_p_tppj ul li .alms a { font-size:15px; line-height:25px; display: block; height: 25px; overflow:hidden;}
.home_p_tppj ul li img{display:block; width:256px; height:167px; margin:0 auto;}
.home_p_tppj ul li a{font-size: 16px; line-height: 30px;}
.home_p_tppj ul li p span{color: #F00; font-size: 14px;}
.home_p_tppj ul li .cp:hover{ box-shadow: 0 0 8px #9D9D9D;}

.sydddh h3{font-size: 17px;
    margin: 0 19px;
    line-height: 32px;
    padding-left: 5px;
    color: #305BE4;
    border-bottom: 2px solid #ff6600;
    letter-spacing: 1px;
}
.sydddh h3 a {
    color: #305BE4; font-weight:bold;
}

.syddh{ width:100%; overflow:hidden; padding-bottom:20px}
.sydddh h2{text-align:center; padding:0; font-size:24px; color:#0f93e6;}
.sydddh h3{font-size: 17px;
    margin: 0 19px;
    line-height: 32px;
    padding-left: 5px;
    color: #305BE4;
    border-bottom: 2px solid #ff6600;
    letter-spacing: 1px;}
.sydddh h3 a{ color:#305BE4;}
.sydddh h3 a:hover{color:#FF9933;}
.sydddh h4{text-align:center; font-size:20px; margin:1px 0 1px 0; color:#0f93e6;}

.syddh .sycjjs{ width:66.66667%; overflow:hidden; float:left;}
.syddh .sycjjs h4{font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 32px;
    color: #305BE4;
    margin-right: 20px;
    padding-left: 5px;
    font-weight: bold;
    border-bottom: 2px solid #8AA3E4;
    letter-spacing: 1px;}
.syddh .sycjjs h4 span{ float:right;}
.syddh .sycjjs h4 span a{ color: #FCFCFC;
    font-size: 12px;
    padding: 3px;
    background: #ff6600;
    border-radius: 6px;}
.sycjjs .cjjs{ overflow:hidden; padding-top:10px;}	
.sycjjs .cjjs img{ display:block; float:left; width:45%; height:250px;}
.sycjjs .cjjs .cjms{float:right; width:50%; padding-right: 15px;}
.sycjjs .cjjs .cjms p{ line-height:30px;}

.syxw{width: 33.33333333%; float:left;}
.guidance { margin: 0 10px;  position: relative;}
.guidance h3 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 32px;
    color: #305BE4;
    margin-right: 10px;
    padding-left: 5px;
    font-weight: bold;
    border-bottom: 2px solid #8AA3E4;
    letter-spacing: 1px;}
.guidance h3 span{float: right;}
.guidance h3 span a{color: #FCFCFC; font-size: 12px; padding: 3px; background: #ff6600; border-radius: 6px;}
.guidance ul { margin: 15px 10px 10px 0px;}
.guidance ul li { line-height: 35px; border-bottom: 1px #ddd dashed; height: 35px; overflow: hidden;}
.guidance ul li span{color: #ff6600;  font-size: 14px; float:right;}
.guidance ul li a:before{ content: url(../images/p6.jpg); padding-right:7px;}
.guidance ul li a{float:left; max-width:316px;}

.sy_zb{ width:100%; height:87px; float:left; overflow:hidden; text-align:center; margin-bottom:10px;}

.footwap{ background-color:#ececec; width:100%; height:auto; float:left;}
.footwapp{ width:1200px; height:220px; margin: 0 auto; overflow: hidden; padding-top: 30px;}
.f1{float:left; height:200px; width:340px; border-right: 1px solid #bfb7b7;}
.f1 h3{ float:none; width:290px; border-bottom: 1px solid #bfb7b7; height:40px; line-height:40px; font-size:24px; margin: 0  0 10px 0;}
.f1 h3 a{color:#0f93e6;}
.f1 h3 a:hover{ color:#FC5305;}
.fontp{ padding:5px 0 0; font-size:16px; color:#333;}
.fdh{ padding:5px 0 0;font-size: 32px;font-weight: bold;color: #FC5305;line-height: 40px;font-family: "Georgia";letter-spacing: 0.02em;z-index: 20; }


.f2{float:left; height:250px; width:230px; padding-left: 60px; color: #333333;}
.f2 h3{ float:none; padding-bottom: 10px;color: #333333; font-weight: 600;margin-top: 15px; font-size:18px;}
.f2 h3:before{content:url(../images/r1.png); position: relative; top:5px;}
.f2 ul li{width: 100%; list-style: disc; list-style-position: inside; padding-left: 10px; height: 30px;line-height: 30px; float:left; font-size: 16px;}


.f3{ float:left;height:200px; width:200px; color: #333333; border-right: 1px solid #bfb7b7;}
.f3 h3{ float: none;padding-bottom: 10px;color: #333333;font-weight: 600;margin-top: 15px; font-size: 18px;}
.f3 h3 a{color: #333333;}
.f3 h3:before{content:url(../images/r1.png); position: relative; top:5px;}
.f3 ul li{ clear:both; list-style: disc; list-style-position: inside; padding-left: 10px; height: 40px;line-height: 40px; font-size: 16px; float:left;}
.f4{float:right; height:230px; padding-top: 30px;}

.f4 .row li{float:left; padding-right:20px; text-align: center;}
.f4 .row li img{ width:130px; height:130px;}
.yqlj{ width:100%; height:auto; padding:10px 0; background-color: #ececec;}
.yqlj ul{ width:1200px; overflow:hidden; height:auto; margin:0 auto;}
.buttom{ width:100%; height:auto; background-color:#0f93e6; overflow:hidden;}
.buttom ul{ width:1200px; margin:0 auto; height:40px; line-height:40px;}
.buttom ul li{color:#FFFFFF; font-size:15px;}
.buttom .ror{width:70%; float:left;}
.buttom .roor{width:30%; float:right; text-align:right;}

.xsfw {font-size: 14px; display: inline;}
.xsfw a{ color:#5a5051; margin-right:10px; line-height:22px;}

.view-table table{ width:100%;}