@charset "utf-8";

/* CSS Document */

/*顶部*/

.top{background-color: #2e2751}

.top_left{line-height: 0;font-size: 0;}

.top_left p{display: inline-block;margin-right: 36px;font-family: Refsan;}

.top_left em{display: inline-block;vertical-align: middle;background:url(../images/icon_bg.png) no-repeat 0 0;width: 24px;height: 24px;margin-right: 10px}

.top_left a{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 24px;color: #fff;padding: 22px 0}

.top_share{line-height: 0;font-size: 0}

.top_share a{display: inline-block; width: 24px;height: 24px;margin: 22px 0 22px 20px}

.share_facebook{background:url(../images/icon_bg.png) no-repeat -96px 0;}

.share_twitter{background:url(../images/icon_bg.png) no-repeat -48px 0;}

.share_skype{background:url(../images/icon_bg.png) no-repeat -24px 0;}

.share_whatsapp{background:url(../images/icon_bg.png) no-repeat -72px 0;}

.share_facebook:hover{background:url(../images/icon_bg.png) no-repeat -96px -24px;}

.share_twitter:hover{background:url(../images/icon_bg.png) no-repeat -48px -24px;}

.share_skype:hover{background:url(../images/icon_bg.png) no-repeat -24px -24px;}

.share_whatsapp:hover{background:url(../images/icon_bg.png) no-repeat -72px -24px;}



/*头部*/

.header_logo{height: 52px;margin: 14px 0}

.header_logo img{height: 100%;}

.header{background-color: #fff;box-shadow: 5px 5px 5px rgba(0,0,0,.1)}

.fixheader {position: fixed;top: 0;left: 0;z-index: 9999;background-color: #fff;width: 100%; min-width: 1200px;}

.nav > ul{margin-right: 40px}

.nav > ul > li{position: relative; float: left;font-size: 18px;color: #2e2751;text-transform: capitalize;margin-right: 50px;line-height: 80px;font-family: Refsan;transition: all .5s;}

.nav > ul > li > a{display: block;font-weight: bold;transition: all .5s;}

.nav > ul > li > a > i{display: inline-block; background:url(../images/icon_bg.png) no-repeat 0 -24px;width: 16px;height: 16px;}

.nav > ul > li:hover > a{color: #febc35;}
 



.nav > ul > li:hover a i{background:url(../images/icon_bg.png) no-repeat 0 -40px;}

.nav > ul > li.on > a{color: #febc35;}

.nav > ul > li.on >a i{background:url(../images/icon_bg.png) no-repeat 0 -40px;}

.search{width: 90px;height: 80px;transform: skewX(-30deg);background-color: #febc35}

.search a{display: block; transform: skewX(30deg);width: 40px;height:40px;border-radius: 40px;border: 1px solid #fff;margin: 20px}

.search a img{width: 20px;height: 20px;margin: 10px}

.subnav{display: none;position:absolute;top: 80px;left: -44px;z-index: 10;background-color: rgba(46,39,81,.8);width: 188px;padding: 20px;transition: all .5s;}

.subnav li a{display: block; font-size: 16px;color: #fff;padding:10px;transition: all .5s;}

.nav > ul > li:hover .subnav{display: block;}

.subnav li a:hover{color: #febc35}

/*搜索*/

.search_zz{display: none; background-color: rgba(0,0,0,.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;color: #fff}

.search_zz.show{display: block;}

.z_search > .w900{width: 900px;margin: 0 auto;}

.z_search  form{width: 900px;margin: 0 auto;padding: 200px 0 100px}

.z_search_in1{height:54px;padding: 0 10px;width:820px;float: left;line-height: 54px;font-size:16px;border: 1px solid #ccc;border-right: none}

.z_seach_btn1{float:right;width:80px;height:56px;border: 0;background:url(../images/z_search.jpg) no-repeat;}

.search_zz a{display: block;position: absolute;top: 100px;right: 100px;width:40px;height: 40px;z-index: 9999}

.search_zz a:hover{-webkit-transform: rotate(360deg);

    animation: rotation 2s linear infinite;

    -moz-animation: rotation 2s linear infinite;

    -webkit-animation: rotation 2s linear infinite;

    -o-animation: rotation 2s linear infinite;}

@-webkit-keyframes rotation{

    from {-webkit-transform: rotate(0deg);}

    to {-webkit-transform: rotate(360deg);}

}

/*版心*/

.w_center{width: 1200px;margin: 0 auto}

.updown{padding: 70px 0 90px;}

/*标题*/

.title{line-height: 0;font-size: 0;margin-bottom: 20px}

.title_center{text-align: center;}

.title h6{position: relative; display: inline-block; font-size:52px;color: #192437;font-weight:bold;line-height: 52px;text-transform: capitalize;}

.title h6::before{position: absolute;content: "";width: 100%;height: 3px;background-color: #febc35;top:58px;left: 0}

.title p{font-size: 14px;color: #666;line-height: 22px;margin-top: 24px}

.title_white h6{color: #fff}

/*页脚*/

.footer{font-family: Refsan;}

.footer_top{width: 100%;height: 136px;background-color: #262626;}

.footer_top > .w_center {line-height: 0;font-size: 0}

.footer_top > .w_center > img{display: inline-block;vertical-align: middle; width: 256px;}

.footer_top > .w_center p{display: inline-block;vertical-align: middle;font-size: 20px;color: #7a7a7b;line-height: 24px;padding: 56px 0;margin: 0 204px;}

.footer_share{line-height: 0;font-size: 0;display: inline-block;vertical-align: middle;}

.footer_share a{float: left; width: 50px;height: 50px;padding: 13px; background-color: #1f1f1f;margin-left: 8px}

.footer_share a i{display: block; width: 24px;height: 24px; }

.share_facebook1 i{background:url(../images/icon_bg.png) no-repeat -96px 0;}

.share_twitter1 i{background:url(../images/icon_bg.png) no-repeat -48px 0;}

.share_skype1 i{background:url(../images/icon_bg.png) no-repeat -24px 0;}

.share_whatsapp1 i{background:url(../images/icon_bg.png) no-repeat -72px 0;}

.share_facebook1:hover i{background:url(../images/icon_bg.png) no-repeat -96px -24px;}

.share_twitter1:hover i{background:url(../images/icon_bg.png) no-repeat -48px -24px;}

.share_skype1:hover i{background:url(../images/icon_bg.png) no-repeat -24px -24px;}

.share_whatsapp1:hover i{background:url(../images/icon_bg.png) no-repeat -72px -24px;}

.footer_middle{background:url(../images/footer_bg.jpg) no-repeat center;color: #fff;padding: 70px 0}

.footer_main h6{font-size: 22px;margin-bottom: 24px;text-transform: capitalize;}

.footer_main1{width: 286px;}

.footer_main1 p{font-size: 16px;margin:10px 0 48px}

.footer_main1 span{font-size: 16px;color: rgb(254, 188, 53);text-transform: uppercase;font-style:italic;text-decoration: underline}

.footer_main2{margin: 0 60px;width: 110px}

.footer_main2 a{font-size: 16px;line-height: 36px;transition: all .5s}

.footer_main3{width: 320px;}

.footer_main2 a:hover{color: #febc35}

.footer_main3 ul{margin-top: 35px}

.footer_main3 ul li{margin-bottom: 32px;}

.footer_main3 ul li .footer_news_img{width: 98px;float: left;overflow: hidden;}

.footer_main3 ul li .footer_news_img img{width: 98px;height: 78px;transition: all .5s}

.footer_main3 ul li .footer_news_txt{float: right;width: 200px}

.footer_main3 ul li .footer_news_txt h6{font-size: 14px;color: #fcfcfe;margin-bottom:20px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .5s}

.footer_main3 ul li .footer_news_txt p{font-size: 0;line-height: 0}

.footer_main3 ul li .footer_news_txt p i{display: inline-block;vertical-align: middle; width: 16px;height: 16px;background:url(../images/icon_bg.png) no-repeat 0 -136px; }

.footer_main3 ul li .footer_news_txt p span{color: #878e99;font-size: 13px;display: inline-block;vertical-align: middle;margin-left:8px }

.footer_main3 ul li:hover .footer_news_img img{transform: scale(1.2)}

.footer_main3 ul li:hover .footer_news_txt h6{color: #febc35}

.footer_main4 {width: 302px;}

.footer_main4 ul li{margin:10px 0 30px;}

.footer_main4 ul li:last-child{margin-bottom: 0;}

.footer_main4 ul li h6{margin-bottom: 16px;}

.footer_main4 ul li p{font-size: 0;line-height: 0;color: #febc35;margin-bottom: 12px}

.footer_main4 ul li p a{font-size: 16px;display: inline-block;vertical-align: middle;}

.footer_main4 ul li p em{display: inline-block;vertical-align: middle;background: url(../images/icon_bg.png) no-repeat 0 -152px;width: 16px;height: 16px;margin-right: 8px}

.footer_main4 ul li p:last-child em{background: url(../images/icon_bg.png) no-repeat 0 -168px;}

.copy{background-color: #262626;line-height: 52px;text-align: center;font-size: 14px;color: #e2ecf8;}

.copy span{color: #febc35}

/* 侧边悬浮导航 */

.right_nav{ right:0; bottom:30%; position:fixed; text-align:left;overflow: hidden;z-index:999;}

.right_nav li{background:#febc35;margin:4px 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: 0;}

.right_nav li .iconBox{text-align:left;overflow: hidden;padding: 10px;}

.right_nav li img{width: 24px;height:24px;margin: 0 auto;}

.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;text-align: center;}

.right_nav li:hover{background:rgba(0,0,0,.6)}

.right_nav li .hideBox{display: none;position: absolute;right:80px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}

.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #febc35;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #febc35;font-size: 20px;font-weight: 400;display: block;white-space: nowrap;margin-bottom: 10px;}

.right_nav li .hideBox .hb p {white-space: nowrap;margin: 5px;}

.right_nav li .hideBox .hb p i{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border:1px solid #e5e5e5;border-radius: 50%;margin-right: 10px;}
.right_nav li .hideBox .hb p i img{width: 100%;height: 100%}

.right_nav li .hideBox .hb p a{font-size: 16px;display: inline-block;vertical-align: middle;}


.right_nav li .hideBox:hover{display: block!important;opacity: 1!important}

.right_nav li .hideBox .hb p:hover a{color: #febc35}