@charset "utf-8";
/*****************************************
* 2018-9-21 首页样式  作者：www.yseoy.com
*****************************************/
#habout{ height:783px; background:url(../images/abg.jpg) center no-repeat; padding-top:60px;}
.habout_tit{ width:1200px; text-align:center;}
.habout_tit p{ line-height:45px; font-size:15px; color:#333;}
.habout_con{ width:590px; padding-left:610px; margin-top:40px; height:300px;}
.habout_con em{ display:block; border-bottom:1px #943d3d solid; line-height:55px; color:#780607; font-size:24px; font-weight:700;}
.habout_con em i{ font-weight:100; font-size:18px; padding:0 8px;}
.habout_con p{ display:block; color:#222; line-height:28px; padding:15px 0; text-indent:2em;}
.habout_con p i{ font-weight:700; color:#780607;}
.habout_con a{ display:block; width:123px; height:43px; background:url(../images/mbg.png) center no-repeat; line-height:43px; color:#fff; text-align:center; transition:0.5s; margin-top:10px;}
.habout_con a:hover{ margin-top:5px;}
#featureContainer { width:1260px; margin:20px auto;}
#featureContainer a{ position: relative}
#feature { position: relative;}
#feature .prev { TOP:-110px; left:0px;}
#feature .next { TOP:-110px; right:0px;}
#feature .prev {TEXT-INDENT: -9999px; WIDTH:30px; DISPLAY: block; BACKGROUND: url(../images/lt.png) no-repeat; FLOAT: left; HEIGHT:80px; BORDER-TOP: #999 0px dotted;}
#feature .next {TEXT-INDENT: -9999px; WIDTH:30px; DISPLAY: block; BACKGROUND: url(../images/rg.png) no-repeat; FLOAT: right; HEIGHT:80px;}

#block { z-index:0; position:relative; overflow:hidden; width:1200px; height:190px; margin:0 auto;}
#botton-scroll { z-index:0; margin:0 auto; width:1200px; float:left; height:190px;}
.featureUL li {WIDTH:228px; FLOAT: left; HEIGHT:190px; margin:0 6px; OVERFLOW: hidden; text-align:center;}
.featureUL li img{ width:228px;}
.li_img{ width:226px; height:140px; overflow:hidden; position:relative; margin:5px auto 0; transition:0.5s; border:1px #999 solid;}
.li_img img{ width:226px; height:auto; display:block;}
.featureUL li:hover .li_img{ margin-top:0px;}
.featureUL li span{ display:block; background:#fff; line-height:48px; font-weight:700; font-size:16px;}
.featureUL li:hover span{ box-shadow:0px 8px 8px #888888;}

#hproy{ height:1100px; margin-top:-70px; padding-top:130px; position:relative; z-index:1;}
@media screen and (min-width:1660px){
#hproy{ background:url(../images/pbg1.png) center no-repeat;}
}
@media screen and (max-width:1660px){
#hproy{ background:url(../images/pbg2.png) center no-repeat;}
}
.hproy_tit{ width:1200px; text-align:center;}
.hproy_class{ width:195px; margin-top:20px;}
.hproy_class em{ display:block; height:90px; background:#780607; color:#fff; border-top-left-radius:8px; border-top-right-radius:8px; line-height:90px; text-align:center; font-size:25px; font-weight:700;}
.hproy_class ul{ background:#fff; border-left:1px #ccc solid; border-right:1px #ccc solid;}
.hproy_class ul li{ width:193px; height:44px; line-height:44px; border-bottom:1px #ccc dashed; background:url(../images/d.jpg) 25px center no-repeat;}
.hproy_class ul li a{ display:block; padding-left:45px;}
.hproy_class ul li a:hover{ background:url(../images/ds.png) #e9daaf 25px center no-repeat; color:#780607;}
.hproy_class p{ display:block; background:#780607; text-align:center; color:#fff; padding:20px 0;}
.hproy_class p i{ font-size:25px; line-height:45px; font-family:Arial; font-weight:700;}
.hproy_top{ width:960px; border-bottom:1px #785c06 solid; height:55px; line-height:55px;}
.hproy_top em{ float:left; font-size:21px; color:#780607; font-weight:700;}
.hproy_top span a{ float:right; color:#777;}
.hproy_top span a:hover{ color:#780607;}
.hproy_con{ width:990px; margin-top:25px;}
.hproy_con ul li{ width:300px; margin:0 0 10px 30px; float:left; height:340px;}
.hproy_con ul li .liimg{ width:300px; height:205px; overflow:hidden;}
.hproy_con ul li .liimg img{ width:300px;}
.hproy_con ul li em a{ display:block; text-align:center; line-height:45px; font-size:16px; color:#111; font-weight:700;}
.hproy_con ul li p{ font-size:13px; line-height:25px; height:75px; overflow:hidden;}
.hproy_con ul li:hover em{ color:#780607;}
.hproy_con ul li:hover .liimg{box-shadow:0px 0px 15px #aaa;}
#hcase{ height:642px; background:url(../images/cbg.jpg) center no-repeat; margin-top:-140px; padding-top:80px;}
.hcase_tit{ width:1200px; text-align:center;}
.hcase_tit p{ line-height:35px; font-size:15px; color:#333;}
#featureCase { width:1260px; margin:20px auto;}
#featureCase a{ position: relative}
#featury { position: relative;}
#featury .prevs { TOP:-190px; left:0px;}
#featury .nexts { TOP:-190px; right:0px;}
#featury .prevs {TEXT-INDENT: -9999px; WIDTH:30px; DISPLAY: block; BACKGROUND: url(../images/lt.png) no-repeat; FLOAT: left; HEIGHT:80px; BORDER-TOP: #999 0px dotted;}
#featury .nexts {TEXT-INDENT: -9999px; WIDTH:30px; DISPLAY: block; BACKGROUND: url(../images/rg.png) no-repeat; FLOAT: right; HEIGHT:80px;}
#blocks { z-index:0; position:relative; overflow:hidden; width:1200px; height:290px; margin:0 auto;}
#botton-case { z-index:0; margin:0 auto; width:1200px; float:left; height:290px;}
.featureCL li {WIDTH:288px; FLOAT: left; HEIGHT:290px; margin:0 6px; text-align:center;}
.lis_img{ width:288px; height:215px; overflow:hidden; position:relative; margin:5px auto 0; transition:0.5s;}
.lis_img img{ width:288px; display:block;}
.featureCL li:hover .lis_img{ margin-top:0px;}
.featureCL li span{ display:block; line-height:28px; font-weight:100; font-size:16px; padding:5px 25px;}
#hcase .catel{ width:328px; height:52px; background:url(../images/dsu_2.jpg) center no-repeat;}
#hcase .catel span{ line-height:52px; padding-left:180px; color:#fff; font-size:20px; font-weight:700;}

#hnews{ height:1120px; margin-top:-70px; padding-top:110px; position:relative; z-index:1;}
@media screen and (min-width:1660px){
#hnews{ background:url(../images/pbg1.png) center no-repeat;}
}
@media screen and (max-width:1660px){
#hnews{ background:url(../images/pbg2.png) center no-repeat;}
}
.hnews_top{ width:1200px; text-align:center; margin-bottom:25px;}
.hnews{ width:586px; height:380px;}
.hnews_tit{ width:586px; background:#e9daaf; height:45px; line-height:45px;}
.hnews_tit em{ padding-left:15px; color:#780607; font-weight:700; font-size:18px; float:left;}
.hnews_tit span{ float:right; padding-right:15px;}
.hnews_con{ width:586px; padding-top:10px;}
.hnews_con ul li{ background:url(../images/d.jpg) 5px center no-repeat; transition:0.5s; height:37px; line-height:37px; border-bottom:1px #ddd dashed;}
.hnews_con ul li:hover{ background:url(../images/d.jpg) 10px center no-repeat;}
.hnews_con ul li span{ float:right; color:#888; padding-right:7px;}
.hnews_con ul li a{ padding-left:25px;}
.hnews_con ul li:hover a{ color:#780607;}

#hcont{ height:687px; background:url(../images/ctbg.jpg) center no-repeat; margin-top:-140px; padding-top:65px;}
.hcont_top{ width:1200px; text-align:center;}
.hcont_lt{ width:560px; margin-top:45px;}
.hcont_lt ul{ padding-top:25px;}
.hcont_lt ul li{ height:52px; line-height:52px; font-size:15px; padding-left:35px; background:url(../images/cts.png) no-repeat;}
.hcont_lt ul .libg1{ background-position:0px 14px;}
.hcont_lt ul .libg2{ background-position:0px -36px;}
.hcont_lt ul .libg3{ background-position:0px -86px;}
.hcont_lt ul .libg4{ background-position:0px -136px;}
.hcont_lt ul .libg5{ background-position:0px -186px;}
.hcont_lt ul .libg6{ background-position:0px -236px;}
.hcont_map{ width:610px; height:385px; border:1px #0e050a solid; margin-top:45px;}
.linky{ margin:35px auto 0;}
.linky a{ padding:0 6px;}