/* CSS Document */

html{ height:100%; border:none;}

body{ height:100%; border:none; padding:0; margin:0; text-align:left; min-width:1200px; font-size:14px; color:#333; font-family:Arial, "microsoft yahei"; background:#fbf4e6;}

div,ul,li,img,dl,dd,dt,p{ padding:0; margin:0; border:none;}

ul,dl{list-style-type:none;}

h1,h2,h3,h4,h5{margin:0; padding: 0; font-weight: normal;}

a{ color:#333; text-decoration:none;}

a:hover{ color:#f4bb31; text-decoration:none;}

.clear{ clear:both;}



.fl{ float: left;display: inline;}

.fr{float: right;display: inline;}

.ml15{margin-left: 15px;}

.text-center{ text-align: center; }

.container{ width: 1200px; margin: 0 auto; }

.ml370{ margin-left: 270px; }

.ml15{ margin-left: 15px; }

.ml130{ margin-left: 130px; }

.mt50{margin-top: 50px;}



.top{ background: #f5f5f5; height: 40px; line-height: 40px; color: #999999;}

.top a{ color: #999;padding:0 8px; }

.top p{ display: inline; }



#logo{ height:140px ; }

#logo .logo{ padding-top: 30px; }

#logo .slogn{ font-size: 16px;height: 54px; margin-top: 30px;padding:10px 40px; text-align: center; }

#logo .slogn span{ color:#f4bb31; font-size: 20px; font-style: normal;} 

#logo .slogn span i{ padding:0 20px; }

#logo .slogn p{ margin-top:8px; }

#logo .slogn p i{ padding:0 8px; }

#logo .tel{ margin-left: 45px; text-align: right; font-size: 16px; margin-top: 40px; }

#logo .tel p{ font-size: 24px; color: #f4bb31; margin-top: 10px; }



.nav{background:#030202; height: 120px; padding:40px 50px 0 60px; z-index:9999999; position:relative;}
.yuyan-wrap{ position:absolute; height:26px; line-height:26px; right:20px; top:0;  display:block; }

.yuyan{font-size:14px; font-weight:bold; height:26px; line-height:26px; top:0; background:#fff; border-radius:0 0 5px 5px; display:block; padding:0 20px; color:#000;}
.yuyan-wrap .suba{ display:none;}
.yuyan-wrap:hover .suba{ display:block;}
.yuyan-wrap .suba a{ background:#483344; display:block; height:30px; text-align:center; color:#fff;}
.yuyan-wrap .suba a:hover{background:#000000;}

.yuyan:hover{ color:#666}

.nav .logo{ margin-top:-10px; }

.nav ul li{ float:left; display: inline; text-align: center; font-size: 16px;  }

.nav ul li:last-child{ margin-right: 0; }

.nav ul li>a{ color:#FFF; display: block; height: 50px; line-height: 50px; padding: 0 36px; }

.nav ul li>a:hover,.nav ul li>a.hover{ color:#FFF; display: block; background: #333; }



.nav ul li dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}

.nav ul li dl dt a{display:block;width:137px;height:40px;line-height:40px;text-align:center;background:#f4bb31;color:#fff;font-size:14px;}

.nav ul li dl dt a:hover{background:#242424;}



.banner{  min-height:450px; background:#000; overflow:hidden; position:relative; }

.banner .hd{ height:18px; overflow:hidden; position:absolute; left:46%;  bottom:120px; z-index:1; }

.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }

.banner .hd ul li{ float:left; margin-right:15px;width:15px; height:15px; cursor:pointer; background:rgba(255,255,255,0.5); border-radius:8px; border:1px solid #34363c;  }

.banner .hd ul li.on{ background: #121213; border: 1px solid #FFF;}

.banner .bd{ position:relative; height:100%; z-index:0; }

.banner .bd li{ zoom:1; vertical-align:middle; width:100%; display:block;}
.banner .bd li .text{ position:absolute; left:55%; top:10%; }
.banner .bd li h1{ font-family:Arial; font-size:78px; color:#d5d2cc; font-weight:bold;}
.banner .bd li h2{ font-family:Arial; font-size:40px; color:#d5d2cc; font-weight:bold; line-height:1.5em}
@media screen and (max-width: 1500px){
.banner .bd li h1{ font-family:Arial; font-size:58px;}
.banner .bd li h2{ font-family:Arial; font-size:32px;}
}


.banner .bd li a{ width:100%;  display:block; background:#000;}
.banner .bd li a img{ display:block; width:100%; height:auto; width:100%;  display:block;}

.banner .prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:17px; height:31px; background:url(../images/left.png)  no-repeat; filter:alpha(opacity=100);opacity:1;   }

.banner .next{ position:absolute; right:3%; top:50%; margin-top:-25px; display:block; width:17px; height:31px; background:url(../images/right.png) no-repeat; filter:alpha(opacity=100);opacity:1;   }



.search{ height: 90px; }

.search .fl{ line-height: 90px; }

.search .fl a{ margin-left: 15px; }

.search .fr{ background: url(../images/searchbg.png) no-repeat right center; width:264px; height: 90px; }

.search .fr input{ width: 210px; height: 30px;border: none;  margin-top: 30px; margin-left: 3px;}

.search .fr button{ width:45px; height: 35px;border: none; background: none; position: relative; top:10px; }



.index-about{ margin-top: 30px; height: auto; overflow: hidden; }

.index-about .fl{ width: 570px; }

.index-about .fr{ width: 534px; }

.index-about .fl h2{ font-size: 24px; color: #f4bb31; margin-bottom: 20px; }

.index-about .fl p{ line-height: 30px; }

.index-about .fl .more{ width:247px; height: 40px; margin:45px auto 0; }

.index-about .fl .more a{ width:245px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #ccc; color: #999; display: block; }

.index-about .fl .more a:hover{ background: #f4bb31;color: #FFF; }



.pro{ margin-top: 110px; height: auto; overflow: hidden; padding-bottom: 40px;}

.pro .title{ background: url(../images/xian01.png) no-repeat center 10px ; text-align: center; }

.pro .title h2{ color: #f4bb31; }

.pro .title h2 i{ padding: 0 10px; }

.pro .title p{ color: #999999; font-size: 16px; margin-top: 5px; }

.pro .content{ height: auto; overflow: hidden; margin-top: 40px; }

.tab-pro{ width: 100%; height: auto; overflow: hidden; }

.tab-pro .hd{ width: 100%; text-align: center; height: 40px; padding-top: 10px; }

.tab-pro .hd ul li{ display: inline; padding: 10px; border: 1px solid #ccc; line-height: 30px;  border-radius: 5px; font-size: 16px; margin-right: 15px;}

.tab-pro .hd ul li.on{ background: #f4bb31; color: #FFF; border: #f4bb31; }

.tab-pro .hd ul li.on a{ color: #FFF; }

.tab-pro .bd{ padding-top: 20px; }

.tab-pro .bd ul li{ float: left; display: inline; margin: 0 10px 15px; text-align: center; font-size: 16px;}

.tab-pro .bd ul li img{ width: 280px; height: 220px; border-radius: 2px; }



.index-news{ height: 610px; background: #f5f5f5; width: 100%; overflow: hidden; padding-top: 65px; }

.index-news .fl,.index-news .fr{ width: 390px;  }

.index-news h2{ height: 60px;   }

.index-news h2 img{ position: relative; top:5px ; margin-right: 8px; }

.index-news h2 span{margin-right: 5px; color: #333; font-size: 24px;}

.index-news h2 i{ font-weight: normal; font-size: 14px; }

.index-news .content{ padding: 10px 0; height: auto; overflow: hidden; }

.index-news .content ul li{ height: 70px; padding: 15px 0; border-bottom: 1px solid #cccccc; }

.index-news .content ul li .tu{ float: left; display: inline; width: 110px; padding: 0 10px; }

.index-news .content ul li .text{ float: right; display: inline; width: 245px; margin-right: 15px; }

.index-news .content ul li .tu img{ width: 110px; height: 70px; }

.index-news .content ul li .text h4 a{ color: #333; }

.index-news .content ul li .text h4 span{ float: right; font-size: 12px; padding-top: 2px; }

.index-news .content ul li .text p{ color: #999; }

.index-news .contents{ padding: 10px 0; height: auto; overflow: hidden; }

.index-news .contents ul li{ height: 60px; background: #FFF; margin-bottom: 20px; line-height: 60px; font-size: 16px; }

.index-news .contents ul li span{ display: inline-block; width: 62px; text-align: center;}

.index-news .contents ul li img{ position: relative; top:6px;  }

.index-news .contents ul li a{ color: #333; }





.honor{ margin-top:90px; height: auto; overflow: hidden; padding-bottom: 40px;}

.honor .title{ background: url(../images/xian01.png) no-repeat center 10px ; text-align: center; }

.honor .title h2{ color: #f4bb31; font-size: 24px; }

.honor .title h2 i{ padding: 0 10px; }

.honor .title p{ color: #999999; font-size: 16px; margin-top: 15px; }

.honor .content{ padding-top: 50px; height: auto; overflow: hidden; }

.honor .content ul li{ float: left; display: inline; margin-right: 36px; }

.honor .content ul li:last-child{margin-right: 0;}

.honor .content ul li img{ width: 210px; height: 150px; }



.links{  padding-bottom: 10px; }

.links a{ margin-right: 15px; }



.footer{ height: 267px; background: #f5f5f5; overflow: hidden; margin-top: 10px; padding-top: 60px; border-bottom: 1px solid #ccc; }

.footer .fl h3{ color: #333; padding-bottom: 30px; }

.footer .fl p{ line-height: 40px; font-size: 15px; }

.footer .fl p img{ position: relative; top:3px; margin-right: 28px; }

.footer .fr{ border-right: 1px solid #cccccc; text-align: center; padding-right: 30px; margin-top: 30px; }

.footer .fr img{ width: 150px; }



.footer .flogo img{margin-top: 50px;}



.copyright{ font-size: 12px; color: #999999; padding-top: 10px; text-align: center; line-height: 35px;}





.about{ width: 1200px; margin:0 auto;  text-align: left;  padding-top: 60px;}

.about h1{ font-size: 24px; color: #f4bb31; line-height: 80px; text-align: center;}

.about p{ text-indent: 25px; line-height: 30px; font-size: 16px; }



.aboutpic{ width: 1200px; height: auto; overflow: hidden; padding: 50px 0; }

.aboutpic ul li{ float: left; display: inline; margin-right: 15px; }

.aboutpic ul li img{ width: 385px; height: 300px; }



.position{ line-height: 50px; margin-bottom: 10px;display: block; }

.position a{ color: #333; }



.ny{ width: 100%; height: auto; overflow: hidden; padding: 0px 0 60px; }

.ny .fl{ width: 280px; height: auto; }

.ny .fr{ width: 870px; height: auto; }



.ny .fl h3{ background: #f4bb31; height: 65px;text-align: center; line-height: 65px; font-size: 20px; color: #FFF;}

.ny .fl ul li{ width: 280px; height: 50px; margin-top: 12px; font-size: 16px; line-height: 50px; }

.ny .fl ul li a{ background: url(../images/menu01.jpg) no-repeat; padding-left: 20px; width: 280px; height: 50px; display: block;}

.ny .fl ul li a:hover,.ny .fl ul li a.hover{ background: url(../images/menu01hover.jpg) no-repeat; color: #FFF; }



.list-1 dl{ height: auto; overflow: hidden; margin-bottom: 32px; }

.list-1 dl dt{ float: left; display: inline; width: 260px;  }

.list-1 dl dd{ float: left; display: inline; width: 550px; height: auto; margin-left: 25px; }

.list-1 dl dt img{ width: 260px; height: 180px; }

.list-1 dl dd h2{ font-size: 16px; margin-bottom: 15px;}

.list-1 dl dd h2 a{ color: #333; }

.list-1 dl dd h2 span{ float: right; font-size: 14px; }

.list-1 dl dd p{ line-height: 25px; color: #999;  }



.list-2 ul li{ height: 50px; line-height: 50px; border-bottom: 1px dashed #ededed; overflow: hidden; }

.list-2 ul li span{ float: left; display: inline; }

.list-2 ul li span i{ padding:0 10px; font-size: 12px;color: #cdcdcd;}

.list-2 ul li em{float: right; display: inline; font-style: normal; font-size: 12px; }



.list-3{ width: 100%; height: auto; overflow: hidden; }

.list-3 ul li{ float: left; display: inline; margin-right: 12px; margin-bottom: 30px; text-align: center; }

.list-3 ul li:nth-child(3n){ margin-right: 0; }

.list-3 ul li img{ width:280px; height: 220px; border: 1px solid #ccc;  }

.list-3 ul li h3{ line-height: 40px;  font-size: 16px;}



.list-4{ background: #f5f5f5; padding: 30px 78px; margin-top: 60px; }

.list-4 .desc{ line-height: 30px; margin-bottom: 40px; }

.list-4 .email{ line-height: 30px; margin-bottom: 40px; font-weight: bold; color: #333; }

.list-4 h3{ background: #f4bb31; height: 40px; padding: 0 15px; border-radius: 4px; color: #FFF; line-height: 40px; margin-top: 10px;}

.list-4 h3 span{ margin-right: 30px; }

.list-4 .content{ padding: 15px; font-size: 16px; line-height: 30px;  }







.news h1{ text-align: center; color: #333; font-size: 20px;font-weight: bold; }

.news .date{ text-align: center; margin-top: 15px; color: #666; }

.news .date span{ padding: 0 15px; }

.news .nr{ padding: 20px 0; line-height: 25px;}

.news .page{ background: #f5f5f5; height: 40px; line-height: 40px; }

.news .page .l{float: left; display: inline; padding-left: 15px;}

.news .page .r{float: right; display: inline; padding-right: 15px;}



.contact{ width: 1170px; height: auto; margin: 0 auto; overflow: hidden; padding-bottom: 50px; }

.contact .title{ background: url(../images/xian01.png) no-repeat center 10px ; text-align: center; }

.contact .title h2{ color: #f4bb31; font-size: 24px; }

.contact .title h2 i{ padding: 0 10px; }

.contact .title p{ color: #999999; font-size: 16px; margin-top: 5px; }

.contact .content{ padding-top: 80px; height: auto; overflow: hidden; }

.contact .content .fr{ width: 303px; height: 460px; background: #eeeeee; }

.contact .fl h3{ font-size: 18px; color: #f4bb31; margin-bottom: 50px; }

.contact .fl p{ line-height: 40px; font-size: 15px; }

.contact .fl p img{ position: relative; top:3px; margin-right: 28px; }



.contactpic{ width: 660px; height: auto; overflow: hidden; padding: 30px 0; }

.contactpic ul li{ float: left; display: inline; margin-right: 15px; }

.contactpic ul li img{ width: 200px; height: 136px; }



.job{ width: 1170px; height: auto; margin: 0 auto; overflow: hidden; padding-bottom: 50px; }

.job .title{ background: url(../images/xian01.png) no-repeat center 10px ; text-align: center; }

.job .title h2{ color: #f4bb31; font-size: 24px; }

.job .title h2 i{ padding: 0 10px; }

.job .title p{ color: #999999; font-size: 16px; margin-top: 5px; }



.product{ width: 100%; height: auto;overflow: hidden; margin-bottom: 15px; }

.product h2{ background: #f5f5f5; height: 50px; line-height: 50px; margin-bottom: 15px; border-bottom: 1px solid #dddddd; padding-left: 20px; }

.product .l{float: left; display: inline; width: 420px; height: 400px;}

.product .r{ float: right; display: inline;width: 400px; height: 400px; }

.product .r h3{ font-size: 18px; color: #333;font-weight: bold; margin-bottom: 30px; }

.product .r p{ font-size: 12px; line-height: 30px; }

.product .r p span{display: inline-block; width: 82px;}



.showcase-pic {position: relative;width: 420px;overflow: hidden;float: left;}

.showcase-pic li {height: 400px;}

.showcase-pic .arr {position: absolute;top: 43%;width: 18px;height: 32px;margin-top: -11px;z-index: 2;}

.showcase-pic .prev {left: 15px;background: url(../images/left.png) no-repeat 0 0;}

.showcase-pic .next {right: 15px;background: url(../images/right.png) no-repeat 0 0;}



.tag a{ margin-right: 8px; }



.tabs{ width:870px; text-align:left;  }

.tabs .hd{ height:50px; line-height:50px; background:#efefef;  border-bottom:1px solid #ccc;  position:relative; }

.tabs .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:50px;   }

.tabs .hd ul li{ float:left; padding:0 25px; cursor:pointer;  font-size: 18px; }

.tabs .hd ul li.on{ height:50px;  background:#f4bb31; color: #FFF;  }

.tabs .bd ul{ padding:15px;  zoom:1;  }

.tabs .bd ul p{ line-height: 40px; font-size: 16px; }

.tabs .bd ul p img{ position: relative; top:3px; margin-right: 18px; }



.r-product{ margin: 30px 0 0; height: auto; overflow: hidden; position: relative; }

.r-product .tit{ background: #f5f5f5; height: 50px; line-height: 50px; font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid #dddddd; padding-left: 20px; }

.r-product ul li{ float: left; display: inline; margin-left: 25px; font-size: 13px; text-align: center;}

.r-product ul li img{ width: 320px; height: 160px; border:1px solid #ccc; border-radius:5px; }

.r-product ul li img:hover{ border:1px solid #f4bb31; }

.r-product .prev{ display:block; position:absolute;filter:alpha(opacity=0);opacity:0; border-radius: 0 5px 5px 0; top:110px; left:0px; width:30px; height:60px; background:rgba(0,0,0,0.7);   }

.r-product .next{ display:block; position:absolute;filter:alpha(opacity=0);opacity:0; border-radius: 5px 0 0 5px; top:110px; right:0px; width:30px; height:60px; background:rgba(0,0,0,0.7);   }

.r-product .prev:hover,.r-product .next:hover{ filter:alpha(opacity=100);opacity:1; }

.r-product .prev img,.r-product .next img{ position: relative;top:15px; left:5px; }



.r-news{ margin: 30px 0 0; height: auto; overflow: hidden; position: relative; }

.r-news .tit{ background: #f5f5f5; height: 50px; line-height: 50px; font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid #dddddd; padding-left: 20px; }

.r-news ul li{ line-height: 35px; float: left; display: inline;  width: 48%; margin-left: 2%;}

.r-news ul li:before{ content: "●"; margin-right: 5px; margin-left: 0px; }

.r-news ul li span{ float: right; }



.r-service{ margin: 30px 0 0; height: auto; overflow: hidden; position: relative; }

.r-service .tit{ background: #f5f5f5; height: 50px; line-height: 50px; font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid #dddddd; padding-left: 20px; }

.r-service .contents { padding:0 20px;line-height: 25px;}

.r-service .contents a{ margin-right: 20px; }



.bookadd{margin:10px 0;}

.bookadd div{margin-bottom:15px;}

.bookadd .enter{ width: 220px; margin: 0 auto; height: 40px; }

.bookadd .enter input{ border:1px solid #ccc;width:220px; height: 25px;  }

.bookadd .enter select{ border-bottom:1px solid #ccc;width:222px; height: 30px;  }

.bookadd .enters{ width: 220px; margin: 0 auto; height: 80px; color: #666; }

.bookadd .enters .ip{border-bottom:1px solid #ccc; text-decoration: none; width:220px; height: 60px;font-family: 'microsoft yahei'; }

.bookadd .enter .ips{border:1px solid #ccc;width:220px;height:60px;}

.bookadd .enterss{ width: 220px; margin: 0 auto; height: 40px; margin-top: -10px;}

.bookadd .enterss input{ border:1px solid #ccc;width:100px; height: 25px;  }

.bookadd .enterss img{ position: relative; left: 0;top:8px; height: 25px; }

.bookadd .enter .bnt{border:none;background:#f4bb31; width: 220px; height: 42px; border-radius: 4px; color: #FFF;}







.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}

.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}

.yb_bar .yb_top{background:#f4bb31 url(../images/fixCont.png) no-repeat 0 0;}

.yb_bar .yb_phone{background:#f4bb31 url(../images/fixCont.png) no-repeat 0 -57px;}

.yb_bar .yb_QQ{text-indent:0;background:#f4bb31 url(../images/fixCont.png) no-repeat 0 -113px;}

.yb_bar .yb_ercode{background:#f4bb31 url(../images/fixCont.png) no-repeat 0 -169px;}

.hd_qr{padding:0;}

.hd_qr img{ width: 130px;position: relative; left:-30px;}

.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}





.gototop{ width:60px; height:60px; position: fixed; right:10px; bottom:10px;}

.gototop a{ background: url(../images/backtop.png) no-repeat; width: 60px; height: 60px; display: block; }

.yunu-section-about-title{ padding-bottom:30px;}
.m-index_about{ width:83%; min-height:200px; margin:0 auto; background:#f3bc33 url(../images/index_about_bg.png) no-repeat 95% center; background-size:auto 50%;    position: relative; margin-top: -90px;z-index: 400; padding:60px 110px; box-sizing:border-box;
 border-top-left-radius:2em;
border-top-right-radius:0;
border-bottom-right-radius:2em;
border-bottom-left-radius:0;}
.m-index_about h4{ font-size:64px; font-weight:bold;}
.m-index_about small{ font-size:64px; font-weight:bold;}
 .index-2{ font-size:24px; line-height:2em; padding-left:20%; padding-right:10%; background: url(../images/index_about_ico.png) no-repeat 20px bottom; }

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:100px;}
.yunu-section-yaocai img{ width:100%; height:auto; display:block;}
.m-index_essence{width:83%; overflow:hidden;  padding:125px 130px; margin:0 auto;margin-bottom:24px; background:#fff url(../images/index_essence_ico.png) no-repeat left center; background-size:50% auto; box-sizing:border-box;
 border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em ;
border-bottom-left-radius:2em;}
.m-index_essence .container2{ width:50%; float:right; line-height:1.7em; height:316px; padding:0 15px;box-sizing:border-box;}
.m-index_essence .yunu-section-about-title h4{ color:#f3bc33; font-size:54px;font-weight:bold; line-height:1em; margin-bottom:20px;}
.m-index_essence .yunu-section-about-title small{color:#343434; font-size:54px;font-weight:bold;line-height:1em;}
.m-index_essence p{ font-size:16px;}


.marginbottom{ margin-bottom:22px;}
.m-index_secret{ position:relative; margin-top:50px; width:83%; min-height:200px; margin:0 auto; background:#fff;z-index: 400; padding:30px 23px; box-sizing:border-box;
 border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:0;
border-bottom-left-radius:0;}
.m-index_secret .ico_secret{ width:17px; height:92px; position:absolute; left:15px; top:30px; background:#fff url(../images/secret_bg.jpg) no-repeat; background-size:cover;}

.m-index_secret .container2{ padding-left:30px; border-left:1px solid #f3bc33}
.m-index_secret .yunu-section-about-title h4{ color:#f3bc33; font-size:54px;font-weight:bold; line-height:1em; margin-bottom:20px;}
.m-index_secret .yunu-section-about-title small{color:#343434; font-size:54px;font-weight:bold;line-height:1em;}




.index-2_1 p{ padding-top:15px; text-indent:2em; line-height:2em; font-size:16px; background: url(../images/secret_p_01.png) no-repeat; background-size:80px 47px; }
.index-2_1 p:nth-child(2){background: url(../images/secret_p_02.png) no-repeat; background-size:80px 47px; background-position:right top;}
.index-2_1 p:nth-child(3){background: url(../images/secret_p_03.png) no-repeat; background-size:80px 47px;}



.yunu-section-secret_pic{width:92%; min-height:200px; margin:0 auto; margin-bottom:22px;
 border-top-left-radius:0;
border-top-right-radius:0;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;}
.yunu-section-secret_pic img{ width:100%; height:auto;}


.m-index_effect{ position:relative; width:92%; min-height:200px; margin:0 auto; margin-bottom:22px; background:#fff;z-index: 400; padding:30px 23px; box-sizing:border-box;
 border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;}
.m-index_effect .ico_secret{ width:17px; height:92px; position:absolute; right:15px; top:30px; background:#fff url(../images/secret_bg.jpg) no-repeat; background-size:cover;}

.m-index_effect .container{ padding-right:16px; border-right:1px solid #f3bc33}
.m-index_effect .yunu-section-about-title h4{ color:#f3bc33}
.m-index_effect .yunu-section-about-title small{ color:#343434}
.index-2_2 p:nth-child(1){ font-weight:bold;}


.yunu-footer {font-size: 18px; line-height:2em;text-align: center;padding: 15px; color:#666666; margin-top:40px;}
.yunu-footer a{ color:#666666;}
.yunu-footer .top {display: block;width: 40px;margin: -30px auto 0;}

.m-site_copyright{color:#fff; background:#202020;    font-size: 18px; text-align:center; padding:10px 0;line-height: 2em;}


.yunu-footer .top img {display: block;width: 100%;height: auto;}

.foot_nav { border-bottom:1px solid #909090; margin-bottom:15px;}
.foot_nav a{ margin:5px 20px; display:inline-block;}
.feneo_banner{ width:100%; min-height:50px;}
.feneo_banner img{ width:100%; height:auto;}

.m-taste .fr{ width:1200px;}
.m-taste .list-3 ul li{ width:50%; margin:0; box-sizing:border-box; padding:1%;}
.m-taste .list-3 ul li h4{ overflow:hidden;}
.m-taste .list-3 ul li p{ height:40px; line-height:20px;}
.m-taste .list-3 ul li img{ width:100%; height:auto; border:none; border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:0;
border-bottom-left-radius:0;}
 .m-more{ width:180px; height:50px;}
 .m-more a{ display:block; width:150px; height:50px; line-height:50px; padding-left:14px; font-size:16px; color:#fff; background:#f4bb31 url(../images/more_ico.png) no-repeat 120px center; color:#fff; border-radius:5px;}
 
 .m-more a:hover{ background-color:#eec35b}
 
 
 .m-benift_box{ width:1200px; margin:0 auto; overflow:hidden;padding:40px 0 40px 0;}
 .m-benift_wrap{ width:742px;float:left; }
  .m-benift_wrap .title1{ margin-bottom:50px;}
  .m-benift_wrap li{ display:inline-block; height:34px; line-height:34px; list-style:none; margin-left:38px; margin-bottom:30px;}
.m-benift_wrap li a{ padding:0 10px; min-width:133px; height:34px; background:#367139; border-radius:17px; color:#fff; display:block; text-align:center;}
.m-benift_wrap li a:hover{ background:#6db76d}
 .m-benift_pic{ width:370px; float:right;}
 .m-benift_pic img{ width:100%; height:auto;}

.m-introduce01{ background:#fbf9c9; padding:70px 0;}
.m-introduce01 .contt{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.m-introduce01 .contt .left_par{ width:737px; float:left; box-sizing:border-box; padding:60px 120px 0 0;}

.m-introduce01 .contt .left_par h1{ font-weight:bold; text-transform:uppercase; margin-bottom:30px;}


.m-introduce01 .contt .rigt_par{ width:463px; float:left; box-sizing:border-box;}
.m-introduce01 .contt .rigt_par img{ max-width:100%; height:auto;}


.m-introduce01 .intros{ width:100%; font-size:18px; padding-bottom:40px; left:0; top:143px; color:#393834; line-height:2em;}

.m-yaolist{ width:100%; padding-top:50px; margin:0 auto}
.m-yaolist ul{ overflow:hidden;}
.m-yaolist li{ width:200px; margin-bottom:20px; text-align:center; float:left; list-style:none; font-size:24px; color:#343434; font-weight:bold;}
.m-yaolist li:first-child{ margin-left:100px;}

.m-secret{ background:#fef9ef; width:100%; padding:50px 0;}
.m-secret .container-wrap{ width:1200px; margin:0 auto;}
.m-secret h1{ color:#343434; font-size:30px; font-weight:bold; text-align:center; margin-bottom:20px;}
.m-secret h2{ color:#343434; font-size:18px; text-align:center; position:relative;}
.m-secret h2 p{ background:#fef9ef; width:550px; margin:0 auto; position:relative; z-index:333;}
.m-secret h2::before{ content:''; width:100%; height:1px; background:#cdcdcd; display:block; position:absolute; top:50%; left:0;}
.m-secret .secret-list{ overflow: hidden; padding:30px 0;}
.m-secret .secret-list li{ width:580px; float:left; box-sizing:border-box; margin:0 10px; border-bottom:4px solid #f4bb31;}
.m-secret .secret-list .pic img{ width:580px; border-radius:5px;}
.m-secret .secret-list .text{ background:url(../images/secret-ng-femal.png) no-repeat right bottom; min-height:250px; padding-top:30px; border-bottom:1px solid #cdcdcd}
.m-secret .secret-list li:last-child .text{ background:url(../images/secret-bg-mal.png) no-repeat right bottom;}
.m-secret .secret-list .text h3{ background:url(../images/secret-title-femal.png) no-repeat left center; height:54px; line-height:54px; padding-left:70px; font-size:30px; font-weight:bold; margin-bottom:20px; }
.m-secret .secret-list li:last-child .text h3{ background:url(../images/secret-title-mal.png) no-repeat left center;}
.m-secret .secret-list .text h4{ font-size:18px;}
.m-secret .secret-list .text h4 p{ margin-bottom:10px;     font-size: 18px;line-height: 1.5em;}
.m-secret .secret-list .m-more{ margin:20px auto;}

.m-index_ad001{ height:713px;}
.m-index_ad001 .text{ padding-top:230px; position:relative; width:800px; left:50%; margin-left:-150px;}
.m-index_ad001 .text{  font-size: 32px; line-height:2em; font-family: "Caladea";color: rgb( 248, 244, 134 ); text-shadow:1px 1px 0px #222222, -1px -1px 0px #222222, 1px 1px 0px #222222, -1px -1px 0px #222222, 2px 2px 0px #222222, -2px -2px 0px #222222}
.m-index_ad001 .text h1{ font-size:50px; margin-bottom:20px;}
.m-benift-new{ background:#fdeec3}
.m-benift-new h1{  font-size: 36px;font-family: "Cambria";color: rgb( 5, 3, 4 );font-weight: bold; text-align:center; padding-top:80px; padding-bottom:20px;}
.m-benift-new h2{ text-align:center;}

.m-index_ad002 { height:700px;}
.m-index_ad002 .text{ padding-top:70px; padding-left:600px; position:relative; width:1200px; margin:0 auto;}
.m-index_ad002 .text{  font-size: 32px;font-family: "Caladea";color: rgb( 248, 244, 134 ); text-shadow:1px 1px 0px #222222, -1px -1px 0px #222222, 1px 1px 0px #222222, -1px -1px 0px #222222, 2px 2px 0px #222222, -2px -2px 0px #222222}

.m-index_ad002 .text h1{ font-size:46px; margin-bottom:40px;}
.m-index_ad002 .text p{ margin-bottom:15px;}
.ssdd{ line-height:1.5em;}
.adwrap0 img{ width:100%; height: auto;}

/*ipad 优化*/
@media screen and (max-width: 1200px) {
body{ min-width:600px;}
.nav ul{ height:50px; overflow:hidden;}
.nav ul li{ display:inline-block; float:none;}
.nav ul li>a{ padding:0 5px;}
.m-introduce01 .contt{ width:100%; padding:0 20px; box-sizing:border-box;}
.m-introduce01 .contt .left_par{ width:60%; padding:0; padding-right:20px;}
.m-introduce01 .contt .rigt_par{ width:40%; float:right;}
.m-yaolist li{ width:28%; margin-left:5%;}
.m-yaolist li img{ width:81%; height:auto;}
.m-yaolist li:first-child{margin-left:24%;}
.m-secret .container-wrap{ width:100%;}
.m-secret .secret-list li{ width:50%; padding:0 20px; margin:0;}
.m-secret .secret-list .pic img{ width:100%; height:auto;}
.m-benift_wrap{ right:0; left:auto;}
.container{ width:100%;}
.about{ width:100%; padding:20px; box-sizing:border-box;}
.aboutpic{ display:none; width:100%;}
.m-taste .fr{ width:100%;}
.r-news{ display:none;}
.r-product ul li img{ width:222px;}
.nav ul li dl{ display:none!important;}
.ny .fl{ width:100%; display:none;}
.ny .fr{ width:100%;}
.list-1{ overflow:hidden;}
.position{ padding:0 20px;}
.ny .fr .news{ padding:0 20px;}
.list-1 dl{ width:50%; float:left; padding:0 30px; box-sizing:border-box;}
.list-1 dl dd{ width:100%; margin-left:0;}
.contact{ width:80%;}
.contact .fl{ width:50%;}
.m-benift_box{ width:100%; padding-left:20px; padding-right:20px; box-sizing:border-box;}
.m-benift_wrap{ width:65%;}
.m-benift_pic{ width:35%;}

}

/*ipad 优化*/
@media screen and (max-width: 900px) {
	.m-benift-new h1{ padding-top:20px;}
	.m-benift_wrap .title1{ margin-bottom:20px;}
.m-benift_wrap li{ margin-bottom:10px; margin-left:0px; margin-right:0;}
}