@import url("reset.css");
html, body { height: 100%; }
html { box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
body { margin: 0; padding: 0; width: 100%; min-height: 100%; min-width: 320px; -webkit-touch-callout: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; position: relative; }

/*公用样式*/
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; padding-left: 0.1rem; font-size: 0.15rem; padding-right: 0.1rem }
@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; }
.hide { display: none; }
/*边框样式*/
.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; }

/*首页*/


.bt_wz { text-align: center; padding-top: 0.2rem }
.bt_wz b { color: #333333; font-size: 0.18rem; }
.bt_wz p { padding-top: 0.05rem; font-size: 0.13rem;color:#494949 }
.bt_wz p img { width: 8% }
.products_tp { display: block; text-align: center; overflow: hidden; overflow-x: auto; padding-top: 0.05rem }
.products_tp ul { overflow: hidden; display: inline-flex; display: -ms-inline-flex; display: -webkit-inline-flex; zoom: 1; }
.products_tp ul li { border: 1px #b5b9b8 solid; height: 1.7rem; width: 1rem; float: left; margin-left: 0.05rem; padding-top: 0.1rem; position: relative; margin-bottom: 0.1rem; }
.products_tp ul li strong { display: block; font-size: 0.12rem; padding-top: 0.1rem }
.products_tp ul li strong a { color: #333333 }
.products_tp ul li img { max-width: 100% }
.products_tp ul li span { font-size: 0.05rem; color: #b5b9b8; line-height: 0.15rem; display: block }
.products_tp .namediv.sel { background: #2561a7 }

.indexmenulist { position: relative; padding-bottom: 0.2rem; margin-top: 0.1rem; }
.indexmenulist .aboutname { font-size: 0.14rem; line-height: 0.2rem; color: #545454; height: 0.6rem; padding-top: 0.1rem; }
.indexmenulist .aboutname span { display: block; }
.indexmenulist .aboutname span.icon { display: none; }
.indexmenulist .aboutname span.detail em { font-size: 0.12rem; color: #c4c8c7; display: block; line-height: 0.16rem; }
.indexmenulist img { max-width: 100%; max-height: 100%; }
.indexmenulist .swiper-slide { width: 33%; }
.indexmenulist .swiper-slide a { display: block; margin-top: 0px; margin: 0px 0.02rem; border: 1px #ddd solid; text-align: center; position: relative; }
.indexmenulist .swiper1-container { }
.indexmenulist .swiper-wrapper { }
.indexmenulist .swiper-container-horizontal > .swiper-pagination { }
.indexmenulist .swiper-pagination-bullet { background: #c4c4c4 }
.indexmenulist .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #b4b4b4; }
.indexmenulist .swiper-wrapper .swiper-slide-active { }
.indexmenulist .swiper-wrapper .swiper-slide-active .aboutname { background: #202c5c; line-height: 0.3rem; color: #fff; padding-top: 0px; height: 0.7rem; font-size: 0.16rem; line-height: 0.35rem; }
.indexmenulist .swiper-wrapper .swiper-slide-active .aboutname img { width: 0.18rem; display: block; margin: 0px auto; }
.indexmenulist .swiper-wrapper .swiper-slide-active .aboutname span.icon { display: block; }
.indexmenulist .swiper-wrapper .swiper-slide-active .aboutname span.detail { display: none; }
.fk_btn { position: absolute; bottom: -13px; width: 100%; height: 26px; background: url(../images/03_03.png) no-repeat center; }
.indexmenulist .swiper-wrapper .swiper-slide-active .fk_btn { background: url(../images/03_03_sel.png) no-repeat center; }


.more_btn { margin-top: 0.2rem; text-align: center }
.more_btn1 { margin-top: 1.3rem; text-align: center }
.more_btn1 p { width: 0.8rem; height: 0.2rem; border: 1px #1f2c5c solid; margin: auto; color: #1f2c5c; font-size: 0.1rem; line-height: 0.2rem; border-radius: 5rem }
.more_btn p { width: 0.8rem; height: 0.2rem; border: 1px #1f2c5c solid; margin: auto; color: #1f2c5c; font-size: 0.1rem; line-height: 0.2rem; border-radius: 5rem }





.contact_bj { background: url(../images/3_03.png) no-repeat; background-size: 100% auto; height: 2rem; padding: 0.3rem }
.contact_bj b { color: #1f2c5c; font-size: 0.15rem; }
.contact_bj p { padding-top: 0.08rem; color: #333333; font-size: 0.13rem }
.contact_bj p img { width: 28% }
.contact_bj span { padding-top: 0.07rem; display: block; color: #a6a6a6; font-size: 0.04rem }
.bottom_bj { background: #1f2c5c; height: 0.3rem; text-align: center }
.bottom_bj p { color: #ffffff; line-height: 0.3rem }

.about_tp { padding-left: 0.05rem }
.about_tp p { padding-top: 0.1rem }
.about_tp p.wz { text-indent: 2em; line-height: 0.2rem; color: #333333; font-size: 0.122rem }
.about_tp p img { width: 99%; }

.personnel_bj { background: url(../images/5502.jpg) no-repeat; background-size: 100% auto; height: 2.7rem; margin-top: 0.2rem; }
.personnel_bj ul li { padding-left: 2rem; padding-top: 0.2rem }
.personnel_bj ul li p { width: 0.8rem; height: 0.2rem; background: #1f2c5c; text-align: center; line-height: 0.2rem; margin-top: 0.1rem; color: #ffffff; }


.prolist ul li span { color: #000; font-size: 0.1rem }
.warpper { width: 100%; margin: 0px auto; overflow: hidden; padding-top: 0rem; background: #ffffff; }
.newscontent img { width: 100% }
.menu { height: 0.45rem; margin: auto; left: 0; right: 0; top: 0; z-index: 99; background: #ffffff }
.menu::after { content: ''; opacity: 0.5; height: 0.45rem; left: 0; right: 0; top: 0; z-index: 0; max-width: 640px; position: fixed; }
.menu ul { position: relative; z-index: 99; }
.menu ul li.clstitle { }

.menu ul li.clstitle h2 { color: #008cd7; line-height: 50px; text-align: left; padding-left: 30px; font-weight: normal; font-size: 18px; }
.menu ul li.clstitle a.a-prev { font-size: 0.14rem; font-weight: lighter; float: left; color: #008cd7; line-height: 0.45rem;; }
.menu ul li.clstitle a.a-cn { padding: 0.1rem; }
.menu ul li.clstitle a.a-cn img { width: 2.5rem; margin-top: 0.05rem }
.menu ul li.clstitle a.a-next { font-size: 24px; line-height: 0.25rem; margin: 0.1rem; font-weight: lighter; float: right; color: #fff; background: #272727; padding: 0px 0.05rem; }
.hrdiv ul.hrlist li.data table { width: 98% }
.hrdiv ul.hrlist li.data .data_btn { font-size: 0.1rem; width: 0.6rem; height: 0.2rem; line-height: 0.2rem; background: #1f2c5c; color: #fff; text-align: center; margin-top: 0.1rem; cursor: pointer; }

.bannerimg ul li { overflow: hidden; padding: 0.05rem; background: #fff; }
.bannerimg ul li a { display: block; width: 33.33%; float: left; }
.bannerimg ul li a img { width: 98%; margin: 0px auto; display: block; }

.box { margin-top: 0.05rem; background: #fff; }
.box img { max-width: 100%; margin: 0px auto; display: block; }


.indextitle { padding: 10px 0px; text-align: center; }

#indexPage { padding-bottom: 60px; }

.logo { background: #006a2c; 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(#008C21), 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; }


.indextitle ul { overflow: hidden; }
.indextitle h2 { text-align: center; font-size: 22px; line-height: 40px; border-bottom: 3px #9b9b9b solid; width: 200px; margin: 0px auto 0px auto; position: relative; z-index: 1; }
.indextitle h3 { text-align: center; color: #bababa; font-size: 16px; font-family: Arial; line-height: 30px; margin-bottom: 35px; border-top: 1px solid #ddd; position: relative; top: -2px; margin: 0px auto; }


.indexmenu { background: #fff; 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 { margin-top: 20px; }
.indextitle img { max-width: 100%; }
.indextitle .tit { color: #006a2c; font-size: 1rem; line-height: 2.5; padding: 0px 2% }
.indextitle i { margin-right: 10px; }
.more { display: block; background: #006a2c; color: #fff; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; margin-top: 13px; margin-right: 10px; }
.indexabout img { width: 100%; }
.indexabout .viewbtn { text-align: center; }
.indexabout .viewbtn a { border: 1px #ddd solid; border-radius: 5px; font-size: 16px; padding: 5px 10px; text-align: center; color: #666; display: inline-block; margin: 20px auto; }
.indexabout { font-family: Arial; font-size: 16px; line-height: 30px; padding: 10px 20px; text-align: justify; }
/*新闻*/

.titlemenu_about img { display: block; max-width: 100%; }
.titlemenu_about ul { background: #fff; padding-top: 0.05rem; }
.titlemenu_about ul li { background: #fff; height: 0.3rem; text-align: center; border-bottom: 1px #ddd solid; }
.titlemenu_about ul li a { display: inline-block; color: #444444; text-align: center; font-size: 0.14rem; line-height: 0.3rem; padding: 0px 0.1rem; }
.titlemenu_about ul li a.sel { height: 0.3rem; border-radius: 3px; background: #fff; border-bottom: 2px #666 solid; }




.titlemenu img { display: block; }
.titlemenu ul { background: #cbcbcb; padding-top: 0.05rem; }
.titlemenu ul li { background: #e0e0e0; height: 0.3rem; text-align: center; }
.titlemenu ul li a { display: inline-block; color: #444444; text-align: center; font-size: 0.14rem; line-height: 0.35rem; padding: 0px 0.1rem; }
.titlemenu ul li a.sel { height: 0.35rem; border-radius: 3px; background: #c9c9c9; }

.indexnewslist { width: 100%; background: #f6f7f2; padding-bottom: 0.1rem; }
.indexnewslist ul { background: #fff; border-bottom: 1px #d9d9d9 solid; overflow: hidden; }
.indexnewslist ul li.list { background: #fff; border-bottom: 1px #d9d9d9 dashed; overflow: hidden; min-height: 0.8rem; }
.indexnewslist ul li.list div { padding: 10px 0px; }
.indexnewslist ul li.list a { color: #454545; font-size: 0.8rem; }
.indexnewslist ul li.list a.img { display: block; float: left; margin: 0.1rem 0.05rem; width: 25%; overflow: hidden; text-align: center; }
.indexnewslist ul li.list a img { height: auto; width: 100%; }
.indexnewslist ul li.list p { width: 65%; float: left; margin: 0.1rem; }
.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; }

.newslist ul li p {margin-top:0.05rem}
.newslist ul li p.time {color: #afafaf}
.newslist ul li p.tit {color: #313131;font-size:0.15rem}
.newslist ul li p.dec { color: #313131;font-size:0.1rem}
.newslist ul li p.btn {display: block;
    width: 0.8rem;
    margin: 0px auto;
    line-height: 0.2rem;
    background: #1f2c5c;
    border-radius: 15px;
    color: #fff;
    text-align: center;
     margin-top:0.1rem;
}
.indexvideolist { background: url(../images/index_20.jpg) no-repeat; height: 2rem; position: relative; }
.indexvideolist .swiper-slide { width: 50%; float: left; }
.indexvideolist .swiper-slide a { margin: 0.3rem 0.1rem; display: block; position: relative; border: 3px #ddd solid; }
.indexvideolist .swiper-slide a img { width: 100%; }
.indexvideolist .swiper-slide a p { position: absolute; bottom: 0px; left: 0px; right: 0px; background: #fff; color: #545454; line-height: 0.3rem; opacity: 0.8; text-align: center; }

.indexvideolist .swiper-container-horizontal > .swiper-pagination { bottom: 0.2rem; }
.indexvideolist .swiper-pagination-bullet { background: #c4c4c4 }
.indexvideolist .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #b4b4b4; }

.indexcontact { background: #2e2d2c; overflow: hidden; padding: 0.1rem 0.2rem; }
.indexcontact ul li { width: 60%; }
.indexcontact ul li strong { font-size: 0.14rem; color: #fff; line-height: 2; font-weight: normal; }
.indexcontact ul li p { font-size: 0.11rem; }
.indexcontact ul li.fr { width: 40%; }
.indexcontact ul li.fr img { max-width: 80%; margin: 0px auto; display: block; float: right; }
.indexcaselist ul { overflow: hidden; }
.indexcaselist ul li { width: 50%; float: left; }
.indexcaselist ul li a { display: block; width: 100%; margin: 0px auto 20px auto; position: relative; text-align: center; overflow: hidden; border: 2px #fff solid; }
.indexcaselist ul li a p { position: absolute; bottom: 0px; left: 0px; right: 0px; color: #fff; font-size: 16px; line-height: 32px; background: #000; text-align: center; opacity: 0.8; }
.indexcaselist ul li a:hover p { animation: caseNameShow 0.5s ease-in-out 0s both; }
.indexcaselist ul li a:hover { border: 2px #254b94 solid; }
.indexcaselist ul li a img { width: 100%; }

.hrdiv img { width: 98% }

.aboutbody { position: relative; padding-bottom: 0.1rem;padding:0 0.05rem 0.2rem 0.05rem; }
.aboutbody ul li { }
.aboutbody ul li p img { width: 100% ;height:2.1rem}
.AboutDiv { font-size: 0.1rem; line-height: 2; background: url(../images/aboutbg.jpg) no-repeat center center; overflow: hidden; }
.AboutDiv img { width: 98%; height: auto }
.index_tel p { overflow: hidden; }
.index_tel p span { font-size: 0.1rem; float: left; width: 50%; display: block; white-space: nowrap; }
.index_tel p img { width: 25% }
.index_tel p { font-size: 0.12rem }


.tpjz { padding-left: 0.1rem; padding-top: 0.3rem; }
.tpjz img { width: 30%; margin-right: 0.05rem }
.AboutDiv div.con { width: 100%;padding-bottom: 0.1rem }

.AboutDiv div.con img { width: 100%; }
.hrbox li input.txt { line-height: 30px; width: 90%; font-size: 0.1rem; margin: 0px auto; padding-left: 5%; color: #757574; }
.hrbox ul li { width: 45%; float: left; line-height: 0.1rem; font-size: 0.1rem; margin-bottom: 0.1rem; color: #666; padding-left: 0.08rem }
.hrbox li.muti { width: 91%; clear: both; text-align: left; margin-top: 0.1rem; height: 0.5rem; line-height: 0.2rem; font-size: 0.12rem }
.hrbox li.muti input { width: 95%; margin: 0px auto; display: block; margin-top: 0.05rem }

.hrbg { content: ''; background: #000; opacity: 0.8; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1 }
.hrbook { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 10000; display: none }

.hrbox li.muti1 input { background: #1f2c5c; color: #ffffff; width: 2.3rem; margin-top: 0.1rem }
.web-page { text-align: center; padding-top: 0.1rem }
.hrbox li textarea { padding-top: 0.1rem; -webkit-appearance: none; width: 95%; height: 0.5rem; padding-left: 5%; font-size: 0.1rem; color: #666; }
.hrbox { width: 2.5rem; overflow: hidden; position: relative; z-index: 10000; background: #fff; margin: 5% auto; padding: 30px; border-radius: 10px }
.hrbox .lefttitle { height: 0.5rem; line-height: 0.5rem; text-align: left; font-size: 0.15rem }
.AboutDiv div.con p strong { line-height: 0.2rem; display: block; padding-top: 0.1rem }
.AboutDiv div.con p strong span { line-height: 0.1rem }
.AboutDiv div.con p {margin-bottom:0.05rem}
.productcatelist ul { overflow: hidden; }
.productcatelist ul li { width: 50%; float: left; }
.productcatelist ul li a { }
.productcatelist ul li img { max-width: 75%; max-height: 100%; }
.productcatelist ul li a p { width: 2rem; height: 1.5rem; background: #fff; }
.productcatelist ul li a span { font-size: 0.1rem; line-height: 35px; display: block; padding-left: 0.5rem; color: #000 }
.newsbody { text-align: center }
.prolist { text-align: center }
.showMorehandle { background: #2561a7; color: #fff; font-weight: bold; font-size: 14px; line-height: 33px; height: 33px; text-align: center; width: 100%; margin: 0; padding: 0px; margin-top: 0.1rem; }

.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(#008C21), 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: #008C21; 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; }


.childMenu { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 998; overflow: hidden; display: none; }
.childMenu ul { }
.childMenu ul li { }
.childMenu ul li.bg { }
.childMenu ul li.list { background: #f5f5f5; width: 100%; height: 100%; top: 0.45rem; position: relative; opacity: 0.8; }
.childMenu ul li.list p { background: #2e2d2c; }
.childMenu ul li.list p a { display: block; color: #fff; line-height: 40px; overflow: hidden; font-size: 14px; text-align: center; border-bottom: 1px #ddd solid; }
.childMenu ul li.list p a.sel { background: #008cd7; color: #fff; }
.childMenu ul li.list p a.child { background: #f5f5f5; font-size: 12px; white-space: nowrap; color: #000; display: none; }
.childMenu ul li.list p a.jsshow { display: block; }

.childMenu ul li.list p a.parent { background: url(../images/down.png) no-repeat 10px center; background-size: auto 50%; color: #fff; }
.childMenu ul li.list p a span.child { font-weight: normal; padding-left: 0px; }
/*海报*/
.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; }


/*内容*/
.block { display: block !important; }
.aboutbox { }
.about_content { background: #fff; font-size: 14px; color: #000; }
.about_content h3 { font-size: 1.2em; font-weight: bold; color: #2561a7; line-height: 2; text-align: center; padding: 0.2rem 0px; }
.about_content h2 { font-size: 1.2em; font-weight: bold; color: #2561a7; 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: 0px auto; }
.about_content .proimg { text-align: center; line-height: 30px; color: #10b80d; }
.procon { line-height: 1.5; color: #666; }
.aboutcontent { padding: 0px; line-height: 25px; color: #666; text-align: justify; }
.aboutcontent img { margin: 0px auto; display: block; max-width: 100%; }
.aboutcontent strong { color: #2561a7; }
.labelt { display: block; text-align: center; width: 100%; line-height: 25px; color: #666; }
.labelt strong { color: #2561a7; }
.provideo video { width: 100%; }


.pageclassDiv .aboutcontent { padding: 0.1rem; background: #fff; }


.news_content { background: #fff; font-size: 14px; color: #000; padding-top: 0.2rem; }
.news_content h3 { font-size: 1.2em; font-weight: bold; color: #2561a7; line-height: 2; text-align: center; }
.news_content h2 { font-size: 1.2em; font-weight: bold; color: #2561a7; line-height: 1.8; }
.news_content h4 { font-size: 12px; color: #999; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #ddd solid; text-align: center; }
.news_content img { max-width: 100% !important; height: auto !important; margin: 0px auto; }
.news_content .proimg { text-align: center; line-height: 30px; color: #10b80d; }


.guestbook { width: 90%; max-width: 640px; margin: 0px auto; background: #fff; padding: 0px 5%;    background: #f9f9f9;    height: 3.3rem }
.guestbook ul li p em {font-size:0.13rem}
.guestbook ul li em {font-size:0.13rem}
.guestbook .righttitle { height: 0.45rem; line-height: 0.45rem; text-align: center; font-size: 0.25rem; }
.guestbook .rightdec { height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #bababa; margin-bottom: 50px; }
.guestbook li { line-height: 35px; font-size: 18px; clear: both; overflow: hidden; color: #333333; }
.guestbook li b { font-weight: normal; display: block; width: 20%; float: left; text-align: right; }
.guestbook li input.txt { border: 1px #ddd solid; line-height: 0.2rem; width: 42%; display: block; font-size: 0.15rem; height: 0.3rem; margin-bottom: 0.1rem;font-size:0.11rem;border-radius:0.1rem ;background: #edf1f4}
.guestbook li textarea { border: 1px #ddd solid;  width: 94%; height: 0.9rem; font-size: 0.15rem; line-height: 2;font-size:0.11rem;border-radius:0.1rem;background: #edf1f4 }
.guestbook li input.btn { background: #1f2c5c; line-height: 0.35rem; width: 80%; height: 0.35rem; font-size: 0.14rem; text-align: center; border: none; color: #fff; margin: 00px 0px;border-radius:0.1rem ; margin-left: 0.2rem }

.joinform { width: 90%; max-width: 640px; margin: 0px auto; background: #fff; padding: 0px 5%; }
.joinform .righttitle { height: 0.45rem; line-height: 0.45rem; text-align: center; font-size: 0.25rem; }
.joinform .rightdec { height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #bababa; margin-bottom: 50px; }
.joinform li { line-height: 35px; font-size: 18px; clear: both; overflow: hidden; color: #333333; }
.joinform li b { font-weight: normal; display: block; width: 20%; float: left; text-align: right; }
.joinform li input.txt { border: 1px #ddd solid; line-height: 0.2rem; display: block; font-size: 0.15rem; height: 0.3rem; margin-bottom: 0.1rem; width: 94%; padding-left: 5%; }
.joinform li input.fl, .joinform li input.fr { width: 42%; }
.joinform li textarea { border: 1px #ddd solid; padding-left: 5%; width: 94%; height: 0.9rem; font-size: 0.15rem; line-height: 2; }
.joinform li input.btn { background: #231815; line-height: 0.45rem; width: 100%; height: 0.45rem; font-size: 0.15rem; text-align: center; border: none; color: #fff; margin: 00px 0px; }
.joinform li .country { overflow: hidden; margin-bottom: 0.1rem; }
.joinform li .country select { width: 31%; display: block; float: left; border: 1px #ddd solid; color: #666; margin: 0px 1%; font-size: 0.15rem; height: 0.3rem; line-height: 0.2rem; }



/*产品列表*/
.aboutprolist { width: 100%; margin: 0.1rem auto; }
.aboutprolist ul { overflow: hidden; }
.aboutprolist ul li { float: left; margin-bottom: 0px; width: 50%; overflow: hidden; text-align: center; height: 1.7rem; }
.aboutprolist ul li img { border: 1px #ddd solid; width: 95%; height: auto; }
.aboutprolist ul li p { margin: 0.05rem 0; }
.aboutprolist ul li p a { color: #2561a7; font-size: 0.12rem; line-height: 0.18rem; font-weight: bold; }
.aboutprolist ul li a.photoa { display: block; }
.cls_36 { display: block !important; }


/*底部*/
.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: #2561a7; text-decoration: underline; }

.footerbg { padding-top: 0.45rem; background: #ffffff; }
.footer { position: fixed; max-width: 640px; background: #ffffff; margin: auto; left: 0; right: 0; bottom: 0; z-index: 999; }
.footer ul { z-index: 199; height: 0.45rem; }
.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: #2561a7; }
.footer ul li.sel { background: -webkit-gradient(linear,33% 0%, 60% 0%, from(#008C21), to(#75B604)); }
.footer ul li.sel a { color: #FFFFFF; }
.aboutcontent .pcblock { display: none; }
.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: #018c21; 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; }
}



.indexdownlist { width: 100%; margin: 0.3rem auto; }
.indexdownlist ul li { height: 0.3rem; line-height: 0.3rem; font-size: 0.12rem; border-bottom: 1px #ddd dashed; }
.indexdownlist ul li.tit { font-weight: bold; color: #2561a7 }
.indexdownlist ul li span { display: inline-block; }
.indexdownlist ul li span.name { width: 1rem; }
.indexdownlist ul li span.newcon { width: 1rem; display: none; }
.indexdownlist ul li span.time { width: 1.5rem; }
.indexdownlist ul li span.btn { width: 0.5rem; }
.indexdownlist ul li.list a { font-size: 0.13rem; line-height: 0.2rem; color: #666; }
.indexdownlist ul li.list a:hover { color: #2d7eb4 }
.fileslist a { display: block; line-height: 0.2rem; }
.fileslist a:hover { color: #2d7eb4 }


.loginbox { background: url(/images/pcindex1_01.jpg) no-repeat top center; height: 100%; width: 100%; }
.loginlogo { width: 50%; margin: 0px auto; display: block }
.loginbox ul { width: 100%; margin: 0px auto; padding: 0.5rem 0px 1rem 0px; text-align: center; }
.loginbox ul li.loginli { background: #fff; width: 96%; height: 2.5rem; border-radius: 5px; margin: 0.2rem auto; padding: 0.4rem 0px; }
.loginbox ul li.loginli p { padding: 0px 0.3rem; text-align: left; }
.loginbox ul li.loginli p.loginli_tit { font-size: 0.2rem; color: #323232; line-height: 2; text-align: left; }
.loginbox ul li.loginli p.loginli_txt input { line-height: 0.4rem; height: 0.4rem; border: 1px #ddd solid; margin: 0.1rem auto; display: block; padding-left: 0.1rem; font-size: 0.2rem; width: 95%; }
.loginbox ul li.loginli p.loginli_rem input { width: 20px; height: 20px; text-align: left; margin-top: 0.1rem; margin-left: 0px; }
.loginbox ul li.loginli p.loginli_rem { line-height: 0.2rem; font-size: 0.14rem; color: #323232; }
.loginbox ul li.loginli p.loginli_btn input { width: 100%; height: 0.45rem; background: #f89618; color: #fff; border: none; display: block; border-radius: 5px; margin: 0.1rem auto; font-size: 0.18rem; }
.loginbox ul li.loginli p.loginli_btn a { text-align: center; display: block; }

.hrdiv { width: 100%; margin: 0px auto; margin-top: 0px }
.hrdiv ul.hrhead { background: #1f2c5c; line-height: 0.25rem; height: 0.25rem;}
.hrdiv ul.hrhead li { text-align: center; }
.hrdiv ul.hrhead li span { color: #ffffff; font-size: 0.11rem; display:block; float:left; width:20%;}

.hrdiv ul.hrlist li.tit {line-height: 0.25rem; border-bottom: 1px #ddd solid; cursor: pointer; overflow:hidden; }
.hrdiv ul.hrlist li.tit span { color: #666; font-size: 0.09rem; display:block; float:left; width:20%; text-align:center; }
.hrdiv ul.hrlist li.tit span.sjwz { font-size: 0.02rem; }

.hrdiv ul.hrlist li.data table { text-align: center; line-height: 0.2rem }

.hrdiv ul.hrlist li.data table tbody tr td { font-size: 0.05rem }

.leftdec { width: 95%; padding-left: 0.08rem; color: #bababa }
.lefttitle picicon.span { font-size: 0.1rem }

.data_detail { margin-left: 0.12rem }
.data_btn { margin-left: 0.08rem }

.contactkb {background:url(../images/aboutbg.jpg)no-repeat center;height:3rem;margin-bottom:1.1rem;padding-top:0.1rem}
.contactkb ul li {margin-bottom:0.1rem;    margin-left: 0.05rem}
.contactkb ul li.tp img {width:100%}
.contactkb ul li.sm img {width:25%;margin-right:0.1rem;margin-left:0.1rem}

.culturebk img {width:100%}



.corporatebk {}
.corporatebk b {width:1rem;display: block}
.corporatebk b img {width:100%}
.corporatebk ul.corporate_tp li {margin-bottom:0.05rem}
.corporatebk ul.corporate_tp li span  {font-size:0.12rem;line-height:0.2rem;text-indent:2em;display:block}
.corporatebk ul.corporate_tp li img  {width:100%}

.honerbk {}
.honorbk b { width: 1rem;display: block}
.honorbk b img {width:100%}
.honorbk ul.honerbk_tp li  {width:33%}

.honor p {width:33%;margin-top: 0.1rem;margin-bottom:0.1rem}
.honor p ul.tp li  {width:30%}