@charset "utf-8";
/* 产品 */

p,div, ul, li{ box-sizing:border-box; font-size:100%;}
.flo{ float:left;}
.cle{
	clear:both;
	height:0px;
}

.clearfix{ clear:both;}

.mainbody { width:95%; margin:0 auto;font-family:Microsoft YaHei; overflow:hidden;}
.mainbody2 { width:98%; margin:0 auto;font-family:Microsoft YaHei; overflow:hidden;}

/*关于我们*/
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d8271c;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.abtit { clear:both; text-align:center; padding-bottom:40px; overflow:hidden; width:100%;}
.abtit h3 { background:url(../images/tit.png) no-repeat center; height:74px; line-height:74px; font-size:32px; color:#333; font-weight:bold;}
.abtit p { font-size:14px; color:#333; padding:10px 15px 0 15px;}

.sytex { color:#444; font-size:16px; line-height:24px;}
.sytex p { padding:5px 0;}
.sytex a { color:#444;}
.sytex img {max-width:100%; height:auto !important; height:100%;}
.about p { text-indent:2em;}

.zyyw li { width:100%; float:left; margin-bottom:15px; }
.zyyw li .txt { width:100%; color:#fff; padding:20px;background:#a21111;font-size:16px;}
.zyyw li .txt h3 { font-size:20px; padding-bottom:10px;}
.zyyw li .pimg { width:100%;}
.zyyw img { max-width:100%; height:auto !important; height:100%;}
.zyyw h1,.news h1 { font-size:21px; text-align:center; padding:10px 0;}

.list5{ text-align:center;}
.list5 a { margin:5px; display:inline-block; background:#f7f7f7; border:#ccc 1px dotted;color:#666; font-size:16px; text-decoration:none; line-height:30px; height:30px; padding:0 35px; white-space:nowrap;}

.a5 a { padding:0 20px;}
.a6 a { padding:0 10px;}
.a7 a { padding:0 7px; margin:5px 2px;}

.mainbody2 h1 { text-align:center;}
.product { padding:0 15px;}
.product .list { text-align:center;}
.product .list li { display:inline-block;border:#999 1px dotted; width:30.5%; margin:1%; overflow:hidden;}
.product .list li span { font-size:12px; display:block; color:rgba(155,155,155,.8); text-transform:uppercase;}
.product .list li a { display:block; text-decoration:none; padding:15px 0; background:#f9f9f9; cursor:pointer;}
.product .list li a:hover span { color:rgba(255,255,255,.8)}
.product .text dt { float:left; margin-right:20px; background:#00a650; width:100px; padding:0 15px; color:#fff; margin-top:10px;}
.product .text dd { float:left; width:86%;margin-top:10px;}


.product .pimg { clear:both;}
.product .pimg li { width:100%; float:left; padding:30px 0; border-bottom:#666 1px dotted; text-align:center;}
.product .pimg li .tex { width:100%; text-align:left;}
.product .pimg li h3 { padding:0 35px; display:inline-block; text-align:center; background:#d92929; color:#fff; border-radius:35px; font-size:18px; line-height:35px; margin-bottom:20px;}
.product .pimg li img { display:block;max-width:100%; height:auto !important; height:100%; margin-bottom:15px; display:inline-block;}

.product .b1 {border-top:#666 2px solid;border-bottom:#666 2px solid; overflow:hidden; width:100%;margin:10px auto;}
.product .b1 table { width:100%;}
.product .b1 td,.product .b1 th {padding:8px 10px; font-size:16px; line-height:22px;border-bottom:#666 1px dotted;border-top:#fff 2px solid;color:#3a3a3a;}
.product .b1 th { font-weight:bold; color:#000; text-align:center;}
.product .b1 td.pro { width:25%; background:#fffaf9; text-align:center;border-right:#666 1px dotted;}

.product table.b2 { width:100%; margin:10px auto;border-bottom:#666 1px dotted;border-top:#666 1px dotted;}
.product .b2 td,.product .b2 th {padding:8px 5px; font-size:16px; line-height:22px;color:#3a3a3a;}
.product .b2 th { font-weight:bold; color:#000; text-align:center;border-bottom:#666 1px dotted;}
.product .b2 tr:nth-child(odd){background:#f9f9f9;}
.product .b2 tr:nth-child(even){background:#fff;}

table.baka { width:98%; margin:0 auto;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;}
.baka td,.baka th {padding:5px; font-size:14px;color:#3d3d3d; line-height:22px;border-top:#ccc 1px solid;border-left:#ccc 1px solid; font-family:Verdana}
.baka th { background:#ececec; font-weight:bold; line-height:30px; text-align:center;}
.baka td img { max-width:100%; height:auto !important; height:100%;}
.baka td a{ color:#a30005;}
.baka .pro { width:20%; background:#f3f3f3; text-align:center;}

.news { color:#444; font-size:16px; line-height:24px;}
.news p { padding:5px 0; text-indent:2em;}
.news a { color:#444;}
.time0 { text-align:center; font-size:12px; color:#999;}
.news img { max-width:100%; height:auto !important; height:100%;}
.aabb p { text-indent:0;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;}
span.current,a.num:hover { background:#fbeded; border:#ff5203 1px solid; color:#ff5203;}
a.num,a.end,a.next,a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;}
a.end,a.next,a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;}
a.prev { margin:0 5px;}

.pro3 li { width:46%; margin:1% 1.8%; float:left; text-align:center; font-size:14px;}
.pro3 li .pimg { width:100%; height:120px; overflow:hidden; margin-bottom:10px;}
.pro3 li .pimg img { max-width:100%; height:auto !important; height:100%;}

/*产品*/
.probg { width:100%; background:#f5f5f5; padding:20px 0; overflow:hidden;}
.probg .tex {font-size: 16px;color: #333333;line-height: 1.5em;}
.probg .tex span { font-size:18px; color:#a30005; padding:0 6px; font-weight:bold;}

.pnpage { font-size:14px; text-align:center; clear:both; padding-top:15px;}
.pnpage a { padding:0 15px;}

/*新闻*/
.synews li { float:left; width:100%; margin-bottom:15px;border:#efefef 1px solid; -moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.synews li .nwimg { padding:10px 10px 0 10px;}
.synews li .nwimg img { max-width:100%; height:auto !important; height:100%;}
.synews li h3 { font-size:18px; color:#030303; font-weight:bold; padding:10px 10px 0 10px;}
.synews li .tex { padding:10px; color:#666; font-size:16px;}
.synews li .time { padding:0 10px 10px 10px; color:#999; font-size:14px;}

/*底部*/

.downb{ background:#4a4a4a; width:100%; padding:10px; margin-bottom:60px;}
.downb .foot_p2{ font-size:12px; color:#b5b5b5; text-align:center;}
.downb .foot_p2 a{color:#ccc;}

.pppp { padding-left:10px;}
.pppp li { display:inline-block; width:33%; padding:0 1.5%; float:left;}
.pppp li h2 { font-size:24px; color:#ff9100; font-weight:100; padding:15px 0; font-family:Arial;}
.pppp li p { color:#666; font-size:14px; text-align:left;}
.aaaa li h2 { font-size:20px;}

.abbg2 { background:url(../images/abbg.jpg) no-repeat center; background-size:cover; padding:30px 15px; clear:both; overflow:hidden;}
.abbg2 .abtit h3 { color:#fff;}
.abbg2 .abtit p { color:rgba(255,255,255,.5);}

.sytex2 { color:#fff; font-size:16px; line-height:24px;}
.sytex2 p { padding:5px 0;}
.sytex2 a { color:#fff;}

.more { width:140px; height:30px; line-height:30px; text-align:center; margin:0 0; clear:both;}
.more a{ display:block; color:#fff; font-size:14px; border:#fff 1px solid; border-radius:35px;}
.more a:hover {background: #fff;transition: all 500ms; color:#d8271c;}

.blank5 { clear:both; height:5px; display:block; overflow:hidden;}
.blank10 { clear:both; height:10px; display:block; overflow:hidden;}
.blank20 { clear:both; height:20px; display:block; overflow:hidden;}
.blank30 { clear:both; height:30px; display:block; overflow:hidden;}
.blank40 { clear:both; height:40px; display:block; overflow:hidden;}
.blank60 { clear:both; height:60px; display:block; overflow:hidden;}

.ssou { width:96%; height:50px; margin:10px auto; border:#d8271c 3px solid; border-radius:5px; background:#fff;}
.ssou input { font-size:16px; color:#666;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.ssou input.search1 { width:62%; background:url(../images/ss.png) no-repeat 15px center;padding:0 5% 0 13%;}
.ssou input.searchimg1 { width:20%; background:#d8271c; color:#fff; border:0;height:44px; text-align:center; float:right; cursor:pointer;}

.mv2 { width:100%;height:auto;overflow: hidden;}

.contact { font-size:16px; line-height:22px;}
.contact p { border-bottom:#ccc 1px dotted; padding:10px 0;}
.lxlx2 { padding-top:10px;}
.lxlx2 li { float:left; margin:0 1%; border:#ddd 1px solid; padding:10px 20px 20px 20px; margin-bottom:10px; width:98%; background:#fff;}
.lxlx2 li img { height:75px; margin-top:15px;}
.lxlx2 li h3 { font-size:15px; font-weight:bold; color:#000;}

.ry li { width:100%; padding:10px 0; float:left;}
.ry li .pimg { width:94%; margin:0 auto;}
.ry li img { max-width:100%; height:auto !important; height:100%;}

.ry2 li { width:50%; margin:0 auto;}
.ry2 li .pimg { width:90%; margin:0 auto;}

.culture li { width:100%; padding:10px 1%; float:left; text-align:center;}
.culture li img {max-width:50%; height:auto !important; height:100%; display:inline-block;}
.culture li .tex { width:45%; padding:30px 0; overflow:hidden; text-align:center;display:inline-block;}
.culture li h3 { font-size:20px; color:#000; font-weight:bold;}
.culture li p { font-size:16px; padding-top:15px;}

.well{ width: 100%; min-height: 260px; margin-left: auto; margin-right: auto; height: auto; }

.well li { float: left; width: 98%; margin: 1%; text-align:center; border:#ddd 1px solid; overflow:hidden;}
.well li .pimg {position: relative; display: inline-block; width: 100%;height: 100px;line-height: 100px;vertical-align: middle; margin:5px 0; overflow:hidden;}
.well li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;}
.well li .tex { background:#d8271c; color:#fff; padding:15px 0;}
.well li .tex h3 a{font-size:18px; color:#fff; padding-bottom:10px;}
.well li .tex p { font-size:16px;}


.pro_img td { padding:0 2px;}
.pro_img .pro8 { width:133px; height:200px;position:relative;}
.pro_img .pro8 .image { position:absolute; left:0; top:0;width:133px; height:200px; overflow:hidden; z-index:9;}
.pro_img .pro8 .image img { width:133px; height:200px;transition:all 1s;}
.pro_img .pro8:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.pro_img .pro8 p { position:absolute; left:-20px; bottom:130px; height:30px; width:100px; text-align:right; overflow:hidden; z-index:9; font-size:18px; letter-spacing:3px; color:#fff;transform:rotate(-90deg);}
.pro_img .pro8 p span { width:15px; height:1px; background:#fff; overflow:hidden; display:inline-block;}
.pro_img .pro88 p { width:200px; left:-70px; letter-spacing:0; bottom:75px; font-size:16px;}

.ppp li { width:50%; padding:1.5% 0; float:left; text-align:center; font-size:16px;}
.ppp li .pimg { width:90%; height:120px; overflow:hidden; margin:0 auto;}
.ppp li .pimg img {max-width:100%; height:auto !important; height:100%; overflow:hidden;}
.ppp li p { padding-top:6px;}

.row { background:#f7f7f7; border-bottom:#660600 4px solid; padding:20px 0; height:auto; text-align:center;}
.row li { display:inline-block; border-right:#a2a2a2 1px dotted; width:49%;}
.row li p {font-size: 2.4em;font-weight: 700;letter-spacing: 2px;color: #d8271c;margin: 0 0 10px 0; display:inline-block;}
.row li h3 {font-size: 16px;color: #444;font-weight:100; text-align:center;}
.row li span {font-size: 14px;color: #777; padding-left:6px;}
