@charset "utf-8";
/* CSS Document */
body{
	background-color: #f5f5f7;
}
.inside-banner{
	width: 100%;
	height: 503px;
	background-position: center !important;
	position: relative;
}
/**************产品******************/
.pro-list{
  padding-top: 20px;
}
.pro-list ul li{
  float: left;
  width: 266px;
  margin: 5px;
  height: 230px;
  overflow: hidden;
  position: relative;
}
.pro-list ul li .text{
  position: absolute;
  top: -400px;
  left: 0px;
  background: url(../images/bg13.png);
  width: 266px;
  height: 230px;
}
.pro-list ul li .text .box{
  width: 220px;
  text-align:center;
  margin: 0 auto;
  padding-top: 50px;
}
.pro-list ul li .text .p1{
  font-size: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 600;
  color: #fff;
}
.pro-list ul li .text .p2{
  color: #bebebe;
  font-size: 15px;
  font-family:"Arial", Helvetica, sans-serif;
  line-height: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom:30px;
  border-bottom: 1px dashed #fff;
}
.pro-list ul li .text .p3{
  width: 100px;
  height: 30px;
  line-height:30px;
  margin: 0 auto;
  border:1px #bebebe solid;
  color: #bebebe;
}

.pro-list ul li .text .p3:hover{
  border:1px #d50505 solid;
  color: #d50505;
}
.pro-list ul li .text p{
  text-align: center;
}




.inside-banner .prosize{
	position: absolute;
	top: 95px;
	left: 30%;
	margin-left: -78px;
	width: 605px;
	height: 139px;
	overflow: hidden;
	opacity: 0;
}
.inside-banner .prosize img{
	margin-left: 500px;
}
.w1104{
	width: 1104px;
	margin: 0 auto;
}
.w1108{
	width: 1108px;
	margin: 0 auto;
}
.p80{
	padding-top: 20px;
}
.pro-wrap{
	padding-bottom: 72px;
}
.pro-wrap .pronav{
	height: 61px;
}
.pronav li{
	border-right: 2px solid #fff;
	line-height: 61px;
	text-align: center;
	background-color: #696969;
	font-size: 16px;
}
.pronav li:hover{
	background-color: #dc0000;
}
.pronav li.hover{
	background-color: #dc0000;
}
.pronav li a{
	display: block;
	width: 182px;
	color: #fff;
}
.pro-wrap .prolist{
	margin-top: 45px;
	overflow: hidden;
	position: relative;
}
.pro-wrap .prolist ul{
	width: 1125px;
}
.pro-wrap .prolist li{
	width: 205px;
	height: 384px;
	padding: 2px;
	background: url(../images/bg_prolistli.png) no-repeat center;
	margin-right: 17px;
	margin-bottom: 27px;
}
.pro-wrap .prolist li a{
	display: block;
	height: 386px;
	cursor: pointer;
}
.pro-wrap .prolist li.right{
	margin-right: 0;
}
.prolist li span.bigimg{
	float: left;
	display: inline-block;
	width: 204px;
	height: 310px;
	overflow: hidden;
	position: relative;
}
.prolist li span.bigimg img{
	float: left;
	display: inline;
	width: 204px;
	height: 310px;
	transform: scaleX(1) scaleY(1);
    transition: all 1s ease 0s;
}
.prolist li span.bigimg img:hover{
	transform: scaleX(1.1) scaleY(1.1);
}
.prolist li span.main{
	float: left;
	display: inline-block;
	width: 204px;
	font-size: 14px;
	text-align: center;
	padding-top: 17px;
	border-top: 1px solid #e5e5e7;
	line-height: 20px;
	height: 62px;
}
.prolist li:hover .main{
	background-color: #dc0000;
	border-top: 1px solid #dc0000;
}
.prolist li:hover .tit{
	color: #fff;
}
.prolist li:hover .int{
	color: #fff;
}
.prolist .main .tit{
	font-weight: bold;
	color: #363636;
}
.prolist .main .int{
	color: #646363;
}
.propage{
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;
}

