@charset "utf-8";
/* CSS Document */
/****************banner****************/
.menu{width:100%; height:auto; border-top: 1px solid #ccc}
.main_image {width:100%; height:600px; overflow:hidden; margin:150px auto 0 auto; position:relative;}
.main_image ul {width:9999px; height:600px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:600px;}
.main_image li span {display:block; width:100%; height:600px;}
.main_image li a {display:block; width:100%; height:600px;}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:560px; left:50%; z-index:2; width:300px; height:21px;margin-left:-150px;text-align:center;} /* 121126 */
div.flicking_con a {/*float:left; */width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:inline-block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:3;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.nybanner {position: relative; width: 100%; margin: 0 auto; height:auto; overflow:hidden; margin-top:150px;}
.nybanner img{margin: 0 auto;display: block;max-width: 100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nybanner img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
/***products  list***/
.navprot{ height:72px; line-height:72px; border-bottom:10px solid #f3f3f3; }
.navprot ul{}
.navprot li{ float:left; position:relative; z-index:10;  border-right:1px solid #e7e7e7;}
.navprot li p{ }
.navprot li p a{ display:block; font-size:17px;padding:0 20px;}
.navprot li:hover p a{ display:block; text-decoration:none;  background:#00a1e9; padding:0 25px; color:#fff;}
.navprot li a.current{ color:#00a1e9;}
.navprot li dl{ width:240px; line-height:40px;  background:#00a1e9; position:absolute; left:0px; top:72px; transition:all 0.3s; visibility:hidden; opacity:0;padding:10px 0;  }
.navprot li:hover dl{ visibility:visible; opacity:1;}
.navprot li dl a{ display:block;  transition:all 0.3s; color:#fff;}
.navprot li:hover dd{ margin:0 22px; border-bottom:1px solid #dfe2e3; line-height:21px; padding-left:20px; padding:8px 0; }
.navprot li:hover dd a{ display:block; font-size:13px;}
.navprot li:hover dd a:hover{ display:block; text-decoration:none;}


/*************分页css*************/
.cuspages{ width:100%; height: 60px; overflow:hidden;}

.pages {overflow: hidden;zoom: 1;font-size:14px; float:left; clear:both;}

.pages span, .pages a {float: left;width: 34px;height: 34px;border: #0088c5 1px solid;font-size:14px;text-align: center;line-height: 34px;margin-right: 5px;}

.pages .disabled { color: #ccc; }

.pages .current {background-color: #f26f21;border: #f26f21 1px solid;color: #fff;}



.proboxs{ width:780px; min-height:785px; overflow:hidden; float:left; background:#fff; margin-right:40px; margin-top:20px; padding:30px;}
.proboxs h1:first-child{ font-size:24px; color:#00a1e9; text-align:center; line-height:60px;}
.proboxs h3:nth-child(2){ line-height:35px; border-bottom:1px #eee solid; text-align:center; color:#999; margin-bottom:35px; font-size:12px;}
.proboxs p{ line-height:28px;}
.proboxs p img{ clear:both; margin:20px auto; display:block;}
/* .proboxs p strong{ font-size:16px;color:#00a1e9;} */
.proboxs table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:30px !important;}
.proboxs table td{ padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:30px !important;}
.proboxs table h6{line-height:30px !important;}
.updown{ line-height:30px; background:#f7f7f7; padding:10px 20px; margin:40px 0 0 0; color:#999;}

.proboxs ul{margin-right:-40px;}
.proboxs li{float: left;width:220px;margin-right: 40px;background: #FFF;transition: all 0.3s; margin-bottom:25px;}
.proboxs li:hover{box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.proboxs li img{width: 100%;}
.proboxs li h4{line-height: 40px;text-align: center; color:#666;}

.prorighbox{ width:240px; float:left; height:auto; overflow:hidden; padding:30px; background:#fff; margin-top:20px;}
.prorighbox .bt{ line-height:42px; border-bottom:1px #ddd solid; font-size:18px; color:#000;}
.prorighbox ul{ margin:25px 0;}
.prorighbox ul li{ line-height:30px; background:url(../images/icon-dot.png) no-repeat left center; width:100%; text-indent:1em;}
.prorighbox ul li a{ color:#666;}
.prorighbox ul li a:hover {color:#eb5300;  }

.newsboxs{ width:780px; min-height:785px; overflow:hidden; float:left; background:#fff; margin-right:40px; margin-top:20px; padding:30px;}
.newsboxs dl{ border-bottom:1px #dfdfdf solid; padding:0 0 15px 0; margin-bottom:15px; height:auto; overflow:hidden;}
.newsboxs dl dt{ background:url(../images/nav.jpg) no-repeat left center; height:35px; line-height:35px; text-indent:1em; font-size:18px;}
.newsboxs dl dd{ color:#666; line-height:24px;}
.newsboxs dl .ble{ float:left; line-height:30px; color:#999; font-size:12px;}
.newsboxs dl .bi{ margin:5px 0; float:right;}
.newsboxs dl .bi a{background:#00a1e9; color:#fff; padding:5px 10px;}

.inp {float: right;width: 330px; height: 36px;overflow: hidden;border: 1px solid #dedede;background: #fff; margin-top: 15px}
.inp input {float: left; border:none;height: 36px;line-height: 36px;width: 270px;text-indent: 12px;font-size: 14px;color: #999;background: none;}
.inp span {display: block;float: right; width: 36px;height: 36px;cursor: pointer;background: #00a1e9;}
.inp span i {display: block;width: 40px;height: 40px;background: url(../images/search.png) no-repeat center;}