body{ font:14px/1.5 normal arial, "微软雅黑"; margin:0; padding:0; overflow-x:hidden; background:#fff;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;color:#c10707;}
html, body, div, span, ul, li, ol, dl, dt, dd, table, td, th, p, fieldset, form, pre, blockquote, h1, h2, h3, h4, h5, h6, input, img, a { margin: 0; padding: 0; }
ul li ol{ list-style:none}
img { border: none; }
.clear{ clear:both; height:0px;}
.inner{ width:1002px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}




/*product*/
.pro{ padding:20px 0;}
.ptitle{ width:340px; margin:20px auto; height:100px;}
.ptitle img{ width:95px; height:65px; float:left;}
.ptitle b{ float:left; padding-top:18px; font-size:30px; color:#000;}
.ptitle em{ float:left; font-style:normal; text-transform:uppercase; color:#afb2af; font-size:13px; font-family:arial; text-align:center;margin-left:10px;}
.prol{ float:left; border:1px solid #ccc; width:238px; min-height:250px;border-radius:5px;}
.prol h2{ background:#0352ae; color:#fff; font-size:18px; font-weight:normal; text-align:center; line-height:2.5;}
.lieb li{ list-style:none; background:#e1e1e1; margin:5px 10px; line-height:2.5; font-size:14px;}
.lieb li p{ float:left;margin:10px 10px; background:#000; border-radius:50%; width:15px; height:15px; color:#fff; line-height:1; text-align:center;}
.lieb li a{ color:#444444;}
.lieb li:hover{ background:#0352ae;-webkit-transition: all .5s;transition: all .5s; }
.lieb li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.lieb li:hover p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.prob{ margin:10px 0 10px 10px; float:left;}
.prob img{ float:left; margin-right:10px;}
.prob h3{ font-style: normal; font-size:12px; color:#666; float:left;}
.prob h4{ font-style:normal; font-size:20px; color:#0352ae; float:left; font-family:arial;}
.prob p{ float:left;}
.prob ul{ float:left; display:inline-block; margin:0;}
.prob ul li{ float:left; list-style:none; background: url(../images/wuxing.png) no-repeat 0px 7px; padding-left:15px; margin-right:10px; line-height:2; font-size:16px;}
.pror{ float:right; width:745px; border: 1px solid #CCC;border-radius: 5px;}
.prort{ border-bottom:1px solid #ccc;}
.cpz { color:#0451ad; height: 35px; position: relative;font: 15px/35px 微软雅黑; background: url(/images/pro_bg.png) left bottom no-repeat;padding-left: 15px;margin: 3px; width: 723px;font-weight:bold;}
.cpz a {font: 12px "Arial";color: #0451ad;position: absolute;right: 10px;bottom: 8px;}
.prort b{ font-size:18px; color:#0352ae;line-height:2;}
.prort a{ float: right; color:#333; font-size:12px; line-height:3.5;}
.prort img{ width:35px; height:35px; float:left; margin-right:10px;}
.pron{ }
.winston{ position: relative; top:0; left:0; background:#fff; width:235px; height:200px; float:left;margin:10px 5px 10px 0; overflow:hidden;}
.winston img{ margin:10px 10px 0 10px;}
.winston h1{ color:#333; font-size:13px; text-align:center; font-weight:normal;}
.winston:hover h1{ color:#0352ae;}
.winston figcaption{ position:absolute; top:0; left:0;opacity:0; width:300px; height:400px; background: url(../images/phover.png) no-repeat;}
.winston figcaption:hover{ opacity:1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.5s, transform 0.5s;}
.winston figcaption p{ position:absolute; top:150px; left:75px;}
.winston figcaption p a{ border:1px solid #fff; padding:5px 10px; color:#fbfc03;}

 .prol .subNavBox{width:168px;margin:10px auto;}

.prol .subNav{cursor:pointer;font-size:12px;color:#676767;line-height:22px;padding-left:20px;background:url(../images/cion01.gif) no-repeat left 2px;}
.prol .subNav a{color:#676767;}
.prol .subNav:hover{color:#333;}
.prol .currentDd{color:#676767}
.prol .currentDt{background-image:url(../images/cion02.gif);}
.prol .navContent{display: none;margin-left: 23px;}
.prol .navContent li{list-style:none}
.prol .navContent li a{display:block;font-size:12px;line-height:22px;color:#676767;padding-left: 15px;background:url(../images/cion02.gif) no-repeat left 2px;}
.prol .navContent li a:hover{color:#333;}


.pron .iproductlist {width: 180px;float: left; margin: 10px 0 0!important; margin: 10px 0 0!important;margin: 10px 0 0;text-align: center;}
.pron .iproductlist h2 {height: 150px;width: 150px;margin: 0 25px 5px;}
.pron .iproductlist h2 a { height: 150px;width: 150px;display: table-cell;vertical-align: middle;text-align: center;}
.pron .iproductlist h2 a img {vertical-align: middle;}
.pron .iproductlist span {color: #7f7f7f;display: block; line-height: 18px;padding: 3px 0;    margin-left: 25px;}
.pron .iproductlist span a, .pron .iproductlist span a:visited, .pron .iproductlist span a:hover { line-height: 18px;padding: 3px 0;color: #7f7f7f;}




/*about*/
.atitle{ width:600px; margin:20px auto; }
.atitle img{ width:95px; height:65px; float:left;}
.atitle b{ float:left; padding-top:18px; font-size:30px; color:#000;}
.atitle em{ float:left; font-style:normal; text-transform:uppercase; color:#afb2af; font-size:13px; font-family:arial; text-align:center; margin-left:20px;}
.about img{ border:10px solid #eee; width:405px; height:216px; margin-right:20px; float:left;}
.about p{ width:750px; float:left; padding-top:10px; color:#666666; font-size:13px; line-height:2; margin-bottom:10px;}
.about a{ border-radius:20px; padding:2px 10px; background:#0352ae; color:#fff;}
.about a:hover{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s; }


/*zhiliang*/
.zhil{ background:url(../images/mainbg.jpg); margin:40px auto;}
.ztitle{ width:780px; margin:0 auto; padding-top:40px; margin-bottom:10px;}
.ztitle p{ float:left;}
.ztitle h2{ float:left; font-weight:normal; font-style:normal; font-size:20px; color:#333; margin-right:10px;}
.ztitle h2 em{ font-style:normal;color:#000;}
.ztitle h3{letter-spacing:-1px;float:left; font-weight:normal; font-style:normal; font-size:12px; color:#aaa; font-family:arial; text-transform:uppercase;}
.ztitle b{ font-size:34px; color:#000;}
.zll{ width:240px; background:#fff; float:left; margin-bottom:20px;}
.zlul li{ list-style: none; text-align:center; border-bottom:1px solid #000; background:#5c5c5c; line-height:3; font-size:15px; }
.zlul li a{ color:#fff;}
.zlul li:hover{ background:#0352ae;-webkit-transition: all .5s;transition: all .5s;}
.zll p{ font-size:12px; text-align:center; margin:5px auto;}
.zll img{ float:left; margin:0 10px 10px 20px;}
.zll b{ float:left; font-style:normal; font-weight:normal; color:#666; font-size:12px;}
.zll i{ float:left;  color:#0352ae; font-size:18px; font-style:normal; font-family:arial;}
.zlr{ float:right;}
.zlr li{ float:left; margin-left:40px; list-style:none; width:410px; height:250px;padding:15px; background:#fff; line-height:1.6;}
.zlr li img{ float:left; width:180px; height:135px; margin:0 10px 0px 0; clear:both;}
.zlr li h2{ font-size:16px; line-height:3; font-weight:normal; color:#0352ae;}
.zlr li p{ color:#444; height:150px;}
.zlr li a{ background:#0352ae; border-radius:5px; padding:5px 20px; color:#fff; text-align:center; margin:0 auto;}
.zlr li a:hover{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.more{ width:110px; margin:10px auto;}


/*honor*/
.honor{ position:relative;border: 1px solid #CCC;border-radius:5px;}
.tj{ color:#0451ad; height: 35px; position: relative;font: 15px/35px 微软雅黑; background: url(/images/hon_bg.png) left bottom no-repeat;padding-left: 15px;font-weight:bold; width: 977px;
    margin: 3px 6px;font-weight:bold;} 
.tj a {font: 12px "Arial";color: #0451ad;position: absolute;right: 10px;bottom: 8px;}
.honor h2{ margin-bottom:20px; font-size:12px;font-weight:normal;color:#ccc; font-family:"arial"; text-transform:uppercase;    margin: 10px 0;}
.box{height:190px;width: 982px;margin: 0 auto;position: relative;overflow:hidden;}
#roll{width:200%; }
#roll dd{list-style:none;;height:px;float: left;margin-right:20px;border: 1px solid #CCC;height:180px;}
#roll dd img{height:142px;width: 148px;border: 1px solid #CCC;}
#roll dd p{ height:30px; text-align:center;color:#333;}
#roll dd p a{ color:#333;}
.honor span{ position:absolute;bottom: 40%;width: 28px; height:28px; border-radius:50%;text-align: center;cursor: pointer;background:#0352ae;z-index: 90;color: #fff; line-height:1.5; font-size:16px;}
.next{right:0px;}
.prev{ left:0px;}



/*news*/
.new{ margin-bottom: 20px;}

.news{ width: 238px;float: left;border: 1px solid #CCC;border-radius:5px;}
.tit {color:#fff; height: 35px; position: relative;font: 15px/35px 微软雅黑; background: url(/images/news_bg.png) left bottom no-repeat;padding-left: 15px;margin: 3px; width: 217px;    font-weight: bold;}
.tits {color:#0451ad; height: 35px; position: relative;font: 15px/35px 微软雅黑; background: url(/images/about_bg.png) left bottom no-repeat;padding-left: 15px;font-weight:bold; width: 490px;
    margin: 3px 5px;}
.tit a {font: 8px "Arial";color: #fff;position: absolute;right: 10px;bottom: 8px;}
.tits a {font: 8px "Arial";color: #0451ad;position: absolute;right: 25px;bottom: 8px;}
.news_list1 { padding-right: 45px; margin-top: 15px; padding-left: 10px;height: 250px; width: 220px;}
.news_list1 li {height: 25px;line-height: 25px;    border-bottom: 1px solid #CCC;list-style:none}
.news_list1 li a {height: 25px; padding-left: 12px;color:#676767;font: 12px/25px 微软雅黑;}
.abouts { width: 490px;float: left;margin-left: 10px; background: url(../images/fege.png) no-repeat right center;padding-right: 10px;    height: 302px;border: 1px solid #CCC;border-radius:5px;}
.sabout {padding-right: 45px;color: #676767;margin-top: 35px; padding-left: 10px;font: 12px/25px 微软雅黑;width: 480px;}
.contact{ width: 238px;float: right;border: 1px solid #CCC;border-radius:5px;    height: 302px;}

.contact_list { padding-right: 45px; margin-top: 35px; padding-left: 10px;height: 250px; width: 220px;    font-size: 12px;    color: #676767;}
.contact_list li {height: 25px;line-height: 25px; list-style:none}
.contact_list li a {height: 30px; padding-left: 12px;color:#333;font: 13px/30px 微软雅黑;}

/*foot*/
.tabx{ margin:40px auto; }
.hide{display:none;}
#tabs{ float:left;}
#tabs li a{ color:#fff; font-size:13px;}
#tabs li{ list-style:none; background:#333; height:35px; width:73px; text-align:left; padding-left:8px;line-height:2; background:url(../images/over.png) no-repeat;}
#tabs .on{ background: url(../images/on.png) no-repeat;}
#tab  ul a{ color:#797979;}
#tab ul{ width:1080px; float:right; text-align: left; border:1px solid #ccc;height:50px; padding:10px; font-size:12px; line-height:2; overflow:hidden;}
.ftb{background:url(/images/q11.jpg) left bottom no-repeat; padding:20px 0; text-align:center; line-height:2; font-size:13px;    margin-top: 15px;}
.ftb p{ color:#fff;}
.ftb p a{color:#fff; background:none;}
.ftb p a:hover{ color:#c10707;-webkit-transition: all .5s;transition: all .5s;}
.meau li{ display:inline-block; list-style:none; line-height:2; margin-bottom:20px;color:#a2a2a2;}
.meau li a{ color:#fff;}
.meau{ color:#a2a2a2;}
.meau li a:hover{ color:#c10707;-webkit-transition: all .5s;transition: all .5s;}



/*neiye*/
.content{ margin:40px auto;}
.lml{ float:left; width:241px;}
.lmt{ float:left; border:1px solid #ccc; width:238px; min-height:210px;}
.zt{ float:left;  width:238px; min-height:50px;}
.zt h1{ float:left;width:119px;}
.zt h2{ float:right;width:119px;}
.lmt h2{ background:url(../images/dh_6.gif)  left top no-repeat; color:#0352ae; font-size:14px; font-weight:normal; font-weight:bold;    padding-left: 25px;height: 34px;width: 238px;line-height: 34px;}
.lmt ul{ margin-top:10px; margin-bottom:10px;}
.lmm li{ list-style:none; background:url(../images/ny_dh.gif)   no-repeat; margin:8px 15px; line-height:2.5; font-size:14px;text-align: center;font-weight:bold;}
.lmm li a{ color:#444444;}
.lmm li:hover{ background:url(../images/dh_6.gif) no-repeat;-webkit-transition: all .5s;transition: all .5s; }
.lmm li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.lmm li:hover p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.lmcon{width:238px;border: 1px solid #CCC;}
.lmcon h2{font-size:14px;font-weight:normal; color:#0352ae; background:url(../images/dh_6.gif) no-repeat; padding-left:25px; margin:0px 0;height: 34px;width: 238px;line-height: 34px;font-weight:bold;padding-bottom: 15px;}
.lmcon h3{ font-size:14px; line-height:2;    padding-left: 10px; }
.lmcon p{ line-height:1.8;background:url(../images/ny_lx.gif)   no-repeat;    padding-left: 10px;font-size: 12px;}
.contentr{ float:right; width:747px;}
.contentr h2{ float:left; color:#fff; font-size:14px; font-weight:normal; padding-left:10px;background:url(../images/dh_5.gif)  left top no-repeat;    width: 743px;
    height: 34px;
    line-height: 34px;}
.contentr span{float:right; font-size:13px;}
.contentr span a{ color:#333;}
.contentr .om{ color:#0352ae;}
.contentb { padding:15px; width:715px;  float:right; margin-top:10px;color: #333;font-size: 12px; }

.content h4 { padding: 5px;margin-bottom: 5px;text-align: center; color: #000;font-size: 20px;}
.content h6 {font-size: 12px;font-weight: normal; text-align: center;color: #676767;}

.newsw {text-align: left;line-height: 24px;font-family: Arial, Tahoma;font-size: 14px;padding: 10px;}
.newsw p { margin: 8px auto;}

/*新闻列表*/
.news_list TD {padding-bottom: 5px; line-height: 20px; padding-left: 0px; padding-right: 0px; background: url(../images/cion08.gif) repeat-x left bottom; color: #676767; font-size: 13px; padding-top: 5px}

.news_list TD A {padding-bottom: 0px; line-height: 20px; padding-left: 28px; padding-right: 0px; background: url(../images/cion07.gif) no-repeat 11px 5px; color: #676767; padding-top: 0px}
.news_list TD A:visited {color: #676767}



/*产品列表*/
.lml .subNavBox{width:168px;margin:10px auto;}

.lml .subNav{cursor:pointer;font-size:12px;color:#676767;line-height:22px;padding-left:20px;background:url(../images/cion01.gif) no-repeat left 2px;}
.lml .subNav a{color:#333;}
.lml .subNav:hover{color:#333;}
.lml .currentDd{color:#676767}
.lml .currentDt{background-image:url(../images/cion02.gif);}
.lml .navContent{display: none;margin-left: 23px;}
.lml .navContent li{list-style:none}
.lml .navContent li a{display:block;heighr:28px;font-size:12px;line-height:22px;color:#676767;padding-left: 15px;background:url(../images/cion02.gif) no-repeat left 2px;}
.lml .navContent li a:hover{color:#333;}

.prob_list {padding-bottom: 10px;}
.prob_list .cn2 {text-align: center;margin: 5px 15px;width: 146px;float: left;}
.prob_list .cn2 H2 {margin-bottom: 10px;width: 146px;height: 126px;border: 1px solid #CCC;border-radius:10px;}
.prob_list .cn2 H2 A {text-align: center; padding-bottom: 1px; padding-left: 8px; width: 125px; padding-right: 1px; display: block; font-family: Arial; background: #ffffff; height: 100px; display:table-cell;*display:block;*font-size:100px; vertical-align: middle; padding-top: 8px}
.prob_list .cn2 H2 IMG {vertical-align: middle}
.prob_list .cn2 SPAN {line-height: 18px; display: block; color: #000000;height:40px;}
.prob_list .cn2 SPAN A {line-height: 16px; color: #000000}



.prdDetail {
    margin: 10px 0 1px 0;
}
.prdDetail .prdLeft {
    padding: 0 10px 0 0; color:#676767;
}
.block {
    width: 230px;
    height: 230px;
    margin: 5px auto 0px 0px;
    text-align: center;
}
.product {
    text-align: left;
    line-height: 24px;
    font-family: Arial, Tahoma;
    font-size: 14px;
    padding: 10px;
}
.product h4 {
    font-size: 14px;
    padding: 2px 0 2px 10px;
    border-bottom: 1px solid #CCC;
    margin: 10px 0;
    color: #676767;
	background:url(../images/button.gif) no-repeat;text-align: left;
}
.product p {
    margin: 8px auto;
}

.submian .subleft .lefta .comt ul li a listnav{
	    line-height: 40px;
    height: 40px;
    padding-left: 60px;
}