/*公共样式*/
*{font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none; box-shadow: none;}
*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
body{max-width:100%;min-width:320px;overflow-x: hidden;margin:auto;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{padding:0;font-size:14px;color:#333;}
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
li{list-style-type:none;}
img{border:none;}
table{border-collapse:collapse;max-width: 100%;}
input,select,textarea{outline:none;background:none;border:none;}
select::-ms-expand{display:none;}
textarea {
	resize: none;
}

/*常用类*/
.w1600{width: 1600px;margin: auto;}
.fl,[fl]{float:left;}
.fr,[fr]{float:right;}
.relative,[relative]{position:relative;z-index: 1;}
.absolute,[absolute]{position:absolute;z-index: 1;}
.absolute.max,[absolute][max]{left: 0;top: 0;right: 0;bottom: 0;}
.fixed,[fixed]{position:fixed;z-index: 1;}
.fixed.max,[fixed][max]{left: 0;top: 0;right: 0;bottom: 0;}
.fz0,[fz0]{font-size:0;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}
.dis{display: inline-block;vertical-align: top;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.img_vam{vertical-align: middle;}
.span{vertical-align: middle;display: inline-block;height: 100%;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans2{-webkit-transition:all 300ms linear 0s;transition:all 300ms linear 0s;}
.c1{clear: both;}
.trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; }
.trans10 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
.trans15 { transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; }
.fz{font-size: 0;}
.dis{display: inline-block;vertical-align: top;}
.border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.bd_weixin_popup{min-height: 333px!important;}
.ab-style{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.m_auto{}
.box-img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.box-span{display: inline-block;vertical-align: middle;height: 100%;}
.qing {
	display: block;
	clear: both;
}


.palr {
	padding-left: 150px;
	padding-right: 150px;
}

.ovfh {
	overflow: hidden;
}

.brrk {
	display: none;
}
.block-sj {
	display: none;
}

.block-ipad {
	display: none;
}
.block-pc {
	display: block;
}

.in-bantu {
	display: block;
	width: 80%;
	height: 80%;
	z-index: 2;
	position: absolute;
	left: 10%;
	top: 15%;
	background-size: cover !important;
}

.pxlnk:hover .in-bantu, .xwlnk:hover .in-bantu, .pxlnk:hover .in-bantu,
.in-jylnk:hover .in-bantu, .in-zxlk:hover .in-bantu, .in-hztuk:hover img{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	/* IE 9 */
	-webkit-transform: scale(1.05);
	/* Safari 和 Chrome */
	-o-transform: scale(1.05);
	/* Opera */
	-moz-transform: scale(1.05);
}

.yemak a,
.in-bantu,
.in-cptuk,
.in-cpm-tit,
.in-cpm-text,
.in-cpmk,
.in-jylnk,
.in-jylm-text,
.fo-nav-xa a,
.fo-nav-da,
.navn a,
.navn a b,
.ny-lein a span,
.ny-lein a,
.ab-jobl-xx span,
.pxlm-xx span,
.pxlm-tit,
.pxlm-text,
.fanyeak a,
.fanye-hui span,
.fanye-hui,
.cpv-leik a,
.cpvgs-lei a,
.ccpl-duo span,
.xz-duo span, .xwlm-tit, .xwlm-text,.pxlm-xx,
.in-jylm-text, .in-jylm-tit, .in-zxlm-text, .in-zxlm-tit,.in-hztuk img {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.in-cplist dd a,
.in-cptuk,
.in-cptu0,
.in-cp-m,
.in-cp-j,
.cx-kan,
.in-cxfl li,
.shu14,
.in-abtk-k,
.in-abtk-tu,
.in-ab-b,
.in-hzbk li img,
.xixi,
.in-nen-ti,
.in-nen-j,
.in-nej,
.in-netui-ti,
.in-netui-j,
.in-netu img,
.fo-nav li a,
#btn_prev-fa,
#btn_next-fa,
#btn_prev-cp,
#btn_next-cp,
.qiej a,
#nav-menu .menu .children li a img,
.ne-flk a,
.netn-ti,
.netn-j,
.netu0,
.ne-tjl-m,
.ne-tjl-ti,
.ne-tjtu,
.fym a,
.fhk,
.cxtu img,
.cxk-tt,
.cxk-ck span,
.cxej a,
.solbmk,
.sotu,
.sobx,
.solb-ti,
.sot-lei,
.sotum,
.sot-lm a span,
.cgflk a,
.cgtmj,
.cgtuh,
.cgtu img,
.cgtm1,
.cgtm,
.yemk a,
.sok,
.wzk a,
.soejk a,
.sonnk,
.sontmk,
.sontm1,
.sontm2,
.sontut,
.altu img,
.alm,
.homk,
.hotu img,
.hidxk,
.fznj-ti,
.fznj-j,
.cgtui,
.hzlb li img,
.tdtu,
.jobk-ck,
.jobk-dj,
.jobk-ti,
.jobk-r,
.jobk-tt,
.cpjjk,
.pdf-b,
.pdf-m,
.cxk-js,
.fzsk tr td .qing,
.pdf img,
.fljk,
.flj img,
.pdf2 img{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

/*display快速设置*/
.hide,[hide]{display:none;}
.block,[block]{display:block;}
.inline,[inline]{display:inline;}
.inline-block,[inline-block]{display:inline-block;*display:inline;zoom:1;}
.table{display:table;}
.table-cell{display:table-cell;}
/*超出隐藏*/
.over{overflow:hidden;}
/*图片在div居中*/
.m-pic,[m-pic]{text-align:center;display:block;font-size:0;}
.m-pic b,[m-pic] b{display:inline-block;height:100%;vertical-align:middle;}
.m-pic img,[m-pic] img{vertical-align:middle;max-width:100%;max-height:100%;}
/*鼠标移过图片放大*/
.b-pic,[b-pic]{overflow:hidden;}
.b-pic img,[b-pic] img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.b-pic:hover img,[b-pic]:hover img{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);transform:scale(1.4);}
/*图片占满div*/
.i-pic,[i-pic]{overflow:hidden;font-size:0;}
.i-pic img,[i-pic] img{width:100%;min-height:100%;}
/*对齐方式*/
.text-left,[text-left]{text-align:left;}
.text-right,[text-right]{text-align:right;}
.text-center,[text-center]{text-align:center;}
/*当前行超出，显示省略号*/
.text-over,[text-over]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*几行内超出，显示省略号*/
.text-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-line.line3{-webkit-line-clamp:3;}
.text-line.line4{-webkit-line-clamp:4;}
.text-line.line5{-webkit-line-clamp:5;}
/*强行不换行*/
.nowrap,[nowrap]{white-space:nowrap;}
/*强行换行*/
.break{white-space:normal;word-break:break-all;}
/*垂直对齐方式*/
.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
/*边框盒子处理*/
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/*css3变换时间300毫秒*/
.trans{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
/*鼠标手型*/
.pointer{cursor:pointer !important;}
/*英文大写*/
.upper{text-transform:uppercase;}
/*英文小写*/
.lower{text-transform:lowercase;}
/*宽高100%*/
.maxh{height:100%;}
.maxw{width:100%;}
/*最多宽度设置*/
.cw1920{max-width: 1920px;margin: auto;}
.cw1600{max-width: 1600px;margin: auto;}
.cw1400{max-width: 1400px;margin: auto;}
.cw1200{max-width: 1200px;margin: auto;}
.cw1260 {width: 1260px;margin: auto;}
.container {
	width: 1400px;
	min-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}


/*padding*/
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.clean{zoom:1;}
.clean:after,
.clean:before{content:'';display:table;}
.clean:after{clear:both;}

/*a*/
a{color:#333;text-decoration:none;}
a.red{color:red;text-decoration:none;}
a.red:hover{color:red;text-decoration:underline;}
a *{text-decoration:none;}
a:hover *{text-decoration:none;}






/*分页*/

#turn_page{text-align:center; height: auto;line-height:36px;margin-top: 40px;}
#turn_page li{
	border: 1px solid #d8d8d8;
	line-height: 34px;
	height: 34px;
	padding: 0 14px;
	margin: 0 3px;
	color: #000;
	font-size: 14px;
	border: 1px solid #d8d8d8;
	display: inline-block;
	vertical-align: top;
	border-radius: 2px;
}
#turn_page .active{
	border: 1px solid #d8d8d8;
	line-height: 34px;
	height: 34px;
	padding: 0 14px;
	margin: 0 3px;
	color: #000;
	font-size: 14px;
	border: 1px solid #d8d8d8;
	border-color: transparent;
    background: linear-gradient(to right, #e62129 , #e62129);
    color: #fff;
	display: inline-block;
    vertical-align: top;
	border-radius: 2px;
}
#turn_page li:hover{
	background: linear-gradient(to right, #e62129 , #e62129);
}
#turn_page .active a{
	color: #fff;
}
#turn_page li:hover a{
	color: #fff;
}
#turn_page span{
	font-size: 14px;
}


/*公共头部导航*/
html {
  font-size: 100px!important;
}

/*animate补充动画*/
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}
@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightSmall {
  animation-name: fadeInRightSmall;
}
@keyframes fadeOutLeftSmall {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }
}
.fadeOutLeftSmall {
  animation-name: fadeOutLeftSmall;
}
@keyframes fadeOutRightSmall {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(10%, 0, 0);
  }
}
.fadeOutRightSmall {
  animation-name: fadeOutRightSmall;
}
@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownSmall {
  animation-name: fadeInDownSmall;
}
@keyframes fadeOutDownSmall {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
}
.fadeOutDownSmall {
  animation-name: fadeOutDownSmall;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, 20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}
