@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; }

menu { width:100%; height:auto; margin:0; padding:10px 0; }
menu .logo { width:70%; height:auto; display:inline-block; float:left; margin:0 0 0 2%; }
menu .logo img { width:100%; }
menu .headerMenu { width:35px; height:auto; display:inline-block; float:right; margin:0 2% 0 0; }
menu .headerMenu img { width:35px; height:auto; }

.headerMenuHiddenMain { width:100%; min-height:100%; background:rgba(0,0,0,0.65); display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; }
.headerMenuHiddenMainClose { width:90%; height:auto; margin:20px 0 0; padding:0 5%; }
.headerMenuHiddenMainClose img { width:30px; height:auto; }
ul.headerMenuHiddenMainList { width:96%; height:auto; margin:20px 0 0; padding:0 2%; }
ul.headerMenuHiddenMainList li { width:100%; height:auto; line-height:180%; font-size:1.2em; color:#fff; text-align:center; list-style:none; }
ul.headerMenuHiddenMainList li a { width:100%; height:auto; line-height:180%; font-size:1.2em; color:#fff; text-align:center; display:block; }

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

.aboutContent { width:96%; height:auto; color:#727272; background:#eee; padding:0 2% 100px; }
.aboutContent h3.aboutContentTitle { width:100%; height:auto; line-height:180%; font-size:1.5em; color:#4d4d4d; text-align:center; padding:10px 0; }
.aboutContent p { width:100%; height:auto; color:#727272; }

.contactUsContent { width:96%; height:auto; color:#727272; background:#eee; padding:0 2% 100px; }
.contactUsContent h3.contactUsContentTitle { width:100%; height:auto; line-height:180%; font-size:1.5em; color:#4d4d4d; text-align:center; padding:10px 0; }
.contactUsContent p { width:100%; height:auto; color:#727272; }
.contactUsMap { width:100%; height:auto; margin:0 0 20px; }
.contactUsMap img { width:100%; height:auto; margin:0 auto; }

.newsList { width:100%; height:auto; background:#eee; padding:0 0 100px; }
.newsList h3 { width:96%; height:auto; line-height:180%; font-size:1.5em; color:#4d4d4d; text-align:center; padding:10px 2%; }
dl.newsLi { width:96%; height:auto; background:#fff; margin:0 0 10px; padding:10px 2%; }
dl.newsLi dt { width:40%; height:auto; display:inline-block; float:left; }
dl.newsLi dt img { width:100%; height:auto; }
dl.newsLi dd { width:55%; height:auto; display:inline-block; float:right; }
dl.newsLi dd h4 { width:100%; height:auto; line-height:140%; font-size:1.2em; color:#4d4d4d; }
dl.newsLi dd p { width:100%; height:auto; line-height:140%; font-size:1em; color:#737373; }

.newsReadMore { width:100%; height:40px; margin:20px 0 0; }
.newsReadMore a { width:60%; height:40px; line-height:40px; font-size:1em; color:#fff; text-align:center; border-radius:20px; background:#57c5ff; display:block; margin:0 auto; }

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

.indexAbout { width:100%; height:auto; border-bottom:1px solid #cbcbcb; padding:10px 0; }
h3.indexAboutTitle { width:96%; height:auto; line-height:180%; font-size:1.5em; color:#4d4d4d; font-weight:bold; text-align:center; padding:0 2%; }
dl.indexAboutContent { width:96%; height:auto; padding:0 2%; }
dl.indexAboutContent dt { width:40%; height:auto; display:inline-block; float:left; }
dl.indexAboutContent dt img { width:100%; height:auto; }
dl.indexAboutContent dd { width:55%; height:auto; line-height:180%; font-size:1em; color:#4d4d4d; display:inline-block; float:right; }
dl.indexAboutContent dd a { color:#57c5ff; }

.indexProducts { width:96%; height:auto; background:#eee; padding:20px 2%; }
ul.indexProductsTitle { width:100%; height:40px; text-align:center; list-style:none; }
ul.indexProductsTitle li { width:29%; height:40px; line-height:40px; font-size:1.1em; color:#4d4d4d; text-align:center; background:#d9d9d9; display:inline-block; margin:0 2% 0 0; list-style:none; }
ul.indexProductsTitle li.current { color:#fff; background:#57c5ff; }

ul.indexProductsContent { width:100%; height:auto; list-style:none; margin:20px 0 0; padding:0; }
ul.indexProductsContent li { width:100%; height:auto; list-style:none; display:none; margin:0; padding:0; }
ul.indexProductsContent li.current { display:block; }
.indexProductsContentLeft { width:45%; height:auto; display:inline-block; float:left; margin:0; padding:0; }
.indexProductsContentRight { width:45%; height:auto; display:inline-block; float:right; margin:0; padding:0; }
.indexProductsContentImg { width:100%; height:auto; }
.indexProductsContentImg img { width:100%; height:auto; }
.indexProductsCon { width:100%; height:auto; line-height:180%; font-size:1em; color:#4d4d4d; text-align:center; margin:0; padding:0; }
.indexProductsContentMore { width:100%; height:auto; margin:20px 0 0; }
.indexProductsContentMore a { width:60%; height:40px; line-height:40px; font-size:1em; color:#fff; text-align:center; border-radius:20px; background:#57c5ff; display:block; margin:0 auto; }

.indexNews { width:96%; height:auto; padding:0 2% 100px; }
h3.indexNewsTitle { width:100%; height:auto; line-height:180%; font-size:1.5em; color:#4d4d4d; text-align:center; font-weight:bold; }
dl.indexNewsLi { width:100%; height:auto; border-bottom:1px solid #eee; padding:10px 0; }
dl.indexNewsLi dt { width:40%; height:auto; display:inline-block; float:left; }
dl.indexNewsLi dt img { width:100%; height:auto; }
dl.indexNewsLi dd { width:55%; height:auto; display:inline-block; float:right; }
dl.indexNewsLi dd h4 { width:100%; height:auto; line-height:140%; font-size:1.2em; color:#4d4d4d; }
dl.indexNewsLi dd p { width:100%; height:auto; line-height:140%; font-size:1em; color:#737373; }

.newsDetailContent { width:96%; height:auto; color:#727272; background:#eee; padding:0 2% 100px; }
h3.newsDetailContentTitle { width:100%; height:auto; line-height:180%; font-size:1.5em; color:#4d4d4d; text-align:center; font-weight:bold; padding:10px 0; }
.newsDetailContentSubTitle { width:100%; height:auto; line-height:180%; font-size:1em; color:#727272; text-align:center; margin:0 0 20px; }
.newsDetailContent p { width:100%; height:auto; color:#727272; }

.productsContent { width:100%; height:auto; background:#eee; padding:0 0 100px; }
.productsContent h3 { width:96%; height:auto; line-height:180%; font-size:1.5em; color:#4d4d4d; text-align:center; padding:10px 2%; }
ul.productsList { width:96%; height:auto; padding:0 2%; }
ul.productsList li { width:50%; height:auto; display:inline-block; float:left; margin:0 0 20px; }
.productsLiImg { width:96%; height:auto; margin:0 auto; }
.productsLiImg img { width:100%; height:auto; }
.productsLiContent { width:96%; height:auto; line-height:140%; font-size:1em; color:#4d4d4d; text-align:center; margin:5px auto 0; }

ul.honorList { width:96%; height:auto; padding:0 2%; }
ul.honorList li { width:50%; height:auto; display:inline-block; float:left; margin:0 0 20px; }
.honorLiImg { width:96%; border:1px solid #f2f2f2; margin:0 auto; position:relative; }
.honorLiImg img { max-width:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.honorLiContent { width:96%; height:auto; line-height:140%; font-size:1em; color:#4d4d4d; text-align:center; margin:5px auto 0; }

.performanceContent { width:100%; height:auto; background:#fff; padding:0 0 20px; }
.performanceContent h3 { width:96%; height:auto; line-height:180%; font-size:1.5em; color:#4d4d4d; text-align:center; padding:10px 2%; }
dl.performanceLi { width:96%; height:auto; border-bottom:1px solid #f0f0f0; padding:10px 0; }
dl.performanceLi dt { width:30%; height:auto; display:inline-block; float:left; }
.performanceLiDate { width:100%; height:auto; line-height:140%; font-size:1em; color:#4d4d4d; text-align:center; }
.performanceLiYear { width:100%; height:auto; line-height:140%; font-size:1.2em; color:#4d4d4d; text-align:center; font-weight:bold; }
dl.performanceLi dd { width:60%; height:auto; font-size:1em; color:#4d4d4d; border-left:1px solid #c5c5c5; display:inline-block; float:right; padding:0 0 0 5%; }
dl.performanceLi dd p { width:100%; height:auto; line-height:140%; font-size:1em; color:#4d4d4d; }

footer { width:100%; height:60px; background:#656565; position:fixed; bottom:0; left:0; right:0; z-index:99999; }
footer a { width:23.5%; height:60px; font-size:1em; color:#fff; text-align:center; display:inline-block; border-right:1px solid #6f6f6f; padding:36px 0 0; }
footer .borderNone { border-right:none; }
footer a.footerMenuLi1 { background:url(../images/bg_footer_icon1.png) center 8px no-repeat; background-size:auto 25%; }
footer a.footerMenuLi2 { background:url(../images/bg_footer_icon2.png) center 8px no-repeat; background-size:auto 25%; }
footer a.footerMenuLi3 { background:url(../images/bg_footer_icon3.png) center 8px no-repeat; background-size:auto 25%; }
footer a.footerMenuLi4 { background:url(../images/bg_footer_icon4.png) center 8px no-repeat; background-size:auto 25%; }

.newsPages { width:100%; height:36px; text-align:center; margin:40px auto; }
.newsPages a { width:auto; height:36px; line-height:36px; font-size:20px; color:#4d4d4d; background:#e6e6e6; display:inline-block; margin:0 5px; padding:0 15px; }
.newsPages a:hover { color:#fff; background:#51c5ff; }
.newsPages a.current { color:#fff; background:#51c5ff; }