@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:100%; height:101px; border-bottom:5px solid #009f8f; background:#fff; margin:0 auto; }
header .logo { width:243px; height:68px; display:inline-block; float:left; margin:14px 0 14px 12px; }
header .topMenu { width:95px; height:96px; background:url(../images/bg_top_menu.png) center center no-repeat; border-left:1px solid #ddd; display:inline-block; float:right; }
header .topMenuHover { border-left:1px solid #009f8f; background:#009f8f url(../images/bg_top_menu_hover.png) center center no-repeat; }

.topSubMenu { width:100%; height:auto; background:rgba(0,159,143,0.95); position:absolute; top:96px; left:0; right:0; z-index:99999; padding:10px 5%; display:none; }
.topSubMenu p { width:100%; height:auto; border-bottom:1px solid rgba(255,255,255,0.5); }
.topSubMenu p a { width:100%; height:auto; line-height:65px; font-size:28px; color:#fff; display:block; }
.topSubMenu p a.topLiSubMenu { width:100%; padding:0 0 0 5%; font-size:24px; display:none; }
.topSubMenu p.current a.topLiSubMenu { display:block; }

.swiper-container { width:100%; height:auto; }
.swiper-slide { width:100%; height:auto; }
.swiper-slide img { width:100%; height:auto; }

section.indexAbout { width:100%; height:auto; margin:40px 0 0; }
section.indexAbout h3 { width:100%; height:32px; line-height:32px; font-size:30px; color:#000; text-align:center; font-weight:bold; }
.indexTitleLine { width:60px; height:4px; background:#00af9f; display:block; margin:11px auto 0; }

.indexAboutMain { width:100%; height:auto; background:#00af9f; margin:32px 0 0; padding:2%; }
.indexAboutMain p { width:100%; height:auto; line-height:180%; font-size:18px; color:#fff; }
.indexAboutReadmore { width:100px; height:30px; margin:0 auto; }
.indexAboutReadmore a { width:100px; height:30px; line-height:30px; font-size:18px; color:#fff; text-align:center; background:#a50182; display:block; margin:20px auto 0; }

.indexProductsMenu { width:100%; height:auto; }
.indexProductsMenu a { width:33.333%; height:150px; font-size:24px; color:#333; text-align:center; background:url(../images/bg_index_products_li.png) center 103px no-repeat; display:inline-block; float:left; padding:53px 0 0; }
.indexProductsMenu a.bg1 { background-color:#e5f5f4; }
.indexProductsMenu a.bg2 { background-color:#f2fcfb; }

section.indexNews { width:100%; height:auto; margin:56px 0 200px; }
section.indexNews h3 { width:100%; height:32px; line-height:32px; font-size:30px; color:#000; text-align:center; font-weight:bold; }
.indexNewsLine { width:60px; height:4px; background:#00af9f; display:block; margin:11px auto 26px; }

.indexNewsLi { width:100%; min-height:120px; background:#f7f7f7; margin:0 0 4px; padding:0 2%; clear:both; }
.indexNewsLiLeft { width:20%; height:120px; display:inline-block; float:left; }
.indexNewsLiLeft span { width:100%; height:40px; line-height:40px; font-size:40px; color:#666; text-align:center; display:block; margin:32px 0 0; }
.indexNewsLiLeft em { width:100%; height:25px; line-height:25px; font-size:18px; color:#666; text-align:center; display:block; }
.indexNewsLiRight { width:80%; min-height:120px; display:inline-block; float:right; }
.indexNewsLiRight h4 { width:100%; height:24px; line-height:24px; font-size:24px; color:#00af9f; margin:24px 0 7px; overflow:hidden; }
.indexNewsLiRight p { width:100%; height:50px; line-height:25px; font-size:18px; color:#858585; overflow:hidden; }
.indexNewsLiRight p.servicesLiContent { height:auto; overflow:auto; }

footer { width:100%; height:96px; background:#4d4948; position:fixed; left:0; right:0; bottom:0; z-index:999999; }
footer a { width:25%; height:96px; display:inline-block; float:left; }
a.footerMenu1 { background:url(../images/bg_footer_icon1.png) center center no-repeat; }
a.footerMenu2 { background:url(../images/bg_footer_icon2.png) center center no-repeat; }
a.footerMenu3 { background:url(../images/bg_footer_icon3.png) center center no-repeat; }
a.footerMenu4 { background:url(../images/bg_footer_icon4.png) center center no-repeat; }

section.aboutMain { width:96%; height:auto; line-height:180%; font-size:18px; color:#333; text-indent:2em; margin:0 2% 200px; }
section.aboutMain h3 { width:100%; height:32px; line-height:32px; font-size:26px; color:#000; text-align:center; margin:47px 0 35px; }
section.aboutMain p { width:100%; height:auto; line-height:180%; font-size:18px; color:#333; text-indent:2em; margin:0 0 25px; }
section.aboutMain p img { max-width:90%; height:auto; display:block; margin:25px auto; }
section.aboutMain div img { max-width:90%; height:auto; display:block; margin:25px auto; }
section.aboutMain span img { max-width:90%; height:auto; display:block; margin:25px auto; }

section.productsMain { width:96%; height:auto; margin:0 2% 200px; }
section.productsMain h3 { width:100%; height:32px; line-height:32px; font-size:26px; color:#000; text-align:center; margin:47px 0 47px; }

ul.productsList { width:100%; height:auto; margin:0 auto 200px; }
ul.productsList li { width:40%; height:auto; display:inline-block; float:left; text-align:center; margin:0 5% 38px; padding:0; position:relative; }
ul.productsList li img { width:100%; height:216px; }
ul.productsList li p { width:100%; height:auto; line-height:180%; font-size:18px; color:#fff; text-align:center; background:rgba(0,0,0,0.8); position:absolute; bottom:0; left:0; right:0; }

section.newsMain h3 { margin:0 auto 34px; }

section.magazineMain { width:96%; height:auto; margin:0 2% 200px; }
section.magazineMain h3 { width:100%; height:32px; line-height:32px; font-size:26px; color:#000; text-align:center; margin:47px 0 47px; }

ul.magazineList { width:96%; height:auto; margin:0 2%; }
ul.magazineList li { width:29%; height:auto; border:1px solid #f0f0f0; display:inline-block; float:left; margin:0 2% 45px; padding:1%; }
ul.magazineList li img { width:98%; height:auto; }
ul.magazineList li p { width:98%; height:auto; line-height:180%; font-size:18px; color:#333; text-align:center; }

section.contactUsMain { width:96%; height:auto; margin:0 2% 200px; }
section.contactUsMain h3 { width:100%; height:32px; line-height:32px; font-size:26px; color:#000; text-align:center; margin:47px 0 47px; }
.contactUsContent { width:100%; height:auto; }
input.contactUsUsername { width:100%; height:55px; line-height:55px; font-size:18px; color:#aaa; padding:0 0 0 5px; border:1px solid #ddd; }
textarea.contactUsContent { width:100%; height:280px; line-height:35px; font-size:18px; color:#aaa; padding:5px; border:1px solid #ddd; margin:20px 0 0; }
input.contactUsBtn { width:100%; height:55px; line-height:55px; font-size:24px; color:#fff; text-align:center; border:none; border-radius:3px; background:#a50182; margin:26px 0 0; }

.contactUsMore { width:100%; height:55px; margin:26px 0 0; }
.contactUsMore a { width:100%; height:55px; line-height:55px; font-size:24px; color:#fff; text-align:center; border:none; border-radius:3px; background:#00af9f; display:block; margin:26px 0 0; }

.contactUsExpert { width:100%; height:auto; }
.contactUsExpert li { width:40%; height:auto; display:inline-block; float:left; margin:0 5%; }
.contactUsExpertImg { width:100%; height:auto; }
.contactUsExpertImg img { width:100%; height:auto; }
.contactUsExpertTitle { width:100%; height:auto; line-height:45px; font-size:24px; color:#000; text-align:center; }
.contactUsExpertContent { width:100%; height:90px; line-height:30px; font-size:18px; color:#666; overflow:hidden; }



section.tips { width:100%; height:100%; background:rgba(255,255,255,0.5); display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; }
.tipsTopClose { width:20px; height:20px; background:url(../images/header_close.png) center center no-repeat; position:fixed; top:50px; right:50px; }
.tipsMain { width:90%; height:auto; position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center; }
.tipsMain p { height:auto; line-height:35px; font-size:30px; color:#fff; text-align:center; word-break:break-all; background:rgba(0,0,0,0.8); display:inline; width:auto; padding:0 30px; }
.tipsClose { width:300px; height:60px; line-height:60px; font-size:40px; color:#fff; text-align:center; border-radius:3px; background:#ff8000; margin:40px auto 0; }