#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}

.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1500{max-width: 1500px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}

@media only screen and (min-width: 1400px){
.m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}

}

@media screen and (max-width: 1410px){
.m1600{max-width: 1100px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}

}


.m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{padding-top: 2.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 42px; height: 42px; line-height: 40px; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid #bcbcbc; border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1;
	stroke: none;
	stroke-dasharray: 0 , 62.5;
	stroke-dashoffset:31.25;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#0081cc;
	stroke-dasharray:62.5 , 0;
	stroke-dashoffset:31.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}



#header{ position:absolute; height:5.625rem; z-index:999; width:100%; transition:.6s;}
#header .m1600{ height:100%; position:static;}
.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}
#header #logo{ }
#logo{ float:left; height:100%;}

@media only screen and (min-width: 1400px){
#logo img{ height:55px; }
}

@media screen and (max-width: 1410px){
#logo img{ height:45px; }
}


#nav{ position:absolute; right:0; top:0;}
#nav ul{ float:left;}
#nav ul li{ float:left; position:relative; z-index:0;}
@media only screen and (min-width: 1400px){
#nav ul li a{ display:block; padding:0 1.7rem; text-transform:uppercase;}
}

@media screen and (max-width: 1410px){
#nav ul li a{ display:block; padding:0 0.7rem; text-transform:uppercase;}
}



#nav ul li h3{ font-size:15px; color:#fff; line-height:5.625rem; overflow:hidden; position:relative; transition:.6s;}

#nav ul li a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff;background:rgba(255,255,255,.95);width: 200px;left:50%;margin-left: -80px;z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;box-shadow: 0 3px 5px rgba(0,0,0,0.15);}
#nav ul li:nth-child(3) .sub{width: 240px;margin-left: -120px;}
#nav ul li .sub .box{padding: 20px 20px;text-align:center;}
#nav ul li .sub a{padding:0;line-height:2.5;transition:.3s;font-size: .9rem;color: #666;}
#nav ul li .sub a:hover{color: #0869ac;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav>ul>li.on h3,#nav ul li:hover h3{ }
#nav>ul>li h3:after{ content:""; display:block; width:100%; height:3px; position:absolute; left:0; background:#0080cc; bottom:0px; transition:.3s; transform:scale(0);}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}

.search_btn{ height:5.625rem; line-height:5.625rem; cursor:pointer; width: 6.3rem; text-align: center; float:left; transition:.6s;}
#header .dw2{ float:left; height:5.625rem; width:10.9rem; cursor:pointer; position:relative; margin-left:2rem; transition:.6s;}
#header .dw2 .j_tab{ }
#header .dw2:after{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(255,255,255,.2); right:0; top:0;}
#header .dw2.yuyan:before{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(255,255,255,.2); left:0; top:0;}
#header .dw2 .dh{  height:29px; line-height:29px; text-align:center; font-size:15px; color:#fff; cursor:pointer; transition:.6s; }
#header .dw2 .dh span{  padding-right:22px; text-transform: uppercase;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #0869ac;left: 0;border: 1px solid #0869ac;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #0869ac;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

/**/
#logo .logo_black{ display:none;}
.top_search_black{ display:none;}
#header.xg{ position:fixed; top:0; background:#fff; background:rgba(255,255,255,.95); border-bottom:1px solid rgba(0,0,0,.1);}
#header.xg .search_btn{ }
#header.xg .dw2{ }
#header.xg #logo .logo_black,#header.xg .top_search_black{ display: inline-block;}
#header.xg #logo .logo_white,#header.xg .top_search_white{ display:none;}
#header.xg #nav ul li a h3{ color:#333; }
#header.xg .dw2 .dh{ color:#5b5b5b; }
#header.xg .dw2.yuyan:before{ background:rgba(0,0,0,.1);}
#header.xg .dw2:after{ background:rgba(0,0,0,.1);}
#header.xg .dw2 .dh span{ background:url(../image/jt2.png) right center no-repeat; }
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{ position:relative;border-bottom:2px solid #eee; height:4.25rem; padding-right:20px; position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{ text-align:left; display:block; position:absolute; bottom:0; height: 4.25rem; line-height: 4.25rem;font-size:1.6rem; color:#999; pointer-events:none; margin-left:20px; transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem; padding:0 20px;font-size:1.6rem; color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../image/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}



/*顶部搜索*/
.tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);}
.tc_search form{ height:40px; border-radius:20px; border:1px solid #e5e5e5; position:relative; width:100%; }
.tc_search #keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}
.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../image/search_white.svg) center center no-repeat; background-size:1.2rem;  }
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}



