* { margin: 0px; padding: 0px; }
body { font-family: 'Roboto', Arial, 'Times New Roman'; text-align: left; font-size: 13px; margin: 0; color: #181717; }
a { color: #323232; text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: none; color: #80AD00; }
img { border: none; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; height: 0%; height: 0px; }
.vide { height: 0%; clear: both; height: 0px; }
.hide { display: none; }
.show { display: block; }
.m-body { margin-bottom: 20px; }
.h5 { height: 5px; display: block; }
.h10 { height: 10px; display: block; }
.h15 { height: 15px; display: block; }
.h20 { height: 20px; display: block; }
.wrapper { width: 960px; margin: 0px auto; }
.m-header { min-height: 180px; position: relative; height: auto !important; height: 180px; background-color: white; }
.m-footer { min-height: 470px; position: relative; height: auto !important; height: 470px; background-color: #CBCBCD; }
.m-footer .wrapper { padding-top: 30px; }
.bblack { display: block; }
.bblack .bbleft { float: left; height: 40px; line-height: 40px; font-weight: bold; text-transform: uppercase; background-color: #293127; color: white; padding: 0px 10px; border-left: 1px solid #A2A4A2; border-top: 1px solid #A2A4A2; }
.bblack .bbright { background: url(../img/icon1.png) no-repeat left bottom transparent; padding-left: 29px; float: left; height: 41px; }
.m-footer table td { vertical-align: top; line-height: 130%; }
.m-footer .ct { padding: 10px 0px; }
.m-footer .fleft { width: 360px; }
.m-footer .fright { width: 555px; }
.m-footer .form { padding: 10px 0px; }
.m-footer .form table { margin-left: -25px; }
.m-footer .form td { padding: 10px 25px; }
.m-footer table td img { float: left; margin-top: 5px; }
.m-footer .form td input, .m-footer .form td textarea { width: 100%; border: 0px; background-color: #65656F; padding: 15px; color: white; font-style: italic; }
a.button { display: inline-block; padding: 10px 20px; background-color: #374733; color: white; font-weight: bold; font-size: 14px; margin-right: 0px; }
a.button span { padding-right: 20px; background: url(../img/icon2.png) no-repeat right center; padding-right: 20px; }
.s-f { padding: 20px 0px; }
.s-f .fl2 { float: left; margin-left: 10px; }
.s-f .lr2 { float: right; }
.s-f .lr2 .copyright { line-height: 40px; color: white; padding-right: 10px; background: url(../img/icon3.png) no-repeat left top #293127; padding-left: 30px; }
.pn_imgs { display: block; width: 100%; overflow: hidden; }
.pn_imgs .wrapper { margin: 0 auto; }
.pn_imgs .content { width: 880px; margin: 20px auto; overflow: hidden; }
.pn_imgs .control { position: relative; }
.pn_imgs .prev { position: absolute; left: 50%; top: 50%; width: 26px; height: 46px; background: url(../img/icon5.png) no-repeat left top transparent; margin-top: -80px; margin-left: 450px; cursor: pointer; }
.pn_imgs .next { position: absolute; left: 50%; top: 50%; width: 26px; height: 46px; background: url(../img/icon4.png) no-repeat left top transparent; margin-left: -475px; margin-top: -80px; cursor: pointer; }
.pn_imgs a.fancybox { display: block; float: left; width: 125px; text-align: center; height: 80px; }
.pn-header { text-align: center; font-size: 20px; font-weight: bold; text-transform: uppercase; }
.pn-header span { background: url(../img/icon6.png) no-repeat left center; line-height: 20px; padding-left: 30px; }
.slogan { background: url(../img/icon7.png) no-repeat left top transparent; background-size: cover; height: 230px; overflow: hidden; }
.slogan .wrapper { padding-top: 40px; color: white; text-align: left; width: 500px; line-height: 150%; }
.slogan .wrapper table td { padding-top: 7px; }
.home-cate { padding-bottom: 20px; padding-top: 20px; }
.home-cate td { vertical-align: top; position: relative; padding-bottom: 60px; }
.home-cate td .witem { width: 220px; overflow: hidden; margin-right: 27px; }
.home-cate td .detail { position: absolute; right: 30px; bottom: 0px; padding: 10px 20px; background-color: #374733; }
.home-cate td .detail a { color: white; background: url(../img/icon8.png) right center no-repeat transparent; padding-right: 20px; }
.home-cate td .detail:hover { background-color: #80AD00; }

.home-cate .title { font-size: 14px; font-weight: bold; height: 34px; overflow: hidden; padding-top: 15px; text-transform: uppercase; }
.home-cate .short { padding-top: 15px; line-height: 150%; text-align: justify; }
.home-cate img { height: 160px; }

.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { background: url(../img/b21.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn { position: absolute; cursor: pointer; display: block; background: url(../img/a21.png) center center no-repeat; overflow: hidden; }
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }
/* jssor slider arrow navigator skin 21 css */

.main_slide { display: block; }
.main_slide .sl-l1 { display: block; }
.m-header .wrapper { position: relative; }
.m-header .menutop { min-height: 55px; height: 55px auto !important; height: 55px; background: url(../img/icon9.png) repeat-x left center transparent; position: relative; }
.m-header .menutop .wmn { background: url(../img/icon11.png) repeat-x 50% top transparent; position: absolute; width: 50%; left: 50%; height: 55px; z-index: 1; }
.m-header .menutop .wrapper { position: relative; z-index: 2; }
.m-header ul.sf-menu { background: url(../img/icon14.png) no-repeat right top transparent; padding-right: 60px; }
.m-header ul.sf-menu > li { position: relative; z-index: 5; height: 55px; background: url(../img/icon9.png) repeat-x left top transparent; margin-left: -45px; }
.m-header ul.sf-menu > li > a { line-height: 55px; padding: 0px 50px; color: white; /*background: url(../img/icon12.png) no-repeat right top transparent;*/ }
.m-header ul.sf-menu > li.active { background: url(../img/icon10.png) no-repeat left top transparent; z-index: 10; }
.m-header ul.sf-menu > li:first-child { margin-left: 0px; }
.m-header ul.sf-menu > li:last-child a { background-image: none; }
.m-header ul.sf-menu > li.active a { background: url(../img/icon13.png) no-repeat right top transparent; }
.m-header ul.sf-menu > li:hover { background: url(../img/icon10.png) no-repeat left top transparent; z-index: 12; }
.m-header ul.sf-menu > li:hover a { background: url(../img/icon13.png) no-repeat right top transparent; }

.header1 { min-height: 50px; position: relative; border-bottom: 1px solid #ccc; }
.header2 { min-height: 125px; position: relative; }
.header2 .hdlogo { position: absolute; left: 0px; top: 10px; }
.header2 .hdhotline { position: absolute; top: 40px; right: 10px; }

.header1 .search { position: absolute; right: 75px; top: 13px; border: 1px solid #ccc; border-radius: 10px; height: 25px; padding: 0px 10px; }
.header1 .search .text { border: none; margin-top: 4px; margin-right: 20px; width: 175px; }
.header1 .search .btn { display: block; position: absolute; right: 10px; top: 5px; }
.header1 .lang { position: absolute; right: 0px; top: 13px; }
.header1 .lang select { cursor: pointer; color: white; padding-left: 5px; background: url(../img/bg_lang.png) no-repeat right top transparent; width: 50px; height: 26px; border: none; -webkit-appearance: none; /*REMOVES DEFAULT CHROME & SAFARI STYLE*/ -moz-appearance: none; /*REMOVES DEFAULT FIREFOX STYLE*/ border: 0 !important; /*REMOVES BORDER*/ }
.header1 .lang select option { color: white; background-color: black; padding-left: 5px; }

.bheader { background-color: #2A3227; color: white; padding-left: 20px; margin-bottom: 10px; }
.bheader .val { background: transparent url("../img/icon15.png") no-repeat scroll left center; font-size: 14px; font-weight: bold; line-height: 50px; padding-left: 70px; text-transform: uppercase; }

.bcontent .img { float: left; width: 85px; margin-right: 10px; margin-bottom: 5px; }
.bcontent h1 { font-size: 12px; font-weight: bold; padding-bottom: 5px; line-height: 150%; }
.bcontent h2 { font-size: 13px; line-height: 150%; font-weight: normal; font-style: italic; }
.mnu-int .item { height: 50px; overflow: hidden; position: relative; border: 1px solid #ccc; line-height: 50px; font-weight: bold; font-size: 18px; text-indent: 90px; margin-bottom: 10px; color: #293028; }
.mnu-int .item img { left: 20px; top: 10px; position: absolute; }
.mnu-int .item.selected { background: url(../img/icon16.png) no-repeat -320px top transparent; border-color: #7FAE00; }


.wleft { float: left; width: 305px; }
.wright { float: right; width: 625px; }
.bcontent .vide { margin-bottom: 5px; }

.wright h3:first-child { margin-top: 0px; }
.m-body .ui-accordion .ui-accordion-header { margin-top: 10px; background-image: none; background-color: white; line-height: 40px; padding: 0px; text-indent: 70px; color: black; font-weight: bold; border-radius: 0px; }

.m-body .ui-accordion .ui-accordion-header .ui-accordion-header-icon { left: 20px; background: url(../img/icon19.png) no-repeat left center transparent; height: 17px; }
.m-body .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon { background-image: url(../img/icon18.png); }

.m-body .ui-accordion .ui-accordion-content { border-radius: 0px; padding: 15px; height: auto !important; }
.m-body .ui-accordion .ui-accordion-header-active { border-radius: 0px; background: url(../img/icon17.png) no-repeat left top #2A3227; color: white; }
.m-body .ui-state-active .ui-icon { background: url(../img/icon18.png) no-repeat left top transparent; }
.m-body .ui-widget { font-family: inherit; font-size: initial; line-height: 150%; }
.m-body .ui-helper-reset { line-height: 150%; font-size: 13px; }
.m-body #accordion .short { padding-bottom: 7px; }

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av { filter: alpha(opacity=70); border-radius: 7px; opacity: .7; overflow: hidden; cursor: pointer; border: #000 1px solid; }
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #82AC02; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
.nav_bullet { position: absolute; bottom: 0px; height: 50px; background: url(../img/icon20.png) no-repeat right top transparent; }
.m-body .bg_img { position: relative; margin-bottom: 30px; border-bottom: 1px solid #666; }
.m-body .bg_img .bgl1 { min-height: 300px; position: relative; z-index: 10; }

.main-nav { background: url(../img/icon24.png) no-repeat right center transparent; line-height: 50px; float: left; color: white; padding-right: 50px; padding-left: 30px; }
.main-nav a, .main-nav span { color: #B2B2B2; font-weight: bold; font-size: 14px; }
.main-nav span { padding: 0px 10px; }
.m-body .bg_img .catName { bottom: 70px; font-size: 40px; left: 0; position: absolute; font-weight: bold; font-style: italic; display: none; }
.m-body .bg_img .bgl4 { z-index: 50; width: 100%; bottom: 0px; position: absolute; }
.m-body .bg_img .bgl4 .wrapper { position: absolute; bottom: 0px; left: 50%; margin-left: -480px; }
.adv { margin-bottom: 10px; }
.catNews td { padding-bottom: 75px; }
.catNews td .detail { bottom: 20px; }
.pager1 { display: block; padding-bottom: 20px; }
.pager1 span, .pager1 a { font-weight: normal; color: rgb(143, 108, 63); display: inline-block; border: 1px solid #f9bc6d; background-color: #fff4e5; padding: 2px 5px; }
.pager1 span { background-color: rgb(24, 126, 190); border-color: rgb(24, 126, 190); color: #fff; }


.cs_srv h3 { position: relative; background: #2a3227 url("../img/icon17.png") no-repeat scroll left top; color: white; font-weight: bold; line-height: 40px; margin-top: 10px; padding: 0; text-indent: 70px; }
.cs_srv h3 span { width: 17px; background: transparent url("../img/icon18.png") no-repeat scroll left center; height: 17px; left: 20px; margin-top: -8px; position: absolute; top: 50%; }
.cs_srv .content { padding: 20px; border: 1px solid #ccc; border-top: none; line-height: 150%; }
.cs_srv .content .short { padding-bottom: 7px; }
.cs_srv .prds { text-align: center; padding-top: 10px; }
.cs_srv .prds table { margin: 0px auto; }
.cs_srv .prds table td { padding: 5px; overflow: hidden; min-width: 110px; width: auto !important; width: 110px; }
.cs_srv .prds a { display: inline-block; width: 100%; background-color: #000000; color: white; font-size: 13px; padding: 7px 0px; }
.cs_srv .prds a:hover { background-color: #7EAD00; color: white; }

.cs_inf .prds { text-align: left; }
.cs_inf .prds a { display: inline; background-color: transparent; color: #333; padding: 0px; width: auto; }
.cs_inf .prds a:hover { background-color: transparent; color: #80ad00; }
.cs_inf .prds li { list-style-type: none; background: url(../img/icon25.png) no-repeat left 5px transparent; padding-left: 20px; }

.sv_click { padding-left: 30px; padding-bottom: 5px; }
.sv_click li { list-style-type: none; color: #7FAD00; }
.sv_click li a { color: #7FAD00; }

.cs_srv .short1 { font-size: 16px; text-transform: uppercase; text-align: center; font-weight: bold; padding-top: 10px; padding-bottom: 20px; }

.wstep { width: 100%; overflow: hidden; padding-bottom: 15px; }
.wstep .lv1 { float: left; }
.wstep .witem { float: left; }
.wstep .arrow { float: left; width: 17px; height: 42px; line-height: 42px; background: url(../img/icon26.png) no-repeat right center transparent; }
.wstep .witem .step { cursor: pointer; margin: 0px auto; width: 42px; height: 42px; line-height: 42px; border-radius: 20px; background-color: #BBBBBD; text-align: center; font-size: 30px; }
.wstep .witem .name { text-align: center; padding-top: 10px; font-weight: bold; }

.cpdetail .content .img { text-align: center; }
.cpdetail .content .img img { max-width: 100%; }
.cpdetail .content .desc img { max-width: 100% !important; max-width: 100%; }
.cs_inf .content .desc table td { padding: 5px 0; }
.wstep .witem.selected .step { background-color: #81AD00; }

.listsearch .item { padding-bottom: 15px; }
.listsearch .image { float: left; width: 235px; margin-right: 20px; margin-bottom: 5px; }
.listsearch .name { font-weight: bold; font-size: 14px; padding-bottom: 10px; }
.listsearch .short { line-height: 155%; }

.content1, .short1 { padding-bottom: 10px; }
.cpdetail .styleh1 { margin-top: 10px; font-weight: bold; font-size: 14px; padding-bottom: 10px; }
.cpdetail .pother1 { list-style-type: none; display: block; }
.cpdetail .pother1 li { background: transparent url("../img/icon25.png") no-repeat scroll left 5px; list-style-type: none; padding-left: 20px; display: block; }

.sliderb-T .av { text-align: center; }
.itemSlider.false .sliderb-T .av > div { padding-left: 0px !important; padding-right: 10px !important; text-align: right; margin-left: -10px; }

.slider { position: relative; }

#autoSlide { height: 427px; position: relative; overflow: hidden; width: 100%; }
#slide-auto { position: absolute; bottom: 5px; width: 100%; overflow: hidden; height: 170px; }
#slide-auto .auto { position: absolute; left: -2555px; width: 2555px; height: 170px; overflow: hidden; }

.wheel { position: absolute; }
.wheel1 { bottom: -2px; right: -4px; }
.wheel2 { bottom: -2px; right: 76px; }
.wheel3 { bottom: -2px; right: 353px; }
.wheel4 { bottom: 2px; right: 393px; }
.wheel5 { bottom: -3px; right: 755px; }
.wheel6 { bottom: 2px; right: 855px; }
.wheel7 { bottom: 3px; right: 1117px; }
.wheel8 { bottom: 3px; right: 1153px; }
.wheel9 { bottom: 3px; right: 1189px; }
.wheel10 { bottom: -1px; right: 1633px; }
.wheel11 { bottom: -1px; right: 1790px; }
.wheel12 { bottom: -1px; right: 2207px; }
.wheel13 { bottom: 2px; right: 2383px; }