@import url("common.css");

/*==================================================*/
.dede_pages {margin:20px auto;height:40px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.dede_pages ul li {list-style:none;float:left;border:1px solid #ddd;height:35px; line-height:35px;border-radius:3px; margin:0 3px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;display:block;padding:0px 14px;}
.dede_pages ul li a:hover{padding:0px 14px;background:#00bcd4;color:#fff;}
.dede_pages ul li.active{background:#00bcd4;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;display:block;}
@media (max-width: 767px){ 
.dede_pages {height:55px;}
.dede_pages ul li {height:25px; line-height:25px;}
.dede_pages ul li a,.dede_pages ul li span{padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;}
}

/* =========================首页样式.开始======================= */

/* header */
.header{ width:100%; height:108px; margin:0 auto; position:relative;}
	.logo{ float:left; width:650px; height:108px; }
	.call{ float:right; width:165px; height:70px; margin-top:38px; padding-left:55px; background:url(../images/icon01.png) top left no-repeat;  overflow:hidden;}
	.call p{ color:#0063b1;}
	.call p:nth-child(1){ font:bold 14px "Microsoft YaHei";}
	.call p:nth-child(2){ font:bold 20px/30px "Arial Black"; letter-spacing:-1px;}
	.call p:nth-child(3){ text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}

.nav{ width:100%; height:59px; margin:0 auto; position:relative; z-index:1; border-top:1px solid #DADADA;}
	.navBar{ width:1198px; height:59px; line-height:59px; margin:0 auto;}
	.navBar .m{ float:left; width:170px; border-left:1px solid #DADADA; position:relative; }
	.navBar .m:nth-last-of-type(1){ border-right:1px solid #DADADA;}
	.navBar .m h3{ font-size:100%; font-weight:normal;}
	.navBar .m h3 a{ display:block; width:170px; font-size:16px; font-weight:bold; color:#3D3D3D; font-family:"Microsoft YaHei",SimSun,SimHei; text-align:center; letter-spacing:0px;}
	.navBar .m:hover h3 a{ color:white; background:#11a5e5;}
	.navBar .on h3 a{ color:white; background:#11a5e5;}	
	.navBar .sub{ display:none; /*默认隐藏*/ width:170px; padding:10px 0;  position:absolute; left:0px; top:60px;  background:#FFF;  float:left; line-height:30px; opacity:0.5;}
	.navBar .sub li{ text-align:center;}
	.navBar .sub li a{ color:#333; display:block; zoom:1;}
	.navBar .sub li a:hover{  background:#FFF; color:#c00;}

.banner{ min-width:1200px; height:544px; margin:0 auto; position:relative;}
	.bd{ position:relative; z-index:0;}
	.bd ul{ width:100% !important;}
	.bd li{ width:100% !important; height:544px;}

	.hd{ position:relative; top:-35px; width:100%; line-height:0!important; text-align:center; font-size:0;}
	.hd ul{ display:inline-block; padding:5px; background-color:rgba(0,0,0,.2); border-radius:10px; -webkit-transition-duration:.3s; transition-duration:.3s;}
	.hd ul li{ display:inline-block; width:10px; height:10px; margin:0 3px; font-size:14px; background-color:#e2e2e2; background-color:rgba(255,255,255,.5); border-radius:50%; cursor:pointer; -webkit-transition-duration:.3s; transition-duration:.3s; overflow:hidden; text-indent:-99999px;}
	.hd ul .on{background-color:#fff;}
	.bannerTxt1{ width:700px; height:125px; margin:0 auto; text-align:center; position:absolute; top:100px; left:50%; z-index:990; margin-left:-560px;}
	.bannerTxt2{ width:517px; height:213px; margin:0 auto; text-align:center; position:absolute; top:100px; left:50%; z-index:990; margin-left:-560px;}


.more{ width:100%; height:100px; margin-top:30px;}
	.more a{ display:block; width:86px; height:86px; margin:0 auto;}
	.more a:hover{ opacity:0.8;}

.title{ width:100%; height:auto; margin:0 auto; text-align:center;}
	.titleEn{ height:30px; font:bold 24px/30px "Arial Black"; color:#666; text-transform:uppercase;}
	.titleEn span{ display:inline-block;}
	.titleCn{ height:60px; position:relative;}
	.titleCn span{ display:inline-block; font:bold 40px/60px "Microsoft YaHei"; color:#11a5e5;}
	.titleCn i{ display:block; width:482px; height:10px; background:url(../images/icon02.png) left center repeat-x;}
	.titleCn i:nth-of-type(1){ position:absolute; left:0; top:25px;}
	.titleCn i:nth-of-type(2){ position:absolute; right:0; top:25px;}

.poster{ width:100%; height:auto; margin:0 auto; padding-top:50px; position:relative; background-color:#f6f6f6;}
	.poster-main{ position:relative; margin-top:50px;}
	.poster-main .poster-list{}
	.poster-main .poster-item{ position:absolute; left:0; top:0; text-align:center;}
	.poster-main .poster-item img{ width:auto; height:100%;}
	.poster-main .poster-btn{ position:absolute; top:0; cursor:pointer;}
	.poster-main .poster-prev-btn{ left:0; background:url("../images/arrow-left.png") no-repeat center center;}
	.poster-main .poster-next-btn{ right:0; background:url("../images/arrow-right.png") no-repeat center center;}


.about{ width:100%; height:auto; margin:0 auto; padding-top:50px; position:relative;}
	.about-main{ margin-top:30px; position:relative;}
	.about-list{ float:right; width:720px; height:350px; font:14px/2 "Microsoft YaHei"; color:#5A5A5A; overflow:hidden;}
.video{ float:left; width:430px; height:350px;}

.service{ width:100%; height:100px; margin-top:30px; background:#11a5e5; position:relative; overflow:hidden;}
	.service li{ display:inline-block; margin:0 auto; text-align:center; color:white; position:relative;}
	.service li span{ display:block; padding-top:10px; font:40px "Microsoft YaHei"; color:#f1c232;}
	.service li i{ display:block; position:absolute; top:0; right:0; width:2px; height:100px; background-color:white;}
	.service li:nth-child(1){ float:left; font:40px/100px "Microsoft YaHei";}
	.service li:nth-child(2){ float:left; padding-left:20px; font:20px/100px "Microsoft YaHei";}
	.service li:nth-child(3){ float:right; padding:0 30px 0 30px; font:20px "Microsoft YaHei";}
	.service li:nth-child(4){ float:right; padding:0 60px 0 30px; font:20px "Microsoft YaHei";}
	.service li:nth-child(4) i{ height:106px; transform:rotate(15deg); transform-origin:0px 0px 0px;}
	.service li:nth-child(5){ float:right; padding:0 60px 0 30px; font:20px "Microsoft YaHei";}
	.service li:nth-child(5) i{ height:106px; transform:rotate(14deg); transform-origin:0px 0px 0px;}

.news{ width:100%; height:auto; margin:0 auto; padding-top:50px; position:relative;}
	.news-list{ margin-top:30px; position:relative;}
	.news-list li{ width:100%; height:50px; border-bottom:1px dashed #C6C6C6; font:16px/50px "Microsoft YaHei"; color:#5A5A5A; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.news-list li em{ float:right; padding-left:30px; color:#acacac;}
	.news-list li span{ float:left; color:#0064d4;}
	.news-list li a{ padding:0 20px; color:#5A5A5A;}
	.news-list li a:hover{ color:#0064D4;}

/* footer */
.footNav{ width:100%; height:50px; margin:0 auto; text-align:center; background:#11a5e5; position:relative;}
	.footNav a{ display:inline-block; padding:0 15px; font:16px/50px "microsoft yahei"; color:white; text-align:center;}

.footer{ width:100%; height:120px; margin:0 auto; padding-top:30px; background:#393c41; position:relative;}
	.foot{ width:100%; position:relative;}
	.foot dl{}
	.foot dd{ height:30px; font:12px/30px "microsoft yahei"; color:white; text-align:center;}
	.foot dd a{ color:white;}
	.foot dt{ position:absolute; top:0; right:0; width:90px; height:90px; text-indent:-99999px; overflow:hidden;}
	.foot dt img{ display:block; width:100%; height:100%;}


/* =========================首页样式.结束======================= */




/* =========================子页样式.开始======================= */

.content{ width:100%; height:auto; margin:0 auto; padding-top:30PX; position:relative;}
	
/*左侧*/
.listSide{ float:left; width:220px; margin-bottom:50px;}
	.sideTit{ height:80px; padding:20px 20px 0; background:#00bcd4; color:white; border-radius:10px 10px 0 0;}
	.sideTit span{ display:block; font:bold 28px "microsoft yahei";}
	.sideTit span:nth-of-type(2){ font:bold 30px "microsoft yahei";}
	.sideNav{ min-height:200px; margin-bottom:30px;}
	.sideNav .sideCon{ overflow:hidden;}
	.sideNav .sideCon ul{}
	.sideNav .sideCon li{ height:50px; background:#F5F5F5 url(../images/icon03.png) right center no-repeat; border-bottom:1px solid #e8e8e8; font:14px/50px "microsoft yahei"; color:#5A5A5A;}
	.sideNav .sideCon li a{ display:block; padding-left:20px; text-align:left; color:#5A5A5A;}
	.sideNav .sideCon li:hover{ background:#F9F9F9 url(../images/icon04.png) right center no-repeat;}
	.sideNav .sideCon li:hover a{ color:#00bcd4;}
	.sideNav .sideCon li.active{ background:#F9F9F9 url(../images/icon04.png) right center no-repeat;}
	.sideNav .sideCon li.active a{ color:#00bcd4;}
	
	.sideImg{ height:auto;}
	.sideImg img{ display:block; width:100%; height:auto;}

	.contact{ height:auto; background:#F5F5F5;}
	.contact dl{ padding-bottom:10px;}
	.contact dt{ display:block; height:50px; padding-left:20px; margin-bottom:10px; border-bottom:1px solid #e8e8e8; font:18px/50px "microsoft yahei";}
	.contact dd{ padding:0 5px 0 30px; margin-top:5px; font:12px/2 "microsoft yahei";}
	.contact dd:nth-of-type(1){ padding:0 10px;}
	.contact dd:nth-of-type(2){ background:url(../images/icon05.png) 5px 4px no-repeat; background-size:18px 18px;}
	.contact dd:nth-of-type(3){ background:url(../images/icon06.png) 5px 4px no-repeat; background-size:18px 18px;}
	.contact dd:nth-of-type(4){ background:url(../images/icon07.png) 5px 2px no-repeat; background-size:12px 12px;}

/*内容*/
.listMain{ float:right; width:940px; margin-bottom:50px;}

	.listTit{ height:49px; border-bottom:1px solid #CCCCCC;}
	.listTit span{ display:inline-block; padding:0 10px; font:12px/50px "microsoft yahei"; color:#5A5A5A;}
	.listTit i{ display:inline-block; float:right; padding:0 10px; font:14px/50px "microsoft yahei"; color:#5A5A5A;}
	.listTit a{ color:#5A5A5A;}

	/*内容*/
	.listCon{ width:94%; height:auto; font-size:16px;margin:0 auto; padding:30px 0;}

	/*产品*/
	.listPhoto{ width:100%; height:auto; margin:0 auto; padding:30px 0;}
	.listPhoto dl{ width:100%; margin:0 auto; text-align:center;}
	.listPhoto dl dd{ float:left; width:235px; height:250px; margin-top:20px;}
	.listPhoto .listPhoto-img{ width:220px; height:220px; margin:0 auto; border:1px solid #00bcd4; overflow:hidden;}
	.listPhoto .listPhoto-img a{ display:table-cell; width:220px; height:220px; vertical-align:middle; text-align:center; overflow:hidden;}
	.listPhoto .listPhoto-img img{ max-width:100%; max-height:100%; vertical-align:middle; text-align:center; transition:all 0.5s ease-out;}
	.listPhoto .listPhoto-img img:hover{ transform:scale(1.1,1.1);}
	.listPhoto .listPhoto-tit{ width:220px; height:30px; font:14px/30px "microsoft yahei"; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	/*新闻*/
	.listNews{ width:94%; height:auto; margin:0 auto; padding:20px 0 30px;}
	.listNews ul{ margin:0 auto;}
	.listNews li{ height:auto; padding-top:20px; border-bottom:1px solid #ebebeb; position:relative;}
	.listNews .listNews-tit{ height:30px; font:16px "microsoft yahei"; color:#00bcd4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.listNews .listNews-tit a{ color:#00bcd4;}
	.listNews .listNews-tit span{ padding-right:10px;}
	.listNews .listNews-date{ height:20px; font:12px "microsoft yahei"; color:#929292;}
	.listNews .listNews-txt{ height:auto; margin:5px 0 20px; font:14px/20px "microsoft yahei"; color:#5A5A5A; overflow:hidden;}
	.listNews .listNews-txt{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
	.listNews .listNews-move{ height:30px; text-align:right;}
	.listNews .listNews-move a{ display:inline; font:bold 16px/30px "Microsoft YaHei"; color:#cc0000;}
	.listNews .listNews-move a:hover{ opacity:0.5;}
	

	/*详细页*/
	.listShow{ width:94%; height:auto; margin:0 auto; padding:30px 0;}
	.listShow .showTit{ min-height:25px; margin:30px auto 10px; font:bold 18px/25px "microsoft yahei"; text-align:center; color:#333;}
	.listShow .showDate{ min-height:30px; margin:0 auto; font:12px/25px "microsoft yahei"; text-align:center; color:#999; border-bottom:1px dashed #DDD;}
	.listShow .showDate span{ padding:0 10px;}
	.listShow .showImg{ margin:20px auto;}
	.listShow .showImg li{ float:left; width:100%; height:auto; margin:10px auto; text-align:center; overflow:hidden;}
	.listShow .showImg li a{ display:block; margin:0 auto; vertical-align:middle; text-align:center;}
	.listShow .showImg li img{ max-width:100%; max-height:100%; vertical-align:middle; text-align:center;}
	.listShow .showTxt{ margin:20px auto; line-height:200%;}
	.listShow .showYao{ height:auto; margin:20px auto; padding:0 2%; line-height:200%; border-radius:10px; background:#F2F2F2; color:#999;}
	




.listPhoto .listPhoto-img .img{
	transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/
	-moz-transition:all 0.5s ease-out;	/* Firefox 4 */
	-webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */
	-o-transition:all 0.5s ease-out;	/* Opera */
}


















/* =========================子页样式.结束======================= */