@charset "UTF-8";
#hhtel{ background:url(../images/htel.png) center no-repeat; height:83px; margin-top:-21px; position:relative; z-index:99;}
.hhtel{ padding-top:20px; margin:0 auto; width:1300px; line-height:63px; color:#fff; font-size:16px;}
#habout{ background:url(../images/bg1.jpg); padding:50px 0 45px;}
.haboutit{ width:1300px; height:140px; text-align:center; background:url(../images/xin.png) 510px top no-repeat;}
.haboutit em{ font-size:36px; line-height:66px; padding-left:55px; color:#0062b1;}
.haboutit span{ font-family:Arial; font-size:17px; color:#0062b1; padding-left:-15px; text-transform:uppercase;}
.haboutit p{ padding:22px 280px; font-size:16px; line-height:26px; color:#444;}
.habout_img{ width:570px; height:524px; padding:10px; border:1px #dedede solid; background:#fff; margin-top:35px;}
.habout_img img{ width:570px;}
.habout_img p{ line-height:60px; padding-top:8px;}
.habout_img p em{ float:left; font-size:19px; background:url(../images/tb4.jpg) 5px center no-repeat; padding-left:20px;}
.habout_img p a{ float:right; padding-top:15px;}
.habout_img p a img{ width:auto !important; height:auto !important;}
.habout_con{ width:674px; height:544px; background:url(../images/tb2.png) left top no-repeat; margin:35px 0 35px;}
.habout_con p{ padding:250px 30px 0 50px; height:316px; color:#666; text-indent:2em; font-size:16px; line-height:35px; background:url(../images/tb3.png) 600px bottom no-repeat;position:relative;}
.habout_con p span{ background-color:#0062b1;display: block;color: #fff;padding:15px 15px 45px 15px;}
/*.habout_con p i{ color:#0062b2;}*/
.habout_con p a{ color:#fff; display:block; width:130px; height:45px; padding-left:40px; line-height:45px; background:url(../images/tb1.png) #0e8b3f 25px center no-repeat; margin-top:15px; transition:0.5s; position:absolute;bottom:60px; right:80px;}
.habout_con p a:hover{background:url(../images/tb1.png) #0062b1 35px center no-repeat;}
#hproy{ background:url(../images/bg2.jpg); padding:35px 0; }
i.pro_zi{ position:absolute;left:-48px;top:195px;display:block;width:45px;height:555px;background:url(../images/pro.png) no-repeat;}
.hproytit{ width:1300px; height:140px; text-align:center; background:url(../images/xin.png) 510px top no-repeat; margin:15px auto; position:relative;}
div.hproytit2{height:120px;}
/*.hproytit i,.hnewstit i{display:block; position:absolute; background:url(../images/xin.png) no-repeat; width:88px; height:96px;}*/
.hproytit em{font-size:33px; line-height:60px; padding-left:40px; color:#0062b1;}
.hproytit span{ font-family:Arial; font-size:17px; color:#0062b1; padding-left:70px; text-transform:uppercase;}
.hproytit p{ padding:25px 80px; font-size:16px; line-height:26px; color:#444;}
/*.hproy_lt{ background:url(../images/tb4.png) no-repeat; text-align:center; width:224px; height:760px; margin-top:25px; padding-top:48px;}*20220307备份*/
.hproy_lt{ background:url(../images/tb4.png) no-repeat; text-align:center; width:224px; height:940px; margin-top:25px; padding-top:48px;}
.hproy_lt em{ display:block; color:#0062b1; line-height:50px; font-size:24px; margin-bottom:101px;}
.hproy_lt li{ text-align:left; width:158px; margin:0 31px; background:url(../images/ind2.png) 128px center #0062b1 no-repeat; height:48px; line-height:48px; margin-bottom:5px; border-radius:5px;}
.hproy_lt li a{ display:block; color:#fff;  font-size:17px; padding-left:20px;}
.hproy_lt p{ height:35px; line-height:35px; text-align:left; margin:0 31px; width:158px; display:block; border-bottom:1px #ddd dashed; background:url(../images/dd.jpg) 5px center no-repeat;}
.hproy_lt p:last-child{ margin-bottom:0px;}
.hproy_lt p a{ padding-left:20px; display:block; color:#888; font-size:14px;}
.hproy_lt p a:hover{ color:#0062b1;}
.hproy_rg{ width:1059px; padding-top:55px;}
.hproy_rg .rgtit{ border-bottom:1px #0062b1 solid; height:44px; line-height:44px; display:block; margin-left:20px; background:url(../images/ind1.png) left center no-repeat;}
.hproy_rg .rgtit a{ float:right; line-height:40px; margin-top:5px; color:#0062b1; font-size:16px;}
.hproy_rg .rgtit a:hover{ color:#0062b1;}
.hproy_rg .rgtit em{ font-size:24px; color:#0062b; padding-left:48px; color:#fff;}
.hproy_rg ul{ margin-top:45px; height:610px; background:url(../images/ind3.png) right bottom no-repeat;}
.hproy_rg ul li{ width:333px; height:260px; overflow:hidden; margin-left:20px; float:left; margin-bottom:40px; position:relative;}
.hproy_rg ul li img{ width:333px; height:260px;}
.hproy_rg ul li .sty1{ position:absolute;  transition:0.5s;}
.hproy_rg ul li span{ display:block; width:100%; height:45px; text-align:center; font-size:18px; line-height:45px; background:url(../images/tb7.png); left:0; bottom:0; z-index:5; color:#fff;}
.hproy_rg ul li i{ display:block; width:20px; height:26px; background:url(../images/tb6.png) no-repeat; position:absolute; z-index:6; left:50%; margin-left:-10px; top:-30px; opacity:0;}
.hproy_rg ul li:hover span{ height:260px; line-height:220px; font-size:22px;}
.hproy_rg ul li:hover i{ top:145px; opacity:1;}
#hady{ height:332px; background:url(../images/ad1.jpg) center no-repeat;}
#hcase{ background:url(../images/bg2.jpg); padding:35px 0;}
.hcasetit{ width:1300px; height:140px; text-align:center; background:url(../images/tb1.png) 510px top no-repeat;}
.hcasetit em{ font-size:33px; line-height:60px; padding-left:40px;}
.hcasetit span{ font-family:Arial; font-size:17px; color:#666; padding-left:20px;  text-transform:uppercase;}
.hcasetit p{ padding:15px 280px; font-size:15px; color:#777;}
.hcase_class{ margin:15px auto; width:420px; height:50px;}
.hcase_class span{ float:left; width:120px; height:42px; margin:0 10px; border-radius:5px; overflow:hidden}
.hcase_class span {FONT-SIZE:16px; FLOAT:left; WIDTH:120px; text-align:center; LINE-HEIGHT:42px; background:#f0f0f0; cursor: hand; cursor: pointer;}
.hcase_class span.hover { height:42px; background:#0062b1; cursor: hand; color:#fff;}

.hcase{ width:1300px; padding-top:20px;}
.hcase li{ width:310px; height:280px; margin-left:20px; margin-bottom:20px; float:left; text-align:center; line-height:50px; position:relative;}
.hcase li:nth-child(1),.hcase li:nth-child(5){ margin-left:0;}
.hcase li .aiimg{ width:310px; height:218px; overflow:hidden; text-align:center;}
.hcase li .aiimg img{ width:325px;}
.hcase li span{ position:absolute; width:220px; height:40px; line-height:40px; left:35px; bottom:5px; transition:0.5s; background:#0062b1;}
.hcase li span a{ font-size:16px; color:#fff; display:block;}
.hcase li:hover span{ bottom:80px; background:#0e8b3f;}
.hcase li:hover span a{ color:#fff;}
.hcase li:hover .aiimg{ box-shadow:0px 0px 8px #888;}
.hcase_more{ width:170px; height:45px; background:url(../images/ind1.jpg) #0e8b3f 22px center no-repeat; transition:0.5s;position: relative;top: 35px;}
.hcase_more a{ display:block; line-height:45px; font-size:16px; padding-left:70px; color:#fff;}
.hcase_more:hover{ background-position:32px center; box-shadow:0px 0px 15px #999;}

#huoban{ background:#0062b1; padding:35px 0;}
.huoban_tit{ width:1300px; height:90px;  text-align:center;}
.huoban_tit span{ font-size:36px; color:#fff;}
.huoban_tit p{ font-size:16px; color:#fff; line-height:30px; margin-top:15px;}
.huoban{ overflow:hidden; height:170px; width:1300px; margin:20px auto 33px;}
.hbbd{ border:1px #dedede solid; width:220px; height:150px; display: table-cell; vertical-align: middle; background:#fff;}
#hnews{ background:url(../images/bg1.jpg); padding:35px 0 50px;}
.hnewstit{ width:1300px; height:140px; text-align:center; background:url(../images/xin.png) 510px top no-repeat; margin:15px auto;}
.hnewstit em{ font-size:33px; line-height:60px; padding-left:40px; color:#0062b1;}
.hnewstit span{ font-family:Arial; font-size:17px; color:#0062b1; padding-left:32px;  text-transform:uppercase;}
div.hnewstit2 span{ color:#88b69a;}
.hnewstit p{ padding:15px 280px; font-size:15px; color:#777;}
.hnews_lt{ width:550px; height:500px; background:url(../images/jg.png) right center no-repeat; padding-right:105px;}
.hnews_tit{ height:46px; line-height:46px; background:url(../images/line.png) left bottom no-repeat;}
.hnews_tit em{ font-size:21px; float:left; padding-bottom:0; color:#fff; padding:0 15px;}
.hnews_tit a{ float:right; font-size:14px; color:#888;}
.hnews_tit a:hover{color:#0062b1;}
.hnews_tit i{ color:#88b69a; font-size:14px; padding-left:15px; text-transform:uppercase;}
.hnews_lt_img{ width:550px; height:255px; overflow:hidden; margin-top:20px; position:relative;}
.hnews_lt_img img{ width:550px;}
.hnews_lt_img i{ position:absolute; z-index:5; right:0; top:215px; background:url(../images/nbg.png); width:140px; height:40px; font-size:14px; text-align:center; line-height:40px; color:#fff; float:left;}
.hnews_lt span{ display:block; height:55px; line-height:55px; border-bottom:1px #ccc solid; background:url(../images/tb8.png) 2px center no-repeat; padding-left:39px; font-size:15px;}
.hnews_lt span a{ color:#0062b1; font-size:17px;}
.hnews_lt p{ padding:10px 0; color:#777; line-height:25px; padding-bottom:8px; font-size:14px;}
.hnews_lt i a{ display:block; width:120px; height:32px; line-height:33px; border:1px #0062b1 solid; color:#0062b1; border-radius:20px; text-align:center;}
.hnews_lt i a:hover{ background:#0062b1; color:#fff;}
.hnews_rg{ width:600px;}
.hnews_rg ul{ padding-top:15px;}
.hnews_rg ul li{ height:52px; line-height:52px; background:url(../images/tb9.png) 3px center no-repeat; border-bottom:1px #ccc dashed;}
.hnews_rg ul li:hover{ background:url(../images/tb10.png) 3px center no-repeat; border-color:#0062b1;}
.hnews_rg ul li span{ float:right; font-size:14px; color:#888;}
.hnews_rg ul li:hover span{color:#0062b1;}
.hnews_rg ul li a{ font-size:15px; padding-left:43px; transition:0.5s;}
.hnews_rg ul li a:hover,.hnews_rg ul li:hover a{ color:#0062b1;padding-left:53px;}
#hlixi{ background:url(../images/bg2.jpg); padding:50px 0 35px;}
.hlixitit{ width:1300px; height:50px; padding-top:60px; background:url(../images/tb11.png) center top no-repeat; text-align:center;}
.hlixitit span{ font-size:33px; color:#0062b1;}
.hlixicon{ width:1300px; margin-top:25px;}
.hlixicon li{ width:422px; height:290px; background:url(../images/tb3.jpg) center bottom no-repeat; text-align:center; float:left;}
.hlixicon li.libyg{background:url(../images/lixiss.png) center bottom no-repeat;}
.hlixicon li.limar{ margin-left:17px;}
.hlixicon li img{ margin-bottom:20px;transition:all 1s;}
.hlixicon li em{ display:block; line-height:50px; font-size:18px; color:#fff; font-weight:700;}
.hlixicon li p{ font-size:15px; color:#fff; line-height:25px; padding:15px 0;}
.hlixicon li:hover img{transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);}
#linkys{ background:#0062b1; padding:5px 0;}
#linky{ width:1300px; margin:0 auto; padding:10px 0; font-size:14px; color:#eee;}
#linky a{ color:#eee; font-size:14px;}


.index_pic { position: relative; width: 570px; height:452px; margin: 0 auto; overflow: hidden; text-align:center;}
.index_pic .bdpic li { display: none; position: absolute; width: 570px; height:452px; left: 0; top: 0; }
.index_pic .bdpic li img{ width:570px; height:452px;}
.index_pic .pic { height: auto; display: block; }
.index_pic .slide_navpic { position: absolute; right:6px; bottom:6px;}
.index_pic .slide_navpic a { cursor:pointer; float:left; font-size:15px; font-family: arial; color: #333; padding:0 5px; background:#fff; margin-left:3px;}
.index_pic .slide_navpic li:hover,.index_pic .slide_navpic .on{text-decoration: none; background:#0062b2; color: #fff; filter: alpha(opacity=100); opacity: 1.0;}