@charset "utf-8";

@font-face {
	/*font-family: STFANGSO;*/
	/*src: url(../fonts/stfangso.ttf);*/
}

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

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

.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width:80%;  margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}


.left{ background:#c8a767; position:fixed; left:0; top:0; height:100%; width:66px; z-index:1000; box-shadow: 0px 0px 20px #000000; padding:18px 0; }
.left:before{ content:""; width:89px; height: 14px; position: absolute; left:0; top:0; background: url(../images/left.png) no-repeat center center; background-size:cover;}
.left:after{ content:""; width:89px; height: 14px; position: absolute; left:0; bottom:0; background: url(../images/left.png) no-repeat center center; background-size:cover;}

.nav_btn{ width:34px; height:34px; border: 1px solid #9f1e30; border-radius:50%; margin:15px auto; padding:10px 0; cursor: pointer; }
.nav_btn span{ width:18px; height:2px; display: block; background:#9f1e30; margin:0 auto; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.nav_btn span.sp02{ margin:3px auto;}

.nav_btn.close .sp01{transform:matrix(-0.8,0.8,-0.8,-0.8,0,5)}
.nav_btn.close .sp02{opacity: 0;}
.nav_btn.close .sp03{transform:matrix(-0.8,-0.8,0.8,-0.8,0,-5)}


.nav{ color:#9f1e30; font-size:17px;font-weight: bold;  color:#9f1e30; font-family:FangSong; }
.nav li{ float: left; width:100%; }
.nav li a{ padding:18px 0; display: block; width:37px; margin:0 auto; position: relative; }
.nav li a span{ writing-mode: vertical-rl; display: block; line-height:37px; letter-spacing:2px; }

.nav li.on a,.nav li:hover a{ color:#c8a767;}
.nav li.on a:before,.nav li:hover a:before{ content:""; position: absolute; left:0; top:0; width:100%; height:18px; background:url(../images/nav_top.png) no-repeat center top; background-size:100%; }
.nav li.on a:after,.nav li:hover a:after{ content:""; position: absolute; left:0; bottom:0; width:100%; height:18px; background:url(../images/nav_bottom.png) no-repeat center bottom; background-size:100%; }
.nav li.on a span,.nav li:hover a span{ background:url(../images/nav_center.png) repeat-y center top;  background-size:100%; }

.nav li.nav_more{ display:none; }

.submain{ position: fixed; top:0; left:0; height:100%; width: 65px; background:url(../images/subnav.jpg) repeat-y left top; background-size:100% auto; z-index:900; box-shadow: 0px 0px 20px #51040e;
transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;}
.submain.on{ left:66px;}
.sublist{ width:100%; position: absolute; top:0; left:0; height:100%; overflow: hidden; display: flex;align-items: center;
transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;}
.sublist div{ width:100%;}
.sublist a{ display: block; color:#d6b678; font-size:16px; width:36px; padding-top:10px; text-align: center; writing-mode: vertical-rl; line-height:36px;margin:30px auto; position: relative; font-family: FangSong;}
.sublist a:after{ content:""; width:2px; height:2px; background:#d6b678; top:0; left:50%; margin-left: -1px; position: absolute; }

.sublist a:hover{ color:#ffffff;}
.sublist a:hover:after{ background:#ffffff;}

.nav_popup{ position: fixed; top:0; left:-100%; opacity:0; width:100%; height:100%; background:url(../images/nav_popup.jpg); z-index:910; padding-left:66px; overflow: hidden;
transition: 1s; -o-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s;
}
.nav_popup.on{ left:0; opacity:1;}

.close_popup{ width:33px; height:33px; position: absolute; top:70px; right:70px; cursor: pointer; }
.close_popup img{ display: block; width:100%; }

.popup_img{ margin-top:120px;}
.popup_img .img{ width:180px; margin:0 auto;}
.popup_img .img img{ display: block; width:100%;}
.popup_img .tit{ color:#c8a767; font-size: 18px; font-family:FangSong; text-align: center; margin-top: 15px;}


.popup_navlist{ overflow: hidden; width:80%; margin:85px auto 0 auto; }
.popup_navlist li{ float: left; width:12.5%; }
.popup_navlist li>a{ color:#c8a767; font-size:20px; font-weight: bold; display: block;}
.popup_navlist li .sub_column{ margin-top:25px;}
.popup_navlist li .sub_column a{ display: block; color:#c8a767; font-size: 16px; line-height: 36px;}
.popup_navlist a:hover{ color:#1d2c3c !important;}

.logo{ position: absolute; width:180px; top:40px; left:120px; }
.logo img{ display: block; width:100%; }

/*1*/
.home01{ background:url(../images/homebj01.jpg) no-repeat center center; background-size:cover; }
.home01bj01{ position: absolute; right:0; bottom:0; width:auto; }
.home01bj01 img{ width:100%;     max-width: 520px;}

.home01bj02{ position: absolute; right:0; top:0; width:17%; }
.home01bj02 img{ width:100%; }

.lzh{width:360px; position:absolute; top:40px; left:100px;}
.lzh img{ display:block; width:100%;}
.homeimg01{ position: absolute; left:0; left:0; top:8%; width:100%; }
.homeimg01 .img{width:180px; margin:0 auto;}
.homeimg01 .img img{ display: block; width:100%;}
.homeimg01 .tit{ color: #c8a767; font-size: 18px; font-family: FangSong; text-align: center; margin-top: 15px; }


.homeimg02{ position:absolute; right:0; bottom:0; padding-right:30px; right:2%; width:28%; }
.homeimg02 .img{ width:100%;}
.homeimg02 .img img{ display: block; width:100%; }
.homeimg02 .txt{ position: absolute; right:0; bottom:5%; color:#9f1e30; font-size:16px; font-weight: bold; line-height:20px; overflow: hidden; font-family:FangSong; 
	writing-mode: vertical-rl;}
/*1*/


/*2*/
.home02{ background:url(../images/homebj02.jpg) no-repeat center center; background-size:cover; }

.home02bj01{ position: absolute; right:0; bottom:0; width:28%; }
.home02bj01 img{ width:100%;}

.home02bj02{ position: absolute; left:0; bottom:0; width:45%; }
.home02bj02 img{ width:100%;}

.culture_tit{ position: absolute; right:2%; top:6%; width:8%; }
.culture_tit img{ width:100%; display: block; }

.brand_culture{ width:80%; margin: 0 auto;}
.brand_culture li{ float: left; border:2px solid transparent; margin:0 1%; width:18%; height:400px; padding:9px;  }
.brand_culture li a{ display: block; position: relative; border:1px solid transparent; height:100%;}
.brand_culture li .ico{ opacity:0; width:70px; height:70px; position: absolute; left:50%; top:-50px; margin:-40px 0 0 -35px; border-radius:50%; line-height: 70px; text-align: center; background:#c8a767; color:#1e2f41; font-size: 36px; font-family:FangSong; }
.brand_culture li .tit{ position: relative; width:70px; margin:70px auto 0 auto; overflow: hidden; padding-bottom:50px; }
.brand_culture li .tit:after{ content:""; top:10px; right:0; position: absolute; width:8px; height:8px; border-radius:50%; border:1px solid #d9b46a; }

.brand_culture li .tit_en{ writing-mode:vertical-rl; float: left; color:#5f836b; text-transform: uppercase; font-size:14px; line-height: 1; font-family:FangSong; padding:5px 0; letter-spacing: 3px;}
.brand_culture li .tit_more{ display: none; writing-mode:vertical-rl; float: left; color:#5f836b; text-transform: uppercase; font-size:14px; line-height: 1; font-family:FangSong; padding:5px 0;  }
.brand_culture li .tit_cn{ writing-mode:vertical-rl; float: left; color:#5f836b; font-size:30px; line-height: 1; font-family:FangSong; margin-left:10px; }

.brand_culture li .culture_img{ opacity:0; width:170px; position: absolute; left:50%; margin-left:-85px; top:350px; }
.brand_culture li .culture_img img{ width:100%; display: block; }
.brand_culture li .culture_img .name{ writing-mode:vertical-rl; color:#d9b46a; font-size:16px; font-family:FangSong; width:16px; margin: 0 auto; }

.brand_culture li .ico01{ background:#771f1e; color:#f7e1b6; }
.brand_culture li .ico02{ background:#41593f; color:#f7e1b6; }
.brand_culture li .ico03{ background:#c8a767; color:#1e2f41;}
.brand_culture li .ico04{ background:#285381; color:#f7e1b6; }
.brand_culture li .ico05{ background:#623c22; color:#f7e1b6;}

.brand_culture li:hover{ border-color:#475667;}
.brand_culture li:hover .tit{ width:55px; background: url(../images/culture_more.png) no-repeat center bottom;}
.brand_culture li:hover .tit_more{ display: block;}
.brand_culture li:hover .tit_en{ display: none;}
.brand_culture li:hover .tit:after{ display: none;}
.brand_culture li:hover a{ border-color:#475667;}
.brand_culture li:hover .ico{ opacity:1; top:0;}
.brand_culture li:hover .culture_img{ opacity:1; top:300px;}

.brand_culture li,.brand_culture li a,.brand_culture li .ico,.brand_culture li .culture_img{transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
/*2*/


/*3*/
.home03{ background:url(../images/homebj03.jpg) no-repeat center center; background-size:cover; }
.home03 .left_txt{ writing-mode:vertical-lr; left:110px; top:300px; position: absolute; }
.home03 .left_txt h3{font-family: FangSong;  color:#c8a767; font-size:40px; letter-spacing:8px; padding-left:30px;}
.home03 .left_txt p{ color:#f6f6f6; font-size: 18px; line-height:2; letter-spacing:4px; padding-top:4px;}

.home03bj01{ width:15%; position: absolute; left:50px; bottom:5%;}
.home03bj01 img{ display: block; width: 100%; }

.homenews{ padding:4% 0 0 7%; width:80%; float:right; height:770px; background: url(../images/newsbj.png) no-repeat left center; background-size:auto 100%; position: relative; }
.homenews .ntimg{ position: absolute; right:0; top:0; height:100%; }
.homenews .ntimg img{ height:100%; display: block; }

.newstit{ overflow: hidden;}
.newstit span{ font-family: FangSong; font-weight:bold; background:#9f1e30 url(../images/ntbj.png) no-repeat center center; background-size:cover; margin-left:-14px; width:96px; height:96px; border-radius:50%; border:3px solid #c8a767; line-height:90px; text-align: center; float: left; font-size:48px; color:#c8a767; }


.hnlist{ overflow: hidden; width:90%;}
.hnlist li{ float: left; width:50%; overflow: hidden; margin-top:3.5%;}
.hnlist li .img{ float: left; width:108px; height:108px; border-radius:50%; border:1px solid #c8a767; padding:5px; }
.hnlist li .img img{ width:100%; height:100%; border-radius:50%; }
.hnlist li .txt{ padding-left:140px; color:#c8a767; }
.hnlist li .txt .time{ font-size:15px; line-height:1; }
.hnlist li .txt h3{ font-size:18px; width:90%; line-height:1; margin:25px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hnlist li .txt .more{ font-size:12px; line-height:1; position: relative; }
.hnlist li .txt .more:after{ display:none; content:""; width:14px; height:1px; background:#c8a767; position: absolute; left:64px; bottom:2px; }

.hnlist li:hover .txt .time{ color:#ffffff;}
.hnlist li:hover .txt h3{ color:#ffffff;}
.hnlist li:hover .txt .more{ color:#ffffff;}

.newsmore{ margin:3% 0 0 140px;}
.newsmore a{ font-family:FangSong; color:#584334; font-weight: bold; font-size: 18px; display: block; text-align: center; line-height:43px; width:142px; height:43px; background: url(../images/newsmore.png) no-repeat center center; background-size:cover;}
/*3*/

/*foot*/
.footer{ background: url(../images/footbj.jpg) no-repeat center center; background-size:cover; overflow: hidden; padding:25px 60px 25px 120px; height:220px; position: relative;}
.footer .dblogo{ height:120px; margin-top:25px;}
.footer .dblogo img{ display: block; height:100%; }

.footer .dbinfo{ color:#807765; font-size:14px; position: absolute; top:0; left:0; width:100%; padding:0 520px; line-height:2.5; height:100%;}
.footer .dbinfo a:hover{ color:#ffffff;}
.dbcontact{ position: relative; z-index:1; text-align: right; height:100%;}
.dbcontact .tit{ color:#807765; font-size:16px; font-family:FangSong;}
.dbcontact .tel{ font-family:Impact; font-size:30px; color:#c8a767; }
.dbcontact .social{ overflow: hidden;}
.dbcontact .social a{ width:40px; float: right; margin:10px 0 0 10px;}
.dbcontact .social img{ width:40px; height:40px; }

.cartoon{ margin-left: 40px; height:100%;}
.cartoon img{ display: block; height:100%;}


.flex{ display: flex;align-items: center; height:100%;}
.flex>div{ width:100%;}
/*foot*/

.popupbj{ background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; display:none; cursor: pointer;}

.wechat_popup{ width:200px; height:200px; border:1px solid #dcdcdc; position:fixed; top:50%; left:50%; margin:-100px 0 0 -100px; z-index:1001; background:#ffffff; box-shadow:0 0 10px #999999; display:none; }
.wechat_popup img{ width:100%; height:100%; display:block; }


/*online*/
.online{display:none; width:162px; position: fixed; right:0; top:50%; margin-top:-361px; z-index:1000; }

.online_btn{ display: block; background: url(../images/onlinebj01.png) no-repeat center center; background-size:cover; width: 115px; height:34px; line-height:34px; color:#e4dbca; font-size:15px; margin-bottom:12px; }
.online_btn span{ display: block; padding-left: 38px;}
.online_btn01 span{ background: url(../images/online01.png) no-repeat left center; background-size:auto 100%;}
.online_btn02 span{ background: url(../images/online02.png) no-repeat left center; background-size:auto 100%; }

.online .tel{ background: url(../images/onlinebj02.png) no-repeat center center; background-size:100%; width:115px; height:62px; padding:11px 0; text-align: center; color:#e4dbca; font-size:15px; line-height:20px; }

.wechat01{ width:115px; height: 137px; background: url(../images/onlinebj03.png) no-repeat center center; background-size:100%;}

.wechat{ margin-top:12px; overflow: hidden;}
.wechat .img{ width:90px; margin:12px auto 0 auto; }
.wechat .img img{ display: block; width:100%; }
.wechat .tit{ color:#e4dbca; font-size:14px; line-height:32px; text-align: center; }

.wechat02{ width:115px;  background: url(../images/onlinebj04.png) no-repeat center top; background-size:100% auto;}
.wechat02 .tit{ margin-top:12px;}

.online_top{  width:100%; cursor: pointer; }
.online_top img{ display: block; width:100%;}

.online_center{ display: none; background:#b01837; overflow: hidden; margin-left:26px; }
.online_list{ padding:20px 0 10px 11px; }

.online_bottom{  width:100%; }
.online_bottom img{ display: block; width:100%;}
/*online*/



.main{ /*padding-left:66px;*/ padding-bottom:12%; position: relative; overflow: hidden;}

.ship{display:none; width:10.4%; position: absolute; left:44.8%; bottom:0;}
.ship img{ display: block; width:100%;}

.gourd{ display:none;width:15.4%; position: absolute; right:0; bottom:0; }
.gourd img{ display: block; width:100%;}

.sakura{ width:12.7%;  position: absolute; right:0; top:0; }
.sakura img{ display: block; width:100%;}


.head{ overflow: hidden;}
.logo2{ overflow: hidden; margin-top:35px; }
.logo2 .img{ float: left; height:150px; }
.logo2 .img img{ height:100%; display: block;}
.logo2 .tit{ float: left; color:#37332a; font-size:18px; font-family: FangSong; color:#37332a; margin-left:20px; line-height:30px; margin-top:120px; }

.maintop{ text-align: right; position: relative; z-index:100;}
.weizhi{ line-height:30px; font-size:14px; color:#565249; }
.weizhi span{ margin: 0 5px;}
.weizhi a:hover{ color:#9f1e30; text-decoration: underline;}

.nynav{ overflow: hidden; margin-top:20px; text-align: right;}
.nynav a{ display: inline-block; height:40px; line-height:40px; position: relative; padding:0 8px; color:#ffffff; font-size:16px; font-weight: bold; margin-left:15px;}


.nynav a span{ display: block; padding:0 22px; background:#c8a767;}
.nynav a:after{ content:""; position: absolute; left:0; top:0; width:8px; height:100%; background: url(../images/nav_left.png) no-repeat left center; background-size:auto 100%; }
.nynav a:before{ content:""; position: absolute; right:0; top:0; width:8px; height: 100%; background: url(../images/nav_right.png) no-repeat right center; background-size:auto 100%; }

.nynav a.on span,.nynav a:hover span{ background:#9f1e30;}
.nynav a.on:after,.nynav a:hover:after{ background-image: url(../images/nav_lefts.png); }
.nynav a.on:before,.nynav a:hover:before{ background-image: url(../images/nav_rights.png); }


.content{ position: relative; padding-left:100px;}
.column{ overflow: hidden; position: absolute; width:72px; left:0; top:0;}
.column .dian{ position: relative; width:28px; height:28px; border:2px solid #9f1e30; border-radius:50%; margin:70px auto 14px auto;}
.column .dian:after{ content: ""; width:14px; height:14px; background:#9f1e30; margin:5px; display: block; border-radius:50%;}

.column .eno{ color:#37332a; font-size:72px; line-height:1; font-family: FangSong; }
.column .tit{ overflow: hidden; padding:0 6px;}
.column .tit .en{ writing-mode: vertical-rl; letter-spacing:2px; float: left; width:24px; font-size:18px; margin-top:9px; font-weight: bold; text-transform: uppercase; color:#3f3f3f; font-family: FangSong; line-height:24px; }
.column .tit .cn{ writing-mode: vertical-rl; float: left; width:36px; font-size:30px; color:#37332a; font-family: FangSong; line-height:36px; }

.page{ margin-top:5%; position: relative; z-index:10;}

/*联系我们*/
.contactbj{ background:url(../images/contactbj.jpg) no-repeat top center; background-size:cover;}

.contact{ padding:3.2%;  background:#f9f3e6;}
.contopbj{ width:23.4%;  position: absolute; left:38.3%; bottom:100%; }
.contopbj img{ display: block; width:100%; }


.map{ overflow: hidden; position: relative;}
.map img{ width:100%; display: block;}
.map .location{ width:30px; height:30px; margin:-15px 0 0 -15px; position: absolute; top:81%; left:37%; background: url(../images/location.png) no-repeat center center; background-size:cover; cursor: pointer; }

.mapinfo{ background:url(../images/mapinfo.png) no-repeat center center; padding:30px 50px 0 50px; width:487px; height:366px; background-size:cover; position: absolute; bottom:21%; left:33%; }
.mapinfo .top{ overflow: hidden;}
.mapinfo .top .img{ width:80px;}
.mapinfo .top .img img{ display: block; width:100%; }
.mapinfo .top .txt{ padding-left:100px;}
.mapinfo .top .txt p{ color:#c8a767; font-size:14px; line-height:1; margin:20px 0; text-align: center;}
.mapinfo .top .txt .slogan{ width:100%; height:40px; line-height:38px; text-align: center; border:1px solid #b36849; color:#c8a767; font-size:18px; font-family: FangSong;}
.mapinfo .close{ width:15px; height:15px; position: absolute; top:15px; right:15px; cursor: pointer; }
.mapinfo .close img{ display: block; width:100%; }

.mapinfo .info{ color:#f6f0e3; font-size: 16px; line-height:2.1; margin-top:20px; }
/*联系我们*/


/*投诉建议*/
.message{ 
    /*background:url(../images/messagebj.jpg) no-repeat center center; */
    background-size:cover; padding:9% 0 4% 0; box-shadow: 0px 0px 20px #e7decc;}

.message_list{ width:580px; overflow: hidden; margin-left:16%; }
.message_list li{ float: left; overflow: hidden; width:100%; margin-bottom:20px; }
.message_list li .tit{ width:120px; float: left; text-align: right; line-height:40px; color:#5d4d36; font-size:16px; font-weight: bold; }
.message_list li .tit span{ color:#a12032;}
.message_list li .input{ padding-left:120px; }
.message_list li .input input{ height:40px;line-height:38px;  border:1px solid #dec394; background:#ece5d6; display: block; width:100%; padding:0 10px;}
.message_list li .input textarea{ height:130px;  border:1px solid #dec394; background:#ece5d6; padding:10px; display: block; width:100%; line-height:1.8; }

.message_list li.submit{ padding-left:120px; }
.message_list li.submit input{background: url(../images/submit.jpg) no-repeat center center; background-size:cover; display: block; height:40px; line-height:40px; width:100%; font-size:16px; color:#ffffff; font-weight: bold; cursor: pointer; }

.message_info{ margin-left:10%; }
.message_info .txt{ color:#766246; font-size:16px; line-height: 2.2; font-weight: bold; }
.message_info .txt span{ color:#9f1e30; }
.message_info .img{ margin:60px 0 0 60px; width:220px;}
.message_info .img img{ display: block; width:100%;}
/*投诉建议*/


/*企业介绍*/
.aboutbj{ background:url(../images/aboutbj.jpg) no-repeat center top; background-size:cover;}

.about{ background:#f1ebde; padding:2%; box-shadow: 0px 0px 20px #d2c9b5;}
.about_img{ width:100%;}
.about_img img{ display: block; width:100%;}

.about_txt{ color:#565249; font-size:16px; line-height:2.2;margin:4% 0;}
/*企业介绍*/


/*历史脉络*/
.history{ background:#f1ebde; box-shadow: 0px 0px 20px #d2c9b5; overflow: hidden; }

.history_top{ background: url(../images/history_top.jpg) no-repeat center center; background-size:cover;  overflow: hidden; }
.history_tit{ position: relative; width:65%; margin:0 auto; margin:4% auto; }
.history_tit img{ width:100%; display: block; }
.history_tit h3{ width:548px; height:62px; line-height:60px; font-weight: normal; text-align: center; border:1px solid #e9e0cc; color:#e6deca; font-size:36px; font-family: FangSong; position: absolute; top:50%; left:50%; margin:-31px 0 0 -274px; }

.course_main{ position:relative; margin-bottom:8%; }

.course_main .container{ position:relative; padding:0 70px; max-width:100%; }
.course-next,.course-prev{ width:70px; height:40px; position:absolute; top:9px; z-index:100; cursor:pointer; }
.course-prev{ background:#a77f4a url(../images/course-prev.png) no-repeat center center; background-size:auto 100%; left:0; }
.course-next{ background:#a77f4a url(../images/course-next.png) no-repeat center center; background-size:auto 100%; right:0; }

.courselist{ }
.courselist .swiper-slide{ width:25%; }
.courselist .swiper-slide .tit{ height:58px; color:#ffffff; line-height:58px; }
.courselist .swiper-slide .tit span{ font-size:18px; font-weight:bold; display:block; width:75px; background:#a77f4a; text-align:center; position:relative; }
.courselist .swiper-slide .tit span:after{ content:""; width:3px; height:9px; background:#ffffff; bottom:1px; left:50%; margin-left:-1.5px; position:absolute; }
.courselist .swiper-slide .content{ position:relative; padding-left:70px; }
.courselist .swiper-slide .content:after{ content:""; height:100%; width:1px; background:#bdbdbd; left:37px; top:0; position:absolute; }

.courselist .swiper-slide .img{ width:88%; position: relative; }
.courselist .swiper-slide .img:after{ content:""; width:100%; height:100%; position: absolute; left:0; top:0; background: url(../images/courseimg.png) no-repeat center center; background-size:cover; }
.courselist .swiper-slide .img img{ display:block; width:100%; }
.courselist .swiper-slide .txt{ width:88%; color:#565249; font-size:15px; line-height:26px; margin-top:25px; }

.courselist .swiper-slide .content01{ padding-top:170px; }
.courselist .swiper-slide .content02{ padding-top:90px; }

.course_main:after { content: ""; position: absolute; width: 100%; height: 58px; background: #a77f4a url(../images/titbj.png) repeat-x left center; left: 0; top: 0; }
/*历史脉络*/


/*技艺传承*/
.skill{  background:#f1ebde; box-shadow: 0px 0px 20px #d2c9b5; }
.skill_list{ overflow: hidden; padding:20px 20px 100px 20px;}
.skill_list li{ float: left; position: relative; height:460px; width:9.8%; margin-left:0.65%; background:url(../images/skill_li01.jpg) no-repeat center center; background-size:cover; cursor: pointer; }
.skill_list li .txt01{ overflow: hidden;}
.skill_list li .txt01 .num{ color:#bfa370; font-size:72px; font-family: Arial; line-height:1; text-align: center; font-weight: bold; margin-top: -24px; }
.skill_list li .txt01 .tit{ font-size:30px; color:#9f1e30; font-family: FangSong; width:30px; line-height:1.2; margin:30px auto 0 auto;   }

.skill_list li .txt02{ display: none; }
.skill_list li .img{ position: absolute; right:0; bottom:0; overflow: hidden; width:100%; }
.skill_list li .img img{ display: block; width:254px; margin-left:-50%; }

.skill_list li .txt02{ overflow: hidden; margin-top:40px;}
.skill_list li .txt02 .tit{ color:#e1d8c6; font-size:36px; font-family: FangSong; width:36px; line-height:1.2; float: right; margin-right:50px; }
.skill_list li .txt02 .info{ margin-top:5px; float: right; writing-mode: vertical-rl; width:50px; height:290px; color:#ebe3cd; font-size:14px; line-height:30px; margin-right:20px; }

.skill_list li.on{ width:16.4%;  background-image:url(../images/skill_li02.jpg);}
.skill_list li.on .img{ bottom:-70px; }
.skill_list li.on .img img{margin-left:0;}

.skill_list li,.skill_list li .img,.skill_list li .img img{transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
/*技艺传承*/


/*传承人致辞*/
.speech{ background:#f2ebdf url(../images/speechbj.jpg) no-repeat center bottom; box-shadow: 0px 0px 20px #d2c9b5; background-size:100% auto; padding:5% 5% 10% 5%; overflow: hidden; }
.speech .txt{ width:55%; color:#565249; font-size: 16px; line-height: 2.2; }
.speech .img{ width:42%; position: relative; }
.speech .img img{ width:100%; display: block; }
.speech .img .tit{ position: absolute; top:8%; right:2%; writing-mode: vertical-rl; color:#9f1e30; font-size: 18px; line-height:24px; font-family:FangSong; font-weight: bold; }
/*传承人致辞*/


/*员工风采*/
.style_list{ overflow: hidden;}
.style_list li{ }
.style_list li a{ display:block; padding:13px; border:1px solid #b0957a; margin:14px; position: relative; }
.style_list li .plate{ position: relative; }
.style_list li img{ display:block; width:100%; }
.style_list li .txt{ position: absolute; opacity:0; left:0; top:0; width:100%; height:100%; background: rgba(96,19,29,0.8); display: flex; align-items: center;}
.style_list li .txt>div{ width:100%;}
.style_list li .txt h3{ color:#e5d7ba; font-size:20px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.style_list li .txt .more{ color:#e5d7ba; font-size:14px; background:url(../images/smore.png) no-repeat center center; background-size:cover; width:94px; height:34px; line-height:34px; text-align: center; margin:30px auto 0 auto; }
.style_list li .title{ color:#644b28; font-size:18px; text-align: center; padding:10px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.style_list li .horn{ width:28px; height:24px; position: absolute; }
.style_list li .horn01{ left:0; top:0; background:url(../images/horn01.png) no-repeat center center; background-size:cover; }
.style_list li .horn02{ right:0; top:0; background:url(../images/horn02.png) no-repeat center center; background-size:cover; }
.style_list li .horn03{ left:0; bottom:0; background:url(../images/horn03.png) no-repeat center center; background-size:cover; }
.style_list li .horn04{ right:0; bottom:0; background:url(../images/horn04.png) no-repeat center center; background-size:cover; }

.style_list li:hover .txt{ opacity:1;}
.style_list li .txt{transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
/*员工风采*/

/*五代传承*/
.culturebj{ background:url(../images/culturebj.jpg) no-repeat center top; background-size:cover;}
.inherit_list{ }
.inherit_list li{ float: left; width:19.5%; margin-left:0.5%; position: relative; }
.inherit_list li:after{ content:""; width:40px; height:40px; background: url(../images/inherit_ico.png) no-repeat center center; background-size:cover; position: absolute; left:50%; bottom:-20px; margin-left:-20px; }
.inherit_list li .img{ position: relative;}
.inherit_list li .img img{ display: block; width:100%; }
.inherit_list li .img .tit{ position: absolute; top:20px; right:20px; writing-mode: vertical-rl; color:#efe7d4; font-size:18px; line-height:1; font-family: FangSong;}

.inherit_list li .txt{ border:1px solid #ccb195; border-top:none; text-align: center; color:#37332a; padding:35px 0; line-height:1.8;}
.inherit_list li .txt h3{ font-size:18px; font-weight:normal; }
.inherit_list li .txt p{ font-size:14px; }
/*五代传承*/

/*炳济堂文化*/
.culture{ box-shadow: 0px 0px 20px #d2c9b5; padding:2%; background:#f4eee1; }
.culture_txt{ background: url(../images/culture_txt.jpg) no-repeat center center; background-size:cover; overflow: hidden; padding:4%;}
.culture_txt h3{ width: 548px; height: 62px; line-height: 60px; font-weight: normal; text-align: center; border: 1px solid #e9e0cc; color: #e6deca; font-size: 36px; font-family: FangSong; margin:0 auto;}
.culture_txt .info{ margin-top:3%; color:#f0e6d5; font-size:16px; line-height:2.2;}

.culture_list{ overflow: hidden; margin-top:4%; }
.culture_list li{ width:20%; margin-right:6.66%; float: left;}
.culture_list li img{ width:100%; display: block;}
.culture_list li .center{ background: url(../images/culture_list_center.png) repeat-y center center; background-size:100% auto; overflow: hidden; padding-top:60px; min-height:460px;}
.culture_list li .center h3{ float: left; writing-mode: vertical-rl; color:#9f1e30; font-size:30px; line-height:1; font-weight: normal; margin:0 35px 0 50px; position: relative; }
.culture_list li .center h3:after{ content:""; position: absolute; left:0; top:-25px; width:10px; height:10px; border:2px solid #9f1e30; border-radius:50%; }
.culture_list li .center p{ float: left; writing-mode: vertical-rl; color:#615948; font-size:18px; line-height:2; }
/*炳济堂文化*/

/*企业荣誉*/
.honor_list{ overflow: hidden;}
.honor_list li{ float: left; width:23.5%; margin-right:2%; overflow: hidden; margin-bottom:2%; } 
.honor_list li a{ display: block;position: relative;}
.honor_list li img{ display: block; width:100%;}
.honor_list li .txt01{ padding:25px;}
.honor_list li .txt01 .tit{ color:#37332a; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.honor_list li .txt01 .time{ color:#8d8677; font-size:16px; }

.honor_list li .txt02{ height:80%; position: absolute; bottom:-100%; left:0; width:100%; background:url(../images/honor_txt.jpg) no-repeat center center; background-size:cover; padding:35px; display:flex; align-items:center; }
.honor_list li .txt02 .tit{ color:#f3e8d4; font-size:18px; line-height:30px; font-weight: bold; }
.honor_list li .txt02 .more{ color:#f3e8d4; font-size:14px; line-height:30px; margin-top:50px; }

.honor_list li:hover .txt02{ bottom:0;}

.honor_list li .txt02{transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}


.fenye{margin:2% 0; text-align: center;}
.fenye span,.fenye a{ display:inline-block; font-size:14px; color:#666666; padding:0 14px; height:38px; line-height:38px; margin:0 5px; border:1px solid #cec6b6; border-radius:3px; }
.fenye a:hover,.fenye span{ background:#9f1e30; color:#f4eaca; border-color:#9f1e30; }
/*企业荣誉*/


/*企业视频*/
.video_list{ overflow: hidden;}
.video_list li{ float: left; width:32%; margin-right:2%; margin-bottom:2%; }
.video_list li .img{ position: relative; overflow: hidden; background:#000000;}
.video_list li .img .ico{ width:220px; height:220px; border-radius:50%; background:rgba(159,30,48,0.8); position: absolute; bottom:-110px; right:-110px; }
.video_list li img{ width:100%; display: block; opacity:0.5; }
.video_list li .img:after{ content:""; width:50px; height:50px; bottom:20px; right:20px; background:url(../images/video_ico.png) no-repeat center center; background-size:cover; position: absolute; }
.video_list li .tit{ color:#37332a; font-size:18px; padding:20px 0; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.video_list li:hover img{ opacity:1;}
/*企业视频*/


/*公益事业*/
.welfare_list{ overflow: hidden;}
.welfare_list li{ float: left; width:32%; margin-right:2%; margin-bottom:2%; }
.welfare_list li .img{ overflow: hidden;}
.welfare_list li img{ display: block; width:100%; }
.welfare_list li .tit{ height:85px; line-height:85px; font-size:18px; text-align: center; color:#37332a; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.welfare_list li:hover .tit{ background: url(../images/welfare_tit.jpg) no-repeat center center; background-size:cover; color:#f0e5d2; }
/*公益事业*/


/*新闻中心*/
.newsbj{ background:url(../images/newsbj.jpg) no-repeat center top; background-size:cover;}

.content2{ overflow: hidden;}
.maintop2{padding-top:6%; }
.weizhi2{ text-align: center; }
.nynav2{ text-align: center;}

.news{ background: rgba(249,243,231,0.8); overflow: hidden; }

.newslist{ overflow: hidden;}
.newslist li{ overflow: hidden; float: left; width:100%; border-bottom:1px solid #dad5ca; }
.newslist li a{ display:block; overflow:hidden; padding:30px; }
.newslist li .img{ width:270px; overflow: hidden;}
.newslist li .img img{ width:100%; display: block; }
.newslist li .time{ font-family: Arial; width:140px; text-align: center; line-height:1.3;}
.newslist li .time .d{ color:#9f1e30; font-size:40px; }
.newslist li .time .ym{ color:#504e4c; font-size:14px; }
.newslist li .txt{ padding-left:410px;}
.newslist li .txt h3{ color:#37332a; font-size:18px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.newslist li .txt p{ color:#676256; font-size:14px; line-height:30px; margin:15px 0 25px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newslist li .txt .more{ width:90px; height:36px; border:1px solid #cdc7bc; line-height:34px; text-align:center; float:right; }

.newslist li:hover{ background:#e7decf; }
.newslist li:hover .txt h3{ color:#9f1e30;}
.newslist li:hover .txt .more{ background:#9f1e30; color:#ffffff; border-color:#9f1e30;}

/*新闻中心*/


/*新闻详情*/
.shownewsbj{ background:url(../images/shownewsbj.jpg) no-repeat center top; background-size:cover;}
.newsmain{ padding:5.5%; position: relative; margin-top:3%; }
.newsmain .nmbj{ position: absolute; height:100%; width:100%; left: 0; top:0; padding:200px 0; z-index:1;}
.newsmain .nmbj:after{ content:""; height:200px; position: absolute; width:100%; left:0; top:0; background:url(../images/nmbj_top.png) no-repeat center top; background-size:100% auto;}
.newsmain .nmbj:before{ content:""; height:200px; position: absolute; width:100%; left:0; bottom:0; background:url(../images/nmbj_bottom.png) no-repeat center bottom; background-size:100% auto;}
.newsmain .nmbj .center{ height:100%; background:url(../images/nmbj_center.png) repeat-y center bottom; background-size:100% auto;}

.zindex{ position: relative; z-index:10;}

.showtop{ text-align: center; margin-top:2%;}
.showtop h1{ color:#36322b; font-size:30px; }
.showtop .parameter{ color:#9b9487; font-size:14px; line-height:25px; margin:1.5% 0; }
.showtop .parameter .time{ display: inline-block; background:url(../images/time.png) no-repeat left center; padding-left:25px; }
.showtop .parameter .label{ display: inline-block; margin-left:35px; }
.showtop .parameter .label a{ margin-right:20px;}
.showtop .parameter .label a:hover{ color:#9f1e30; }

.showvideo{ width:1000px; height:500px; background:#000000; margin:0 auto; }
.showvideo video{ display: block; width:100%; height:100%;}

.showinfo{ background:#e6decc; padding:2% 3%; color:#564c3a; font-size:14px; line-height:2; margin:3% 0; }

.showtxt{ color:#564c3a; font-size:16px; line-height:2; margin:3% 0; overflow: hidden; padding:0 10%; }
.showtxt img{ max-width:100%; height:auto !important;}
.showtxt video{ width:75%; height:auto; margin:0 auto; display:block;}

.share{ width:220px; overflow: hidden; margin:5% auto; }
.share span{ float:left; line-height:30px; font-size:14px; color:#666666; width:60px; text-align: right;}
.share a{width:30px!important; height:30px!important; margin:0 10px 0 0!important; padding:0!important; display: block; float:left; border-radius:50%; }
.share .bshare-weixin{ background: url(../images/share01.jpg) no-repeat center center!important; background-size:100% 100%!important; }
.share .bshare-qqim{ background: url(../images/share02.jpg) no-repeat center center!important; background-size:100% 100%!important; }
.share .bshare-sinaminiblog{ background: url(../images/share03.jpg) no-repeat center center!important; background-size:100% 100%!important; }
.share .bshare-qzone{ background: url(../images/share04.jpg) no-repeat center center!important; background-size:100% 100%!important; }
.bsTop{ width:100%!important; height:32px!important; line-height:32px!important;}
.bsFrameDiv div{ width:100%!important; height:100%!important;}
.bsFrameDiv img{ width:160px!important; height:160px!important;}

.fanhui{ margin:0 auto; width:100%; text-align:center; overflow:hidden; }
.fanhui a{ color:#ffffff; background:#9f1e30; display:block; margin:0 auto; width:120px; height:40px; text-align:center; line-height:40px; }
.fanhui a:hover{ background:#c8a767; }

.paging{ overflow: hidden; line-height:70px; border-bottom:1px solid #e0dace; color:#564c3a; padding:0 70px; }
.paging div{ width:49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.paging div.fr{ text-align:right;}
.paging a:hover{ color:#9f1e30; text-decoration:underline; }

.related{ padding:35px 70px;}
.related_tit{ color:#564c3a; font-size:24px; font-weight: bold; }
.related_list{ overflow: hidden; margin-top:20px;}
.related_list li{ width:45%; overflow: hidden; line-height:40px; }
.related_list li .tit{ color:#564c3a; float: left; max-width:90%; position: relative; padding-left:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.related_list li .tit:after{ content:""; width:6px; height:6px; border-radius:50%; background:#c4beb4; position: absolute; left:0; top:50%; margin-top:-3px; }
.related_list li .time{ color:#8a8274; float: right; }
.related_list li:hover .tit{color:#9f1e30; }
.related_list li:hover .tit:after{ background:#9f1e30;}
.related_list li:hover .time{color:#9f1e30; }
/*新闻详情*/


/*产品与服务*/
.main2{padding-bottom:0 !important;}
.nyban{ position: relative; }
.nyban>img{ width:100%; display: block;}
.nyban .bantxt{ position: absolute; left:0; top:0; width:100%; height:100%; }
.nyban .bantxt .container{ position: relative; height:100%;}
.nyban .logo2 .tit{ color:#bf9a59;}
.nyban .weizhi{ text-align: right; color:#eae2d0;}

.prodnav{ position: absolute; left:0; bottom:0;}
.prodnav .pn_tit{ color:#e7decc; font-size:24px; font-weight: bold;}

.pn_list{ overflow: hidden; margin-top:20px;}
.pn_list a{ float: left; height:40px; line-height:40px; position: relative; padding:0 8px; color:#e8dfcc; font-size:15px; font-weight: bold; margin-right:20px; margin-bottom:20px; background:url(../images/pnbj.png);}
.pn_list a span{ display: block; padding:0 22px;  }
.pn_list a:after{ content:""; position: absolute; left:0; top:0; width:8px; height:100%; }
.pn_list a:before{ content:""; position: absolute; right:0; top:0; width:8px; height: 100%; }
.pn_list a.on,.pn_list a:hover{ background:none;}
.pn_list a.on span,.pn_list a:hover span{ background:#9f1e30;}
.pn_list a.on:after,.pn_list a:hover:after{ background: url(../images/nav_lefts.png) no-repeat left center; background-size: auto 100%;}
.pn_list a.on:before,.pn_list a:hover:before{ background: url(../images/nav_rights.png) no-repeat right center; background-size: auto 100%;}

.prodbj{ background: url(../images/prodbj.jpg) no-repeat center top; background-size:cover;}

.prodlist{ overflow: hidden; }
.prodlist li{ float: left; width:17%; margin-right:3.5%; background:#f7f1e3; margin-bottom:2%;}
.prodlist li:nth-child(5n){ margin-right:0;}
.prodlist li .img{ position: relative; overflow: hidden;}
.prodlist li img{ width:100%; }
.prodlist li .img .txt{ position: absolute; text-align: center; left:0; top:-100%; width:100%; height: 100%; background: rgba(162,132,74,0.9); display: flex; align-items:center; opacity:0; }
.prodlist li .img .txt>div{ width:100%;}
.prodlist li .img .txt p{ color:#ffffff; font-size:18px; font-weight: bold; }
.prodlist li .img .txt p span{ margin:0 9px; }
.prodlist li .img .txt .more{ color:#ffffff; font-size:14px; margin-top:40px; }
.prodlist li .tit{ position: relative; line-height: 92px; text-align: center; color:#554a3b; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.prodlist li .tit:after{ content:""; position: absolute; left:50%; bottom:-7px; width:60px; height:14px; background:#9f1e30; margin-left:-30px;}

.prodlist li:hover .img .txt{ opacity:1; top:0;}
.prodlist li:hover .tit{ color:#ffffff; background:url(../images/prodtit.jpg) no-repeat center center; background-size:cover;}

.prodlist li .img .txt,.prodlist li .tit{transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
/*产品与服务*/

/*产品详情*/
.showprodbj{ background:url(../images/showprodbj.jpg) no-repeat center top; background-size:cover;}

.showprod{ background:url(../images/showprod.png) no-repeat center center; background-size:100% 100%; padding:8.5% 6%; overflow: hidden; margin-top:8%; }

.pc-slide{ overflow:hidden; }
.view{ width:100%; padding-left: 100px; }
.view .swiper-container {width:550px;height: 430px; margin:0; }
.view img{ width:100%; display:block; height:100%;}

.preview { height:430px; width:70px; float:left; position: relative;}
.preview .swiper-container {width:70px;height: 360px; margin: 17px 0; }
.preview .swiper-slide {width: 70px;cursor:pointer; height:90px; padding:10px 0;}
.preview .arrow-left {background: url(../images/arrow-top.png) no-repeat center center; background-size:cover; width:60px; height:18px; margin:0 auto; display:block; border:1px solid #c3bdb3; }
.preview .arrow-right {background: url(../images/arrow-bottom.png) no-repeat center center; background-size:cover; width:60px; height:18px; margin:0 auto; display:block; border:1px solid #c3bdb3; }

.preview img { width:70px; height:70px; display:block; border: 1px solid #dfd2be;}
.preview .active-nav img {border: 2px solid #9f1e30;}


.showprod .txt{ padding-left:720px; }
.showprod .txt .tit{}
.showprod .txt h1{ display: inline-block; color:#3a3a3a; font-size:24px; position: relative; padding:0 35px; }
.showprod .txt h1:before{ content:""; width:32px; height:32px; background: url(../images/tit_left.png) no-repeat left center; position: absolute; left:0; top:50%; margin-top:-16px;}
.showprod .txt h1:after{ content:""; width:32px; height:32px; background: url(../images/tit_right.png) no-repeat right center; position: absolute; right:0; top:50%; margin-top:-16px;}

.showprod .txt .characteristic{ margin:30px 0; color:#5b5445; font-size:16px; line-height:30px; background: url(../images/characteristic.jpg) no-repeat center center; background-size:cover; padding:20px;}
.showprod .txt .characteristic .chtit{ float: left; font-weight: bold; width:90px;}
.showprod .txt .characteristic .chtxt{ padding-left:90px;}

.showprod .txt .info{ color:#5b5445; line-height:3; font-size:16px;}

.prodbtn{ overflow: hidden; margin-top:30px;}
.prodbtn a{ float: left; height:50px; padding:0 25px; line-height:50px;}
.prodbtn a.consulting{ background:#c8a767;}
.prodbtn a.consulting span{ display: block; font-size:16px; color:#ffffff; font-weight: bold; padding-left:40px; background: url(../images/prodbtn01.png) no-repeat left center; background-size:auto 100%; }
.prodbtn a.prodtel{ background:#9f1e30; margin-left: 7px;}
.prodbtn a.prodtel span{ display: block; font-size:16px; color:#ffffff; font-weight: bold; padding-left:40px; background: url(../images/prodbtn02.png) no-repeat left center; background-size:auto 100%; }
.prodbtn a.consulting:hover{ background:#85672f;}
.prodbtn a.prodtel:hover{ background:#610814;}
.prodbtn a.prodshare{ padding-right:0 !important; }
.prodbtn a.prodshare span{ display: block; font-size:16px; color:#626262; padding-left:40px; background: url(../images/prodbtn03.png) no-repeat left center; background-size:auto 100%; }


.share_pop_up{ display:none; width:380px; padding:48px; border:1px solid #dbdbdb; height:150px; position:fixed; top:50%; left:50%; text-align:center; margin-top:-175px; margin-left:-190px; background:#ffffff; z-index:100; box-shadow: 0 0 15px #dcdcdc;}
.share_pop_up .social-share .social-share-icon{ height:50px; width:50px; line-height:50px; font-size:30px; float:left; margin:0 10px;}
/*产品详情*/


/*加盟政策*/
.joinbj{ background:url(../images/homebj02.jpg) no-repeat center top; background-size:cover; }

.join{ background: rgba(249,243,231,0.8) url(../images/join.png) no-repeat left top; background-size:100% auto; padding:7% 5%; overflow: hidden; box-shadow: 0px 0px 20px #d2c9b5; }
.join .txt{ width:47%;}
.join .txt .tit{ color:#37332a; font-size:30px; margin-bottom:6%; }
.join .txt .info{ color:#3f3f3f; font-size:16px; line-height:1.8; }

.join .img{ width:47%;}
.join .img img{ display: block; width:100%; }
/*加盟政策*/

/*经典案例*/
.top_nav{ background: rgba(249,243,231,0.8); padding:35px 45px; margin-top:4%; }
.top_nav .tit{ color:#686050; font-size:18px; font-weight: bold; margin-bottom:14px; overflow: hidden; }
.top_nav span{ float:left; line-height:34px;}
.top_nav .tit_search{ float:left; overflow:hidden;}
.top_nav .tit_search .input{ float:left; width:230px; height:34px; padding:0 10px; background:#f5efe2; border:1px solid #9f1e30; }
.top_nav .tit_search .submit{ cursor: pointer; float:left; width:70px; height:34px; text-align:center; background:#9f1e30; color:#f5efe2; font-size:14px; }
.tnlist{ overflow: hidden; }
.tnlist a{ color:#686050; font-size:14px; line-height:30px; padding:0 14px; display:inline-block; }
.tnlist a.on,.tnlist a:hover{ color:#f5efe2; background:#9f1e30; }

.caselist{ margin-top:2%; }
.caselist li{ float: left; width:32%; margin-right:2%; background:#f4ede0; margin-bottom:2%; box-shadow: 0px 0px 20px #d2c9b5;}
.caselist li a{padding:6.3%; display: block;}
.caselist li .tit{ color:#504b40; font-size:18px; line-height:1.8; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.caselist li .time{ color:#6f6f6f; font-size:14px; line-height:1.8; }
.caselist li .img{ overflow: hidden; margin-top:5%; }
.caselist li img{ width:100%; }
.caselist li:hover{ background:url(../images/licase.jpg) no-repeat center center; background-size:cover;}
.caselist li:hover .tit{ color:#ffffff;}
.caselist li:hover .time{ color:#dcbbc0; }
/*经典案例*/


/*加盟商风采*/
.franchisee{ margin-top:2%; }
.franchisee li{ width:49%; overflow: hidden; background: rgba(249,243,231,0.8); margin-bottom:2%; box-shadow: 0px 0px 20px #d2c9b5; position: relative;}
.franchisee li:after{ content:""; position: absolute; top:0; left:0; width:100%; height:100%;background:url(../images/franchiseeli.jpg) no-repeat center center; background-size:cover; opacity:0;}
.franchisee li a{ overflow: hidden; display: block; position: relative; z-index:1;}
.franchisee li .img{ width:320px; float: left; overflow: hidden;  }
.franchisee li .img img{ display: block; width:100%; }
.franchisee li .txt{ padding:40px 40px 0 360px; }
.franchisee li .txt h3{ color:#474135; font-size:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.franchisee li .txt p{ color:#706b63; font-size:14px; line-height:2; margin:15px 0 30px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.franchisee li .txt .more{ color:#9f1e30; font-size:14px; padding-left:7px; width:85px; height:40px; line-height:40px; border-bottom:1px dashed #9f1e30; text-align: center; position: relative; }
.franchisee li .txt .more:after{ content:""; width:7px; height:7px; position: absolute; left:0; bottom:-4px; background:#9f1e30; }
.franchisee li:hover:after{ opacity:1;  }
.franchisee li:hover .txt h3{ color:#f6f0e2; }
.franchisee li:hover .txt p{ color:#dda6ad; }
.franchisee li:hover .more{ color:#dda6ad; border-bottom:1px dashed #dda6ad;  }
.franchisee li:hover .more:after{ background:#dda6ad; }
/*加盟商风采*/

/*健康资讯*/
.infobj{ background:url(../images/homebj03.jpg) no-repeat center top; background-size:cover; }

.top_nav2{ background:url(../images/top_nav2.jpg) no-repeat center center; background-size:cover; margin-top:11%; }
.top_nav2 .tit{ color:#f0e9dc; font-weight: bold; }
.top_nav2 .tnlist a{ color: #e8dfcd; }
.top_nav2 .tnlist a.on,.top_nav2 .tnlist a:hover{ background:#c8a767; color: #a32234; }

.infolist{ overflow: hidden; margin:1.5% 0 4% 0; box-shadow: 0px 0px 20px #d2c9b5;}
.infolist li{ float: left; width:100%; overflow: hidden; background: rgba(249,243,231,0.8); border-top:1px solid #e0d8cb;  }
.infolist li a{ display: block; overflow: hidden; padding:3.5% 4.5%; position: relative; }
.infolist li .img{ float: left; width:300px; overflow: hidden; }
.infolist li .img img{ display: block; width:100%; }
.infolist li .txt{ padding-left:340px;}
.infolist li .txt .time{ color:#504e4c; font-family: Arial; font-size:14px; }
.infolist li .txt h3{ color:#302d27; font-size:20px; font-weight: normal; margin:1% 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.infolist li .txt p{ color:#7b766c; font-size:14px; line-height:2; margin-bottom:1.5%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.infolist li .txt .more{ text-align:right;}
.infolist li a:after{ opacity:0; content:""; width:9px; height:100%; position:absolute; left:0; top:0; background:#a01f31; }
.infolist li a:before{ opacity:0; content:""; border-left:20px solid #a01f31; border-top:26px solid transparent; border-bottom:26px solid transparent; position:absolute; left:0; margin-top:-26px; top:50%;}
.infolist li:hover{ background:#e7decf; }
.infolist li:hover a:after{ opacity:1;}
.infolist li:hover a:before{ opacity:1;}
/*健康资讯*/

.search_btn{ width:60px; position:fixed; cursor:pointer; 
/*right:0; top:0; */
    left: 19%;
    top: 29%;
        opacity: 0.5;
height:60px; 
/*border-radius:0 0 0 60px ;*/border-radius:5px ;
/*background:#342d27 url(../images/search_btn.png) no-repeat 90% 30%; */
background: #bd9444 url(../images/search_btn.png) no-repeat center;
background-size:auto 70%; z-index:1; 
    
}

.searchbj{ cursor:pointer; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001; display:none;}
.search_main{ padding:60px; width:580px; height:180px; background:#ffffff; position: fixed; left:50%; top:50%; z-index:1002; margin:-90px 0 0 -290px; box-shadow: 0 0 20px #999999; display:none;}
.search_main .input{ width:400px; height:60px; border:1px solid #9f1e30; padding:0 15px; float:left; font-size:16px;}
.search_main .submit{ width:60px; height:60px; background:#9f1e30 url(../images/search_btn.png) no-repeat center center; background-size:80% 80%;  float:left; cursor:pointer;}



.animated{opacity: 0;}

.video_list li img,.weizhi a,.welfare_list li .tit,.fenye a,.newslist li,.newslist li .txt .more,.newslist li .txt h3,.showtop .parameter .label a,.paging a,.related_list li .tit,
.related_list li .tit:after,.prodbtn a,.tnlist a,.caselist li,.franchisee li:after,.franchisee li .txt h3,.franchisee li .txt p,.franchisee li .txt .more,
.franchisee li .txt .more:after,.infolist li,.infolist li a:after,.infolist li a:before,.footer .dbinfo a,.popup_navlist a,.sublist a,.sublist a:after,.fanhui a,.hnlist li:hover .txt .time,.hnlist li:hover .txt h3,.hnlist li:hover .txt .more{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.welfare_list li img,.newslist li .img img,.caselist li img,.franchisee li img,.infolist li .img img{
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;}

.welfare_list li:hover img,.newslist li:hover .img img,.caselist li:hover img,.franchisee li:hover img,.infolist li:hover .img img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}
.delay7{-webkit-animation-delay:1.2s;animation-delay:1.2s; -moz-animation-delay:1.2s;
-o-animation-delay:1.2s;-ms-animation-delay:1.2s;}
.delay8{-webkit-animation-delay:1.4s;animation-delay:1.4s; -moz-animation-delay:1.4s;
-o-animation-delay:1.4s;-ms-animation-delay:1.4s;}