/*****************服务承诺******************/
.plansize{
	position: absolute;
	left: 50%;
	margin-left: -303px;
	top: 91px;
	opacity: 0;
}
.plansize img{
	margin-top: -139px;
}
.plan-wrap{
    height:500px;
	padding-bottom: 93px;
}
.plan-wrap .planlist li{
	width: 541px;
	height: 240px;
	padding: 2px;
	background: url(../images/bg_planlistli.png) no-repeat center;
	margin-right: 18px;
	margin-bottom: 19px;
}
.plan-wrap .planlist li.right{
	margin-right: 0;
}
.plan-wrap .planlist span.imgbox{
	display: inline-block;
	width: 250px;
	height: 240px;
	overflow: hidden;
	position: relative;

}
.plan-wrap .planlist span.imgbox img{
	float: left;
	display: inline;
	width: 250px;
	height: 240px;
	overflow: hidden;
	position: relative;
	transform: scaleX(1) scaleY(1);
    transition: all 1s ease 0s;
}
.plan-wrap .planlist span.imgbox img:hover{
	transform: scaleX(1.1) scaleY(1.1);
}
.plan-wrap .planlist .contbox{
	padding: 42px 0 0 15px;
	width: 275px;
	text-align: left;
}
.plan-wrap .planlist .f22{
	font-size: 15px;
	line-height: 44px;
	font-weight: bold;
	color: #3c3c3c;
	width: 290px;
	display: block;
	text-align: left;
}
.plan-wrap .planlist .f22 a{
	color: #000;
}
.plan-wrap .planlist .word{
	display: block;
	width: 249px;
	text-align: left;
	color: #3c3c3c;
	line-height: 24px;
	margin-top: 7px;
	font-size: 12px;
}
.plan-wrap .planlist .more{
	display: block;
	width: 113px;
	height: 34px;
	background-color: #c4c4c4;
	color: #fff;
	margin: 28px auto 0;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	transition: background-color 0.3s ease 0s;
}
.plan-wrap .planlist .more:hover{
	background-color: #0775d0;
}

