.main {position: relative;z-index: 10;}
.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap2 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-center{position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.ui-centerL{position:absolute;left:0;top:50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0%,-50%);}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto; margin-left: auto;}
@media (min-width: 768px){
	.container {width: 750px;}
}
@media (min-width: 992px){
	.container {width: 970px;}
}
@media (min-width: 1200px){
.container { width: 1200px;}
}
.noscroll-bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (max-width:1199px){
	.noscroll-bg{ background-attachment: scroll;}
}
.browsehappy{width:100%;height:100%;position:fixed;background:#fff;text-align:center;z-index:10000;}
.browsehappy h1 {margin-top: 0;margin-bottom: 10px;line-height: 1.2;color: #000;font-size:30px;margin-top:10%;}
.browsehappy p a{color:#f00;}

.header{position: fixed;height: 140px;width:100%;left:0;top:0;z-index: 99;}
.header.max_header{height:90px;background: rgba(0,0,0,.8);}
.header.h120{height: 120px;}
.container86{width:86%;margin:0 auto;}
.container100{margin:0;padding: 0;width:100%;}
.header_top{width:100%;height: 40px;line-height: 50px;position: relative;top:0;}
.header.max_header .header_top{top: -46px;}
.header.max_header .menu {padding: 32px 0 34px; margin-top: 0;}
.menu {text-align:center;padding:18px 0 22px; position: absolute; margin-top: 46px; top: 0; left: 0; right: 0; width: 100%; z-index: 2; font-size: 14px; letter-spacing: .05em; background: rgba(51,51,51,0); }
@media (max-width: 1199px){
 .menu { display: none;}
}

@media (min-width: 1200px){
	.col-md-6 {width: 50%;}
	}
ul.inline li {display: inline-block; vertical-align: middle; margin-left: 8%; position:relative;}
ul.inline li a{display: block;padding: 1px;color:#fff;text-transform: uppercase;}
.menu .left ul{text-align: left;}
.menu .right ul{text-align: right;}
.menu .left ul li:first-child {
    margin-left: 0;
}
.menu .right ul li {
    margin-right: 8%;
    margin-left: 0;
}
.menu .right ul li:last-child {
    margin-right: 0;
}
ul.inline li a::after {display: block; content: ""; height:1px; width: 0; background: #fff; position: absolute; bottom:0px; left: 0; z-index: -1; transition: width .3s; }
ul.inline li:hover a::after,ul.inline li.on a::after{width: 100%;}
.header.max_header ul.inline li a{color:#fff;}
.header.max_header ul.inline li a::after {background: #fff; transition: width .3s; }
@media (max-width:1439px){
	ul.inline li{margin-left: 6%;}
	menu .right ul li {margin-right: 6%;}
	}

.navigation-down {position: absolute;top:80px;left: 0px;width: 100%;z-index:90;}
.nav-down-menu {width: 100%;margin:0;position: absolute;top: 0px;left:0;height:54px;display:none;}
.meun_con{width:86%;margin:auto;position: relative;}
.meun_con dl dd{float:left;text-align:center;margin:0 20px;height:54px;line-height:54px;position: relative;}
.meun_con dl dd a{font-size:12px;display: block;color:#fff;opacity: 0.6;text-transform:uppercase;}
.meun_con dl dd a::after {display: block; content: ""; height:1px; width: 0; background: #fff; position: absolute; bottom:18px; left: 0; z-index: -1; transition: width .3s; }
.meun_con dl dd:hover a::after{width: 100%;}
.meun_con dl dd:hover a{opacity: 1}
.header.max_header .navigation-down {top:50px;}
.header.max_header .meun_con dl dd a{color:#fff;opacity: 0.6;}
.header.max_header .meun_con dl dd a::after {background: #fff;}


.top_logo {overflow: hidden;position: absolute; top: 50%; left: 50%; margin-left: -102px; width:204px; margin-top: -26px;height: 52px; }
.top_logo img {margin: 0 auto; }
.logo_img { height: 100%;width: auto;overflow: hidden;}
.logo_img img {height: 200%; width: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 768px){
.max_header .top_logo img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
	}
}

.zh_en{float: left;}
.zh_en a{display: block;float: left;margin-right:20px;color:#fff;}
.zh_en a:hover{ color:#eaaa39 ! important;}
.home{float: right;font-size:14px;}
.home a{display: block;color:#fff;float: left;margin-left: 20px;text-transform:capitalize;}
.home i{font-size:20px;font-family: "iconfont";display: inline-block;margin-right: 10px;}
.home a:hover{ color:#eaaa39 ! important;}

/*手机css*/
.menu-mobile{width:100%;height: 60px;background:#333;position: fixed;left:0;top:0;}
.mobie_back{width:60px;height:60px;float: left;line-height: 60px;text-align:center;}
.mobie_back i{font-family:"iconfont";display: inline-block;font-size:26px;color:#fff;}
.top_logo1 {overflow: hidden;position: absolute; top: 58%; left: 50%; margin-left: -70px; width:140px; margin-top: -18px;height:36px; }
.top_logo1 img {margin: 0 auto;}
.logo_img1 { height: 100%;width: auto;overflow: hidden;}
.logo_img1 img {height: 100%;width: auto;-webkit-transform: translateY(-51%);-ms-transform: translateY(-51%);transform: translateY(1%);}
#nav_overlayer {position: fixed; display: none; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; z-index: 90; }
nav .menu_btn {position: relative;float: right; width: 60px; height: 60px; overflow: hidden; text-align:center; white-space: nowrap; color: transparent; cursor: pointer; }
nav .menu_btn span, nav .menu_btn span:after, nav .menu_btn span:before {position: absolute; width: 20px; height: 2px; background-color: #fff; border-radius: 1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; }
.nav-open nav .menu_btn {background: none;}
.nav-open nav .menu_btn span { background-color: transparent;}
nav .menu_btn span {top: 28px;left: 20px;}
nav .menu_btn span:after, nav .menu_btn span:before {content: ""; left: 0; }
nav .menu_btn span:before {top: -6px; }
nav .menu_btn span:after { top: 6px;}
.nav-open nav .menu_btn span:before {background-color: #fff; -webkit-transform: translateY(6px) rotate(-45deg); -ms-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); }
.nav-open nav .menu_btn span:after {background-color: #fff; -webkit-transform: translateY(-6px) rotate(45deg); -ms-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); } 
#nav {position: absolute; background-color:#333; width: 100%; right: 0; top: 60px; overflow-x: visible; -webkit-transition: all .4s cubic-bezier(1,0,0,1); transition: all .4s cubic-bezier(1,0,0,1); }
#nav>li{display: inline-block; float: left;width:50%;position: relative;overflow: hidden;height: 0;border: 0;}
#nav>li:nth-of-type(2n){border-right:0;}
#nav>li>a {position: relative; display: block; height: 60px; padding: 0 20px; line-height: 60px; text-align: left; color: #fff; overflow: hidden; z-index: 0;text-transform:uppercase; }
#nav>li>a i {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; display: block; font-size:20px; }
.iconfont-youjiantou:before {content: "\e735"; }
#nav>li:last-child{/* width:100%; */}
.nav-open #nav>li {height: 60px;border-top: 1px solid #4d4d4d;border-right: 1px solid #4d4d4d;}

.subnav{position:fixed;left:100%;;top:0;background-color:#333;width:100%; text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.1);overflow:hidden;opacity:0;visibility:hidden;-webkit-transform:perspective(800px) rotateX(-90deg);transform:perspective(800px) rotateX(-90deg);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;}
@media (max-width: 979px){
  .subnav {top: 0; left: 100%; width: 100%; height: 100%; background-color: #333; box-shadow: none; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: none; -ms-transform: none; transform: none; } 
} 
.has_sub.open .subnav{opacity:1;visibility:visible;-webkit-transform:none;-ms-transform:none;transform:none}
.subnav .back_btn{display:none;display:block;width:100%;height:60px;padding:0 20px;text-align:left;background-color:#333;}
.subnav .back_btn i{display: block;line-height: 60px;width:60px;height: 60px;float: left;font-family: "iconfont";color:#fff;font-size:28px;}
.subnav li{width:50%;float:left;-webkit-transition:all .4s cubic-bezier(1,0,0,1);transition:all .4s cubic-bezier(1,0,0,1);text-align: left;border-top: 1px solid #4d4d4d;border-right: 1px solid #4d4d4d;}
.subnav li:last-child{width:100%;border-top: 1px solid #4d4d4d;}
.subnav li a{display:block;padding:20px;line-height:1;color:#fff;text-transform:uppercase;}
.subnav.show { left: 0;}
.open_sub #nav { right: 100%;}



@media (min-width: 1200px){
  .menu-mobile { display: none;}
}
@media (max-width: 1199px){
  .header_top{ display: none;}
  .header,.header.max_header{height: 60px;}
}

.kh{float: right;}
.kh b{font-size:20px;font-family: "iconfont";display: inline-block;margin-right: 10px;}
/*分页*/
.pages{margin:40px 0;text-align: center;}
.pages a,.pages span{display: inline-block;height:32px;text-align: center;line-height: 32px;font-size:14px;padding: 0 12px;margin:0 10px 20px;background:#fff;}
.pages span,.pages a:hover{background:#121212;color: #FFFFFF;}



/*footer*/
.footer{width:100%;position: relative;}
.cd-top{width:100px;height: 30px;position: absolute;top:0;right:14.75%;background:url(../images/duobianxing.png) left center no-repeat;text-align: center;line-height: 32px;font-size:28px;color:#333;font-family: "iconfont";overflow:hidden;white-space:nowrap;display: block;}
.footer_nav{padding: 80px 0;border-bottom:1px solid  #4d4d4d;background: #333;}
.f_nav ul li{width:10%;float:left;text-align: center;}
.f_nav ul li a{display: block;color:#fff;opacity:.8;text-transform: uppercase;}
.f_nav ul li a:hover{opacity: 1;}
.logo1{display:block; height: 100%;width:244px;overflow: hidden;margin: 48px auto 0;}
.logo1 img{height: 200%; width:126px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);margin:auto;}
.lx_number{width:100%;text-align: center;}
.lx_number ul li{margin:0 10px;}
.iconbt{display: block; width:34px; height: 34px; padding: 0;line-height: 34px;background-color: #fff; border-radius: 50%; position: relative;}
.iconbt:before{-webkit-transition: all .4s ease; transition: all .4s ease;font-size:24px;text-align: center;color:#333;z-index: 2;position: relative;}
.iconbt.iconfont-tubiao215:before{content: "\e61d"}
.iconbt.iconfont-weixin:before{content: "\e62f"}
.iconbt:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #cda050; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 0; -webkit-transition: all .4s ease; transition: all .4s ease; }
.iconbt:hover:before {box-shadow: 0 2px 16px rgba(0,0,0,.2);color:#fff;}
.iconbt:hover:after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.lx_number ul li.hm{color:#fff;font-size:16px;/*font-weight: bold;*/    line-height: 2;}
.copyright{    padding: 20px 0 20px;text-align: center;background: #333;}
.copyright span {display: inline-block;line-height: 1.3; color: #b3b3b3;margin-right: 10px;}
.copyright span a{color: #b3b3b3;}
.copyright span a:hover{text-decoration: underline;}


@media (max-width:767px){
  .footer_nav{padding:48px 0;}
  .f_nav ul li{width:25%;float:left;text-align: center;height: 60px;line-height: 60px;}
  .lx_number ul li.hm{display: block;margin-top:16px;margin-right: 0;}
  .copyright{padding: 20px 0 40px;}
  .copyright span{font-size: 12px;}
}

.relative{position: relative;}


/*引导页*/
.guide{width:100%;height: 100%;position: fixed;background: url(../images/guide/bg.jpg) left top no-repeat;background-size:cover;}
.footer.fixed{position: fixed;left:0;bottom: 0;}
.guide ul{ width:970px;margin: auto;}
.footer.fixed .copyright{background: none;padding: 20px 0 40px;}
.guide ul li{width:25%;text-align: center;float: left;position: relative;height:70px;}
.guide ul li a{display: block;}
.guide ul li img{margin:auto;}
.guide ul li img.mg5{margin-top: 5px;margin-left: 26px;}
.guide ul li img.mg10{margin-top:15px;}
.guide ul li:nth-of-type(2) img,.guide ul li:nth-of-type(3) img{margin-top:15px;}
.guide ul li:nth-of-type(4) img{margin-top: 5px;margin-left: 26px;}
.guide ul li a:hover img{transform: translateY(-5px); -webkit-transform:  translateY(-5px); -moz-transform: translateY(-5px);}
@media (min-width:1200px){
  .imgS{display: none;}
}
@media (max-width:1199px){
 .imgB{display: none;}
  
}
@media (max-width:991px){
  .guide ul{width:90%;}
  .guide ul li{width:50%;margin-bottom:30px;}
  .guide ul li:nth-of-type(4) img{margin-left: auto;}
  .guide ul li img{max-width:148px;}
}
@media (max-width:767px){
  .guide ul li{width:100%;margin-bottom:24px;}
}
@media (max-width:374px){
  .guide ul li{height: 50px;}
   .guide ul li img{max-width:128px;}
}
.left_bg{width:100%;height: 100%;position: absolute;left:0;top:0;right:-100%;top:0;transition: right .5s;-webkit-transition: right .5s;z-index:9999;opacity:0;transition: opacity .8s;-webkit-transition: opacity .8s;background-size:cover;}
.bgBox{position:fixed;width:100%;height: 100%;left:-100%;top:0;transition: left .5s;-webkit-transition: left .5s;z-index: 999}
.bgBox.open{left: 0;}
.left_bg.open{left: 0;opacity:1;}
.CloseX{width:40px;height:40px;border-radius:50%;background:#fff;position: absolute;right:30px;top: 10px;z-index: 9999;color:#333;font-size:20px;font-family: "iconfont";line-height:40px;text-align: center;cursor: pointer;opacity: .5;}
.bgBox.open .CloseX{transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px);-webkit-transition: all 2s ease;transition: all 2s ease;}

/*引导页结束*/



/*弹出css*/
.modal {width:100%;height:100%;position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index:100; display: none;overflow: auto; overflow-y: scroll; background: rgba(0,0,0,.7);-webkit-overflow-scrolling: touch;}
.modal-dialog {position: relative; z-index: 10500; width: auto; margin: 10px;}
@media screen and (min-width: 1200px){
  .modal-dialog.modal-lg { margin: 30px auto;width:1040px;}
}
.modal-content {position: relative; background-color: #f0f0f0; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 12px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box;}

@media screen and (min-width: 768px){
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 768px) and (max-width:1199px){
  .modal-dialog.modal-lg { margin: 30px auto;width:850px;}
  .article_title2 h1{font-weight: bold;font-size: 20px;}
}
.article-img-box {max-height: 670px; overflow: hidden;position: relative;}
.article_title2{padding:34px 56px;position: absolute;left:0;bottom: 0;z-index:99;background: rgba(0,0,0,.5);width:100%;}
.article_title2 h1{font-weight: bold;font-size: 28px;word-wrap: break-word;color:#fff;width:80%;line-height: 44px;text-transform: capitalize;}
.article_title2 span{display: block;color:#fff;}
.article_img01 { border-radius: 10px 10px 0 0;}
.aryivle_content{padding:30px 5.5%;border-radius: 0 0 10px 10px; position: relative;}
.close{width:40px;height: 40px;border-radius: 100%;text-align: center;display: block;background: #fff;position: absolute;right:-20px;top:-20px;cursor: pointer;line-height:40px;-webkit-box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 12px 16px rgba(0, 0, 0, 0.1);box-shadow: 0 12px 16px rgba(0, 0, 0, 0.1);z-index:99; transform: translateZ(0px);-webkit-transform: translateZ(0px);}
.close:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #cda050; border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 0; -webkit-transition: all .4s ease; transition: all .4s ease; }
.close:before {-webkit-transition: all .4s ease; transition: all .4s ease; font-size:18px; text-align: center; color: #333; z-index: 2; position: relative; }
.close.iconfont-chahao:before {content: "\e61c";}
.close1{width:40px;height: 40px;border-radius: 100%;text-align: center;line-height: 40px;font-family: "iconfont";color:#333;font-size:18px;display: block;background: #fff;position: fixed;right:15px;top:15px;cursor: pointer;display: none;-webkit-box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 12px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.1);z-index:99;}
@media  (max-width:1199px){
  .article_title2{padding:24px 40px;}
  .article_title2 h1{font-size: 20px;line-height: 30px;}
}
@media screen and (max-width:979px){
  .modal-dialog.modal-lg { margin:0 auto;width:100%;}
  .close{display: none;}
  .close1{display: block;}
  .modal-content,.article_img01{border-radius:0}
}
@media  (max-width:767px){
  .article_title2{padding:20px;}
  .article_title2 h1{font-size: 16px;line-height:22px;margin-bottom: 4px;}
  .aryivle_content{padding:18px 5.5%;}
}
.modal-open{overflow: hidden;}
.close:hover:after{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);color:#fff;}
.close:hover:before{color:#fff;}
.aryivle_content strong{font-weight: bold;}
.aryivle_content p{line-height: 28px;word-wrap: break-word;margin:15px 0;}
.aryivle_content p img{margin:auto;}
.preNext{margin-top:40px;padding: 20px 0 50px;border-top:1px solid #c8c8c8;}
.preNext a{display: block;line-height: 24px;word-wrap: break-word;text-transform: capitalize;}
.preNext a:hover{color:#cda050;}
.share{margin:30px 0;}
#bdshare_weixin_qrcode_dialog {-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}