@charset "utf-8";
/* CSS Document */
/*---------- banner style ----------*/
.banner{ width:100%; height:540px; z-index:-9; margin:0px auto;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1200px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#fff;width:10px;height:10px;margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#ff6900; cursor:pointer;}
.banner, .banner a {height:540px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}


.gywm{ width:1200px;padding: 30px 0; text-align:center; position:relative;}
.title1{font-size: 24px;color: #000; width:100%;line-height: 60px;text-align: center; font-weight:bold;}

.gywm .gywmTxt{ font-size: 16px;color: #666666;line-height:32px; text-align:left;}

.index_two_n{overflow: hidden;width:720px;height:88px; margin:50px auto;/*top:208px;*/}
.index_two_n_n p{ font-size:18px;line-height:40px;color:#4c4c4c;}
.index_two_n_con{ width:358px;}
.index_two_n_con img{display: inline;height:72px;margin-top:8px;margin-right:20px;}



.grayBg{ width:100%; padding:30px 0px; background:#f2f2f2;}
.cpzx{ width:1200px; float:left; text-align:center;}
.cpzx .cpzxBox{ width:1200px; float:left; margin-top:24px;}
.cpzx .cpzxBox ul { width:1218px;display:block;margin-left:-18px;}
.cpzx .cpzxBox ul li{ width:282px; float:left;margin-left:18px; margin-bottom:24px;}
.cpzx .cpzxBox ul li a.cpzxImg{ width:280px; height:216px; overflow:hidden;display:block; float:left; border:solid 1px #eceaea;}
.cpzx .cpzxBox ul li a.cpzxImg img{ width:280px; height:216px;}
.cpzx .cpzxBox ul li a.cpzxImg:hover img{transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

.cpzx .cpzxBox ul li a.cpzxTxt{ width:282px; height:30px; line-height:30px; padding-top:10px; font-size:16px;display:block; float:left;}


.xwzx{ width:1200px; float:left; padding:30px 0px; text-align:center;}

.xwdtBox{ width:1200px; float:left; margin:10px 0px 30px 0px;}

.xwdtBox ul{ width:1280px; margin-left:-80px;}
.xwdtBox ul li{width:560px; display:block; float:left; margin-left:80px; margin-top:30px;}
.xwdtBox ul li a.xwdtImg{ width:213px; height:120px; display:block; float:left; overflow:hidden;}
.xwdtBox ul li a.xwdtImg:hover img{transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

.xwdtBox ul li a.xwdtImg img{ width:213px; height:120px;}
.xwdtBox ul li .xwdtTxt{ width:330px; float:right;}
.xwdtBox ul li .xwdtTxt a{ width:330px; display:block;text-align:left;float:left; height:30px; font-size:16px; line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; color:#444; font-weight:bold;}
.xwdtBox ul li .xwdtTxt span{width:330px;display:block;text-align:left;float:left; margin:5px 0px;font-size:13px;color:#777; line-height:22px;height:66px;overflow:hidden;}
.xwdtBox ul li .xwdtTxt label{ display:block; float:left; text-align:left;background:url(../images/dateIcon.jpg) left center no-repeat; padding-left:20px; font-size:12px; color:#999; width:310px;}



/* 关于我们样式 */
.About-more { margin-top: 30px; margin-bottom: 40px; }
.About-more p { font-size: 14px; color: #000; line-height: 24px; }
.About-more p img { display: initial; height: auto; }


/* 新闻中心列表页样式 */
.News-list { }
.News-list .Item { padding: 40px 0; border-bottom: 1px dashed #bfbfbf; position: relative; }
.News-list .Item .pic { float: left; width: 24%; }

.Item .pic { overflow: hidden; }
.Item .pic img { width: 100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.Item a:hover .pic img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.1s; -o-transition: all 0.3s; }
.Item a:hover h3 { color: #27bce1; }


.News-list .Item .Intro { float: right; width: 73%; }
.News-list .Item .Intro h3 { font-size: 16px; color: #333; line-height: 30px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; height: 30px; white-space: nowrap; transition: all 0.3s; }
.News-list .Item .Intro .date { display: block; font-size: 12px; color: #999999; line-height: 30px; }
.News-list .Item .Intro p { font-size: 14px; color: #333; line-height: 25px; height: 50px; overflow: hidden; text-overflow: ellipsis; }
.News-list .Item .Intro .more { position: absolute; left: 27%; bottom: 40px; width: 80px; height: 30px; border-radius: 20px; font-size: 0; border: 1px solid #e3e3e3; display: block; background: url('../images/icon-more01.png') no-repeat center center; background-size: 40%; transition: all 0.3s; }
.News-list .Item a:hover .Intro h3 { color: #27bce1; }
.News-list .Item a:hover .Intro .more { background: url('../images/icon-more02.png') no-repeat center center #27bce1; background-size: 40%; border-color: #27bce1; }
.News-list .Detail-bottom { text-align: left; }


/* 产品目录页样式 */
.Product { margin-bottom: 50px; }
.Product-Intro { margin-bottom: 30px; }
.Product-Intro p { font-size: 14px; color: #333333; line-height: 25px; }
.Product-list { margin: 0 -10px; }
.Product-list li { float: left; width: 33.33%; }
.Product-list .Item { margin: 10px; border: 1px solid #efefef; box-sizing: border-box; }
.Product-list .Item h3 { transition: all .3s; background: #f2f2f2; line-height: 55px; font-size: 14px; color: #000000; text-align: center; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Product-list .Item:hover h3 { background: #27bce1; color: #fff; }

/* 产品详情页样式 */


.title{font-size:18px; text-align:center; line-height:56px; height:56px; margin-bottom:10px; font-weight:bold; width:1200px;  border:none; border-bottom:1px #CCCCCC solid;}
.subtxt{width:1200px; height:25px;  line-height:25px; text-align:center; font-size:12px;}
.pernext{width:720px;height:auto; line-height:168%; text-align:left;margin:10px 0px; clear:both;}