﻿@charset "utf-8";
/* CSS Document */
body {
  margin: 0;
  padding: 0;
  font-family: \5FAE\8F6F\96C5\9ED1;
      height: 100%; 
}
html{height:100%;}
.container {
  max-width: 1000px;
  margin: 0 auto;
}
input,textarea{
  -webkit-appearance:none; /*去除input默认样式*/
}
.wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%; /*IE6不识别min-height*/
    position: relative;
    margin:0 auto;
}

.foot {
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    clear: both;
}
.clearfix:after{content: "";display: block;visibility: hidden;clear:both}

ul{list-style:none;}
ul,p,h1,h2,h3,dd,dl,dt{padding:0;margin:0;}
a{text-decoration:none;}
a:focus{outline:0;}
a{transition: all 0.28s ease-in;-webkit-transition: all 0.28s ease-in;-moz-transition: all 0.28s ease-in;}
/*
 * 头部样式
 */
.head .top .container{ position: relative;}
.loginWrap{position:absolute;top:14px;right:0;z-index: 1111; font-size: 14px;font-weight: bold; font-family:'Microsoft YaHei';color: #000;}
.company{float:left;margin-right: 30px;}
.login {float:right;color: #000;display: none;}
.loginOut{margin-left: 20px;color: #000}
.login:hover,.loginOut:hover{color: #e60012;}
.loginWrap .info{float: right;display: none;}
.head .top .container{ position: relative;}
.head {position: fixed;width: 100%;z-index:9999;box-shadow: 0px 0px 10px rgba(1,1,1,0.6);}

.head .logo {float: left;margin-top: 30px;}
.head .top{background: #fff;}
.head .topNav{float:left;margin-left: 33px;margin-bottom: 18px;}
.head .topNav >ul >li{float:left;margin-right: 0;padding: 52px 17px 8px;position: relative;}
.head .topNav >ul >li.active{background: #f5f5f5;}
.head .topNav >ul >li:first-child{margin-right:0;}
.head .topNav >ul >li >a{color:#666;font-size:14px;letter-spacing: 0.7px;padding:0px 2.6px 3px;display:block;border-bottom:2px solid transparent;transition: all 0s ease-in;-webkit-transition: all 0s ease-in;-moz-transition: all 0s ease-in;}
.head .topNav >ul >li.on >a,.head .topNav >ul >li:hover >a{color:#e60012;border-bottom:2px solid #e60012;}
.head .search-Icon{float:right;margin-top: 58px;}
.head .search-Icon .fa-search{font-size: 13px;color: #ccc;}
.head .search-Wrap{background: #fff;display: none;opacity: 0.9;}
.search-Wrap .searchLeft{float: left;width:76%;}
.search-Wrap .searchLeft .fa-search{font-size: 28px;color: #df0615;}
.search-Wrap .searchLeft>div{vertical-align: top;
    display: inline-block;}
.search-Wrap .searchLeft input{border: none;width:76%;
        vertical-align: sub;font-family: \5FAE\8F6F\96C5\9ED1;outline: 0;
    font-size: 16px;    margin-left: 19px;
    letter-spacing: 0.8px;}
.search-Wrap .container{padding-top: 30px;padding-bottom: 30px;}    
.search-Wrap .searchRight img{margin-top: 5px;}
.search-Wrap .searchRight{float: right;}
.dropNav{position:absolute;background:#f5f5f5;text-align:center;display:none; width: 100%;
    left: 0;   z-index: 9;padding-bottom:6px;padding-top: 27px;}
.dropNav ul{display:inline-block;width: 100%;}
.dropNav li{font-size:14px;}
.dropNav li a{color:#666666;    padding: 8.3px 0px;
    display: inline-block;width: 100%;transition: all 0s ease-in;-webkit-transition: all 0s ease-in;-moz-transition: all 0s ease-in;}
.dropNav li:hover a{color:#e60012;}
.topNavMobile{position: absolute;
    width: 132px;
    right: 26px;display: none;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 0 13px;
        box-shadow: 0px 0px 6px rgb(142, 137, 137);z-index: 18;}
.topNavMobile a {
    display: block;color: #333;
    letter-spacing: 0.7px;
    text-align: center;
    padding-left: 2px;
    padding: 7.5px 0;
    font-size: 16px;
}    
.head .navIcon{display:none;position: relative;}
/*
 * 底部样式
 */
.foot{background:#2b2b31;background-size:100% 100%;
padding-top: 31px;

}
.foot a{color:#fff;}

.foot .bottom {
    padding-bottom: 0;
}
.footNavbuttom{margin-bottom: -6px; margin-top: 2px;}
.foot .footNav dl{margin-top:16px;float:left;letter-spacing: 0.8px;}
.foot .footNav dt{font-size:16px;margin-right: 20px;float: left;    margin-top: -3px;}
.foot .footNav dd{font-size:12px;margin-bottom:12px;word-break:break-all;float: left;width: 238.5px;}
.foot .footNav .sponsor dd{width: 90px;}
.foot .footNav dd li{float: left;margin-bottom: 10.5px;}
.foot .footNav dd li a{    width: 104px;color: #cccccc;display: inline-block;
    margin-left:  0;}
.foot .footNav {width: 830px;float: left;}   
.footRight{float: right;width: 170px;margin-top: 18px;}
/*链接下拉*/
.linkSelect span i {
    font-style: normal;
}
.linkSelect span {
    width: 99%;
    font-size: 12px;
    display: inline-block;
    height: 18px;
    line-height:18px;
    position: relative;
    padding: 5px 0;
    text-indent:13px;
    color: #fff;
    border: 1px solid #fff;
    letter-spacing: 0.6px;
        cursor: pointer;
}
.linkSelect span.on{color: #df0615;background: #fff;}
.linkSelect span .fa-angle-up{    font-size: 24px;
    position: absolute;
    top: 6px;
    right: 8px;
    width: 20px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    text-indent: 0;}
.linkSelect span.on .fa-angle-up{
  transform:rotate(180deg);
-ms-transform:rotate(180deg);   /* IE 9 */
-moz-transform:rotate(180deg);   /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);   /* Opera */
    top: 10px;color: #df0615;
}    
.linkSelect span ul {
    position: absolute;
    margin: 0;
    padding: 0;
    border: 1px solid #dfdfdf;
    width: 100%;
    left: -1px;
    z-index: 2;
    text-align: center;
    display: none;
    overflow: auto;
         bottom: 28px;
    background: #fbf5f5;
}
.linkSelect span li a{color: #666666;    display: inline-block;
    width: 100%;text-overflow: ellipsis;
 white-space: nowrap;overflow: hidden;}
.linkSelect span li a:hover{color: #e60012;}    
.linkSelect span li {
    height:36.5px;
    line-height:36.5px;
    border-top: 1px solid #dfdfdf;
    text-align: left;
        text-indent: 0;
        margin: 0 6px;
    letter-spacing: 0;
}
.linkSelect span li:first-child{
  border-top: none;
}
.footLogo{margin-top: 17px;text-align: center;}
.foot .focus{float:right;}
.foot .focus span,.foot .focus a{float:left;font-size:12px;color:#fff;letter-spacing: 0.6px;}
.foot .bottomText{float:left;}
.foot .bottomBar{background:#202024;padding-top:19px;padding-bottom:11px;border-top: 1px solid #343439;}
.foot .bottomBar .bottomText span{font-size:12px;color:#fff;letter-spacing: 0.6px;margin-right: 0px;filter: Alpha(Opacity=50);    margin-top:1px;
    display: inline-block;}
.foot .focus a img{display:none;}
.foot .focus a img:first-child{display:block;}
.foot .focus a{margin-top:-6px;margin-left:6.5px;cursor:pointer;border-radius:50%;position:relative;}
.foot .focus a:hover > img{display:block;border-radius:50%;}
.foot .focus a:hover > img:first-child{display:none;}
.foot .focus span{margin-right: 2px;margin-top: 9px;letter-spacing:0.2px;filter: Alpha(Opacity=50);}
.foot .code{position:absolute;top: -131px;left: -37px;display:none;z-index: 99;}
.foot a.weixin:hover .code{display:block;}
.bottom hr{width: 93.3%;    border: 1px solid #343439;margin: 0;margin-bottom: 1px;

}
.foot .footNav dd li a:hover{color: #df0615;}
.foot a:hover { color: #df0615; }

/*右侧联系框*/
.floatBox{ position: fixed; top: 50%;margin-top:-88px; right: 15px; z-index: 999; }
.floatBox>div,.floatBox a{ display: block; margin: 0px 0px 3px 0px; width: 46px; height: 46px; text-align: center; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; font-size: 14px; letter-spacing: 1.6px; line-height: 21px;cursor: pointer; }
.floatBox .contactWrite02{ background: url(../images/floatbox.png) no-repeat -2px 0px; }

.floatBox .weixin02{ background: url(../images/floatbox.png) no-repeat -2px -48px; }

.floatBox .contactPhone{ background: url(../images/floatbox.png) no-repeat -2px -98px; }

.floatBox .returnTop{ background: url(../images/floatbox.png) no-repeat -2px -144px; }

.contactPhone>div { position: absolute; top: 99px; right: 53px; width: 168px; height: 43px; line-height: 43px; color: #fff; font-size: 14px; background: url(../images/phonenumber.png) no-repeat center center; transition: all .8s ease; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; -ms-transition: all .8s ease; display: none; }
.weixin02>div { position: absolute; top: 9px; right: 66px; transition: all .8s ease; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; -ms-transition: all .8s ease; display: none;padding: 3px;background: #df0615;}
.weixin02>div .imgIcon{position: absolute; top: 53px;}
.contactWrite>div{position: absolute; top: -50px; right: 71px; width: 396px; height: 410px;    background: #F00B0B;
    padding: 3px;display: none;}
.contactWrite>div form{background: #fff;
    padding-top: 36px;padding-bottom: 25px;}
.contactWrite .formLeft li>label{font-size: 12px;  color: #666666;font-weight: 600;text-align: right;    letter-spacing: 1.4px;
    min-width: 70px;    height: 36px;
    display: inline-block;    line-height: 36px;
    margin-right: -6px;}
.contactWrite .formLeft input{outline:0;border: 1px solid #cccccc;border-radius: 4px;    padding:0px 13px;
    width: 215px;    height: 34px;    line-height: 34px;
    font-size: 12px;margin: 0;
    }
.contactWrite li{margin-bottom: 14px;position: relative;}   
.contactWrite textarea{    resize: none;outline: 0;
    padding: 10px 13px;    min-height: 112px;
    width: 215px;
    font-size: 12px;
    letter-spacing: 0.6px;
    border: 1px solid #cccccc;
    border-radius: 4px;}
.contactWrite textarea:focus,.contactWrite .formLeft input:focus{border: 1px solid #df0615;}
.contactWrite .errorWrap{font-size: 12px;color: #df0615;    position: absolute;
    left: 110px;
    top: 32px;}
.contactWrite .textarea .errorWrap{top: 130px;}
.contactWrite .submit input{outline:0;background: #df0615;text-align: center;font-size: 12px; color: #fff;border: none;    margin: 0 auto;
    display: block;    margin-top: 28px;
    line-height: 34px;
    width: 97px;
    border-radius: 3px;
    letter-spacing: 14px;
    padding-left: 22px;}
   .contactWrite .submit input:hover{opacity: 0.8;}
   .contactWrite .imgIcon{position: absolute;
    top: 48px;
    right: -26px;padding: 24px 14px 11px 0;}
.formLeft ::-webkit-input-placeholder { /* WebKit browsers */ 
color: #cbcbcb; 
} 
.formLeft :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #cbcbcb; 
} 
.formLeft ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #cbcbcb; 
} 
.formLeft :-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #cbcbcb; 
}
.floatBox>div .contactWriteSj{display: none;}
/*
 * 左内容区域样式
 */

.leftArea {}

.leftArea .leftNav {}


/*
 * 右内容区域样式
 */

.rightArea {}

.rightArea .templateList {}

.rightArea .templateDetail {}

.templateDetail .article {}

.templateDetail .articleHead {}

.templateDetail .articleBody {}

.templateDetail .articleFoot {}

.indexBanner{
    margin-top: 85px;
}

@media screen and (max-width:669px){
  .indexBanner{
    margin-top:0px;
}  
}
/*
 * 内页banner样式
 */

.topBanner{
    position: relative;
}
.topBanner img { width:100%;height:100%; }

.topBanner .topBannerContent {}


/* 当前位置样式*/
.position{text-align: right;margin-top: 14px; margin-bottom: 11px;}
.position label{background: url(../images/iconhome.png) no-repeat left;padding-left: 19px;padding-bottom: 4px;}
.position .fa-caret-right{color: #999;margin-right: 5px;}
.position a{font-size: 12px;color: #666;margin-left: 2px;}
.position a:hover{color: #df0615;}
.position a:hover .fa-caret-right{color: #df0615;}
.position label span{font-size: 12px;  margin-left: 2px;    display: inline-block; max-width: 143px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;    vertical-align: bottom;}
/*.position label span .fa-caret-right{color: #df0615;}color: #df0615;*/
/*
 * 分页样式
 */
.pages {margin: 49px 0 26px 0;}
.pageList {margin-left: auto;margin-right: auto;font-size: 12px;}
.pageList a,.pageList span {float: left;margin-right: 8px;text-align: center;color: #707070;white-space: nowrap;width: 28px;height: 28px;line-height: 28px;text-decoration: none;border:1px solid #dfdfdf;}
.pageList a:hover,.pageList span {text-decoration: none;color: #FFF;background-color: #df0615;border:1px solid #df0615;}
.pageList .prev:hover,.pageList .next:hover {color: #FFF;background-color: #df0615;}
.pageList .prev {margin-right: 8px;font-size: 16px;font-family:宋体;font-weight: 700;}
.pageList .next {margin-left: 0px;font-size: 16px;font-family:宋体;font-weight: 700;}

.pageList .wu-page a:hover,.pageList .wu-page  span{ color: #FFF!important;}
.pageList .wu-page a{border:1px solid #dfdfdf;color: #666;}
/*选项卡*/
.aboutNav .swiper-slide { float: left;text-align: center;cursor: pointer;font-family: \5FAE\8F6F\96C5\9ED1; font-size: 14px;    height: 57px!important; line-height: 57px!important; border-bottom: 3px solid #c7c7c7; }
.aboutNav .swiper-slide a{color: #333333;    display: block;}
.aboutNav{background: #eee;}
.aboutNav .swiper-wrapper{height: 60px!important; line-height: 60px!important;}
.aboutNav .swiper-slide.on,.aboutNav .swiper-slide:hover{border-bottom: 3px solid #df0615;}
.aboutNav .swiper-container{overflow: hidden;}

.bannerMobile{display: none;}


/*上一篇下一篇*/
.fr { float: right; }
.articleShare .code {position: absolute; top: -131px; left: -37px;display: none;}
.articleShare .focus a:hover .code{display: block;}
.nextPrev .next{ float:left;}
.nextPrev .next span{ padding-left:29px; background:url(../images/zt-20left.png) no-repeat 0 center; margin-left:2px; font-weight:400; margin-right: 15px;}
.nextPrev .pre{ float:right;}
.nextPrev .pre span{padding-right:34px;background:url(../images/zt-20right.png) no-repeat right center; float:right; margin-right:2px;margin-left: 11px; font-weight:400;}
.nextPrev span a{ font-size:14px; font-family:宋体; color:#666; line-height:60px; font-weight: 600;letter-spacing: 1.4px;    width: 263px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap;}
.nextPrev span.pre a{text-align: right;}    
.nextPrev span a span{font-size:12px; color:#999; letter-spacing:0;}

.articleFoot .nextPrev{border-top:2px solid #999;border-bottom:1px solid #e3e3e3;}
.articleFoot{   height:60px; margin-top:67px;}
/*share*/
.articleShare .focus a { margin-left: 10px;  cursor: pointer;  border-radius: 50%;  position: relative;    width: 41px; display: block; float: left;  height: 39px;}
.articleShare .focus a img{display: none;}
.articleShare .focus a img:first-child{ display:block;}
.articleShare .focus span{ float:left; font-size:12px; font-family:宋体; color:#666; letter-spacing: 0.7px; margin-top:12px;}
.articleShare .focus a:hover img{ display: block;}
.articleShare .focus a:hover img:first-child { display: none;}
.articleShare .focus a:hover .code img{display: block;}
.articleShare .focus{ margin-top:12px; margin-right:-2px;}

.nextPrev span a span:hover{color: #df0615;}
.nextPrev span a:hover{color: #df0615;}
.nextPrev .next span:hover{background: url(../images/zt-20lefton.png) no-repeat 0 center;}
.nextPrev .pre span:hover{background: url(../images/zt-20righton.png) no-repeat right center;}
.floatBox .weixin02:hover{ background: url(../images/floatbox.png) no-repeat -50px -48px; }
.floatBox .contactWrite02:hover{ background: url(../images/floatbox.png) no-repeat -50px 0px; }
.floatBox .contactPhone:hover{ background: url(../images/floatbox.png) no-repeat -50px -98px; }
.floatBox .returnTop:hover{ background: url(../images/floatbox.png) no-repeat -50px -144px; }

/*弹窗*/
.mask{background: url(../images/bannerbg1px.png) repeat;position: fixed;height: 100%;width: 100%;    top: 0;
    left: 0;z-index: 9999;display: none;}
.popBox{display: none;width: 583px;height: 248px;position: fixed;top: 50%;left: 50%;background: #fff;text-align: center;margin-top: -124px;margin-left: -291.5px;z-index: 99999;}
.popBox .popClose{position: absolute;top: 22px;right: 17px;display: block;width: 19px;height: 19px;background: url(../images/popdelete01.png) no-repeat;}
.popBox .popClose:hover{background: url(../images/popdelete.png) no-repeat;}
.popBox p{ font-size: 18px;
    font-family:\5FAE\8F6F\96C5\9ED1;
    color: #333;margin-top: 10px;    margin-top: 16px;
    letter-spacing: 0.9px;padding: 0 5px;display: -webkit-box;
-webkit-line-clamp: 2;overflow: hidden;
-webkit-box-orient: vertical;
word-break: break-all;}
.popBox img{    margin-top: 24px;}  
.popBox .submitWrap a{font-size: 14px;display: inline-block;
   
    color: #999;border: 1px solid #ccc;letter-spacing: 16px;
    margin:0 8.5px;background: #fff;
    width: 95px;
    padding-left: 20px;
    height: 38px;
    line-height: 38px;    } 
.popBox .submitWrap a:hover{opacity: 0.8;}
.popBox .submitWrap a.sure{border: 1px solid #df0615;background: #df0615; color: #fff;}
.popBox .submitWrap{margin-top: 29px;} 

@media (max-width: 1240px){
  .container { width: auto; padding: 0 20px; }
  .footRight{width: 113px;}  
  .linkSelect span .fa-angle-up{right: 3px;}
}
@media (max-width:1028px){
  .head .topNav{margin-left:0;}
  .head .topNav >ul >li{padding: 35px 22px 11px;}
}
@media (min-width:1000px){
  .wrap{overflow: hidden;}
  .topBanner{height: 430px;}
  .topBanner img{position: absolute; left: 50%; margin-left: -750px;}
  .topBanner img { width: inherit; }
}
@media (max-width:999px){
     .loginWrap { top:12px;    width: 100%;}
    .company{margin-left:20px;}
    .login, .loginWrap .info { margin-right:20px;}
    .main {padding-top:101px; }
  .topbarText{display:none;}
  .weixin02>div{padding: 0;border-radius: 9px;box-shadow: 0px 0px 15px rgba(0,0,0,0.4);    top: 22px; right: 51px;}
  .weixin02>div .imgIcon{display: none;}
.nextPrev span a span:hover{color: #999;}
.nextPrev span a:hover{color: #666;}
.nextPrev .next span:hover{background:url(../images/zt-20left.png) no-repeat 0 center;}
.nextPrev .pre span:hover{background:url(../images/zt-20right.png) no-repeat right center;}
.floatBox .weixin02:hover{ background: url(../images/floatbox.png) no-repeat -2px -48px; }
.floatBox .contactWrite02:hover{background: url(../images/floatbox.png) no-repeat -2px 0px;}
.floatBox .contactPhone:hover{background: url(../images/floatbox.png) no-repeat -2px -98px;}
.floatBox .returnTop:hover{background: url(../images/floatbox.png) no-repeat -2px -144px;}  
.floatBox>div .contactWriteSj{display: block;}
.floatBox>div .contactWritePc{display: none;}
.contactWrite>div{display: none!important;}

.head .topNav{display:none;}
.head .search-Icon .fa-search{font-size: 20px;color: #333;}
.head .logo{    margin-top: 50px; margin-bottom: 19px;}
.head .logo img{width: 142px;}
.head .search-Icon {
    margin-top: 54px;
    margin-right: 25px;
}
.head{background: #4783C4;}
.head .navIcon{display:block;float:right;margin-top:50px;}
.head .navIcon>a{width:28px;display: block;text-align:right;}
.head .navIcon a .fa-bars{color: #333;font-size: 30px;}
.foot .focus {
    float: inherit;    display: inline-block;    padding-bottom: 9px;
}
.foot .bottomBar .bottomText span{text-align: center;margin: 0;}
.foot .bottomBar{padding:19px 0 0 0;    text-align: center;}
.foot .bottom{display:none;}
.foot{border:0;padding-top:0;}
.foot .container{padding: 0;}


.foot .bottomText{float:none;text-align:center;    background: #17171c;
    padding:8px 20px 10px;
    line-height: 20px;}
}
@media (max-width: 768px){
  /*.floatBox{top: 75px;}*/
  .aboutNav .container{padding: 0;}
  .search-Wrap .searchLeft input{font-size: 14px;
    margin-left: 7px;}
    .search-Wrap .searchLeft>div{vertical-align: sub;}
    .search-Wrap .searchLeft .fa-search{    font-size: 18px;}
    .search-Wrap .container {
    padding-top: 18px;
    padding-bottom: 26px;
}
.search-Wrap .searchRight img {
    margin-top: 9px;
    width: 18px;
}
.product{padding-top: 35px;padding-bottom: 40px;}
.floatBox a,.floatBox>div{    width: 40px;
    height: 40px;    margin: 0px 0px 4px 0px;}
    .floatBox .contactWrite02 {
    background: url(../images/floatbox.png) no-repeat -5px -2px;
}
.floatBox .weixin02 {
    background: url(../images/floatbox.png) no-repeat -5px -51px;
}
.floatBox .contactPhone {
    background: url(../images/floatbox.png) no-repeat -5px -101px;
}
.floatBox .returnTop {
    background: url(../images/floatbox.png) no-repeat -4px -148px;
}
.floatBox .weixin02:hover{ background: url(../images/floatbox.png) no-repeat -5px -51px; }
.floatBox .contactWrite02:hover{background: url(../images/floatbox.png) no-repeat -5px -2px;}
.floatBox .contactPhone:hover{background: url(../images/floatbox.png) no-repeat -5px -101px;}
.floatBox .returnTop:hover{background: url(../images/floatbox.png) no-repeat -4px -148px;}
.contactPhone>div{    top: 88px;
    right: 46px;    height: 40px;
    line-height: 40px;}  

}
@media (max-width: 640px){
  .popBox p{font-size: 16px;margin-top: 17px;}
  .popBox{width: 290px;margin-left: -145px;}
  .popBox .popClose{top: 15px;}
  .popBox .submitWrap { margin-top: 31px; }
}
@media (max-width: 600px){
  .articleFoot { height:auto;}
  .nextPrev .next { display:block; float:none;}
  .nextPrev .pre { display:block; float:none;}
  .nextPrev .pre span { padding-left: 29px; background: url(../images/zt-20right.png) no-repeat left center; float: left;
    margin-right: 2px;  margin-left: 0px; padding-right: 12px;}
  .nextPrev .next span { padding-left: 27px; margin-left:0;}
  .nextPrev{padding: 8px 15px 9px;}
  .nextPrev span a { line-height: 42px;}
  .articleFoot { margin-top: 46px;}
  .nextPrev span.pre a { text-align: left; }
  }
@media (max-width: 480px){
  .container { width: auto; padding: 0 15px; }
  .position{margin-top: 8px;margin-bottom: 9px;}
  .position .container{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
  .head .language{margin-top:2px;}
  .topBanner .bannerMobile{display: block;}
  .topBanner .bannerPc{display: none;}
  .pages { margin: 40px -7px 26px -1px; }
  .pageList .prev{margin-right: 7px;}
  .pageList a, .pageList span{margin-right: 7px;}
  
  
  
  
  /* .pageList a{*/
  /*     display: none;*/
  /* }*/
  /*.pageList  .prev{*/
  /*    display: block;*/
  /*}*/
  /* .pageList  .next{*/
  /*    display: block;*/
  /*}*/
}
@media (max-width: 320px){
  .pages .prev, .pages .next{top: 1px;}
}




.Cookie_Container {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 99;
	padding: 20px 0px;
	border-top: 1px solid #eee;
}
.Cookie_Container .wMain{
    padding: 0 150px;
}

.Cookie_Container .box{
    display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.Cookie_Container .box .boxLeft {
	max-width: 60%;
}

.Cookie_Container .box .boxLeft .top {
	font-family: 'gilroy_bold';
	font-size: 18px;
}

.Cookie_Container .box .boxLeft .bot {
	font-size: 14px;
	font-family: 'gilroy_regular';
	color: #666;
	line-height: 1.7;
	margin-top: 10px;
}

.Cookie_Container .box .boxLeft .bot a {
	color: #df0615;
	display: inline-block;
}

.Cookie_Container .box .boxRight {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.Cookie_Container .box .boxRight .btn1 {
	width: 168px;
	height: 45px;
	background: #df0615;
	border-radius: 40px;
	border: 0;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.Cookie_Container .box .boxRight .btn2 {
	margin-left: 30px;
	width: 168px;
	height: 45px;
	border-radius:40px;
	border: 1px solid #ccc;
	color: #000;
	background: none;
	font-size: 14px;
	cursor: pointer;
	transition: .4s;
}

.Cookie_Container .box .boxRight .btn2:hover {
	color: #df0615;
	border-color: #df0615;
}







@media (max-width:1400px){
 .Cookie_Container .box .boxLeft .bot{
     font-size: 14px;
 }
 .Cookie_Container .box .boxRight .btn1,
 .Cookie_Container .box .boxRight .btn2{
     width: 120px;
     height: 45px;
 }
}

@media (max-width:1200px){
    .Cookie_Container .box .boxLeft {
		max-width: 100%;
		width: 100%;
		margin-bottom:30px;
	}

	.Cookie_Container .box .boxLeft .top {
		font-size: 18px;
	}

	.Cookie_Container .box .boxLeft .bot {
		font-size: 14px;
	}

	.Cookie_Container .box .boxRight .btn1,
	.Cookie_Container .box .boxRight .btn2 {
		width: 120px;
		height: 40px;
	}
	.Cookie_Container .wMain {
        padding: 0 5vw;
    }
    .Cookie_Container .box .boxRight .btn2{
        margin-left: 20px;
    }
}






