/*
    *by:JasonJ
    *Email:xiaoyi0228@vip.qq.com
    *use：香港免费资料正版大全
*/

.imgicon{ background-image: url(/csxy/css/index_icon.png); background-repeat: no-repeat;}
.container{ width: 1580px; margin-left: auto; margin-right: auto;}
.container1{ width: 1200px; margin-left: auto; margin-right: auto;}
.wrap{ position: relative; z-index: 1;}

html{ height: 100%; overflow: hidden;}
body{ height: 100%; background: #f2f2f2; position: relative;}
.bigbg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden;}
.bigbg .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover;}
.swiper-bigbg-next,.swiper-bigbg-prev{ z-index: 2;}
.swiper-bigbg-prev{ width: 44px; height: 87px; background: url(/csxy/css/indexbg_prev.png) no-repeat; margin-top: -43px; opacity: 0.4;}
.swiper-bigbg-next{ width: 44px; height: 87px; background: url(/csxy/css/indexbg_next.png) no-repeat; margin-top: -43px; opacity: 0.4;}
.bigbg .swiper-pagination{width: 100%;bottom: 60px;text-align: center;}
.swiper-pagination-clickable .swiper-pagination-bullet{ width: 24px; height: 24px;background: #9fa0a0;opacity: 1;}
.bigbg .swiper-pagination .swiper-pagination-bullet-active{background: #be0f2e;}
.bigbg .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}


.topnav{ position: fixed; top: 0; left: 50%; margin-left: -790px; z-index: 5;}
.topnav1{ position: fixed; top: 0; left: 50%; margin-left: -600px; z-index: 5;}
.navbox{ width: 100%; position: absolute; top:0; z-index: 5;}
.iconbg{ background: #20385d; width: 100%; height: 62px; line-height: 62px; position: absolute; top: 0; left: 0; z-index: 1;}
.logo{ width: 596px; height: 160px; background: #be0f2e; position: absolute; top: 0; left: 0; z-index: 2; text-align: center;}
.logo a{ width: 596px; height: 87px; padding-top: 18px; display: block; position: relative;}
.logo1{ width: 388px; height: 103px; background: #be0f2e; position: absolute; top: 0; left: 0; z-index: 2; text-align: center;}
.logo1 a{ width: 388px; height: 87px; padding-top: 18px; display: block; position: relative;}
.nav{ position: absolute; top: 0; right: 100px; z-index: 2;}

.nav .navul .navulli{ float: left; height: 62px; line-height: 62px; padding: 0 30px;margin-right: 20px; position: relative;}
.nav .navul .navulli .na{ display: block; font-size: 2em; color: #fff;font-weight: bold;}
.nav .navul .navulli .na:hover{ color: #ff8b02;}
.nav .navul .navulli:hover{ }
.nav .navul .navulli.active{ }
.nav .navul .navulli.active .na{ color: #ff8b02;}
.nav .navul .navulli ul{ display: none; position: absolute; left: 0px; top: 62px; z-index: 2; background: #20385d; width: 100%;}
.nav .navul .navulli ul li{ line-height: 50px; text-align: center; border-top: 2px #939eb0 solid;}
.nav .navul .navulli ul li a{ color: #fff; display: block; font-size: 20px;;}
.nav .navul .navulli ul li a:hover{  color: #f97e05;}
.nav .navul .navulli.active ul{ display: block;}
.nav .navul .navulli.navulli09{ display: block;}
.nav .navul .navulli.navulli09 .na{background: url(/csxy/images/sy01.jpg) right center no-repeat;padding: 0 30px 0 0;}
.nav .navul .navulli.navulli09 ul li{ position: relative;}
.nav .navul .navulli.navulli09 ul li ul{ display: none;}
.nav .navul .navulli.navulli09 ul li.navullihover:hover .naa{  color: #ff8b02;}
.nav .navul .navulli.navulli09 ul li.navullihover:hover ul{ display: block; position: absolute; left: 84px; top: -1px; z-index: 2; background: #103b68; width: 100%;}
.nav .navul .navulli.navulli10{ display: none;}
.nav .navul .navulli.navulli10 a{ padding-left: 10px; padding-right: 10px;}
.nav .navul .navulli.navulli10 ul li{ position: relative;}
.nav .navul .navulli.navulli10 ul li dl{ display: none;}
.nav .navul .navulli.navulli10 ul li dl dd{line-height: 50px; text-align: center; border-top: 2px #939eb0 solid;}
.nav .navul .navulli.navulli10 ul li .morenaa{ background: url(/csxy/images/sy01.jpg) 90% center no-repeat;}
.nav .navul .navulli.navulli10 ul li.navullihover:hover .morenaa{ color: #ff8b02;background: url(/csxy/images/sy01.jpg) 90% center no-repeat;}
.nav .navul .navulli.navulli10 ul li.navullihover:hover dl{ display: block; z-index: 2; background: #20385d; width: 100%;}
.nav .navul .navulli10 .na span{ cursor: default;}
.nav .navul .navulli10 .na span b{ font-weight: normal;}

.nav .navul .navulli.navulli11{padding: 10px 0 0 ;height: 52px;line-height: 52px;}
.nav .navul .navulli.navulli11 ul{position: absolute;left:-330px;top:3px;z-index: 2;background:none; }
.nav .navul .navulli.navulli11 ul li{border-top: 0;}
.sy_input{background: #fff;width: 328px;height: 48px;border: 1px solid #bfbfbf;}

.bar{ width: 75px; height: 62px; background: #ffb302; position: absolute; top: 0; right: 18px; z-index: 2;}
.bar .bari{ font-size:12px; width: 100%; height: 52px; display: block; float: left; text-align: center; padding-top: 10px; line-height: 24px; cursor: default; position: relative;}
.bar .bari b{ font-weight: normal;}
.user{ background-position: 0 0; width: 19px; height: 19px; display: block; margin: 0 auto;}
.dh{ background-position: 0 -24px; width: 21px; height: 19px; display: block; margin: 0 auto;}
.inav{ background-image: url(/csxy/images/inav.png); background-repeat: no-repeat; width: 47px; height: 40px;background-size: 100% 100%; display: block; margin: 0 auto;}
.icon_zgzmdx{ background: url(/csxy/images/icon_index_zgzmdx.png) no-repeat; width: 233px; height: 49px; display: block; position: absolute; top: 80px; left: 50%; margin-left: -110px; z-index: 1;}
.bar .phone{ display: none;}

.dlbm{ background: #ff8b02; width: 194px; height: 100px; padding: 15px 20px 10px; position: absolute; top: 62px; right: -61px; z-index: 3; display: none;}
.tinputbox{ text-align: left; margin-bottom: 8px;}
.tinput{ background: #c56101; border: 1px #6f2200 solid; border-radius: 10px; height: 26px; line-height: 26px; width: 130px; padding-left: 10px; color: #FFFFFF; outline: none;}
.binput{ background: #6a2000; width: 85px; height: 30px; line-height: 30px; display: block; border: none; text-align: center; font-size: 1.4em; font-family: "microsoft yahei"; color: #FFFFFF; cursor: pointer; margin: 0 auto;}
.fwdh{ background: #ff8b02; width: 414px; padding: 6px; position: absolute; top: 62px; right: 0; z-index: 3; display: none;}
.loginbox{ text-align: center; height: 30px; line-height: 30px; overflow: hidden;}
.loginbox a{ margin: 0 10px;}
.fwdhbox a{ color: #6f2200; display: block; float: left; width: 97px; height: 30px; font-size: 1.2em; padding-top: 40px; border: 1px #fa9f34 solid; background: #ff910f; margin: 6px 6px 0 0; position: relative;}
.fwdhbox a:hover{ background: #ffe3c2;}
.fwdhbox a:nth-child(4),.fwdh a:nth-child(8){ margin-right: 0;}
.fwdhbox i{ display: block; position: absolute; left: 50%;}
.dh_oaxt{ background-position: 0 -48px; width: 30px; height: 20px; top: 13px; margin-left: -15px; z-index: 2;}
.dh_jwxt{ background-position: 0 -73px; width: 25px; height: 27px; top: 10px; margin-left: -12.5px; z-index: 2;}
.dh_xxpt{ background-position: 0 -105px; width: 32px; height: 24px; top: 11px; margin-left: -16px; z-index: 2;}
.dh_wsykt{ background-position: 0 -134px; width: 27px; height: 21px; top: 13px; margin-left: -13.5px; z-index: 2;}
.dh_dsq{ background-position: 0 -160px; width: 25px; height: 27px; top: 11px; margin-left: -12.5px; z-index: 2;}
.dh_xydt{ background-position: 0 -192px; width: 20px; height: 30px; top: 9px; margin-left: -10px; z-index: 2;}
.dh_gw{ background-position: 0 -227px; width: 31px; height: 25px; top: 12px; margin-left: -15.5px; z-index: 2;}
.dh_app{ background-position: 0 -257px; width: 16px; height: 28px; top: 9px; margin-left: -8px; z-index: 2;}
.bari.active{ background: #ff8b02;}
.bari.active .dlbm{ display: block;}
.bari.active .fwdh{ display: block;}

.mainnav{ position: fixed; bottom: 0; width: 100%; z-index: 5;}
.tabbarhd{ background: #be0f2e; height: 40px;}
.tabbarhd ul li{ float: left; width: 25%; height: 40px; line-height: 40px; text-align: center; cursor: default;}
.tabbarhd ul li a{ font-size: 2em; color: #FFFFFF; display: block;}
.tabbarhd ul li.default,.tabbarhd ul li:hover{ background: #450103;}
#btn3 i{ font-size: 0.7em;}
.tabbd{ position: relative; width: 100%; height: 100%; display: block;}
.tabbdm{ display: block; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%;}
.tabbdbg{ display: block; background: url(/csxy/css/index_icon_aplz_94.png) repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.iclose{ display: block; background: url(/csxy/css/index_btn_close.png) center no-repeat; width: 41px; height: 41px; cursor: pointer; position: absolute; left: 50%; margin-left: 559px; top:62px; z-index: 4;}

.swiper-slide{ width: 100%;}
.xykxm{ padding: 0 18px; margin-top: 110px;  position: relative;}
.itembox .tit{ height: 42px; line-height: 42px; border-bottom: 1px #70484c solid; overflow: hidden;}
.itembox .tit .tita{ float: left; font-size: 2em; color: #ffffff;}
.itembox .tit .more{ float: right; font-size:1.4em; color: #FFFFFF;}
.itembox .bm{ margin-top: 20px;}
.slide-xykx{ float: left; width: 50%; padding-bottom: 40px;}
.slide-xykx .swiper-slide{ height: 330px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.slide-xykx .swiper-slide .txt{ position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; height: 38px; line-height: 38px; text-align: center;}
.slide-xykx .swiper-slide .txt a{ color: #FFFFFF; font-size: 1.6em; width: 100%; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.slide-xykx .swiper-slide i{ background: url(/csxy/css/index_icon_aplb_50.png) repeat; width: 100%; height: 38px; display: block; position: absolute; left: 0; bottom: 0; z-index: 2;}
.slide-xykx .swiper-xykx .swiper-pagination-bullet{ width: 15px; height: 15px; background: #ffb302;}
.xykxul{ float: right; width: 48%;}

.ullist li{ background: url(/csxy/css/icon_cd.png) left 13px no-repeat; padding-left: 13px; line-height: 36px; position: relative;}
.ullist li a{ color: #FFFFFF; font-size: 1.6em; width: 100%; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ullist li span{ position: absolute; top: 0; right: 0; z-index: 2; font-size: 1.4em; color: #FFFFFF;}

.xykxul li a{ width: 90%;}

.imglist li{ position: relative; width: 49%; height: 83px; overflow: hidden; float: left; margin-bottom: 20px;}
.imglist li:nth-child(even){ float: right;}
.imglist li .imgbox{ position: absolute; left: 0; top: 0; z-index: 2;}
.imglist li p{ margin-left: 120px; line-height: 30px; color: #FFFFFF; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.imglist li p span{ display: block; height: 16px; line-height: 16px; overflow: hidden;}
.imglist li p span a{ font-size: 1.4em; font-weight: bold; color: #ffb302; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.yszcm{ padding: 0 18px; margin-top: 110px; position: relative;}
.slide-sytd{ float: left; width: 790px;}
.slide-sytd .swiper-slide{ height: 282px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.slide-sytd .swiper-slide .txt{ position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; height: 38px; line-height: 38px; text-align: left;}
.slide-sytd .swiper-slide .txt a{ padding: 0 10px; color: #FFFFFF; font-size: 1.6em; width: 100%;}
.slide-sytd .swiper-slide i{ background: url(/csxy/css/index_icon_aplb_50.png) repeat; width: 100%; height: 38px; display: block; position: absolute; left: 0; bottom: 0; z-index: 2;}
.swiper-sytd-prev{ background: url(/csxy/css/sytd-prev.png) no-repeat; width: 40px; height: 110px; display: block; left: 0; margin-top: -55px;}
.swiper-sytd-next{ background: url(/csxy/css/sytd-next.png) no-repeat; width: 40px; height: 110px; display: block; right: 0; margin-top: -55px;}

.yszcul{ float: right; width: 32%;}
.width32{ float: left; width: 32%;}
.width32 .imglist li{ width: 100%; height: 105px;}
.width32 .imglist li p{ line-height: 24px; width: 55%; margin-left: 160px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.width32 .imglist li p span{ margin-bottom: 5px;}
.wdy{ margin-left: 2%;}
.zy{ float: right;}

.picbox li{ float: left; width: 16.6%; }
.picbox li a{ display: block; text-align: center; line-height: 30px; font-size: 1.4em; color: #FFFFFF; padding: 5px;}
.picbox li a img{ height: 110px;}
.picbox li a p{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.bhlxkm{ padding: 0 18px; margin-top: 110px; position: relative;}
.bhlxkm .itembox{ margin-bottom: 20px;}
.bhlxkm .picbox li{ float: left; width: 241px; text-align: center;}
.bhlxkm .picbox li a{ display: block; text-align: center; line-height: 30px; font-size: 1.4em; color: #FFFFFF; padding: 0;}
.bhlxkm .picbox li a img{ width: 241px; height: 342px;}
.bhlxkm .picbox li a p{ text-align: left; line-height: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bhlxkm .picbox li:nth-child(2){ margin-left: 75px;}
.bhlxkm .picbox li:nth-child(3){ margin-left: 75px;}
.bhlxkm .picbox li:nth-child(4){ float: right;}

.wthdm{ padding: 0 18px; margin-top: 110px; position: relative;}
.wthdm .itembox .bm{ padding: 0 15px;}
.wtpicbox li{ float: left; width: 215px; height: 160px; display: block; margin: 0 0 10px 10px ;}
.wtpicbox li a{ display: block; position: relative;}
.wtpicbox li a img{ width: 215px; height: 160px;}
.wtpicbox li a p{ position: absolute; bottom: 0; left: 0; z-index: 3; color: #FFFFFF; font-size: 1.6em; width: 100%; height: 30px; line-height: 30px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.wtpicbox li a i{ background: url(/csxy/css/index_icon_aplb_50.png) repeat; position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 30px; line-height: 30px; text-align: center; display: block;}
.wtpicbox li.wtpicbox1{ width: 40%; height: 330px; margin-left: 0;}
.wtpicbox li.wtpicbox1 a img{ width: 100%; height: 330px;}

.tyhd{ float: left; width: 49%;}
.myhd{ float: right; width: 49%;}
.hditembox li.wtpicbox1{ width: 58%;}
.hditembox li.wtpicbox1 a img{ width: 100%; height: 330px;}
.nav .navul .navulli.navulli10 dl{display: none;}
@media screen and (min-width:860px) and (max-width:1235px) {
    .container{ width: 100%;}
    .container1{ width: 100%;}
    .topnav{ left: 0; margin-left: 0;}
    .topnav1{ left: 0; margin-left: 0;}
    .iclose{ left: auto; margin: 0; right: 18px;}
    .icon_zgzmdx{ left: auto; margin: 0; right: 18px;}
    .slide-xykx{ width: 50%;}
    .xykxul li span{ display: none;}
    .xykxul li a{ width: 100%;}
    .slide-sytd{ width: 66%;}
    .width32 .imglist li p{ width: auto;}
    .picbox li{ width: 33.3%;}
    .picbox li a img{ height: auto;}
    .bhlxkm .picbox li{ width: 25%;}
    .bhlxkm .picbox li a{ padding: 5px;}
    .bhlxkm .picbox li a img{ width: 100%; height: auto;}
    .bhlxkm .picbox li:nth-child(2),.bhlxkm .picbox li:nth-child(3),.bhlxkm .picbox li:nth-child(4){ margin: 0;}
    .wtpicbox li{ width: 32%; margin: 0 0 10px 2%; height: auto;}
    .wtpicbox li.wtpicbox1{ width: 66%; height: auto; margin-left: 0; margin-bottom: 0;}
    .wtpicbox li:nth-child(4),.wtpicbox li:nth-child(7){ margin-left: 0;}
    .wtpicbox li a img{ width: 100%; height: auto;}
    .wtpicbox li.wtpicbox1 a img{ width: 100%; height: auto;}
    .hditembox li{ width: 48%; margin-left: 0; margin-bottom: 10px;}
    .hditembox li.wtpicbox1{ width: 100%; height: auto; margin-bottom: 10px;}
    .hditembox li.wtpicbox1 a img,.hditembox li a img{ width: 100%; height: auto;}
    .hditembox li:nth-child(3){ float: right;}

}
@media screen and (min-width:625px) and (max-width:860px) {
    .container{ width: 100%;}
    .container1{ width: 100%;}
    .topnav{ left: 0; margin-left: 0;}
    .topnav1{ left: 0; margin-left: 0;}
    .iclose{ left: auto; margin: 0; right: 18px;}
    .icon_zgzmdx{ left: auto; margin: 0; right: 18px;}
    .slide-xykx{ width: 50%;}
    .xykxul li span{ display: none;}
    .xykxul li a{ width: 100%;}
    .slide-sytd{ width: 66%;}
    .width32 .imglist li p{ width: auto;}
    .picbox li{ width: 33.3%;}
    .picbox li a img{ height: auto;}
    .bhlxkm .picbox li{ width: 25%;}
    .bhlxkm .picbox li a{ padding: 5px;}
    .bhlxkm .picbox li a img{ width: 100%; height: auto;}
    .bhlxkm .picbox li:nth-child(2),.bhlxkm .picbox li:nth-child(3),.bhlxkm .picbox li:nth-child(4){ margin: 0;}
    .wtpicbox li{ width: 32%; margin: 0 0 10px 2%; height: auto;}
    .wtpicbox li.wtpicbox1{ width: 66%; height: auto; margin-left: 0; margin-bottom: 0;}
    .wtpicbox li:nth-child(4),.wtpicbox li:nth-child(7){ margin-left: 0;}
    .wtpicbox li a img{ width: 100%; height: auto;}
    .wtpicbox li.wtpicbox1 a img{ width: 100%; height: auto;}
    .hditembox li{ width: 48%; margin-left: 0; margin-bottom: 10px;}
    .hditembox li.wtpicbox1{ width: 100%; height: auto; margin-bottom: 10px;}
    .hditembox li.wtpicbox1 a img,.hditembox li a img{ width: 100%; height: auto;}
    .hditembox li:nth-child(3){ float: right;}

}
@media screen and (min-width:320px) and (max-width:624px) {
    .container{ width: 100%;}
    .container1{ width: 100%;}
    .topnav{ left: 0; margin-left: 0;}
    .topnav1{ left: 0; margin-left: 0;}
    .iclose{ left: auto; margin: 0; right: 18px;}
    .icon_zgzmdx{ left: auto; margin: 0; right: 18px;}


    .width32 .imglist li p{ width: auto;}
    .picbox li{ width: 33.3%;}
    .picbox li a img{ height: auto;}
    .bhlxkm .picbox li{ width: 25%;}
    .bhlxkm .picbox li a{ padding: 5px;}
    .bhlxkm .picbox li a img{ width: 100%; height: auto;}
    .bhlxkm .picbox li:nth-child(2),.bhlxkm .picbox li:nth-child(3),.bhlxkm .picbox li:nth-child(4){ margin: 0;}
    .wtpicbox li{ width: 32%; margin: 0 0 10px 2%; height: auto;}
    .wtpicbox li.wtpicbox1{ width: 66%; height: auto; margin-left: 0; margin-bottom: 0;}
    .wtpicbox li:nth-child(4),.wtpicbox li:nth-child(7){ margin-left: 0;}
    .wtpicbox li a img{ width: 100%; height: auto;}
    .wtpicbox li.wtpicbox1 a img{ width: 100%; height: auto;}
    .hditembox li{ width: 48%; margin-left: 0; margin-bottom: 10px;}
    .hditembox li.wtpicbox1{ width: 100%; height: auto; margin-bottom: 10px;}
    .hditembox li.wtpicbox1 a img,.hditembox li a img{ width: 100%; height: auto;}
    .hditembox li:nth-child(3){ float: right;}

    .slide-xykx{ width: 100%; float: inherit;}
    .xykxul{ width: 100%; float: inherit;}
    .imglist li{ width: 100%;}
    .slide-sytd{ width: 100%; float: inherit;}
    .yszcul{ width: 100%; float: inherit; margin-top: 10px;}
    .width32{ width: 100%; float: inherit;}
    .wdy{ margin: 0;}
    .zy{ float: inherit;}

    .bar .phone{ display: block;}
    .bar .pc{ display: none;}

    .xykxul li span{ display: none;}
    .xykxul li a{ width: 100%;}

    .iclose{ width: 30px; height: 30px;}
}

@media screen and (min-width:860px) and (max-width:1180px) {
    .navulli04,.navulli05,.navulli06,.navulli07,.navulli08{ display: none;}
    .nav .navul .navulli.navulli09{ display: block;}
}
@media screen and (min-width:620px) and (max-width:859px) {
    .navulli01,.navulli02,.navulli03,.navulli04,.navulli05,.navulli06,.navulli07,.navulli08{ display: none;}
    .nav .navul .navulli.navulli09{ display: none;}
    .nav .navul .navulli.navulli10{ display: block;}

    .bar{ background-image: none;}
    .nav{ right: 93px; width: 70px;}
    .nav .navul .navulli{ height: 62px; line-height: 62px; padding: 0;}
    .nav .navul .navulli10 .na{ width: 50px; padding-top: 10px; height: 52px;}
    .nav .navul .navulli10 .na span{ font-size: 12px; color: #000000; display: block; line-height: 24px; text-align: center;}
    .nav .navul .navulli10 .na:hover{ }
    .nav .navul .navulli10.active .na{}
    .nav .navul .navulli ul{ top: 62px; width: 120px;}
    .nav .navul .navulli.navulli10 ul li.navullihover:hover ul{ left: -120px;}
    .logo{ width:385px; height:62px; left: 0;}
    .logo a{ width: auto; height: auto; padding-top:5px;}
    .logo a img{ height: 55px;}
    .logo1{ width:385px; height:62px; left: 0;}
    .logo1 a{ width: auto; height: auto; padding-top:5px;}
    .logo1 a img{ height: 55px;}
    
}
@media screen and (min-width:320px) and (max-width:619px) {
    .nav .navul .navulli.navulli11{padding: 3px 0 0;height:42px; line-height: 42px;}
    .nav .navul .navulli.navulli11 ul{top: 0;}
    .sy_input{height:35px; line-height: 35px;}
    .navulli01,.navulli02,.navulli03,.navulli04,.navulli05,.navulli06,.navulli07,.navulli08{ display: none;}
    .nav .navul .navulli.navulli09{ display: none;}
    .nav .navul .navulli.navulli10{ display: block;}

    .iconbg{ height: 45px;opacity: 0.7;}
    .logo{ width: 215px; height: 45px; left: 0;}
    .logo a{ width: auto; height: auto; padding-top:5px;}
    .logo a img{ height: 35px;}
    .logo1{ width: 215px; height: 45px; left: 0;}
    .logo1 a{ width: auto; height: auto; padding-top:5px;}
    .logo1 a img{ height: 35px;}
    .bar{ position: absolute; right: 0; height: 45px;}
    .bar .bari{ padding-top: 3px; height: 42px;}
    .dlbm{ top: 45px;}
    .fwdh{ top: 45px; width: 308px; height: auto;}
    .fwdh a{ font-size: 1em; width: 70.5px;}
    .tabbarhd ul li a{ font-size: 1.4em;}
    .scroll{ padding: 0 0 0 10px; margin-top: 60px;}
    .iclose{ right: 0; top: 45px;}
    .bar{ width: 70px; background-image: none;}
    .swiper-bigbg-prev,.swiper-bigbg-next{ width: 20px; height: 40px; background-size: 100% 100%;}
    .nav{ right: 0px; width: 70px;}
    .nav .navul .navulli{ height: 45px; line-height: 45px; padding: 0;}
    .nav .navul .navulli10 .na{ width: 50px;  padding-top: 3px; height: 42px;}
    .nav .navul .navulli10 .na span{ font-size: 12px; color: #000000; display: block; line-height: 24px; text-align: center;}
    .nav .navul .navulli10 .na:hover{ }
    .nav .navul .navulli10.active .na{ }
    .nav .navul .navulli ul{ top: 45px; width: 120px;}
    .nav .navul .navulli.navulli10 ul li.navullihover:hover ul{ left: -120px;}
    .slide-xykx .swiper-slide{ height: 250px;}
    .slide-sytd .swiper-slide{ height: 180px;}
    .picbox li{ width: 50%;}
    .bhlxkm .picbox li{ width: 50%;}
    .wtpicbox li.wtpicbox1{ width: 100%; margin-bottom: 10px;}
    .wtpicbox li{ width: 48%;}
    .wtpicbox li:nth-child(2),.wtpicbox li:nth-child(4),.wtpicbox li:nth-child(6){ margin-left: 0;}
    .wtpicbox li:nth-child(3),.wtpicbox li:nth-child(5),.wtpicbox li:nth-child(7){ float: right;}
    .tyhd,.myhd{ width: 100%; float: inherit;}

}

/* loading */
.pre {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    background: #fff;
}
.loader {
    text-indent: -9999em;
    border-top: 1.1em solid #f8f9f9;
    border-right: 1.1em solid #f8f9f9;
    border-bottom: 1.1em solid #f8f9f9;
    border-left: 1.1em solid #ededed;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
    z-index: 101;
}

.loader, .loader:after {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* animation */
.animated {-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.fadeInTop {-webkit-animation-name:fadeInTop;animation-name:fadeInTop}
.fadeOutTop {-webkit-animation-name:fadeOutTop;animation-name:fadeOutTop}
.fadeInBottom {-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom}
.fadeOutBottom {-webkit-animation-name:fadeOutBottom;animation-name:fadeOutBottom}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeOutLeft {
    100% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeOutLeft {
    100% {
        opacity: 0;
        transform: translateX(-10px);
    }
    0% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeOutRight {
    100% {
        opacity: 0;
        -webkit-transform: translateX(10px);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeOutRight {
    100% {
        opacity: 0;
        transform: translateX(10px);
    }
    0% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeOutTop {
    100% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeOutTop {
    100% {
        opacity: 0;
        transform: translateY(-10px);
    }
    0% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeOutBottom {
    100% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeOutBottom {
    100% {
        opacity: 0;
        transform: translateY(10px);
    }
    0% {
        opacity: 1;
        transform: translateY(0);
    }
}