@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143;
 font-family:'微软雅黑',arial,Microsoft YaHei; color: #666460;
 width: 100%; min-width: 320px; zoom:1;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);
/*控制文本可选性*/
/*-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none; */      
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.dl,.dl dd,.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;font-family: '微软雅黑';} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #FF5800;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}





.container{margin:0 auto; max-width: 1200px;padding: 0 15px; }
@media screen and (min-width:1200px ){
    .container{width:98%;margin:0 auto; padding: 0;}
}


/*全局样式*/




/*页面框架结构*/
.contain{} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{} /*主要内容*/
.content{} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}

/*当前位置*/ 
.current{ display: none;}
@media screen and (min-width:1200px ){
  .current{display: block; color: #464545; line-height: 70px; font-size: 15px;}
  .current a{color: #464545;}
  .current b{font-weight: normal; padding-left: 15px;  background: url(../images/cur.png) no-repeat 0 center;}
}


/*当前位置*/ 

/*分页*/
.pages{}
/*分页*/


/*头部*/
.header{ padding:10px 0;  background: #d9bc7b; }
.logo{ display: block; float: left; padding-left: 15px; }
.logo img{vertical-align: bottom;}
.logo .logoimg{ margin-right: 20px; }
.logo .logoimg1{display: none;}
.topBtns{float: right;margin-right: 15px;position: relative;}
.topBtns a{display: block; float: left; width: 40px; height: 40px; margin-right: 5px;}

.header .topBtns .navBtn{background: url(../images/ico-top4.png) no-repeat center; margin-right: 0;}
.header .topBtns .tel{ background: url(../images/ico-top2.png) no-repeat center;}
.header .topBtns .tianmao{ background: url(../images/ico-top1.png) no-repeat center;}
.header .topBtns .searchBtn{ background: url(../images/ico-top3.png) no-repeat center;}

.header .topBtns .telBox{display: none; position: absolute; z-index: 88;right: 100%;width: 180px;top: 0; line-height: 40px;padding: 0 10px; background: #fff; color:#d9bc7b;}
.header .topBtns .searchBox{position: absolute; display: none; margin-top: 13px; top: 100%;right: 0; width: 265px;z-index: 88; height: 40px; line-height: 40px; background: #fff;}
.header .topBtns .searchBox .box{position: relative; padding: 0 55px 0 15px;}
.header .topBtns .searchBox .box input{width: 100%;display: block; line-height: 40px;}
.header .topBtns .searchBox .box .btn{display: block; width: 40px;height: 40px;background: #d9bc7b url(../images/search.png) no-repeat center; position: absolute; right: 0;top: 0;   }
.mainnav{ display: none;padding-top: 10px; }
.mainnav ul li .navA{display: block;padding: 0 15px;line-height: 35px; color: #fff;font-size: 18px;}
.mainnav ul li .xl{display: none;}
.mainnav ul li .xl a{display: block;font-size: 16px;color: #fff; padding: 0 15px 0 30px; line-height: 35px;} 
.mainnav ul li .navA:hover,.mainnav ul li.on .navA{color:#BD120A; }
.mainnav ul li .xl a:hover{color: #BD120A;}

.mainnav ul li .xl .xlBox .xldd{text-align: center;}
.mainnav ul li .xl .xlBox .xldd a{display:inline-block; border-right: 1px dashed #b48f44; width: 24%; text-align: center; padding:0 2%;}
.mainnav ul li .xl .xlBox .xldd a.last{border-right: none;}

@media screen and (min-width:768px ){
.logo .logoimg1{display: inline-block;}
.header .topBtns .searchBox{margin-top: 17px;}
}

@media screen and (min-width:1200px ){
  .clear1200{display: none;}
  .header{background: url(../images/topbg.jpg) no-repeat center;height: 83px; padding-top: 20px;}
  .header .navBtn{display: none;}
  .header_container{width:98%;margin:0 auto;max-width: 1200px;}
  .mainnav{display: block; float: left;}
  .mainnav ul li{float:left;position: relative;background: url(../images/navlibg.png) no-repeat right center;}

  .mainnav ul li#nav3{position:static;}

  .mainnav ul li.last{background: none;}
  .mainnav ul li .navA{padding:0 35px; height: 50px;line-height: 50px;}
  .header .topBtns .searchBox{margin-top: 6px;}
  .header .topBtns .tel{position: relative;}
  .topBtns{float: right;margin-right:0px; padding-top: 17px;}
  .topBtns a{display: block; float: left; width: 40px; height: 40px;}
  
  .header .topBtns .tel{ background: url(../images/tel.png) no-repeat center;}
  .header .topBtns .tianmao{ background: url(../images/tmicon.png) no-repeat center;}
  .header .topBtns .searchBtn{ background: url(../images/search.png) no-repeat center;}
  
  .header .topBtns .tel:hover .telBox{display: block;}
  .mainnav ul li .xl{display: none; margin-top: -2px; position: absolute; width: 187px; left: 50%;margin-left: -93.5px;top: 100%;z-index: 999; }
  .mainnav ul li .xl i{display: block; background: url(../images/navjt.png) no-repeat center; width: 16px;height: 14px; margin: 0 auto;}
  .mainnav ul li .xl dl{background: #c59c56; border-radius: 5px; width: 100%; box-shadow: 3px 3px 3px #80878e;}
  .mainnav ul li .xl a{padding: 0;text-align: center; line-height: 42px;background: url(../images/navaBg.png) no-repeat center bottom; }
  .mainnav ul li .xl dl dd.last a{background: none;}
  .mainnav ul li:hover .xl{display: block;}

.mainnav ul li#nav3 .xl{width: 100%;  left:0;margin-left:0;top:78px; padding-top: 16px; }
.mainnav ul li#nav3 .xl .xlCon{background: #fff; }
.mainnav ul li#nav3 .xl .xlBox{width: 1200px; margin: 0 auto; position: relative; padding: 30px 0;}

.mainnav ul li .xl .xlBox .xldd a{width: 15%;}
.mainnav ul li .xl .xlBox .xldd a.last{border-right: none;}
.mainnav ul li .xl .xlBox i{ position: absolute; top: -13px; left: 50%;margin-left:-100px;background-image: url(../images/navjton.png) }
}

#bdshare_weixin_qrcode_dialog{height: 315px !important;}
/*头部*/
/*banner*/
.HomeBan .swiper-button-next{ background: rgba(255,255,255,.3) url(../images/bannerright.png) no-repeat right center;height: 60px;width:30px;  text-align: center; color: #fff; font-size: 30px;margin-top: -30px; }
.HomeBan .swiper-button-prev{ background: rgba(255,255,255,.3) url(../images/bannerleft.png) no-repeat left center;height: 60px;width:30px; text-align: center; color: #fff; font-size: 30px;margin-top: -30px; }
.HomeBan .swiper-pagination-bullet{height: 10px;width: 10px; border:1px solid #fff; background:none; opacity:1;}
.HomeBan .swiper-pagination-bullet-active{border-color: transparent; background: #fff;}
.HomeBan .swiper-slide a{display: block; text-align: center;}

@media screen and (min-width:1200px ){
  .HomeBan .swiper-button-next{width:140px;height: 200px;background-position: center center; margin-top: -100px;right: 0;}
  .HomeBan .swiper-button-prev{width:140px;height: 200px;background-position: center center; margin-top: -100px;left: 0;}
}



/*banner*/

/*底部*/
.bottom{}
.footer{padding:10px 0;  background: #d9bc7b; text-align: center; color: #58350d; }
.footer a{color:#58350d; }
.footer .links em{display: inline-block;padding: 0 5px;font-style: normal;}
.footer .right{margin-top: 10px;}
.bottomLogo{vertical-align: bottom;}
.bottomLogo .img01{margin-right: 10px;}
.footer .tel{  margin:10px 0;}
.footer .tel span{font-size: 18px; font-weight: bold;}
.footer .links{margin: 10px 0;}
.footer .right .txt{margin: 10px 0 0;}
.footer .tip span{font-weight: bold;}


@media screen and (min-width:1200px ){
  .footer{font-size: 16px;background: url(../images/bottombg.jpg) no-repeat center;padding-top: 25px;text-align: left;height: 225px;}
  .footer .left{float: left; width: 800px;}
  .footer .tip{margin-top: 20px;}
  .footer .tel span{font-size: 32px;}
  .footer .right{float: right; width: 350px; text-align: center; margin-top: 0;}
}


.BackTop{position: fixed; right: 0;width: 85px;z-index: 999; bottom: 30px; cursor: pointer;}
.BackTop .BackTopBox{position: relative;}
.BackTop .BackTopBox i{display: block; width: 100%;background: url(../images/backtopbgicon.png) no-repeat center; height: 8px; margin-bottom: 8px; }
.BackTop .BackTopBox .txt{ text-align: center; line-height: 40px; color: #ba9342;font-size: 16px; }
.BackTop .BackTopBox .img{width: 85px;}
.BackTop .BackTopBox .img img{width: 100%;}
/*底部*/

/*首页产品切图*/
.HomeList ul li a{display: block; text-align: center;}
/*首页产品切图*/

/*首页产品切图 背景链接*/

.HomeListBottom{position: relative; z-index: 2px; text-align: center;}
.HomeListBottom .img{text-align: center;position: absolute; left: 50%;
  -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);top: 10%; }

/*首页产品切图 背景链接*/



/*首页专题视频*/
.HomeVideo{position: relative; z-index: 3;}
.HomeVideo .videoBox{position: relative;}
.HomeVideo .videoBox .imgbg{width: 100%;}
.HomeVideo .videoBox .imgborder{ position: absolute;width: 80%; left: 50%;top: 50%;z-index:8;-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }

.HomeVideo .videoBox video{display: none; width: 100%;height: 100%;background: #000;position: absolute; left: 0;top: 0;z-index: 10;}
.HomeVideo .videoBox .btn{display: block; position: absolute;left: 0;top: 0;z-index: 9; cursor: pointer; width: 100%;height: 100%;  background: url(../images/videobtn02.png) no-repeat center;}
.HomeCon .videoTitle{ font-size: 20px; color: #a73124; text-align: center; margin: 30px auto; }
.HomeCon .videoTxt{ text-align: center; line-height: 30px; padding-bottom: 30px; background: url(../images/hometxtbg.png) no-repeat center bottom; }
.HomeCon .videoTxtBox{max-width: 900px;margin: 0 auto;}
.HomeCon .videoTxtBox .more{float: right; line-height: 52px; color: #b98e30;}

@media screen and (min-width:768px ){
    .HomeCon .videoTitle{font-size: 34px;}
    .HomeCon .videoTxt{font-size: 18px;}
}

@media screen and (min-width:1200px ){
  .HomeCon .videoTitle{font-size: 54px;}
}


/*首页专题视频*/

/*首页提示框*/
.tipsbox{ position:fixed; width:100%; height:100%; z-index:100; left:0; top:0; background-color:rgba(0,0,0,0.5);}
.tipsbox .contbox{ width:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-color:#fff; border:3px solid #D19442; border-radius:20px;}
.tipsbox .mainbox{ position:relative; padding-bottom:15px;}
.tipsbox .slogo{ width:23%; max-width:191px; position:absolute; left:50%; margin-left:-11.5%; top:-5%;}
.tipsbox .close{ width:10%; max-width:48%; position:absolute; right:-3%; top:-3%; cursor:pointer;}
.tipsbox .img{ width:32%; max-width:320px; position:absolute; right:-5%; bottom:6%;}
.tipsbox .txtbox{ padding:30px 10px 15px; font-size:12px;}
.tipsbox .txtbox h1{ font-size:14px; color:#D09342; margin:0; padding-bottom:3%;}
.tipsbox .txtbox p{ margin:0;}
.tipsbox .txtbox .p1{ padding-bottom:3%;}
.tipsbox .txtbox .p2{ width:74%;}
.tipsbox .txtbox .pc{ display:none;}

.tipsbox .readmore{ width:100%; text-align:center;}
.tipsbox .readmore span{ border:1px solid #D89749; font-size:14px; color:#D8974A; display:inline-block; padding:3px 10px; cursor:pointer;}

@media (min-width:640px){
	.tipsbox .mainbox{ padding-bottom:25px;}
	.tipsbox .slogo{ width:20%; top:-8%;}
	.tipsbox .close{ width:8%; top:-10%;}
	
	.tipsbox .txtbox{ width:84%; padding:50px 27px 25px; font-size:14px;}
	.tipsbox .txtbox h1{ font-size:18px;}
	.tipsbox .readmore span{ padding:5px 35px;}
	
	.tipsbox .img{ width:25%; max-width:320px; position:absolute; right:-5%; bottom:6%;}
}
@media (min-width:1024px){
	.tipsbox .contbox{ width:784px;}
	.tipsbox .mainbox{ min-height:440px; padding-bottom:46px;}
	
	.tipsbox .slogo{ width:190px; margin-left:-95px; top:-30px;}
	.tipsbox .close{ width:48px; height:48px; right:-20px; top:-20px;}
	.tipsbox .img{ width:320px; height:379px; right:-46px; bottom:18px;}
	
	.tipsbox .txtbox{ width:auto; padding:92px 296px 34px 46px; font-size:20px;}
	.tipsbox .txtbox h1{ font-size:32px; padding-bottom:21px;}
	.tipsbox .txtbox .p1{ padding-bottom:24px;}
	.tipsbox .txtbox .pc{ display:block;}
	.tipsbox .txtbox .wap{ display:none;}
	
	.tipsbox .readmore span{ padding:0; height:34px; line-height:34px; width:190px; text-align:center; font-size:16px;}
}


/*栏目首推*/
.Shove{}
.Shove .item{background: #faf6ee;overflow: hidden; margin-bottom: 20px; position: relative;}
.Shove .item .itemTitle{ background:#d9bc7b; text-align: center; line-height: 50px;text-align: center; font-size: 18px; color: #fff;  }
.Shove .item .itemWrap{padding: 18px 0;width: 90%;margin: 0 auto; }
.Shove .item .itemWrap .itemimg img{width: 100%;}
.Shove .item .itemTxt{padding: 18px 0;overflow: hidden;}
.Shove .item .itemTxt .itemBox{font-size: 16px;}
.Shove .item .itemTxt .more{float: right; margin-top: 20px; font-size: 14px;color: #d9b774;}
.Shove .item2 ul li{background: url(../images/morebtn01.png) no-repeat 0 center; padding-left: 15px;}
.Shove .item2 ul li a{background: url(../images/abglibg.png) repeat-x 0 14px; display: block; line-height:23px;padding-right: 75px; position: relative;}
.Shove .item2 ul li a span{display:block; line-height: 23px; background: #FCF9F3;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.Shove .item2 ul li a span.btn{padding: 0 0 0 5px; position: absolute; right: 0;top: 0; color: #dbbb7d;}
.Shove .item3 .txt{text-align: right;margin: 0 0 8px; color: #fff; padding-right: 10px; position: relative;}
.Shove .item3 .txt span{ border-radius: 5px; display: inline-block;line-height: 34px; background: #dfc27f;padding: 0 10px; }
.Shove .item3 .txt .icon{ width: 0;
    height: 0; position: absolute; right: 0;top: 50%;margin-top: -10px;
    border-top:10px solid transparent;
    border-left: 10px solid #dfc27f;
    border-bottom:10px solid transparent;}




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

   .Shove .item{float: left; width: 33.33%;}
  .Shove .item .itemWrap{max-width:335px;}
  .Shove .item .borderbg{display: block;background: url(../images/homelibg.png) no-repeat center; width: 65px; height: 456px; right: -32.5px;position: absolute;top: 0;}
  .Shove .item{background: none;}
  .Shove .item1 .itemTitle{background: url(../images/homeitemt1.png) no-repeat 0 0; background-size: cover;}
  .Shove .item2 .itemTitle{background: url(../images/homeitemt2.png) no-repeat 0 0; background-size: cover;}
  .Shove .item3 .itemTitle{background: url(../images/homeitemt3.png) no-repeat 0 0; background-size: cover;}
  .Shove .item .itemWrap{overflow: hidden; }
  .Shove .item1{background:url(../images/homeitemc1.png) no-repeat 0 bottom; }
  .Shove .item2{background:url(../images/homeitemc2.png) no-repeat 0 bottom; }
  .Shove .item3{background:url(../images/homeitemc3.png) no-repeat 0 bottom; }
  .Shove .item .itemTxt{ height:122px; }
}

/*栏目首推*/


/*安全品质*/

.homeSafe{padding-bottom:30px; }
.homeSafe .SafaVideo{ position: relative; }
.homeSafe .SafaVideo  img{width: 100%;}
.homeSafe .SafaVideo .videoimg{ position: absolute; width: 98%;height: 96%; top: 2%;left: 1%; }
.homeSafe .SafaVideo .videoImgBox{ position:relative;width:100%;height: 100%; }

.homeSafe .SafaVideo .btn{display: block; width: 100%;height: 100%; background: url(../images/videobtn02.png) no-repeat center;position: absolute; left: 0;top: 0; }
.homeSafe .SafaVideo video{position: absolute;display: none;left: 0;top: 0;width: 100%;height: 100%;background: #000;z-index: 4; }
.homeSafe .Right{margin-top: 20px;}
.homeSafe .Right .img{text-align: center;}
.homeSafe .Right .txt{text-align: center; color: #ba9342;}

.homeSafe .Right .txt h2{font-size: 30px; font-weight: normal; margin: 0;}
.homeSafe .Right .txt h3{font-size: 18px; font-weight: normal; margin: 0;}
.homeSafe .Right .txt .more{ display: block; font-size: 0; margin-top: 10px; }
.homeSafe .Right .txt .more span{display: inline-block; width: 80%;line-height: 35px;font-size: 14px; background:#ba9342;color: #fff;text-align: center; }
.homeSafe .Right .txt .more b{display: inline-block; width: 20%; line-height: 35px;font-size: 14px; color:#ba9342;text-align: right; font-weight: normal; }



@media screen and (min-width:768px ){
 .homeSafe .Left{float: left; width: 60%;}
 .homeSafe .Right{float: right; width: 38%;margin-top: 0px;}
}
@media screen and (min-width:1200px ){
  .homeSafe .Right .txt .more span,.homeSafe .Right .txt .more b{font-size: 16px;}
  .homeSafe{padding:85px 0; }
  .homeSafe .Right .txt h2{font-size: 45px; margin-bottom: 10px;}
  .homeSafe .Right .txt h3{font-size: 28px; margin-bottom: 20px;}
  .homeSafe .Right .img{padding-top: 20px;}
  .homeSafe .Right{ width: 36%;}
}

/*安全品质*/

/*二级栏目*/
.menuBox{ text-align: center;}
.menuBox .navMenu{}
.menuBox .navMenu ul{text-align: center;font-size: 0; padding: 15px 0;}
.menuBox .navMenu ul li{ display: inline-block;font-size:18px; width: 25%; }
.menuBox .navMenu ul li a{ display: block;padding: 0 10px; }
.menuBox .navMenu ul li .img{position: relative; display:inline-block;  }
.menuBox .navMenu ul li .img img{vertical-align: top;}
.menuBox .navMenu ul li .img .img2{opacity: 0; position: absolute; left: 0;top: 0; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.menuBox .navMenu ul li .txt{text-align: center; display: none; color: #a7792d;padding-top: 10px;} 
.menuBox .navMenu ul li.on .img .img2,.menuBox .navMenu ul li a:hover .img .img2{opacity: 1;}
.menuBox .navMenu ul li.on .txt,.menuBox .navMenu ul li a:hover .txt{color: #d4ab4f;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

@media screen and (min-width:768px){
   .menuBox .navMenu ul li{width: 160px; vertical-align:top;}
   .menuBox .navMenu ul li .txt{display: block;}
   .menuBox .navMenu ul{padding: 30px 0;}
}

@media screen and (min-width:1200px){
  .menuBox .navMenu ul li{ font-size: 20px; width:224px;}
}


/*二级栏目*/
/*品牌简介*/
.aBoutCon{background:url(../images/qubg.jpg) repeat-y 0 0;}

.aBoutCon .left{}
.aBoutCon .left .img{max-width: 60%;margin: 0 auto;width: 100%; text-align: center; }
.aBoutCon .right{padding: 20px 0;}
.aBoutCon .right .txtBox{font-size: 22px; color: #2b2b2b; }
.aBoutCon .right .title{text-align: center; }
.aBoutCon .right .title img{max-width: 40%;}

.aBoutCon .F2{padding-top: 20px; position: relative; z-index: 8;}
.aBoutCon .F2 .title{text-align:center;}
.aBoutCon .F2 .title img{max-width: 70%;}

.aBoutCon .F2  .list{padding: 20px 0;}
.aBoutCon .F2  .list ul{ background:url(../images/historybg.png) repeat-y 0 0; }
.aBoutCon .F2  .list ul li{margin-bottom: 20px;}
.aBoutCon .F2  .list ul li .libox{padding-left: 20px; position: relative;}
.aBoutCon .F2  .list  .libox .titleh3{font-size: 30px; color: #a7792d;margin: 0;font-weight: normal;}
.aBoutCon .F2  .list  .libox .titleh4{font-size: 18px; color: #a7792d;margin: 0;font-weight: normal;}
.aBoutCon .F2  .list  .libox .txt{color:#2b2b2b; font-size: 16px;}
.aBoutCon .F2  .list  .libox .img{padding-top:20px;}

.aBoutCon .F2  .list ul li .libox .icon{position: absolute; left: -10px;top: 0; width: 20px;height: 20px; border-radius: 100%;border:2px solid #aa8520; background:#fff;}
.aBoutCon .F2  .list .iconimg{text-align: center;}
.aBoutCon .F2  .list .iconimgTop{display: none;}

 .aBoutCon .wapimg,.aBoutCon .pcimg{text-align: center;}
.aBoutCon .pcimg{display: none; }

@media screen and (min-width:768px ){
  .aBoutCon .left{ float: left; width: 30%;}
  .aBoutCon .left .img{max-width: 100%;}
  .aBoutCon .right {float: right; width: 65%;padding: 0;}
  .aBoutCon .right .title{text-align: left;}
  .aBoutCon .F2  .list  .libox .titleh4{font-size: 20px;}


  .aBoutCon .pcimg{display: block;}
  .aBoutCon .wapimg{display: none;}
}


@media screen and (min-width:1200px ){
  .aBoutCon .F2  .list{padding: 50px 0;position: relative;}
    .aBoutCon .left{ width: 20%;}
    .aBoutCon .right{ width: 76%;}
    .aBoutCon .F2  .list ul li{margin-bottom:0px;}
    .aBoutCon .F2  .list ul{background-position: center 0;}
    .aBoutCon .F2  .list ul li .libox {width: 50%;float: left;padding-left:0px; }
    .aBoutCon .F2  .list ul li.odd .libox{float: right;}
    .aBoutCon .F2  .list ul li .libox .liboxWarp{text-align: right; padding-right: 30px;}
    .aBoutCon .F2  .list ul li.odd .libox .liboxWarp{ max-width: 460px;text-align: left; padding-right: 0; padding-left: 30px;}
    .aBoutCon .F2  .list ul li.even .libox .icon{left: auto;right: -10px;}
    .aBoutCon .F2 .list .iconimg{text-align: left; padding-left:300px; margin-top:-100px;}
    .aBoutCon .F2Img,.GrawBox .F2Img{margin-top: -245px;}
    .aBoutCon .F2  .list .iconimgTop{ position: absolute; left: 0;max-width: 100%;top: 120px;padding-left: 601px;}

}

/*品牌简介*/

/*核心优势*/
.coreConBox{background:url(../images/hxysbg01.jpg) repeat-y 0 0;}
.coreF{padding-bottom: 30px;}
.coreF1{background:url(../images/hxysbg.jpg) repeat-y 0 0; padding: 30px 0;}
.coreF2{background: url(../images/hxysbg02.jpg) repeat-y 0 0;}
.coreF1 .title{text-align: center; }
.coreF1 .title img{max-width: 60%;}
.coreF1 .titletxt{text-align: center;padding: 8px 0; font-size: 18px; color: #bf922c;}
.coreF1 .txtBox{text-align: center;}
.coreF1 .txtBox .txt{margin-top: 20px; font-size: 18px; color: #2b2b2b;}

.coreF2 .txtBox{padding-bottom: 20px;}


.GrawBox .F2Img{margin-top: -30px;}

@media screen and (min-width:768px ){
  .coreF1 .titletxt{font-size: 28px;}
  .coreF1 .txtBox .txt{font-size: 20px;}
  .coreF1{padding: 50px 0;}
  .coreF{padding-bottom: 80px;}
}
@media screen and (min-width:1200px ){
  .coreF1 .titletxt{font-size: 40px;}
    .coreF1{padding: 80px 0;}
    .coreF2 .txtBox{padding-bottom: 240px;}
}


/*核心优势*/

/*全球原料*/
.GrawBox{ background:url(../images/g_raw.jpg) repeat-y 0 0;  background-size: 100%;}
.GrawBoxTxt{background:url(../images/g_raw01.jpg) repeat-y 0 0; color: #a7792d;font-size: 18px; text-align: center;  background-size: 100%;padding: 20px 0; padding-bottom: 60px;}

@media screen and (min-width:768px ){
.GrawBoxTxt{padding-bottom: 115px;}
.GrawBox .F2Img{margin-top: -95px;}
}

@media screen and (min-width:1200px ){
  .GrawBoxTxt{padding-bottom: 280px; font-size: 25px;}
   .GrawBox .F2Img{margin-top: -245px;}
}


/*全球原料*/

/*安心品质*/
.qualityCon{}

.qualityBox{position: relative; z-index: 4;}
.qualityBox .QuF1{padding: 20px 0;}
.qualityBox .QUtitle {text-align: center; margin: 30px auto;}
.qualityBox .QUtitle img{max-width: 60%;}
.qualityCon  .HomeVideo{border-radius: 20px;overflow: hidden;border:5px solid #d19a3f;}
.qualityCon .Qvideotxt{text-align: center;font-size: 14px; color: #2b2b2b; text-align: center; padding: 20px 0;}
.qualityBox .QUtitleH3{text-align: center; font-size: 18px; padding: 10px 0; color: #a7792d;}

.qualityBox .QuList{}
.qualityBox .QuList ul{max-width: 768px; margin: 0 auto;}
.qualityBox .QuList ul li{padding-top: 20px;}
.qualityBox .QuList ul li .liBox{position: relative; padding-left: 80px;}
.qualityBox .QuList ul li .img{position: absolute; left: 0;top: 0;width: 60px;}
.qualityBox .QuList ul li .txt .h3{ font-size: 18px; color: #a7792d; font-weight: normal;}
.qualityBox .QuList ul li .txt { color: #2b2b2b; font-size: 16px; }
.qualityBox .QuList .boximg{text-align: center; padding: 40px 0 0;}




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

  .qualityCon .Qvideotxt{font-size: 20px;}
}

@media screen and (min-width:768px ){
  .qualityBox .QuF1{padding: 40px 0;}
  .qualityCon .Qvideotxt{font-size: 18px; padding: 30px 0;}
  .qualityBox .QuList ul li{padding-top: 40px;min-height: 90px;}
  .qualityBox .QuList ul li .img{width: 90px;}
  .qualityBox .QuList ul li .liBox{padding-left: 130px;}
  .qualityBox .QuList ul li .txt .h3{ font-size: 22px;}
  .qualityBox .QuList ul li .txt {font-size: 22px; }
  .qualityBox .QuList .boximg{padding: 80px 0 0;}

}


@media screen and (min-width:1200px ){
  .qualityBox .QuF1{padding: 60px 0;}
  .qualityCon .Qvideotxt,.qualityBox .QUtitleH3{font-size: 25px; }
  .qualityBox .QuList ul li {min-height: 120px;padding-top: 60px;}
   .qualityBox .QuList ul li .txt .h3{ font-size: 28px;}
  .qualityBox .QuList ul li .txt {font-size: 28px; }
  .qualityBox .QuList ul li .img{width: 120px;}
  .qualityBox .QuList ul li .liBox{padding-left: 160px;}
  .qualityBox .QuList .boximg{padding: 120px 0 0;}

}

.qualityCon .F2Img{position: relative; z-index: 3;}

/*安心品质*/

/*安宝素*/
.AbsBox{background: url(../images/absbg.jpg) repeat-y 0 0; background-size: 100%;}
.AbsBoxF1{padding: 30px 0; }

.AbsBox .con{color: #c9a65a; text-align: center;padding-top: 10px;}
.AbsBox .img{padding: 30px 0; text-align: center;}

.AbsBox .title{text-align: center;}
.AbsBox .title img{ max-width: 60%; }
.AbsBox .titleH3{text-align: center; font-size: 16px; color: #c9a65a;padding: 5px 0 0;}


.AbsBox .F2Img{margin-top: -60px;}
.AbsBoxF5{background: #fff url(../images/absf2bg.jpg) no-repeat center top; background-size: 100%;}



.AbsBoxF5txt{ max-width: 900px; margin: 0px auto; }
.AbsBoxF5txt .right{}
.AbsBoxF5txt .left{font-size: 18px; color: #c9a65a;font-size: 18px; text-align: center;}
.AbsBoxF5txt .left ul{display: inline-block;}
.AbsBoxF5txt .left ul li{text-align: left; line-height: 1.6em;}


.AbsBoxF6{}
.AbsBoxF6 ul li {text-align: center; padding: 30px 0;}
a.AbsBoxF6More {display: block; line-height: 35px;text-align: right; background: url(../images/absmore.png) repeat-x 0 center; font-size: 16px; color: #c9a65a; margin: 30px auto;}
a.AbsBoxF6More span{display: inline-block;line-height: 35px; padding: 0 25px 0 10px;  background:#fff url(../images/morebtn02.png) no-repeat right center;}

@media screen and (min-width:540px ){
  .AbsBox .titleH3{font-size: 18px;}
  .AbsBox .con{font-size: 16px;}
  .AbsBox .F2Img{margin-top: -100px;}
}

@media screen and (min-width:768px ){
 .AbsBoxF1{padding: 60px 0; } 
  .AbsBox .titleH3{font-size: 22px;}
  .AbsBox .con{font-size: 18px; padding-top: 15px;}
  .AbsBox .img{padding: 45px 0;}
   .AbsBox .F2Img{margin-top: -180px;}

   .AbsBoxF5txt .right{ float: right; width: 50%; }
.AbsBoxF5txt .left{float: left;width: 50%; font-size: 25px;}
.AbsBox .AbsBoxF5txt .img{padding: 0;}
.AbsBoxF6 ul{margin-top: 150px;}
.AbsBoxF6 ul li{float: left; width: 33.33%;}
a.AbsBoxF6More{font-size: 20px; margin-bottom: 100px;}

}


@media screen and (min-width:1200px ){
  .AbsBoxF1{padding: 50px 0;}
  .AbsBox .titleH3{font-size: 39px;}
  .AbsBox .con{font-size: 24px; padding-top: 20px;}
  .AbsBox .img{padding: 25px 0;}
  .AbsBox .F2Img{margin-top: -240px;}
  .AbsBoxF5txt .left{font-size: 32px;}
  
  .AbsBox .titleH4{ font-size:24px;}
  .AbsBox .p{ font-size:18px;}
}


/*安宝素*/

/*菁粹*/
.QCbox{color: #b28247;background-image: url(../images/qcbg.jpg); background-size: cover;}
.QCboxF1Img{margin-top: 30px;}
.QCboxF1{padding: 30px 0 30px;}

.QCbox .qcF1{}
.QCbox .qcF1 .left{} 
.QCbox .qcF h3.h3t{padding: 10px 0; font-weight: normal; vertical-align: bottom; font-size: 0; } 
.QCbox .qcF h3.h3t span{font-size:40px; vertical-align: bottom;display: inline-block; line-height: 1em; }
.QCbox .qcF h3.h3t b{font-weight:none;vertical-align: bottom; display: inline-block; font-size: 16px;}
.QCbox .qcF h3.h3t span.spanimg{width: 30px; }
.QCbox .qcF h3.h3t span.spanimg img{vertical-align: bottom;}

.QCbox .qcF1 .right{ text-align: center; } 
.QCbox .qcF1 .txt{font-size: 16px; padding:10px 0 0; }

.QCbox .qcF2 .list{}
.QCbox .qcF2 .list ul li{ padding-bottom: 20px; }
.QCbox .qcF2 .list ul li .imgbox{text-align: center; padding-bottom: 20px;}
.QCbox .qcF2 .list ul li .imgbox img{width: 100%;}
.QCbox .qcF2 .list ul li .txtBox{font-size: 18px;}



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

  .QCbox .qcF1{padding-top: 40px;}
  .QCbox .qcF1 .left{float: left;width: 45%;} 
  .QCbox .qcF1 .right{float: right; width: 45%;}
  .QCbox .qcF h3.h3t span{font-size: 100px; line-height: .8em; }
  .QCbox .qcF h3.h3t b{font-size: 30px;}
  .QCbox .qcF h3.h3t span.spanimg{width: 40px;}
  .QCbox .qcF1 .txt{font-size: 20px; }

  .QCbox .qcF2 .list,.QCbox .qcF3{padding-top: 20px;}
  .QCbox .qcF2 .list ul li{float: left; width: 50%;}
  .QCbox .qcF2 .list ul li .liBox{max-width: 540px;width: 90%;margin: 0 auto;}


}

@media screen and (min-width:1200px ){
  .QCbox .qcF1{padding-top: 210px;}
  .QCbox .qcF h3.h3t span{font-size: 145px;}
  .QCbox .qcF h3.h3t b{font-size: 45px;}
  .QCbox .qcF h3.h3t span.spanimg{width: 60px;}
  .QCbox .qcF2 .list,{padding-top:40px;}
  .QCbox .qcF3{padding-top: 60px;}
  .QCbox .qcF1 .txt{font-size: 28px; }

}

/*菁粹*/

/*美可多*/

.mkdBox{ background: #f3e5ff; color: #7225a7;  }
.mkdBox .titleH3{color:#7225a7; }
.mkdBox .titleH3.colorback{color: #ba9342;}
.mkdBox .con{color: #7225a7;}
.mkdBoxF{padding:30px 0;}
.mkdBoxF .img .ptxt{ font-size: 16px;margin: 10px 0; }

.mkdBox .con .txt{text-align: left;  padding-top: 10px;}
.mkdBox .pt{padding-top: 20px;}

.mkdBoxF2{position: relative;}
.mkdBoxF2 .titleH3{position: absolute; top: 30px;left: 0; width: 100%;text-align: center;}

.mkdBoxF3{padding-bottom: 90px;}


@media screen and (min-width:768px ){
  .mkdBoxF .img .ptxt{ font-size: 22px; }
  .mkdBox .pt{padding-top: 40px;}
  .mkdBoxF2 .titleH3{top: 50px;}
  .mkdBoxF3{padding-bottom: 200px;}
}
@media screen and (min-width:1200px ){
  .mkdBoxF .img .ptxt{ font-size: 28px; }
  .mkdBox .pt{padding-top: 80px;}
  .mkdBoxF2 .titleH3{top: 80px;}
  .mkdBoxF3{padding-bottom:250px;}
  .mkdBox .con .txt{ font-size:18px;}
}


/*美可多*/

/*冠*/

.HatCon{ background: url(../images/hatbg.jpg) repeat-y 0 0; background-size: 100%; overflow:hidden; padding-bottom: 20px; }
.HatCon .HatList{padding: 20px 0;}
.HatCon .HatList ul li{ margin-bottom: 30px; }
.HatCon .HatList ul li .img{}
.HatCon .HatList ul li .img a{ display: block;text-align: center; }
.HatCon .HatList ul li .img a img{}
.HatCon .HatList ul li .txt{ text-align: center; }
/*.HatCon .HatList ul li .txt .txtBox{padding-left: 30px;}*/
.HatCon .HatList ul li .txt h3{font-weight: normal; margin: 0;font-size: 18px;}
.HatCon .HatList ul li .txt h4{font-weight: normal; margin: 0;font-size: 16px;}
.HatCon .HatList ul li .txt .more{display: block;margin: 20px auto 0;background: url(../images/morebtn.png) no-repeat center; width: 187px;height: 39px;text-align: center; line-height: 39px; color: #fff;font-size: 16px;}

.clearhx{display: none;}

@media screen and (min-width:640px ){
  .HatCon .HatList ul li{float: left; width: 50%;}
  .clearhx{display: block;border-top: 1px solid #e6dbcd;margin: 20px 0;}
  .clearhx.last{display: none;}
}

@media screen and (min-width:768px ){
  .HatCon{padding-bottom: 60px;}
  .HatCon .HatList ul li .img{float: left; width: 40%;}
  .HatCon .HatList ul li .txt{float:right; width:60%;}
  .HatCon .HatList ul li .txt .txtBox{padding-left: 15px; text-align: left;}
  .HatCon .HatList ul li .txt .txtBox .more{text-align: center; margin-left: 0;}
   .clearhx{margin-bottom: 60px;}
}

@media screen and (min-width:1200px ){
    .HatCon .HatList ul li .txt .txtBox{padding-left: 50px;}
     .HatCon{padding-bottom: 100px;}
}





.HatInfo .img{text-align: center; padding: 20px 0;}
.HatInfo .title{background: url(../images/hattitlebg.png) no-repeat center;padding-left: 30px;color: #fff; font-size: 16px;vertical-align: middle; background-size: 100%;  max-width: 502px; margin: 0 auto;}
.HatInfo .title img{ vertical-align: middle; }

.HatInfo .imgr{text-align: center;}
.hatpb{padding-bottom: 30px;}

.HatInfo .txtBoxF .titleh3{ text-align:center; font-size: 20px; color: #ba962f; }
.HatInfo .txtBoxF .txt{ font-size: 16px; font-weight: normal; }

.HatInfo .ysjtitle{background: url(../images/hatysjimg01.png) no-repeat 0 center; height: 45px; line-height: 54px;overflow: hidden;color: #ba962f;font-size: 18px;padding-left: 15px;}
.HatInfo .ysjtitle01{ font-weight: normal; }
.HatInfo .ysjtitle01 span{ display: inline-block; border-radius: 5px; background: #cda349;padding: 0 15px;color: #fff;font-size: 18px; }
.HatInfo  .txtBorder{border:1px solid #e3d48e; padding: 20px;}
@media screen and (min-width:768px ){
  
  .HatInfo .txtl{float: left; width: 60%;padding-top: 50px;}  
  .HatInfo .imgr{float: right; width: 38%;padding-top: 50px;}
  .hatpb{padding-bottom: 60px;}
  .HatInfo .txtBoxF .txt{font-size: 18px;}
  .HatInfo .ysjtitle{font-size: 23px;}
  .HatInfo .txtBoxF .titleh3{background: url(../images/hattitlebg02.png) no-repeat center; line-height: 71px;}
}

@media screen and (min-width:1200px ){
  .HatInfo .title,.HatInfo .ysjtitle01 span{font-size: 22px;}
  .HatInfo .img{padding: 50px 0;}


  .HatInfo .title{height: 102px; line-height: 102px;}
  .HatInfo .txtl{padding-top: 100px; font-size: 18px;} 
}


/*冠*/

/*艾玛多*/


.EmacareCon{ background: url(../images/emaimgbg.jpg) repeat-y 0 0; background-size: 100%; overflow:hidden; padding-bottom: 20px; }
.EmacareCon11{padding-bottom: 0; background-image: url(../images/qwy.jpg);}
.EmacareCon11 .EmaImg{ text-align: center; padding-top: 30px; }

.EmaInfo .left{}
.EmaInfo .left .imgbox,.EmaInfo .imgbox1{ text-align: center; } 

.EmaInfo .right .rh3{font-size: 17px; color: #8c2986; text-align: center; font-weight: normal; }
.EmaInfo .right .rh3 span{font-size: 31px;}
.EmaInfo .right ul li{ padding-left: 50px; position: relative; margin-bottom: 5px; padding-bottom: 5px;}
.EmaInfo .right ul li .litxt{border-bottom: 1px solid #ddc99e; font-size: 16px; color: #8c2986;}
.EmaInfo .right ul li .liicon{position: absolute; left: 0;top: 0px;}
.EmaInfoF2 .item {padding-top: 20px;}
.EmaInfoF2 .item .Emah3{margin: 0;font-size: 20px;color: #8c2986; font-weight: normal; background: url(../images/ematitlebg.png) no-repeat center 0; padding-top: 30px; text-align: center;}
.EmaInfoF2 .item .txt{background: url(../images/ematxttopbg.png) no-repeat 0 0,url(../images/ematxtbottombg.png) no-repeat 0 bottom; background-size: 100%; padding: 15px; margin-top: 15px;}
.EmaInfoF2 .item1 .txt{background-color: #f2e4f2;}
.EmaInfoF2 .txt{font-size: 16px;}
.EmaInfoF2 .txt .dl{padding-bottom: 20px; }
.EmaInfoF2 .txt .dl dt{font-size: 18px; color: #8c2986; text-align: center;}
.EmaInfoF2 .txt .dl dd{ font-size: 16px;  color: #585757; }
.EmaInfoF2 .txt .dl.last{padding-bottom: 0;}
.emaBottom{margin-top: 30px;font-size: 16px; color: #464545;}
.emaBottom a{color: #464545;}

@media screen and (min-width:768px ){
  .EmaInfoF2 .item .txt{padding: 20px;}
  .EmaInfoF2 .txt .dl{ position: relative; padding-left: 150px; }
  .EmaInfoF2 .txt .dl dt{width: 142px; position:absolute; left: 0; top: 0;text-align: left;}

  .EmaInfo .left{float: left; width: 40%;}
  .EmaInfo .right{float: right; width: 58%; padding-top: 7%;}
  .EmaInfo .right ul li .litxt{font-size: 18px;}
  .EmaInfoF2 .item {padding-top: 40px;}
  .EmaInfoF2 .item .txt{margin-top: 20px;}
  .EmaInfoF2 .txt{font-size: 18px;}

   
}

@media screen and (min-width:1200px ){
  .EmaInfo .left{width: 49%;}
  .EmaInfo .right{width:49%;}
  .EmaInfoF2 .item .Emah3{font-size: 23px;}
  .EmaInfoF2 .item {padding-top: 70px;}

  .EmaInfoF2 .txt .dl dt{font-size: 23px;}
  .EmaInfoF2 .txt .dl dd{font-size: 18px;}
  .emaBottom{text-align: right;}
  
}
/*艾玛多*/

/*呵护肠健康*/

.careCon{background: url(../images/carebg.jpg) repeat-y 0 0; background-size: 100%;}

.careCon .list{padding-top: 20px; max-width: 1100px; margin: 0 auto;}
.careCon .list li{ margin-bottom: 20px; }
.careCon .list li a{display: block;}
.careCon .list li a img{width: 100%;}

@media screen and (min-width:768px ){
  .careCon .list li.li2{width: 48%; float: left;}
  .careCon .list li.li3{width: 48%; float: right;}
}

@media screen and (min-width:1200px ){
  .careCon .list li.li1{width: 62.27%; float: left;}

  .careCon .list li.li2{width: 35%; float: right;}
  .careCon .list li.li3{width: 35%; float: right;}
}

/*呵护肠健康*/

.ConsultBox{background:url(../images/Consultbg.png) repeat-y 0 0;  }
.consult .container{background: #fff;}
.consultList  ul li{border-bottom: 1px solid #e6dbcd; }
.consultList a{display: block;  padding-bottom: 30px; padding-top: 30px;}
.consultList .left .img{ text-align: center; }
.consultList .left .img img{ width: 100%; }
.consultList .liBoxa h3{color:#373738; }
.consultList .liBoxa .txt{font-size: 16px;color: #373738;}

.consultList a:hover  .liBoxa h3{color: #d2a346;}
.consult .current{padding: 0 20px; border-bottom: 1px solid #e6dbcd;}
.consultList *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

@media screen and (min-width:768px ){
.consultList {padding: 20px 0;}

.consultList .liBoxa{position: relative;padding-left: 260px;height: 164px;}
.consultList .liBoxa .left{position: absolute; width: 243px; left: 0;top: 0;}
.consultList .liBoxa h3{margin-top: 0;}
.consultList  ul li a{ }
}

@media screen and (min-width:1200px ){
  .consult{margin-top: -100px; position: relative; z-index: 88;}
  .consultList .liBoxa{padding-right: 140px;padding-left: 290px;}
  .consultList .liBoxa .left{left: 20px;}
  .consultList .liBoxa .right{position: absolute; right: 0;top: 0;height: 100%; width: 120px; background: url(../images/morebtn03.png) no-repeat center;}
  .consultList ul li a{border:2px solid transparent;}
  .consultList ul li a:hover{border:2px solid #d2a346;}
}


/* 分页 css*/
.PageBox{ padding: 50px 0; }
.PageBox .Pages{text-align: center;}
.PageBox .Pages a{display: inline-block; width: 116px;height: 36px;font-size: 18px;color: #754629; line-height: 32px; background: url(../images/morebtn04.png) no-repeat center;}
.PageBox .Pages .num a{display: none;}
.PageBox .Pages a.a_prev{margin-right: 5px;}
@media screen and (min-width:1200px ){
  .PageBox{ padding: 50px 0 100px; }
}



.pageBoxCor{ padding:50px 0 0px; }
.pageBoxCor .Pages .a_prev,.pageBoxCor .Pages .a_next{padding: 8px 15px;}
.pageBoxCor .Pages{text-align: center;}
.pageBoxCor .Pages a{padding:8px 10px;border:1px solid #B28850; color: #7d5137; font-size: 14px; margin:0 3px;transition: all .5s;}
.pageBoxCor .Pages a:hover,.pageBoxCor .Pages a.a_cur{ background: #B28850;color: #fff; border:1px solid #B28850; }
.pageBoxCor .Pages .num{font-style: normal;}
.pageBoxCor .Pages .num a{display: none;}

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

.pageBoxCor .Pages .num a{display:inline-block;}
.pageBoxCor .Pages a{padding:0;border:1px solid #B28850;vertical-align:top;color: #7d5137;display: inline-block; position: relative; font-size: 14px; margin:0 3px;transition: all .5s; width: 38px;height: 35px;text-align: center; line-height: 35px;}
.pageBoxCor .Pages a.a_prev,
.pageBoxCor .Pages a.a_next{ width: 70px; height: 35px; line-height: 16px; font-size: 20px; }
}


/* 分页 css*/


/*大咖课堂*/

.schoolroomCon{ background: url(../images/schoolroomConbg.jpg) repeat-y 0 0; background-size: 100%; }
.schoolroomCon .title{text-align: center; color:#724329; font-size: 22px; }
.schoolroomCon .title .zc{font-size: 16px;}


.SRCon{padding: 20px 0;}
.schoolroomCon .Ftitle{font-size: 20px; color: #BE9137;text-align:center;margin: 10px auto;}



.SRConban .swiper-container {width: 100%;margin-left: auto; margin-right: auto;}
.SRConban .swiper-slide {background-size: cover;background-position: center; }
.SRConban .gallery-top {height: 80%;width: 100%;}
.SRConban .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.SRConban .gallery-thumbs .swiper-slide {  width:33.33%;height: 100%; padding: 0 10px;}
.SRConban .gallery-thumbs .swiper-slide  img{border:1px solid #aa8d5a; border-radius: 100%;}


.SRConban .gallery-top .swiper-slide{}


.SRConban .srtop {padding: 0 36px; margin-bottom: 40px;  }
.SRConban .srtop .swiper-slide{text-align: center;}
.SRConban .srbottom{ border:1px solid #c2a553; border-radius: 20px;background: #efe4c6;position: relative;}

.SRConban .srbottom .swiper-wrapper{}
.SRConban .srbottom .swiper-slide{ padding: 20px; }

.SRConban  i.icon{display: block; background: url(../images/sricon.png) no-repeat center top;width: 20px;height: 20px;margin: 0 auto; position: relative; z-index: 88; top: 13px;}
.SRConban .srbottom .txtbox{font-size: 14px; color: #2b2b2b; position: relative; padding-bottom: 50px;}
.SRConban .txtbox .more{display: block; position: absolute; right: 0;bottom: 0;background: url(../images/morebtn05.png) no-repeat center; width: 117px;height: 40px; text-align: center; line-height: 40px; color: #754629;font-weight: bold; }
.SRConban .swiper-button-next{ background:#FBF9EC url(../images/srright.png) no-repeat center;  width: 36px;height: 100%; margin-top: 0;top: 0; right: 0;}
.SRConban .swiper-button-prev{ background:#FBF9EC url(../images/srleft.png) no-repeat center; width: 36px;height: 100%; margin-top: 0;top: 0; left: 0;}

.SRF2{padding: 30px 0;}

.SRF2 .srTlist{}
.SRF2 .srTlist ul{text-align:center;padding-top: 20px;}
.SRF2 .srTlist ul li{ font-weight: bold;display: inline-block; padding:0 8px;color: #b78b24;cursor: pointer;line-height: 40px; border:1px solid #9b793c; border-radius: 10px; }
.SRF2 .srTlist ul li.on,.SRF2 .srTlist ul li:hover{background:url(../images/morebtn07.png) no-repeat center;background-size: cover; color: #744529;}

.srTlistBox .item{padding-top: 20px; display: none;}
.srTlistBox .item ul li{ margin-bottom: 20px; }
.srTlistBox .item ul li .imgBox{ margin-bottom: 5px;}
.srTlistBox .item ul li .imgBox img{width: 100%;}
.srTlistBox .item ul li .ph4{font-size: 13px; font-weight: normal; margin: 0; color: #744529; width: 80px;height: 30px; background: url(../images/morebtn07.png) no-repeat center; text-align: center; line-height: 30px; overflow: hidden; border-radius: 5px; margin-top: 0px; }
.srTlistBox .item ul li .pp{font-size: 14px; color: #2b2b2b; margin: 10px 0;}


@media screen and (min-width:540px ){
  .srTlistBox .item ul li{float: left; width: 49%;margin-right: 2%; margin-bottom: 2%;}
  .srTlistBox .item ul li:nth-child(2n){margin-right: 0;}
}



@media screen and (min-width:768px ){
  .SRF2{padding-top: 60px;}
}

@media screen and (min-width:1200px ){
  .schoolroomCon .title{font-size: 28px;}
  .schoolroomCon .title .zc{font-size: 16px;}

  .SRConban .gallery-thumbs .swiper-slide {  width:20%;height: 100%;}
  .SRConban .srbottom .txtbox{font-size: 17px;}
  .SRF2{padding-top: 120px;}
  .srTlistBox .item{padding-top: 35px;}
  .srTlistBox .item ul li .pp{font-size: 14px; margin: 18px 0 10px;}

  .srTlistBox .item ul li{width: 23.5%;margin-right: 2%; margin-bottom: 2%;}
  .srTlistBox .item ul li:nth-child(2n){margin-right: 2%;}
  .srTlistBox .item ul li:nth-child(4n){margin-right: 0;}
  .srTlistBox .item ul li:nth-child(4n+1){clear: both;}


  .srTlist ul li{ width: 114px;height: 40px; margin: 0 22px; }

  .SRConban .swiper-button-next,.SRConban .swiper-button-prev{background-color: none;}
}


/*大咖课堂*/

/*最新活动*/
.activityCon{background: url(../images/actbg.jpg) repeat-y 0 0; background-size: 100%;}
.ActF{padding-top: 30px;overflow: hidden;}
.ActF .title{text-align: center; border-bottom: 1px solid #e6dbcd; padding-bottom: 15px;margin-bottom: 15px;}
.ActF1 .left{text-align: center;}
.ActF1 .left img{width: 100%;}

.ActF1 .right{padding-top: 20px;}
.ActF1 .rightBox .actt{ margin: 0; font-size: 18px; color: #754629; font-weight: normal; }
.ActF1 .rightBox .time{margin: 0; font-weight: normal; color: #be9137; font-size: 16px;}
.ActF1 .rightBox .pt{font-size: 17px; color: #2b2b2b;}
.ActF1 .rightBox .more{display: block;margin: 0 auto; background: url(../images/morebtn05.png) no-repeat center; width: 117px;height: 40px; line-height: 40px; text-align: center;color: #754629;font-size: 20px;}
.ActF1 .rightBox .fxbox{margin-top: 20px; color: #9b793c;font-size: 18px;vertical-align: middle;}
.ActF1 .rightBox .fxbox span{float: left; line-height: 44px; }
.ActF1 .rightBox .fxbox .bdsharebuttonbox{float: left;}

.ActF2{padding-top: 40px;}
.ActF2 .List{padding-bottom: 30px;}
.ActF2 .List ul li{margin-bottom: 20px;}
.ActF2 .List ul li .imgBox{display: block; }
.ActF2 .List ul li .imgBox img{width: 100%;}
.ActF2 .txt{ padding-top: 10px; }
.ActF2 .txt .h3txt{margin: 0; font-size: 16px; color: #754629; text-align: center;}
.ActF2 .txt .h3txt a{color:#754629; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.ActF2 .txt .time{font-size: 14px; color: #2b2b2b; text-align: center; margin: 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.ActF2 .txt .more{display: block; text-align: right; font-size: 16px; color: #be9137; background: url(../images/morebtn06.png) no-repeat right center; padding-right: 20px;}


@media screen and (min-width:540px ){
  .ActF2 .List ul li{float: left; width: 49%;margin-right: 2%;}
  .ActF2 .List ul li:nth-child(2n){margin-right: 0%;}
}

@media screen and (min-width:768px ){
  .ActF1 .righBox .actt{font-size: 22px;}
  .ActF1 .rightBox .time{font-size: 18px;}
  .ActF2 .txt{ padding-top: 14px; }
  .ActF2 .List ul li{ width: 32%;margin-right: 2%;}
  .ActF2 .List ul li:nth-child(2n){margin-right: 2%;}
  .ActF2 .List ul li:nth-child(3n){margin-right: 0%;}
  .ActF2 .List ul li:nth-child(3n+1){clear: both;}
  .ActF2 .List{padding-bottom: 60px;}

}

@media screen and (min-width:1200px ){
  .ActF1 .righBox .actt{font-size: 26px;}
  .ActF1 .rightBox .more{margin-left: 0;}
  .ActF1 .left{float: left; width: 50%;}
  .ActF1 .right{float: right; width: 48%;}
  .ActF1 .rightBox .btns{margin-top: 80px;}
  .ActF1 .rightBox .btns .more{float: left;}
  .ActF1 .rightBox .btns .fxbox{float: left; margin-top: 0;padding-left: 50px;}
  .ActF2 .List ul li{margin-bottom: 50px;}

  .ActF2{padding-top: 80px;}
  .ActF2 .title{text-align: left;}


}


.ActF2 .PageBox{border-top: 1px solid #e6dbcd;}
.ActF2 .PageBox .Pages{ text-align: right;}
.ActF2 .PageBox .Pages a{text-align: center;}

/*最新活动*/


.useBox{background: url(../images/usebg.jpg)no-repeat center; background-size:cover;}
.useBox .img{text-align: center; padding: 20px 0;}
.useBox .usetitle{text-align: center;color: #be9137; font-size: 0;vertical-align: top;}
.useBox .usetitle .span{ vertical-align: top; display: inline-block;  font-size: 14px; line-height: 30px; }
.useBox .usetitle .icon{vertical-align: top; display: inline-block; background: url(../images/txtp02.png) no-repeat center bottom; width: 26px; height: 30px; background-size: 50%;}
.useBox .usetitle .icon1{vertical-align: top; display: inline-block; background: url(../images/txtp01.png) no-repeat 0 top;width: 26px; height: 30px; background-size: 50%;}
.useBox .rwmtxt{text-align: center; font-size: 14px; color: #2b2b2b;}
.useBox .rwmtxt b{font-size: 17px;color: #be9137;font-weight: normal; }


@media screen and (min-width:768px ){
  .useBox{padding: 40px 0;}
  .useBox .left{float: left;width: 50%;}
  .useBox .right{float: right;width: 48%;}
}

@media screen and (min-width:1200px ){
  .useBox{padding: 90px 0;}

  .useBox .container{max-width: 60%;}
  .useBox .usetitle .span{font-size: 18px;}

}



/*在线咨询*/
.OnlineyCon{background: #fff; padding: 20px 0;}
.OnlineyCon .title{ text-align: center; }
.OnlineyCon .list ul{padding: 20px 0;}
.OnlineyCon .list ul li{text-align: center; margin-bottom: 20px;}
.OnlineyCon .list ul li .imgBox{margin-bottom: 10px;}
.OnlineyCon .list ul li h3{font-size: 18px; color: #be9137; margin: 0;}
.OnlineyCon .list ul li .txt{font-size: 15px; color: #be9137;}


.onlineSearch{max-width: 520px; background: #be9137; margin: 0 auto; }
.onlineSearch .onlineSearchinput{padding: 2px 90px 2px 2px; border-radius: 3px; position: relative;}
.onlineSearch .onlineSearchinput .inputbox{padding:0 15px; background: #fff;}
.onlineSearch .onlineSearchinput input{ line-height: 40px; width: 100%; padding-}
.onlineSearch .onlineSearchinput a{position: absolute; right: 2px;top: 2px; height: 100%;}
.onlineSearch .onlineSearchinput a{line-height: 40px; width: 80px; text-align: center;  background: url(../images/onsearch.png) no-repeat 5px center; color: #fff;}


@media screen and (min-width:768px ){
  .OnlineyCon{padding: 20px 0 40px;}
  .OnlineyCon .list ul li{float: left;padding: 20px 0;height:200px;margin-bottom: 0; width: 25%;background: url(../images/onlibg.png) no-repeat right bottom;}
  .OnlineyCon .list ul{background: url(../images/onlibg.png) no-repeat left bottom;padding: 0;}
  .OnlineyCon .list ul li .libox{padding: 0 15px;}
  .onlineSearch{margin-top: 50px;}
}

@media screen and (min-width:1200px ){
  .OnlineyCon{background: #fff; padding: 100px 0;}
    .OnlineyCon .list ul{max-width: 768px; margin: 0 auto;}
    .OnlineyCon .list{padding: 50px 0;}
}
/*在线咨询*/


/*见证*/

.witnessBox{ padding-top: 30px; background:#fffcef url(../images/wibg.jpg) no-repeat 0 0; background-size: 100%; }
.witnessList{ overflow: hidden;background: url(../images/witnessListbg.jpg) repeat-y 0 0; background-size: 100%; padding: 30px 20px;}

.witnessList .libox{ position: relative; padding-left: 50px; }
.witnessList .libox .img{position: absolute; left: 0; width: 40px; border-radius: 5px; border:1px solid #aa8b43; }
.witnessList .libox .txt{color: #595757;}
.witnessList .libox .zan{vertical-align: middle; margin-top: 10px; text-align: right;line-height: 30px; color: #be9137; font-size: 22px;}
.witnessList .libox .zan img{padding-right: 10px; cursor:pointer;}
.witnessList li{border-bottom: 1px dashed #aa8b43;padding-bottom: 20px;margin-bottom: 20px;}

.wittxt{padding: 20px; text-align: center;}
.witnesstj{padding-top: 30px;}
.witnesstj .title{text-align: center; font-size: 22px; color: #a28144;margin-top: 30px;}

.witnesstj .textbox{border-radius: 10px; border:2px solid #c7a459;background: #fff;margin-top: 20px; padding: 10px;}
.witnesstj .textbox textarea{width: 100%; min-height: 80px; }
.witnesstj .more{display: block; background: url(../images/morebtn07.png) no-repeat center; width: 117px;height: 40px;line-height: 40px;  
  color: #462d00; text-align: center; margin: 20px auto; font-weight:bold; color: #462d00;}
.witnessBox .imgmore{ text-align: right; display: none; }
.mmqjz{position: relative;}

.witnessBox .vimg{display: none;}
@media screen and (min-width:768px ){
    .witnessList .libox{padding-left: 100px;}
    .witnessList li{min-height: 100px;}
    .witnessList .libox .img{width: 80px;}
    .witnessList .libox .txt{font-size: 20px;}
    .witnessList{padding: 40px;}
    .witnesstj .title{font-size: 26px;}
    .witnesstj{padding-top: 50px;}
}

@media screen and (min-width:1200px ){
  .witnessBox{padding-top: 110px;}
    .witnessList .libox{padding-left: 140px;}
    .witnessList li{min-height: 140px;}
    .witnessList .libox .img{width: 120px;}
    .witnessList{padding: 60px;}
    .witnesstj .title{font-size: 32px; margin-top: 70px;}

    .witnessBox .vimg{display:block; width: 45%;z-index: 88; position: absolute; right: 0;top: -5%;}
    .witnessBox .HomeVideo{position: relative; }
    .witnessBox .videoBox{width: 60%;}
    .witnessBox .wittxt{width: 60%;}
    .witnessBox .imgmore{ display: block;margin: 40px 0; }

    .witnesstj{padding-top: 70px;}

}




/*见证*/


.mt30{padding-top: 30px;}

/*页面二级/左侧/右侧菜单*/
.slidebar{}
/*页面二级/左侧/右侧菜单*/



/*弹出层样式*/

  .Mask{position: fixed; display: none; background:rgba(0,0,0,.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);left: 0; top: 0; z-index: 9999;}
  .Mask .MaskBox{z-index: 999;max-width: 300px; margin:0px auto;position: relative; /*这个高度可以去掉如果不去掉。会导致弹出层看的像不是垂直居中*/}

  .Mask .MaskBox a.MaskClore{ display: block;width: 40px; height: 40px;font-size: 24px;color: #D82128;position: absolute;right: 0;top:0px; line-height: 40px;text-align: center;}
/*弹出层样式*/

.Mask .MaskForm{width:100%;text-align: center; background: #fff;padding: 40px 0 30px; font-size: 16px;}
/*.Mask .MaskForm img{width: 100%;}*/




/*弹出层样式*/

  .MaskTV{position: fixed; display: none; background:rgba(0,0,0,.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);left: 0; top: 0; z-index: 9999;}
  .MaskTV .MaskBox{z-index: 999;max-width: 640px; margin:0px auto;position: relative; /*这个高度可以去掉如果不去掉。会导致弹出层看的像不是垂直居中*/}

  .MaskTV .MaskBox a.MaskClore{ display: block;width: 40px; height: 40px;font-size: 24px;color: #D82128;position: absolute;right: 0;top:0px; line-height: 40px;text-align: center;}
/*弹出层样式*/

.MaskTV .MaskForm{width:100%;text-align: center; background: #fff;padding: 40px 0 30px; font-size: 16px;}
.MaskTV .MaskForm video{width: 100%; }



/*弹出层样式*/

  .MaskJJ{position: fixed; display: none; background:rgba(0,0,0,.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);left: 0; top: 0; z-index: 9999;}
  .MaskJJ .MaskBox{z-index: 999;max-width: 680px;background: #fff;  margin:0px auto;position: relative;}

  .MaskJJ .MaskBox a.MaskClore{ display: block;width: 40px; height: 40px;font-size: 24px;color: #D82128;position: absolute;right: 0;top:0px; line-height: 40px;text-align: center;}
/*弹出层样式*/

.MaskJJ .MaskForm{width:100%;text-align: center;padding: 40px 0 30px; font-size: 16px;}
.MaskJJ .MaskForm .MaskCon{max-width: 90%;margin: 0 auto;}
.MaskJJ .MaskForm .MaskCon .left .img{width: 140px;height: 140px;border-radius: 20px; margin: 0 auto; overflow: hidden;}
.MaskJJ .MaskForm .MaskCon .left img{width: 100%;height: 100%;}

.MaskJJ .MaskForm .MaskCon .left a{display: block; width: 117px;height: 30px; line-height: 30px; text-align: center; margin: 15px auto 0; background: url(../images/morebtn07.png) no-repeat center; background-size: 100% 100%; color: #4f3607;}


.MaskJJ .MaskForm  .tj{display: block; width: 90px; margin: 10px auto 0; height: 30px; line-height: 30px; background: url(../images/morebtn07.png) no-repeat center; background-size: 100% 100%; color:#4f3607; font-size: 16px; }
.MaskJJ .MaskForm .MaskCon .right{border:1px solid #b28850; padding:10px;  margin-top: 20px;}
.MaskJJ .MaskForm .MaskCon .right textarea{width: 100%; height: 120px; font-size: 14px; color: #595757;}

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

  .MaskJJ .MaskForm .MaskCon .left{ float: left; }
.MaskJJ .MaskForm .MaskCon .right{float: right; margin: 0 ; }

    .MaskJJ .MaskBox{
      height: 580px;background: url(../images/maskbg.png) no-repeat center; background-size:100% 100%;
    }

      .MaskJJ .MaskBox a.MaskClore{background: url(../images/close.png) no-repeat; line-height: 999px; background-size: cover; top: 200px; right: 80px;}
    .MaskJJ .MaskForm{ padding-top: 255px;}
    .MaskJJ .MaskForm .MaskCon{max-width:540px;}
    .MaskJJ .MaskForm .MaskCon .right{float: right; width: 360px;}
}





/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}