@charset "utf-8";
.fl-left, .fl{ float:left;}
.fl-right, .fr{ float:right;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

::-webkit-scrollbar{width: 6px; height: 6px;}
::-webkit-scrollbar-track{background: #fff;}
::-webkit-scrollbar-thumb{background: #222;}
::-webkit-scrollbar-thumb:vertical:hover{background: #464646;}

body,td,th,input,textarea,select{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Microsoft YaHei', 'PingFang SC', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', 'sans-serif';
	color:#5f5f5f;
	outline:none;
}
html{font-size: 62.5%;}
html,body{background: #fff; width:100%; height: 100%;}
body.noscroll{overflow: hidden;}
html,body,form{margin: 0;}
img{border:0px none; vertical-align:middle; outline:none; max-width:100%; width:auto; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a,button,input,img,div,p,li,span{border:0px none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a{text-decoration:none; color:#777177; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:active{color:#c4050c;}
div.float-wrap:after, ul.float-wrap:after, li.float-wrap:after, p.float-wrap:after, dl.float-wrap:after{content:''; display:block; width: 0; height: 0; clear: both; font-size: 0;}
.after-none::after{display: none;}
#think_page_trace_open{z-index:999998;}
*{line-height: 1;}
mark{display:inline-block;}
#backbuttonstate{display: none;}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.ellipsis{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}


.wrap{max-width: 1600px; margin: auto;}

/*1440*/
@media (max-width:1679px){
  .wrap{max-width: 1350px;}
}
/*1366*/
@media (max-width:1439px){
  .wrap{max-width: 1280px;}
}
/*1280*/
@media (max-width:1365px){
  .wrap{max-width: 1200px;}
}
/*MP*/
@media (max-width:1279px){
  .wrap{max-width: 100%;}
}


#menu-container{width: 100%; height: 100px; position: fixed; z-index: 999; left: 0; top: 0; transition: all 0.23s ease-in-out;}
#menu-container:hover, #menu-container.active, #menu-container.white{background: #fff; box-shadow: 12px 12px 25px rgba(24, 92, 197, 0.18);}
#menu-container.blue{background: #b3261f;}
#menu-container.blue.active{box-shadow: none;}
#menu-container .logo{
	display: block;
	width: 232px;
	height: 50px;
	float: left;


transition: all .35s ease;			margin-top: 24px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 52px;
}
#menu-container .logo img{display: block;}
#menu-container:hover .logo img, #menu-container.active .logo img, #menu-container.white .logo img{display: none;}
#menu-container.blue:hover .logo img, #menu-container.blue.active .logo img, #menu-container.blue.white .logo img{display: block;}
#menu-container .logo img.blue{display: none;}
#menu-container:hover .logo img.blue, #menu-container.active .logo img.blue, #menu-container.white .logo img.blue{display: block;}
#menu-container.blue:hover .logo img.blue, #menu-container.blue.active .logo img.blue, #menu-container.blue.white .logo img.blue{display: none;}
#menu-container .logo span{display: block; color: #fff; font-size: 1.3rem; margin-top: 9px; font-family: 'KaiTi'; letter-spacing: .06rem; padding-left: 1px; transition: all .25s;}
#menu-container:hover .logo span, #menu-container.active .logo span, #menu-container.white .logo span{color: #838383;}
#menu-container.blue:hover .logo span, #menu-container.blue.active .logo span, #menu-container.blue.white .logo span{color: #fff;}
#mp-head, #mp-nav, #mp-search-wrap{display: none;}

/*MP*/
@media (max-width:1279px){
  #menu-container{display: none;}
  #mp-head{display: block; position: fixed; z-index: 999; width: 100%; height: 72px; transition: height .25s, background .35s;}
  #mp-head.active{background: #c4050c; height: 66px;}
  #mp-head .logo a{display: block; position: absolute; left: 15px; top: 25px; transition: all .2s;}
  #mp-head.active .logo a{top: 18px;}
  #mp-head .logo img{height: 26px;}
  #search-btn{isplay: block; width: 36px; height: 36px; line-height: 36px; color: #fff; position: absolute; right: 93px; top: 22px; text-align: center; transition: all .2s;}
  #search-btn i{font-size: 1.7rem; position: relative; top: 4px;}
  #mp-head.active #search-btn{top: 15px;}
  #mp-search-wrap{display: flex; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background: rgba(0,0,0, .7); opacity: 0; visibility: hidden; transition: all .4s;}
  #mp-search-wrap.active{opacity: 1; visibility: visible;}
  #mp-search-wrap>div{width: 100%; padding: 0 15px; box-sizing: border-box; position: relative;}
  #mp-search-wrap input{padding: 15px 18px; font-size: 1.5rem; width: 100%; border-radius: 50px; box-sizing: border-box;}
  #mp-search-wrap .btn{display: block; width: 36px; height: 36px; text-align: center; position: absolute; right: 22px; top: 10px;}
  #mp-search-wrap .btn i{line-height: 33px; font-size: 1.8rem;}
  #mp-search-wrap .close{display: block; width: 36px; height: 36px; text-align: center; position: absolute; right: 22px; top: -50px;}
  #mp-search-wrap .close i{color: #fff; font-size: 2.4rem; line-height: 36px;}

  #nav-btn{display: block; width: 36px; height: 36px; color: #fff; position: absolute; right: 15px; top: 22px; text-align: center; transition: all .2s; background: transparent;}
  #mp-head.active #nav-btn{top: 15px;}
  #nav-btn i{font-size: 3.2rem; position: relative; top: 2px;}
  #lan-en{display: block; width: 36px; height: 36px; text-align: center; color: #fff; position: absolute; right: 56px; top: 22px; transition: all .2s;}
  #mp-head.active #lan-en{top: 15px;}
  #lan-en i{font-size: 2.6rem; position: relative; top: 6px;}

  #black{display: block; width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 1000; background: rgba(0,0,0, 0); visibility: hidden; transition: all .35s;}
  #black.active{background: rgba(0,0,0, .35); visibility: visible;}

  #mp-nav{display: block; width: 56%; height: 100%; right: 0; top: 0; position: fixed; z-index: 1001; background: #b3261f; transition: all .45s ease; overflow: auto; transform: translateX(156%); opacity: 0;}
  #mp-nav.active{transform: translateX(0); opacity: 1;}
  #mp-nav .menu dl{border-bottom: 1px solid rgba(0,0,0, .1);}
  #mp-nav .menu dl dt>a{display: block; height: 44px; line-height: 42px; color: #fff; font-size: 1.5rem; font-weight: 300; padding: 0 20px; position: relative;}
  #mp-nav .menu dl dt>a::after{content: '\e65b'; font-family: 'iconfont'; position: absolute; right: 20px; top: 0px; color: #fff; font-size: 1.4rem; transition: all .25s;}
  #mp-nav .menu dl dt>a.active::after{transform: rotate(90deg);}
  #mp-nav .menu dl dt>a.no-dd::after{display: none;}
  #mp-nav .menu dl dd{display: none; background: #761715; padding: 5px 0;}
  #mp-nav .menu dl dd>a{display: block;  padding: 0 36px; color: #fff; line-height: 36px; font-size: 1.3rem;}
  #mp-nav .lan{position: absolute; width: 100%; left: 0; bottom: 25px; text-align: center; color: #fff; font-size: 1.5rem;}
  #mp-nav .lan>a{color: #fff; font-size: 1.5rem;}
}

#menu-container>.wrapper{width: 100%; height: 100%; position: relative; z-index: 2;}
#menu-container.blue>.wrapper{background: #c4161c;}

#menu{float: right; height: 100%; margin-right: 16px;}
#menu>li{float: left; height: 100%;}
#menu>li>a{display: block; padding: 0 18px; height: 100%; font-size: 1.6rem; color: #fff; line-height: 100px; transition: all .15s; font-weight: 300;}
#menu-container:hover #menu>li>a, #menu-container.active #menu>li>a, #menu-container.white #menu>li>a{color: #2e2d3c;}
#menu>li:hover>a{color: #e51029 !important; line-height: 105px;}
#menu-container.blue:hover #menu>li>a, #menu-container.blue.active #menu>li>a, #menu-container.blue.white #menu>li>a{color: #fff;}
#menu-container.blue #menu>li>a{color: #fff;}
#menu-container.blue #menu>li:hover>a{color: #fff !important; opacity: .7;}

@media (max-width:1439px){ /*1366*/
  #menu>li>a{font-size: 1.5rem;}
}
@media (max-width:1365px){ /*1280*/
  #menu>li>a{padding: 0 16px;}
}

#menu>li::after{content: ''; display: block; height: 4px; width: 0; background: #e51029; position: absolute; top: 96px; transition: all .3s; margin-left: 50px;}
#menu>li:hover::after{margin-left: 20px; width: 60px;}

@media (max-width:1365px){ /*1280*/
  #menu>li.fat:hover::after, #menu>li.active.fat:hover::after{margin-left: 18px; width: 56px;}
  #menu>li.thin:hover::after, #menu>li.active.thin:hover::after{margin-left: 3px; width: 56px;}
}

#menu>li>div{position: absolute; z-index: 1; top: 100px; background: rgba(70,69,69, .86); width: 100%; left: 0; box-sizing: border-box; padding: 50px 0 65px 0; box-shadow: 0 15px 25px rgba(0,0,0, .06); display: none;}
#menu>li>div .wrap{transition: all .25s; box-sizing: border-box; position: relative; min-height: 250px;}
#menu>li>div .t{font-size: 4.2rem;}
#menu>li>div .t .en{font-family: 'Montserrat'; color: #fff; margin-left: -4px; display: inline-block;}
#menu>li>div .t .cn{font-size: 1.8rem; color: #fff; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
#menu>li>div .desc{max-width: 65%; font-size: 1.5rem; margin-top: 20px; line-height: 1.4; color: rgba(255,255,255, .7); font-weight: 300;}
#menu>li>div .list{margin-top: 50px; max-width: 65%;}
#menu>li>div .list>a{display: inline-block; padding: 13px 26px 14px 26px; background: #c4161c; font-size: 1.5rem; color: #fff; margin-right: 3px; margin-bottom: 7px; transition: all .3s; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
#menu>li>div .list>a:hover{background: #fff; color: #c4161c;}
#menu>li>div .catalog{margin-top: 30px; max-width: 65%; width: unset;}
#menu>li>div .catalog>a{display: inline-block; font-size: 1.5rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; margin-right: 21px; line-height: 1.4; margin-bottom: 6px; position: relative; color: rgba(255,255,255, .7); transition: all .25s;}
#menu>li>div .catalog>a:hover{text-decoration: underline; color: #fff;}
#menu>li>div .catalog>a::after{content: ''; display: block; width: 1px; height: 1.4rem; background: #ddd; position: absolute; right: -12px; top: 4px;}
#menu>li>div .catalog>a:last-child::after{display: none;}

#menu>li>div .img{position: absolute; width: 400px; height: 280px; right: 50px; top: 10px; transition: all .3s; font-size: 1.7rem; font-family: 'KaiTi'; text-align: center; color: #FFFFFF;}
#menu>li>div .img>img{display: block; width: 100%; margin-bottom: 15px;}


#search-container{height: 100%; width: 42px; float: right; position: relative; text-align: center; line-height: 100px; margin-right: 40px; transition: all .35s ease;}
#search-container a{display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px;}
#search-container a>i{font-size: 1.7rem; color: #fff; transition: all .25s; top: 1px; position: relative;}
#menu-container:hover #search-container a>i, #menu-container.active #search-container a>i, #menu-container.white #search-container a>i{color: #2e2d3c;}
#search-container a:hover>i{color: #aaa !important;}
#menu-container.blue #search-container a>i{color: #fff;}
#menu-container.blue #search-container a:hover>i{color: rgba(255,255,255, .7);}

/*1440*/
@media (max-width:1679px){
  #search-container{margin-right: 35px;}
}
/*1366*/
@media (max-width:1439px){
  #search-container a>i{font-size: 1.6rem;}

  #menu>li>div .desc{font-size: 1.4rem;}
  #menu>li>div .list>a{font-size: 1.5rem;}
  #menu>li>div .catalog>a{font-size: 1.4rem;}

  #menu>li>div .img{width: 360px;}
}
/*1280*/
@media (max-width:1365px){
  #menu>li>div .desc{max-width: 650px;}
  #menu>li>div .catalog{max-width: 650px;}

  #menu>li>div .desc{font-size: 1.3rem;}
  #menu>li>div .list>a{font-size: 1.4rem;}
  #menu>li>div .catalog>a{font-size: 1.3rem;}
}


#language{height: 100%; width: 42px; float: right; position: relative; text-align: center; line-height: 100px; padding-left: 21px;}
#language::before{content: ''; display: block; width: 1px; height: 15px; background: rgba(255,255,255, .5); position: absolute; left: 0; top: 43px; transition: all .2s;}
#menu-container:hover #language::before, #menu-container.active #language::before, #menu-container.white #language::before{background: #999;}
#menu-container.blue #language::before{background: rgba(255,255,255, .4);}
#language a{display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px;}
#language a>i{font-size: 2.2rem; color: #fff; transition: all .2s; position: relative; top: 3px;}
#menu-container:hover #language a>i, #menu-container.active #language a>i, #menu-container.white #language a>i{color: #2e2d3c;}
#language a:hover>i{color: #aaa !important;}
#menu-container.blue #language a>i{color: #fff;}
#menu-container.blue #language a:hover>i{color: rgba(255,255,255, .7);}

#search-wrap{width: 100%; height: 100px; background: #19439a; position: absolute; left: 0; top: 100px; z-index: 1; display: none;}
#menu-container.blue #search-wrap{background: #fff; box-shadow: 0 6px 17px rgba(0,0,0, .07);}
#search-wrap .wrap{position: relative;}
#search-wrap .wrap>a{display: block; width: 32px; height: 32px; position: absolute; right: 0; top: 5px; transition: all .35s;}
#search-wrap .wrap>a>i{font-size: 2rem; color: #fff;}
#menu-container.blue #search-wrap .wrap>a>i{color: #464646;}
#search-wrap .wrap>a:hover{opacity: .7;}

#search-wrap .box{max-width: 500px; margin: 40px auto; position: relative;}
#search-wrap input{background: none; border-bottom: 1px solid rgba(255,255,255, .2); color: #fff; font-size: 1.4rem; font-weight: 300; padding: 5px 10px; width: 100%; box-sizing: border-box; transition: all .2s;}
#menu-container.blue #search-wrap input{border-bottom: 1px solid #ddd; color: #464646;}
#search-wrap input:focus{border-bottom: 1px solid rgba(255,255,255, .4);}
#menu-container.blue #search-wrap input:focus{border-bottom: 1px solid #aaa;}
#search-wrap input::placeholder{color: rgba(255,255,255, .5); transition: all .2s;}
#menu-container.blue #search-wrap input::placeholder{color: #bbb;}
#search-wrap input:focus::placeholder{color: rgba(255,255,255, .7);}
#search-wrap .box a{display: block; width: 24px; height: 24px; position: absolute; right: 8px; top: 2px; text-align: center; line-height: 24px; opacity: .7; transition: all .2s;}
#search-wrap .box a:hover{opacity: 1;}
#search-wrap .box a i{color: #fff;}
#menu-container.blue #search-wrap .box a i{color: #333;}



/* 只显示一行 */
.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 只显示两行 */
.ellipsis-line-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 只显示三行 */
.ellipsis-line-3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}



/* 获取更多 */
#getmore{height: 47px; margin-top: 60px; margin-bottom: 30px; text-align: center;}

#getmore .loading-box {margin: 0px 0 100px 0; height: 47px; text-align: center; line-height: 47px; display: none;}
#getmore .loading-box>div{width: 12px; height: 12px; background-color: #1885f5; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
#getmore .loading-box .bounce1{animation-delay:-0.32s;}
#getmore .loading-box .bounce2{animation-delay:-0.16s;}
@keyframes bouncedelay{
  0%,80%,100% {transform: scale(0.0);}
  40%{transform: scale(1.0);}
}

#getmore .handle{padding: 0 40px 0 50px; font-size: 1.5rem; color: #fff; background: #c4161c; height: 47px; line-height: 45px; display: inline-block; transition: all .2s; display: none; font-weight: 300; border-radius: 100px;}
#getmore .handle>span{font-size:1rem; transform:scale(.7); display:inline-block; vertical-align:top; margin-left:.6rem;}
#getmore .handle:hover{background: #5f8cec;}


/* 当前位置 */
#path{background: #fff; padding: 20px 0; position: fixed; z-index: 998; top: 100px; width: 100%;}
#path a{display: inline-block; font-size: 1.3rem;}
#path a:hover{text-decoration: underline;}
#path a>i{font-size: 1.3rem; margin-right: 5px;}
#path .split::after{content: '\e615'; font-family: 'iconfont'; font-size: 1.2rem; color: #ccc; margin-left: 5px; display: inline-block; width: 15px;}


/* 内页栏目banner下的子菜单 */
#child{padding: 70px 0; background: #f6f7fb;}
#child .wrap{height: 80px; box-shadow: 0 10px 25px -4px rgba(24, 92, 197, 0.18); display: flex; justify-content: space-between; overflow: hidden;}
#child .wrap>a{display: block; height: 100%; text-align: center; width: 33.333333%; line-height: 80px; background: #fff; color: #2e2d3c; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; font-size: 1.9rem; position: relative; transition: all .35s;}
#child .wrap>a::after{content: ''; display: block; width: 1px; height: 1.9rem; background: #ccc; position: absolute; right: 0; top: 31px;}
#child .wrap>a:last-child::after{display: none;}
#child .wrap>a:hover{ color: #fff; background-color: #C4161C; }
#child .wrap>a.active{ color: #fff; background-color: #C4161C; }
#child .wrap>a:hover::after, #child .wrap>a.active::after{display: none;}

@media (max-width:1679px){ /*1440*/
  #child .wrap{height: 78px;}
  #child .wrap>a{font-size: 1.8rem; line-height: 78px;}
}
@media (max-width:1439px){ /*1366*/
  #child .wrap{height: 72px;}
  #child .wrap>a{font-size: 1.7rem; line-height: 72px;}
}
@media (max-width:1365px){ /*1280*/
  #child .wrap{height: 73px;}
  #child .wrap>a{font-size: 1.7rem; line-height: 72px;}

  #path a{font-size: 1.2rem;}
  #path a>i{font-size: 1.2rem;}
}
@media (max-width:1279px){ /*mp*/
  #child{padding-bottom: 50px;}

  #path{display: none;}

  #child .wrap{height: 54px;}
  #child .wrap>a{line-height: 53px; font-size: 1.6rem; font-weight: 300;}
  #child .wrap>a::after{height: 1.6rem; top: 18px;}
}


#backbuttonstate-view{display: none;}

/*foot */
#foot{ position: relative;z-index: 3; width:100%; margin:0 auto; background:rgba(22,22,22,1) ;}
#foot:after{ display: none; position: absolute;z-index: 3;left: 0; top: 0;width: 100%;height: 8px; background: rgba(146,199,46,1); content: ''; transition: all .35s;}
#foot .wrap{ width: 86%; max-width: none; margin: 0 auto;}

#foot .foot-logo{
	position: relative;
	text-align: left;
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#foot .foot-logo>img{height: 65px;width: auto;}
#foot .foot-logo .gotop{ position: absolute;z-index: 4; right: 0;top: 60px; padding: 8px; background: rgba(255,255,255,1); opacity: .8; border-radius: 5px; transition: all .35s;}
#foot .foot-logo .gotop>i{color: rgba(31,87,161,1); font-size: 24px;}
#foot .foot-logo .gotop:hover{opacity: 1;}
#foot .foot-nav{ padding:60px 0;}
#foot .foot-nav .box-left{width: 75%;}
#foot .foot-nav .box-left>.navbox{width: 100%;}
#foot .foot-nav .box-left>.navbox>ul{display: block;margin: 0 auto;}
#foot .foot-nav .box-left>.navbox>ul>li{display: block;float: left;width:25%; text-align: left;}
#foot .foot-nav .box-left>.navbox>ul>li>a{display: block;font-size: 2.4rem; color: #fff;}
#foot .foot-nav .box-left>.navbox>ul>li>div{padding: 20px 0; text-align: left;}
#foot .foot-nav .box-left>.navbox>ul>li>div>a{display: block;font-size: 1.6rem; padding: 5px 0; color: rgba(255,255,255,.6); transition: all .35s;}
#foot .foot-nav .box-left>.navbox>ul>li>div>a:hover{text-decoration: underline; color: rgba(255,255,255,.9);}

#foot .foot-nav .box-right{ box-sizing: border-box; padding-left: 6%; border-left: 1px solid rgba(255,255,255,.1); width: 25%; text-align: left;}
#foot .foot-nav .box-right>.tit{display: block;font-size: 2.4rem; color: #fff;}
#foot .foot-nav .box-right>.contact{ padding: 20px 0;}
#foot .foot-nav .box-right>.contact>p{display: block; font-size: 1.4rem; color: #fff;}
#foot .foot-nav .box-right>.contact>b{display: block; font-size: 2.8rem; color: #fff;}
#foot .foot-nav .box-right>.qrcode>img{ width: 140px;height: auto; background: rgba(255,255,255,1); padding: 8px;}

#foot .foot-copy{background:rgba(255,255,255,1); margin: 0 auto;padding: 30px 0; }
#foot .foot-copy .copy{ width: 60%; text-align: left;font-size: 1.6rem;color: #666;}
#foot .foot-copy .copy>a{display: inline-block;margin: 0 6px;}
#foot .foot-copy .share{ width: 30%; text-align: right;}
#foot .foot-copy .share>.tit{display: inline-block; font-size: 1.5rem;font-weight: 600; color: rgba(146,199,46,1);}
#foot .foot-copy .share>.bshare-custom{display:inline-block;}
#foot .foot-copy .share>.bshare-custom a{ padding:0;margin:0 2px!important; border-radius:100%; text-decoration: none;  background: none!important; opacity:1; transition:all .35s;}
#foot .foot-copy .share>.bshare-custom a>i{font-size: 2.4rem; color: rgba(146,199,46,1);}
#foot .foot-copy .share>.bshare-custom a:hover i{color: rgba(102,102,102,1);}
#foot .foot-copy .share>.bshare-custom a:hover{ transform: translateY(-3px);}
#foot .foot-copy .share>.bshare-custom .bshare-more{ border-left: 1px  solid #ddd;  border-radius: 0; padding-left: 10px !important;}
#foot .foot-copy .share>.bshare-custom .bshare-more>i{color: #999;}

/* end*/




@media only screen and (max-width: 1560px){
    #head .menu{ width: 48%; }
    #head .menu>.navbox>ul>li>a{padding: 0 24px;}
    #head .search{; width: 150px;}
}


@media only screen and (max-width: 1460px){
    #head .logo{ width:22%;}
    #head .logo img{  max-width: none; height: 32px;}
    #head .menu>.navbox>ul>li>a{font-size: 18px;padding: 0 22px;}
    #head .menu>.navbox>ul>li>div .wrap{width: 70%;}
}

@media only screen and (max-width: 1360px){
    #head .logo img{  height: 30px;}
    #head .menu>.navbox>ul>li>a{padding: 0 18px;}

    #navpart ul>li>a{padding: 0 56px;}


}

@media only screen and (max-width: 1280px){
    #head .logo{width: 30%;}
    #head .menu{ position: absolute; right: 0;top: 0; width: 100px; height: 100px;}
    #head .menu>.click{display: block; cursor: pointer; }
    #head .menu>.navbox{display: none;}
    #head .search{display: none;}
    #head .mall{display: none;}
    #head .lang{display: none;}


    #banner>.inside>.box{top: 50%;}
    #banner>.inside>.box>h3{ font-size: 4.2rem;}
    #banner>.inside>.box>h4{ font-size: 3rem;}



    #foot .foot-nav .box-left>.navbox>ul>li>a{font-size: 2rem;}
    #foot .foot-nav .box-left>.navbox>ul>li>div>a{font-size: 1.4rem;}
    #foot .foot-nav .box-right>.tit{font-size: 2rem;}
    #foot .foot-nav .box-right>.contact>p{font-size: 1.4rem;}
    #foot .foot-nav .box-right>.contact>b{ font-size: 2.4rem;}
    #foot .foot-copy .copy{ font-size: 1.4rem;}
    #foot .foot-copy .share>.tit{font-size: 1.4rem;}



}

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

    #navpart{margin-top: -80px;}
    #navpart ul>li>a{ height: 80px;line-height: 80px; font-size: 1.6rem;}
    #navpart ul>li>a>i{ font-size: 2.5rem;}
    #navpart .pgwMenu .pm-dropDown>a, #navpart .pgwMenu .pm-viewMore>a{ height: 80px; line-height: 80px;}
    #navpart .pgwMenu{height: 80px;}

}


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

    #banner{padding-top: 100px;}

    #banner>.inside>.box>h3{ font-size: 4rem;}
    #banner>.inside>.box>h4{ font-size: 2.4rem;}

    #navpart{margin-top: -70px;}
    #navpart ul>li>a{ height: 70px;line-height: 70px; padding: 0 50px; font-size: 1.4rem;}
    #navpart ul>li>a>i{ font-size: 2.2rem;}
    #navpart .pgwMenu .pm-dropDown>a, #navpart .pgwMenu .pm-viewMore>a{ height: 70px; line-height: 70px;}
    #navpart .pgwMenu{height: 70px;}

    #foot .foot-nav .box-left{width: 100%; float:none;}
    #foot .foot-nav .box-right{ padding: 0;  text-align: left; width: 100%; float: none; border: 0;  }
    #foot .foot-nav .box-right>.tit{display: none;}



}



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

    #head { height:70px;}
    #head .logo{width: 50%;  line-height: 70px; }
    #head .menu { width: 70px; height: 70px;}

    #banner {padding-top: 70px;}
    #banner>.inside>.box>h3{ font-size: 3.2rem;}
    #banner>.inside>.box>h4{ font-size: 2rem;}

    #path{ display:none; position: relative; top: 0;}
    #navpart ul>li>a{ padding: 0 40px; }

    #page{ padding:30px 0;}
    #page>.num>a{ width:40px;height:40px; line-height:40px; font-size:1.2rem;}


    #foot .foot-nav .box-left{display: none;}
    #foot .foot-nav .box-right>.qrcode{float: left; width: 30%; box-sizing: border-box;padding-right: 5%; text-align: left;}
    #foot .foot-nav .box-right>.contact{ float: right; width: 70%;text-align: left;}

    #foot .foot-copy .copy>a{margin-left: 0; }


}



@media only screen and (max-width: 640px){
    #menu-mob {width: 100%;}
    #head .logo img{  height: 28px;}


    #banner>.inside>.box{top: 46%;}
    #banner>.inside>.box>h3{ font-size:2rem;}
    #banner>.inside>.box>h4{ font-size: 1.6rem;}

    #navpart{margin-top: -50px;}
    #navpart ul>li>a{ height: 50px;line-height: 50px; font-size: 1.4rem;}
    #navpart ul>li>a>i{ font-size: 2rem;}
    #navpart .pgwMenu .pm-dropDown>a, #navpart .pgwMenu .pm-viewMore>a{ height: 50px; line-height: 50px;}
    #navpart .pgwMenu{height: 50px;}

    #foot .foot-logo { text-align: center; padding: 40px 0; margin: 0 auto; }
    #foot .foot-logo .gotop { position: fixed; z-index: 99; right: 10px; top: auto; bottom: 20px; background: rgba(0,0,0,.5);  border-radius: 0;}
    #foot .foot-logo .gotop i{color: #fff;}
    #foot .foot-nav .box-right>.contact>p { font-size: 1.2rem; }
}


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

    #head .logo img{  height: 24px;}

    #foot .foot-nav .box-right>.qrcode{float: none; width: 100%; padding-right: 0; text-align: center;}
    #foot .foot-nav .box-right>.contact{ float: none; width: 100%;text-align: center;}
    #foot .foot-nav {  padding: 10px 0 50px 0; }
    #foot .foot-copy .copy{ float: none; width: 100%; font-size: 1.4rem;}
    #foot .foot-copy .share{ float: none; width: 100%; padding-top: 10px; text-align: left;}

}