@charset "utf-8";

/* CSS Document */



/*版心*/

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

.title{text-align: center;color: #fff;margin-bottom: 36px;}

.title h6{font-size: 40px;font-family: GemunuLibre;text-transform: uppercase;}

.title p{font-size: 16px;margin:0 0 20px;}

.title em{display: block;width: 198px;margin: 0 auto}

/*头部*/

.header{background-color: #0d0a0a;position:fixed;top: 0;left: 0;z-index: 999;width: 100%}

.fixheader{box-shadow: 0 -2px 5px 1px #ccc;}

.header .logo{width: 230px;height: 73px;margin-top: 27px;transition: all .5s}

.nav > ul > li{float: left;font-size: 18px;color: rgba(255,255,255,.8);text-transform: uppercase;margin: 0 22px;line-height: 24px;position: relative;}

.nav > ul > li > a{padding: 60px 8px 16px;transition: all .5s}

.subnav{display: none; position: absolute;top:100px;left: 0;background-color: #fff;width: 262px;text-transform: capitalize;}

.subnav li a{font-size: 16px;color: #666;padding: 20px;border-bottom: 1px solid #e5e5e5;transition: all .5s;text-transform: capitalize;}

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

.fixheader .nav > ul > li > a{padding: 38px 8px }

.fixheader .logo{margin:17px 0 0}

.nav > ul > li > a:hover{border-bottom: 1px solid #c30d23;background-color:rgba(255,255,255,.1);}

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

.nav > ul > li.on > a{border-bottom: 1px solid #c30d23;background-color:rgba(255,255,255,.1);}

.search a{background:url(../images/icon_bg.png) no-repeat -40px 0;width: 24px;height: 24px;margin: 58px 22px 0 0;transition: all .3s}

.search a:hover{background:url(../images/icon_bg.png) no-repeat -64px 0;}

.fixheader .search a{margin:40px 22px 0 0}



/*搜索*/

.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);}

}

/*页脚*/

.footer{background-color: #0d0d0d;padding: 60px 0 0;color: #e2ecf8}

.footer_up{border-bottom: 1px solid rgba(255,255,255,.1);padding-bottom: 46px;}

.footer_up > .w_center ul li{float: left;width: 400px;}

.footer_up > .w_center ul li i{width: 32px;height: 32px;background:url(../images/icon_bg.png) no-repeat -88px 0;}

.footer_up > .w_center ul li p{width: 368px; font-size: 16px;padding-left: 10px;}

.footer_up > .w_center ul li p a{display: inline-block;}

.footer_up > .w_center ul li:nth-child(2) i{background:url(../images/icon_bg.png) no-repeat -120px 0;}

.footer_up > .w_center ul li:nth-child(3) i{background:url(../images/icon_bg.png) no-repeat -152px 0;}

.footer_down{padding: 48px 0 88px}

.footer_left{width: 410px;color: #fff;}

.footer_left > img{width: 268px;}

.footer_left p{font-size: 16px;margin-top: 20px;}

.footer_share a{display: inline-block;width: 36px;height: 36px;margin-right:12px;margin-top: 52px;}

.footer_share a img{width: 36px;height: 36px;}

.footer_down h6{position: relative; font-family: GemunuLibre;font-size: 28px;color: #fff;display: inline-block;margin-left: 4px;margin-bottom:12px}

.footer_down h6::before{position: absolute;content: "";background-color: #c30d23;width: 100%;height: 2px;top: 34px;left: 0;}

.footer_down ul li{margin: 10px 0}

.footer_down ul li i{display: inline-block;vertical-align: middle;background:url(../images/icon_bg.png) no-repeat -40px -33px;width: 32px;height: 16px;}

.footer_down ul li span{font-size: 18px;display: inline-block;vertical-align: middle;transition: all .5s;text-transform: capitalize;}

.footer_center{width:118px;margin: 0 195px}

.footer_down ul li:hover span{color: #c30d23}

.footer_down ul li:hover i{background:url(../images/icon_bg.png) no-repeat -40px -64px;}

.footer_right{width: 282px;}

.copy{background-color: #000;font-size: 16px;text-align: center;line-height: 64px;}

.copy span{color: #c30d23}

/* 侧边悬浮导航 */

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

.right_nav li{background:#c30d23;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 #c30d23;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: #c30d23;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: #c30d23}









