html{min-width:1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei",'PingFang SC','Myriad Pro',"AvantGarde Bk BT","Arial",'Helvetica Neue', 'Helvetica', 'sans-serif'; color: #333333;}
h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl,.left{float: left;}
.fr,.right{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.ico { background: url(../image/ico.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon{background: url(../image/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon1{background: url(../image/icon1.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #333333; text-decoration: none;}
a:hover{color: #007ab6; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/*******顶部*******/
/*top_main*/
.head_main_top { height: 36px; width: 100%; background-color: #222; font-size: 14px; line-height: 36px; color: #fff;}
.head_main_top .mbx { float: left; height: 18px; margin-top: 8px;}
.head_main_top .mbx a { font-size: 14px; color: #ccc; padding: 0 10px; display: block; float: left; height: 18px; line-height: 16px; position: relative;}
.head_main_top .mbx a i.zs { float: left; width: 18px;  height: 18px; background-position: -228px -0px; float: left;}
.head_main_top .mbx a p { float: left; font-size: 14px; color: #ccc; padding-left: 6px;}
.head_main_top .mbx a i.yd {  float: left; width: 18px; height: 18px; background-position: -268px -0px; float: left;}
.head_main_top .mbx a i.lx {  float: left; width: 18px; height: 18px; background-position: -301px -0px; float: left;}
.head_main_top .mbx a img {  position: absolute;right: 0px; top: 20px; width: 120px; height: 0px; z-index: 88; transition: all ease-in-out .5s;}
.head_main_top .mbx a.lx{ padding-right:0;}
.head_main_top .mbx a:hover p { color: #fff;}
.head_main_top .mbx a:hover img { height: 120px;}

.index_top{ position: relative;z-index: 11;width: 100%;background-color: #fff;}
.index_top.fixed{ position:fixed; left:0; top:0;z-index: 666;}
.header_main { position: relative; width: 100%; height: 96px; z-index: 100;}
.top_main .top_l{opacity:1;filter:alpha(opacity=100);}
.top_main .top_r{margin-right:0px;}
.top_main .top_r .cn a{color:#999;opacity:1;}
.top_main .top_r .en a{margin-left:12px;margin-right:12px;color:#999;}
.top_main li{position: relative; float:left;display: inline-block; *display: block; *zoom: 1; text-align: center;}
.top_main li a{color: #999; cursor: pointer; float:left;}
.top_main li a:hover{opacity: 1; color:#fff;}
.top_main .top_r .contact{position:relative;padding-left:20px;padding-right:10px;margin-left:14px;background:url(http://www.hnxyfs.com/plugins/template/xiangyu/pc/images/din_03.png) no-repeat left center;background-size:12px 15px;z-index:99;cursor:pointer;}
.top_main .top_r .mobile{position: relative;padding-left: 20px;padding-right: 10px;margin-left: 2px;background: url(http://www.hnxyfs.com/plugins/template/xiangyu/pc/images/mobile.png) no-repeat left center;background-size: 10px 16px;z-index: 99;cursor: pointer;}
.top_main .top_r .mobile a {  display: block;  padding-right: 12px; background: url(http://www.hnxyfs.com/plugins/template/xiangyu/pc/images/arrI.png) no-repeat right center;  background-size: 7px 3px;}
.top_main .top_r .drop{position:absolute;left:-14px;z-index:99;width:100px;height:0px;transition: all ease-in-out .2s; top:30px;}
.top_main .top_r .drop img{position:relative;z-index:99;display:block;width:100px;height:0px;transition: all ease-in-out .2s;}
.top_main .top_r .webNav{padding-left:20px;margin-left:4px;background:url(http://www.hnxyfs.com/plugins/template/xiangyu/pc/images/navI.png) no-repeat left center;}
.top_main .top_r .mobile:hover .drop{height:100px;}
.top_main .top_r .mobile:hover .drop img{width:100px;height:100px;}
.top_main li i{ display:inline-block; float:left; background:url(../image/hc_03.jpg) no-repeat; width:1px; height:12px; margin-top:10px; margin-left:10px;}

.header_main{position:relative;width: 100%; height:100px; z-index: 100;}
.header_main .logo{float: left;width: 660px;display: block;margin-top:20px;}
.header_main .logo img.weblogo{display:block; float:left;}
.header_main .logo p{ font-size: 26px;color: #333;padding-left: 14px;line-height: 26px;float: left; padding-top:19px;}
.header_main .logo p span { display: block; font-size:16px; font-weight:normal; line-height:16px; letter-spacing:11px; padding-top:8px;}
.header_main .tel_main{margin-top:20px;}
.header_main .tel_main .icon{ width:25px; height:19px; background-position:-106px -0px; display:block; float:left; margin-top:20px; margin-right:6px;}
.header_main .tel_main .tel,.header_main .tel_main .tel1{ display:block; background:url(../image/y1_03.png) left center no-repeat;padding-left:62px; }
.header_main .tel_main .tel .nt,.header_main .tel_main .tel1 .nt{font-size: 16px;color: #666;display:inline-block;line-height: 16px; display:block; }
.header_main .tel_main .tel .num,.header_main .tel_main .tel1 .num{font-size:25px;font-family: "Arial";color: #007ab6;display:block;font-weight: bold; padding-top:6px; }

.header_main .sou{ width:178px; height:34px; border:#ddd solid 1px; border-radius:50px; margin-top:51px; margin-right:51px;}
.header_main .sou .input{ border:none; width:128px; height:34px; margin-left:20px; line-height:34px; float:left;}
.header_main .sou .btn{ width:16px; height:16px; float:left; background-position:0px 0px; margin-top:8px; cursor:pointer;}

.header_main .tel_main .search-box { position: relative; height: 38px;}
.header_main .tel_main .search-box .butn {display: block; cursor: pointer; width: 37px; height: 30px; margin-top: 8px;}
.header_main .tel_main .search-box .butn i { width: 24px; height: 24px; display: block; background-position: -118px -206px; margin: 0 auto;}
.header_main .tel_main .search-box .butn.hov { background: url(http://www.hnxyfs.com/plugins/template/xiangyu/pc/images/close.png) no-repeat center #b52618;}
.header_main .tel_main .search-box .butn.hov i { display: none;}
.header_main .tel_main .search-box .share-sub { position: absolute; right: 37px;top: 0px;width: 0;height: 48px; overflow: hidden; background: #ededed; border-radius: 5px 0 0 5px;}
.header_main .tel_main .search-box .share-sub .sub-btn { border: none; width: 48px;height: 48px; cursor: pointer; outline: none; background-position: -162px -190px;}
.header_main .tel_main .search-box .share-sub .tex { width: 220px; font-size: 14px; height: 20px;line-height: 20px; padding: 14px 10px; color: #666; border: none; background: #ededed; outline: none;}
.header_main .tel_main .search-box .lang-box { margin-top: 20px; margin-right: 38px;}
.header_main .tel_main .search-box .lang-box a {display: inline-block;text-align: center;font-size: 12px; margin-left: 28px;}
.header_main .tel_main .search-box .lang-box .stt {display: inline-block; line-height: 30px; font-size: 14px; color: #777; margin-right: 4px;}
.fu_t{ padding-top:29px;}

/*header_main*/

.nav_main{width: 100%;height:60px;z-index: 11; background-color:#007ab6;}
#nav_main .nav{ height:60px; z-index:12;}
#nav_main .nav li{float: left;z-index: 10;height:60px;text-align: center;line-height:60px;position: relative; padding:0 68px;}
#nav_main .nav li:hover{
  background: #ca0000;  
}
 #nav_main .nav li a.aLink{height:60px;line-height:60px;display: block;color: #fff;cursor: pointer;overflow: hidden;font-size: 16px; width: 100%; }
 #nav_main .nav li i{height:14px;width:1px;transition: all .6s ease 0s;position: absolute;top:24px;right:0; background-color:#5286e5;}
#nav_main .nav li:hover a,#nav_main .nav li.hover a{ color:#fff; font-weight:bold;}
#nav_main .nav li:hover i,#nav_main .nav li.hover i{}
#nav_main .nav li ul { position: absolute;  left: 0px; top:60px;  z-index: 199; opacity: 0; visibility: hidden; height: auto; overflow: hidden; width:100%;}
#nav_main .nav li:hover ul { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align:center;}
#nav_main .nav li ul li { display: block; clear: left; width:100%; background: none; height: 45px; background-color: #fff; border-bottom: #dddddd solid 1px; line-height: 45px; margin: 0; padding:0;text-align: center; }
#nav_main .nav li:hover  ul li a,#nav_main .nav li.hover ul li a{ color:#333; border:none; font-weight:normal;}
#nav_main .nav li:hover ul li a{background-color:#fff;background:#fff;}
#nav_main .nav li ul li a { display: block; font-size: 12px; color: #ddd; height: 45px; line-height: 45px; background: none; padding-right: 0; width: 100%; transition: all 0.2s ease-in-out 0s; }
#nav_main .nav li ul li a:hover{ color:#007ab6;padding-left:5px; transition: all 0.2s ease-in-out 0s;}
#nav_main .nav li.li1 a.aLink i,#nav_main .nav li.li9 a.aLink i{ display:none;}
#nav_main .nav li:hover a i, #nav_main .nav li.hover a i { display: block;}
#nav_main .nav li.li6 i{ display:none;}

.nav_main.fixed {position:fixed; z-index:1111;box-shadow: 0px 0px 11px #272727;-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out; top:0; left:0;}/****banner****/
.banner_main { width: 100%; overflow: hidden; position: relative; z-index: 2; height:460px;}
.banner_main .banner { width: 100%; min-width: 1000px;z-index: 20; position: relative; overflow: hidden; *zoom: 1;}
.banner_main .banner .list { width: 100%;}
.banner_main .banner .bd li { width: 100%;height:460px; overflow: hidden; background: #fff;}
.banner_main .banner .bd  li img { width: 100%; height: 100%; display: block;height:460px;}
.banner_main .banner .bd  li a { width: 100%; display: block; height: 100%;}
.banner_main .banner .hd{ width: 100%; height: 20px; text-align: center; position: absolute; left: 0; bottom:24px; z-index: 10;}
.banner_main .banner .hd ul{ display:inline-block;}
.banner_main .banner .hd li{ width:40px; height: 3px; margin: 0 5px; display: inline-block; cursor: pointer; vertical-align: top; background: none;  background-color:#fff; border-radius:5px; font-size:0;}
.banner_main .banner .hd li.on { background: #007ab6; width:54px;}
.banner_main .banner .prev,.banner_main .banner .next { width:60px; height:60px; position: absolute; z-index: 12; top: 50%; margin-top: -230px; cursor: pointer; background-position: -0px -63px;display:none;}
.banner_main .banner .prev {left:8%; background-position: -0px -63px;}
.banner_main .banner .prev:hover { background-position:  -0px -126px;}
.banner_main .banner .next { right:8%; background-position: -67px -63px;}
.banner_main .banner .next:hover { background-position: -67px -126px;}
.banner_main .banner:hover .prev,.banner_main .banner:hover .next{ display:block;}
@media (min-width: 1460px) {
  .banner_main .banner .prev,.banner_main .banner .next { width: 60px; height:60px; margin-top: -230px; cursor: pointer; background-position:  -0px -63px; display:none; }
  .banner_main .banner .prev { left:8%; background-position:-0px -63px;}
  .banner_main .banner .prev:hover { background-position: -0px -126px;}
  .banner_main .banner .next { right:8%; background-position: -67px -63px;}
  .banner_main .banner .next:hover {  background-position: -67px -126px;}
  .banner_main .banner:hover .prev,.banner_main .banner:hover .next{ display:block;}
}

/********.fixtool*********/
.toolbar{width: 52px; position: fixed; right: 2%; bottom: 20%; z-index: 999;}
.toolbar dd{width: 51px; height: 51px; margin-bottom: 1px; position: relative;  -webkit-border-radius: 100%; border-radius: 100%; margin-top:4px; border:#ebebeb solid 1px; background-color:#fff;}
.toolbar dd i{width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}
.toolbar dd i span{width: 35px; height: 35px; display: block; margin: 9px 0 0 8px; *margin: 7px 0 0 0; background: url(http://www.hnxyfs.com/plugins/template/xiangyu/pc/images/rightFixIcon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block; width: 0; height: 53px; line-height: 53px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: -1px; right: -1px; overflow: hidden;}
.toolbar .pop{position: absolute; right: 90px; top: -65px; background: #007ab6; display: none;}
.toolbar .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3{height: 52px; line-height: 52px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar .qq span{background-position:-0px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color:#007ab6; border-radius: 100%;}
.toolbar .qq:hover span{background-position: -36px -47px; }
.toolbar .tel span{background-position:-0px 0;}
.toolbar .tel:hover{background: #007ab6; border-radius:30px;}
.toolbar .tel:hover span{background-position: -36px 0;}
.toolbar .code span{background-position:-0px -95px;}
.toolbar .code:hover{ background-color:#007ab6;  border-radius: 100%;}
.toolbar .code:hover span{background-position:-36px -95px;}
.toolbar .top span{background-position: -0px -142px;}
.toolbar .top:hover{ background-color:#007ab6;  border-radius: 100%;}
.toolbar .top:hover span{background-position: -36px -142px; }
.toolbar dd:hover{ }


/*footer*/
.footer_main{position:relative;width:100%;height:284px; background-color:#292a2f;overflow:hidden;}
.footer_main .part1 .middle{ float:left; width:300px;}
.footer_main .part1 .middle .bottomLogo{ margin-top:60px; width:290px; height:53px; display:block;}
.footer_main .part1 .middle .bottomLogo img{ display:block; background-size:100%; float:left;}
.footer_main .part1 .middle dl{ display:inline-block; width:100%; margin-top:14px;}
.footer_main .part1 .middle dl dt{ display:inline-block;}
.footer_main .part1 .middle dl dt i{ display:block; float:left; width:16px; height:16px; background:url(http://www.hnxyfs.com/plugins/template/xiangyu/pc/images/s1_04.png) center center no-repeat;}
.footer_main .part1 .middle dl dt p{ display:block; font-size:14px; color:#ccc; line-height:14px; float:left; padding-left:6px;}
.footer_main .part1 .middle dl dd{ display:block; font-size:30px; color:#eee; line-height:30px; font-family:"Arial";}


.footer_main .part1 .middle ul{ display:block;  width:510px; margin-top:28px;}
.footer_main .part1 .middle ul li{ float:left; height:16px; line-height:16px; border-right:#4e4e4e solid 1px; padding-right:23px; padding-left:23px;}
.footer_main .part1 .middle ul li a{ display:block; font-size:16px; color:#fff; line-height:16px;}
.footer_main .part1 .middle ul li a:hover{color:#108adb;}
.footer_main .part1 .middle ul li:nth-child(1){ padding-left:0;}
.footer_main .part1 .middle ul li:first-child{ padding-left:0;}
.footer_main .part1 .middle ul li:nth-child(5){ padding-right:0; border-right:none;}
.footer_main .part1 .middle ul li:first-child+li+li+li+li{ padding-right:0; border-right:none;}
.footer_main .bcontact { width:430px; float: left; padding-top:60px;}
.footer_main .bcontact dl{ width:122px; float:left; text-align:left;}
.footer_main .bcontact dl dt a{ display:block; font-size:18px; color:#ddd; line-height:18px;}
.footer_main .bcontact dl dt i{ display:block; width:20px; height:1px; background-color:#666; margin-top:14px;}
.footer_main .bcontact dl dd{ display:block; padding-top:15px;}

.footer_main .bcontact dl dd a{display:block; font-size:14px; color:#999; line-height:14px;}
.footer_main .bcontact dl a:hover{ color:#fff;}
.footer_main .part1 .bottomNav{float:left;margin-top:60px; margin-left:60px; width:308px;}
.footer_main .part1 .bottomNav h1{ font-size:24px; line-height:24px;color:#fff; font-weight:normal; padding-bottom:10px; }
.footer_main .part1 .bottomNav p{ padding-top:12px; width:310px; display:inline-block;}
.footer_main .part1 .bottomNav p i{ display:block; float:left; width:23px; height:24px; background-position:-36px -428px;}
.footer_main .part1 .bottomNav p i.s2{ display:block; float:left; width:23px; height:24px; background-position:-68px -428px;}
.footer_main .part1 .bottomNav p span{display:block; width:220px; float:left; font-size:14px; color:#999; line-height:24px; margin-left:12px;}
.footer_main .part1 .right{float:right;margin-top:60px; width:410px;}
.footer_main .part1 .right .wx{display:block;width:130px;height:130px; background-color:#fff; border:#666 solid 5px; text-align:center; float:left;}
.footer_main .part1 .right .wx img{display:inline-block;width:130px;height:130px;}
.footer_main .part1 .right .wt{ float:right; width:240px;}
.footer_main .part1 .right .wt i{ display:block; font-size:14px; color:#fff; line-height:14px;}
.footer_main .part1 .right .wt p{ display:block; font-size:28px; color:#fff; line-height:34px; font-family:"Arial"; font-weight:bold; padding-top:8px; padding-bottom:10px;}
.footer_main .part1 .right .wt span{ display:block; font-size:12px; color:#999; line-height:22px;}


.copyright{width:100%;height:64px;line-height:64px;background:#292a2f; border-top:#3e3f44 solid 1px;}
.copyright p{font-size:12px;color:#999; display: flex; justify-content: center;}
.copyright i{font-size:12px;color:#999; float:right;}
.copyright a{font-size:12px;color:#999;}
.copyright span{margin:0 6px;}
.copyright a:hover{color:#fff;}


/*******index css*******/
.bottom-fix{ background-color:rgba(0,0,0,0.8); width:100%; height:120px; position:fixed; left:0; bottom:0; z-index:2222;}
.bottom-fix .fixcon{height:162px;}
.bottom-fix .fix_a { float:left; font-size:24px; color:#fff; font-weight:bold; line-height:24px; padding-top:36px;}
.bottom-fix .fix_a img{ display:block; border-radius:10px; float:left;}
.bottom-fix .fix_a p{ float:left; padding-left:22px; font-size:20px; color:#fff; line-height:20px; font-weight:normal;}
.bottom-fix .fix_a p i{ display:block; font-weight:bold; font-size:30px; line-height:30px; padding-bottom:8px;}
.bottom-fix .fix_a p span{ color:#f0000a;}
.fix_t{ float:left; margin-top:42px; margin-left:18px;}
.fix_t .iform .itemcon{ float:left; width:250px; height:46px; margin-left:10px;}
.fix_t .iform .itemcon .txt{ width:240px; height:46px; line-height:46px; background-color:#fff; border:none; border-radius:5px; padding-left:10px; }
.fix_t .iform{ float:left;}
.fix_t .btn{ width:160px; height:46px;float:left;margin-left:12px;}
.fix_t .btn .btn1{ width:160px; height:46px;background-color:#f0000a; color:#fff; text-align:center; line-height:46px; border:none; border-radius:5px; cursor:pointer; }
.fix_t .btn .btn1:hover{ background-color:#c60109;}
.fix_b{ float:left; font-size:14px; color:#fff; line-height:14px;padding-left:12px; padding-top:46px;}
.fix_b span{ display:block; padding-top:4px; }
.bottom-fix .close{ width:30px; height:30px; background-position:-174px -154px; position:absolute; right:-16px; top:50px;cursor:pointer;-webkit-transition: -webkit-transform 0.9s ease-out;
    -moz-transition: -moz-transform 0.9s ease-out;
    -o-transition: -o-transform 0.9s ease-out;
    -ms-transition: -ms-transform 0.9s ease-out;}
.bottom-fix .close:hover{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.iconp {
    background: url(../image/iconp.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

/********.toolbar1*********/

.toolbar1{width: 77px; position: fixed; right: 10px; bottom: 200px; z-index: 999; border: 1px solid #e8e8e8;}
.toolbar1 .icon2{width: 40px; height: 40px; display: block; margin: 11px auto 0; background: url(../image/fix-ico.png) no-repeat -2px 5px;}
.toolbar1 dd{width: 77px; height: 90px; border-top: 1px solid #f6f6f6; position: relative;}
.toolbar1 dd i{width: 77px; height: 90px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; background: #fff; border-bottom: 1px solid #f6f6f6;}
.toolbar1 dd:first-child i{border-top: 0;}
.toolbar1 dd.item1 i .icon2{background-position: center 2px;}
.toolbar1 dd.item2 i .icon2{background-position: center -65px;}
.toolbar1 dd.item3 i .icon2{background-position: center -128px;}
.toolbar1 dd.return-top{display: none;}
.toolbar1 dd.return-top i .icon2{background-position: center -187px;}
.toolbar1 dd .pop{position: absolute; right: 145px; top: -45px; background: #fff; display: none;}
.toolbar1 dd .pop-code{width: 120px; padding: 10px 10px 0;}
.toolbar1 dd .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar1 dd .pop-code h3{height: 40px; line-height: 40px; text-align: center; color: #f34636; font-size: 12px; font-weight: 400; white-space: nowrap;}
.toolbar1 dd.item1{position: static;}
.toolbar1 dd .zx{width: 172px; position: absolute; right: 145px; bottom: 0; padding: 10px 30px 10px; line-height: 24px; background: #fff; border: 1px solid #e8e8e8; z-index: 1000; display: none;}
.toolbar1 dd .zx .icon2{width: 40px; height: 42px; display: block; float: left; margin-right: 12px; margin-top: 0;}
.toolbar1 dd .zx .t{border-bottom: 1px solid #dedede; padding: 10px 0;}
.toolbar1 dd .zx .t span{display: block;}
.toolbar1 dd .zx .t s{background-position: 0 -246px;}
.toolbar1 dd .zx .t.t2 s{background-position: 0 -314px;}
.toolbar1 dd .zx .t.t3 s{background-position: 0 -383px;}
.toolbar1 dd .zx .t.t4{border-bottom: 0;}
.toolbar1 dd:hover i{background: #f3f3f3;}

/*******index css*******/
.index { background-color: #fff;}
.indexTit { position: relative; width: 100%; padding-top:50px; display:inline-block;}
.indexTit .ind { float: left; display:inline-block; position:relative; height:24px;}
.indexTit .ind s { display: block; width:5px; height:24px; background-color: #007ab6; float:left;}
.indexTit .ind i { font-size:24px;color: #333; line-height:23px; display: block; float:left; padding-left:8px;}
.indexTit .inc { float: left; display: block; padding-top: 20px; margin-left: 20px; font-size: 18px; line-height: 20px; color: #333;}
.indexTit .menu_right{float:right;}
.indexTit .menu_right .item{float:left;width:180px;height:40px;font-size:18px;line-height:40px;text-align:center;margin-left:3px;color:#333;background:#e5e5e5;}
.indexTit .menu_right .item a{display:block;font-size:18px;transition:all ease 0.36s;}
.indexTit .menu_right .item:hover{background:url("http://www.hnxyfs.com/plugins/template/xiangyu/pc/images/f2arr.png") no-repeat 90% center #1b1f79;}
.indexTit .menu_right .item:hover a{color:#fff;text-indent:-30px;transition:all ease 0.36s;}
.indexTit .menu_right .more{margin-left:3px;float:left;font-family:arial;font-size:30px;line-height:40px;text-align:center;color:#fff;display:block;width:40px;height:40px;background:#f0000a;}
.indexTit .menu_right .more a{display:block;font-size:30px;color:#fff;}
.indexTit .menu_right .more:hover{background:#1b1f79;}


.floor_0_main{ margin-top:42px; height:80px;}
.floor_0_1{ float:left; padding:12px 24px; width:52px; height:56px; text-align:center; background-color:#007ab6; font-size:24px; color:#fff; line-height:28px; font-weight:bold;}
.floor_0_2{ width:1098px; height:78px; border:#e3e3e3 solid 1px; background-color:#f1f1f1; float:left;}
.floor_0_2 .bd{ width:950px; margin-left:50px; float:left; height:78px; overflow:hidden;}
.floor_0_2 .bd ul{ display:inline-block;}
.floor_0_2 .bd ul li{ height:78px; width:950px;}
.floor_0_2 .bd ul li h3{ font-size:18px; color:#333; line-height:18px; font-weight:bold; padding-top:18px;}
.floor_0_2 .bd ul li p{ font-size:14px; color:#333; line-height:14px; padding-top:10px;}
.floor_0_2 .bd ul li:hover h3{ color:#007ab6;}
.floor_0_2 .hd{ height:78px; float:right; width:64px;}
.floor_0_2 .hd .next{ display:block; height:37px; width:62px; border:#d5d5d5 solid 1px; background-color:#d5d5d5; cursor:pointer; }
.floor_0_2 .hd .prev{ display:block; height:37px; width:62px; border:#d5d5d5 solid 1px; background-color:#d5d5d5; cursor:pointer; }
.floor_0_2 .hd .next span{ display:block; width:24px; height:12px; background-position:-176px -57px; margin:0 auto; margin-top:16px;}
.floor_0_2 .hd .prev span{ display:block; width:24px; height:12px; background-position:-176px -94px; margin:0 auto; margin-top:16px;}
.floor_0_2 .hd .next:hover span{background-position:-144px -57px;}
.floor_0_2 .hd .prev:hover span{background-position:-144px -94px;}
.floor_0_2 .hd .next:hover,.floor_0_2 .hd .prev:hover{ border:#007ab6 solid 1px;}

.floor_1_main{ width: 100%;display:block;background:url(../image/xy1_02.jpg) center center no-repeat; margin-top:42px; height:591px;}
.floor_1_1{ width:1200px; height:369px;}
.floor_1_1 ul{ display:inline-block; width:105%;}
.floor_1_1 ul li{ display:block; border:#e1e1e1 solid 1px; background-color:#fff; width:368px; height:168px; float:left; margin-right:10px; margin-top:14px; position:relative;}
.floor_1_1 ul li img{ display:block; width:100%; height:100%;}
.floor_1_1 ul li h3{ font-size:26px; color:#333; line-height:26px; top:42px; left:42px; position:absolute;}
.floor_1_1 ul li p{ font-size:14px; color:#333; line-height:26px; display:none; position:absolute; left:42px; top:96px;}
.floor_1_1 ul li i{ display:block; width:33px; height:33px; background-position:-215px -40px; position:absolute; left:42px; top:100px;}
.floor_1_1 ul li.li1{ width:433px; height:353px;}
.floor_1_1 ul li.li2{ height:353px;}
.floor_1_1 ul li.li1 p{ width:360px; display:block;}
.floor_1_1 ul li.li2 p{ width:295px; display:block;}
.floor_1_1 ul li.li1 i{ display:block;}
.floor_1_1 ul li:hover{ background-color:#007ab6; border:#0e76d1 solid 1px;}
.floor_1_1 ul li:hover h3{ color:#fff; font-weight:bold;}
.floor_1_1 ul li:hover p{ color:#fff;}
.floor_1_1 ul li:hover i{ background-position:-260px -40px;}
.floor_1_1 ul li.li1:hover h3{ color:#333;}
.floor_1_1 ul li.li1:hover p{ color:#333;}


.floor_1_2{ padding-top:36px;}
.floor_1_2 .zx_t{ display:inline-block; width:105%;}
.floor_1_2 .zx_t dl{ display:block; width:299px; border-right:#d9d9d9 solid 1px; float:left; text-align:center;}
.floor_1_2 .zx_t dl.dl4{ border-right:none;}
.floor_1_2 .zx_t dl div{ display:inline-block;}
.floor_1_2 .zx_t dl dt{ float:left; font-size:50px; color:#333; line-height:50px; font-family:"Arial"; font-weight:bold;}
.floor_1_2 .zx_t dl dd{ float:left; font-size:16px; color:#333; line-height:16px; text-align:left; padding-left:8px;}
.floor_1_2 .zx_t dl dd i{ display:block; padding-top:4px;}
.floor_1_2 .zx_t dl dd em{ display:block; font-size:16px; color:#666; line-height:16px; padding-top:4px;}


.floor_3_main{ display:inline-block; width:100%; background-color:#f5f7f9; margin-top: 42px;}
.indexTit .ind a{ font-size:24px; line-height:24px; display: block; float:left; padding-left:10px; padding-right:20px;}
.floor_3_1{ display:inline-block;margin-top:30px; height:350px; position:relative;}
.floor_3_1 .bd{ display:inline-block; width:100%;}
.floor_3_1 .bd ul{ display:inline-block; }
.floor_3_1 .bd ul li{ float:left; width:283px; height:300px; margin-right:23px; text-align:center;}
.floor_3_1 .bd ul li a{ display:block;width:283px; height:274px;border-bottom:#e9e9e9 solid 1px;}
.floor_3_1 .bd ul li img{ display:block; width:283px; height:212px;}
.floor_3_1 .bd ul li p{ display:block; font-size:20px; line-height:62px;}
.floor_3_1 .bd ul li:hover a{box-shadow: 0 3px 15px #e9e9e9; font-weight:bold;}
.floor_3_1 .hd{ display:inline-block;}
.floor_3_1 .hd .next{ display:block; width:46px; height:46px; background-color:#999; position:absolute; left:-85px; top:88px; cursor:pointer;}
.floor_3_1 .hd .prev{ display:block; width:46px; height:46px; background-color:#999; position:absolute; right:-85px; top:88px; cursor:pointer;}
.floor_3_1 .hd .next span{ display:block; width:8px; height:13px; background-position:-148px -132px; margin:0 auto; margin-top:16px;}
.floor_3_1 .hd .prev span{ display:block; width:8px; height:13px; background-position:-163px -132px; margin:0 auto; margin-top:16px;}
.floor_3_1 .hd .next:hover,.floor_3_1 .hd .prev:hover{ background-color:#007ab6;}

.floor_4_main{ background-color:#fff; height:100%; width:100%;}
.floor_4_main .indexTit{ padding-top:40px; float:left; width:100%;}
.floor_4_1{ margin-top:22px;}
.floor_4_1 ul{ width:105%; display:inline-block; margin-top: 15px;}
.floor_4_1 ul li{ float:left; width:285px; height:84px; overflow:hidden; border:#e5e5e5 solid 1px; border-radius:5px; position:relative; margin-right:16px;margin-top:16px;}
.floor_4_1 ul li img{ display:block; width:100%; height:100%;}
.floor_4_1 ul li:hover{box-shadow: 0 3px 15px #7d7d7d;}


.floor_3_2.ldk{ padding-top:40px;}
.floor_3_2.ldk ul{ display:inline-block; width:100%;}
.floor_3_2.ldk ul li{ display:block; width:260px; float:left; height:60px; border-right:#ddd solid 1px; margin-left:20px;}
.floor_3_2.ldk ul li i{ display:block; width:49px; height:49px; float:left; background-position:-123px -203px; margin-top:4px;}
.floor_3_2.ldk ul li.li2 i{ display:block; width:49px; height:49px; float:left; background-position:-183px -203px;}
.floor_3_2.ldk ul li.li3 i{ display:block; width:49px; height:49px; float:left; background-position:-255px -203px;}
.floor_3_2.ldk ul li p{ float:right; width:196px; font-size:16px; color:#999; line-height:16px; padding-top:4px;}
.floor_3_2.ldk ul li p span{ display:block; font-size:18px; color:#333; line-height:24px; font-family:"Arial"; padding-top:8px;}
.floor_3_2.ldk ul li.li3 p span{ display:block; font-size:17px; color:#333; line-height:18px; font-family:"microsoft yahei";}

.floor_3_2.ldk ul li.li3{ border-right:none; width:326px;}
.floor_3_2.ldk ul li.li3 p{ width:260px;}
.floor_3_2.ldk ul li.li1{ margin-left:0;}





.swiper-button-next{ background:url(../image/icon.png) center center no-repeat; background-position:-47px -240px; width:38px; height:38px;}
.swiper-button-prev{ background:url(../image/icon.png) center center no-repeat; background-position:-0px -240px; width:38px; height:38px;}
.swiper-button-next:hover{ background-position:-47px -198px;}
.swiper-button-prev:hover{ background-position:-0px -198px;}






@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}
/*# sourceMappingURL=style.css.map */


/********.toolbar1*********/
.toolbar1{width: 77px; position: fixed; right: 10px; bottom: 200px; z-index: 999; border: 1px solid #e8e8e8;}
.toolbar1 .icon2{width: 40px; height: 40px; display: block; margin: 11px auto 0; background: url(../image/fix-ico.png) no-repeat -2px 5px;}
.toolbar1 dd{width: 77px; height: 90px; border-top: 1px solid #f6f6f6; position: relative;}
.toolbar1 dd i{width: 77px; height: 90px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; background: #fff; border-bottom: 1px solid #f6f6f6;}
.toolbar1 dd:first-child i{border-top: 0;}
.toolbar1 dd.item1 i .icon2{background-position: center 2px;}
.toolbar1 dd.item2 i .icon2{background-position: center -65px;}
.toolbar1 dd.item3 i .icon2{background-position: center -128px;}
.toolbar1 dd.return-top{display: none;}
.toolbar1 dd.return-top i .icon2{background-position: center -187px;}
.toolbar1 dd .pop{position: absolute; right: 145px; top: -45px; background: #fff; display: none;}
.toolbar1 dd .pop-code{width: 120px; padding: 10px 10px 0;}
.toolbar1 dd .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar1 dd .pop-code h3{height: 40px; line-height: 40px; text-align: center; color: #f34636; font-size: 12px; font-weight: 400; white-space: nowrap;}
.toolbar1 dd.item1{position: static;}
.toolbar1 dd .zx{width: 172px; position: absolute; right: 145px; bottom: 0; padding: 10px 30px 10px; line-height: 24px; background: #fff; border: 1px solid #e8e8e8; z-index: 1000; display: none;}
.toolbar1 dd .zx .icon2{width: 40px; height: 42px; display: block; float: left; margin-right: 12px; margin-top: 0;}
.toolbar1 dd .zx .t{border-bottom: 1px solid #dedede; padding: 10px 0;}
.toolbar1 dd .zx .t span{display: block;}
.toolbar1 dd .zx .t s{background-position: 0 -246px;}
.toolbar1 dd .zx .t.t2 s{background-position: 0 -314px;}
.toolbar1 dd .zx .t.t3 s{background-position: 0 -383px;}
.toolbar1 dd .zx .t.t4{border-bottom: 0;}
.toolbar1 dd:hover i{background: #f3f3f3;}





/*rightFix*/
.rightFix {
  width: 48px;
  position: fixed;
  right: 14px;
  top: 50%;
  margin-top: -0px;
  z-index: 99;
}
@media (max-width: 1366px) {
  .rightFix {
    right: 8px;
  }
}
.rightFix .ico {
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0px;
  transition: all ease 300ms;
  margin-top: 1px;
  padding: 0px;
  border-radius: 48px;
  margin-bottom: 5px;
  background: #333 url(../image/fix-ico.png) no-repeat center 0;
  cursor: pointer;
}
.rightFix .ico img {
  width: 110px;
  height: 110px;
  position: absolute;
  left: -78px;
  top: 0;
  padding: 6px;
  background: #0267ad;
  border: 1px solid #ddd;
  background: #fff;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 5px;
}
.rightFix .ico span {
  width: 216px;
  text-align: center;
  height: 58px;
  /* line-height: 48px; */
  position: absolute;
  left: -78px;
  top: 0;
  background: #007ab6;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 16px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 48px;
}
.rightFix .ico:hover {
  background-color: #007ab6;
  overflow: visible;
}
.rightFix .ico:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -140px;
}
.rightFix .ico:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -223px;
}
.rightFix .fix-tel {
  background-position: 14px 15px;
}
.rightFix .fix-tel:hover {
/*  background-position: -33px 12px;*/
}
.rightFix .fix-wx {
    background-position: 14px -26px;
}
.rightFix .fix-wx:hover {
/*  background-position: -33px -40px;*/
}
.rightFix .fix-ewm {
      background-position: 14px -66px;
}
.rightFix .fix-ewm:hover {
/*  background-position: -33px -96px;*/
}
.rightFix .fix_top {
      background-position: 14px -102px;
}
.rightFix .fix_top:hover {
/*  background-position: -33px -150px;*/
}
.rightFix .fix-form {
  background-position: 10px -234px;
}
.rightFix .fix-form span {
  font-size: 14px;
  line-height: 23px;
  width: 180px;
}
.rightFix .fix-form:hover {
  background-position: -37px -234px;
}
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
  padding-top: 10px;
}
.map_ul li {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDBDB;
  float: left;
}
.map_ul li a {
  font-size: 14px;
  float: left;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
}
.map_ul .list-inline {
  display: block;
  margin-left: 7%;
  width: 80%;
  min-height: 30px;
}
.map_ul .list-inline a {
  font-weight: normal;
  width: auto;
  float: none;
  line-height: 32px;
  height: 32px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0px 10px;
}
.map_ul .list-inline a:hover {
  background: #007ab6;
  color: #fff;
}

.txtimglist .item {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #dddddd;
}

    .txtimglist .item a {
        width: 100%;
        height: 120px;
        display: block;
    }

    .txtimglist .item img {
        width: 214px;
        height: 120px;
        float: left;
        margin-right: 20px;
    }

    .txtimglist .item h3 {
        font-size: 18px;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
    }

        .txtimglist .item h3 .time {
            color: #666666;
            font-family: arial;
            float: right;
            font-size: 16px;
        }

    .txtimglist .item .txt {
        color: #999999;
        line-height: 24px;
    }

    .txtimglist .item:first-child {
        padding-top: 0;
    }












span.bds_more,
.bds_tools a {
  line-height: 14px !important;
}
/***********category css*************/
.nybanner{width: 100%; height: 260px; overflow: hidden; position: relative;} .nybanner img{width: 1920px; display: block; position: absolute; left: 50%; margin-left: -960px; top: 0;}
.sitepath{width: 100%; height: 45px; line-height: 45px; overflow: hidden; font-size: 14px; color: #333; background: #f8f8f8;} .sitepath a{color: #333;} .sitepath a:hover{color: #d9261d;}
.n-tit{margin-bottom: 20px;} .n-tit h3{font-size: 24px; color: #000; margin-bottom: 22px;} .n-tit .line{width: 28px; height: 2px; display: block; background: #000;}
.n-ico{display: inline-block; vertical-align: middle; background: url(../image/n-ico.png) no-repeat 0 0;}
.wrapper{width: 1200px; margin: 0 auto; padding: 30px 0 60px;} 
.wrapper .n-tit{padding-bottom: 16px; font-size: 20px; position: relative; color: #333; margin-bottom: 28px; border-bottom: 2px solid #dddddd;} 
.wrapper .n-tit .line{width: 78px; height: 2px; display: block; position: absolute; left: 0; bottom: -2px; background: #d9261d;} 
.wrapper .left-tit{width: 100%; font-size: 24px; height: 24px; line-height: 24px; padding-bottom: 20px;}
 .wrapper .left-tit s{width: 6px; height: 24px; margin-right: 20px; vertical-align: top; *vertical-align: middle;}
 .wrapper .leftCon{width: 300px; float: left; padding-top: 5px;} .wrapper .content{width: 896px;} 
 .wrapper .content .gridlist{width: 100%; position: relative; overflow: hidden;}
 .wrapper .content .gridlist .item{margin-right: 37px;}
 .wrapper .leftNav{width: 298px; border: 1px solid #ddd; border-bottom: 0px; margin-bottom: 40px; background: #f8f8f8;}
 .wrapper .leftNav li{border-bottom: 1px solid #ddd; height: 60px; line-height: 60px; position: relative;} 
 .wrapper .leftNav li a{display: block; padding: 0 18px 0 15px; font-size: 16px; color: #333;} 
 .wrapper .leftNav li s{width: 10px; height: 15px; float: right; margin-top: 24px; background-position: -22px 0;} 
 .wrapper .leftNav li:hover, .wrapper .leftNav li.hover{background: url(../image/leftnav_libg.jpg) no-repeat center center;} 
 .wrapper .leftNav li:hover a, .wrapper .leftNav li.hover a{color: #fff;} 
 .wrapper .leftNav li:hover s, .wrapper .leftNav li.hover s{background-position: -40px 0;} 
 .wrapper .leftnews{width: 262px; border: 1px solid #ddd; padding: 15px 18px;}
.pictureList{width: 100%; position: relative; overflow: hidden;} 
.pictureList .list{width: 105%; position: relative;}
 .pictureList .item{width: 195px; float: left; margin-right: 24px; margin-bottom: 20px;} .pictureList .item a{width: 100%; display: block;} .pictureList .item img{width: 195px; height: 247px; display: block; margin-bottom: 4px;} .pictureList .item h3{font-size: 16px; color: #333; height: 20px; line-height: 20px; text-align: center; overflow: hidden; padding-top: 8px;} .pictureList .item span{width: 100%; height: 25px; line-height: 25px; overflow: hidden; display: block; text-align: center; color: #666;} .pictureList .item:hover img{filter: brightness(105%);} .pictureList .item:hover h3, .pictureList .item:hover span{color: #d9261d;}
.txtimglist .item{width: 100%; padding: 30px 0; border-bottom: 1px solid #dddddd;} .txtimglist .item a{width: 100%; height: 120px; display: block;} .txtimglist .item img{width: 212px; height: 120px; float: left; margin-right: 20px;} .txtimglist .item h3{font-size: 18px; height: 60px; line-height: 60px; overflow: hidden;} .txtimglist .item h3 .time{color: #666666; font-family: arial; float: right; font-size: 16px;} .txtimglist .item .txt{color: #999999; line-height: 24px;} .txtimglist .item:first-child{padding-top: 0;}
.downlist{width: 100%;} .downlist .item{height: 50px; line-height: 50px; border-bottom: 1px solid #dddddd;} .downlist .item a{width: 100%; display: block;} .downlist .item .d{width: 4px; height: 4px; display: inline-block; vertical-align: middle; margin-right: 16px; background: #999999;} .downlist .item .down{width: 90px; height: 32px; line-height: 32px; float: right; margin-top: 9px; text-align: center; background: #dc3f37; border-radius: 5px; color: #fff; display: none;} .downlist .item .down s{width: 18px; height: 18px; display: inline-block; margin-left: 8px; background-position: -55px 1px;} .downlist .item .down:hover{background: #d9261d;} .downlist .item:hover{border-bottom: 1px solid #d9261d;} .downlist .item:hover .down{display: block;}
.msgPage{width: 100%; padding: 0 0 40px;} .msgPage .item{width: 288px; height: 43px; line-height: 43px; padding-left: 125px; float: left; position: relative; margin-bottom: 20px; border: 1px solid #dddddd;} .msgPage .item .t{width: 119px; position: absolute; left: 0; top: 0; text-align: center; border-right: 1px solid #dddddd; background: #f5f5f5;} .msgPage .item input{width: 100%; height: 43px; line-height: 43px; padding-left: 10px; border: 0px; font-size: 14px; outline: none; background: none;} .msgPage .item .tip{width: 83px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #ddd; border-radius: 4px; position: absolute; right: 5px; top: 5px; background: #f5f5f5;} .msgPage .item input[type="file"]{opacity: 0; filter: alpha(opacity=0);} .msgPage .item.mr22{margin-right: 22px;} .msgPage .item.itemxt{width: 851px; padding-left: 0; height: 160px;} .msgPage .item.itemxt textarea{width: 835px; height: 142px; border: 0px; padding: 8px; overflow: hidden; color: #333; resize: none; font-family: "microsoft yahei"; outline: none;} .msgPage .btn{width: 250px; height: 45px; line-height: 45px; text-align: center; background: #d9261d; color: #fff; float: left; cursor: pointer;} .msgPage .btn:hover{background: #eb4e46;}
.aboutPage .about_txt{background: #fff; padding: 40px 50px; margin-bottom: 30px;}
.aboutPage .img{margin-bottom: 30px; width: 100%; display: block;}
.aboutPage .txtcon{color: #666666;} .aboutPage .txtcon img{max-width: 100%;}
/*showNews*/
.shareNew{padding-bottom: 20px;}
.showInfo{padding-top: 20px;} .showInfo .title{font-size: 22px; color: #333333; text-align: center; margin: 10px 0 10px;} .showInfo .mark{color: #999999; height: 38px; line-height: 38px; overflow: hidden; text-align: center; margin-bottom: 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .showInfo .mark span{margin: 0 10px; font-size: 12px;} .showInfo .img{width: 500px; display: block; margin: 10px auto 20px;} .showInfo .img img{max-width: 100%; display: block; margin: 0 auto;} .showInfo .showContxt{color: #666666; padding: 0 2px 30px; line-height: 30px;} .showInfo .showContxt .t{position: relative; display: inline-block; *display: inline; *zoom: 1; color: #333; padding: 0 2px 5px; font-size: 16px; margin-bottom: 10px;} .showInfo .showContxt .t:after{width: 20px; height: 2px; content: "\20"; background: #d9261d; display: block; position: absolute; left: 2px; bottom: -1px;} .showInfo .title2{height: 40px; line-height: 40px; margin-top: 20px; border-bottom: 1px solid #d9d9d9;} .showInfo .title2 a{float: right; font-size: 12px; font-family: arial;} .showInfo .title2 .left{height: 38px; line-height: 38px; font-size: 18px; border-bottom: 3px solid #4d485b;}
/* rightFix */
/********toolbar1*********/
.toolbar1{width: 59px; position: fixed; right: 10px; bottom: 100px; z-index: 999;} .toolbar1 dd{width: 59px; height: 59px; background: #1982c6; margin-bottom: 5px; position: relative;} .toolbar1 dd a{height: 48px; padding: 11px 10px 0 13px; line-height: 18px; color: #fff; font-size: 16px; display: block; cursor: pointer;} .toolbar1 .box{width: 295px; height: 147px; padding: 0 15px; position: absolute; right: 90px; top: 0; background: #fff; display: none; border: 1px solid #e5e5e5; border-top: 10px solid #1982c6;} .toolbar1 .box .ttel{width: 100%; padding: 15px 0 15px; margin-bottom: 10px; line-height: 20px; color: #666; border-bottom: 1px solid #aeaeae;} .toolbar1 .box .ttel strong{color: #fda804; font-size: 24px; line-height: 24px; display: block; font-weight: normal; font-family: arial;} .toolbar1 .box .ttel s{width: 50px; height: 45px; margin-right: 10px; background-position: -55px 0;} .toolbar1 .box .list{color: #aeaeae; font-size: 12px; line-height: 24px;} .toolbar1 .box .list li{width: 50%; float: left;} .toolbar1 dd:hover{background: #26a0f0;}
/*******font-face********/
@font-face{font-family: 'impact'; src: url('http://www.hnxyfs.com/plugins/template/xiangyu/pc/font/impact.eot'); src: url('http://www.hnxyfs.com/plugins/template/xiangyu/pc/font/impact.eot?') format('embedded-opentype'), /* IE6-IE8 */ url('http://www.hnxyfs.com/plugins/template/xiangyu/pc/font/impact.woff') format('woff'), /* Modern Browsers */ url('http://www.hnxyfs.com/plugins/template/xiangyu/pc/font/impact.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://www.hnxyfs.com/plugins/template/xiangyu/pc/font/impact.svg') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */}
/************** * Animations for content elements * **********/
/* 滞后 */
.delay100{-webkit-animation-delay: 100ms; animation-delay: 100ms;}
.delay200{-webkit-animation-delay: 200ms; animation-delay: 200ms;}
.delay300{-webkit-animation-delay: 300ms; animation-delay: 300ms;}
.delay400{-webkit-animation-delay: 400ms; animation-delay: 400ms;}
.delay500{-webkit-animation-delay: 500ms; animation-delay: 500ms;}
.delay600{-webkit-animation-delay: 600ms; animation-delay: 600ms;}
.delay700{-webkit-animation-delay: 700ms; animation-delay: 700ms;}
.delay800{-webkit-animation-delay: 800ms; animation-delay: 800ms;}
.delay900{-webkit-animation-delay: 900ms; animation-delay: 900ms;}
.delay1000{-webkit-animation-delay: 1000ms; animation-delay: 1000ms;}
.delay1100{-webkit-animation-delay: 1100ms; animation-delay: 1100ms;}
.delay1200{-webkit-animation-delay: 1200ms; animation-delay: 1200ms;}
.delay1300{-webkit-animation-delay: 1300ms; animation-delay: 1300ms;}
.delay1400{-webkit-animation-delay: 1400ms; animation-delay: 1400ms;}
.delay1500{-webkit-animation-delay: 1500ms; animation-delay: 1500ms;}
.delay1600{-webkit-animation-delay: 1600ms; animation-delay: 1600ms;}
.delay1700{-webkit-animation-delay: 1700ms; animation-delay: 1700ms;}
.delay1800{-webkit-animation-delay: 1800ms; animation-delay: 1800ms;}
.delay1900{-webkit-animation-delay: 1900ms; animation-delay: 1900ms;}
.delay2000{-webkit-animation-delay: 2000ms; animation-delay: 2000ms;}
.delay2100{-webkit-animation-delay: 2100ms; animation-delay: 2100ms;}
.delay2200{-webkit-animation-delay: 2200ms; animation-delay: 2200ms;}
.delay2300{-webkit-animation-delay: 2300ms; animation-delay: 2300ms;}
.delay2500{-webkit-animation-delay: 2500ms; animation-delay: 2500ms;}
.delay2700{-webkit-animation-delay: 2700ms; animation-delay: 2700ms;}
.delay2900{-webkit-animation-delay: 2900ms; animation-delay: 2900ms;}
.delay3000{-webkit-animation-delay: 3000ms; animation-delay: 3000ms;}
.delay4000{-webkit-animation-delay: 4000ms; animation-delay: 4000ms;}
.delay4500{-webkit-animation-delay: 4500ms; animation-delay: 4500ms;}
.delay5000{-webkit-animation-delay: 5000ms; animation-delay: 5000ms;}
.onactive .animated{-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.active .animated.fast{-webkit-animation-duration: .5s; animation-duration: .5s;}
.onactive .flyInDown{-webkit-animation-name: flyInDown; animation-name: flyInDown;}
@-webkit-keyframes flyInDown{0%{opacity: 0; -webkit-transform: translateY(-20px);} 100%{opacity: 1; -webkit-transform: translateY(0);}}
@keyframes flyInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);} 100%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}
.onactive .flyInRight{-webkit-animation-name: flyInRight; animation-name: flyInRight;}
@keyframes flyInRight{0%{opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);} 100%{opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}
.onactive .flyInUp{-webkit-animation-name: flyInUp; animation-name: flyInUp;}
@keyframes flyInUp{0%{opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px);} 100%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}
.onactive .flyInLeft{-webkit-animation-name: flyInLeft; animation-name: flyInLeft;}
@-webkit-keyframes flyInLeft{0%{opacity: 0; -webkit-transform: translateX(-200px);} 100%{opacity: 1; -webkit-transform: translateX(0);}}
@keyframes flyInLeft{0%{opacity: 0; -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px);} 100%{opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}
.onactive .opacityI{-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes opacityI{0%{opacity: 0;} 50%{opacity: 1;}}
@keyframes opacityI{0%{opacity: 0;} 50%{opacity: 1;}}
.onactive .shake{-webkit-animation-name: shake; animation-name: shake; -webkit-animation-delay: 6s; animation-delay: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@keyframes shake{0%{transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{transform: translateY(-10px);} 20%, 40%, 60%, 80%{-transform: translateY(6px);} 100%{transform: translateY(0);}}
@-webkit-keyframes shake{0%{-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform: translateY(-10px);} 20%, 40%, 60%, 80%{-webkit-transform: translateY(6px);} 100%{-webkit-transform: translateY(0);}}
@-moz-keyframes shake{0%{-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-moz-transform: translateY(-10px);} 20%, 40%, 60%, 80%{-moz-transform: translateY(6px);} 100%{-moz-transform: translateY(0);}}
@-o-keyframes shake{0%{-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-o-transform: translateY(-10px);} 20%, 40%, 60%, 80%{-o-transform: translateY(6px);} 100%{-o-transform: translateY(0);}}
@-ms-keyframes shake{0%{-ms-transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-ms-transform: translateY(-10px);} 20%, 40%, 60%, 80%{-ms-transform: translateY(6px);} 100%{-ms-transform: translateY(0);}}
.onactive .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 50%{opacity: 1;}}
@keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 50%{opacity: 1;}}
@-webkit-keyframes scaleIn{0%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 50%{opacity: 1; -webkit-transform: scale(1.02); transform: scale(1.02);}}
@keyframes scaleIn{0%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 50%{opacity: 1; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);}}