@charset "UTF-8";

/* ****************** LAYOUT ********************** */
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }

::selection {
    background: #222;   
    color: #fff;
}
::-moz-selection {
    background: #222;    
    color: #fff;
}
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
.visible-xs {display:none !important;}

/* ****************** HEADER ********************** */
#header{
	position:fixed; height:90px; top:0; left:0; width:100%; z-index:9;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out; 
}
#headerInnerWrap{
	position:relative; top:0px; left:0px; width:100%; height:90px; border-bottom: 1px solid rgba(0,0,0,0.23); z-index:9999; 
	-webkit-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	transition:background-color 0.5s
}
#headerInner{	position:relative; height:100%; margin:0px auto; }
#header .logo{position:relative; z-index:100; max-width: 30%; float:left; padding:24px 0 0 0; }	
#header .logo a{display:block; }
#header .logo img{display:block; vertical-align:top; float: left;}
#header .logo img:nth-child(1) {width:86px; max-width: 86px;}
#header .logo img:nth-child(2) {width:195px; max-width: 195px; margin-left: 20px;}
#header .logo img:nth-child(3) {width:86px;max-width: 86px;}
#header .logo img:nth-child(4) {width:195px;max-width: 195px;margin-left: 20px;}
#header .logo .m-logo{display:none;}

/* -------- Header-------- */
.header-util-box{  height: 100%; float: right; position: relative;z-index:100;}

.header-lang {position:relative; float:left; height: 90px; z-index:100; padding-left:25px; padding-right: 25px; }
.header-lang .lang-open-btn { overflow:hidden; position:relative; width: 26px; padding-top: 32px; display:block; height:100%;}
.header-lang .lang-open-btn .arrow{position:absolute; top:0px; right:0px;}
.header-lang .lang-open-btn .arrow i{font-size:16px;}
.header-lang > ul {display:none; position:absolute; top:28px; left:-1px; z-index:10; width:100%; background-color:#f2f2f2; border:1px solid #f2f2f2}
.header-lang > ul > li > a{display:block; padding:0 10px; font-size:12px; line-height: 30px; color:#222; font-weight:700}
.header-lang > ul > li > a:hover{background-color:rgba(255,255,255,0.2); }
.header-lang.open .lang-open-btn .arrow i{transform:rotate(180deg); margin-top:-3px;}
.header_ser { width: 25px; position: relative; height: 90px;float: right;}
.sousuoend {
    color: #fff;
    font-size: 24px;
}
.cuohao {
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: none;
}
.cuohaoa {
    color: #333;
}
.search {
    position:fixed;
    top: 90px;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 302;
    display: none;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.72);
}
#cdk::-webkit-input-placeholder {
color:#333;
}    /* 使用webkit内核的浏览器 */
#cdk::-moz-placeholder {
color:#333;
}                  /* Firefox版本4-18 */
#cdk::-moz-placeholder {
color:#333;
}                  /* Firefox版本19+ */
#cdk::-ms-input-placeholder {
color:#333;
}           /* IE浏览器 */
.search .pcbb {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
}

