/* --------------------------------------------- RESET -------------------------------------------- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: "Microsoft YaHei",Arial; font-size: 12px; }
/* --------------------------------------------- LINKS -------------------------------------------- */
a { text-decoration: none; }
ul { list-style: none; }
img { border: 0px; }
body { }
/* --------------------------------------------- PUBLIC ------------------------------------------- */
.pl { float: left; }
.pr { float: right; }
.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.content { width: 100%; height: auto; margin: auto; }



/* --------------------------------------------- PAGE HEADER --------------------------------------- */
.pageheader { width: 100%; height: 110px; margin: auto; position: relative; background: #ffffff; }
.pageheader .headertoper { width: 100%; height: 30px; margin: auto; border-bottom: 1px solid #EEEEEE; }
.pageheader .headertoper .headercontact { width: 1200px; height: 30px; margin: auto; color: #010101; }
.pageheader .headertoper .headercontact .tel { width: 110px; height: 30px; line-height: 30px; float: right; padding-left: 14px; background: url(/suna/bqUpload/images/bg_tel.gif) 0px 9px no-repeat; }
.pageheader .headertoper .headercontact .tel a { color: #010101; text-decoration: none; }
.pageheader .headertoper .headercontact .tel a:hover { text-decoration: underline; }
.pageheader .headertoper .headercontact .lag { height: 30px; line-height: 30px; float: right; margin-right: 5px; color: #010101; }
.pageheader .headertoper .headercontact .lag:hover { text-decoration: underline; }
.pageheader .headertoper .headercontact .split { width: 20px; height: 30px; line-height: 30px; float: right; text-align: center; }

.pageheader .headerbody { width: 1200px; height: 30px; margin: auto; position: relative; }
.pageheader .headerbody .logodefault { width: 224px; height: 58px; position: absolute; left: 0px; top: -30px; z-index: 10; }
.pageheader .headerbody .logo { width: 59px; height: 59px; position: absolute; left: 115px; top: 13px; z-index: 10; }
.pageheader .headerbody .menus { width: 684px; height: 80px; float: left; margin-left: 282px; list-style: none; }
.pageheader .headerbody .menus li.item { width: 70px; height: 80px; float: left; margin-right: 44px; text-align: center; position: relative; }
.pageheader .headerbody .menus li.item a.amenu { width: 70px; height: 76px; float: left; line-height: 88px; font-size: 16px; color: #000000; border-top: 4px solid #ffffff; }
.pageheader .headerbody .menus li.item a.cur { border-top: 4px solid #0d8d30; color: #152d53; }
.pageheader .headerbody .menus li.item a.movecur { border-top: 4px solid #0d8d30; color: #152d53; }

.pageheader .headerbody .menus li.item .submenus { width: 148px; height: 71px; position: absolute; z-index: 99; top: 79px; left: -41px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; box-sizing: border-box; background: #ffffff; overflow: hidden; display: none; }
.pageheader .headerbody .menus li.item .submenus li.one { width: 146px; height: 34px; line-height: 34px; text-align: center; float: left; }
.pageheader .headerbody .menus li.item .submenus li.one a { width: 146px; height: 34px; color: #000000; font-size: 16px; float: left; line-height: 34px; }
.pageheader .headerbody .menus li.item .submenus li.one a:hover { color: #ffffff; background: #0d8d30; }

.pageheader .headerbody .menus li.item .submenus li.line { width: 146px; height: 1px; background: #eeeeee; float: left; }

.pageheader .headerbody .search { width: 160px; height: 24px; float: right; position: relative; margin: 35px 7px 0px 35px; }
.pageheader .headerbody .search input.searchtxt { width: 150px; height: 20px; line-height: 20px; border: 1px solid #DDDDDD; padding-left: 7px; font-size: 12px; float: left; }
.pageheader .headerbody .search a.searchbtn { width: 24px; height: 22px; position: absolute; top: 1px; right: 2px; z-index: 1; background: url(/suna/bqUpload/images/bg_search.gif) no-repeat; }


/* --------------------------------------------- PAGE BANNER --------------------------------------- */
.bn_bq { width: 100%; height: 150px; margin: auto; background: url(/suna/bqUpload/images/bn_bq.jpg) center no-repeat; }
.index-banner{width: 100%; height: 530px; overflow: hidden; background: #000; position: relative;}
.index-banner .swiper-container{width: 100%; height: 530px;}
.index-banner .swiper-container .swiper-silde{position: relative;}
.index-banner .swiper-container .swiper-slide a{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.index-banner .swiper-slide{background-size: auto 100%; background-position: center center; background-repeat: no-repeat;}	
.index-banner .swiper-pagination-bullet{width: 16px; height: 16px; background: #fff; }

/* --------------------------------------------- PAGE FOOTER --------------------------------------- */
.pagefooter { width: 100%; height: 280px; margin: auto; }
.pagefooter .footerbody { width: 100%; height: 240px; margin: auto; background: #4A4E59; }
.pagefooter .footerbody .footerblocks { width: 1000px; height: 240px; margin: auto; }
.pagefooter .footerbody .footerblocks .footerblock { height: 205px; float: left; margin-top: 35px; text-align: left; }
.pagefooter .footerbody .footerblocks .footerblock .title { font-size: 16px; color: #ffffff; }
.pagefooter .footerbody .footerblocks .footerblock .title a { font-size: 16px; color: #ffffff; }
.pagefooter .footerbody .footerblocks .footerblock .title a:hover { text-decoration: underline; }
.pagefooter .footerbody .footerblocks .footerblock .links { height: 150px; margin-top: 25px; list-style: none; }
.pagefooter .footerbody .footerblocks .footerblock .links li { width: 100%; height: 25px; float: left; font-size: 14px; color: #ffffff; }
.pagefooter .footerbody .footerblocks .footerblock .links li.min { font-size: 12px; }
.pagefooter .footerbody .footerblocks .footerblock .links li.min a { font-size: 12px; }
.pagefooter .footerbody .footerblocks .footerblock .links li a { font-size: 14px; color: #ffffff; text-decoration: none; }
.pagefooter .footerbody .footerblocks .footerblock .links li a:hover { text-decoration: underline; }

.pagefooter .footerbody .footerblocks .block01 { width: 210px; }
.pagefooter .footerbody .footerblocks .block02 { width: 210px; }
.pagefooter .footerbody .footerblocks .block03 { width: 210px; }
.pagefooter .footerbody .footerblocks .block04 { width: 210px; }
.pagefooter .footerbody .footerblocks .block05 { width: 160px; }

.pagefooter .footerbottom { width: 100%; height: 40px; line-height: 40px; margin: auto; text-align: center; background: #2E3138; color: #eaeaea; }
.pagefooter .footerbottom a { color: #eaeaea; text-decoration: none; }
.pagefooter .footerbottom a:hover { text-decoration: underline; }

/* public */
.content .foot { width: 100%; height: 485px; margin: auto; background: url(/suna/bqUpload/images/bfbq.jpg) center no-repeat; }
.code { width: 137px; height: 259px; position: fixed; top: 327px; right: 0px; color: #ffffff; font-size: 16px; cursor: pointer; border: 1px solid #eeeeee; border-right: 0px; z-index: 100; }
.code .code_back { width: 136px; height: 32px; line-height: 32px; float: left; margin: 1px; background: #0d8d30; text-align: center; }
.code .code_img { width: 136px; height: 144px; float: left; background: #ffffff; border-bottom: 1px solid #eeeeee; }
.code .code_img img { width: 123px; height: 123px; float: left; margin: 9px; }
.code .code_tel { width: 136px; height: 80px; float: left; background: #F8F8F8; font-size: 15px; text-align: center; color: #0d8d30; }
.code .code_tel .code_icon { width: 136px; height: 25px; float: left; margin: 6px 0px; background: url("/suna/bqUpload/images/index10.png") center no-repeat; }


/* ---------------------------------------------  Index --------------------------------------- */

.pageitemtitle { width: 1131px; height: 20px; line-height: 20px; border-left: 1px solid #EEEEEE; margin: 80px auto 20px auto; padding-left: 8px; font-size: 20px; color: #32353d; }
.news { width: 1177px; margin: 28px auto 80px auto; height: 330px; }
.news .newsul { width: 600px; height: 330px; float: left; background: #F8F8F8; }

.news .newsul .newsitem { width: 556px; height: 236px; float: left; overflow: hidden; margin: 56px 0px 0px 20px; }
.news .newsul .newsitem .img { width: 236px; height: 236px; float: left; }
.news .newsul .newsitem .title { width: 300px; height: 25px; line-height: 25px; float: left; margin: 25px 0px 0px 20px; font-size: 16px; }
.news .newsul .newsitem .title a { color: #32353d; text-decoration: none; }
.news .newsul .newsitem .title a:hover { text-decoration: underline; }
.news .newsul .newsitem .date { width: 300px; height: 20px; line-height: 20px; float: left; margin: 20px 0px 0px 20px; font-size: 14px; color: #6b707f; }
.news .newsul .newsitem .info { width: 300px; height: 75px; line-height: 25px; float: left; margin: 20px 0px 0px 20px; font-size: 14px; color: #6b707f; overflow: hidden; text-align: justify; text-justify: inter-ideograph; }
.news .newsul .newsitem .more { width: 300px; height: 25px; line-height: 25px; float: left; margin: 20px 0px 0px 20px; font-size: 16px; text-align: right; }
.news .newsul .newsitem .more a { color: #ff6724; text-decoration: none; }
.news .newsul .newsitem .more a:hover { text-decoration: underline; }

.news .newslink { width: 554px; height: 330px; float: left; margin-left: 23px; }
.news .newslink img { width: 554px; height: 152px; margin: 0px; padding: 0px; }

/* ---------------------------------------------  Brand --------------------------------------- */
.content ul.brandinfo3 { width: 1350px; height: 1400px; margin: 110px auto auto auto; list-style: none; }
.content ul.brandinfo3 li { width: 1350px; height: 242px; float: left; overflow: hidden; padding: 0px; margin: 0px; }
.content ul.brandinfo3 li.bgright { background: url(/suna/bqUpload/images/bq_bg01.png) right 0px no-repeat; }
.content ul.brandinfo3 li.bgleft { background: url(/suna/bqUpload/images/bq_bg02.png) left 0px no-repeat; }
.content ul.brandinfo3 li.line { width: 1000px; height: 1px; float: left; background: #DCDCDC; padding: 0px; margin: auto auto 30px 150px; }
.content ul.brandinfo3 li.last { margin-right: 0px; height: 302px; }
.content ul.brandinfo3 li span.img { width: 300px; height: 280px; float: left; border: 0px; }
.content ul.brandinfo3 li span.desc { width: 450px; height: 160px; float: left; padding: 80px 0px 0px 10px; line-height: 25px; color: #000; font-size: 14px; font-family: 'Microsoft YaHei'; text-align: justify; text-justify: inter-ideograph; background: url(/suna/bqUpload/images/bq_bg03.jpg) 8px 50px no-repeat; }

.content .history { width: 100%; height: 590px; margin: auto; background: #0D8D30; }
.content .history .title { width: 448px; height: 50px; display: block; text-align: center; line-height: 50px; color: #ffffff; padding-top: 60px; margin: auto; font-size: 25px; background: url(/suna/bqUpload/images/bgindexline.gif) center 85px no-repeat; }
.content .history img.img { width: 1001px; height: 159px; display: block; margin: 40px auto auto auto; }
.content .history .desc { width: 1001px; height: 174px; display: block; margin: 24px auto auto auto; }
.content .history .desc .listone { width: 200px; height: 174px; float: left; margin: 0px 24px; }
.content .history .desc .listone .subtitle { width: 207px; height: 48px; line-height: 48px; float: left; color: #19632d; font-size: 48px; }
.content .history .desc .listone .subdesc { width: 200px; line-height: 20px; float: left; margin-top: 16px; color: #ffffff; font-size: 14px; text-align: justify; text-justify: inter-ideograph; }

.content .video { width: 600px; height: 400px; margin: 75px auto 70px auto; }

/* ---------------------------------------------  Cert --------------------------------------- */
.content ul.brandinfo4 { width: 920px; height: 431px; margin: 160px auto 80px auto; list-style: none; }
.content ul.brandinfo4 li { width: 138px; height: 431px; float: left; overflow: hidden; padding: 0px; margin: 0px; }
.content ul.brandinfo4 li.last { margin-right: 0px; }
.content ul.brandinfo4 li.line { width: 1px; height: 300px; float: left; margin: 10px 25px 0px 25px; background: #DCDCDC; }
.content ul.brandinfo4 li span.img { width: 138px; height: 87px; float: left; border: 0px; text-align: center; text-align: center; }
.content ul.brandinfo4 li span.desc { width: 138px; height: auto; float: left; margin-top: 22px; line-height: 25px; color: #000; font-size: 14px; font-family: 'Microsoft YaHei'; text-align: justify; text-justify: inter-ideograph; }

.content .zhengshu { width: 950px; height: 445px; margin: 90px auto auto auto; padding: 0px; }
.content .zhengshu .subtitle { width: 320px; height: 1px; margin: auto; background: #0D8D30; position: relative; }
.content .zhengshu .subtitle .txt { width: 120px; height: 25px; position: absolute; top: -13px; left: 100px; z-index: 2; line-height: 25px; font-size: 22px; color: #0d8d30; text-align: center; background: #fff; }

.content .zhengshu .block { width: 224px; height: 353px; float: left; margin-right: 17px; margin-top: 92px; background: url(/suna/bqUpload/images/bgcertbottom.png) 0px 245px no-repeat; position: relative; }
/*.content .zhengshu .block:hover { cursor:pointer; }*/
.content .zhengshu .last { margin-right: 0px; }
.content .zhengshu .block .top { width: 224px; height: 105px; position: absolute; left: 0px; bottom: 0px; z-index: 10; background: url(/suna/bqUpload/images/bgcerttop.png) bottom no-repeat; }
.content .zhengshu .block .cert { width: 224px; height: 105px; position: absolute; text-align: center; left: 0px; top: 47px; z-index: 5; }

/* ---------------------------------------------  Product Cases Download QA --------------------------------------- */
.services { width: 1000px; height: auto!important; height: 468px; min-height: 468px; margin: 60px auto 100px auto; }
.services .left { width: 126px; height: 780px; min-height: 780px; float: left; }
.services .left ul { width: 117px; height: 780px; min-height: 780px; float: left; margin-left: 6px; border-right: 1px solid #0d8d30; list-style: none; }
.services .left ul li { width: 126px; height: 18px; float: left; margin: 0px 0px 105px 0px; }
.services .left ul li a { width: 117px; height: 18px; float: left; padding-left: 9px; line-height: 18px; font-size: 16px; color: #32353d; background: url(/suna/bqUpload/images/bg_block09.jpg) 108px 0px no-repeat; }
.services .left ul li a.cur, .services .left ul li a:hover { color: #000000; font-weight: bold; background: url(/suna/bqUpload/images/bg_block10.jpg) 108px 0px no-repeat; }

.services .right { width: 874px; height: auto!important; height: 468px; min-height: 468px; float: left; margin: 0px; }

/* ---------------------------------------------  PRODUCTS --------------------------------------- */
.services .right .info2 { width: 851px; height: 396px; background: url(/suna/bqUpload/images/bginfo2.gif) no-repeat; margin-left: 28px; }
.services .right .info2 .title { width: 700px; height: 40px; margin: auto; margin: 100px 0px 0px 45px; text-align: left; float: left; font-size: 25px; color: #000; }
.services .right .info2 .desc { width: 700px; height: 100px; line-height: 30px; margin: 60px 0px 0px 45px; float: left; text-align: left; font-size: 16px; color: #333334; }

.services .right .info5 { width: 851px; height: 450px; margin: 0px 0px 0px 28px; background: url(/suna/bqUpload/images/bginfo5.gif) 440px 110px no-repeat; float: left; }
.services .right .info5 .line { width: 121px; height: 7px; margin: 130px 0px 0px 70px; float: left; background: #0D8D30; }
.services .right .info5 .title { width: 900px; height: 30px; float: left; margin: 40px auto auto 70px; text-align: left; font-size: 24px; color: #1b1b1b; font-weight: normal; }
.services .right .info5 .desc { width: 260px; height: 60px; float: left; line-height: 25px; margin: 30px auto auto 70px; text-align: left; font-size: 16px; color: #0d8d30; }

.services .right .info3 { width: 851px; height: 372px; background: url(/suna/bqUpload/images/bginfo3.gif) center no-repeat; margin-left: 28px; float: left; }
.services .right .info3 .title { width: 300px; height: 40px; margin: 150px 0px 0px 500px; text-align: left; float: left; font-size: 30px; color: #000; }

.services .right .info4 { width: 851px; height: 370px; background: url(/suna/bqUpload/images/bginfo4.gif) no-repeat; float: left; margin: 70px 0px 0px 28px; }
.services .right .info4 .title { width: 851px; height: 40px; margin: auto; padding-top: 94px; text-align: center; display: block; font-size: 25px; color: #0d8d30; font-weight: bold; }
.services .right .info4 .desc { width: 851px; height: 150px; line-height: 30px; margin: 32px auto auto auto; display: block; text-align: center; font-size: 16px; color: #333334; }

.services .right .info1 { width: 801px; height: 319px; margin: 100px auto 80px 88px; background: url(/suna/bqUpload/images/bginfo1.gif) 13px no-repeat; float: left; }
.services .right .info1 .title { width: 701px; height: 40px; float: right; margin: 63px 20px 0px 0px; text-align: right; font-size: 25px; color: #000; }
.services .right .info1 .desc { width: 701px; height: auto; line-height: 30px; float: right; margin: 25px 20px 0px 0px; text-align: right; font-size: 16px; color: #333334; }

.services .right .info6 { width: 851px; height: 260px; margin: 50px auto auto 70px; float: left; }
.services .right .info6 .title { width: 851px; height: 30px; float: left; margin: 63px 0px 0px 0px; text-align: left; font-size: 14px; color: #000; }
.services .right .info6 .desc { width: 851px; height: auto; line-height: 30px; float: left; margin: 25px 20px 0px 0px; text-align: left; font-size: 14px; color: #333334; }

.services .right .tabs { width: 851px; height: 50px; margin: auto auto auto 60px; float: left; }
.services .right .tabs a.txt { width: 38px; height: 44px; line-height: 44px; float: left; font-size: 18px; color: #808080; cursor: pointer; }
.services .right .tabs a.cur { border-bottom: 2px solid #0D8D30; color: #000; }
.services .right .tabs span.line { width: 1px; height: 27px; line-height: 27px; float: left; margin: 10px 16px 0px 16px; background: #000000; }

.services .right .guancai { width: 851px; height: 450px; margin: 55px auto auto auto; }
.services .right .guancai .pro1 { width: 851px; height: 450px; float: left; margin: 0px; padding: 0px; }
.services .right .guancai .pro1 .title { width: 721px; height: 25px; line-height: 25px; float: left; margin: 70px 0px 0px 70px; text-align: center; color: #0d8d30; font-size: 18px; }
.services .right .guancai .pro1 .img { width: 851px; height: 88px; margin-top: 50px; text-align: center; float: left; }
.services .right .guancai .pro1 .attr { width: 831px; height: 125px; float: left; margin: 120px auto auto 38px; }
.services .right .guancai .pro1 .attr tr td { height: 50px; padding: 20px 0px 0px 0px; text-align: center; font-size: 15px; color: #ffffff; background: #0D8D30; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.services .right .guancai .pro1 .attr tr td .mini { height: 20px; font-size: 12px; }
.services .right .guancai .pro1 .attr tr td.gray { background: #F8F8F8; color: #000000; }

.services .right .guanjian { width: 833px; height: auto!important; height: 500px; min-height: 500px; float: left; margin: 55px auto 50px 50px; }
.services .right .guanjian .prolist { width: 833px; height: auto!important; height: 500px; min-height: 500px; float: left; list-style: none; }
.services .right .guanjian .prolist li { width: 261px; height: 372px; float: left; margin: 0px 8px 20px 8px; background: #F8F8F8; }
.services .right .guanjian .prolist li.last { margin-right: 0px; }
.services .right .guanjian .prolist li .title { width: 261px; height: 25px; line-height: 25px; float: left; margin-top: 28px; text-align: center; font-size: 16px; color: #0d8d30; }
.services .right .guanjian .prolist li .brief { width: 261px; height: 36px; line-height: 18px; float: left; margin-top: 18px; text-align: center; font-size: 12px; color: #8f8f8f; }
.services .right .guanjian .prolist li .img { width: 261px; height: 192px; float: left; text-align: center; overflow: hidden; position: relative; }
.services .right .guanjian .prolist li .img:hover img { width: 280px; }
.services .right .guanjian .prolist li .img img { width: 261px; height: auto; -webkit-transition: width 0.5s; /* scale(x) wirkt schwammig und im Safari 7 flickert die Bildunterschrift */ transition: width 0.5s; }
.services .right .guanjian .prolist li .attr { width: 251px; height: 59px; float: left; background: #0D8D30; color: #ffffff; line-height: 20px; font-size: 13px; padding: 14px 0px 0px 10px; }
.services .right .guanjian .prolist li .attr3 { width: 226px; height: 68px; padding: 5px 0px 0px 35px; }


/*.probody .proinfo .probodyright .prolist li a.img { width:256px; height:57px; float:left; margin-top:8px; overflow: hidden; position: relative;}
.probody .proinfo .probodyright .prolist li a:hover img { width:343px; }
.probody .proinfo .probodyright .prolist li img { width:256px; height:auto; -webkit-transition: width 0.5s; /* scale(x) wirkt schwammig und im Safari 7 flickert die Bildunterschrift */ transition: width 0.5s;
}
*/
/* ---------------------------------------------  Cases --------------------------------------- */
.services .right ul.cases { width: 840px; height: auto!important; height: 500px; min-height: 500px; float: left; margin: auto auto 0px 50px; }
.services .right ul.cases li { width: 260px; height: 190px; float: left; margin: 0px 10px 110px 10px; border: 1px solid #DFDFDF; box-sizing: border-box; }
.services .right ul.cases li .img { width: 226px; height: 150px; float: left; margin: 15px 0px 0px 15px; }
.services .right ul.cases li .txt { width: 226px; height: 40px; line-height: 40px; float: left; margin: 0px 0px 0px 15px; font-size: 14px; color: #000; text-align: center; background: #fff; }

/* ---------------------------------------------  Download  --------------------------------------- */
.services .right ul.download { width: 736px; height: auto!important; height: 500px; min-height: 500px; float: left; margin: auto auto auto 120px; }
.services .right ul.download li { width: 258px; height: 285px; float: left; margin: 0px 55px 78px 55px; border: 1px solid #DFDFDF; box-sizing: border-box; }
.services .right ul.download li .img { width: 225px; height: 237px; float: left; margin: 15px 0px 0px 15px; }
.services .right ul.download li .txt { width: 226px; height: 60px; line-height: 60px; float: left; margin: 0px 0px 0px 15px; color: #0d8d30; font-size: 18px; text-align: center; background: #fff; }

/* ---------------------------------------------    QA   --------------------------------------- */
.services .right .qa { width: 770px; height: auto!important; height: 100px; min-height: 100px; float: left; margin: 5px 0px 0px 108px; }
.services .right .qa .qalist { width: 770px; height: auto!important; height: 100px; min-height: 100px; float: left; list-style: none; }
.services .right .qa .qalist li { width: 770px; height: auto!important; height: 100px; min-height: 100px; float: left; }
.services .right .qa .qalist li .qatitle { width: 770px; height: 42px; line-height: 42px; float: left; border-bottom: 1px solid #D9D9D9; color: #0d8d30; font-size: 16px; }
.services .right .qa .qalist li .qainfo { float: left; margin: 24px 0px 44px 0px; height: auto!important; height: 28px; min-height: 28px; line-height: 28px; color: #32353d; font-size: 14px; text-align: justify; text-justify: inter-ideograph; }


/* ---------------------------------------------  News --------------------------------------- */
.ns_search { width: 1000px; height: 90px; margin: auto; background: #F8F8F8; }
.ns_search .ns_searchbtn { width: 70px; height: 30px; line-height: 30px; text-align: center; float: right; margin: 30px 0px 0px 0px; background: #FE6019; color: #fff; font-size: 12px; }
.ns_search .ns_searchinput { width: 188px; height: 28px; line-height: 28px; padding-left: 10px; float: right; margin: 30px 7px 0px 0px; border: 1px solid #D2D2D2; }
.ns_search .ns_searchselect { width: 98px; height: 32px; padding: 5px 7px; float: right; margin: 30px 7px 0px 0px; border: 1px solid #D2D2D2; }
.ns_search .ns_searchtitle { width: 100px; height: 32px; line-height: 32px; float: left; margin: 25px 0px 0px 30px; font-size: 18px; color: #fe5f19; font-weight: bold; }

.ns_body { width: 100%; height: auto!important; height: 260px; min-height: 260px; margin: auto; background: #F8F8F8; }
.ns_body .ns_content { width: 1000px; height: auto!important; height: 260px; min-height: 260px; margin: auto; display: block; }
.ns_body .ns_content .ns_list { width: 1000px; height: auto!important; height: 260px; min-height: 260px; float: left; margin-bottom: 30px; list-style: none; }
.ns_body .ns_content .ns_list li { width: 1000px; height: 260px; float: left; margin-bottom: 20px; background: #ffffff; }
.ns_body .ns_content .ns_list li .img { width: 180px; height: 180px; float: left; margin: 40px 0px 0px 30px; }
.ns_body .ns_content .ns_list li .img img { width: 180px; height: 180px; border: 0px; }
.ns_body .ns_content .ns_list li .date { width: 646px; height: 20px; line-height: 20px; float: right; margin: 40px 42px 0px 0px; text-align: right; font-size: 14px; color: #888888; }
.ns_body .ns_content .ns_list li .title { width: 646px; height: 30px; line-height: 30px; float: right; margin: 5px 42px 0px 0px; font-size: 16px; }
.ns_body .ns_content .ns_list li .title a { color: #505560; text-decoration: none; }
.ns_body .ns_content .ns_list li .title a:hover { text-decoration: underline; }
.ns_body .ns_content .ns_list li .info { width: 646px; height: 100px; line-height: 25px; float: right; margin: 10px 42px 0px 0px; font-size: 14px; color: #888888; }
.ns_body .ns_content .ns_list li .more { width: 646px; height: 30px; float: right; margin: 20px 42px 0px 0px; text-align: right; font-size: 18px; color: #fe5f19; }
.ns_body .ns_content .ns_list li .more a { color: #fe5f19; text-decoration: none; }
.ns_body .ns_content .ns_list li .more a:hover { text-decoration: underline; }

.detail { width: 1100px; height: auto!important; height: 300px; min-height: 300px; margin: 90px auto 100px auto; }
.detail .detail_left { width: 294px; height: 968px; float: left; border-right: 1px solid #E1E1E1; }
.detail .detail_left a { width: 270px; height: 16px; line-height: 16px; font-size: 14px; color: #32353d; float: left; margin: 19px 0px; padding-left: 10px; overflow: hidden; border-left: 2px solid #ffffff; }
.detail .detail_left a:hover { color: #fe5f19; border-left: 2px solid #fe5f19; }
.detail .detail_left a.cur { border-left: 2px solid #fe5f19; color: #fe5f19; }
.detail .detail_left a.more { color: #fe5f19; text-decoration: none; }
.detail .detail_left a.more:hover { border-left: 2px solid #ffffff; text-decoration: underline; }

.detail .detail_rigth { width: 700px; height: auto!important; height: 300px; min-height: 300px; float: left; margin-left: 100px; }
.detail .detail_rigth .date { width: 700px; height: 18px; line-height: 18px; float: left; margin-top: 24px; font-size: 14px; color: #555555; text-align: left; }
.detail .detail_rigth .line { width: 128px; height: 1px; float: left; border-bottom: 1px solid #FE6019; margin-top: 2px; }

.detail .detail_rigth .title { width: 700px; height: 22px; line-height: 22px; float: left; margin-top: 20px; color: #562f22; font-size: 16px; text-align: center; }
.detail .detail_rigth .info { width: 700px; height: auto!important; height: 300px; min-height: 300px; line-height: 28px; float: left; margin-top: 45px; color: #161616; font-size: 12px; text-align: justify; text-justify: inter-ideograph; }

/* ---------------------------------------------  Contact --------------------------------------- */
.contact .box { width: 1196px; height: 817px; margin: auto; background: #fff; }
.contact .box .title { width: 1056px; height: 25px; line-height: 25px; float: left; margin: 50px 0px 0px 70px; color: #fe5f19; font-size: 18px; font-weight: bold; }
.contact .box .boxform { width: 1056px; height: 590px; float: left; margin: 59px 0px 0px 70px; }
.contact .box .boxform .left { width: 640px; height: 590px; float: left; }
.contact .box .boxform .left .item { width: 640px; height: 58px; float: left; margin-bottom: 25px; }
.contact .box .boxform .left .item .name { width: 640px; height: 28px; line-height: 20px; font-size: 14px; color: #0d8d30; float: left; }
.contact .box .boxform .left .item .input { width: 640px; height: 30px; line-height: 30px; font-size: 14px; color: #000; float: left; }
.contact .box .boxform .left .item .input input, .contact .box .boxform .left .item .input select { width: 270px; height: 30px; line-height: 30px; float: left; box-sizing: border-box; border: 1px solid #D2D2D2; padding-left: 10px; }
.contact .box .boxform .left .item .input textarea { width: 270px; height: 90px; line-height: 25px; float: left; box-sizing: border-box; border: 1px solid #D2D2D2; padding-left: 10px; }
.contact .box .boxform .left .item a.sub { width: 70px; height: 30px; line-height: 30px; float: left; margin: 28px 0px 0px 4px; text-align: center; font-size: 14px; font-weight: bold; color: #ffffff; background: #fe5f19; }
.contact .box .boxform .left .item a.reset { background: #959595; }
.contact .box .boxform .right { width: 416px; height: 590px; float: left; background: url(/suna/bqUpload/images/contact01.jpg) top no-repeat; }
.contact .box .boxform .right .tels { width: 416px; float: left; color: #363636; font-size: 14px; line-height: 25px; margin: 30px 0px 0px 8px; }

/* ---------------------------------------------  Sale --------------------------------------- */
.contact .sale { width: 1000px; height: 767px; margin: 97px auto 100px auto; background: url(/suna/bqUpload/images/bg_sale.jpg) no-repeat; position: relative; }
.contact .sale .title { width: 190px; height: 1px; margin: 0px 0px 0px 433px; background: #0d8d30; position: relative; }
.contact .sale .title .txt { width: 132px; height: 30px; position: absolute; top: -15px; left: 29px; z-index: 2; line-height: 30px; font-size: 26px; color: #0d8d30; text-align: center; background: #fff; }

.contact .sale .mapitem { width: 183px; height: 141px; position: absolute; }
.contact .sale .mapitem .icon { width: 14px; height: 21px; float: left; margin-left: 60px; cursor: pointer; }
.contact .sale .mapitem .cur { background: url(/suna/bqUpload/images/pointcur.png) no-repeat; }
.contact .sale .mapitem .iteminfo { width: 169px; height: 102px; float: left; padding: 15px 0px 0px 14px; margin-top: 7px; background: #0d8d30; display: none; }
.contact .sale .mapitem .iteminfo .row { width: 156px; height: 40px; float: left; color: #fff; }
.contact .sale .mapitem .iteminfo .line { width: 156px; height: 1px; float: left; background: #fff; margin: 4px 0px 6px 0px; }


/* ---------------------------------------------  sitemap --------------------------------------- */
.sitemap { width: 1100px; height: auto!important; height: 500px; min-height: 500px; margin: 30px auto 70px auto; }
.sitemap .t1 { width: 1073px; height: 35px; line-height: 35px; border-bottom: 1px solid #DDDDDD; float: left; margin-top: 40px; padding-left: 27px; font-size: 18px; color: #ff6724; background: url(/suna/bqUpload/images/bg_block12.jpg) 12px 12px no-repeat; }
.sitemap .t1 a { color: #ff6724; text-decoration: none; }
.sitemap .t1 a:hover { text-decoration: underline; }

.sitemap .t2 { width: 1067px; height: 12px; line-height: 12px; float: left; margin-top: 30px; padding-left: 33px; font-size: 14px; font-weight: bold; color: #32353d; background: url(/suna/bqUpload/images/bg_block13.jpg) 19px 0px no-repeat; }
.sitemap .t2 a { color: #32353d; text-decoration: none; }
.sitemap .t2 a:hover { text-decoration: underline; }

.sitemap .t3 { width: 1060px; height: 12px; line-height: 12px; float: left; margin-top: 10px; padding-left: 40px; font-size: 14px; color: #32353d; background: url(/suna/bqUpload/images/bg_block13.jpg) 26px 0px no-repeat; }
.sitemap .t3 a { color: #32353d; text-decoration: none; }
.sitemap .t3 a:hover { text-decoration: underline; }

.sitemap .frist { margin-top: 22px; }



/* ---------------------------------------------  verify --------------------------------------- */
.seblock { width: 100%; height: 425px; margin: auto; padding-top: 60px; background: #F5F5F5; }
.seblock .seform { width: 900px; height: 368px; margin: auto; display: block; background: #ffffff; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; box-sizing: border-box; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.seblock .seform .title { width: 150px; height: 53px; line-height: 45px; text-align: center; float: left; margin: 36px 0px 0px 373px; color: #0d8d30; font-size: 24px; font-weight: bold; background: url(/suna/bqUpload/images/seimg01.jpg) center bottom no-repeat; }
.seblock .seform .sesubio { width: 680px; height: 35px; line-height: 35px; float: left; margin: 56px 0px 0px 196px; }
.seblock .seform .sesubio .txt { font-size: 16px; color: #626262; text-align: left; }
.seblock .seform .sesubio input { width: 268px; height: 35px; line-height: 53px; border: 1px solid #CCCCCC; box-sizing: border-box; padding: 0px 10px; }
.seblock .seform .sesubio .alert { margin-left: 15px; padding-left: 25px; color: #ff0000; font-size: 12px; background: url(/suna/bqUpload/images/seimg02.jpg) no-repeat; display: none; }
.seblock .seform .sesub { width: 164px; height: 46px; line-height: 46px; background: #0d8d30; margin: 60px 0px 0px 270px; float: left; text-align: center; color: #ffffff; font-size: 18px; }
.seblock .seform .sereset { margin: 60px 0px 0px 15px; }

.seblock .seform .seqdesc { width: 700px; height: 250px; line-height: 30px; float: left; margin: 25px 0px 0px 105px; font-size: 16px; color: #626262; }
.seblock .seform .seqdesc span { font-size: 16px; color: #626262; }
.seblock .seform .seqdesc a { color: #0d8d30; }
.seblock .seform .seqdesc a:hover { text-decoration: underline; }


/* ---------------------------------------------  zhaoqshang Contact --------------------------------------- */
.zs01 { width: 100%; height: 522px; margin: auto; background: url(/suna/bqUpload/images/zs01.jpg) center no-repeat; }
.zs01 .bk { width: 1000px; height: 400px; margin: auto; padding-top: 75px; display: block; }
.zs01 .bk .rtform { width: 310px; height: 400px; float: right; margin-right: 30px; }
.zs01 .bk .rtform .item { width: 310px; height: 38px; float: left; margin-bottom: 5px; background: #ffffff; }
.zs01 .bk .rtform .item .input { width: 310px; height: 38px; font-size: 14px; color: #000; float: left; }
.zs01 .bk .rtform .item .input input,
.zs01 .bk .rtform .item .input select { border: 1px solid #C8C8C8; box-sizing: border-box; width: 310px; height: 38px; line-height: 38px; float: left; padding-left: 10px; }
.zs01 .bk .rtform .item .input textarea { width: 300px; height: 150px; line-height: 25px; float: left; box-sizing: border-box; border: 1px solid #D2D2D2; padding-left: 10px; font-size: 14px; }
.zs01 .bk .rtform .item a.sub { width: 310px; height: 38px; line-height: 38px; float: left; text-align: center; font-size: 24px; font-weight: bold; color: #ffffff; background: #0D8D30; }
.zs02 { width: 100%; height: 660px; margin: auto; background: url(/suna/bqUpload/images/zs02.jpg) center no-repeat; }
.zs02 .bk { width: 1000px; height: 550px; margin: auto; padding-top: 130px; display: block; }
.zs02 .bk .title { width: 1000px; height: 55px; line-height: 55px; float: right; text-align: right; font-size: 40px; color: #000000; }
.zs02 .bk .title b { font-size: 40px; }
.zs02 .bk .desc { width: 1000px; height: 96px; line-height: 32px; float: right; margin-top: 32px; text-align: right; font-size: 18px; color: #000000; }
.zs02 .bk .info { width: 1000px; height: 72px; line-height: 36px; float: right; margin-top: 80px; text-align: right; font-size: 20px; color: #0d8d30; }
.zs02 .bk .iot { width: 1000px; height: 32px; line-height: 32px; float: right; margin-top: 30px; text-align: right; font-size: 18px; font-style: italic; color: #0d8d30; }
.zs03 { width: 100%; height: 896px; margin: auto; background: url(/suna/bqUpload/images/zs03.jpg) center no-repeat; }
.zs03 .bk { width: 1018px; height: 680px; margin: auto; padding-top: 55px; display: block; }
.zs03 .bk .title { width: 1018px; height: 48px; line-height: 48px; float: left; text-align: center; font-size: 42px; color: #000000; }
.zs03 .bk .subtitle { width: 1018px; height: 42px; line-height: 42px; float: left; text-align: center; font-size: 30px; color: #000000; font-weight: bold; }
.zs03 .bk ul.case { width: 1018px; height: 480px; margin-top: 46px; float: left; list-style: none; }
.zs03 .bk ul.case li { width: 320px; height: 220px; margin: 30px 9px 0px 9px; float: left; }
.zs03 .bk ul.case li .img { width: 320px; height: 195px; float: left; }
.zs03 .bk ul.case li .img img { width: 320px; height: 195px; }
.zs03 .bk ul.case li .txt { width: 320px; height: 25px; line-height: 25px; float: left; background: #ffffff; font-size: 18px; color: #000000; text-align: center; }
.zs04 { width: 100%; height: 778px; margin: auto; background: url(/suna/bqUpload/images/zs04.jpg) center no-repeat; }
.zs04 .bk { width: 1268px; height: 600px; margin: auto; padding-top: 125px; display: block; }
.zs04 .bk .title { width: 1268px; height: 60px; line-height: 60px; float: left; text-align: center; font-size: 36px; color: #000000; font-weight: bold; }
.zs04 .bk ul.cert { width: 1243px; height: 418px; margin-top: 38px; padding-left: 25px; float: left; background: #0D8D30; list-style: none; }
.zs04 .bk ul.cert li { width: 236px; height: 380px; float: left; margin-right: 10px; margin-top: 26px; }
.zs04 .bk ul.cert li .img { width: 236px; height: 332px; float: left; }
.zs04 .bk ul.cert li .img img { width: 236px; height: 332px; }
.zs04 .bk ul.cert li .txt { width: 236px; height: 30px; line-height: 30px; margin-top: 17px; float: left; text-align: center; color: #ffffff; font-size: 16px; }
.zs05 { width: 100%; height: 651px; margin: auto; background: url(/suna/bqUpload/images/zs05.jpg) center no-repeat; }
.zs05 .bk { width: 970px; height: 480px; margin: auto; padding-top: 110px; display: block; }
.zs05 .bk .title { width: 970px; height: 70px; line-height: 70px; float: left; text-align: center; font-size: 48px; color: #ffffff; }
.zs05 .bk ul.reas { width: 952px; height: 350px; margin-top: 70px; float: left; padding-left: 18px; list-style: none; }
.zs05 .bk ul.reas li { width: 198px; height: 136px; float: left; margin-right: 170px; }
.zs05 .bk ul.reas li.th { margin-right: 0px; }
.zs05 .bk ul.reas li.se { margin-top: 36px; }
.zs05 .bk ul.reas li .img { width: 198px; height: 103px; float: left; text-align: center; }
.zs05 .bk ul.reas li .img img { width: 103px; height: 103px; }
.zs05 .bk ul.reas li .txt { width: 198px; height: 23px; line-height: 20px; float: left; margin-top: 9px; text-align: center; background: url(/suna/bqUpload/images/zs05bg.png) center no-repeat; color: #ffffff; font-size: 17px; }
.zs06 { width: 100%; height: 636px; margin: auto; }
.zs06 .bk { width: 1000px; height: 540px; margin: auto; padding-top: 75px; display: block; }
.zs06 .bk .title { width: 1000px; height: 38px; line-height: 38px; float: left; text-align: center; font-size: 20px; color: #000000; }
.zs06 .bk .subtitle { width: 1000px; height: 38px; line-height: 38px; float: left; text-align: center; font-size: 24px; color: #000000; }
.zs06 .bk .sw { width: 1000px; height: 420px; float: left; margin-top: 35px; }

.zs07 { width: 100%; height: 552px; margin: auto; background: url(/suna/bqUpload/images/zs07.jpg) center no-repeat; }
.zs07 .bk { width: 970px; height: 360px; margin: auto; padding-top: 52px; display: block; }
.zs07 .bk .title { width: 970px; height: 30px; line-height: 30px; float: left; margin-top: 20px; text-align: center; font-size: 20px; color: #0d8d30; font-weight: bold; }
.zs07 .bk .img { width: 137px; height: 137px; float: left; margin: 29px 0px 0px 416px; }
.zs07 .bk .img img { width: 137px; height: 137px; }
.zs07 .bk .desc { width: 970px; height: 30px; line-height: 30px; float: left; text-align: center; color: #000000; font-size: 16px; font-weight: bold; }
.zs08 { width: 100%; height: 220px; margin: auto; background: #0D8D30; }
.zs08 .bk { width: 970px; height: 220px; margin: auto; display: block; }
.zs08 .bk .title { width: 970px; height: 35px; line-height: 35px; margin: 20px 0px 0px 0px; float: left; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; }
.zs08 .bk .desc { width: 970px; height: 50px; line-height: 25px; margin: 9px 0px; float: left; color: #ffffff; font-size: 15px; text-align: center; }
.zs08 .bk .line { width: 970px; height: 1px; margin: 25px 0px; background: #8FCA9E; float: left; }
.zs08 .bk ul.tels { width: 970px; height: 25px; margin: auto; float: left; list-style: none; }
.zs08 .bk ul.tels li { height: 25px; margin: auto; float: left; color: #ffffff; font-size: 17px; font-weight: bold; }