@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-family: 微软雅黑}
fieldset, img {border: 0px;margin: 0px;padding: 0px;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
body {font-size: 14px;line-height: 24px;}
.clear{ clear:both;}
.clearfix{clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.left{ float:left;}
.right{ float:right;}


a {color: #555;text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
.w1200{ width:1200px; margin:0 auto;}

.mgt50{ margin-top:50px;}

.headBg{ width:1200px; margin:0 auto; padding:0px 0px;height:40px; background:#911811; line-height:40px; font-size:16px; color:#fff; font-weight:bold;}
.headBg .fl{ padding-left:15px;}
.headBg .fr{ background:url(../images/telIcon.png) left center no-repeat; padding-left:24px; color:#fff; padding-right:15px;}
.top{ width:1200px; height:; margin:0 auto; height:90px;}
.top .logo{ width:235px; height:52px; float:left; margin:19px 0px;}
.top .menu{ width:945px; float:right;}
.top .menu ul li{ width:105px; height:90px; float:left;}
.top .menu ul li a{ width:105px; display:block;height:90px; line-height:90px; font-size:15px; color:#333; text-align:center;}
.top .menu ul li a:hover{ background:#b3261d; color:#fff;}
.top .menu ul li a.hover{ background:#b3261d; color:#fff;}

/*------banner----*/
.banner{ width:1200px; height:600px; z-index:-9; margin:0 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:10px; list-style:none;background:#fff;width:12px;height:12px; margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#b3261d; cursor:pointer;}
.banner, .banner a {height:600px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}


/*-----我们的优势-----------*/
.wmys{ width:1200px; float:left; margin-top:30px;}
.title1{ width:1200px; float:left;}
.title1 span{ display:block; float:left; text-align:center; font-size:24px; width:100%;color:#b3261d; font-weight:bold; line-height:35px;}
.title1 label{ font-size:12px; color:#666; text-transform:uppercase; display:block; width:100%;float:left; text-align:center;}

.wmysTxt{ width:1200px; float:left; text-align:center; font-size:14px; line-height:30px; color:#666;}
.wmysTxt h1{ font-size:18px; font-weight:bold; color:#333; margin:10px 0px; display:block; width:1200px; text-align:center;}

.wmysIcon{ width:1200px; float:left; margin-top:20px;}
.wmysIcon ul li{ width:100px; display:block; float:left; margin:0px 70px;}
.wmysIcon ul li img{ width:60px; height:60px; display:block; float:left; text-align:center; margin:0px 20px;}
.wmysIcon ul li span{ width:100px; display:block; float:left; text-align:center; color:#333; margin:10px 0px;}


.grayBg{ width:1200px;background:#f5f5f5; padding:50px 15px 30px 15px; margin:0 auto;}
.jpzz{ width:1200px; margin:0 auto;}

.jpzzBox{ width:1200px; margin:30px auto;}

.jpzzBox ul{ width:1245px; margin-left:-45px;}
.jpzzBox ul li{ width:370px; display:block; height:280px; float:left;margin-top:40px; margin-left:45px;position: relative; float: left; text-align: center; }
.jpzzBox ul li p{width:370px; height:30px; line-height:30px; text-align:center; color:#666;}
.jpzzBox ul li a {color: #fff; font-size: 14px; }
.jpzzBox ul li a  .pic{ width:370px; height:250px; /*overflow:hidden;*/}
.jpzzBox ul li a  .pic img{ width:370px; height:250px;}
.jpzzBox ul li .tit { position: absolute; left: 0; top: 0; width:370px; height: 250px; transition: all 0.8s ease 0s; transform:scale(0); display: none\9; filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#99000000", endColorstr="#99000000"); background-color:rgba(0,0,0,0.6); }
.jpzzBox ul li .tit { filter:none; font-size:20px;}
.jpzzBox ul li .tit i { display: block; width: 32px; height: 32px; margin: 80px auto 15px; background: url(../images/look.png); }
.jpzzBox ul li:hover .tit { transform:scale(1); display: block\9; }

.more{ width:100%; float:left; margin:50px 0px 30px 0px;}
.more a{ width:122px;height:35px;display:block;margin:0 auto;background:#f60; olor:#fff;font-size:14px; color:#fff; text-align:center; line-height:35px;text-transform:uppercase;}
.more a:hover{ text-decoration:underline;}



.product_menu li{ width:168px; overflow:hidden; margin-bottom:1px;_margin:-1px 0 0;_diplay:inline;}
.product_menu li a{ display:block; color:#fff; font-size:16px;padding:73px 0 73px 30px;_margin:-1px 0 0;overflow:hidden;}
.product_menu li a span{ font-size:12px; display:block; margin:5px 0 0 ;}
.jjrz a{ background:#e71b64;}
.jjrz a:hover{ background:#e93173 url(../images/red_tri.png) center right no-repeat; text-decoration:none; color:#fff;} 
.jjrz .on{ background:#e93173 url(../images/red_tri.png) center right no-repeat; text-decoration:none;}

.cpcl a{ background-color:#ff6600;}
.cpcl a:hover{ background:#ff7519 url(../images/red_tri.png) center right no-repeat; text-decoration:none; color:#fff;}
.cpcl .on{ background:#ff7519 url(../images/red_tri.png) center right no-repeat; text-decoration:none;}

.hyjj a{background-color:#f02555;}
.hyjj a:hover{ background:#f13b66 url(../images/red_tri.jpg) center right no-repeat; text-decoration:none; color:#fff;}
.hyjj .on{ background:#f13b66 url(../images/red_tri.jpg) center right no-repeat; text-decoration:none;}

.product_detail{ margin:0 0 0 30px; width:1002px;}
.product_detail h2{ height:40px;font-size: 24px; color: #282828;font-weight: normal;}
.product_detail h2 a{ font-size: 14px; color: #81d8d0;font-weight: normal; padding: 0 0 0 20px; vertical-align:top;}
.product_detail h2 span{ vertical-align:top;}
.product_detail ul{ margin:0 0 0 10px; background:url(../images/list_num.jpg) right 11px no-repeat;}
.product_detail ul li{ height:40px; line-height:40px; text-align:right; padding:0 40px 0 0;}

.product_picScroll{ width:589px; height:436px; overflow:hidden; position:relative;}
		.product_picScroll .hd{ overflow:hidden; position:absolute; bottom:0; right:239.5px;  height:30px;  padding:0 10px;  }
		.product_picScroll .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.product_picScroll .hd ul li{ float:left; padding:0;  width:10px; height:10px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background-color:#e8e8e8; border-radius:50px;}
		.product_picScroll .hd ul li.on{  background-color:#feb13d;}
		.product_picScroll .bd ul{ overflow:hidden; zoom:1; }
		.product_picScroll .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; height:399px; position:relative;}
		.product_picScroll .bd ul li .pic{ text-align:center;width:589px; height:399px; display:block; overflow:hidden;}
		.product_picScroll .bd ul li .pic img{ width:589px; height:399px; display:block; }
		.product_picScroll .bd ul li .pic a:hover img{ border-color:#999;  }
		.product_picScroll .bd ul li .product_picScroll_title{ position:absolute; bottom:0; left:0;width:100%;}
		.product_picScroll .bd ul li .product_picScroll_title a{ color:#fff; display:block; height:36px; line-height:36px;padding:0 0 0 10px;background:#000; filter:alpha(opacity=60); /*IE滤镜，透明度50%*/-moz-opacity:0.6; /*Firefox私有，透明度50%*/opacity:0.6;/*其他，透明度50%*/left: 0; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:left;}
		
		
.fwpp{ width:1200px; margin:0 auto;}

.fwppBox{ width:1200px; height:400px; float:left;}
.fwppBox ul{ width:1220px; margin-left:-20px;}
.fwppBox ul li{ width:178px; height:58px; display:block; float:left; border:solid 1px #cfcfcf; margin-left:20px; margin-top:20px;}
.fwppBox ul li img{width:176px; height:56px;}

.footBg{ width:1200px; background:#e8e8e8; padding:40px 15px; margin:0 auto;}
.footBg .flx{ width:910px; float:left;}
.footBg .flx h1{ display:block; float:left; width:910px; line-height:40px;font-weight:normal;color:#5e5e5e; font-size:24px;}
.footBg .flx h1 label{ font-size:16px; padding-left:15px;}
.footBg .flx .flxBox{ float:left; margin-top:10px;font-size:14px; color:#5e5e5e;line-height:25px; text-align:left;}

.footBg .flx .flxBox dd { width:100%; float:left}
.footBg .flx .flxBox dd .u-i{margin-right: 2px;}

.footBg .flx .flxBox dd:hover .u-i{margin-right: 5px;}



.footBg .flx .flxBox dt{ font-size:18px; padding-bottom:10px; display:block; float:left; width:100%; padding-top:10px;}

.siteNav dd a:hover span,.siteNav dd a span,.flxBox dd:hover .u-i,.flxBox dd .u-i{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}


.footBg .flx .flxBox span:hover {-webkit-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.footBg .fewm{ width:290px; float:right;}
.footBg .fewm span{ width:120px; display:block; float:left; margin-left:25px;}
.footBg .fewm span img{ width:120px; height:120px; display:block; float:left;}
.footBg .fewm span label{ width:120px; text-align:center; display:block; float:left; color:#5e5e5e; line-height:20px;}


.copyright{ width:1200px; margin:0 auto; padding:0px 15px;background:#a3a1a2; height:36px; line-height:36px; color:#5e5e5e;}


 /*客服*/

.izl-rmenu{position:fixed;right:0px;bottom:52px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999; width:55px;}
.izl-rmenu .btn{width:54px;height:54px; display:block;cursor:pointer;position:relative; border-bottom:solid 1px #444;}

.izl-rmenu .btn-qq{background:url(../images/f2.png) 10px 10px no-repeat #333;}
.izl-rmenu .btn-qq:hover{background: #333; text-decoration:none;}
.izl-rmenu .btn-qq .qq{background:url(../images/f2.png) 20px 10px no-repeat #333;position:absolute;width:185px;left:-135px;top:0px;color:#FFF;display:none; height:54px; line-height:54px; text-align:center;color:#fff; font-size:18px; font-family:"微软雅黑";}

.izl-rmenu .btn-phone .phone{background:#b3261d;position:absolute;width:185px;left:-135px;top:0px;color:#FFF;display:none;height: 54px; color:#fff; font-size:18px; font-family:"微软雅黑"; line-height:54px; text-align:center;}
.izl-rmenu .btn-phone{background:url(../images/f1.png) 10px 10px no-repeat #333;}
.izl-rmenu .btn-phone:hover{background:#b3261d; text-decoration:none;}

.izl-rmenu .btn-xl{background:url(../images/f3.png) 10px 10px no-repeat #333;}
.izl-rmenu .btn-xl:hover{background:url(../images/f3.png) 10px 10px no-repeat #333;text-decoration:none;}
.izl-rmenu .btn-xl .qq{background:url(../images/f3.png) 20px 10px no-repeat #333;position:absolute;width:185px;left:-135px;top:0px;color:#FFF;display:none; height:54px; line-height:54px; text-align:center;color:#fff; font-size:18px; font-family:"微软雅黑";}



.izl-rmenu .btn-wx{background:url(../images/f4.png) 10px 10px no-repeat #333;}
.izl-rmenu .btn-wx:hover{background:url(../images/f4.png) 10px 10px no-repeat #333;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-100px;top:0px;display:none;width:100px;height:100px;}

.izl-rmenu .btn-wb{background:url(../images/WEIBB.png) 10px 10px no-repeat #a0a0a0; border-radius:5px;}
.izl-rmenu .btn-wb:hover{ background-color:#0a7a6c}
.izl-rmenu .btn-wb .pic{position:absolute; left:-102px;top:0px;display:none;width:100px;height:100px;}

.izl-rmenu .btn-massges{background:url(../images/massage.png) 10px 10px no-repeat #a4a4a4;}
/*.izl-rmenu .btn-massges:hover{background:url(../images/massage.png) 10px 10px no-repeat #0795df; border-radius:5px;}*/
.izl-rmenu .btn-top{background:url(../images/f5.png) 10px 10px no-repeat #333;}
/*.izl-rmenu .btn-top:hover{background:url(../images/top.png) 10px 10px no-repeat #0795df; border-radius:5px;}*/




.INBanner{ height:320px; width:1180px; margin:0px auto;}

.location{ width:100%; border-bottom:1px solid #d7d7d7; height:40px; line-height:40px; color:#999; text-align:left; font-size:14px;}
.location a{ color:#999;}


.pageTitle{ width:1200px; margin:40px auto;}
.titlen { text-align: center;color: #050505;margin: 60px auto 0;font-size: 34px; line-height: 42px;}
.textn { text-align: center; color: #3b3b3b; font-size: 14px;margin: 5px 0 15px;line-height: 22px;}
.textn-1 {display: table;height: 24px; margin: 0 auto; padding: 0 75px; color: #000000; font-size: 16px;letter-spacing: 3px; font-weight: bold; line-height: 24px;position: relative;}

.textn-1 i { content: ""; display: block; position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #acacac;}
.textn-1 span {display: table;margin: 0 auto; position: relative;z-index: 50; background: #fff;padding: 0 55px; color:#333;}



.pageMenu{ width:1200px; float:left; margin:30px auto 0px auto;}
.pageMenu ul{}
.pageMenu ul li{width:170px;display:inline-block; float:left; *display:inline; zoom:1;height:40px;border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;}
.pageMenu ul li:first-child{border-left:solid 1px #dcdcdc;}
.pageMenu ul li:last-child{border-right:solid 1px #dcdcdc;}
.pageMenu ul li a{text-align:center; width:169px; display:block;line-height:40px;float:left;background: url(../images/ibg.jpg) no-repeat right center; font-size:16px; color:#010101;}
.pageMenu ul li a.last{ background:none;}

.pageMenu ul li a.cur{ background:url(../images/menuABg.jpg) no-repeat; position:relative; color:#fff; height:48px;}

.pageMenu ul li a:hover{ background:url(../images/menuABg.jpg) no-repeat; position:relative; color:#fff; height:48px;}




/*-----分页样式-----------*/
.pageNav{ width:100%; margin:50px 0px 30px 0px; text-align:center; }
.pageNav ul {display: inline-block;*display: inline;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;*zoom: 1;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
	.pageNav ul li {display: inline;}
	.pageNav ul li a,
	.pageNav ul li span {float: left;color: #454545;padding: 10px 22px;line-height: 20px;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;border-left-width: 0;font-size:15px;}
	.pageNav ul li a:hover {background-color: #b3261d;color: #FFF;transition: 0.3s;}
	.pageNav ul .active a,
	.pageNav ul .active a:hover {background: #b3261d;color: #fff;}
	.pageNav ul .active a,
	.pageNav ul .active span {color: #fff;cursor: default;font-weight: bold;}
	.pageNav ul .disabled span,
	.pageNav ul .disabled a,
	.pageNav ul .disabled a:hover {color: #999999;cursor: default;}
	.pageNav ul .disabled a:hover{ color:#fff;}
	.pageNav ul li:first-child a,
	.pageNav ul li:first-child span {border-left-width: 1px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-bottomleft: 4px;-moz-border-radius-topleft: 4px;}
	.pageNav ul li:last-child a,
	.pageNav ul li:last-child span {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;}



/*--------关于我们--------*/
.pageTxt{width:1200px; margin:30px auto; /*padding:0px 40px;*/ font-family:"微软雅黑"; line-height:35px; color:#333;font-size:16px;}


/* 新闻中心列表页样式 */
.News-list { }
.News-list .Item { padding: 40px 0; border-bottom: 1px dashed #bfbfbf; position: relative; }
.News-list .Item .pic { float: left; width:300px; }
.News-list .Item .pic  img{ width:300px; height:180px;}
.News-list .Item .Intro { float: right; width:870px; }
.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; clear:both;}
.News-list .Item .Intro .more {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: 35%; transition: all 0.3s; margin-top:25px; clear:both;}
.News-list .Item a:hover .Intro h3 { color: #b3261d; }
.News-list .Item a:hover .Intro .more { background: url('../images/icon-more02.png') no-repeat center center #b3261d; background-size:35%; border-color: #b3261d; }
.News-list .Detail-bottom { text-align: left; }




/*--------案例详情页面-------*/

.infoTop{ width:1100px; margin:50px 50px 20px 50px; float:left;}
.infoTop .infoTopL{ width:550px; height:350px; float:left;}
.infoTop .infoTopR{ width:550px; height:350px; background:#f4f4f4;float:right; position:relative;}

.infoTopR .icon{ position:absolute; top:0px; right:0px; width:94px; height:94px;}
.infoTopR h1{ display:block; float:left;  margin:25px 25px 0px 25px; height:35px; width:450px;line-height:35px; overflow:hidden; position:relative; z-index:22;}
.infoTopR h2{display:block; float:left;  margin:0px 25px; height:35px; width:450px;line-height:35px; overflow:hidden; position:relative; z-index:22; color:#999; font-size:18px;}
.infoTopR h3{display:block; float:left;  margin:0px 25px; height:25px; width:450px;line-height:25px; font-weight:normal;overflow:hidden; position:relative; z-index:22; color:#b5b5b5; font-size:16px;}
.infoTopR span{ display:block; width:500px; margin:25px 25px 0px 25px; float:left; line-height:25px; color:#787878; font-size:13px;}
.infoTopR .date{ display:block; float:left; width:500px;color:#b5b5b5; margin:20px 25px;}


.caseInfo{ width:1100px; margin:20px 50px; float:left;}
.caseInfo .title1{ margin:0px 0px 20px 0px;}
.box{ background:#f4f4f4; padding:50px 110px; width:880px; float:left;}
.box h3{ display:block; text-align:center; height:30px; line-height:30px; width:100%;color:#9d9d9d; font-weight:normal; font-size:14px;}


.jqzoom{ width:880px; height:560px; position:relative; border:1px solid #eee; overflow:hidden;}
.zoomdiv{ left:859px;width:880px;height:560px; }
.list-h li{ float:left;}
#spec-n5{width:880px; height:100px; padding-top:20px; overflow:hidden;}
#spec-left{ width:30px; height:90px; float:left; cursor:pointer;background:url(../images/left.gif) no-repeat; margin-top:9px;}
#spec-left:hover{background:url(../images/leftH.gif) no-repeat;}
#spec-right{width:30px; height:90px; float:right;cursor:pointer; background:url(../images/right.gif) no-repeat;margin-top:9px;}
#spec-right:hover{ background:url(../images/rightH.gif) no-repeat;}
#spec-list{ width:800px; float:left; overflow:hidden; display:inline; margin:0px 10px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:160px;}
#spec-list ul li img{ border:9px solid #f4f4f4; width:142px; height:90px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list div{ margin-top:0; *margin-left:0;}

/************  图片展示区域  结束 ***************************************************/

.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;}