@charset "utf-8";

/* CSS Document */



input.normalInput { height:24px; line-height:24px; font-size:12px; color:#b2b2b2; border:none; padding:0 5px;}

input.normalBotton { width:auto; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; border:none; background:#ff3737; display:block; margin:0 auto; padding:0 10px; }



header { width:1200px; height:109px; margin:0 auto; }

header .logo { width:295px; height:98px; display:inline-block; float:left; margin:5px 0 0; }

header .language { width:200px; height:30px; display:inline-block; float:right; }

header .language a { width:80px; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; background:#009f8f; display:inline-block; margin:40px 6px 0; }

header .language a:hover,header .language a.active { background:#00cab6; }



menu { width:100%; height:40px; background:#00af9f; }

ul.menuMain { width:1200px; height:40px; margin:0 auto; }

ul.menuMain li { width:auto; height:40px; display:inline-block; float:left; position:relative; }

ul.menuMain li a { width:auto; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; display:block; padding:0 30px; font-weight:bold; }

ul.menuMain li a:hover { background:#00a393; }

ul.menuMain li a.current { background:#00a393; }

ul.menuMain li a.multiLevelMenu { background:url(/images/bg_menu_li.png) 90% center no-repeat; }

ul.menuMain li a.multiLevelMenu:hover { background:#00a393 url(/images/bg_menu_li.png) 90% center no-repeat; }



ul.menuMain li .subMenu { width:100%; height:0; line-height:22px; background:rgba(0,175,159,0.5); position:absolute; top:40px; z-index:99999; word-wrap:break-word; overflow:hidden; }

ul.menuMain li .subMenu a { width:100%; height:auto; line-height:22px; display:block; padding:7px 0; font-size:14px; }

ul.menuMain li:hover .subMenu { 

	animation:menumainsubmenu 0.5s ease-in-out 0s both;

	-moz-animation:menumainsubmenu 0.5s ease-in-out 0s both;

	-webkit-animation:menumainsubmenu 0.5s ease-in-out 0s both;

	-o-animation:menumainsubmenu 0.5s ease-in-out 0s both;

}

@keyframes menumainsubmenu {

	0%{height:0;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

	100%{height:auto;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

}

@-moz-keyframes menumainsubmenu {

	0%{height:0;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

	100%{height:auto;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

}

@-webkit-keyframes menumainsubmenu {

	0%{height:0;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

	100%{height:auto;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

}

@-o-keyframes menumainsubmenu {

	0%{height:0;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

	100%{height:auto;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

}



.indexAbout { width:100%; height:600px; background:url(/images/bg_index_about.jpg) center top no-repeat; margin:0 auto; }

.indexAboutMain { width:1200px; height:600px; margin:0 auto; }

.indexAboutLeft { width:525px; height:534px; display:inline-block; float:left; margin:66px 0 0 68px; }

.indexAboutLeft h3 { width:525px; height:42px; line-height:42px; font-size:36px; color:#000; font-weight:bold; margin:60px 0 0; }

.indexAboutLeft p { width:525px; height:120px; line-height:24px; font-size:12px; color:#888; margin:8px 0 0; overflow:hidden; }

.indexAboutReadMore { width:160px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background:#a50182; margin:20px 0 0; }

.indexAboutReadMore a { width:160px; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; display:block; }



.indexAboutReadMore a:hover { background:#cc7abb; transition:ease-in-out 0.5s; }



.indexAboutStatistics { width:525px; height:auto; margin:35px 0 0; }

.indexAboutStatistics dl { width:auto; height:auto; display:inline-block; float:right; margin:0 27px; }

.indexAboutStatistics dl dt { width:100%; height:auto; text-align:center; font-size:80px; color:#000; }

.indexAboutStatistics dl dt a { }

.indexAboutStatistics dl dt a:hover { color:#a50182; }

.indexAboutStatistics dl dd { width:100%; height:auto; text-align:center; font-size:14px; color:#878787; }

.indexAboutStatistics dl dd a { }

.indexAboutStatistics dl dd a:hover { color:#a50182; }

.indexAboutRight { width:543px; height:453px; display:inline-block; float:right; margin:66px 0 0; }

.indexAboutRight img { width:543px; height:453px; }



.indexProductList { width:1300px; height:180px; margin:70px auto 104px; }

.indexProductListPre { width:50px; height:67px; text-align:left; display:inline-block; float:left; margin:66px 0 0; cursor:pointer; }

.indexProductListPre img { width:41px; height:67px; }

.indexProductListNext { width:50px; height:67px; text-align:right; display:inline-block; float:right; margin:66px 0 0; cursor:pointer; }

.indexProductListNext img { width:41px; height:67px; }

.indexProductListMain { width:1200px; height:180px; display:inline-block; float:left; }

ul.indexProductLi { width:1200px; height:180px; }

ul.indexProductLi li { width:280px; height:174px; border:1px solid #dee0dc; display:inline-block; float:left; margin:0 10px; position:relative; }

ul.indexProductLi li img { max-width:278px; max-height:172px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }



footer { width:100%; height:auto; background:#00b3a1; padding:35px 0; }

.footerMain { width:1200px; height:auto; border-bottom:1px dashed #fff; margin:0 auto; padding:0 0 20px; }

.footerMainLeft { width:650px; height:auto; display:inline-block; float:left; margin:0 44px 0 0; }

p { width:650px; height:auto; line-height:26px; font-size:14px; color:#fff; }

p.footerMainLeftTitle { width:650px; height:26px; line-height:26px; font-size:20px; color:#fff; margin:0 0 14px; }

.footerMainRight { width:240px; height:auto; display:inline-block; float:left; }

.qrcode { width:240px; height:auto; display:inline-block; float:right; }

.qrcode img { width:120px; height:120px; display:block; margin:0 auto; }

.qrcode p { width:240px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; }

p.footerMainRightTitle { width:240px; height:26px; line-height:26px; font-size:20px; color:#fff; margin:0 0 14px; }

p.footerMainRightIcon { width:240px; height:33px; }

.footerMainRightIcon a { width:33px; height:33px; display:inline-block; float:left; margin:0 10px 0 0; position:relative; }

.footerMainRightIcon a img { width:145px; height:145px; display:none; position:absolute; bottom:40px; left:-60px; }

.footerMainRightIcon a:hover img { display:block; 

	animation:footermainrighticon 0.5s ease-in-out 0s both;

	-moz-animation:footermainrighticon 0.5s ease-in-out 0s both;

	-webkit-animation:footermainrighticon 0.5s ease-in-out 0s both;

	-o-animation:footermainrighticon 0.5s ease-in-out 0s both;

}

@keyframes footermainrighticon{

	0%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

	100%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

}

@-moz-keyframes footermainrighticon{

	0%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

	100%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

}

@-webkit-keyframes footermainrighticon{

	0%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

	100%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

}

@-o-keyframes footermainrighticon{

	0%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

	100%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

}



.footerMainRightIcon a.footerMainRightIcon1 { background:url(/images/index_footer_icon1.png) center center no-repeat; }

.footerMainRightIcon a.footerMainRightIcon1:hover { background:url(/images/index_footer_icon1_hover.png) center center no-repeat; transition:ease-in-out 0.5s; }

.footerMainRightIcon a.footerMainRightIcon2 { background:url(/images/index_footer_icon2.png) center center no-repeat; }

.footerMainRightIcon a.footerMainRightIcon2:hover { background:url(/images/index_footer_icon2_hover.png) center center no-repeat; transition:ease-in-out 0.5s; }

.footerMainRightIcon a.footerMainRightIcon3 { background:url(/images/index_footer_icon3.png) center center no-repeat; }

.footerMainRightIcon a.footerMainRightIcon3:hover { background:url(/images/index_footer_icon3_hover.png) center center no-repeat; transition:ease-in-out 0.5s; }

.footerMainRightIcon a.footerMainRightIcon4 { background:url(/images/index_footer_icon4.png) center center no-repeat; }

.footerMainRightIcon a.footerMainRightIcon4:hover { background:url(/images/index_footer_icon4_hover.png) center center no-repeat; transition:ease-in-out 0.5s; }



.footerMain1 { width:1200px; height:auto; font-size:14px; color:#fff; margin:20px auto; }

.footerMain1 a { font-size:14px; color:#fff; }



.channelMain { width:1200px; height:auto; margin:50px auto; padding:0 0 100px; line-height:25px; font-size:14px; color:#333; }

.channelMain p { width:1200px; height:auto; line-height:25px; font-size:14px; color:#333; margin:0 0 26px; }



#ehscontent { width:1200px; height:auto; margin:50px auto; padding:0 0 100px; line-height:180%; font-size:18px; color:#333; }

#ehscontent p { width:1200px; height:auto; line-height:180%; font-size:18px; color:#333; margin:0 0 26px; }

#ehscontent p span { font-size:18px; color:#333; }

#qualitycontent { width:1200px; height:auto; margin:50px auto; padding:0 0 100px; line-height:180%; font-size:18px; color:#333; }

#qualitycontent p { width:1200px; height:auto; line-height:180%; font-size:18px; color:#333; margin:0 0 26px; }

#qualitycontent p span { font-size:18px; color:#333; }



.channelBanner { width:100%; height:auto; }

.channelBanner img { width:100%; height:auto; }

.channelLeft { width:200px; height:auto; display:inline-block; float:left; top:100px; }

.channelLeft a { width:200px; height:auto; line-height:30px; font-size:14px; color:#000; text-align:right; background:#fff; display:inline-block; float:left; margin:0 0 10px; padding:0 10px; }

.channelLeft a:hover { color:#fff; background:#a50182; transition:ease-in-out 0.5s; }

.channelLeft a.current { color:#fff; background:#a50182; }



.channelRight { width:900px; height:auto; display:inline-block; float:right; }

.cultureRightMain { width:900px; height:auto; }

.cultureRightMain h3 { width:900px; height:auto; line-height:36px; font-size:30px; color:#009f8f; font-weight:bold; }

.cultureRightMain h3 a { font-size:30px; color:#009f8f; font-weight:bold; }

.cultureRightMain h3 a:hover { color:#a50182 }

.cultureRightMain p { width:900px; height:auto; line-height:26px; font-size:20px; color:#333; margin:4px 0 61px; }

.cultureRightMain p a { font-size:20px; color:#333; }

.cultureRightMain p a:hover { color:#a50182; }



.aboutRightMain { width:900px; height:auto; line-height:25px; font-size:14px; color:#333; }

.aboutRightMain h3 { width:900px; height:auto; line-height:36px; font-size:30px; color:#009f8e; font-weight:bold; margin:0 0 8px; }

.aboutRightMain h2 { width:900px; height:auto; line-height:36px; font-size:30px; color:#009f8e; font-weight:bold; margin:0 0 8px; }

.aboutRightMain p { width:900px; height:auto; line-height:25px; font-size:14px; color:#333; margin:0 0 16px; }

.aboutRightMain img { margin:26px 20px 26px 0; }



.honorsRightMain { width:900px; height:auto; max-height:1100px; }

.honorsRightMain a { width:290px; height:265px; display:inline-block; float:left; margin:0 5px; }

.honorsRightMain a img { width:290px; height:180px; }

.honorsRightMain a p { width:290px; height:50px; line-height:25px; font-size:14px; color:#000; text-align:center; overflow:hidden; padding:0 10px; }

.honorsRightMain a:hover p { color:#a50182; }



.honorsPages { width:900px; height:33px; text-align:center; margin:30px 0 60px; }

.honorsPages a { width:33px; height:33px; line-height:33px; font-size:14px; color:#666; text-align:center; display:inline-block; background:#f3f3f3; margin:0 5px; }

.honorsPages a:hover { color:#fff; background:#009F8D; }

.honorsPages a.current { color:#fff; background:#009F8D; }

.honorsPages span { display:inline-block; width:33px; height:33px; line-height:33px; font-size:14px; text-align:center; margin:0 5px; }

.honorsPages span.page_cur { color:#fff; background:#009F8D; }



.certsRightMain { width:900px; height:auto; margin:0 auto; }

.certsRightLi { width:900px; height:auto; margin:0 auto 66px; }

.certsRightLi h3 { width:900px; height:27px; line-height:27px; font-size:20px; color:#009f8c; }

.certsRightLi h3 a { font-size:20px; color:#009f8c; }

.certsRightLi h3 a:hover { color:#a50182; }

.certsRightLi p { width:900px; height:50px; line-height:25px; margin:17px 0 0; }

.certsRightLi p a { font-size:14px; color:#333; }

.certsRightLi p a:hover { color:#a50182; }

.certsRightLiReadMore { width:160px; height:30px; background:#a50182; display:inline-block; float:right; }

.certsRightLiReadMore a { width:160px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background:#a50182; display:block; }

.certsRightLiReadMore a:hover { color:#fff; background:#d280c0; }


/* update 2022.07.27 */
ul.productsList { height:auto; }
ul.productsList li { width:300px; height:auto; display:inline-block; float:left; margin:0 0 45px; }
ul.productsList li .productsLiImg { width:290px; height:200px; position:relative; border:1px solid #DDD; }
ul.productsList li .productsLiImg img { max-width:290px; max-height:200px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
ul.productsList li p { width:290px; height:60px; line-height:25px; font-size:14px; color:#333; text-align:center; padding:10px 0; }
ul.productsList li a:hover p { color:#a50182; }