@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body {color: #919191;font-family:"微软雅黑",Arial,Georgia,"Times New Roman",Times,serif;font-size: 12px;line-height: 22px;width:100%;}
.clear{ clear:both;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
a:link, a:visited {color: #919191;text-decoration: none;}
fieldset,img {border: none;}
ul, li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%;}
.fl{ float:left}
.fr{ float:right}
.wrap{margin: 0 auto;width: 1140px;}
.minwidth{min-width:1140px;}
#container{ background:#f4f4f4}
.font16{ font-size: 16px;}
.textc{ text-align: center;}
.textl{ text-align: left;}
.textr{ text-align: right;}
.mb{ margin-bottom: 30px;}
.pr{ position: relative;}
.pa{ position: absolute;}


/*加载*/
.load{margin-top:10px;height:31px;background:#f0f0f0;color:#707c85;text-align:center;font-size:12px;line-height:31px}
.load a{color:#707c85}
.load a:hover{color:#870407}

/*新闻详细页*/
.title{padding-bottom:10px;color:#333;text-align:center;font-weight:bold;font-size:21px}
.time{margin-bottom:20px;padding-bottom:5px;border-bottom:1px dotted #aaa;text-align:center}
.hits{margin-left:20px}
.operate{margin-top:20px;padding-top:10px;border-top:1px dotted #aaa;text-align:right}

/*留言*/
#guestform{margin-top:20px;padding:20px;border:dotted 1px #ddd}
.ajaxtable td{vertical-align:middle}
.tdinput{text-align:left;font-weight:normal;font-size:12px;line-height:30px}

/*banner*/
#ban {height: 600px; margin-bottom:20px; }
#ban .banner {height: 600px;position: relative;}
.banner ul.imglist li {position: absolute;}
#ban .imglist li {background: none no-repeat center top;height: 600px;width: 100%;}
#ban a {display: block;height: 600px;}
.pagelist {bottom: 30px;height: 17px;position: absolute;right: 0;text-align: center;width: 100%; z-index: 1;}
.pagelist li {color: #0d88c1; cursor: pointer;display: inline-block; *display:inline;font-size: 45px;height: 45px;line-height: 45px;position: relative;
width: 25px;}
.pagelist li.on {color: #c03;}

/*头部*/
#header{ overflow:hidden; background:#161616;}
#header .wrap{ padding:20px 0; overflow:hidden}
.headright { text-align:right; height:55px; line-height:55px;}
.headright .phone{ background:url(../images/phone.png) no-repeat center left; padding-left:25px; margin-right:20px; color:#fff;}
.headright a{ margin-right:10px; color:#fff;}
.headright .email{ text-align:right;}
.headright .email span{  font-size:12px;}
.headright p{ text-align:right; height:25px;}
.headright p a:hover{ color:#00acd4}

/*导航*/
#nav {  background:#262626;height:60px;position: relative;z-index: 1;}
#nav .wrap{}
.menu  li{  float:left; margin:0 10px;text-align:center; line-height:40px;padding:10px; position: relative;}
.menu  li a{ display:block; font-size:14px; color:#FFF;}
.menu  li a:hover{ border-bottom:2px solid #fff; color:#00acd6}
.menu .first a{ border-bottom:2px solid #fff; color:#00acd6}
.menu ul { display:none;background-color: #000; left:0;overflow: hidden;padding: 5px 0;position: absolute;top: 60px;width: 200px;}
.menu .subnav{ display:block;}
.menu ul li {float: none;position: static;text-align: center;word-break: keep-all;margin: 0;  padding: 5px 10px;line-height: 25px;}
.menu .first ul li  a{ border-bottom:0; color:#fff}
.menu li ul li a {display: inline;font-size: 14px;font-weight: normal;position: static;}
.menu ul li a:hover{ border-bottom:0;color:#00acd6}

/*搜索*/
.search {height: 30px;margin: 10px 10px 0 40px;width: 320px;}
.search_input {float:left;height:40px;line-height:40px;text-indent:1em;width:240px; border:none;}
.search_btn {border:none;float:left;height:40px; text-align:center; width:40px; background:url(../images/search.jpg) no-repeat center center #fff;}

/*首页主体*/
#main{}
.main1{ margin-bottom:20px;}
.main1 .wrap{ overflow:hidden;padding:20px 0;}
.main1 ul li{ float:left; width:360px;margin:0 10px; text-align:center; overflow:hidden;padding-bottom:10px;}
.main1 ul li a h3{ font-size:24px; height:40px; line-height:40px;color:#262626; }
.main1 ul li a p{ text-align:center;margin-bottom:20px;}
.main1 ul li a span{ border:1px solid #919191; padding:5px 10px; }
.main1 ul li a i{ font-style: normal;}
.main1 ul li a:hover span{ background:#262626; color:#fff; }

.main2{ background:url(../images/main2bg.jpg) no-repeat center center; height:560px; position: relative;}
.main2 .wrap{overflow:hidden;}
.m2title{ background:url(../images/line.png) no-repeat center center; text-align:center; color:#fff;margin:40px 0 40px 0;}
.m2title h3{ font-size:24px;}
.m2list{ margin-bottom:40px; overflow:hidden;}
.m2list ul li{ float:left; margin:0 10px; background:#fff; overflow:hidden;padding-bottom:20px; width:265px; height:302px;}
.m2list ul li a{ display:block; text-align:center;text-transform:uppercase;}
.m2list ul li a img{ margin-bottom:10px;}
.m2list ul li a span{ overflow:hidden; margin-bottom:10px; display:block;}
.m2list ul li a .new{ border:2px solid #d54b4b; color:#d54b4b;padding:5px 10px;margin-left:65px; width:100px; overflow:hidden;}
.main2 .more{ border:2px solid #fff; margin: 0 auto;text-align: center;width: 140px; font-size:14px;}
.main2 .more a{color:#fff;}
.m2list ul li a .fav{ margin:5px 10px 0 0;}
.m2list ul li:hover { background:#ececec; color:#262626;}
.m2list ul li:hover a{  color:#262626;}
.m2list { }
.indexpic{ width:255px;height:191px;}
.btn_left, .btn_right {cursor: pointer;display: block;height: 520px;position: absolute;top: 12px;width: 60px;z-index: 1;}
.btn_left {background: url("../images/btnleft.png") no-repeat scroll center center ;left:40PX;}
.btn_right {background: url("../images/btnright.png") no-repeat scroll center center ;right:40PX;}

.main3{overflow:hidden; margin-bottom:40px;}
.main3 .wrap{overflow:hidden;}
.m3title{ background:url(../images/line.png) no-repeat center center; text-align:center; margin:40px 0 40px 0;}
.m3title h3{ font-size:24px;}
.m3info  p {margin: 0 auto;}
.m3more{ border:2px solid #919191; margin: 0 auto;text-align: center;width: 140px; font-size:14px;}

.main4{ background:url(../images/main4bg.jpg) no-repeat center center; height:490px; position:relative}
.main4 .wrap{overflow:hidden;}
.m4title{ background:url(../images/line.png) no-repeat center center; text-align:center; color:#fff;margin:40px 0 40px 0;}
.m4title h3{ font-size:24px;}
.m4list{ margin-bottom:40px; overflow:hidden;}
.m4list ul li{ float:left; margin:0 10px; overflow:hidden; border-bottom:2px solid #fff; width:265px;}
.m4list ul li a{ display:block; text-align:center;text-transform:uppercase; color:#fff; font-size:14px;}
.m4list ul li a img{ margin-bottom:10px;}
.m4list ul li a span{ overflow:hidden; margin-bottom:10px; display:block;}
.m4list ul li:hover{ border-bottom:2px solid #161616;}
.main4 .more{ border:2px solid #fff; margin: 0 auto;text-align: center;width: 140px;  font-size:14px;}
.main4 .more a{color:#fff;}
.indexpic1{ width:265px;height:200px;}
.btnleft, .btnright {cursor: pointer;display: block;height: 420px;position: absolute;top: 12px;width: 60px;z-index: 1;}
.btnleft {background: url("../images/btnleft.png") no-repeat scroll center center ;left:40PX;}
.btnright {background: url("../images/btnright.png") no-repeat scroll center center ;right:40PX;}



/*底部*/
#footer{ background:#161616; overflow:hidden;}
#footer ul li a:hover{ color:#fff;}
/*上下*/
.foottop{ padding:40px 0;overflow:hidden;border-bottom:1px solid #333;}
.foottop .wrap{}
.footbottom{ overflow:hidden;padding:20px 0;}
.footbottom .wrap{}
.foot1{color:#fff; width:300px;}
.foot1 h3{ font-size:24px; }
.foot1 img{ margin:10px 20px 0 0;}
.ft {font-size: 24px; margin-bottom: 10px; color:#fff;}
.foot2{ width:240px;}
.foot3{ width:240px;}
.foot4{ width:300px;}
.footbottom{ text-align:center; font-size:14PX;}
.footbottom .bottomnav{overflow:hidden; text-align:center;}
.footbottom .bottomnav a{ padding-left:10px;margin-right:10px;}
.footbottom .bottomnav a:hover{ color:#fff;}
.footbottom .bottomnav .one{ background:none;}

#inmain{padding:40px 0;}
#inmain .wrap{ overflow:hidden;}
.inmainleft{ width:260px;margin-right:40px;}
.inlefttop{ color:#fff; background:#161616; width:260px; height:55px; line-height:55px;font-size:20px;}
.inlefttop h3{ padding-left:20px;}
.inleftbottom{ padding:10px; background:#fff;}
.inleftbottom ul li{ }
.inleftbottom ul li a{ background:url(../images/dot2.png) no-repeat center right;font-size:14px; display:block;border-bottom:1px solid #ececec; color:#262626; font-weight:bold; padding-left:10px; height:30px;}
.inleftbottom ul ul li a{ background:url(../images/dot1.jpg) no-repeat center left; font-size:12px; display:block;border-bottom:none; color:#262626; font-weight:normal; margin-left:20px;padding-left:10px;height:25px; line-height:25px; }
.inleftbottom ul ul li .ahover{ font-weight:bold;}
.inmainright{ width:840px;}
.rightpro{ width:855px}

.inmainright .rightpro li{ float:left; margin:0 20px 20px 0; background:#fff; overflow:hidden;padding-bottom:20px; border:2px solid #fff; width:261px; height:312px;}
.inmainright .rightpro li a{ display:block; text-align:center;text-transform:uppercase;}
.inmainright .rightpro li a img{ margin-bottom:10px;}
.inmainright .rightpro li a span{ overflow:hidden; margin-bottom:10px; display:block;}
.inmainright .rightpro li a .new{ border:2px solid #d54b4b; color:#d54b4b;padding:5px 10px;margin-left:65px; width:100px; overflow:hidden;}
.inmainright .rightpro li a .fav{ margin:5px 10px 0 0;}
.inmainright .rightpro li:hover{ border:2px solid #262626;}
.pic1{width:261px; height:197px}
.inrighttop{ overflow:hidden;margin-bottom:20px;}
.companypic{ width:300px;  margin-right: 40px;}

.prev,.next{margin: 10px 0 0 8px;}
.botimg{ margin-top:10px;}
.botimg li{ overflow:hidden; margin-right:4px; float:left; height:56px; line-height:56px;}
.botimg li img{ width:57px; height:43px}
.inrightinfo h3{ font-size:24px; color:#262626}
.inrightinfo ul{ margin-top:10px;}
.inrightinfo ul .theone{ font-weight:bold;color:#262626}
.m4rbottom{padding:10px 0; }
.m4rbottom .m4rbtitle ul{ overflow:hidden;}
.m4rbottom .m4rbtitle ul li{ float:left; background:#e9e9e9; height:40px; line-height:40px; width:120px; margin-right:10px; text-align:center; font-size:14px; text-transform:uppercase;}
.m4rbottom .m4rbtitle ul  .sel{ background:#fff;}
.m4rbottom .m4rbtitle ul  .sel a{ color:#262626;}
.m4rbbottom{  background:#FFF;}
.m4rbfirst{ overflow:hidden; margin-bottom:10px;}
.m4rbfirst img{ margin-right:10px; border:1px solid #ccc;}
.m4rbinfo h3{ font-size:16px; color:#008cd7;height:30px; line-height:30px;}
.m4rbottom ul li{ background:url(../images/dot1.jpg) no-repeat center left;padding-left:5px; overflow:hidden;}
.m4{ padding:20px; min-height:100px;}


/*内页切换图*/
.ban1 {height: 300px; margin-bottom:20px; width:300px;}
.ban1 .banner1 {height: 300px;position: relative;}
.banner1 ul.imglist2 li {position: absolute;}
.ban1 .imglist2 li {background: none no-repeat center top;height: 300px;width: 100%;}
.ban1 a {display: block;}
.btnl, .btnr {cursor: pointer;display: block;height: 420px;position: absolute;top: 12px;width: 26px;z-index: 1;}
.btnl {background: url("../images/left.jpg") no-repeat scroll center center ;left:245PX;}
.btnr {background: url("../images/left.jpg") no-repeat scroll center center ;right:0;}

.pagelist1 {bottom: 30px;height: 17px;position: absolute;left: 0;text-align: center; z-index: 1;}
.pagelist1 li {color: #0d88c1; cursor: pointer;display: inline-block; *display:inline;font-size: 45px;height: 43px;line-height: 43px;position: relative;
width:57px;}
.pagelist1 li.on {color: #c03;}
.pagelist1 li img{ width:57px; height:43px;}

/* 分页 */
#pageNav{ text-align:center; width:100%; clear:both}
#pageNav a{ color:#2B4A78; text-decoration:none; }
.pageNum,.cPageNum,listnumber{ line-height:25px; width:26px; text-align:center;display: inline-block; background:url(../images/page.gif)}
#pageNav .cPageNum{ background:url(../images/page_cur.gif); color:#fff; font-weight:bold; *display:inline;}
#pageNav .pageNum:hover{ background:url(../images/page_hover.gif)}


.proshow {overflow: hidden;}
.details_img {float:left; width: 408px;}
.details_img .big_img {float:left; padding: 3px; border: #dcdcdc solid 1px; height: 400px; width: 400px;}
.details_img .big_img img.imgshow {width: 400px; height: 400px;}
.goodsExample-pic {margin-bottom:10px;}
.jqzoom {text-decoration:none;float:left}
.zoomPreload {display:none;}
.zoomPad {position: relative; float:left; z-index: 1; cursor: crosshair;}
.zoomPup {overflow: hidden; background-color: #fff; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position: absolute; border: 1px solid #CCC; cursor: crosshair;}
.zoomWrapper {position: relative; border: 1px solid #dcdcdc; z-index: 110; background-color: #fff;}
.zoomWrapperImage {display: block; position: relative; overflow: hidden; z-index: 110;}

.inrightinfo {
    width: 500px;
}