/* CSS Reset */
@font-face {
  font-family: "Avenir LT 35 Light";
  src: url('../fonts/AvenirLT35Light.ttf');
}
@font-face {
  font-family: "Avenir LT65 Medium";
  src: url('../fonts/AvenirLT65Medium.ttf');
}
@font-face {
  font-family: "思源黑体";
  src: url('../fonts/SourceHanSansCNLight.otf');
}
@font-face {
  font-family: "思源黑体 CN Bold";
  src: url('../fonts/SourceHanSansCNBold.otf');
}


*{font-family:"思源黑体","微软雅黑","Avenir LT65 Medium",Arial;box-sizing: border-box;margin:0;padding:0;}
body{margin:0; padding:0;color:#515151;font-style: normal;text-transform:uppercase; font-size:14px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
body,html{ width:100%;overflow-x:hidden;}
html{-webkit-text-size-adjust:none; }
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#1a1a1a;}
a:hover{text-decoration:none;color:#06a7ba;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; }
a,a *,img{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
img{border:0;max-width:100%;vertical-align:bottom;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder {color:#999;}
input::-moz-input-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
a, input, button, textarea,label{outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0); background-color:transparent;}

.cursor {opacity: 0;}
*:hover .cursor {opacity: 1;}
.cursor {position: fixed;width: 8px;height: 8px;margin: -4px 0 0 -4px;border-radius: 50%; z-index:-1}
.cursor:after {content:'';position:absolute;width: 30px;height: 30px;margin: -12px 0 0 -12px;border:1px solid #06a7ba;border-radius: 50%;}

.flex{display: flex !important;}
.flexUl{display: flex ;flex-wrap: wrap;}
.flexT{display: flex ;align-items: flex-start;}
.flexTc{display: flex ;align-items: center;}
.flexTcr{display: flex ;align-items: center;justify-content:flex-end;}
.flexTb{display: flex ;align-items: flex-end;}
.flexLc{display: flex ;justify-content:center;}
.flexLr{display: flex ;justify-content: space-between;}
.flexR{display: flex ;justify-content: flex-end;}
.flexC{display: flex ;align-items: center;justify-content:center;}
.flexDc{display: flex ;align-items: center;justify-content:space-around;}
.flexLrTc{display: flex ;justify-content: space-between;align-items: center;}
.flexLrTb{display: flex ;justify-content: space-between;align-items: flex-end;}
.flexM{flex-grow:1;}
.flexS{flex-flow: column;}
.fixed{position: fixed; width:100%; left:0; top:0;}
.right{float:right;}
.left{float:left;}
.tl{ text-align:left !important;}
.tc{ text-align:center !important;}
.tr{ text-align:right !important;}
.t-del{text-decoration:line-through;}
.t-dline{text-decoration: underline;}
.t-one{white-space: nowrap;}
.t-omit{ display: block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.t-duan{word-break:break-all;}
.fwb{font-family: "Avenir LT65 Medium","思源黑体 CN Bold"; font-weight:bold;}
.pr{position:relative;}
.ovh{ overflow:hidden;}

.clear{clear:both;height:0;font-size:0;line-height:0px;}
.clearfix{zoom: 1;}
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
/*clearfix主要是用在浮动层的父层，而clear 主要是用在浮动层与浮动层之间，和浮动层同一级*/
.hide{display:none !important;}
.show{display:block !important;}

.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body sup {display: inline-block!important;vertical-align: top;}
.blackbg {background: #000;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
/*.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}*/

.pcshow { display:block;}
.mbshow { display:none;}


/*.lang_cn{display:none;}
.lang_en{ display:block;}
.active .lang_cn,
a:hover .lang_cn{ display:block !important;}
.active .lang_en,
a:hover .lang_en{display:none;}*/

.lang_cn{display:block;opacity:0; position:absolute; width:100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;}
.lang_en{ display:block;opacity:1;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;}
.active .lang_cn,
a:hover .lang_cn{ opacity:1;}
.active .lang_en,
a:hover .lang_en{display:block;opacity:0;}


.mrtbx{margin-top:156px;}
.mrbbx{margin-bottom:156px;}
.topbx{padding-top:100px;}
.mrtdf{ margin-top:30px;}
.mrtlg{ margin-top:60px;}


.fssm{ font-size:12px;}
.fsdf{ font-size:14px;}
.fslg{ font-size:24px;}
.fsxl{ font-size:50px;}



.tabbox .tablist>div{display:none;}
.tabbox .tablist>div.active{display:block !important;}


.container {
    /*width: 1740px;*/
	width:calc(100% - 9vw);
    margin-right: auto;
    margin-left: auto
}
/*---菜单---*/
.navbox{ position:fixed; left:0; top:0;display: flex ; z-index:999;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;background:rgb(255,255,255,0.1); border-right:1px solid rgb(0,0,0,0.1);}
.navbox .content{ height:100vh; display: flex ;align-items: center;justify-content:space-between;flex-flow: column;}
.navbox .menu{width:80px; z-index:1;}
.navbox .menu .content{ padding:50px 0;}
.navbox .menu .logo{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.navbox .menu .logo i{ font-size:38px; color:#666;}
.navbox .menu .nav-trigger i{ font-size:24px; color:#999;}
.navbtn { margin:40px auto;}
.nav_trigger{display: block;cursor:pointer;border:0;padding:8px;height:40px;width:80px;}
.nav_trigger span{display:block;width:26px;height:2px; margin:0 20px;background-color:#9a9a9a;-webkit-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);-o-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.nav_trigger span:nth-child(2){margin-top:7px; width:13px;}
.nav_trigger span:nth-child(3){margin-top:7px;}
.nav_open .nav_trigger span,
.nav_trigger:hover span{background-color:#06a7ba;}
.nav_open .nav_trigger span:nth-child(2),
.nav_trigger:hover span:nth-child(2){ width:26px;}

.navbox .share{display: flex ;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.navbox .share a{ position:relative; margin-bottom:10px;}
.navbox .share a i{ font-size:24px; color:#a3a3a3;}

.navbox .share a img{position:absolute; left:100%; bottom:-3vh; height:100px; max-width:none; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; opacity:0;}


.navbox .menu .share{flex-flow: column;}
.navbox .menu .share a img{left:100%; bottom:-3vh; width:0; height:0; opacity:0;}
.navbox .menu_nav .share a img{left:50%; bottom:30px;margin-left:-50px;width:0;height:0;opacity:0;}

.navbox .share a:hover img{width:100px; height:auto; opacity:1;}
.navbox .share a:hover i{ color:#06a7ba;}

.navbox .menu_nav{ position:absolute; width:300px; left:-380px;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease; padding-left:110px; background-color:#666;border-right:1px solid rgb(0,0,0,0.1);}
.navbox .menu_nav .content{align-items: flex-start;}
.navbox .menu_nav .logo{ padding-top:65px;}
.navbox .menu_nav .logo a{ display:block; width:109px; height:43px; background:url(../img/logo_black.png); background-size:100%;}
.navbox .menu_nav .logo a:hover{background-image:url(../img/logo_black.png);}
.navbox .menu_nav ul{ position:relative;width:100%; padding:120px 0 60px 0;flex-grow:1;}
.navbox .menu_nav li{ width:100%; position:relative}
.navbox .menu_nav li:last-child:after{ content:''; position:absolute; bottom:-60px; left:0; width:30px; height:1px; background-color:#7f7f7f;}
.navbox .menu_nav li a{ font-size:16px; display:block; line-height:46px; color:#8d8d8d;}
.navbox .menu_nav li a:hover,
.navbox .menu_nav li.active a span,
.nav_open .menu_nav li.active a span{color:#06a7ba;}
.navbox .menu_nav .share{ padding-bottom:140px;}
.navbox .menu_nav .share a{ margin-right:18px;}



.nav_open{border-right:none;}
.nav_open .menu .logo,
.nav_open .menu .share{opacity:0;}
.nav_open .menu .share img{ display:none;}
.nav_open .menu_nav{left:0; background-color:#fff;}


.menu_nav a{ position:relative;}








/*---菜单end---*/

.conbox {display:flex;}
.conbox .lbox{ width:400px; padding-left:80px; padding-right:140px;}
.conbox .lbox .textbx{ line-height:2; font-size:16px;}
.conbox .rbox{ width:calc(100% - 400px);}
.conbox .lbox .tabhd a{display: block; overflow: hidden;font-size:16px;}
.conbox .lbox .tabhd a,
.conbox .lbox .tabhd a span{ line-height:40px;text-overflow:ellipsis;white-space: nowrap;}
.conbox .lbox .tabhd .active a span{ color:#06a7ba;}



.conbox .lbox,
.conbox .rbox {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}


.titlebox h3{color:#000;font-family: "Avenir LT65 Medium"; font-weight:bold;font-size:25px;}
.titlebox p{color:#06a7ba; padding-top:5px;font-size:24px;}

.footer .container{padding-left:80px;}
.footer .conbx{ padding:20px 0;border-top:1px solid #f0f0f0; }
.footer .linkbx{ padding-left:10px; margin-left:10px; position:relative;}
.footer .linkbx a{white-space: nowrap;}
.footer .linkbx:before{ content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#acacac;}
.footer .areabx{white-space: nowrap;}
.footer .areabx a:first-child{ padding-left:0; margin-left:0;}
.footer .areabx a:hover{color:#1a1a1a;}
.footer .areabx .linkbx:first-child:before{ display:none;}
.footer .copybx{word-break:break-all;flex-grow:1; text-align:right; padding-left:40px; font-size:12px;}



.rolling-top {position: fixed; right:2%;bottom:10%;width: 30px; height: 80px; z-index: 999; display:none;cursor: pointer;}
.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;right:-5px;bottom:-20px;font-weight: normal;line-height: 1.2;}
.rolling-top h5 {font-size: 12px;color: #fff;width: 100px;position:absolute;right:-55px;bottom:-20px;font-weight: normal;text-transform: uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.rolling-top span { position: relative;width:100%;height:100%; display: block;}
.rolling-top i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #666;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}
@keyframes rolling-top{
	0%{height:100px;top:85%;opacity: 0;} 
	100%{height:30px;top:10%;opacity: 1;}
}
.rolling-top:hover h6{color: #06a7ba;}
.rolling-top:hover i{background: #06a7ba;}