@charset "utf-8";
html{ font:normal 62.5%/2.3em "微软雅黑",Arial,"宋体";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#414446; width:100%; min-width:1004px; width:expression((documentElement.clientWidth < 1004) ? "1004px" : "100%" ); zoom:1; position:relative;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style:none;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}

.Contain{ width:1100px; margin:0 auto;}
.SildeBar{}
.MainContent{ width:867px; float:right;}
.Content{ padding:25px 0;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:13px; line-height:26px;}
.SinglePage p{ margin:0;}

.Current{ text-align:right; border-bottom:1px solid #f0f0f0; line-height:4; color:#adadad;}
.Current dl a{ color:#adadad;}
.Current dl span{ color:#bbb13f;}

/*pages*/
.Pages{ text-align:center; padding:20px 0;}
.Pages a{ width:28px; height:23px; border:1px solid #dcdcdc; color:#9a9a9a; line-height:23px; display:inline-block; margin:0 2px;}
.Pages a.a_first,.Pages a.a_prev,.Pages a.a_next,.Pages a.a_end{ width:54px;}
.Pages a.a_cur{ width:30px; height:25px; line-height:25px; background:url("../images/BG14.jpg")/*tpa=/cn/images/BG14.jpg*/ no-repeat center; color:#fff;}
/*pages end*/

/*Top*/
.Toper{ width:100%; height:144px; background:url("../images/BGTop.jpg")/*tpa=/cn/images/BGTop.jpg*/ no-repeat center top;}
.Top{ width:1100px; margin:0 auto;}
.Top .Logo{ width:197px; float:left; padding-top:33px;}
.Top .Top_Right{ width:885px; float:right;}
.Top .Top_Right .Top_Side{ height:29px; padding:36px 0;}
.Top .Top_Right .Top_Side .SreachBox{ float:right; width:182px; height:28px; background:url("../images/BGSearch.jpg")/*tpa=/cn/images/BGSearch.jpg*/ no-repeat center;}
.Top .Top_Right .Top_Side .SreachBox .sreach_btn{ width:27px; height:28px; display:block; float:right;}
.Top .Top_Right .Top_Side .SreachBox .sreach_ipu{ padding:0 5px; width:145px; line-height:28px; height:28px;}
.Top .Top_Right .Top_Side .TopLanguage{ float:right; padding:0 35px 0 48px; background:url("../images/BG1.jpg")/*tpa=/cn/images/BG1.jpg*/ no-repeat left center; line-height:28px;}
.Top .Top_Right .Top_Side .TopLanguage em{ font-style:normal; padding:0 10px; color:#c6c6c6;}
.Top .Top_Right .Top_Side .TopLanguage a{ color:#989898; text-transform:uppercase;}

.MainNav{ float:right; line-height:43px;  }
.MainNav ul li{ float:left; font-size:1.17em; width:90px; text-align:center; padding-right:2px; background:url("../images/BG4.png")/*tpa=/cn/images/BG4.png*/ no-repeat right center;}
.MainNav ul li a{ color:#fff; display:block;}
.MainNav ul li.onnav a,.MainNav ul li.onnav1 a{ background:url("../images/BG7.png")/*tpa=/cn/images/BG7.png*/ no-repeat center bottom;}

/*Top*/

/*Bottom*/
.Bottomer{ background:#17a35a; height:50px; width:100%;}
.Bottom{ width:1100px; margin:0 auto; line-height:50px;}
.Bottom .Copyright{ float:right; color:#fff;}
.Bottom .Copyright a{ color:#fff;}
.Bottom .BottomLinks{}
.Bottom .BottomLinks em{ font-style:normal; color:#fff; padding:0 10px;}
.Bottom .BottomLinks a{ color:#fff;}

/*Bottom*/

/*SildeBar*/
.SildeBar{ width:209px; float:left; position:relative;}
.SildeBar .MenuColumn{ width:100%; height:49px; background:url("../images/BG9.png")/*tpa=/cn/images/BG9.png*/ no-repeat center top; position:absolute; top:-49px; color:#fff; text-align:center; font-size:1.5em; font-weight:bold; line-height:49px;}
.SildeBar .MenuList{ min-height:435px; width:100%; background:url("../images/BG8.png")/*tpa=/cn/images/BG8.png*/ repeat-x left top;}
.SildeBar .MenuList ul li{ height:48px; line-height:48px; background:url("../images/BG11.png")/*tpa=/cn/images/BG11.png*/ repeat-x center bottom; text-align:center;}
.SildeBar .MenuList ul li a{ display: block; line-height: 48px; height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.SildeBar .MenuList ul li a{ background:url("../images/BG12.jpg")/*tpa=/cn/images/BG12.jpg*/ no-repeat center bottom; display:block; color:#878787;}
.SildeBar .MenuList ul li.onmenu a,.SildeBar .MenuList ul li a:hover{ background:url("../images/BG10.jpg")/*tpa=/cn/images/BG10.jpg*/ no-repeat center; font-size:1.17em; color:#918500; font-weight:bold;}

/*SildeBar*/

/*Banner*/
.HomeBan{ width:100%; height:443px; position:relative; overflow:hidden;}
.HomeBan .BanList ul li a,.HomeBan .BanList ul li{ width:100%; height:443px; display:block;}
.HomeBan .HomeTab{ width:100%; height:20px; position:absolute; bottom:23px;}
.HomeBan .HomeTab .TabList{ width:1100px; margin:0 auto; text-align:right;}
.HomeBan .HomeTab .TabList a{ display:inline-block; width:20px; height:20px; background:url("../images/BGTab1.png")/*tpa=/cn/images/BGTab1.png*/ no-repeat center; margin:0 2px;}
.HomeBan .HomeTab .TabList a.on{ background:url("../images/BGTab2.png")/*tpa=/cn/images/BGTab2.png*/ no-repeat center;}

.Banner{ width:100%; height:265px;}

/*Banner*/

/*index*/
.HomeTitle{ background:url("../images/BG2.jpg")/*tpa=/cn/images/BG2.jpg*/ no-repeat center top; height:40px;}
.HomeTitle a{ float:right; background:url("../images/BG6.jpg")/*tpa=/cn/images/BG6.jpg*/ no-repeat center; background-size:100% 100%; width:45px; height:20px; line-height:20px; text-align:center; color:#fff; text-transform:uppercase; display:block; margin:10px 18px;}
.HomeTitle span{ color:#eefff6; display:inline-block; padding:0 15px; line-height:40px; font-size:1.5em; text-align:center;}
.HomeBox2 .HomeTitle{ background:url("../images/BG3.jpg")/*tpa=/cn/images/BG3.jpg*/ no-repeat center top;}
.HomeBox2 .HomeTitle a{ margin:10px;}

.HomeBox1{ width:765px; float:left; padding-bottom:5px; margin-top:30px; background:url("../images/BG2_Bottom.jpg")/*tpa=/cn/images/BG2_Bottom.jpg*/ no-repeat center bottom;}
.HomeBox2{width:313px;float:right;padding-bottom:5px;margin-top:30px;background:url("../images/BG3_Bottom.jpg") no-repeat center bottom;}
.HomeNews{ height:223px; padding:14px 15px; border:1px solid #ededed; border-bottom:0;}
.HomeNews dl dd{ margin-bottom:5px;}
.HomeNews dl dd .HomeNewsImg{ width:195px; height:116px; float:left;}
.HomeNews dl dd .HomeNewsImg a{ display:block; padding:3px; border:1px solid #dfdfdf;}
.HomeNews dl dd .HomeNewsCont{ width:515px; float:right;}
.HomeNews dl dd .HomeNewsCont span{ float:right; color:#c7c7c7;}
.HomeNews dl dd .HomeNewsCont a{ color:#029c4c; font-size:1.17em; font-weight:bold;}
.HomeNews dl dd .HomeNewsCont p{ color:#474747; line-height:2.333;}
.HomeNews dl dd .HomeNewsCont .more{ width:39px; height:7px; background:url("../images/BG5.jpg")/*tpa=/cn/images/BG5.jpg*/ no-repeat center; display:block;}
.HomeNews dl dt{ border-bottom:1px dashed #ebebeb; line-height:33px;}
.HomeNews dl dt span{ color:#c1c1c1; float:right;}
.HomeNews dl dt a{ color:#474747;}

.HomeVideo{ height:221px; padding:15px 14px; border:1px solid #ededed; border-bottom:0;}

.HomeProduct{ height:176px; padding:14px 15px; border:1px solid #ededed; border-bottom:0;}
.HomeProduct ul li{ border:1px solid #ededed; padding:18px 18px 0 18px; float:left; margin-right:35px; text-align:center; width:182px;}
.HomeProduct ul li a{ display:block; color:#4c4c4c;}
.HomeProduct ul li a p{ line-height:3; margin:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.HomeProduct ul li a:hover{ color:#17a35a;}

.HomeAbout{height:178px;padding:13px;border: 1px solid #ededed;border-bottom:0;}
.HomeAbout img{ border:1px solid #e8e8e8; padding:4px 2px;}
.HomeAbout p{ color:#4c4c4c; line-height:1.9;}

.HomeBox{ border-top:1px solid #f0f0f0; margin-top:35px; margin-bottom:40px; padding:18px 0;}
.HomeBox ul li{ float:left; border-right:1px dashed #e4e4e4; width:182px; text-align:center; font-size:1em; position:relative;}
.HomeBox ul li a img{ padding:10px 0;}
.HomeBox ul li a p{ color:#565656; line-height:2.5; margin:0;}
.HomeBox ul li .HomeWechatImage{ width:100px; height:100px; position:absolute; left:50%; margin-left:-50px; display:none;}

/*index*/

/*Honor*/
.HonorList{}
.HonorList ul li{ float:left; margin:0 21px 30px 0; width:265px; height:207px; padding:5px; overflow:hidden; background:#f4f4f4; position:relative;}
.HonorList ul li p{ text-align:center; color:#808080; margin:0; line-height:3.6;}
.HonorList ul li a{ width:100%; background:url("../images/BG13.png")/*tpa=/cn/images/BG13.png*/ no-repeat center; height:217px; position:absolute; left:0; top:0; display:none;}

/*Honor*/

/*history*/
.HistoryTab{}
.HistoryTab p{ color:#737373; font-size:1.17em; font-weight:bold;}
.HistoryTab ul li{ float:left; margin-right:5px;}
.HistoryTab ul li a{ padding:0 10px; line-height:3; color:#737373; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.HistoryTab ul li.onitem a,.HistoryTab ul li a:hover{ background:#117d57; color:#fff;}
.HistoryCont{ padding:20px 0; line-height: 26px;}
.HistoryCont p{ margin:0;}

/*history*/

/*Active*/
.ActiveList{}
.ActiveList ul li{ margin:16px 20px 16px 50px; border:1px solid #d2d2d2; padding:20px 14px 20px 62px; position:relative;}
.ActiveList ul li .ActiveDate{ width:62px; height:63px; background:url("../images/BG15.jpg")/*tpa=/cn/images/BG15.jpg*/ no-repeat center; position:absolute; left:-32px; top:50%; margin-top:-31px; color:#fff; text-align:center; color:#fefefe;}
.ActiveList ul li .ActiveDate p{ line-height:2.8; margin:0;}
.ActiveList ul li .ActiveDate span{ font-weight:bold; font-size:1.33em; line-height:1.5; display:block;}
.ActiveList ul li .ActiveImg{ width:180px; float:right;}
.ActiveList ul li .ActiveCont{ width:520px;}
.ActiveList ul li .ActiveCont .ActiveTitle{ color:#6f6f6f; font-size:16px; font-weight:bold; line-height:2;}
.ActiveList ul li .ActiveCont p{ color:#6f6f6f; line-height:1.666; height:40px; overflow:hidden; margin:10px 0;}
.ActiveList ul li .ActiveCont .more{ font-family:Arial; color:#a9a9a9; text-transform:uppercase; background:url("../images/BG16.jpg")/*tpa=/cn/images/BG16.jpg*/ no-repeat right center; background-size:auto 90%; padding-right:20px;}

.ActiveInfo{ padding:20px 0;}
.ActiveInfo .info_title{ font-size:24px; font-weight:bold; color:#616161; line-height:1.5; padding:10px 0; text-align:center;}
.ActiveInfo .info_time{ text-transform:uppercase; color:#aaa; border-bottom:1px dashed #ccc; text-align:center; padding:10px 0;}
.ActiveInfo .info_cont{ padding:20px 0;}
.ActiveInfo .info_cont p{ margin:0;}

/*Active*/

/*Team*/
.TeamList{}
.TeamList ul{ margin-bottom:20px;}
.TeamList ul li{ padding:20px 0; border-bottom:1px dashed #ececec;}
.TeamList ul li .TeamImg{ padding:5px; width:200px; height:140px; background:#f6f6f6; float:left;}
.TeamList ul li .TeamCont{ width:643px; float:right;}
.TeamList ul li .TeamCont .TeamTitle{ color:#009944; font-size:1.17em; font-weight:bold; line-height:2;}
.TeamList ul li .TeamCont span{ border:1px solid #ececec; display:block; width:55px; margin:15px 0;}
.TeamList ul li .TeamCont p{ margin:0; color:#666; line-height:2; height:48px; overflow:hidden;}
.TeamList ul li .TeamCont .more{ color:#b3b3b3; margin-top:10px; display:inline-block;}

.TeamInfo{}
.TeamInfo .info_title{ font-size:1.33em; color:#616161; line-height:1.5; padding:25px 0; text-align:center;}
.TeamInfo .info_cont p{ margin:0;}

/*Team*/

/*News*/
.NewsList{}
.NewsList ul{ margin-bottom:20px;}
.NewsList ul li{ padding:20px 0; border-bottom:1px dashed #ececec;}
.NewsList ul li .NewsImg{ padding:5px; width:200px; height:140px; background:#f6f6f6; float:left;}
.NewsList ul li .NewsCont{ width:643px; float:right;}
.NewsList ul li .NewsCont .NewsTitle{display: block; color:#009944; font-size:16px; font-weight:bold; line-height:3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.NewsList ul li .NewsCont p{ margin:0; color:#666; line-height:2; height:48px; overflow:hidden; margin-bottom:20px;}
.NewsList ul li .NewsCont .more{ background:url("../images/BG17.jpg")/*tpa=/cn/images/BG17.jpg*/ no-repeat center; width:39px; height:7px; display:block; float:right; margin-top:15px;}
.NewsList ul li .NewsCont span{ font-size:1.17em; color:#e6e6e6; display:block;}
.NewsList ul li .NewsCont span em{  font-size:2.4285em; font-style:normal;}

.NewsInfo{ padding:20px 0;}
.NewsInfo .info_title{ font-size:24px; color:#616161; line-height:1.5; font-weight:bold; padding:10px 0; text-align:center;}
.NewsInfo .info_time{ text-transform:uppercase; color:#aaa; border-bottom:1px dashed #ccc; text-align:center; padding:10px 0;}
.NewsInfo .info_cont{ padding:20px 0;}
.NewsInfo .info_cont p{ margin:0; }
.NewsInfo .info_cont p img{ display:block; margin:0 auto;}
/*Team*/

/*product*/
.ProductList{}
.ProductList ul li{ width:275px; height:217px; margin-right:20px; margin-bottom:43px; background:#f4f4f4; float:left;}
.ProductList ul li a{ padding:5px; display:block; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.ProductInfo{}
.ProductInfoImg{ width:473px; height:346px; background:#f7f7f7; padding:5px; float:left;}
.ProductBrief{ width:355px; float:right;}
.ProductBrief .ProductInfoTitle{ font-size:2em; color:#555; display:block; font-weight:bold; line-height:2; padding:15px 0;}
.ProductBrief .ProductInfoBrief p{ margin:0;}

.ProductInfoAll{ padding:40px 0;}
.ProductInfoAll .ProductInfoTab{ width:100%; height:48px; background:#f2f2f2;}
.ProductInfoAll .ProductInfoTab ul li{ width:96px; height:48px; text-align:center; font-size:1.17em; line-height:3.4285; float:left;}
.ProductInfoAll .ProductInfoTab ul li a{ color:#a4a4a4; display:block;}
.ProductInfoAll .ProductInfoTab ul li.on{ background:url("../images/BG18.jpg")/*tpa=/cn/images/BG18.jpg*/ no-repeat center;}
.ProductInfoAll .ProductInfoTab ul li.on a{ color:#918500; font-weight:bold;}
.ProductInfoAll .ProductInfoList{ padding:15px 0;}
.ProductInfoAll .ProductInfoList ul li{ width:100%; min-height:10px;}
.ProductInfoAll .ProductInfoList ul li p{ margin:0;}

/*product*/

/*Platform*/
.PlatformList{}
.PlatformList ul{ margin-bottom:20px;}
.PlatformList ul li{ padding:20px 0; border-bottom:1px dashed #ececec;}
.PlatformList ul li .PlatformImg{ padding:5px; width:200px; height:140px; background:#f6f6f6; float:left;}
.PlatformList ul li .PlatformCont{ width:643px; float:right;}
.PlatformList ul li .PlatformCont .PlatformTitle{ color:#009944; font-size:1.17em; font-weight:bold; line-height:2.5;}
.PlatformList ul li .PlatformCont p{ margin:0; color:#666; line-height:2; overflow:hidden;}

.PlatformInfo{}
.PlatformInfo .info_title{ font-size:1.33em; color:#616161; line-height:1.5; padding:25px 0; text-align:center;}
.PlatformInfo .info_cont p{ margin:0;}

/*Platform*/

/*DutyNews*/
.DutyNewsList{}
.DutyNewsList ul{ margin-bottom:20px;}
.DutyNewsList ul li{ padding:20px 0; border-bottom:1px dashed #ececec;}
.DutyNewsList ul li .DutyNewsImg{ padding:5px; width:200px; height:140px; background:#f6f6f6; float:left;}
.DutyNewsList ul li .DutyNewsCont{ width:643px; float:right;}
.DutyNewsList ul li .DutyNewsCont .DutyNewsTitle{ color:#009944; font-size:1.17em; font-weight:bold; line-height:3;}
.DutyNewsList ul li .DutyNewsCont p{ margin:0; color:#666; line-height:2; height:48px; overflow:hidden; margin-bottom:20px;}
.DutyNewsList ul li .DutyNewsCont .more{ background:url("../images/BG17.jpg")/*tpa=/cn/images/BG17.jpg*/ no-repeat center; width:39px; height:7px; display:block; float:right; margin-top:15px;}
.DutyNewsList ul li .DutyNewsCont span{ font-size:1.17em; color:#e6e6e6; display:block;}
.DutyNewsList ul li .DutyNewsCont span em{  font-size:2.4285em; font-style:normal;}

.DutyNewsInfo{ padding:20px 0;}
.DutyNewsInfo .info_title{ font-size:1.33em; color:#616161; line-height:1.5; padding:10px 0; text-align:center;}
.DutyNewsInfo .info_time{ text-transform:uppercase; color:#aaa; border-bottom:1px dashed #ccc; text-align:center; padding:10px 0;}
.DutyNewsInfo .info_cont{ padding:20px 0;}
.DutyNewsInfo .info_cont p{ margin:0;}

/*DutyNews*/

/*job*/
.JobList{}
.JobList table{ border-collapse:collapse; width:100%; margin-bottom:30px;}
.JobList table th{ border-right:1px dashed #eaeaea; background:#f2f2f2; color:#727272; padding:15px 0; line-height:1;}
.JobList table td{ border-bottom:1px dashed #eaeaea; border-right:1px dashed #eaeaea; text-align:center;}
.JobList table td p{ padding:10px 15px; color:#9e9e9e; line-height:1.5;}
.JobList table td span{ padding:10px 15px; color:#727272; line-height:1.5; display:block;}
.JobList table td .JobTitle{ padding:10px 15px; color:#727272; line-height:1.5;}
.JobList table td .JobApply{ background:url("../images/BG19.jpg")/*tpa=/cn/images/BG19.jpg*/ no-repeat center; color:#0080bb; width:56px; height:23px; display:block; margin:0 auto;}

.JobInfo{ margin-top:25px;}
.JobInfo .JobInfoTitle{ font-size:1.17em; color:#009241; font-weight:bold; line-height:2;}
.JobInfo .JobApply{ background:url("../images/BG19.jpg")/*tpa=/cn/images/BG19.jpg*/ no-repeat center; color:#0080bb; width:56px; height:23px; display:block; margin:30px auto; text-align:center;}

.JobApply{ margin:30px 0;}
.JobApply table{ width:650px; margin:0 auto; font-size:1.17em;}
.JobApply table td{ padding:7px 5px;}
.JobApply table td .text{ width:400px; border:1px solid #ccc; padding:8px 5px; font-family:"微软雅黑";}
.JobApply table td .btn{ background:#17a35a; width:80px; height:36px; font-family:"微软雅黑"; color:#fff; line-height:36px; margin:20px 0;}
.JobApply table td #photoCover{ display:inline-block;}
.JobApply table td #photoCover1{ background:#17a35a; width:80px; height:36px; font-family:"微软雅黑"; color:#fff; line-height:36px; margin:1px 0;}

/*job*/

/*Artworks*/
.EecreationColumn{ font-size:1.33em; color:#009241; line-height:1.5; font-weight:bold; margin-bottom:25px;}
.ArtworksList{}
.ArtworksList ul li{ width:270px; margin-right:28px; margin-bottom:35px; float:left;}
.ArtworksList ul li .ArtworksTitle{ color:#009241; font-weight:bold; font-size:1.17em; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:15px;}
.ArtworksList ul li p{ color:#565656; font-size:1.17em; margin:0; line-height:1.5; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/*Artworks*/

/*Recreation*/
.RecreationList{}
.RecreationList ul li{ border-bottom:1px solid #d1d1d1; margin-bottom:40px;}
.RecreationList ul li a{ font-size:1.17em; color:#009241; font-weight:bold; line-height:1;}
.RecreationList ul li span{ float:right; color:#666; line-height:1.5;}
.RecreationList ul li p{ margin:0; line-height:1.87; color:#878787; font-size:1.17em; height:52px; overflow:hidden; margin:3px 0 13px;}

.RecreationInfo{ padding:20px 0;}
.RecreationInfo .info_title{ font-size:1.33em; color:#616161; line-height:1.5; padding:10px 0; text-align:center;}
.RecreationInfo .info_time{ text-transform:uppercase; color:#aaa; border-bottom:1px dashed #ccc; text-align:center; padding:10px 0;}
.RecreationInfo .info_cont{ padding:20px 0;}
.RecreationInfo .info_cont p{ margin:0;}

/*Recreation*/

/*Healthy*/
.HealthyTab{}
.HealthyTab ul li{ width:110px; float:left; padding:15px 10px 15px 0; text-align:center; font-size:1.17em; line-height:1.9;}
.HealthyTab ul li a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background:url("../images/BG21.jpg")/*tpa=/cn/images/BG21.jpg*/ no-repeat center; color:#606060;}
.HealthyTab ul li.on a{ background:url("../images/BG21_1.jpg")/*tpa=/cn/images/BG21_1.jpg*/ no-repeat center; color:#fff;}

.HealthyList{}
.HealthyList ul li{ padding:25px 0; border-bottom:1px dashed #dcdcdc;}
.HealthyList ul li .HealthyImg{ float:left; width:275px; border:1px solid #e5e5e5;}
.HealthyList ul li .HealthyCont{ width:555px; height:192px; float:right; display:table;}
.HealthyList ul li .HealthyCont .HealthyCont1{ display:table-cell; vertical-align:middle;}
.HealthyList ul li .HealthyCont .HealthyTitle{ color:#616161; line-height:1.5; font-size:1.333em; display:inline-block; line-height:2;}
.HealthyList ul li .HealthyCont p{ color:#7a7979; font-size:1.17em;}
.HealthyList ul li .HealthyCont .more{ color:#fff; background:url("../images/BG20.jpg")/*tpa=/cn/images/BG20.jpg*/ no-repeat center; display:inline-block; padding:0 24px 0 11px; line-height:2;}

.HealthyInfo{}
.HealthyInfo .info_title{ font-size:1.33em; color:#616161; line-height:1.5; padding:25px 0; text-align:center;}
.HealthyInfo .info_cont p{ margin:0;}

/*Healthy*/

/*Search*/
.SearchList{}
.SearchList ul{ margin-bottom:30px;}
.SearchList ul li{ border-bottom:1px dashed #d1d1d1; padding:15px 0;}
.SearchList ul li a{ font-size:1.17em; color:#009241; font-weight:bold; line-height:1;}
.SearchList ul li span{ float:right; color:#666; line-height:1.8;}

/*Search*/

/*漂浮窗*/
.floatdiv{ width:153px; height:123px; background:url("../images/BG22.jpg")/*tpa=/cn/images/BG22.jpg*/ no-repeat center; z-index:20; position:absolute;}
.floatdiv .close{ position:absolute; width:10px; height:10px; cursor:pointer; right:0; top:0;}
.floatdiv .Phone{ color:#19ae5b; margin-top:60px;}
.floatdiv .Phone p{ margin:0; font-size:1.75em; line-height:1.5; height:32px; text-align:center;}
.floatdiv .floatdivLink{}
.floatdiv .floatdivLink ul li{ width:20px; height:20px; margin-right:8px; float:right;}
.floatdiv .floatdivLink ul li.ServiceQQ{ background:url("../images/BG24.jpg")/*tpa=/cn/images/BG24.jpg*/ no-repeat center; display:block; height:20px;}
.floatdiv .floatdivLink ul li.ServiceWechat{ background:url("../images/BG23.jpg")/*tpa=/cn/images/BG23.jpg*/ no-repeat center; display:block; height:20px; position:relative;}
.floatdiv .floatdivLink ul li.ServiceWechat img{ position:absolute; width:100px; height:100px; top:25px; right:50%; margin-right:-40px; display:none;}



/*漂浮窗*/


.tishi { font-size: 14px; text-align: center; line-height: 24px; padding: 20px 0; }
.fl { float: left; }
.fr { float: right; }
.w50 {width: 50%;}
.w100 { width: 100%; }
.mb-15 { margin-bottom: 15px; }
.w201px { width: 201px; }
.table-border { line-height: 43px; }
.table-border td { padding:10px 0; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 10px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #333; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #17a35a;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

@media only screen and (max-width : 1024px) {
body { min-width: auto; }
.Contain { width: 100%; box-sizing: border-box; padding: 0 10px; }
.nav_handle{ display: inline-block; }
.Toper { background: none; height: auto; padding: 0 10px; box-sizing: border-box; position: relative; }
.Top { width: 100%; }
.Top .Logo { width: auto; height: 36px; padding: 7px 0; }
.Top .Logo img { height: 36px; width: auto; }
.Top .Top_Right { width: auto; }
.Top .Top_Right .Top_Side { height: 28px; padding: 11px 0; float: right; }
.Top .Top_Right .Top_Side .TopLanguage { padding-right: 10px; }
.Top .Top_Right .Top_Side .SreachBox { display: none; }
.MainNav { display: none; position: absolute; left: 0; width: 100%; height: auto; background-color: #fff; top: 100%; z-index: 999; box-shadow: 0 8px 10px rgba(0, 0, 0, .05); }
.MainNav ul li { width: 100%; background: none; }
.MainNav ul li a { color: #333; }
.MainNav ul li.onnav a, .MainNav ul li.onnav1 a { background: #17a35a; color: #fff; }
.Bottomer { height: auto; }
.Bottom { width: 100%; text-align: center; padding: 14px 10px; box-sizing: border-box; }
.Bottom .Copyright { float: none; line-height: 24px; }
.Bottom .BottomLinks { line-height: 24px; margin-top: 4px; }

.Banner { width: 100%; height: 0; padding-top: 40%; }

.SildeBar { width: 100%; }
.SildeBar .MenuColumn { background-size: 100% auto; }
.SildeBar .MenuList { min-height: auto; display: none; }

.SildeBar .MenuList ul li.onmenu a, .SildeBar .MenuList ul li a:hover { background-size: 100% auto; }
.MainContent { width: 100%; }
.Current { text-align: left; }
.Content { padding: 15px 0; }
.HealthyTab ul li { padding: 5px 10px 5px 0; }
.Pages { padding: 10px 0; }
.Pages a { margin: 4px 2px; }

.HomeBan { height: auto; }
.HomeBan .BanList ul { padding-top: 50%; height: 0 !important; }
.HomeBan .BanList ul li a { height: 100%; position: absolute; width: 100%; top: 0; left: 0; }
.HomeBan .BanList ul li { height: 0; padding-top: 50%; background-size: auto 100% !important; }
.HomeBan .HomeTab { bottom: 10px; box-sizing: border-box; padding: 0 10px; }
.HomeBan .HomeTab .TabList { width: 100%; }

.HomeBox1,
.HomeBox2 { width: 100%; background: none; }
.HomeTitle,
.HomeBox2 .HomeTitle {background-position: left center;border-top-left-radius: 4px;border-top-right-radius: 4px;overflow: hidden;border-right: 1px solid #ededed;border-top: 1px solid #ededed; position: relative;}
.HomeBox2 .HomeTitle::after { display: block; content: ''; position: absolute; width: 100%; height: 100%; left: 300px; top: 0; background-color: #fff; }
.HomeBox2 .HomeTitle a { position: absolute; right: 0; top: 0; z-index: 1; }
.HomeNews, .HomeVideo, .HomeProduct, .HomeAbout { border-bottom: 1px solid #ededed; height: auto; }

.HomeNews dl dd { margin-bottom: 10px; }
.HomeNews dl dd .HomeNewsImg { max-width: 400px; width: 100%; height: auto; float: none; margin: 0 auto; }
.HomeNews dl dd .HomeNewsImg img { max-width: 400px; width: 100%; height: auto; }
.HomeNews dl dd .HomeNewsCont { width: 100%; margin-top: 10px; }
.HomeNews dl dd .HomeNewsCont p { margin: 4px 0; }

.HomeBox1 { margin-top: 20px; }
.HomeVideo video { width: 100%; height: auto; }

.HomeProduct { padding: 0 0 4px; }
.HomeProduct ul li { border: 0; width: 50%; margin-right: 0; box-sizing: border-box; padding: 10px 10px 0 10px; }
.HomeProduct ul li img { max-width: 100%; height: auto; }

.HomeBox2 { margin-top: 20px; }
.HomeAbout img { width: 100%; height: auto; box-sizing: border-box; }

.HomeBox { margin: 20px 0 0; }
.HomeBox ul li { width: 33.3333%; box-sizing: border-box; }
.HomeBox ul li:nth-child(3n+3) { border-right: 0; }
.HomeBox ul li:nth-child(n+4) { border-top: 1px dashed #e4e4e4; }
.HomeBox ul li a img { width: 40%; height: auto; max-width: 65px; }
.HomeBox ul li a p { font-size: 14px; line-height: 22px; padding-bottom: 10px; height: 44px; overflow: hidden; }

.HealthyList ul li { padding: 15px 0; }
.HealthyList ul li .HealthyImg { max-width: 400px; width: 100%; box-sizing: border-box; float: none; margin: 0 auto; }
.HealthyList ul li .HealthyImg img { max-width: 400px; width: 100%; height: auto; }
.HealthyList ul li .HealthyCont { width: 100%; margin-top: 10px; height: auto; }
.HealthyList ul li .HealthyCont p { margin-top: 4px; overflow:hidden; -webkit-line-clamp: 2; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}

.ActiveList ul li { margin: 16px 0 16px 0; padding: 14px; }
.ActiveList ul li .ActiveImg { max-width: 400px; width: 100%; float: none; }
.ActiveList ul li .ActiveImg img { max-width: 400px; width: 100%; height: auto; }
.ActiveList ul li .ActiveCont { width: 100%; margin-top: 10px; }
.ActiveList ul li .ActiveDate { top: 0; margin-top: 0; left: 0; }

.ActiveInfo { padding: 0; }
.ActiveInfo .info_title { padding: 0; font-size: 18px; }

.HealthyInfo .info_title { padding: 20px 0; }

.SinglePage img { max-width: 100%; }

.JobList table { margin-bottom: 10px; }
.JobList table td .JobTitle { padding: 5px; display: block; }
.JobList table td p { padding: 5px; }
.JobList table td span { padding: 5px; }
.JobApply table { max-width: 650px; width: 100%; display: block; }
.JobApply table td { box-sizing: border-box; display: block; width: 100%; text-align: left; }
.JobApply table td .text { width: 100%; box-sizing: border-box; }

.NewsList ul li .NewsImg { width: 100%; max-width: 400px; height: auto; box-sizing: border-box; float: none; margin: 0 auto; }
.NewsList ul li .NewsImg img { width: 100%; max-width: 400px; height: auto; }
.NewsList ul li .NewsCont { width: 100%; }
.NewsInfo { padding: 5px 0 0; }
.NewsInfo .info_title { padding: 0; font-size: 18px; }
.NewsInfo .info_cont img { max-width: 100%; }

.PlatformList ul li .PlatformImg { width: 100%; max-width: 400px; height: auto; box-sizing: border-box; float: none; margin: 0 auto; }
.PlatformList ul li .PlatformImg img { width: 100%; max-width: 400px; height: auto; }
.PlatformList ul li .PlatformCont { width: 100%; }
.PlatformList ul li .PlatformCont p { overflow:hidden; -webkit-line-clamp: 2; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.PlatformInfo .info_title { padding: 10px 0 20px; }

.HonorList { margin-left: -1%; margin-right: -1%; }
.HonorList ul li { width: 48%; height: auto; margin: 0 1% 10px !important; box-sizing: border-box; }
.HonorList ul li a { background-size:cover; height: 100%; }
.HonorList ul li img { width: 100%; height: auto; }
.HonorList ul li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.fl, .fr { float: none; }
.HistoryCont img { max-width: 100%; }
.w50 { width: 100%; }
.w201px { width: 100%; margin: 0 !important; }
.w50 img,
.w201px img { width: 100%; height: auto; }
.SinglePage img{ display: block; max-width: 100%; margin: 5px auto;}
.SinglePage .fr{ margin: 0 !important;}

.TeamList ul li .TeamImg { width: 100%; max-width: 400px; height: auto; box-sizing: border-box; float: none; margin: 0 auto; }
.TeamList ul li .TeamImg img { width: 100%; max-width: 400px; height: auto; }
.TeamList ul li .TeamCont { width: 100%; margin-top: 10px; }
.TeamList ul li .TeamCont span { margin: 10px 0; }

.ProductList { margin-left: -1%; margin-right: -1%; }
.ProductList ul li { width: 48%; height: auto; margin: 0 1% 10px !important; box-sizing: border-box; }
.ProductList ul li img { width: 100%; max-width: 400px; height: auto; }

.ProductInfoImg { width: 100%; max-width: 400px; height: auto; box-sizing: border-box; float: none; margin: 0 auto; }
.ProductInfoImg img { width: 100%; max-width: 400px; height: auto; }
.ProductBrief { width: 100%; }
.ProductBrief .ProductInfoTitle { font-size: 1.6em; line-height: 1.6; padding-bottom: 10px; }
.ProductInfoAll { padding-top: 20px; }
.ProductInfoAll .ProductInfoList img { max-width: 100%; }
}