body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} 
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  
a:focus{outline:0;} 

img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei"; }

.banner{height:640px;position: relative;}
.bdu{width: 100% !important;height: 640px;}
.bdu li{width: 100% !important;height: 640px;position:relative;}
.bdu li a{display: block;height: 640px;}
.bdu li img{height:640px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;left: 0;bottom: 39px;text-align: center;}
.hdu li{display: inline-block;width: 50px;height: 10px;background: #dab866;margin:0 5px;border-radius: 20px;}
.hdu li.on{background: #c30d23;}

.about{ background:url(../image/til.jpg) no-repeat center 0; height:355px; padding-top: 90px;}
.about .content{ position: relative;}
.about i{ display: inline-block; float: right; width: 390px; height: 260px; overflow: hidden;margin-top:5px;}
.about i img{ width: 390px; height: 260px;transition: all 0.3s linear 0s;}
.about:hover i img{transform: scale(1.05);}
.about h3{ position: absolute; left: 0; top: -29px; left: 0;}
.about p{ display: block; padding:90px 0 0  101px; width:597px; font-size: 14px; color: #333; line-height: 32px;}

.dinz{background:url(../image/dz.jpg) no-repeat center 0; height:575px;}
.dinz h3{ text-align: center; padding-bottom: 42px;}
.dinz ul{ overflow: hidden;}
.dinz ul li{ float: left; width: 560px; text-align: center;}.dinz ul li:last-of-type{ float: right;}
.dinz ul li span{ display: block; width: 560px; overflow: hidden; height: 315px; padding-bottom: 28px;}
.dinz ul li span img{transition: all 0.3s linear 0s;}
.dinz ul li:hover span img{transform: scale(1.03);}

.case{ position: relative; height: 556px; padding-top: 85px;}
.case h3{ text-align: center; height: 116px;}
.c_io{ cursor: pointer; left: -50px;position: absolute; top: 333px;}
.c_do{ cursor: pointer; right: -50px;position: absolute; top: 333px;}
.case ul li{ width: 360px; float: left; padding: 9px; border: 1px solid #e2e2e2; margin-right: 30px;}
.case ul li span{ display: block; overflow: hidden; width: 360px; height: 275px; overflow: hidden;}
.case ul li i{ display: block; height: 59px; line-height: 59px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  margin-bottom: -9px; text-align: center; font-size: 16px; color: #333;}
.case ul li span img{transition: all 0.3s linear 0s;}
.case ul li:hover span img{transform: scale(1.03);}
    
.puo{background:url(../image/pro.jpg) no-repeat center 0; height:1290px; overflow: hidden;}
.puo h3{ text-align: center; padding-top: 96px; padding-bottom: 50px;}
.lisu{ overflow: hidden; padding-top: 30px; height: 168px;}
.lisu li{ float: left; width: 300px; text-align: center;}
.lisu li i{ display: block; padding-bottom: 17px;}
.lisu li a{ display: inline-block;    writing-mode: vertical-lr; float: left; font-size: 16px; color: #333; line-height: 130%; letter-spacing:5px; padding: 0 6px;}
.lisu li a:hover{ color: #c61c30;}
.lisu li:first-child span{ display: inline-block; padding-left:9px;}
.lisu li:nth-child(2) span{ display: inline-block; padding-left:4px;}
.lisu li:nth-child(2) span a{ padding:0 10px;}
.lisu li:nth-child(3) span a{ padding:0 26px;}
.lisu li:nth-child(3) span{ display: inline-block; padding-left:14px;}
.lisu li:nth-child(4) span a{padding:0 27px;}
.lisu li:nth-child(4) span{padding-left:12px; display: inline-block;}
.puo h4{ float: left; width: 285px;}
.puo .shuo{ float: right; width: 915px}
.shuo li{ float: left; width: 285px; height: 380px; margin: 0 0 20px 20px; background: #fff; transition: all 0.3s linear 0s;}
.shuo li:hover{ transform: translatey(-3px);}
.shuo li img{ display: block; width: 285px; height: 285px; margin-bottom: 15px;}
.shuo li i{ display: block; margin: 0 24px; text-align: center; font-size: 16px; color: #333; border-top: 1px dashed #ccc; line-height: 77px;}
    
.shi{background:url(../image/sxi.jpg) repeat-y center 0; padding-top: 103px; height: 1216px; overflow: hidden; margin-bottom: -60px;}
.shi h3{ text-align: center; height: 106px; margin-top:-40px;}
.shi .content{background:url(404.png) no-repeat center 106px;height: 1216px;}
.shi ul li{ float: left; width: 480px; position: relative; padding-top: 60px; height: 460px;}
.shi ul li:nth-child(2n){ float: right;}
.shi ul li i{ display: block; font-size: 15px; color: #666; line-height: 28px; padding: 19px 0;}
.shi ul li span{ display: inline-block; width: 70px; height: 70px; border-radius: 70px; text-align: center; font-size: 32px; color: #fff; background: #dab866; position: absolute; left: 565px; line-height: 70px; top:60px;}
.shi ul li:nth-child(2n) img:nth-of-type(2){ padding-top: 34px;}
.shi ul li:nth-child(2n) span{ left: -155px; top: 320px;}
.shi ul li:hover span{ background: #c30d23;}
    
.news{ height: 603px; margin-top:62px;}
.news h3{ height: 120px; text-align: center;}
.news h4{ width: 560px; float: left; height: 372px;}
.news ul{ width: 533px; padding-right: 25px; float: right;}
.news ul li{ height: 98px; margin-bottom: 22px; overflow: hidden;background:url(404.png) no-repeat right bottom;}
.news ul li i{ display: inline-block; background: #eee; width: 80px; height: 80px; font-size: 14px; color: #333; text-align: center; font-family: Arial;}
.news ul li i span{ display: block; font-size: 36px; line-height: 100%; padding-top:14px;}
.news ul li em{ display: inline-block; float: right; width: 428px;}
.news ul li em a{ display: block; font-weight: bold; font-size: 16px; color: #333; font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.news ul li em span{ display: block; font-size: 14px; color: #666; line-height: 24px; padding-top: 9px;}
.news ul li:hover i{ background: #c30d23; color: #fff;}
.news ul li:hover{background:url(404.png) no-repeat right bottom;}
.news h5{ text-align: center;font-weight: normal;}
.news h5 a{ display: inline-block; padding-right: 45px; width: 66px; height: 41px; line-height: 44px; color: #fff; font-size: 14px;background:url(../image/n_m.png) no-repeat; font-size: 14px;}
    




.link{height:84px; line-height:84px; overflow: hidden;}
.link a{font-size: 14px; color: #999; padding: 0 27px;}
.link p{float: right; width: 1113px;}
.link p a:hover{ color: #22438a;}
.link h3{ display: inline-block; float: left;font-size: 14px;font-weight: normal; color:#a5a5a7;}