@import url("reset.css");
html { font-size: 16px; }
/*公用样式*/
body { width: 100%; height: 100%; min-height: 100%; font-size: 14px; line-height: 1.231; font-family: \5fae\8f6f\96c5\9ed1,Microsoft YaHei; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; margin: 0px auto; padding: 0px; }
a { text-decoration: none; font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; }
input, textera { outline: none; }
input[type="submit"], input[type="text"] { -webkit-appearance: none; border-radius: 0px; }
.clear { clear: both }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.picicon { display: inline-block; text-align: center; font-family: FontAwesome; font-weight: normal; }
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; }
.fl { float: left; }
.fr { float: right; }
/*边框样式*/
.radius { border: #d7d7d7 solid 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.btnRadius { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-bottom: none; }
.pchide { display: none; }

/*首页*/
.warpper { width: 100%; max-width: 640px; min-width: 320px; margin: 0px auto; overflow: hidden; position: relative; }
#indexPage { padding-bottom: 60px; }

.logo { background: #1856a0; font-size: 1rem; color: #fff; line-height: 2.5; text-align: center; }

.loading { position: fixed; max-width: 640px; margin: auto; left: 0; right: 0; bottom: 0; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; z-index: 999; display: none; text-align: center; background: url(../images/loading.gif) no-repeat center center #fff; }
.loading p { font-size: 1.25em; color: #666; position: absolute; top: 54%; left: 0; right: 0; max-width: 640px; margin: 0 auto; }

.nav { width: 100%; height: 42px; background: -webkit-gradient(linear,33% 0%, 60% 0%, from(#1672e0), to(#75B604)); }
.nav ul li.hom { width: 10%; }
.nav ul li { width: 18%; height: 42px; line-height: 42px; display: block; color: #fff; text-align: center; float: left; }
.nav ul li a { width: 100%; height: 42px; font-size: 14px; color: #fff; font-weight: bold; }
.nav ul li a.hover { color: #f6ff00; }
.nav ul li.menu5 { display: none; }

.indexmenu { background: #f6f7f2; padding-bottom: 10px; }
.indexmenu ul { background: #fff; border-bottom: 1px #d9d9d9 solid; padding: 10px 0px; overflow: hidden; }
.indexmenu ul li { float: left; width: 25%; text-align: center; }
.indexmenu ul li a { display: block; width: 70%; margin: 10px 15%; color: #333333; line-height: 2; }
.indexmenu ul li a img { width: 100%; }

.indextitle .tit { color: #1672e0; font-size: 1rem; line-height: 2.5; padding: 0px 2% }
.indextitle i { margin-right: 10px; }
.more { display: block; background: #1672e0; color: #fff; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; margin-top: 13px; margin-right: 10px; }

.indexabout { background: #f6f7f2; padding-bottom: 10px; border-top: 1px #d9d9d9 solid; }
.indexabout ul { background: #fff; border-bottom: 1px #d9d9d9 solid; overflow: hidden; }
.indexabout ul li.list p { padding: 0px 10px; }
.indexabout ul li.list p.indexcontent { line-height: 1.5; text-align: justify; padding: 15px; }

.indexabout ul li.list img { width: 100%; display: block; }
/*新闻*/
.indexnewslist { width: 100%; background: #f6f7f2; padding-bottom: 10px; border-top: 1px #d9d9d9 solid; }
.indexnewslist ul { background: #fff; border-bottom: 1px #d9d9d9 solid; overflow: hidden; }
.indexnewslist ul li.list { background: #fff; border-top: 1px #d9d9d9 solid; }
.indexnewslist ul li.list { overflow: hidden; min-height: 65px; }
.indexnewslist ul li.list div { padding: 5px 0px; overflow: hidden; }
.indexnewslist ul li.list a { color: #454545; font-size: 0.8rem; }
.indexnewslist ul li.list a.img { display: block; float: left; margin: 5px; width: 20%; overflow: hidden; height: 80px; }
.indexnewslist ul li.list a img { height: auto; width: 100%; }
.indexnewslist ul li.list p { width: 70%; float: left; margin: 10px; }
.indexnewslist ul li.list p a strong { display: block; float: left; width: 90%; font-size: 16px; height: 22px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.indexnewslist ul li.list p a { font-size: 12px; }
.indexnewslist ul li.list .newcon { line-height: 25px; height: 50px; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block; }


.indexabout .pro-switch ul li { padding: 5px 1px; overflow: hidden; }
.indexabout .pro-switch ul li div.img { height: 80px; overflow: hidden; }
.indexabout .pro-switch ul li img { display: block; }
.indexabout .pro-switch ul li span { display: block; line-height: 30px; background: #1672e0; color: #fff; height: 30px; overflow: hidden; padding: 0px 3px; }
.indexabout .flex-control-nav { display: none; }
.indexabout .flex-direction-nav { display: none; }
.showMorehandle { background: #1672e0; color: #fff; font-weight: bold; font-size: 14px; line-height: 33px; height: 33px; text-align: center; width: 100%; margin: 0; padding: 0px; }




.prolst { background-color: #fff; }
.bgcolor h2 { height: 33px; width: 100%; line-height: 33px; color: #fff; font-size: 18px; text-align: center; background: -webkit-gradient(linear,33% 0%, 60% 0%, from(#1672e0), to(#75B604)); }
.prolst ul { padding-top: 10px; }
.prolst ul li { width: 33%; display: block; float: left; text-align: center; padding-bottom: 10px; }
.prolst ul li img { border: 2px #b3ddbc solid; width: 90%; }
.prolst ul li p { margin: 5px 0; }
.prolst ul li p a { color: #f39f01; height: 25px; font-size: 16px; width: 100%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; }
.prolst ul li.more { background: #1672e0; padding: 0px; width: 29%; margin-left: 10px; padding-bottom: 0.8em; }
.prolst ul li.more span { display: block; color: #fff; width: 100%; font-size: 3rem; font-family: FontAwesome; }
.prolst ul li.more a { color: #fff; font-size: 20px; display: block; }

.menu { background-color: #1672e0; position: fixed; max-width: 640px; margin: auto; left: 0; right: 0; top: 0; }
.menu ul li.clstitle { padding: 5px 15px; }
.menu ul li.clstitle h2 { color: #fff; line-height: 30px; text-align: center; font-weight: bold; font-size: 18px; }
.menu ul li.clstitle a.a-prev { font-size: 24px; font-weight: lighter; float: left; color: #FFFFFF; }
.menu ul li.clstitle a.a-next { font-size: 24px; font-weight: lighter; float: right; color: #FFFFFF; }

.childMenu { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 998; display: none; overflow: hidden; }
.childMenu ul { }
.childMenu ul li { position: fixed; right: 0px; top: 0px; }
.childMenu ul li.bg { opacity: 0.6; filter: alpha(opacity=60); background: #000000; width: 100%; height: 100%; }
.childMenu ul li.list { background: #1672e0; width: 35%; right: -35%; height: 100%; }
.childMenu ul li.list p { background: #1672e0; }
.childMenu ul li.list p a { display: block; color: #fff; line-height: 40px; font-size: 16px; text-align: left; padding-left: 10px; border-bottom: 1px #fff solid; }
.childMenu ul li.list p a.sel { background: #10b80d; }
.childMenu ul li.list p a.child { background: #5191dd }
.childMenu ul li.list p a span.child { font-weight: normal; padding-left: 10px; }
/*海报*/
.am-carrousel { width: 100%; overflow: hidden; margin-top: 2px; }

/*手机滑动效果样式*/
.touchcarousel { position: relative; overflow: hidden; width: 208px; float: left; }
.touchcarousel .touchcarousel-container { position: relative; margin: 0px; padding: 0; list-style: none; overflow: hidden; }
.touchcarousel .touchcarousel-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
.touchcarousel .touchcarousel-wrapper img { max-width: 100%; }
.touchcarousel .touchcarousel-item { text-align: center; }
.tc-paging-container, arrow-holder { display: none; }


/*内容*/
.aboutbox { padding: 2.5em 0.25em; }
.about_content { background: #fff; font-size: 14px; color: #000; }
.about_content h3 { font-size: 1.2em; font-weight: bold; color: #1672e0; line-height: 1.8; text-align: center; }
.about_content h2 { font-size: 1.2em; font-weight: bold; color: #1672e0; line-height: 1.8; }
.about_content h4 { font-size: 12px; color: #999; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #ddd solid; text-align: center; }
.about_content img { max-width: 100% !important; height: auto !important; margin: 5px auto; }
.about_content .proimg { text-align: center; line-height: 30px; color: #10b80d; }
.procon { line-height: 1.5; color: #666; }
.aboutcontent { padding: 10px 20px; line-height: 25px; color: #666; }
.aboutcontent img { margin: 20px auto; }
.aboutcontent strong { color: #10b80d; }
.labelt { display: block; text-align: center; width: 100%; line-height: 25px; color: #666; }
.labelt strong { color: #10b80d; }

/*产品列表*/
.aboutprolist { width: 100%; margin: 12px auto; }
.aboutprolist ul { overflow: hidden; }
.aboutprolist ul li {  margin-bottom: 1px; width: 100%; overflow: hidden; text-align: center; }
.aboutprolist ul li img { border: 1px #fff solid; width: 100%; height: auto; margin: 0px auto; }
.aboutprolist ul li p { margin: 0px 1px; }
.aboutprolist ul li p a { display: block; color: #fff; background: #5191dd; font-size: 14px; font-weight: bold; display: block; height: 35px; line-height: 35px; }
.aboutprolist ul li a.pro { display: block; }

/*底部*/
.bottom { padding: 10px 0px; padding-top: 20px; background: #f5f5f5; }
.bottom ul li { width: 90%; text-align: center; margin: 0px auto; }
.bottom ul li.indextel { height: 54px; line-height: 54px; background: -webkit-gradient(linear,45% 0%, 84% 0%, from(#C5E0CA), to(#D8E7C6)); color: #028300; font-weight: bold; }

.bottom ul li.copy { margin-top: 10px; color: #666666; background: #fff; line-height: 20px; padding: 5px 0px; }
.bottom ul li.copy a { color: #10b80d; text-decoration: underline; }

.footerbg { padding-top: 54px; }
.footer { position: fixed; max-width: 640px; margin: auto; left: 0; right: 0; bottom: 0; }
.footer ul { z-index: 199; background: #ffffff; height: 54px; }
.footer ul li { float: left; width: 20%; overflow: hidden; padding-top: 5px; }
.footer ul li a { display: block; text-align: center; color: #999999; font-size: 24px; height: 50px; }
.footer ul li b { display: block; text-align: center; }
.footer ul li b.picicon { font-size: 32px; line-height: 30px; }
.footer ul li b.btext { font-size: 12px; line-height: 15px; }
.footer ul li a.sel { color: #1672e0; }
.footer ul li.sel { background: -webkit-gradient(linear,33% 0%, 60% 0%, from(#1672e0), to(#75B604)); }
.footer ul li.sel a { color: #FFFFFF; }

.share { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.8); display: none; }
.share td { width: 116px; text-align: center; }
.share.on { display: block; }
.share table { float: right; margin-right: 10px; width: 235px; text-align: center; }

.share tr:nth-of-type(2) { text-align: center; border: 2px dashed #fff; border-radius: 8px; -webkit-border-radius: 8px; display: block; color: #fff; line-height: 30px; }
.share td { width: 116px; text-align: center; }
.share tr:nth-of-type(2) img { width: 66px !important; height: 66px !important; margin: 5px; }

.fenye { clear: both; overflow: hidden; float: none; width: 100%; }
.fenye a { background: #1672e0; color: #fff; font-weight: bold; font-size: 14px; line-height: 33px; height: 25px; text-align: center; padding-bottom: 10px; margin-top: 10px; display: block; width: 100%; }

@media screen and (max-width: 320px) {
    .nav ul li.hom { display: none; }
    .nav ul li { width: 20%; }
    .proipt { width: 16.3em; }
    .prolst ul li.more span { margin-top: 0.13em; }
}

@media (min-width: 360px) {
    .nav ul li.hom { display: none; }
    .nav ul li { width: 20%; }
    .proipt { width: 19.2em; }
    .prolst ul li.more span { margin-top: 0.33em; }
}