﻿.header { background:rgba(255,255,255,0.53);}
body{ box-sizing: border-box;}
.header .logo{ float:left; width:250px; height:85px; text-align: center; padding:0 25px; padding-top:27px;}
.header .sub_nav{ float:right; line-height:85px;height: 85px;}
.header .sub_nav li{ float:left; font-size:16px; position: relative; text-align: center; transition: all 500ms; min-width: 85px;}
.header .sub_nav li a:hover,.header .sub_nav .curr a{ color: #004899; font-weight: 700;}
.header .sub_nav .curr:after{border-bottom: 3px solid #004899; content: ""; display: block; position: absolute; left:50%; margin-left: -38px; width:76px; bottom:0;}
.header .small_icon{ float:right; width:140px; padding:25px 0; padding-left:25px; padding-right:10px; padding-top:30px; height: 85px; overflow: hidden;}
.small_icon { overflow:hidden; padding:25px}
.small_icon a{ display:block; float: left;}
.small_icon .tmall { margin-left:5px; position: relative; top:0}
.small_icon .icon{ font-size:28px; margin: auto; margin-left:5px; position:relative; top:-7px; display: block;}
.small_icon .enl{ width:25px; height:25px; background:#333; border-radius:50%; text-align:center; overflow:hidden;}
.small_icon p{ float:left; border-left:1px solid #333; margin-left:5px; height:25px}
.small_icon .enl img{ position:relative; min-width:35px; height:auto; display:block; margin:auto; left:-5px; top:-4px}
.small_icon .tmall  img{ position:relative;top: 0px;    display: block;}
.small_icon img{ width:30px; height:auto;}
.header .sub_nav li:last-child{ position: relative; cursor: pointer; }
.header .sub_nav li:last-child span{font-weight: 700; font-size:32px; display: inline-block; position: relative; top: -7px;}
.header dl{ position: absolute;top: 85px; line-height:45px; background: rgba(255,255,255,0.53); font-size: 14px; padding:0 15px; white-space: nowrap; display: none; z-index: 9; border-radius: 0 0 5px 5px;}
.header dl dd{ font-size: 14px; line-height:35px;}
.clearfix{
    clear :both;
                 zoom:1;/*对于老版本的IE进行兼容的设置*/
           }
             .clearfix:after{
                 content:"";
                  display:block;
                  visibility:hidden;
                 height:0;
                   clear:both;
            } 
.header .sub_nav li:last-child span em {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(0,0,0,.85);
    margin: 0 5px 0 0;
}
.tmall {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #313131;
    border-radius: 50%;
    padding: 4px;
    position: relative;
    top: -3px;
}
.small_icon a {
    display: block;
    float: left;
}
.small_icon .tmall {
    margin-left: 5px;
    position: relative;
    top: 0;
}
.column_banner img{ width: 100%; height: auto;}
.swiper-pagination-bullet{ background: rgba(255,255,255,.85); border: 3px solid rgba(0,0,0,.33); width:14px; height:14px ; opacity: 1;}
.swiper-pagination-bullet-active{background:rgba(0,7,153,.9); border: 3px solid rgba(255,255,255,.33); transition: 500ms all;}
.column_banner .info span{ display: block; margin-bottom: 10px; font-size: 18px; margin-top: 10px;}
.column_banner .info:after{ content: ""; display: block; left: 0; bottom:-10px; position: absolute; width: 60px; height: 3px; background: #004899;}
.column_banner .info{ position: absolute; z-index: 9; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 32px; white-space: nowrap; text-transform: uppercase; text-shadow: 0 0 5px rgba(0,0,0,.3);}
.footer{ background:#303133; color: #999; padding-top: 33px;}
.containt{ margin: auto; max-width: 1200px; overflow: hidden;}
.footer .footer-left{ width: 80%; float: left; overflow: hidden;}
.footer .footer-right{ float: right; width:20%;}
.footer .footer-left ul li{ float: left; width: 14.28%;}
.footer .footer-left ul li,.footer .footer-left ul li a,.footer .footer-right b{ font-style:16px; color: #fff;}
.footer .footer-left ul li dl{ margin-top: 15px;}
.footer .footer-left ul li dd a{ color: #9a9a9a; font-size: 14px; line-height: 35px;}
.footer .footer-right  .select dl{ position:absolute; top: 37px; width:calc(100% + 2px); background: rgba(25,25,25,.83); left:-1px; display:none; z-index: 9;}
.footer .footer-right .select dl dd a{ color: #e0e0e0; display: block; border-bottom: 1px solid rgba(255,255,255,.33); padding: 0 5px; padding: 10px; line-height: 25px; font-size: 14px;}
.footer .footer-right .select dl dd:last-child a{ border-bottom: 0;}
.footer .footer-right .select{ cursor: pointer; border: 1px solid #9a9a9a; color: #9a9a9a; padding: 0 5px; margin-top: 15px; line-height: 35px; position: relative; padding-right: 15px;}
.footer .footer-right .select dl dd a:hover,.footer .footer-left dl dd a:hover{ color:#fff}
.footer .footer-right .select:after{ position: absolute; right: 5px; top: 50%; transform: translateY(-50%); display: block; content: "";
	width:0;
	height:0;
	border-right:8px solid transparent;
	border-left:8px solid transparent;
	border-top:8px solid #9a9a9a;}
  
    .footer .footer-right  .share ul li{ display: inline-block; position: relative; margin-right: 15px; padding: 25px 0; float: left; cursor: pointer;}
    .footer .footer-right .share ul li img{ width: 32px; height: auto;}
    .footer .footer-right  .share ul li dl{ position: absolute; top:65px; left: 0; width: 160px; display: none;}
    .footer .footer-right  .share ul li dl img{ width: inherit;}
    .copy{ margin-top: 45px; line-height: 40px; overflow: hidden; background:#2b2c2e;}
    .copy i{ float: right;}
    .copy i a{ color:#949494; text-decoration: underline;}
    .bsBox{ box-sizing: content-box;}
.case #zooming{ height:600px;}
.case{ text-align: center;}
.case #zooming .swiper-slide{ height: 100%;}
.case #zoomsubing{ display: inline-block; margin: auto;width: 400px; position: relative; top: -70px;}
.case #zoomsubing .swiper-slide{ height: 50px; overflow: hidden; opacity: .5; cursor: pointer;}
.case #zoomsubing .swiper-slide.active{ opacity: 1;}
.en{ display:none;}
.replay-online img{ display: inline-block;height: 24px; position: relative;top: -1px;}
.msglist{ padding: 35px 0;}
.fixedright{ position: fixed; right: 0; bottom:15px; transform: translateY(-50%); z-index: 999;}
.fixedright li{ cursor: pointer; width: 40px; height: 40px; margin-bottom: 1px; background:rgba(0,0,0,.23) url(../image/shareicon.png) no-repeat center center; background-size: 24px; position: relative; transition: all 500ms;}
.fixedright li:last-child{ background:rgba(0,0,0,.23) url(../image/top.png) no-repeat center center;background-size:24px; display: none; }
.fixedright li .bshare-custom{ position: absolute; left:100%; width:100px;}
.fixedright li:hover .bshare-custom{ left: inherit; right: 40px;}
.bshare-custom a{width: 30px !important; height: 30px !important;}
.bshare-custom.icon-medium .bshare-weixin{ background: url(../image/wechat.png) no-repeat left center !important; background-size:90% !important; }
.bshare-custom.icon-medium .bshare-sinaminiblog{ background: url(../image/weibo.png) no-repeat left center !important; background-size:90% !important;}
.bshare-custom.icon-medium .bshare-qqim{ background: url(../image/qq.png) no-repeat left center !important; background-size:90% !important;}
.saixuan{ display: inline-block; margin: 25px auto; margin-top: 10px;}