.search .pcsearch {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.search .pcsearch h5 {
    font-size: 28px;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
}
.search .pcsearch .sebox {
    width: 1000px;
    max-width: 100%;
    position: relative;
}
.search .pcsearch .sebox input {
    float: left;
    height: 70px;
    background: none;
    outline: 0;
    border: none;
    padding-left: 30px;
    margin-right: 17px;
    color: #333;
    font-size: 18px;
}
.cuohao {
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: none;
}
.cuohaoa {    color: #333;}
.active .cuohao, .nav_top:hover .cuohao,.insidenav .cuohao {
    color: #333;
}
.search .pcsearch .sebox span {
    display: inline-block;
    width: 79px;
    height: 79px;
    text-align: center;
    line-height: 79px;
    cursor: pointer;
}
.eng {
    display:none;
    background: #fff;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
    width:100px;
    color: #000000;
    padding:10px 15px;
    position: absolute;
    top: 100%;
    right: -12px;
    z-index: 96;
    }
.eng:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    border-bottom-color: #fff;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}


.eng a {    line-height:35px;font-size: 16px; display: block; width: 100%; text-align: center;}	
.eng a:hover {color:#333;}

.homelink {float:right; line-height: 90px;}
.homelink a {font-size:16px; color: #fff; padding: 0 15px; position: relative;}
.homelink a:nth-child(1) {padding-right:0;}
.homelink a:nth-child(2):before {content:"";background: #fff; height: 15px; width: 1px; position:absolute; right: 0; top: 50%;    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}

/* -------- Header-------- */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:97;}	/* gnb overlay BG */
#gnb{ text-align:right; padding-right: 272px; width:100%; z-index:99;}
#gnb > ul{}
#gnb > ul > li,#gnb .li{  display: inline-block;}
#gnb > ul > li > a,#gnb .li > a{ position:relative; z-index:100; display:block; height:90px; line-height:90px; padding:0 32px; text-align:center; color:#fff; font-size:18px; font-weight:500; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
#gnb > ul > li > a .kr{font-weight:400;}
#gnb > ul > li > a:hover, #gnb > ul > li.on > a,#gnb > ul > li.active > a{color:#ed1c24;}

/* GNB */
#gnbBg{	position:absolute; left:0; top:90px; width:100%; height:0; background:#f5f5f5; z-index:98;	-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;-ms-transition:height 0.3s;transition:height 0.3s;}
#gnbBg.open{height:350px; border-top:1px solid #e5e5e5; }
#gnb.total-menu > ul > li .gnb-2dep{
	visibility:hidden;opacity:0;filter:Alpha(opacity=0);
	position:absolute; 
	left:0;
	background: #f5f5f5;
	top:90px; 
	z-index:99;
	width:100%; 
	padding:40px 0;
	text-align:left; 
	-webkit-transition:all 0s 0s;-moz-transition:all 0s 0s;-o-transition:all 0s 0s;-ms-transition:all 0s 0s;transition:all 0s 0s;}
#gnb.total-menu > ul > li .gnb-2dep.show{
	visibility:visible; 
	opacity:1.0;filter:Alpha(opacity=100); 
	-webkit-transition:all 0.3s 0.1s;
	-moz-transition:all 0.3s 0.1s;
	-o-transition:all 0.3s 0.1s;
	-ms-transition:all 0.3s 0.1s;
	transition:all 0.3s 0.1s;
}
.gnb-2dep-menu-list{float:left; width:55%; padding-top:8px}
.gnb-2dep-menu-list li{
	float:left; position:relative; width:50%; padding-right:30px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
 }
.gnb2 .gnb-2dep-menu-list li{width:33.33%; padding-right:20px}
.gnb-2dep-menu-list li a{display:table; position:relative; width:100%; height:49px; color:#888; border-bottom:1px solid #e5e5e5;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.gnb-2dep-menu-list li a:before{position:absolute; bottom:0px; left:0; width:0; height:1px; background-color:#E70012; content:""; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnb-2dep-menu-list li a span{display:table-cell; color: inherit;vertical-align:middle; padding:0 13px; font-size:15px;}
.gnb-2dep-menu-list li a .gnb-icon{position:absolute; top:50%; right:13px; font-size:18px;-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.gnb-2dep-menu-list li a:hover{color:#E70012;  }
.gnb-2dep-menu-list li a:hover:before{width:100%;}
.gnb-2dep-menu-list li a:hover .gnb-icon svg path{fill:#E70012;}

.gnb-2dep-menu-txt{float:left; padding-left:70px; width: 45%;  }
.gnb-2dep-menu-txt .gnb-2dep-menu-info{display:block;}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl{padding:0;}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dt{color:#333; font-size:22px; margin-bottom:14px; font-weight:600}
.gnb-2dep-menu-txt .gnb-2dep-menu-img{ height:170px; margin-top: 30px;}
.gnb-2dep-menu-txt .gnb-2dep-menu-img img {max-height:100%;}

/* -------- Header-------- */
.index-wrapper #headerInnerWrap{position:relative; background-color:#fff;}
.index-wrapper #headerInnerWrap .mn-bar {position:absolute;top:85px;left:0;width:100%;height:1px;background:rgba(255, 255, 255, .3);z-index:4000;transition:all .3s ease}

.index-wrapper #gnb > ul > li > a,.index-wrapper #gnb .li > a{color:#fff;}
.index-wrapper .sitemap-line-btn{position:absolute;}
.index-wrapper .sitemap-line-btn .line{background-color:#fff;}
.index-wrapper .sitemap-line-btn.active .line{background-color:#333;}
.index-wrapper .header-lang .lang-open-btn{color:#fff;}
.index-wrapper .language-select.open{background-color:#000}
.index-wrapper .language-select > ul{background-color:#000}
.index-wrapper .language-select > ul li a{color:#fff;}
.index-wrapper .language-select > ul > li > a:hover{background-color:rgba(255,255,255,0.2); }
.sousuoa {
    width: 25px;
    position: absolute;
    top: 50%;
    left:0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.homenav .tab_menu{overflow:hidden; padding-bottom: 30px;}
.homenav .tab_menu li{width:33.33%;float:left;cursor:pointer; text-align: center;}
.homenav .tab_menu li span {display:block;}
.homenav .tab_menu li strong {display:block;font-size: 18px;color: #333; line-height: 1.1; padding-top: 15px;}
.homenav .tab_menu li.current{color:#333;}
.homenav .tab_menu li a{color:#fff;text-decoration:none;}
.homenav .tab_menu li.current a{color:#333;}
.homenav .tab_menu li.current span svg path {fill:red;transition: fill .2s ease-out;}
.tab_box .hide{display:none;}
.homenav .tab_box {border-top:1px solid #999; padding-top: 30px;}
.homenav .tab_box .nav_link {display: block; font-size: 18px;}
.homenav ul.nav-tertiary { padding: 10px 0 0 0;overflow: hidden;}
.homenav ul.nav-tertiary li {width:25%; float: left; padding: 5px 0;}
.homenav ul.nav-tertiary li a{position:relative; padding-left: 30px; line-height: 25px; display: inline-block;}
.homenav ul.nav-tertiary li a:before {position:absolute; background: url("../images/rithtr.svg") no-repeat; top:3px; left: 0;content:""; width: 16px; height: 16px; }
.homenav ul.nav-tertiary li a:hover {transform: translateX(5px);
    -ms-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -o-transform: translateX(5px);
    transition: .3s ease-in-out;}

/* -------- Headerhover  -------- */
#header.over  #headerInnerWrap,
.fp-viewing-1 #header,
.fp-viewing-2 #header,
.fp-viewing-3 #header,
.fp-viewing-4 #header,
.fp-viewing-5 #header,
.fp-viewing-6 #header{background-color:#fff;}

#header.over #gnb > ul > li > a,
#header.index-wrapper #gnb > ul > li > a,
.fp-viewing-1 #header #gnb > ul > li > a,
.fp-viewing-2 #header #gnb > ul > li > a,
.fp-viewing-3 #header #gnb > ul > li > a,
.fp-viewing-4 #header #gnb > ul > li > a,
.fp-viewing-5 #header #gnb > ul > li > a,
.fp-viewing-6 #header #gnb > ul > li > a{color:#333}
#header #gnb > ul > li.active > a,#header.over #gnb > ul > li.on > a,
#header.over #gnb > ul > li > a:hover,#header #gnb .li:hover a,#header.index-wrapper #gnb .li:hover a{color:#E70012}

#header #gnb > ul > li > a:after {width: 0;content:""; position: absolute; bottom: 0; left: 50%;
height: 3px;
background: #E70012;
opacity: 0;
 -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;	
}
#header #gnb > ul > li.active > a:after,#header.over #gnb > ul > li.on > a:after,#header #gnb > ul > li.on > a:after,
#header.over #gnb > ul > li > a:hover:after,#header.index-wrapper #gnb > ul > li > a:hover:after 
{width: 72px;-ms-transform: translateX(-50%); 
    -o-transform: translateX(-50%); 
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%); 
     transform: translateX(-50%);
opacity: 1;}
/*
#header.over .header-util-box,
#header.index-wrapper .header-util-box,
.fp-viewing-1 #header .header-util-box,
.fp-viewing-2 #header .header-util-box,
.fp-viewing-3 #header .header-util-box,
.fp-viewing-4 #header .header-util-box,
.fp-viewing-5 #header .header-util-box,
.fp-viewing-6 #header .header-util-box{    border-left: 1px solid #F6F6F6;}
*/

#header.over .header-lang .lang-open-btn{color:#222;}
#header.over .partners-select{background-color:#000; border-color:#000;}
#header.over .partners-select .lang-open-btn{color:#fff}
#header.over .logo .m-logo,
#header.index-wrapper .logo .m-logo,
.fp-viewing-1 #header .logo .m-logo,
.fp-viewing-2 #header .logo .m-logo,
.fp-viewing-3 #header .logo .m-logo,
.fp-viewing-4 #header .logo .m-logo,
.fp-viewing-5 #header .logo .m-logo,
.fp-viewing-6 #header .logo .m-logo{    display: block;}
#header.over .logo .pc-logo,
#header.index-wrapper .logo .pc-logo,
.fp-viewing-1 #header .logo .pc-logo,
.fp-viewing-2 #header .logo .pc-logo,
.fp-viewing-3 #header .logo .pc-logo,
.fp-viewing-4 #header .logo .pc-logo,
.fp-viewing-5 #header .logo .pc-logo,
.fp-viewing-6 #header .logo .pc-logo{display:none;}
#header.over .header-lang svg path,
#header.index-wrapper .header-lang svg path,
.fp-viewing-1 .header-lang svg path,
.fp-viewing-2 .header-lang svg path,
.fp-viewing-3 .header-lang svg path,
.fp-viewing-4 .header-lang svg path,
.fp-viewing-5 .header-lang svg path,
.fp-viewing-6 .header-lang svg path{fill:#CFCFCF;stroke:#CFCFCF;}
#header.over .sousuoend svg path,
#header.index-wrapper .sousuoend svg path,
#header.over .cuohao svg path,
#header.index-wrapper .cuohao svg path,
.fp-viewing-1 .sousuoend svg path,
.fp-viewing-2 .sousuoend svg path,
.fp-viewing-3 .sousuoend svg path,
.fp-viewing-4 .sousuoend svg path,
.fp-viewing-5 .sousuoend svg path,
.fp-viewing-6 .sousuoend svg path,
.fp-viewing-1 .cuohao svg path,
.fp-viewing-2 .cuohao svg path,
.fp-viewing-3 .cuohao svg path,
.fp-viewing-4 .cuohao svg path,
.fp-viewing-5 .cuohao svg path,
.fp-viewing-6 .cuohao svg path{fill:#CFCFCF;}
#header.over .homelink a,#header.index-wrapper .homelink a,
.fp-viewing-1 #header .homelink a,
.fp-viewing-2 #header .homelink a,
.fp-viewing-3 #header .homelink a,
.fp-viewing-4 #header .homelink a,
.fp-viewing-5 #header .homelink a,
.fp-viewing-6 #header .homelink a{color:#999999;}
#header.over .homelink a:nth-child(1):before,
#header.index-wrapper .homelink a:nth-child(1):before,
.fp-viewing-1 #header .homelink a:nth-child(1):before,
.fp-viewing-2 #header .homelink a:nth-child(1):before,
.fp-viewing-3 #header .homelink a:nth-child(1):before,
.fp-viewing-4 #header .homelink a:nth-child(1):before,
.fp-viewing-5 #header .homelink a:nth-child(1):before,
.fp-viewing-6 #header .homelink a:nth-child(1):before{background:#F6F6F6;}

/* -------- Header :: Sub -------- */
#header.sub-hidden{
	-ms-transform: translateY(-101px); 
    -o-transform: translateY(-101px); 
    -moz-transform: translateY(-101px);
    -webkit-transform: translateY(-101px); 
     transform: translateY(-101px);
}
#header.sub-hidden.up{/* top:0px; */
	-ms-transform: translateY(0); 
    -o-transform: translateY(0); 
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0); 
     transform: translateY(0);
	
}

/* -------- Header :: GNB(Mobile) -------- */ 
.nav-open-btn{display:none;}
#gnbM{display:none}

/*footer*/
.footer {background: #F6F6F6;}
.footbotm {background: #E70012; padding: 28px 0; color: #fff;}
.footbotm a {color: #fff;}
.footup {border-bottom: 1px solid #E2E2E2; padding: 28px 0;}
.footup a {background-image:url("../images/home.png"); background-position: left; background-repeat: no-repeat; background-size: 28%; padding-left: 30px;}
.foot_mid {width:100%; padding-top: 48px; padding-bottom: 55px; }
.foot_mid .footm_l {float:left; width: 25%; position: relative; padding-right: 30px;}
.foot_mid .foot_nav {float:left; width: 55%;}
.foot_mid .footm_r {float:right; max-width:  20%;}
.footm_l .foot_logo {}
.footm_l .foot_logo img {display:block;}
.footm_l .foot_logo img:nth-child(1) {max-height:36px; margin-bottom: 30px;}
.footm_l .foot_logo img:nth-child(2) {max-height:40px;}
.foot_link {width: 247px; max-width: 100%;
height: 48px; display: inline-block; padding: 0 20px;
background: #E3E3E3; line-height: 48px;
border-radius: 31px;}
.foot_link b {background-image: url("../images/linkjt.png"); width: 8px; height: 15px; margin-top: 15px; background-size: cover; display: inline-block; float: right;}
#vivo-wrap {position:relative; display: inline-block; margin-top: 35px; width: 100%;}
#vivo-head .vivo-search{  max-width: 600px; width: 600px; position:absolute; z-index: 9999; display:none; left:0; bottom: 0;}
#vivo-head .vivo-search .closes { position: absolute; cursor: pointer;right: 0; top: 0px; color: #fff; font-size: 26px;}
#vivo-head .vivo-search { }
#vivo-head .qk-results {width:100%; float: left;background-color:#fff; padding:15px 30px;    border-radius: 23px; }
#vivo-head .qk-results ul li {font-size:16px; width: 50%; float: left; display: block; line-height: 25px; margin: 5px 0;}
#vivo-head .qk-results a {font-size:16px; line-height: 25px; position: relative;}

#vivo-head .qk-results  a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 1px solid #E70012;
    -webkit-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#vivo-head .qk-results  a:hover {
    color: #E70012;
}
#vivo-head .qk-results a:hover:before {
    width: 100%;
}

#vivo-head .search-box {position:relative; padding-top: 30px;}
#vivo-head .qk-results,#vivo-head .search-box {overflow:hidden;}
.foot_nav ul li {float:left; width: 25%; padding-right: 30px;}
.foot_nav ul li h3 {  margin-bottom: 20px;}
.foot_nav ul li h3 a,.foot_mid .footm_r .strong{font-size: 18px;
font-weight: bold;
line-height: 24px;
color: #333333; margin-top:0; margin-bottom: 8px;}
.foot_nav ul li a { display:block; font-size:16px; color:#878787; line-height:21px; margin:10px 0;}
.foot_nav ul li a:hover {  color:#E70012;}
.foot_nav .foot_scoll {overflow-y:auto; height: 215px;cursor: pointer;}
.foot_nav .foot_scoll::-webkit-scrollbar {
  width:5px; height:6px;
}
.foot_nav .foot_scoll::-webkit-scrollbar-track{
  background-image:url("../images/gdt.jpg");background-position: center; background-repeat:repeat-y;
  border-radius:0;
}
.foot_nav .foot_scoll::-webkit-scrollbar-thumb{  background:#B2B2B2;  border-radius:0;}
.foot_mid .footm_r .strong {padding-bottom:24px;}
.footm_r .foot_erw {max-width:50%; text-align: center; float: left;}
.footm_r .foot_erw:nth-child(2) {padding-right:10px;}
.footm_r .foot_erw:nth-child(3) {padding-left:10px;}
.footm_r .foot_erw img {max-width:100px; width: 100%;}
.footm_r .foot_erw p {font-size: 16px; padding-top: 15px;
line-height: 1.2;
color: #878787;}

  .dim {
    visibility: hidden;
    display: block;
    position: fixed;
    z-index: 200;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 120ms 380ms ease-in-out;
    transition: all 120ms 380ms ease-in-out;
  }
.view .dim {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    /*cursor:pointer;*/
    -webkit-transition: all 120ms ease-in-out;
    -moz-transition: all 120ms ease-in-out;
    -ms-transition: all 120ms ease-in-out;
    -o-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
  }

.view .dim {
    z-index: 300;
  }

.footbotm .bdsharebuttonbox { float:right; padding-left: 20px; padding-top: 2px;}
.footbotm .bdsharebuttonbox a {  display: inline-block;width: 22px; height: 22px; margin: 0; border:none; padding: 0;}
.footbotm .bdsharebuttonbox a.more {  background-image: url("../images/share03.png"); background-position: center; background-repeat: no-repeat;}



/*top*/
.homemess {position:fixed; right:10px; bottom:5%; z-index:9; display:none;}
.homemess ul li { width:50px; height:50px; line-height: 56px; background: #FFFFFF;
border: 1px solid #C4C4C4;border-radius:50%; text-align:center; margin-bottom:10px; position:relative; cursor:pointer;}
.homemess ul li span {display:inline-block; width: 100%; height: 100%; background-size: 50%; background-position: center; background-repeat: no-repeat;}
.homemess ul li span.homtel {background-image:url("../images/rico01.png");}
.homemess ul li span.homwechta {background-image:url("../images/rico02.png");}
.homemess ul li span.homtop {background-image:url("../images/rico03.png"); background-size: 30% 40%;}
.homemess ul li:hover span.homtel {background-image:url("../images/ricoh01.png");}
.homemess ul li:hover  span.homwechta {background-image:url("../images/ricoh02.png");}
.homemess ul li:hover  span.homtop {background-image:url("../images/ricoh03.png");}

.navr-tel{
    width: 158px;
    padding:0 5px;
	position: absolute;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    top:0px;
	color: #333;
	font-size: 18px;
    right: 65px;
    transition: all .3s ease ;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
}
.navr-ewm22{
    width: 120px;
    padding: 5px;
	position: absolute;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    top:50%;
	   -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 50px;
    transition: all .3s ease ;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
}
.navr-ewm22 img{
    max-width: 100%;
}

.navr-ewm22:before,.navr-tel:before{
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
     border-width: 10px;
    border-left-color:#fff;
    top: 50%;
	margin-top: -10px;
    right: -20px;
}
.homemess ul li:hover .navr-tel{
    visibility: visible;
    opacity: 1;
    right:70px;
}
.homemess ul li:hover .navr-ewm22{
    visibility: visible;
    opacity: 1;
    right:70px;
}
.homemess ul li:hover{
    background-color:#E70012;border-color: #E70012;
	border-radius:50%;
}
.homemess ul li.back-top:hover svg{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
	transition: 0.5s;-webkit-transition: 0.5s;
}
.homemess ul li svg path{fill:#969696;}
.homemess ul li:hover svg path { fill:#fff;}


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

.transY{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;visibility:hidden}
.transYF{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);opacity:0;visibility:hidden}
.transX{-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0;visibility:hidden}
.transXF{-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);opacity:0;visibility:hidden}
.active .transX,.active .transXF,.active .transY,.active .transYF{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;visibility:visible}
.trans{-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;transition:.7s ease-out}
.dly-1{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}
.dly-2{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}
.dly-3{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s}
.dly-4{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}
.dly-5{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s}
.dly-6{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s}
.dly-7{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;transition-delay:.7s}
.dly-8{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}
.dly-9{-webkit-transition-delay:.9s;-moz-transition-delay:.9s;transition-delay:.9s}
.dly-10{-webkit-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s}
.dly-11{-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;transition-delay:1.1s}
.dly-12{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;transition-delay:1.2s}
.active .am-lsi{-webkit-animation:lightSpeedIn .8s both;-moz-animation:lightSpeedIn .8s both;animation:lightSpeedIn .8s both}
.active .am-fiu{-webkit-animation:fadeInUp .8s both;-moz-animation:fadeInUp .8s both;animation:fadeInUp .8s both}
.active .am-fid{-webkit-animation:fadeInDown .8s both;-moz-animation:fadeInDown .8s both;animation:fadeInDown .8s both}
.active .am-fir{-webkit-animation:fadeInRight .8s both;-moz-animation:fadeInRight .8s both;animation:fadeInRight .8s both}
.active .am-fil{-webkit-animation:fadeInLeft .8s both;-moz-animation:fadeInLeft .8s both;animation:fadeInLeft .8s both}
.active .am-rvv{position:relative}
.active .am-rvv:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both}
.active .am-rvl{position:relative}
.active .am-rvl:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both}
.active .am-delay-1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}
.active .am-delay-2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}
.active .am-delay-3{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.active .am-delay-4{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}
.active .am-delay-5{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}
.active .am-delay-6{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.active .am-delay-7{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}
.active .am-delay-8{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}
.active .am-delay-9{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;animation-delay:.9s}
.active .am-delay-10{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}
.active .am-delay-11{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;animation-delay:1.1s}
.active .am-delay-12{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}
}