/***************产品详情***************/
.ins-adress{
	color: #626262;
	font-size: 14px;
	line-height: 14px;
	padding-top: 20px;
	padding-bottom: 32px;
}
.ins-adress a{
	color: #626262;
}
.proinfo{
	position: relative;
}
.proinfo .bigimg{
	width: 511px;
	height: 449px;
	border: 1px solid #eeeeee;
	position: relative;
	overflow: hidden;
	background: url(../images/loading.gif) no-repeat center;
}
.proinfo .bigimg img{
	width: 511px;
	height: 449px;
}
.proinfo .bigimg .zoom_icon{
	position: absolute;
	padding-left: 22px;
	background: url(../images/ico_proinfo01.png) no-repeat left center;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	display: block;
	right: 19px;
	bottom: 22px;
	color: #646363;
}
.proinfo .prointr{
	width: 553px;
}
.proinfo .prointr h2{
	font-size: 20px;
	line-height: 58px;
	color: #363636;
}
.proinfo .prointr .word{
	height: 98px;
	font-size: 14px;
	color: #646363;
	line-height: 24px;
	padding-top: 6px;
}
.prointr .spec{
	padding: 27px 0 26px 15px;
	border-top: 1px dashed #dddddf;
	border-bottom: 1px dashed #dddddf;
}
.prointr .listwrap{
	height: 83px;
	width: 551px;
	border: 1px solid #eeeeee;
	padding: 20px 0;
	position: relative;
	margin-top: 25px;
	background-color: #fff;
}
.prointr .btn-prev{
	position: absolute;
	width: 26px;
	height: 26px;
	background: url(../images/btn_proinfo.png) no-repeat left center;
	left: 21px;
	top: 49px;
	cursor: pointer;
}
.prointr .btn-next{
	position: absolute;
	width: 26px;
	height: 26px;
	background: url(../images/btn_proinfo.png) no-repeat right center;
	right: 20px;
	top: 49px;
	cursor: pointer;
}
.prointr .list{
	width: 422px;
	height: 83px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.prointr .list li{
	width: 93px;
	height: 81px;
	border: 1px solid #eeeeee;
	margin-right: 14px;
	cursor: pointer;
}
.prointr .list li img{
	width: 93px;
	height: 81px;
}
.procont-wrap{
	margin-top: 51px;
	padding-bottom: 122px;
}
.recom-pro{
	width: 259px;
}
.recom-pro .tit{
	height: 54px;
	width: 259px;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: url(../images/bg_recomtit.jpg) no-repeat center;
}
.recomlist{
	margin-top: 15px;
	border: 1px solid #eeeeee;
	width: 257px;
}
.recomlist li{
	width: 257px;
	border-bottom: 1px solid #eeeeee;
	font-size: 14px;
	background-color: #fff;
	padding-bottom: 20px;
}
.recomlist li img{
	float: left;
}
.recomlist li .bold{
	font-weight: bold;
	color: #363636;
	line-height: 24px;
	text-align: center;
	width: 257px;
}
.recomlist li .reg{
	width: 257px;
	text-align: center;
	line-height: 18px;
	color: #646363;
}
.prosec-cont{
	width: 1100px;
}
.prosec-nav{
	width: 1100px;
	height: 54px;
	font-size: 16px;
}
.prosec-nav li{
	width: 264px;
	height: 54px;
	color: #696969;
	background-color: #fff;
	margin-right: 1px;
	text-align: center;
	line-height: 54px;
	cursor: pointer;
}
.prosec-nav li:hover{
	background-color: #dc0000;
	color: #fff;
}
.prosec-nav li.hover{
	background-color: #dc0000;
	color: #fff;
}
.prosec-cont .contbox{
	width: 1000px;
	padding: 26px 30px 54px 30px;
	font-size: 14px;
	border: 1px solid #eeeeee;
	color: #646363;
	margin-top: 16px;
	background-color: #fff;
}
.prosec-cont .bold{
	font-weight: bold;
}
.prosec-cont .boxs{
	display: none;
}

/*******************关于我们******************/
.inside-banner .aboutsize{
	position: absolute;
	top: 95px;
	left: 45%;
	margin-left: -299px;
	opacity: 0;
}
.aboutsize img{
	margin-top: -139px;
}
.about-fir{
	padding-top: 20px;
	background-color: #fff;
	padding-bottom: 98px;
}
.about-fir .titbox{
	font-size: 24px;
	font-weight: bold;
	color: #232323;
	line-height: 24px;
	display: block;
	height: 24px;
	width: 100%;
	background: url(../images/bg_aboutline01.jpg) no-repeat center;
	text-align: center;
}
.about-fir .imgbox{
	padding-top: 68px;
	padding-bottom: 59px;
	position: relative;
	height: 308px;
	overflow: hidden;
}
.about-fir .imgbox .left{
	position: absolute;
	left: -1026px;
	top: 68px;
}
.about-fir .imgbox .right{
	position: absolute;
	right: -632px;
	top: 199px;
}
.about-fir .wordbox{
	width: 100%;
	background: url(../images/bg_aboutline02.jpg) no-repeat center;
	color: #646363;
	font-size: 14px;
}
.about-fir .wordbox span{
	display: block;
}
.about-fir .wordbox p{
	width: 997px;
}
.about-sec{
	background-color: #2d6a87;
	padding-top: 64px;
	color: #fff;
	padding-bottom: 83px;
	height: 309px;
}
.about-sec .culturbox{
	padding-left: 0px;
}
.about-sec .culturbox .imgbox{
	display: block;
	width: 159px;
	height: 102px;
}
.about-sec .culturbox .contbox{
	padding-left: 55px;
}
.about-sec .culturbox .f24{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 32px;
}
.about-sec .culturbox .word{
	display: block;
	width: 802px;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	margin-top: 13px;
}
.about-sec .culli-ico{
	padding-left: 52px;
	width: 999px;
	margin-top: 32px;
	padding-bottom: 24px;
	height: 22px;
}
.about-sec .culli-ico img{
	width: 0px;
}
.about-sec .cullist{
	position: relative;
	overflow: hidden;
	padding-left: 216px;
	font-size: 13px;
	line-height: 22px;
}
.about-sec .cullist li{
	opacity: 0;
}
.about-sec .cullist ul{
	width: 1015px;
}
.about-sec .main{
	display: block;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	margin-top: 31px;
}
.about-thi{
	background-color: #fff;
	padding-top: 64px;
	padding-bottom: 72px;
}
.about-thi .f24{
	font-size: 24px;
	font-weight: bold;
	color: #363636;
	line-height: 24px;
	display: block;
}
.about-thi .f16{
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	margin-top: 22px;
	margin-bottom: 9px;
}
.about-thi p{
	margin-top: 21px;
	color: #646363;
	font-size: 14px;
}
.about-thi img{
	margin-top: 17px;
}

/*******************企业文化******************/
.about-fou{
	background-color: #f5f5f7;
	padding-top: 75px;
	padding-bottom: 77px;
}
.about-fou .titbox{
	font-size: 24px;
	line-height: 24px;
	height: 24px;
	background: url(../images/bg_aboutline01.png) no-repeat center;
	text-align: center;
	width: 100%;
}
.about-fou .titbox p{
	width: 144px;
	background-color: #f5f5f7;
	margin: 0 auto;
}
.about-fou .friendnav{
	padding-top: 35px;
	padding-bottom: 44px;
	margin: 0 auto;
	height: 46px;
	width: 290px;
}
.about-fou .navli{
	display: block;
	width: 145px;
	height: 46px;
	color: #232323;
	font-size: 18px;
	text-align: center;
	line-height: 46px;
	float: left;
	cursor: pointer;
}
.about-fou .navli:hover{
	background-color: #2f8dda;
	color: #fff;
}
.about-fou .navli.hover{
	background-color: #2f8dda;
	color: #fff;
}
/*******************荣誉资质******************/
.about-fiv{
	background-color: #fff;
	padding-top: 68px;
	width: 100%;
	padding-bottom: 120px;
}
.about-fiv .titbox{
	font-size: 24px;
	line-height: 24px;
	height: 24px;
	text-align: center;
	color: #232323;
	background: url(../images/bg_aboutline01.png) no-repeat center;
	width: 100%;
}
.about-fiv .titbox p{
	width: 129px;
	background-color: #fff;
	margin: 0 auto;
}
.about-fiv .w1104{
	text-align: center;
}
.about-fiv .tit{
   width: 780px;
   margin:0 auto;
	font-size: 12px;
	color: #a7a7a7;
	margin-top: 27px;
	margin-bottom: 45px;
}
.about-fiv .friendlist{
	min-height: 350px;
	position: relative;
	opacity: 0;
}
.about-fiv .friendlist ul{
	width: 1130px;
}
.about-fiv .friendlist li{
	width: 255px;
	height: 148px;
	border: 1px solid #e9e9e9;
	margin-right: 25px;
	margin-bottom: 25px;
}
.about-fiv .friendlist .boxs{
	display: none;
}

#box{position:relative;width:810px;height:392px;margin:60px auto 0;}
#box ul{position:relative;width:810px;height:392px;}
#box li{position:absolute;border:1px solid #ccc;list-style:none;background:#fff5f6;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border-radius:3px;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box .prev, #box .next{position:absolute;top:50%;width:39px;height:80px;margin-top:-40px;overflow:hidden;text-indent:-999px;cursor:pointer;background:url(../images/btn.png) no-repeat;}
#box .prev{left:-60px;}
#box .next{right:-60px;background-position:-39px 0;}
#copyright{padding-top:10px;text-align:center;}

/******************服务中心*******************/
.servicesize{
	position: absolute;
	left: 43%;
	margin-left: -267px;
	top: 95px;
	opacity: 0;
}
.servicesize img{
	margin-top: -139px;
}
.serv-fir{
	background-color: #fff;
	padding-top: 20px;
}
.serv-fir .titbox{
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	text-align: center;
	background: url(../images/bg_aboutline01.png) no-repeat center;
	color: #232323;
}
.serv-fir .titbox p{
	width: 125px;
	background-color: #fff;
	margin: 0 auto;
}
.serv-fir .center{
    width:700px;
	padding: 156px 8px 236px 378px;
	background: url(../images/bg_service01.jpg) no-repeat 46px 75px;
	font-size: 14px;
}
.serv-sec{
	background-color: #f6f6f6;
	width: 100%;
	padding-top: 76px;
}
.serv-sec .titbox{
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	text-align: center;
	color: #232323;
	background: url(../images/bg_aboutline01.png) no-repeat center;
}
.serv-sec .titbox p{
	width: 125px;
	background-color: #f6f6f6;
	margin: 0 auto;
}
.serv-sec .center{
	background: url(../images/bg_service02.png) no-repeat center 62px;
	padding: 76px 60px 43px 34px;
	width: 1100px;
	position: relative;
	overflow: hidden;
	min-height: 722px;
}
.serv-sec .center .imgbox{
	display: block;
	width: 286px;
	height: 200px;
}
.serv-sec .center ul{
	width: 1100px;
	float:center;
}
.serv-sec .center li{
	line-height: 28px;
	font-size: 14px;
	color: #616161;
	text-align: center;
	margin-right: 58px;
	width: 288px;
	margin-bottom: 23px;
}
.serv-sec .center p{
	margin-top: 13px;
}


/**********pros*****************/
.prodetail{
	width: 100%;
	background: #f5f5f7;
}
.prodetail .prode-wrap{
	width: 1104px;
	margin: 0px auto;
	position: relative;
}
.prode-wrap .prode-left{
	float: left;
	display: inline;
	width: 513px;
	height: 450px;
	background:#fff;
}
.prode-wrap .prode-left .prode-Img{
	position: relative;	
	width: 511px;
	height: 450px;
	overflow:hidden;
	border: 1px solid #eee; 
	background: url(../images/loading.gif) no-repeat center center;
}
.prode-wrap .prode-left .prode-Img img{
	float: left;
	display: inline;
	max-width: 511px;
	_width:expression(this.width > 511 ? "511px" : this.width);
	max-height: 450px;
	_width:expression(this.height > 450 ? "450px" : this.height);
}
.prode-left .jqzoom .zoom_icon{ 
	position: absolute; 
	right: 20px;
	top: 17px;
	height: 24px;
	background: url(../images/ico_proinfo01.png) no-repeat left center;
	padding-left: 22px;
	font-size: 14px;
	line-height: 24px;
	color: #646363;
	font-family: "Microsoft YaHei";
}
.prode-wrap .prode-right{
	float: right;

	display: inline;
	padding-left: 40px;
	width: 551px;
}
.prode-right .prode-right-font{
	padding-bottom: 26px;
	margin-right: 8px;
	border-bottom: 1px dotted #dddddf;
}
.prode-right-font h2{
	display: block;
	font-weight: bold;
	font-size: 20px;
	line-height: 54px;
	color: #363636;
	font-family: "Microsoft YaHei";
	margin-bottom: 8px;
}
.prode-right-font p{
	font-size: 14px;
	line-height: 24px;
	color: #646363;
	font-family: "Microsoft YaHei";
}
.prode-right .prode-right-img{
	padding-top: 27px;
	padding-bottom: 33px;
	margin-right: 8px;
	text-align: center;
	border-bottom: 1px dotted #dddddf;
	margin-bottom: 22px;
}
.prode-right .prode-right-img img{
	max-width: 543px;
}
.prode-right .prode-right-content{
	width: 549px;
	height: 122px;
	background: #fff;
	border: 1px solid #eee;
	position: relative;
}
.prode-right-content .prode-prev{
	position: absolute;
	top: 49px;
	left: 20px;
	z-index: 2;
	width: 26px;
	height: 26px;
	background: url(../images/btn_proinfo.png) no-repeat left center;
	cursor: pointer;
}
.prode-right-content .prode-next{
	position: absolute;
	top: 49px;
	right: 20px;
	z-index: 2;
	width: 26px;
	height: 26px;
	background: url(../images/btn_proinfo.png) no-repeat -26px center;
	cursor: pointer;
}
.prode-right-content .prode-right-list{
	padding-top: 20px;
	position: relative;
	z-index: 1;
	width: 422px;
	height: 73px;
	margin: 0px auto;
	overflow: hidden;
}
.prode-right-list ul li{
	float: left;
	display: inline;
	width: 93px;
	height: 71px;
	border: 1px solid #eee;
	overflow: hidden;
	margin-right: 14px;
	cursor: pointer;
}
.prode-right-list ul li.active{
	border-color: #054d88;
}
.prode-right-list ul li img{
	float: left;
	display: inline;
	width: 93px;
	height: 71px;
	overflow: hidden;
}
.zoomdiv{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
    display: none;
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    z-index: 5;
}
.jqZoomPup{
    background:#fff;
    border: 1px solid #aaa;
    opacity: 0.5;
    width: 100px;
    height: 100px;
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

/**********常见问题*****************/

.problemnav{
    margin-top:0px;
	height: 61px;
}
.problemnav li{
	border-right: 6px solid #fff;
	line-height: 61px;
	text-align: center;
	background-color: #696969;
	font-size: 16px;
}
.problemnav li:hover{
	background-color: #dc0000;
}
.problemnav li.hover{
	background-color: #dc0000;
}
.problemnav li a{
	display: block;
	width: 270px;
	color: #fff;
}

.maintit {
	height: 30px;
	line-height: 30px;
	padding:25px 0;
	color: #000;
	font-size: 22px;
	font-weight: bold;
}
.industrycon-l {
	width: 740px;
}
.industrycon-l h3 {
	font-size: 14px;
	color: #000;
}
.industrycon-l p {
	padding-bottom:20px;
}

.industrycon-l p strong {
	color: #000;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
}
.creat-powery-r {
	width: 270px;
	padding-left: 35px;
}