/*首页banner*/
#banner{ height:100vh; width:100%; position:relative; z-index:0; background:#000; overflow:hidden;}
#banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}
#banner li{ position:relative;}
#banner li .img{ width:100%; height:100vh; z-index:8;  }	
#banner li .img img{ }


#banner .slick-current .img{ animation:bgscale 6s linear; animation-fill-mode: forwards; }


#banner .con{ position:absolute; width:100%; height:calc(100vh - 14px); top:0; left:0; z-index:999; }
#banner .txt{ margin:0 auto; color:#fff; margin-left: 120px;}
#banner .txt h3{ font-size:3rem; font-family:"Swis721 BlkCn BT"; margin-bottom:1rem; }
#banner .txt p{font-size: 2.6rem;line-height:3.75rem;text-transform:uppercase;display:block;}
#banner .txt .bn_btn{ display: inline-block; width:8.75rem; height:2.75rem; margin-right:25px; line-height:2.75rem; text-align:center; border-radius:30px; background:#fac943; color:#000; font-size:1rem; }
#banner .txt .bn_btn.white{ background:#fff;}
#banner li.slick-current{ z-index:999;}
#banner .con .txt .dd1{  width:100%; transition:1.1s .6s; opacity:0;/* transform:translateX(100px);*/}
#banner .con .box .dd2{ white-space:nowrap; transition:1.5s .6s; opacity:0;/* transform:translateX(150px);*/}
#banner .slick-current .txt .dd1{ transform:translateX(0px); opacity:1;}
#banner .slick-current .txt .dd2{ transform:translateX(0px); opacity:1;}
#banner .letter span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);min-width: 16px;font-family: "Swis721 BlkCn BT";}
#banner .slick-current .letter span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}
@media only screen and (min-width: 1400px){
.appendArrows{ padding-top:0rem; padding-left: -5%;}
}

@media screen and (max-width: 1410px){
.appendArrows{ padding-top:1rem; padding-left: 0%;}
}



#banner .banner-arrow{ left:50%; top:50%; margin-top:0; width:46px; height:46px; background-size:46px !important; z-index:999; float:left; margin-right:10px; cursor:pointer;}
#banner .banner-prev{
	background:url(../image/banner_left.png) center no-repeat;
	}
#banner .banner-next{ 
	background:url(../image/banner_right.png) center no-repeat;
	}

@media only screen and (min-width: 1400px){

#banner .banner-arrow:nth-child(1){
    left: 10%;
    top: 50%;
    margin-top: 0;
    width: 46px;
    height: 46px;
    background-size: 46px !important;
    z-index: 999;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

#banner .banner-arrow:nth-child(2){
    right: 10%;
    top: 50%;
    margin-top: 0;
    width: 46px;
    height: 46px;
    background-size: 46px !important;
    z-index: 999;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}
}

@media screen and (max-width: 1410px){

#banner .banner-arrow:nth-child(1){
    left: 10%;
    top: 50%;
    margin-top: 0;
    width: 46px;
    height: 46px;
    background-size: 46px !important;
    z-index: 999;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

#banner .banner-arrow:nth-child(2){
    right: 10%;
    top: 50%;
    margin-top: 0;
    width: 46px;
    height: 46px;
    background-size: 46px !important;
    z-index: 999;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}
}