@charset "utf-8";
/* CSS Document */
/* 全局公用的css样式 */
/*---------------------------------约束样式----------------------------------------*/
*{margin:0;padding:0;word-wrap:break-word}
* img{border:0}
* hr{border:1px dashed #d2d2d2}
body,h1,h2,h3,h4,h5,h6,td,th,tr{color:#333;font-weight:normal; font-size:12px; font-family:"Microsoft YaHei"}
a{text-decoration:none;outline:none;color:#333; cursor:pointer}
a:active{star:expression(this.onFocus=this.blur())}
a:focus,div:focus{outline:none}
a:hover{}
em{font-style:normal}
ul li{list-style:none}
input,textarea,select{outline:none; font-family:"Microsoft YaHei"}
.clear{width:100%; clear:both; height:1px; overflow:hidden}
.fl{float:left}
.fr{float:right}
.ov_hi{overflow:hidden}
.layout{width:1100px;margin:0 auto}
.ul_li{list-style:none}
.ov_hi{overflow:hidden}
.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}
.shadow{-webkit-box-shadow:#DDD9D9 0px 0px 30px;-moz-box-shadow:#DDD9D9 0px 0px 30px; box-shadow:#DDD9D9 0px 0px 30px}
.mg_15{margin-top:15px}
.fl-clr,.clearfix{zoom:1}
.fl-clr:after{display:block;clear:both;height:0;content:"\0020"}
.hide{display:none}
body{overflow-x:hidden}

.a,.footer a,.partner_list li a,.sages_list li *,.news_list li *,.nav_box,.custom_list li .img img,.custom_list li a,.life_show a,.grid li a,.classic_list li a,.forum_list li a,.forum_scroll .item a{webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 1s ease;transition:all 0.5s ease}
.imga:hover,.sages_list li a:hover img,.news_list li a:hover img,.custom_list li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}


/*导航样式*/
.nav_box{position:fixed; width:100%; left:0; top:0; background:rgba(0,0,0,0.45); z-index:99}
.nav_box .layout{height:80px; position:relative}
.logo{position:absolute; left:0; top:50%; margin-top:-15px; color:#f0ad18; font-size:23px}
.nav_box.hover{background:rgba(27,19,0,0.9)}

.nav_ul{float:right}
.nav_ul li{float:left}
.nav_ul li a{display:block; float:left; height:75px; line-height:75px; font-size:14px; color:#f0ad18; padding:0 30px; border-top:5px solid rgba(118,83,12,0)}
.nav_ul li.hover a,.nav_ul li a:hover{border-top:5px solid rgba(118,83,12,1); background:#3b2707}

.nav_a{display:none}

/*尾部样式*/
.footer{background:#000; padding:25px 0; color:#6b6b6b; line-height:30px; font-size:14px; text-align:center; line-height:30px}
.footer a{color:#e9e9e8}
.footer a:hover{color:#f0ad18}
.footer .link a{margin:0 20px}
.footer p span{padding-left:10px}
.footer p a{color:#6b6b6b}


/*首页样式*/
.index_show{overflow:hidden; position:relative}
.index_show img{width:100%}
.index_show .logotxt{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/logotxt.png) no-repeat center center}
.index_show .pc{display:block}
.index_show .web{display:none}

.index_one{background:#f9f4e6; padding:100px 0}
.index_title{position:relative; text-align:center; font-size:26px}
.index_title .t{position:relative; border:1px solid #dedede; width:183px; height:36px; line-height:36px; margin:0 auto; display:block}
.index_title .t span{background:#f9f4e6; padding:0 12px 2px 12px}
.index_title .t em{padding:0 10px}
.index_title .t:after{content:""; position:absolute; height:1px; width:458px; background:url(../images/linel.png) no-repeat; top:50%; margin-top:-0.5px; left:-458px}
.index_title .t:before{content:""; position:absolute; height:1px; width:458px; background:url(../images/liner.png) no-repeat; top:50%; margin-top:-0.5px; right:-458px}

.index_about{padding:30px 0 0 0 }
.index_about *{overflow:hidden}
.index_about .tab_ul{text-align:center; padding:0 0 30px 0}
.index_about .tab_ul li{display:inline; padding:0 6px}
.index_about .tab_ul li a{display:inline-block; width:100px; height:30px; border-radius:50px; line-height:30px; font-size:14px; color:#666666}
.index_about .tab_ul li.hover a{background:#eeac00; color:#fff}
.index_about .tab_box{height:310px}
.index_about_text{position:relative; padding-left:600px; height:310px}
.index_about_text .video{position:absolute; left:0; top:0; width:560px}
.index_about_text .title{font-size:24px; line-height:24px; position:relative; padding-bottom:10px}
.index_about_text .title:after{content:""; position:absolute; height:2px; width:70px; background:#eeac00; bottom:0; left:0}
.index_about_text .txt{font-size:14px; color:#666; line-height:24px; height:216px; margin:10px 0}
.index_about_text .a{display:block; width:100px; height:33px; color:#fff; font-size:14px; text-align:center; line-height:33px; background:#eeac00; border-radius:5px}
.index_about .partner_list li{width:25%; opacity:1}

.index_two{background:url(../images/index_two.jpg) no-repeat center 0 fixed; height:1410px}

.sages_list{overflow:hidden; margin-left:-65px; padding:130px 0 0 0}
.sages_list li{float:left; width:50%; padding-bottom:70px; opacity:0}
.sages_list li .box{display:block; margin-left:65px; color:#fff}
.sages_list li .box{padding-left:265px; position:relative; height:335px}
.sages_list li .img{position:absolute; left:0; top:0; width:238px; height:333px; border:1px solid #848586}
.sages_list li img{width:100%; height:333px}
.sages_list li .title{height:24px; line-height:24px; font-size:24px; padding:25px 0; position:relative}
.sages_list li .title:after{content:""; position:absolute; height:2px; width:90px; background:#eeac00; bottom:0; left:0}
.sages_list li .txt{height:168px; font-size:14px; line-height:24px; margin:10px 0; opacity:0.58}
.sages_list li .more{display:block; width:90px; height:26px; color:#fff;  text-align:center; line-height:26px; border-radius:5px; border:1px solid #eeac00}
.sages_list li .title,.sages_list li .img,.sages_list li .txt{overflow:hidden}

.sages_list li a:hover .txt{opacity:1}
.sages_list li a:hover .img{border:1px solid #fff; -webkit-box-shadow:rgba(238,237,233,0.7) 0px 0px 4px;-moz-box-shadow:rgba(238,237,233,0.7) 0px 0px 4px; box-shadow:rgba(238,237,233,0.7) 0px 0px 4px}
.sages_list li a:hover .more{background:#eeac00}

.index_three{background:#faf7f0; padding:70px 0}
.index_three .index_title .t span{background:#faf7f0}
.index_three .news_list{padding-top:50px}

.index_four{background:#333 url(../images/index_four.jpg) no-repeat 0 bottom; height:410px; overflow:hidden}
.index_four .box{width:50%; float:left; height:410px; position:relative}
.index_four .box .title{padding:60px 0 12px 0; position:relative; font-size:24px; color:#e8e8e7}
.index_four .box .title:after{content:""; position:absolute; height:2px; width:90px; background:#eeac00; bottom:0; left:0}
.index_four .box dl{padding:80px 0 0 0; overflow:hidden}
.index_four .box dl dt{float:left}
.index_four .box dl dd{font-size:18px; color:#fff; line-height:30px; padding:0 0 0 150px}
.index_four .box dl dd p{overflow:hidden; padding-bottom:20px; padding-left:40px; position:relative}
.index_four .box dl dd p i{display:inline-block; width:29px; height:29px; position:absolute; left:0; top:0}
.index_four .box dl dd p .i1{background:url(../images/i1.png) no-repeat; background-size:cover}
.index_four .box dl dd p .i2{background:url(../images/i2.png) no-repeat; background-size:cover}
.index_four .box dl dd p .i3{background:url(../images/i3.png) no-repeat; background-size:cover}
.index_four .box .index_map{height:410px}
 
/*二级页面*/
.second_show{overflow:hidden; height:580px}
.second_show img{display:none}
.second_box{padding:30px 0; background:#fdfcf8}
.position_box{text-align:right; font-size:14px; color:#666; line-height:20px; height:20px}
.position_box a{color:#666}
.position_box a.on,.position_box a:hover{color:#b58312}
.position_box span{padding:0 10px}

/*一代圣师*/
.sage_box .title{font-size:24px; padding-top:15px}
.sage_box .title:after{content:""; display:block; height:2px; width:90px; background:#eeac00; margin-top:15px}
.sage_box .txt{color:#666; font-size:14px; line-height:22px; padding-top:25px}
.sage_One{padding:60px 0}
.sage_One .layout{position:relative; min-height:292px}
.sage_One .img{width:549px; position:absolute; left:0; top:0}
.sage_One .box{margin:0 0 0 580px}

.sage_two{background:url(../images/sage_two.jpg) no-repeat center bottom fixed; height:430px; color:#fff}
.sage_two .title{padding-top:80px; text-align:center}
.sage_two .title:after{margin:15px auto 0 auto}
.sage_two .txt{color:#fff; padding-top:40px}

.sage_three{background:#fff; padding:60px 0}
.sage_three .layout{position:relative; min-height:439px}
.sage_three .img{width:439px; position:absolute; right:0; top:0}
.sage_three .box{margin:0 520px 0 0}

.sage_four{padding:60px 0}
.sage_four .layout{position:relative; min-height:375px}
.sage_four .img{width:548px; position:absolute; left:0; top:0}
.sage_four .box{margin:0 0 0 580px}

.sage_five{background:#fff; padding:60px 0}
.sage_five .layout{position:relative; min-height:305px}

.sage_scroll{position:relative; z-index:2}
.sage_scroll .owl-wrapper-outer{overflow:hidden; position:relative}
.sage_scroll .item{position:relative}
.sage_scroll .owl-item{float:left}
.sage_scroll .owl-wrapper{position:relative}
.sage_scroll .item{position:relative;min-height:305px}
.sage_scroll .item *{overflow:hidden}
.sage_scroll .item .img{width:519px; position:absolute; right:0; top:0; border:1px solid #dedede}
.sage_scroll .item .box{margin:0 570px 0 0}
.sage_scroll .owl-buttons{position:absolute; width:42px; top:30px; left:50%; margin-left:-80px} 
.sage_scroll .owl-buttons:after{content:""; height:20px; width:2px; background:#ad995a; position:absolute; left:50%; margin-left:-1px; top:50%; margin-top:-10px}
.sage_scroll .owl-buttons >div{float:left; width:11px; height:20px; background:#000; cursor:pointer}
.sage_scroll .owl-buttons .owl-prev{background:url(../images/left1.png) no-repeat; margin-right:20px}
.sage_scroll .owl-buttons .owl-next{background:url(../images/right1.png) no-repeat}
.sage_scroll .owl-buttons .owl-prev:hover{background:url(../images/left1a.png) no-repeat}
.sage_scroll .owl-buttons .owl-next:hover{background:url(../images/right1a.png) no-repeat}

/*定制服务*/
.custom_list{padding:40px 0 0 0}
.custom_list li *{overflow:hidden}
.custom_list li{padding-bottom:40px; opacity:0}
.custom_list li a{display:block; background:#fff; padding:0 60px 0 600px; position:relative; min-height:260px}
.custom_list li .img{position:absolute; left:0; top:0; width:550px; height:260px}
.custom_list li .img img{width:100%; height:260px}
.custom_list li .title{font-size:16px; font-weight:bold; padding-left:15px; position:relative; line-height:30px; height:30px; margin-top:45px}
.custom_list li .title:after{content:""; height:18px; width:4px; background:#eeac00; position:absolute; left:0; top:50%; margin-top:-9px}
.custom_list li .txt{font-size:14px; color:#666; line-height:22px; height:88px; margin-top:20px}
.custom_list li .a{position:absolute; width:90px; height:26px; border:1px solid #eeac00; color:#eeac00; text-align:center; line-height:26px; text-align:center; border-radius:3px; right:60px; bottom:35px}
.custom_list li a:hover .a{background:#eeac00; color:#fff}
.custom_list li a:hover{-webkit-box-shadow:rgba(235,225,186,0.75) 1px 0px 24px;-moz-box-shadow:rgba(235,225,186,0.75) 1px 0px 24px; box-shadow:rgba(235,225,186,0.75) 1px 0px 24px}

.position_bottom{text-align:right; height:30px}
.position_bottom a,.position_bottom span{display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; border:1px solid #b58312; color:#b58312; font-size:14px; margin-left:15px; border-radius:5px}
.position_bottom a:hover,.position_bottom .on{background:#b58312; color:#fff}

.pt_40{padding-top:40px}
.left_box{width:840px; float:left}
.right_box{width:220px; float:right}

.custom_show{height:295px; margin:30px 0 10px 0; position:relative}
.page_title{font-size:24px}
.page_title:after{content:""; display:block; height:2px; width:70px; background:#eeac00; margin-top:15px}
.page_time{font-size:14px; line-height:25px; color:#999999; padding-top:10px}
.page_time span{padding-right:20px}
.page_txt{font-size:16px; line-height:26px; color:#666666; padding:30px 0}
.page_txt img{max-width:100%; -webkit-box-shadow:rgba(235,225,186,0.75) 1px 0px 24px;-moz-box-shadow:rgba(235,225,186,0.75) 1px 0px 24px; box-shadow:rgba(235,225,186,0.75) 1px 0px 24px}
.pagination_box{line-height:35px; font-size:18px; padding:15px 0; border-top:1px solid #e9e8e5}
.pagination_box a:hover{text-decoration:underline; color:#a47b0e}

.pagination_img{line-height:68px; height:68px; font-size:18px; padding:35px 0; border-top:1px solid #e9e8e5}
.pagination_img *{overflow:hidden}
.pagination_img a:hover{text-decoration:underline; color:#a47b0e}
.pagination_img img{width:113px; height:68px}
.pagination_img .a1{float:left}
.pagination_img .a1 img{float:left; margin-right:25px}
.pagination_img .a2{float:right}
.pagination_img .a2 img{float:right; margin-left:25px}

.recommend_title{font-size:18px; padding-left:15px; position:relative; line-height:30px; height:30px}
.recommend_title:after{content:""; height:18px; width:4px; background:#eeac00; position:absolute; left:0; top:50%; margin-top:-9px}
.recommend_list{overflow:hidden}
.recommend_list *{overflow:hidden}
.recommend_list li{padding-top:15px}
.recommend_list li img{width:100%; margin-bottom:10px}
.recommend_list li .title{font-size:16px}
.recommend_list li .title span{padding:0 10px}
.recommend_list li .time{color:#999; font-size:14px}


/*关于我们-公司简介*/
.about_nav{padding:0 90px}
.about_nav li{width:20%}
.about_nav li .i1{background:url(../images/about_ioc1.png) no-repeat center center}
.about_nav li a:hover .i1,.about_nav li.hover a .i1{background:url(../images/about_ioc1a.png) no-repeat center center}
.about_nav li .i2{background:url(../images/about_ioc2.png) no-repeat center center}
.about_nav li a:hover .i2,.about_nav li.hover a .i2{background:url(../images/about_ioc2a.png) no-repeat center center}
.about_nav li .i3{background:url(../images/about_ioc3.png) no-repeat center center}
.about_nav li a:hover .i3,.about_nav li.hover a .i3{background:url(../images/about_ioc3a.png) no-repeat center center}
.about_nav li .i4{background:url(../images/about_ioc4.png) no-repeat center center}
.about_nav li a:hover .i4,.about_nav li.hover a .i4{background:url(../images/about_ioc4a.png) no-repeat center center}
.about_nav li .i5{background:url(../images/about_ioc5.png) no-repeat center center}
.about_nav li a:hover .i5,.about_nav li.hover a .i5{background:url(../images/about_ioc5a.png) no-repeat center center}

.about_text{padding:35px 0}
.about_text .title{font-size:24px}
.about_text .title:after{content:""; display:block; height:2px; width:70px; background:#eeac00; margin-top:15px}
.about_text .txt{font-size:14px; line-height:26px; color:#666666; padding:30px 0 0 0}
.about_text img{max-width:100%}


/*关于我们-团队介绍*/
.team_list{padding:40px 0 0 0; position:relative}
.team_list li{float:left; width:50%; margin-bottom:10px; min-height:330px;}
.team_list li .li{overflow:hidden}
.team_list li .box{margin:30px 45px; position:relative; padding-left:240px; height:270px; z-index:2; overflow:hidden}
.team_list li .box *{overflow:hidden}
.team_list li .box .img{position:absolute; left:0; top:0}
.team_list li .box .img img{width:195px; height:270px}
.team_list li .box .title{font-size:24px}
.team_list li .box .tt{font-size:16px; padding:10px 0 0 0}
.team_list li .box .tt:after{content:""; display:block; height:2px; width:65px; background:#eeac00; margin-top:10px}
.team_list li .box .txt{color:#666666; font-size:14px; line-height:22px; height:110px; margin:20px 0; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:5}
.team_list li .box .a{display:block; width:90px; height:25px; border-radius:3px; text-align:center; line-height:25px; color:#fff; border:1px solid #eeac00; background:#eeac00; cursor:pointer}
.team_list li .box .close{position:absolute; right:0px; top:0px; font-size:26px; line-height:26px; font-family:Arial, Helvetica, sans-serif; font-style:normal; cursor:pointer; display:none}

.team_list li.hover .li{position:absolute; left:0; width:100%; background:#fff; z-index:3 !important}
.team_list li.hover .li:after{content:""; position:absolute; left:0; top:0; height:100%; width:100%; background:#fff; -webkit-box-shadow:rgba(235,225,186,0.75) 1px 0px 24px;-moz-box-shadow:rgba(235,225,186,0.75) 1px 0px 24px; box-shadow:rgba(235,225,186,0.75) 1px 0px 24px}
.team_list li.hover .box .a{display:none}
.team_list li.hover .box .close{display:block}
.team_list li.hover .box .txt{height:176px; -webkit-line-clamp:8}

/*关于我们-合作伙伴*/
.partner_list{margin-left:-50px}
.partner_list li{float:left; width:33.3%; padding-bottom:40px; opacity:0}
.partner_list li a{display:block; margin-left:50px; background:#fff}
.partner_list li a:hover{-webkit-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px;-moz-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px; box-shadow:rgba(216,197,122,0.33) 1px 0px 27px}
.partner_list li img{width:100%}

/*关于我们-联系我们*/
.map_box{}
.contact_txt{padding-top:30px; overflow:hidden}
.contact_txt li{height:34px; line-height:34px; font-size:20px; color:#484848; margin-bottom:10px; position:relative; padding-left:45px;}
.contact_txt li .ioc{height:34px; position:absolute; left:0; top:0}

.second_nav{position:relative; margin:30px 0 50px 0; background:#f4f2e9}
.second_nav:before{content:""; height:100%; width:300%; background:#f4f2e9; position:absolute; left:-100%; top:0}
.second_nav li{float:left; text-align:center; position:relative; z-index:2;}
.second_nav li i{height:28px; display:block}
.second_nav li p{font-size:16px; color:#484848; line-height:20px; padding-top:5px}
.second_nav li a{display:block; padding:13px 0; height:53px}
.second_nav li a:hover p,.second_nav li.hover a p{color:#b58312}



/*新闻资讯*/
.news_nav{padding:0 180px}
.news_nav li{width:50%}
.news_nav li .i1{background:url(../images/news_ioc1.png) no-repeat center center}
.news_nav li a:hover .i1,.news_nav li.hover a .i1{background:url(../images/news_ioc1a.png) no-repeat center center}
.news_nav li .i2{background:url(../images/news_ioc2.png) no-repeat center center}
.news_nav li a:hover .i2,.news_nav li.hover a .i2{background:url(../images/news_ioc2a.png) no-repeat center center}

.news_list{overflow:hidden; margin-left:-40px}
.news_list li{width:50%; float:left; padding-bottom:35px; opacity:0}
.news_list li *{overflow:hidden}
.news_list li .box{display:block; background:#e9e9e9; margin-left:40px; border:1px solid #e9e9e9; min-height:144px; position:relative; padding:15px 15px 15px 243px}
.news_list li .img{position:absolute; left:15px; top:15px; width:212px; height:144px}
.news_list li .time{position:absolute; background:rgba(0,0,0,0.37); color:#fff; text-align:center; padding:5px; left:7px; bottom:7px; line-height:22px}
.news_list li .time .t{font-size:15px}
.news_list li .img img{width:100%; height:144px}
.news_list li .title{height:44px; line-height:22px; font-size:15px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.news_list li .txt{font-size:14px; color:#666; height:44px; line-height:22px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:15px 0}
.news_list li .a{color:#6e5104}
.news_list li a:hover{border:1px solid #eeac00; background:#faf7f0}
.news_list li a:hover .a{color:#eeac00}


/*禅生活*/
.life_show{margin:30px 0 10px 0}
.life_show a{display:block; background:#fff; position:relative}
.life_show *{overflow:hidden}
.life_show img{width:100%}
.life_show .box{width:100%; background:rgba(0,0,0,0.67); color:#fff; left:0; bottom:0; position:absolute}
.life_show .box .pa{padding:25px 260px 25px 40px}
.life_show .title{font-size:24px; text-overflow:ellipsis; white-space: nowrap}
.life_show .title span{padding:0 10px}
.life_show .title:after{content:""; display:block; height:2px; width:70px; background:#eeac00; margin-top:10px}
.life_show .txt{height:44px; line-height:22px; font-size:14px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.life_show .a{position:absolute; right:50px; bottom:40px; width:90px; height:25px; border-radius:3px; text-align:center; line-height:25px; color:#eeac00; border:1px solid #eeac00}
.life_show a:hover{-webkit-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px;-moz-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px; box-shadow:rgba(216,197,122,0.33) 1px 0px 27px; position:relative; overflow:hidden}
.life_show a:hover .a{color:#fff; background:#eeac00}

.life_list{}
.life_list *{overflow:hidden}
.life_list li{padding:25px 0 25px 260px; border-bottom:1px solid #ebebeb; min-height:120px; position:relative; opacity:0;background:#fdfcf8}
.life_list li .img{position:absolute; left:0; top:25px}
.life_list li .img img{width:240px; height:120px}
.life_list li .title{font-size:16px; font-weight:bold; position:relative;padding-left:15px;  height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap}
.life_list li .title span{padding:0 10px}
.life_list li .title.title:after{content:""; height:18px; width:4px; background:#eeac00; position:absolute; left:0; top:50%; margin-top:-9px}
.life_list li .txt{height:44px; color:#666; line-height:22px; font-size:14px; margin:10px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.life_list li .time{color:#999; font-size:14px; line-height:20px}


/*佛教艺术*/
.art_nav{padding:0 180px}
.art_nav li{width:50%}
.art_nav li .i1{background:url(../images/art_ioc1.png) no-repeat center center}
.art_nav li a:hover .i1,.art_nav li.hover a .i1{background:url(../images/art_ioc1a.png) no-repeat center center}
.art_nav li .i2{background:url(../images/art_ioc2.png) no-repeat center center}
.art_nav li a:hover .i2,.art_nav li.hover a .i2{background:url(../images/art_ioc2a.png) no-repeat center center}

.grid li a{display:block; background:#fff}
.grid li a *{overflow:hidden}
.grid li .box{padding:15px}
.grid li .title{font-size:18px; font-weight:bold}
.grid li .title:after{content:""; display:block; height:2px; width:90px; background:#eeac00; margin-top:10px}
.grid li .txt{line-height:22px; height:66px; font-size:16px; color:#666; margin:10px 0}
.grid li .a{display:block; text-align:right; color:#af7f01; font-size:15px}
.grid li a:hover{-webkit-box-shadow:rgba(209,200,164,0.23) 1px 0px 9px;-moz-box-shadow:rgba(209,200,164,0.23) 1px 0px 9px; box-shadow:rgba(209,200,164,0.23) 1px 0px 9px}
.grid li a:hover .a{color:#eeac00}

.art_text{padding:35px 0}
.art_text .title{font-size:24px; text-align:center}
.art_text .title:after{content:""; display:block; height:2px; width:70px; background:#eeac00; margin:15px auto 0 auto}
.art_text .txt{font-size:16px; line-height:26px; color:#666666; padding:30px 0 0 0}
.art_text img{max-width:100%}


/*经典巨作*/
.classic_nav{padding:0 180px}
.classic_nav li{width:50%}
.classic_nav li .i1{background:url(../images/classic_ioc1.png) no-repeat center center}
.classic_nav li a:hover .i1,.classic_nav li.hover a .i1{background:url(../images/classic_ioc1a.png) no-repeat center center}
.classic_nav li .i2{background:url(../images/classic_ioc2.png) no-repeat center center}
.classic_nav li a:hover .i2,.classic_nav li.hover a .i2{background:url(../images/classic_ioc2a.png) no-repeat center center}

.classic_list{padding-bottom:40px}
.classic_list li .box *{overflow:hidden}
.classic_list li{opacity:0; background:#fdfcf8}
.classic_list li .box{display:block; padding:40px 40px 40px 410px; min-height:207px; position:relative}
.classic_list li .img{position:absolute; left:40px; top:40px}
.classic_list li .img img{width:340px; height:207px}
.classic_list li .title{font-size:18px; font-weight:bold}
.classic_list li .title:after{content:""; display:block; height:2px; width:90px; background:#eeac00; margin-top:10px}
.classic_list li .txt{height:66px; color:#666; line-height:22px; font-size:14px; margin:10px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3}
.classic_list li .a{position:absolute; right:40px; bottom:40px; width:90px; height:25px; border-radius:3px; text-align:center; line-height:25px; color:#eeac00; border:1px solid #eeac00}

.classic_list li a:hover{background:#fff; -webkit-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px;-moz-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px; box-shadow:rgba(216,197,122,0.33) 1px 0px 27px}
.classic_list li a:hover .a{color:#fff; background:#eeac00}

.classic_video{-webkit-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px;-moz-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px; box-shadow:rgba(216,197,122,0.33) 1px 0px 27px; margin:40px 0 0 0}


/*名师讲堂*/
.forum_nav{padding:0 180px}
.forum_nav li{width:50%}
.forum_nav li .i1{background:url(../images/forum_ioc1.png) no-repeat center center}
.forum_nav li a:hover .i1,.forum_nav li.hover a .i1{background:url(../images/forum_ioc1a.png) no-repeat center center}
.forum_nav li .i2{background:url(../images/forum_ioc2.png) no-repeat center center}
.forum_nav li a:hover .i2,.forum_nav li.hover a .i2{background:url(../images/forum_ioc2a.png) no-repeat center center}

.forum_list{margin-left:-55px; padding:40px 0}
.forum_list li{width:33.3%; float:left; padding-bottom:30px; opacity:0}
.forum_list li *{overflow:hidden}
.forum_list li .box{display:block; padding:20px; margin-left:55px; background:#fff}
.forum_list li .img{display:block; position:relative}
.forum_list li .img:after{content:""; width:57px; height:57px; position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; background:url(../images/play.png) no-repeat}
.forum_list li img{width:100%; display:block}
.forum_list li .title{font-size:18px; font-weight:bold;text-overflow:ellipsis;white-space: nowrap; margin-top:20px}
.forum_list li .title:after{content:""; display:block; height:2px; width:70px; background:#eeac00; margin-top:5px}
.forum_list li .txt{font-size:14px; color:#666; line-height:22px; height:44px; margin:15px 0 20px 0}
.forum_list li .a{display:block; float:right; width:90px; height:25px; border-radius:3px; text-align:center; line-height:25px; color:#eeac00; border:1px solid #eeac00}
.forum_list li a:hover{-webkit-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px;-moz-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px; box-shadow:rgba(216,197,122,0.33) 1px 0px 27px}
.forum_list li a:hover .a{color:#fff; background:#eeac00}

.forum_box{border-top:2px solid #e3e2df; padding:30px 0 0 0}
.forum_box .title{font-size:24px; line-height:30px}

.forum_scroll{position:relative; z-index:2}
.forum_scroll .owl-wrapper-outer{overflow:hidden; position:relative; padding:30px 0}
.forum_scroll .item{position:relative}
.forum_scroll .owl-item{float:left}
.forum_scroll .owl-wrapper{position:relative}
.forum_scroll .item{padding:0 25px;}
.forum_scroll .item *{overflow:hidden}
.forum_scroll .item .box{display:block; padding:20px; background:#fff}
.forum_scroll .item .img{display:block; position:relative}
.forum_scroll .item .img:after{content:""; width:57px; height:57px; position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; background:url(../images/play.png) no-repeat}
.forum_scroll .item img{width:100%; display:block}
.forum_scroll .item .title{font-size:18px; font-weight:bold;text-overflow:ellipsis;white-space: nowrap; margin-top:20px; text-align:left}
.forum_scroll .item .title:after{content:""; display:block; height:2px; width:70px; background:#eeac00; margin-top:5px}
.forum_scroll .item .txt{font-size:14px; color:#666; line-height:22px; height:44px; margin:15px 0 20px 0}
.forum_scroll .item .a{display:block; float:right; width:90px; height:25px; border-radius:3px; text-align:center; line-height:25px; color:#eeac00; border:1px solid #eeac00}
.forum_scroll .item a:hover{-webkit-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px;-moz-box-shadow:rgba(216,197,122,0.33) 1px 0px 27px; box-shadow:rgba(216,197,122,0.33) 1px 0px 27px}
.forum_scroll .item a:hover .a{color:#fff; background:#eeac00}

@media screen and (max-width:1100px){
  .layout{width:100%}
  
	
}

@media screen and (max-width:992px){
	.nav_a{position:absolute; right:10px; top:50%; margin-top:-10px; width:29px; height:20px; background:url(../images/nav.png) no-repeat; background-size:cover; display:block}
	.nav_ul{display:none; width:100%; position:absolute; left:0; top:80px; background:rgba(240,173,24,0.9)}
	.nav_ul li{float:none; text-align:center}
	.nav_ul li a{float:none; width:100%; padding:0; height:40px; line-height:40px; color:#fff}
	.nav_ul li.hover a{border-top:3px solid rgba(118,83,12,1); border-bottom:3px solid rgba(118,83,12,1)}
	
	
}

@media screen and (max-width:750px){
	.index_show .pc{display:none}
	.index_show .web{display:block}
	.index_show .logotxt{ background-size:45% !important}
	.nav_box .layout{height:50px}
    .logo{left:10px; font-size:20px; margin-top:-13px}
	.nav_ul{display:none; width:100%; position:absolute; left:0; top:50px}
	.index_title{font-size:20px; overflow:hidden}
	.index_title .t{height:30px; line-height:32px;}
	
	.index_one{padding:30px 10px}
	.index_about .tab_box{height:auto}
	.index_about_text{padding-left:0; height:auto}
	.index_about_text .video{position:inherit; width:100%; margin-bottom:20px}
	.index_about_text .title{text-align:center; font-size:18px}
	.index_about_text .title:after{left:50%; margin-left:-35px}
	.index_about_text .a{margin:0 auto}
	.sages_list{padding:40px 10px; margin:0}
	.sages_list li{float:none; width:100%}
	.sages_list li .box{padding:0; margin:0; height:auto}
	.sages_list li .box .img{position:inherit; width:auto; display:block; height:auto; text-align:center}
	.sages_list li .box .img img{width:auto}
	.sages_list li .txt{height:auto}
	.sages_list li{padding-bottom:20px}
	.index_two{height:auto; background-size:cover !important}
	.sages_list li .title{text-align:center}
	.sages_list li .title:after{left:50%; margin-left:-45px}
	.sages_list li .more{margin:0 auto}
	
	.sages_list li img{ height:250px}
	
	.index_three{padding:30px 10px}
	.index_three .news_list{padding:30px 0 0 0}
	.news_list{margin:0; padding:0 10px}
    .news_list li{width:100%}
	.news_list li .box{margin:0; padding:15px}
	.news_list li .box .img{position:relative; left:inherit; top:inherit; display:block; width:auto; height:auto; margin-bottom:15px}
	.news_list li .box .img img{height:auto}
	
	.index_four{height:auto; padding:30px 10px;}
	.index_four .box{width:100%; height:auto; float:none}
	.index_four .box .title{padding:0 0 12px 0; text-align:center}
	.index_four .box .title:after{left:50%; margin-left:-45px}
	.index_four .box dl dt{float:none; text-align:center; padding-bottom:20px}
	.index_four .box dl{padding:20px 0 0 0}
	.index_four .box dl dd{float:none; padding:0}
	.index_four .box dl dd p{padding-bottom:10px}
	.index_four .box .index_map{height:auto; width:100%; display:none}
	.footer .link a{display:inline-block}
	.footer{padding:25px 10px; line-height:22px}
	.footer .link{padding-bottom:15px}
	
	.second_show{height:auto}
	.second_show img{display:block; width:100%}
	.position_box{text-align:center}
	.second_box{padding:20px 0}
	.sage_One,.sage_three,.sage_four,.sage_five{padding:30px 10px}
	.sage_One .img,.sage_three .img,.sage_four .img{position:inherit; width:100%}
	.sage_scroll .item .img{position:inherit;width:99%}
	.sage_One .box,.sage_three .box,.sage_four .box,.sage_scroll .item .box {margin:0}
	.sage_two .title{padding-top:30px; font-size:20px}
	.sage_two .txt{padding:20px 10px 30px 10px}
	.sage_two{height:auto; background-size:cover !important}
	.sage_scroll .owl-buttons{right:10px; left:inherit; margin:0; top:28px; background:#fff}

	.sage_box .txt{margin-bottom:15px}
	.custom_list{padding:30px 10px 0 10px}
	.custom_list li{padding-bottom:20px}
	.custom_list li a{padding:10px}
	.custom_list li .img{width:100%; height:auto; position:inherit}
	.custom_list li .img img{height:auto}
	.custom_list li .title{margin-top:15px}
	.custom_list li .a{ position:inherit; display:block; right:inherit; bottom:inherit}
	.custom_list li .txt{margin:10px 0}
	.position_bottom{text-align:center}
	
	.pt_40{padding:30px 10px 0 10px}
	.left_box{width:100%; float:none}
	.custom_show{height:auto}
	.page_txt{padding:20px 0 30px 0}
	.right_box{width:100%; float:none}
	.pagination_box{font-size:16px; line-height:30px}
	.second_nav{margin:30px 0}
	.news_nav,.about_nav{padding:0}
	.second_nav li p{font-size:14px}
	.about_nav li i{ background-size:40% !important}
	.about_text{ padding:0 10px}
	.about_text .title{ font-size:18px}
	.partner_list{padding:0 10px; margin-left:-10px}
	.partner_list li{width:50%; padding-bottom:20px}
	.partner_list li a{ margin-left:10px}
	.index_about .partner_list li{width:50%}
	.index_about .partner_list{ padding:0}
	.contact_txt{padding:20px 10px 0 10px}
	.contact_txt li{  height:auto}
	
	.team_list{padding:0 10px}
	.team_list li{width:100%; float:none}
	.team_list li .box{margin:10px 0; padding-left:0; height:auto}
	.team_list li .box .img{position:inherit; left:inherit; top:inherit; display:block; text-align:center; padding-bottom:10px}
	.team_list li .box .img img{ width:auto; height:200px}
	.team_list li .box .title,.team_list li .box .tt{text-align:center}
	.team_list li .box .tt:after{margin:10px auto 0 auto}
	.team_list li .box .a{display:none}
	.team_list li .box .txt,.team_list li.hover .box .txt{height:auto; -webkit-line-clamp:100}
	
	.team_list li.hover .li{position:inherit; left:0; width:auto; background:none; z-index:3}
	.team_list li.hover .li:after{display:none}
	.team_list li.hover .box .close{display:none}
	
	.life_show .box{position:inherit; background:#fff; color:#333}
	.life_show .box .pa{padding:20px 10px}
	.life_show .title{font-size:20px}
	.life_show .a{display:block; position:inherit; margin-top:10px}
	.life_list{padding:0 10px 20px 10px}
	.life_list li{padding:25px 0}
	.life_list li .img{width:100%; position:inherit; display:block; padding-bottom:10px}
	.life_list li .img img{width:100%; height:auto}
	
	.art_nav,.classic_nav,.forum_nav{padding:0}
	.art_text{padding:25px 10px}
	.art_text .txt{padding:20px 0 0 0}
	.pagination_img{padding:20px 10px;line-height:30px}
	.pagination_img .a1,.pagination_img .a2{float:none; width:100%; padding-bottom:10px}
	.pagination_img{height:auto}
	.pagination_img img{display:none}
	
	.button{display:none}
	
	.classic_list{padding:0 10px 20px 10px}
	.classic_list li .box{padding:0 0 20px 0; background:#fdfcf8}
	.classic_list li .img{position:inherit; left:inherit; top:inherit; display:block; padding-bottom:10px}
	.classic_list li .img img{width:100%; height:auto}
	.classic_list li .a{position:inherit; right:inherit; bottom:inherit; display:block}
	
	.classic_video{margin-bottom:20px}
	.classic_video #media{height:300px}
	.about_text .txt{padding:20px 0}
	.pagination_box{padding:15px 10px}
	
	.forum_list{margin-left:0; padding:0 10px} 
	.forum_list li{width:100%; padding-bottom:20px}
	.forum_list li .box{margin-left:0; padding:10px}
	.forum_box{padding:20px 0 0 0; text-align:center}
}



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

}

.rich_media_content {color: rgba(0,0,0,.9); font-size: 17px; font-size: var(--articleFontsize); overflow: hidden; text-align: justify } .rich_media_content * {max-width: 100%!important; box-sizing: border-box!important; -webkit-box-sizing: border-box!important; word-wrap: break-word!important } .rich_media_content p {clear: both;min-height: 1em} .rich_media_content img {height: auto!important } .rich_media_content em {font-style: italic } .rich_media_content fieldset {min-width: 0 }