@keyframes fadeOutUpSmall {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0%, -10%, 0);
  }
}
.fadeOutUpSmall {
  animation-name: fadeOutUpSmall;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}
.scaleIn {
  animation-name: scaleIn;
}
@keyframes slideInUpSmall {
  from {
    transform: translate3d(0%, 10%, 0);
  }
  to {
    transform: none;
  }
}
.slideInUpSmall {
  animation-name: slideInUpSmall;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}
#bloc header {
	background-color:transparent;
	border-color:#F32225;
	position:fixed;
	width: 100%;
	height: 100px;
	pointer-events: none;
	z-index: 150;
	left: 0;
	top: 0;
	/* 手机端菜单 */
}
#bloc header.bx_nav_bg {
    background-color: rgba(0,0,0,.7)!important;
}
#bloc header nav.home-nav {
width: 1600px;
position: relative;
padding-top: 30px;
justify-content: space-between;
align-items: flex-start;
display: flex;
margin: auto;
}
#bloc header nav.home-nav.on {
display: flex;
}
#bloc header nav.home-nav .left {
pointer-events: auto;
height: 0.6rem;
position: relative;
z-index: 10;
}
#bloc header nav.home-nav .left > a {
display: inline-block;
}
#bloc header nav.home-nav .left img {
max-width: 1.8rem;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.home-nav .left .black {
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
}
#bloc header nav.home-nav .right {
width: 100%;
/* display: flex;
align-items: flex-start;
z-index: 12;
justify-content: space-between;
position: relative; */
}
#bloc header nav.home-nav .right .nav-items {
pointer-events: auto;
height: 60px;
display: flex;
align-items: center;
justify-content: flex-end;
width: calc(100% - 0);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
#bloc header nav.home-nav .right .nav-items > li {
padding: 0 5px;
position: relative;
opacity: 0;
}
#bloc header nav.home-nav .right .nav-items > li > a {
position: relative;
font-weight: 700;
line-height: 30px;
display: inline-block;
padding: 0 20px;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
#bloc header nav.home-nav .right .nav-items > li > a > span {
color: #fff;
font-size: inherit;
position: relative;
z-index: 5;
white-space: nowrap;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.home-nav .right .nav-items > li > a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
background-color: #fff;
color: #d70917;
border-radius: 50px;
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.71);
}
#bloc header nav.home-nav .right .nav-items > li .nav-down {
position: absolute;
width: 136px;
background-color: #fff;
box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.71);
border-radius: 6px;
padding: 5px 0px;
left: -5px;
top: 44px;
opacity: 0;
pointer-events: none;
transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-o-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > span {
display: block;
position: absolute;
left: 0;
width: 100%;
bottom: 100%;
height: 15px;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > span:after {
content: "";
bottom: 0;
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li {
width: 100%;
position: relative;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li > a {
display: inline-block;
width: 100%;
color: #333;
height: 30px;
line-height: 30px;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li > a > span {
color: #333;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li > a:hover {
color: #d70917;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li > a:hover > span {
color: #d70917;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li .tree_down {
position: absolute;
left: calc(100% + 4px);
background-color: #fff;
top: 0;
border-radius: 6px;
opacity: 0;
transform: translateX(5px);
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-o-transform: translateX(5px);
-ms-transform: translateX(5px);
pointer-events: none;
min-width: 110px;
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li .tree_down > a {
height: 36px;
line-height: 36px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
width: 100%;
color: #333;
display: block;
text-align: center;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li .tree_down > a:hover {
color: #d70917;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li .tree_down:after {
content: "";
position: absolute;
right: 100%;
width: 5px;
height: 100%;
top: 0;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li:hover > a > span {
color: #d70917;
}
#bloc header nav.home-nav .right .nav-items > li .nav-down > li:hover.child_down .tree_down {
opacity: 1;
pointer-events: auto;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
#bloc header nav.home-nav .right .nav-items > li:hover > a {
text-shadow: none;
}
#bloc header nav.home-nav .right .nav-items > li:hover > a > span {
color: #d70917;
}
#bloc header nav.home-nav .right .nav-items > li:hover > a:after {
opacity: 1;
}
#bloc header nav.home-nav .right .nav-items > li:hover .nav-down {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
opacity: 1;
pointer-events: auto;
}
#bloc header nav.home-nav .right .nav-items .nav-dot {
position: relative;
width: 4px;
height: 4px;
border-radius: 50%;
line-height: 4px;
text-align: center;
background-color: #fff;
}
#bloc header nav.home-nav .right .other-box {
pointer-events: auto;
display: flex;
flex-direction: column;
align-items: flex-end;
width: 0.6rem;
}
#bloc header nav.home-nav .right .other-box .menu {
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
line-height: 0.6rem;
text-align: center;
background-color: #fff;
display: inline-block;
margin-bottom: 0.3rem;
}
#bloc header nav.home-nav .right .other-box .menu > i {
color: #d70917;
}
#bloc header nav.home-nav .right .other-box .search {
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
line-height: 0.6rem;
text-align: center;
background-color: #002bff;
display: flex;
position: relative;
align-items: center;
justify-content: flex-start;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
#bloc header nav.home-nav .right .other-box .search > i {
color: #fff;
width: 0.6rem;
text-align: center;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
}
#bloc header nav.home-nav .right .other-box .search > input {
position: absolute;
left: 0.6rem;
line-height: 0.3rem;
background-color: transparent;
border: none;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
opacity: 0;
width: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transform-origin: 0 50%;
}
#bloc header nav.home-nav .right .other-box .search:hover {
width: 250px;
border-radius: 100px;
}
#bloc header nav.home-nav .right .other-box .search:hover > i {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
#bloc header nav.home-nav .right .other-box .search:hover > input {
opacity: 1;
width: calc(250px - 0.9rem);
}
#bloc header nav.home-nav .right .other-box .enBox {
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
line-height: 0.6rem;
text-align: center;
background-color: #002bff;
display: flex;
position: relative;
align-items: center;
justify-content: center;
color: #fff;
margin-top: 0.3rem;
}
#bloc header nav.home-nav .right .nav-txt {
position: absolute;
opacity: 0;
pointer-events: none;
right: 0.9rem;
transform: translate3d(10px, 0, 0);
-webkit-transform: translate3d(10px, 0, 0);
-moz-transform: translate3d(10px, 0, 0);
-o-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
height: 0.6rem;
display: flex;
justify-content: flex-end;
align-items: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.home-nav .right .nav-txt > span {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.home-nav .right .nav-txt > em {
margin-left: 8px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}
#bloc header nav.home-nav:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(../img/sh.png);
background-size: 100% 100%;
background-position: center top;
background-repeat: no-repeat;
z-index: 2;
transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
}
#bloc header nav.home-nav.active .right .nav-items {
opacity: 0;
filter: blur(3px);
pointer-events: none;
transform: translate3d(30px, 0, 0);
-webkit-transform: translate3d(30px, 0, 0);
-moz-transform: translate3d(30px, 0, 0);
-o-transform: translate3d(30px, 0, 0);
-ms-transform: translate3d(30px, 0, 0);
}
#bloc header nav.home-nav.active .right .nav-txt {
transition-delay: 0.5s;
pointer-events: auto;
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
#bloc header nav.home-nav.bc .left .white {
opacity: 0;
}
#bloc header nav.home-nav.bc .left .black {
opacity: 1;
}
#bloc header nav.home-nav.bc .right .nav-items > li > a > span {
color: #000;
}
#bloc header nav.home-nav.bc .right .nav-items .nav-dot {
background-color: #000;
}
#bloc header nav.home-nav.bc .right .nav-txt > span {
color: #000;
}
#bloc header nav.home-nav.bc .right .nav-txt > em {
border-color: transparent transparent transparent rgba(0, 0, 0, 0.3);
}
#bloc header nav.inner-nav {
padding: 0 60px;
position: relative;
display: none;
padding-top: 1vw;
justify-content: space-between;
align-items: center;
padding-bottom: 1vw;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.inner-nav:after {
content: "";
position: absolute;
width: 150vw;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
left: -25vw;
bottom: 0;
}
#bloc header nav.inner-nav.on {
display: flex;
}
#bloc header nav.inner-nav .left {
position: relative;
display: block;
pointer-events: auto;
}
#bloc header nav.inner-nav .left > a {
display: inline-block;
}
#bloc header nav.inner-nav .left img {
max-width: 1.8rem;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.inner-nav .left .black {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
}
#bloc header nav.inner-nav .center {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
#bloc header nav.inner-nav .center .nav-items {
pointer-events: auto;
height: 0.6rem;
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 0.8rem);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
#bloc header nav.inner-nav .center .nav-items > li {
padding: 0 0.2rem;
position: relative;
opacity: 0;
}
#bloc header nav.inner-nav .center .nav-items > li > a {
position: relative;
font-weight: 700;
line-height: 40px;
display: inline-block;
padding: 0 0.2rem;
}
#bloc header nav.inner-nav .center .nav-items > li > a > span {
color: #fff;
font-size: inherit;
position: relative;
z-index: 5;
white-space: nowrap;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.inner-nav .center .nav-items > li > a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
background-color: #fff;
color: #d70917;
border-radius: 50px;
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.71);
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down {
position: absolute;
width: 100%;
background-color: #fff;
box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.71);
border-radius: 6px;
padding: 5px 0px;
left: 0;
top: 54px;
opacity: 0;
pointer-events: none;
transform: translate3d(0, -10px, 0);
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
-o-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > span {
display: block;
position: absolute;
left: 0;
width: 100%;
bottom: 100%;
height: 15px;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > span:after {
content: "";
bottom: 0;
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li {
width: 100%;
position: relative;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li > a {
display: inline-block;
width: 100%;
color: #333;
height: 36px;
line-height: 36px;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li > a:hover {
color: #d70917;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li .tree_down {
position: absolute;
left: calc(100% + 4px);
background-color: #fff;
top: 0;
border-radius: 6px;
opacity: 0;
transform: translateX(5px);
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-o-transform: translateX(5px);
-ms-transform: translateX(5px);
pointer-events: none;
min-width: 110px;
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li .tree_down > a {
height: 36px;
line-height: 36px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
width: 100%;
color: #333;
display: block;
text-align: center;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li .tree_down > a:hover {
color: #d70917;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li .tree_down:after {
content: "";
position: absolute;
right: 100%;
width: 5px;
height: 100%;
top: 0;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li:hover > a {
color: #d70917;
}
#bloc header nav.inner-nav .center .nav-items > li .nav-down > li:hover.child_down .tree_down {
opacity: 1;
pointer-events: auto;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
#bloc header nav.inner-nav .center .nav-items > li:hover > a > span {
color: #d70917 !important;
}
#bloc header nav.inner-nav .center .nav-items > li:hover > a:after {
opacity: 1;
}
#bloc header nav.inner-nav .center .nav-items > li:hover .nav-down {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
opacity: 1;
pointer-events: auto;
}
#bloc header nav.inner-nav .center .nav-items .nav-dot {
position: relative;
width: 4px;
height: 4px;
border-radius: 50%;
line-height: 4px;
text-align: center;
background-color: #fff;
}
#bloc header nav.inner-nav .right {
width: 1.5rem;
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
#bloc header nav.inner-nav .right .other-box {
pointer-events: auto;
display: flex;
justify-content: space-between;
align-items: center;
width: 1.4rem;
}
#bloc header nav.inner-nav .right .other-box .laguage {
width: 0.55rem;
height: 0.55rem;
border-radius: 50%;
line-height: 0.55rem;
text-align: center;
background-color: #d70917;
display: inline-block;
color: #fff;
}
#bloc header nav.inner-nav .right .other-box .laguage > i {
color: #fff;
}
#bloc header nav.inner-nav .right .other-box .search {
width: 0.55rem;
height: 0.55rem;
border-radius: 50%;
line-height: 0.55rem;
text-align: center;
background-color: #fff;
display: inline-block;
color: #d70917;
cursor: pointer;
}
#bloc header nav.inner-nav .right .other-box .search > i {
color: #d70917;
}
#bloc header nav.inner-nav .right .other-box .search > input {
position: absolute;
left: 0.55rem;
line-height: 0.3rem;
background-color: transparent;
border: none;
color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
opacity: 0;
width: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transform-origin: 0 50%;
}
#bloc header nav.inner-nav .right .nav-txt {
position: absolute;
opacity: 0;
pointer-events: none;
right: 0.9rem;
transform: translate3d(10px, 0, 0);
-webkit-transform: translate3d(10px, 0, 0);
-moz-transform: translate3d(10px, 0, 0);
-o-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
height: 0.6rem;
display: flex;
justify-content: flex-end;
align-items: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
#bloc header nav.inner-nav .right .nav-txt > em {
margin-left: 8px;
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}
#bloc header nav.inner-nav.active,
#bloc header nav.inner-nav.go-show,
#bloc header nav.inner-nav.bc {
background-color: #fff;
box-shadow: 0 7px 32px -12px rgba(192, 196, 204, 0.72);
}
#bloc header nav.inner-nav.active .left .white,
#bloc header nav.inner-nav.go-show .left .white,
#bloc header nav.inner-nav.bc .left .white {
opacity: 0;
}
#bloc header nav.inner-nav.active .left .black,
#bloc header nav.inner-nav.go-show .left .black,
#bloc header nav.inner-nav.bc .left .black {
opacity: 1;
}
#bloc header nav.inner-nav.active .center .nav-items > li > a,
#bloc header nav.inner-nav.go-show .center .nav-items > li > a,
#bloc header nav.inner-nav.bc .center .nav-items > li > a {
color: #333;
}
#bloc header nav.inner-nav.active .center .nav-items > li > a > span,
#bloc header nav.inner-nav.go-show .center .nav-items > li > a > span,
#bloc header nav.inner-nav.bc .center .nav-items > li > a > span {
color: #333;
}
#bloc header nav.inner-nav .other-nav {
position: absolute;
top: 0;
left: 0;
transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
width: 100%;
height: 100%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.inner-nav .other-nav .search-in {
border: none;
border-bottom: 1px solid #d70917;
background-color: transparent;
width: 4rem;
line-height: 0.3rem;
}
#bloc header nav.inner-nav .other-nav .sub {
color: #d70917;
background-color: transparent;
border: none;
padding: 12px;
}
#bloc header nav.inner-nav .other-nav.on {
opacity: 1;
pointer-events: auto;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
#bloc header nav.app-nav {
position: fixed;
right: 0;
top: 0;
z-index: 999;
width: 100%;
height: 50px;
transition: all .5s ease;
}
#bloc header nav.app-nav .inner_top {
transition: all .5s ease 0s;
height: 68px;
width: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
}
#bloc header nav.app-nav .inner_top .topic {
padding: 0 5%;
height: 50px;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
display: flex;
justify-content: space-between;
align-items: center;
background: #999;
}
#bloc header nav.app-nav .inner_top .topic #app-menu {
display: inline-block;
position: relative;
z-index: 10;
}
#bloc header nav.app-nav .inner_top .topic #app-menu .line {
display: block;
padding-top: 3px;
padding-bottom: 3px;
transition: all .4s ease;
}
#bloc header nav.app-nav .inner_top .topic #app-menu .line:before {
content: '';
display: block;
height: 2px;
width: 22px;
background-color: #fff;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
transition: transform 0.4s ease 0.2s, background-color 0.5s ease 0s;
}
#bloc header nav.app-nav .inner_top .topic .app-logo {
position: relative;
z-index: 10;
}
#bloc header nav.app-nav .inner_top .topic .app-logo > a {
display: inline-block;
width: 112px;
height: auto;
position: relative;
}
#bloc header nav.app-nav .inner_top .topic .app-logo > a > img {
position: relative;
width: 100%;
height: 100%;
transition: opacity .3s ease;
}
#bloc header nav.app-nav .inner_top .topic .app-logo > a > img.black {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
}
#bloc header nav.app-nav .inner_top .topic .app-search {
position: relative;
z-index: 10;
}
#bloc header nav.app-nav .inner_top .topic .app-search > i {
color: #fff;
font-size: 18px;
}
#bloc header nav.app-nav .inner_top .other-nav {
position: absolute;
top: 0;
z-index: 10;
left: 0;
transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
width: 100%;
height: 100%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#bloc header nav.app-nav .inner_top .other-nav .search-in {
border: none;
border-bottom: 1px solid #d70917;
background-color: transparent;
width: 4rem;
line-height: 0.3rem;
}
#bloc header nav.app-nav .inner_top .other-nav .sub {
color: #d70917;
background-color: transparent;
border: none;
padding: 12px;
}
#bloc header nav.app-nav .inner_top .other-nav.on {
opacity: 1;
pointer-events: auto;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
#bloc header nav.app-nav .inner_top.on {
height: 50px;
background-color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#bloc header nav.app-nav .inner_top.on .topic,
#bloc header nav.app-nav .inner_top.bc .topic {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#bloc header nav.app-nav .inner_top.on .topic #app-menu .line:before{
background-color: #333;
}
#bloc header nav.app-nav .inner_top.on .topic .app-logo > a .white{
opacity: 0;
}
#bloc header nav.app-nav .inner_top.on .topic .app-logo > a .black,
#bloc header nav.app-nav .inner_top.bc .topic .app-logo > a .black {
opacity: 1;
}
#bloc header nav.app-nav .inner_top.on .topic .app-search > i,
#bloc header nav.app-nav .inner_top.bc .topic .app-search > i {
color: #333;
}
#bloc header nav.app-nav .inner_top.active {
height: 50px;
}
#bloc header nav.app-nav .inner_top.active .topic #app-menu .line:before {
background-color: #333;
}
#bloc header nav.app-nav .inner_top.active .topic .app-logo > a .white {
opacity: 0;
}
#bloc header nav.app-nav .inner_top.active .topic .app-logo > a .black {
opacity: 1;
}
#bloc header nav.app-nav .inner_top.active .topic .app-search > i {
color: #333;
}
#bloc header nav.app-nav .inner_mid {
position: absolute;
top: 50px;
background-color: #fff;
left: 0;
width: 100%;
height: calc(100% - 50px);
overflow: hidden;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first > .firstList {
padding: 0 5% 0 5%;
position: relative;
transition: background-color 0.5s ease;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first > .firstList > a {
color: #333;
height: 35px;
line-height: 35px;
white-space: nowrap;
display: block;
font-weight: 700;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first > .firstList > i {
right: calc(5% - 5px);
top: 0;
font-size: 24px;
position: absolute;
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
text-align: right;
color: #333;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first > .firstList.active {
background-color: #f7f9fa;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second {
background-color: #f7f9fa;
max-height: 0;
transition: all .5s ease;
overflow: hidden;
margin: 0;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second > li {
padding: 0 9% 0 9%;
position: relative;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second > li > a {
padding: 6px 0 3px 0;
display: block;
font-weight: 700;
font-size: 12px;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second > li > i {
right: calc(5% - 5px);
top: 0;
font-size: 24px;
position: absolute;
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
text-align: right;
color: #333;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second > li.active {
background-color: #f0f1f2;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second.active {
max-height: 100vh;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_three {
background-color: #f0f1f2;
max-height: 0;
transition: all .5s ease;
overflow: hidden;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_three > li {
padding: 0 14% 0 14%;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_three > li > a {
padding: 10px 0 10px 0;
display: block;
}
#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_three.active {
max-height: 100vh;
}
#bloc header nav.app-nav.on {
height: 100%;
}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(1) {
transform: translate3d(0, 8px, 0);
-webkit-transform: translate3d(0, 8px, 0);
-moz-transform: translate3d(0, 8px, 0);
-o-transform: translate3d(0, 8px, 0);
-ms-transform: translate3d(0, 8px, 0);
}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(1):before {
transform: rotate(45deg);
}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(2) {
opacity: 0;
}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(3) {
transform: translate3d(0, -8px, 0);
-webkit-transform: translate3d(0, -8px, 0);
-moz-transform: translate3d(0, -8px, 0);
-o-transform: translate3d(0, -8px, 0);
-ms-transform: translate3d(0, -8px, 0);
}
#bloc header nav.app-nav.on .inner_top .topic #app-menu .line:nth-of-type(3):before {
transform: rotate(-45deg);
}
  


/*公共底部*/

.foot {
	display: block;
	background: #292929;
	padding: 40px 0;
	overflow: hidden;
	position: relative;
	z-index: 4;
	max-width: 100%;
}

.footbg {
	display: block;
	background: #212121;
	overflow: hidden;
	position: relative;
	z-index: 4;
	text-align: center;
	padding: 10px 0;
	line-height: 26px;
	font-size: 14px;
	color: #888;
}

.footbg a,
.footbg a:visited {
	color: #888;
}

.ewmk {
	display: block;
	width: 136px;
	float: left;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	color: #737373;
	text-align: center;
}

.ewmk img {
	display: block;
	width: 120px;
	margin: 0 auto 8px;
}
.ewmk .ewmk-m{
	color: #737373;
}

.ewm-tel {
	width: 665px;
	float: right;
}

.fo-tel0 {
	width: 350px;
	float: right;
}

.fo-tel1 {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	padding-bottom: 15px;
}

.fo-tel2 {
	/* padding-top: 7px; */
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 18px;
	color: #bcbcbc;
}

.fo-tel3 {
	padding-bottom: 20px;
	font-size: 28px;
	line-height: 30px;
	color: #ffffff;
}

.fo-tel3 img {
	display: block;
	float: left;
	margin-right: 8px;
}

.fo-tel4 {
	line-height: 24px;
	font-size: 14px;
	color: #737373;
}

.fo-tel4 img {
	display: block;
	float: left;
	margin-right: 8px;
}

.fo-nav {
	display: block;
	margin-right: 690px;
}

.fo-nav li {
	width: 33%;
	float: left;
	border-right: 1px solid #353535;
	padding-left: 30px;
	padding-right: 10px;
}
.fo-nav li:first-child{
	padding-left: 0;
}
.fo-nav li p {
	display: block;
	margin-bottom: 17px;
	line-height: 24px;
	font-size: 16px;
	color: #e1e1e1;
}

.fo-nav li a {
	display: block;
	line-height: 32px;
	font-size: 14px;
	color: #888;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.fo-nav li a:hover {
	padding-left: 6px;
	color: #eee;
}

/* 内页公共样式 */
.wrap{max-width: 1600px;margin: auto;width:1400px;}
.lan-img{position: relative;overflow:hidden;font-size:0;background:#ccc;height:0px;}
.lan-img>img{position: absolute;width:100%;height:100%;top:0;left:0;min-height:100%;}
.clear_both{zoom:1;}
.clear_both:before{content:""; display:table; clear:both;}
.clear_both:after{content:""; display:table; clear:both;}


/*二级导航样式*/
.mini-nav{width:100%;background:#fff;height:55px;box-shadow: 0px 0px 10px #eee;font-size:0;line-height: 0px;}
/* .mini-nav.artive{position: fixed;z-index:20;left:0;right:0;} */
.mini-nav > div{max-width: 100%;overflow: hidden;}
.mini-nav .swiper-container{height:100%;display: table;}
.mini-nav ul.swiper-wrapper{margin:0px auto;}
.mini-nav ul.swiper-wrapper > li{width: auto;display: table-cell;}
.mini-nav ul.swiper-wrapper li a{padding:17px 35px;color:#000;width:auto;display: block;font-size:16px;position:relative;line-height: 21px;}
.mini-nav ul.swiper-wrapper li a.on{color:#fff;background:#d70917;}
.mini-nav ul.swiper-wrapper li a:hover{color:#fff;background:#d70917;}
/* 详情页公共样式 */
#detail{overflow:hidden;}
#detail .title{width:100%;overflow:hidden;text-align:center;margin-bottom:20px;}
#detail .title .p1{margin:2% 0px 2.5%;line-height:26px;font-size:32px;}
#detail .title .p2{margin:0px;color:#999;}
#detail .title .p2 img{vertical-align: middle;}
#detail .title .p2 span{margin:0px;color:#333;}
#detail .con{width:85.7%;overflow:hidden;margin:0px auto;}
#detail .con .p3{margin:3% 0px;line-height:32px;}
#detail .con .p3 img{max-width:100% !important;height:auto !important;}
#detail .con .p3 table{max-width:100% !important;}
.share{line-height:24px;margin:40px auto 70px;width:220px;}
.detail-url{border-top:1px solid #e2e2e3;padding:50px 0px;}
.detail-url .anniu-p{color:#999;line-height:24px;}
.detail-url .anniu-p a{color:#333;}

/* 在线咨询 */
.online{ position:fixed; top:50%; right:0; margin-top: -210px; z-index: 1003; width:55px; background: #fff; border:1px solid #d9d9d9; text-align: center;}
.online li{position: relative;}
.online li>a{ display:block; color: #333; line-height: 20px; padding: 17px 0; position: relative;}
.online li>a:before{ content:""; position: absolute; bottom: 0; left:50%; margin-left: -15px; width:30px; height: 1px; background: #959595;}
.online li:last-child>a:before{ display:none;}
.online li>a img{ display:block; margin: 0 auto 3px;}
.online li>a em{ display:inline-block; width:28px;font-style:normal;}
.online li:hover>a{ color: #d70917;}
.online li .text_show{
	position: absolute;
    top: 0;
    right: 100%;
    padding-right: 5px;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: opacity .4s,-webkit-transform .3s ease-out;
    transition: opacity .4s,-webkit-transform .3s ease-out;
    transition: opacity .4s,transform .3s ease-out;
    transition: opacity .4s,transform .3s ease-out,-webkit-transform .3s ease-out;
}
.online li:hover .text_show{
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.online li .text_show .text_show_c{
	width: 140px;
    white-space: nowrap;
    background-color: #fafafa;
    display: block;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 4px 10px 0 rgba(138,141,147,.2);
}
.online li.qq_link .text_show .text_show_c a{
	display: block;
	line-height: 30px;
	background: url(../images/qq.gif) no-repeat left center;
}
.online li.qq_link .text_show .text_show_c a:hover{
	color: #d70917;
}
.online li.wx_link .text_show .text_show_c img{
	width: 100%;
}
/* 在线咨询 end*/


@media (max-width: 1680px){
	#bloc header nav.home-nav{width: 1340px;}
    .cw1400{max-width: 1300px;margin: auto;}
	.container {width: 1300px;min-width: 1300px;}
	.wrap{max-width: 1300px;width: 1300px;}
}	

@media screen and (max-width: 1480px){
	.cw1400{max-width: 90%;margin: auto;}
	.container {width: 90%;min-width: 90%;}
	.wrap{max-width: 90%;width: 90%;}
}
@media screen and (max-width: 1366px){
	.cw1400{max-width: 90%;margin: auto;}
	.container {width: 90%;min-width: 90%;}
	.wrap{max-width: 90%;width: 90%;}
}
@media screen and (max-width: 1050px){
	.cw1400{max-width: 90%;margin: auto;}
	.container {width: 90%;min-width: 90%;}
	.wrap{max-width: 90%;width: 90%;}

	#bloc header nav.home-nav{width: 95%;}
	#bloc header nav.home-nav .right .nav-items > li > a{
		padding: 0 10px;
	}
	.fo-nav li{
		width: 50%;
	}
	.fo-nav li:nth-child(2){
		border-right: 0;
	}
	.fo-nav li:nth-child(3){
		display: none;
	}
}

@media screen and (max-width: 768px){
	.cw1400{max-width: 90%;margin: auto;}
	.container {width: 90%;min-width: 90%;}
	.wrap{max-width: 90%;width: 90%;}
	.top-bg{
		margin-top: 50px;
	}
	.top-bg .top-bg-con .swiper-button-next{display: none;}
	.top-bg .top-bg-con .swiper-button-prev{display: none;}
	.top-bg .top-bg-con .swiper-button-next:hover{display: none;}
	.top-bg .top-bg-con .swiper-button-prev:hover{display: none;}
	#bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second.active{
		overflow-y: scroll;
		max-height: 120px;
	}
	.mini-nav ul.swiper-wrapper li a{padding:17px 10px;}
	.mini-nav ul.swiper-wrapper li a:hover{color:#666;background:#fff;}

	#detail .title .p1{margin:30px 0px 10px;font-size:20px;}
	#detail .con{width:100%;}
	.share{margin:20px auto 50px;width:220px;}
	.detail-url{padding:30px 0px;}

	.ewm-tel{
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
	.ewmk{
		width: 50%;
		height: 155px;
	}
	.fo-tel0{
		width: 100%;
		float: none;
	}
	.fo-tel1{
		width: 100%;
		float: left;
	}
	.fo-tel2{
		padding-bottom: 15px;
	}
	.fo-nav{
		width: 100%;
		margin: 0;
	}
	.fo-nav li{
		width: 50%;
	}
	.fo-nav li:nth-child(2){
		border-right: 0;
	}
	.fo-nav li:nth-child(3){
		display: none;
	}

	.online{
		display: none;
	}
}