/* 全局css定义 */
body {text-align:center; margin:0; padding:0;color:#666; "微软雅黑",Microsoft YaHei,Arial,Verdana; min-width:1216px;}
body {font: 14px/1.5 微软雅黑;}
div,form,iframe,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
div{margin:0px auto;} /* 为firefox居中问题 */
table{margin:0px auto;}
table,td,tr,th {font-size:12px;}
ul,li {text-align:left;}
li {list-style-type:none;}
a {font-size:14px;}
hr{height:1px;}
select,input{vertical-align:middle; }
img {border:0;}
html{ height:100%;}

/* 整个页面链接颜色 */
a:link    {color:#444;text-decoration:none;}
a:visited {color:#444;text-decoration:none;}
a:hover   {color:#187ec6;text-decoration:none;}
a:active  {color:#444;text-decoration:none;}
.button {width:80px; height:35px; line-height:35px; border:1px solid #ccc; border-radius:5px;}
.clear{font:0px/0px sans-serif;clear:both;display: block}
/* 中心放大 */
.selfScale{
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.selfScale img{
  width: 100%;
  top: 0;
  position: relative;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.selfScale img:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.shadow1{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);transform: translate3d(0, -2px, 0);}

/* 主页面 */
#top{ position:fixed; height:117px; width:100%; background-color:#fff; z-index:999; }
.zhan117{height:117px; width:100%; display:block;}
.tel{ width:300px; color:#009be3; font-size:18px; line-height:30px; background:url(../images/tel.png) no-repeat left; padding-left:108px; float:right;}
.nav{ width:650px; height:80px; display:block; float:right;}.
.nav ul{}
.nav ul li{ float:left; width:105px; line-height:80px; text-align:center;}
.nav ul li a{ font-size:16px;}
.nav ul li:hover{ border-bottom:4px solid #009be3; }
.on{border-bottom:2px solid #009be3;}


.index_t{ width:1212px; padding:42px 0px 32px;  margin:0px auto;}
.index_t span{ font-size:36px; text-align:center; font-weight:bold; line-height:45px; color:#212121;}
.index_t p{ text-align:center; color:#575757; font-size:14px;line-height:45px;}
.index_t red{ color:#F00;}
.border_bt{ border-bottom:1px solid #dedede;}

.xm{ width:1221px; height:333px; display:block; margin:0px auto;}
.xm ul li{ float:left; height:330px; display:block; margin:0px auto; width:283px; text-align:center; color:#212121;}
.xm ul li span{ font-size:24px; line-height:57px;}
.xm ul li p{ line-height:20px; color:#656565;}

.imgcase{ width:100%; height:1065px; display:block; margin:0px auto; background:url(../images/bj_1.jpg) no-repeat top center;}
.imgab{ width:100%; height:848px; display:block; margin:0px auto; background:url(../images/bj-ab.jpg) no-repeat top center;}
.imgnew{width:100%; height:706px; display:block; margin:0px auto; background:url(../images/bj-new.jpg) no-repeat top center;}

.ab{ font-size:16px; line-height:40px; text-align:center; color:#fff; padding-top:260px; display:block; width:1000px; height:auto;}

.ab6{ width:1212px; height:250px;}
.ab6 ul li{ width:180px; height:250px; float:left; text-align:center; margin:0px 11px; }
.ab6 ul li span{ font-size:14px; line-height:48px;color:#fff;}
.ab6 ul li p{ line-height:12px; line-height:16px; color:#fff;}
.ab6 ul li img{	
	z-index:2;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
}
.ab6 ul li img:hover{
	-webkit-transform:rotate(360deg) scale(1.5); 
	-moz-transform:rotate(360deg) scale(1.5);
	-ms-transform:rotate(360deg) scale(1.5);
	-o-transform:rotate(360deg) scale(1.5);
}

.index_new{ width:615px; height:330px; display:block; margin:0px auto; padding-top:300px; padding-right:595px; }

#new{ width:615px; height:auto; display:block;}
#new .new2 a{ width:99%; height:95px;  margin:5px 2px 5px; display:block; line-height:25px; padding: 1px 0; text-align:left; float:left; border-bottom:1px solid #ececec;   }
#new .new2 a span{ float:left; width:72px; text-align:center;  height:70px; margin:10px 0px; display:block; border:1px solid #9d6a4f; }
.new span{ width:75px; height:65px; display:block; background-color:#63b4c1; text-align:center; border-radius:5px; margin-top:-30px;}




.services {
	width:1200px; margin:0px auto;
	padding: 0em 0 3em;
	text-align: center;
}
.services h3 {
	font-size: 2.2em;
	font-weight: 900;
	margin: 0.6em 0;
}
.services .service_h {
	color: #888;
	font-size: 15px;
	margin-bottom: 35px;
}
.services-list li {
	width: 168px;
	margin: 0 2px 1em;
	padding: 0;
	background: #e6e6e6;
	height: 166px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	position: relative;
	display: block;
	float: left;
	text-align:center;
}
.services-list li:hover {
	background: #efefef;
}
.services h3 label {
	background: #4DBCD3;
	height: 2px;
	display: block;
	width: 10%;
	margin-top: 0.2em;
}
.services-list li a span {
	width: 83px;
	height: 108px;
	display: inline-block;
	background: url(/images/bg_5.png) no-repeat 0px 0px;
}
.services-list li a span.service-icon {
	background-position: -41px 0px;
}
.services-list li a span.service-icon1 {
	background-position: -212px 0px;
}
.services-list li a span.service-icon2 {
	background-position: -386px 0px;
}
.services-list li a span.service-icon3 {
	background-position: -558px 0px;
}
.services-list li a span.service-icon4 {
	background-position: -730px 0px;
}
.services-list li a span.service-icon5 {
	background-position: -902px 0px;
}
.services-list li a span.service-icon6 {
	background-position: -1075px 0px;
}
.services-list li a span.service-icon7 {
	background-position: -41px -170px;
}
.services-list li a span.service-icon8 {
	background-position: -212px -170px;
}
.services-list li a span.service-icon9 {
	background-position: -386px -170px;
}
.services-list li a span.service-icon10 {
	background-position: -558px -170px;
}
.services-list li a span.service-icon11 {
	background-position: -730px -170px;
}
.services-list li a span.service-icon12 {
	background-position: -902px -170px;
}
.services-list li a span.service-icon13 {
	background-position: -1075px -170px;
}
.services-list li a label {
	display: block;
	font-weight: 300;
	font-size: 0.9em;
	margin: 0.5em 0 0;
	color: #444;
	height: 20px;
	position: absolute;
	text-align: center;
	width: 100%;
	padding: 0 1em;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
	-ms-transition: 0.4s all;
	box-sizing: border-box;
}
.ie7 .services-list li {
	float: left;
	margin-right: 0.3%;
}
.ie7 .services-list li a label {
	left: 0;
	bottom: 10px;
	padding: 0;
}
.services-list li:hover a label {
	margin-top: 0.2em;
}
.services-list ul {
	margin: 0 -2px;
	padding: 1.2em 0 3.5em 0;
}
.services-list li a:hover {
	text-decoration: none;
	color: #61E4FF;
}

.imgcon{width:100%; height:75px; padding-top:530px; display:block; margin:0px auto; background:url(../images/bj-con.jpg) no-repeat top center; color:#fff; font-size:14px; }
.bt{ background-color:#1b1b1b; width:100%; height:75px; line-height:75px; font-size:14px;}
.bt a{ float:left; padding:0px 10px; color:#5e5f5f;font-size:14px;}
.bt ul{ width:1212px; margin:0px auto;}


/* 临时 */

/*中间内容 start*/
.content{width:100%;overflow:hidden}
.wrap2{width:95%;max-width:1440px;margin:0 auto;overflow:hidden}
.fl{float:left!important;display:inline}
.fr{float:right!important;display:inline}

/*第一栏目内容 start*/
.prod{width:100%;overflow:hidden;background:#f5f5f5}
.dove{width:100%;overflow:hidden}
.title{width:100%;overflow:hidden;text-align:-webkit-auto;text-align:center}
.title h2{height:50px;font-size:36px;line-height:50px;color:#333;margin-bottom:10px}
.title h3{font-size:30px;height:50px;line-height:50px;color:#222;margin-bottom:10px}
.title p{width:100%;height:30px;line-height:30px;overflow:hidden;color:#666;font-size:16px}
.title p.abb{font-size:15px}
.title span em{color:#f5a500}
.title span{font-size:15px;color:#999;text-align:center;width:100%;display:block;margin:5px 0}
.title small{width:94%;text-align:center;line-height:30px;color:#666;font-size:15px;text-align:center;display:block;margin:0 auto}
.doved{height:515px;width:100%;padding:30px 0 0 0}
.doved dl{float:left;height:500px;width:440px;border:1px solid #ddd;overflow:hidden;margin-right:56px}
.doved dl:hover{box-shadow:5px -3px 34px #999}
.mr0{margin-right:0!important}
.doved dt{width:100%;height:220px;overflow:hidden}
.doved dt img{display:block;margin:5px auto;width:370px;height:210px}
.doved dd{padding:30px 0 0 0;background:url(../images/doved01.jpg)no-repeat;width:100%;overflow:hidden;height:250px}
.doved dd.one{background:url(../images/doved02.jpg)no-repeat}
.doved dd.two{background:url(../images/doved03.jpg)no-repeat}
.doved dd h3{font-size:24px;color:#fff;text-align:center;height:36px;line-height:36px;overflow:hidden}
.doved dd p{width:80%;margin:15px auto;font-size:14px;color:#fff}
a.liao{text-align:center;width:140px;margin:0 0 0 60px;height:40px;line-height:40px;border:1px solid #fff;display:block;color:#fff;font-size:16px;float:left;overflow:hidden;border-radius:5px}
a.ti{text-align:center;width:140px;margin:0 25px;height:40px;line-height:40px;border:1px solid #fff;display:block;color:#fff;font-size:16px;float:left;overflow:hidden;border-radius:5px}
a.liao:hover{background-color:#f5a500;color:#fff;border:none}
a.ti:hover{background-color:#f5f5f5;color:#333;border:none}


.tits{width:100%;overflow:hidden;text-align:center}
.tits h2{font-size:48px;margin:50px 0 30px 0;text-align:center;width:100%;line-height:50px;color:#383838}
.tits p{font-size:16px;color:#a6a6a6;height:30px;line-height:30px;margin-bottom:50px;text-align:center}
.produced{width:100%}
.produced ul{}
.produced ul li{float:left;overflow:hidden;width:48.5%;height:375px;background:#fff;margin-bottom:60px}
.produced ul li:hover{box-shadow:2px 2px 12px #ccc}
.produced ul li .top_produ{width:100%;overflow:hidden;height:215px}
.produced ul li .top_produ dl{position:relative;overflow:hidden;width:100%;height:215px}
.produced ul li .top_produ dl dt{width:100%;overflow:hidden;height:215px;position:relative}
.produced ul li .top_produ dl dt img{width:100%;overflow:hidden;margin-top:-30px}
.produced ul li .top_produ dl dt i{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.produced ul li .top_produ dl:hover{cursor:pointer;transition:all 0.6s;transform:scale(1.1)}
.produced ul li .top_produ dl dd{position:absolute;top:40px;z-index:19;color:#fff;text-align:center;width:86%;left:50%;margin-left:-43%}
.produced ul li .top_produ dl dd h3{font-size:36px;width:100%;height:40px;line-height:40px;margin:14px 0 20px}
.produced ul li .top_produ dl dd p{font-size:16px;height:50px;line-height:25px}
.produced ul li .down_produ{width:100%;overflow:hidden}
.produced ul li .down_produ dl{width:90%;margin:0 auto;height:160px}
.produced ul li .down_produ dl dt{width:56%;float:left;overflow:hidden;margin-top:20px}
.produced ul li .down_produ dl dt h4{font-size:16px;font-weight:bold;height:50px;line-height:50px;color:#333;width:100%;overflow:hidden}
.produced ul li .down_produ dl dt p{width:48%;float:left;margin-right:2%;overflow:hidden;height:30px;line-height:30px;color:#333}
.produced ul li .down_produ dl dd{width:44%;float:right;height:50px;margin-top:85px}
.produced ul li .down_produ dl dd a{width:90px;height:35px;line-height:35px;text-align:center;border:1px solid #333;color:#333;margin-right:15px;display:block;float:left;border-radius:3px}
a.other{border:1px solid #f5a500!important;color:#f5a500!important}

/* 按钮 */
.btn_list{ border-bottom:1px solid #ccc;}
.btn_list li{float: left;margin:20px 20px; height: 60px;}
.btn{ display: inline-block; *display:inline; *zoom:1; padding: 10px 40px; text-decoration: none; position: relative; color:#333;}

.btn8{ border:1px solid #666;position:relative;color: #666;overflow: hidden;-webkit-transition: color .3s;transition: color .3s;}
.btn8 .bg_brf, .btn8 .bg_aft{background:#275b9d;position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: -1;
	-webkit-transition: all .3s;transition: all .3s;-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	transition-timing-function: cubic-bezier(.75, 0, .125, 1);}
.btn8 .bg_brf{ opacity:0.5;}
.btn8:hover {color: #fff; border-color:#275b9d;}
.btn8:hover .bg_brf, .btn8:hover .bg_aft{bottom:0;}
.btn8:hover .bg_aft{-webkit-transition-delay: .175s;transition-delay: .175s;}
.btn8 span{ position:relative; z-index:1;}



/* 内页 */

#nei_top{width:100%;height:auto;display:block;}

#wrap{ width:1200px; margin:0px auto; }
#nei{ max-width:1200px; min-width:1100px; height:auto;}

.ad{ width:100%; height:380px; margin:0px auto; display:block;}
.ad2{ background:url(../images/ad2.jpg) no-repeat top center;}
.ad3{ background:url(../images/ad3.jpg) no-repeat top center;}
.ad4{ background:url(../images/ad4.jpg) no-repeat top center;}
.ad5{ background:url(../images/ad5.jpg) no-repeat top center;}
.ad6{ background:url(../images/ad6.jpg) no-repeat top center;}




/* 内页over */

/*  */
.info-content {width:1200px; margin:0px auto; padding:10px 0px; line-height:35px; font-size:14px; min-height:600px; }
.ny_weizhi{ text-align:right;}

/* 中心样式 */
.info-content .hang {width:100%; height:350px; text-align:center; margin:10px auto;}
.info-content .hang2 {width:100%; height:50px; line-height:50px; text-align:right;}
.info-content .hang .lie {width:33%; height:100%; float:left;}
.info-content .hang .lie .img img{width:350px; height:280px;border-radius:3px; -moz-transition: all 0.2s ease-in; border:1px solid #eaeaea;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
.info-content .hang .lie .img {width:100%; height:auto; }

.info-content .hang .lie .name {width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; }
.info-content .page {width:100%; height:45px; text-align:center;}
.info-content .title {width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; text-align:center; padding-top:30px;}
.info-content .picture {width:100%; height:80px; text-align:center;}
.info-content .ul {width:100%; margin:0px;}
.info-content .li {width:100%; height:25px; line-height:25px; text-align:left;}
.info-content .content {width:100%; padding-top:8px; padding-bottom:8px; line-height:25px; text-align:left; }
.info-content .return {width:100%; height:80px; text-align:center;}

.info-content .news-head {width:100%; height:25px; background-color:#f3f3f3; border:#eaeaea solid 1px; }
.info-content .news-head .k01 {width:70%; height:25px; line-height:25px; color:#0066cc; text-align:center; float:left;}
.info-content .news-head .k02 {width:13%; height:25px; line-height:25px; color:#0066cc; text-align:center; float:left;}
.info-content .news-head .k03 {width:15%; height:25px; line-height:25px; color:#0066cc; text-align:center; float:left;}
.info-content .news-head .k00 {width:100%; height:25px; line-height:25px; color:#0066cc; text-align:center;}
.info-content .news-list {width:100%; padding-top:5px; padding-bottom:5px;}
.info-content .news-list ul {width:100%; margin:0px;}




/*news 详情样式*/

.com_news_box{ height: auto; overflow: hidden;}
.com_news_box ul{ margin: 0; padding: 0;}
.com_news_box ul li{ height: auto; overflow: hidden; padding: 25px; margin: 0 0 25px; border: 1px solid rgba(0,0,0,0.1); transition: 0.5s;}
.com_news_box ul li a{ color: #999;}
.com_news_box ul li a .n_img{ width: 260px; float: left;}
.com_news_box ul li a .n_img img{ max-width: 100%;}

.com_news_box ul li a .n_desc{ width: 800px; float: right;}
.com_news_box ul li a .n_desc .n_d_t{ font-size:24px; line-height: 40px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news_box ul li a .n_desc .n_date{ background: url(../images/time_icon.png) left no-repeat; height: 24px; line-height: 24px; font-size: 12px; padding-left: 22px; }

.com_news_box ul li a .n_desc .desc{ padding: 8px 0 15px; line-height: 24px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.com_news_box ul li a .n_desc .n_d_b{ height: auto; overflow: hidden; padding: 10px 0 0;}
.com_news_box ul li a .n_desc .n_d_b .lab{ width: 300px; float: left;height: 34px; line-height: 34px; background: url(../images/pencil_icon.png) left no-repeat; padding-left: 22px;}
.com_news_box ul li a .n_desc .n_d_b .more{ width: 116px; float: right; line-height: 36px; height: 36px; background: #009be3; text-align: center; color: #fff;}
.com_news_box ul li:hover{ background: #009be3; border: 1px solid #009be3; transition: 0.5s;}
.com_news_box ul li:hover a{ color: #fff;}
.com_news_box ul li:hover a .n_desc .n_d_t{ color: #fff;}
.com_news_box ul li:hover a .n_desc .n_d_b .more{ background: #FFF; color: #009be3;}
.com_news_box ul li:hover a .n_desc .desc{ border-bottom: 1px solid rgba(255,255,255,0.3);}




@media (max-width:1680px){	
.com_news_box ul li a .n_img{ width: 250px;}
.com_news_box ul li a .n_desc{ width:850px;}
}

@media (max-width:1024px){
	.com_news_box ul li{ padding:2%; margin: 0 0 25px; border:none;}
	.com_news_box ul li a .n_img{ width: 30%; float: left;}
	.com_news_box ul li a .n_desc{ width: 65%; float: right;}
	.com_news_box ul li a .n_desc .n_d_b .lab{ float:none; }
	.com_news_box ul li a .n_desc .n_d_b .more{ width: 100px; line-height: 32px; height: 32px; float:none;}
	
}
@media (max-width:720px){
.com_news_box ul li{margin: 0 0 5px;}
.com_news_box ul li a .n_desc .n_d_t{ font-size:18px; }
.com_news_box ul li a .n_desc .desc{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news_box ul li a .n_desc .n_d_t{line-height: 30px; }
.com_news_box ul li a .n_desc .desc{ padding: 2px 0;}
.com_news_box ul li a .n_desc .n_d_b{ padding: 0;}
.com_news_box ul li a .n_desc .n_d_b .more{ display:none;}
}






.info-content .next{ width:100%; height:60px; margin:0px auto; text-align:left;}
.info-content .next1{ width:100%; height:30px; list-style:30px; overflow:hidden; border-bottom:1px solid #ccc;}
.info-content .next2{ width:100%; height:30px; list-style:30px; overflow:hidden;}


.info-content .table {width:98%; padding-top:5px; padding-bottom:5px;}
.info-content .table ul{width:100%; border:#e7f5ff solid 1px;}
.info-content .table li{width:100%; border-bottom:#e7f5ff solid 1px; height:28px; vertical-align:bottom;}
.info-content .table li .k-left{width:30%; height:28px; line-height:28px; text-align:right; border-right:#e7f5ff solid 1px; color:#0071e1; float:left;}
.info-content .table li .k-right{width:68%; height:26px; line-height:26px; text-align:left; padding-top:2px; float:left;}

.info-content .contact {width:100%; padding-top:5px; padding-bottom:5px;}
.info-content .contact .c-title {width:100%; height:30px; line-height:30px; text-align:left; font-size:14px; font-weight:bold; clear:both;}
.info-content .contact .c-container {width:100%;}
.info-content .contact .c-container .c-left {width:60%; float:left;}
.info-content .contact .c-container .c-left ul {width:100%; margin:0px;}
.info-content .contact .c-container .c-left li {width:100%; height:30px; line-height:30px; text-align:left; overflow:hidden;}
.info-content .contact .c-container .c-picture {width:40%; float:left;}
.info-content .contact .c-memo {width:100%; line-height:25px; text-align:left; padding-top:2px; padding-bottom:2px;}

.info-content .guestbook {width:98%; display:block;  min-height:140px;height:100%; overflow:hidden; border:#d4e5f7 solid 1px; clear:both; padding-top:5px; }
.info-content .guestbook .g-left {width:25%; height:auto; border-right:#d4e5f7 solid 1px; float:left;}
.info-content .guestbook .g-left .g-l-01 {width:100%; height:56px; text-align:center; padding-top:3px;}
.info-content .guestbook .g-left .g-l-02 {width:100%; height:20px; line-height:20px; text-align:center; overflow:hidden;}
.info-content .guestbook .g-right {width:72%;  height:auto; float:left;}
.info-content .guestbook .g-right .g-r-01 {width:95%; height:30px; line-height:30px; border-bottom:#d4e5f7 solid 1px; overflow:hidden;}
.info-content .guestbook .g-right .g-r-02 {width:95%; padding-top:5px; padding-bottom:5px; line-height:22px; text-align:left; height:100%}
.info-content .guestbook .g-right .g-r-03 {width:95%; line-height:22px; text-align:left; color:#0066cc;}
.info-content .guestbook-norecord {width:100%; height:50px; line-height:50px; text-align:center; clear:both;}
.info-content .guestbook-search {width:100%; height:30px; line-height:30px; text-align:center; clear:both;}

.i-text table{ border:1px solid #ccc; margin-top:30px; padding:5px 10px;}
.i-text td{ height:30px; line-height:30px; border-bottom:1px solid #EBEBEB;}

/* 分页样式 */
.page_green-black {width:100%; height:35px; text-align:center; clear:both;}
.page_green-black a {  padding-bottom:2px; color:#2c2c2c; margin-right:2px; padding-top:2px; text-decoration:none;}
.page_green-black a:hover {background:url(image2.gif) #99cc00; color:#fff; padding:0px 5px;}
.page_green-black a:active {background:url(image2.gif) #99cc00; color:#fff;}
.page_green-black span.current { padding-right:5px; padding-left:5px; font-weight:bold; background:url(image2.gif) #99cc00; padding-bottom:2px; color:#fff; margin-right:2px; padding-top:2px;}
.page_green-black span.disabled {background:#eeeeee; padding-right:5px; padding-left:5px; padding-bottom:2px; color:#ccc; margin-right:2px; padding-top:2px; }