body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote{margin:0px;padding:0px;font-size:12px;text-align:left; font-family:"Microsoft Yahei"!important;}
ul,ol ,li {list-style:none;}
body{margin:0px; padding:0px; color:#666; background:#fff;font-family:"Microsoft Yahei"!important;}
a{color: #666; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}
a img { border:0;}
td,th{ font-size:12px;}

.top{  width:1200px;  padding-top: 20px;  margin: auto; overflow: hidden;}




.banner{ height:720px;
overflow:hidden;
	margin:auto; 
	position: relative; 
	min-width:1024px; 
	max-width:100%;
	}
.bwrap{
	position: relative; 
	z-index: 0;
	 }
.bquery{
	position: relative; 
	z-index: 0; 
	height: 720px; 
	}
.blist{
	display: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0; 
	height:720px; 
	font-size: 0; 
	line-height: 0; 
	}
.blist a{
	display: block; 
	position: absolute; 
	left: 0; 
	top: 0; 
	}
.blist img{ 
}

.bfilter{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 9; 
	width: 100%; 
	height: 720px; 
	font-size: 0; 
	line-height: 0; 
	}
.bfilter a{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 5%; 
	height: 720px; 
	overflow: hidden;
	}
.bfilter a img{
	position: absolute; 
	left: 0; 
	top: 0; 
	}

.bctrl{
	position: absolute; 
	bottom: 15px; 
	left: 0; 
	z-index: 9; 
	width: 100%; 
	height: 24px; 
	}
.bctrli{
	text-align: center; 
	font-size: 0; 
	line-height: 0; 
	}
.bctrli a{
	display: inline-block; 
	width: 24px; 
	height: 24px; 
	margin: 0 5px; 
	background: url(../images/banner_control.png) no-repeat left center; 
	}
.bctrli a:hover,
.bctrli a.curr{
	background-position: right center;
	 }
.bctrli a{
	*display: inline; 
	*zoom: 1; 
	}

.kjdh{ width:1200px; height: 200px; margin: auto; overflow: hidden;}
.kjdh ul{}
.kjdh ul li{ width: 180px; height: 170px; float: left; background:url(../images/xian.png) right center no-repeat; text-align: center; padding-top: 50px;transition:all .5s ease-in .1s;}
.kjdh ul li img{ margin: auto;}
.kjdh ul li p{ font-size: 16px; text-align: center;}
.kjdh ul li:hover{margin-top:-20px;}








.about_bj{ width: 100%; background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position:center bottom;
padding: 5% 0px;}
.about{ width:1200px; height:auto; overflow:hidden; margin:10px auto;}
.jjtb{ width:1200px; height: 100px; background: url(../images/jjtb.png) center top no-repeat; margin: auto;}
.about_left{ width: 1200px; float: left; }
.about_bt{ width:300px;  float: left;}
.about span{ width: 800px; float: right; line-height: 24px; color: #000;}
.about span img{ margin-top: 30px; float: left;}
.more{ margin-top: 30px;}




.probj{ width: 100%; background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position:center bottom;
padding: 3% 0px;
}

.pro{ width:1200px; height:auto; margin: auto;  overflow:hidden; padding-top: 30px;}
.pro_bt{ width: 1200px; height: 100px; background: url(../images/ppbt.png) center top no-repeat; margin: auto;}
.pro_left{ width: 680px; height: auto; float: left;}
.cp01{ width: 334px; height: 385px; background: #f2f4f3; float: left; text-align: center;}
.cp01 img{ margin-top: 40px;}

.pro_left ul{}
.pro_left ul li{ width: 325px; height: 220px; text-align: center;  float: left;}
.pro_left ul li img{ height: 220px; }
.pro_right{ width: 512px; height: 550px; float: right;}
.tjcp{ width: 1200px; height: 450px; margin:auto; overflow: hidden;}
.tjcp ul{ width: 1300px;margin-top: 40px;}
.tjcp ul li{ width: 260px; height: 400px; background: #fff; float: left; margin-right:30px;text-align: center;}
.tjcp ul li img{margin:10px;}
.tjcp ul li p{ font-size: 15px; text-align: center;line-height: 55px;}

.hgys{ width: 100%; background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position:center bottom;
padding: 5% 0px;
}
.ysbt{width: 1200px; height: 100px; background: url(../images/ysbt.png) center top no-repeat; margin: auto; }
.ysnr{ width: 1200px; height: auto; margin: auto;overflow: hidden;}
.ysnr ul li{ width: 407px; height: 468px; float: left; text-align: center; background: url(../images/ysxbj.png) center top no-repeat;}
.ysnr ul li:nth-child(1){ position: relative;z-index: 99;}
.ysnr ul li:nth-child(2){ position: relative;z-index: 1;margin-left: -20px;}
.ysnr ul li:nth-child(3){ position: relative;z-index: 99;margin-left: -20px;}
.ysnr ul li img{ margin-top: 25px; margin-left: 25px;}
.ysnr ul li h1{ font-size: 25px; color: #000; margin-bottom: 20px; margin-top: 30px; font-weight: normal; text-align: center;}
.wz{ width:245px; display: block; margin: auto; text-align: center; font-size: 14px; line-height: 24px;}




.protj_bj{ width: 100%; height: auto; background: #fff; padding-bottom: 80px;}
.protj{ width: 1200px; height: auto; margin: auto; padding-top: 30px; overflow:hidden;}

.ckgd{ width: 100px; height:30px; border: 1px solid #ccc; line-height: 30px; float: right; text-align:center;transition:all .5s ease-in .1s;}
.ckgd:hover{ background: #00408f; color: #fff;}
.ckgd:hover a{color: #fff;}
.pro_nr{ width: 1200px; height: auto;margin: auto;}
.pro_nr ul{ width: 1300px;}
.pro_nr ul li{ width:305px; height: 270px; float: left; margin-right: 10px;}
.cpsm{width: 620px; float: left;}
.cpsm h1{ font-size: 30px; line-height: 60px; font-weight: normal; color: #fff; margin-top: 30px;}
.cpsm p{ font-size: 14px; color: #fff; line-height: 40px;}
.xian{ width: 55px; height:7px; background: #c3161c; margin-top: 13px;}
.cpsm span{ margin-top: 30px; color: #fff; line-height: 24px; margin-top: 30px; display: block; font-size: 14px;}



.xbn{background:#c52229; background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center bottom;
    padding: 3% 0px;
    position: relative;}

.xbnn{ width: 1200px; margin: auto; overflow: hidden;}
.xbnn h1{ font-size: 36px; color: #fff; font-weight: bold; text-align:center;}




.data2 .pic2{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.data2 li{ width: 250px; float: left;margin-right: 45px;}
.data2 li p{text-align: center; color: #fff; font-size: 14px; margin-top: 30px; line-height: 26px; margin-left: 20px;}
.data2 .image_container a{
	width:100%;height:100%; display:block;
    float:left;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.data2 .image_container a .pic1{
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.data2 .image_container a:hover .pic1{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}

.data2 .image_container a .pic2{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}

.data2 .image_container a:hover .pic2{
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
}

.data2 .row{width:185px;height:186px; float:left; margin-left:48px; margin-right:48px; margin-bottom:36px; position:relative; z-index:10;}
.data2 .row .pic1{width:100%;height:100%; overflow:hidden;}
.data2 .row .pic2{width:100%;height:100%; overflow:hidden;}
.data2 .row .pic2 img{position:absolute;}


.case{ width: 100%; background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position:center bottom;
padding: 4% 0px;
}
.casebt{width: 1200px; height: 100px; background: url(../images/casebt.png) left top no-repeat; margin: auto; }
.casebt p{ padding-top: 110px; color: #000;}
.casenr{ width: 1200px; height: auto; margin:60px auto;overflow: hidden;}
.casenr ul{ width: 1300px; overflow: hidden;}
.casenr ul li{ width: 380px; float: left; margin-right: 30px;}
.casenr ul li h1{ width: 380px; height: 50px; background: rgba(0,0,0,0.6); text-align: center; margin-top: -55px; color: #fff; font-size: 15px; position: relative; line-height: 50px;}
.cmore{ width: 200px; float: left;margin-top: 80px;}

.newbj{ width: 100%; height: auto; background: #fff;padding-top: 20px; padding-bottom: 20px;}
.newmain{ width: 1200px; margin: auto; overflow: hidden;}
.new{ width:1200px; height:auto; margin: auto; text-align: center;}
.new_bt{ width:1200px; height:60px;  text-align:center;  background: url(../images/rm01.jpg) center bottom no-repeat; margin-top: 30px;}
.new_bt p{ font-size: 28px; font-weight: normal; color: #000; text-align: center;}

.new_left{ width: 482px; height: 422px; float: left; margin-top: 30px;}
.new_nr{ width:690px; height:auto; float: right; margin-top:30px;}
.new_nr ul{}
.new_nr ul li{ width: 690px; height: 100px; float: left; margin-bottom:25px; padding-bottom: 25px; border-bottom: 1px dashed #ccc;}
.new_nr ul li a:hover{color: #000;}
.tim{ width: 85px; height: 100px; background: #f2f2f2; float: left; }
.tim h1{ font-size: 25px; font-weight: normal; text-align: center; line-height: 40px;margin-top: 15px;}
.tim p{ text-align: center;}
.nr{ width: 570px; float: right; background: #f2f2f2; padding: 10px;}
.nr h1{ font-size: 16px; font-weight: normal; line-height: 35px;}
.nr span{ font-size: 12px; line-height: 22px;}



.foot{ width:100%; height:auto; background: #3b3b3b; overflow:hidden;padding-bottom: 30px; }
.foot_nr{ width:1200px; height:auto;overflow: hidden; margin:30px auto; background: url(../images/db.png) center top no-repeat; padding-top: 30px;}






.footn_t{ width: 1200px;  padding-top: 20px; line-height: 24px; color: #fff; margin-top: 80px; text-align: center;}

.footn_t span{ text-align: center; color: #a7a7a7; font-size: 14px;}