@charset "UTF-8";
.top-wrapper, .nav-menu, .banner, .container-box, .copyright, .main { width: 980px; margin: 0 auto; overflow: hidden; }
.rank-list a, .news-list li a, .page-news-list li a, .picMarquee-left .bd ul li span, .sidebar .side-menu li a, .page-picture-list li span, .page-product-list li span { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.about .con .img img, .page-picture-list li img, .page-product-list li img { width: 100%; height: 100%; }
body { font-size: 14px; background: url(../images/body-bg.jpg) repeat-x center top; color: #333333; font-family: "微软雅黑"; }
a { color: #333333; }
a:hover { color: #CC0000; }
.top-wrapper { height: 101px; background: url(../images/header-bg.jpg) no-repeat center; }
.top-wrapper .btns { margin-top: 10px; margin-right: 20px; float: right; text-align: right; overflow: hidden; }
.top-wrapper .btns a { margin-left: 10px; padding-left: 30px; float: left; color: #4e7db3; font-size: 12px; }
.top-wrapper .btns .btn01 { background: url(../images/btn1.jpg) no-repeat center left; }
.top-wrapper .btns .btn02 { background: url(../images/btn2.jpg) no-repeat center left; }
.top-wrapper .tel { margin-right: 55px; margin-top: 38px; float: right; clear: right; }
.top-wrapper .tel p { color: #747371; font-size: 18px; font-style: italic; }
.logo { width: 442px; height: 100%; float: left; background: url(../images/logo.png) no-repeat center; text-indent: -442px; }
.nav-menu { height: 40px; border-left: 1px solid #369b31; border-right: 1px solid #369b31; border-radius: 4px; background: url(../images/menu_bg.jpg) repeat-x center; border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow: visible; }
.nav-menu li { line-height: 40px; padding: 0 27px; float: left; position: relative; background: url(../images/menu_f.jpg) no-repeat center right; }
.nav-menu li a { color: #FFFFFF; font-weight: bold; font-size: 14px; }
.nav-menu li a:hover { color: #FFFF00; }
.nav-menu li .sec-menu { position: absolute; width: 100%; top: 100%; left: 0; z-index: 2; background: #49a01b; display: none; }
.nav-menu li .sec-menu li { line-height: 26px; background: none; padding: 0; float: none; text-align: center; }
.nav-menu li .sec-menu li a { font-size: 12px; font-weight: normal; }
.nav-menu li .sec-menu li:hover { background: #FFFFFF; }
.nav-menu li .sec-menu li:hover a { color: #e61a1a; }
.nav-menu li:last-child { background: none; }
.nav-menu li.active a { color: #FFFF00; }
.nav-menu li:hover .sec-menu { display: block; }
.banner { height: 250px; overflow: hidden; position: relative; border: 1px solid #666666; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.banner .hd ul li.on { background: #f00; color: #fff; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { height: 100%; zoom: 1; vertical-align: middle; }
.banner .bd img { width: 100%; height: 250px; display: block; }
.container-box { margin-top: 10px; }
.container-box .box-l { width: 218px; float: left; }
.container-box .box-c { width: 512px; float: left; margin-left: 11px; }
.container-box .box-r { width: 202px; padding: 5px 11px 8px 11px; border: 1px solid #c7f8b6; float: right; background: #eaffe0; border-radius: 3px; }
.container-box.box02 { margin-top: 10px; }
.about { height: 435px; border: 1px #E1E1E1 solid; background: url(../images/box-c.png) no-repeat center top; overflow: hidden; }
.about .con { max-height: 383px; padding: 8px 18px 0px 14px; overflow: hidden; }
.about .con .img { width: 168px; height: 130px; float: left; }
.about .con p { line-height: 28px; margin-bottom: 5px; font-size: 14px; }
.about .con p a { color: #e61a1a; }
.tit01, .tit02 { padding-left: 25px; height: 42px; line-height: 36px; background: url(../images/title1.jpg) no-repeat center; font-style: italic; overflow: hidden; }
.tit01 h2, .tit02 h2 { float: left; font-size: 16px; color: #29b902; text-shadow: 1px 1px 1px #FFFFFF; }
.tit01 span, .tit02 span { margin-left: 10px; color: #62c455; }
.tit02 { padding-left: 14px; background: none; }
.tit02 h2 { font-style: normal; }
.tit02 h2 span { font-size: 12px; font-style: italic; }
.tit02 a { margin-right: 10px; float: right; color: #83a46d; }
.tit03 { line-height: 26px; background: url(../images/tit03.jpg) no-repeat center; background-size: 100%; overflow: hidden; }
.tit03 h2 { padding-left: 23px; font-size: 15px; color: #2cb608; float: left; }
.tit03 span { margin-left: 10px; color: #63645f; font-style: italic; }
.category { margin-bottom: 20px; }
.category, .contact { border: 1px #E1E1E1 solid; }
.category-list li { line-height: 30px; padding-left: 23px; background: url(../images/category.png) no-repeat 13px center; }
.contact { padding-bottom: 10px; }
.contact .txt { padding: 0 10px; }
.contact .txt p { color: #666666; }
.search-message { padding: 16px 10px 5px 11px; background: #FFFFFF; border: 1px solid #a7cbeb; text-align: center; }
.search-message select { width: 160px; height: 30px; margin-bottom: 10px; }
.search-message .sea-txt { width: 146px; height: 30px; margin-bottom: 10px; padding-left: 10px; }
.search-message .sea-btn { width: 50px; height: 20px; height: 30px; margin: 0 auto; padding: 0; font-size: 12px; background: #26c71b; border: 1px solid #03b000; color: #FFFFFF; }
.search-message .layui-input-block { margin-left: 0; text-align: center; }
.search-message .layui-form-item { margin-bottom: 8px; }
.search-message .layui-btn { width: 50px; height: 20px; line-height: 20px; margin: 0 auto; padding: 0; font-size: 12px; }
.search-message .sub-btn .layui-input-block { min-height: 20px; }
.form-message label { width: 80px; font-size: 16px; font-weight: bold; display: inline-block; text-align: right; vertical-align: top; }
.form-message .form-group { margin-bottom: 15px; }
.form-message .form-group .form-control { width: 68%; height: 38px; padding-left: 15px; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px; border-color: #e6e6e6; }
.form-message .form-group .form-control.btn01, .form-message .form-group .form-control.btn02 { width: 60px; height: 30px; }
.form-message .form-group textarea.form-control { height: 100px; }
.form-message .form-group span { font-size: 16px; }
.form-message .form-group.btns { margin-left: 84px; }
.form-message .form-group.btns input { padding-left: 0; }
.rank { margin-top: 18px; }
.rank-list { line-height: 24px; padding: 10px 10px 5px 11px; background: #FFFFff; border: 1px solid #a7cbeb; }
.rank-list li { padding-left: 19px; }
.rank-list li.rank01 { background: url(../images/rank1.jpg) no-repeat center left; }
.rank-list li.rank02 { background: url(../images/rank2.jpg) no-repeat center left; }
.rank-list li.rank03 { background: url(../images/rank3.jpg) no-repeat center left; }
.rank-list li.rank04 { background: url(../images/rank4.jpg) no-repeat center left; }
.rank-list li.rank05 { background: url(../images/rank5.jpg) no-repeat center left; }
.rank-list li.rank06 { background: url(../images/rank6.jpg) no-repeat center left; }
.rank-list li.rank07 { background: url(../images/rank7.jpg) no-repeat center left; }
.rank-list li.rank08 { background: url(../images/rank8.jpg) no-repeat center left; }
.rank-list a { color: #316D10; }
.brand { border: 1px #E1E1E1 solid; }
.brand-list li, .side-news .news-list li { line-height: 30px; padding-left: 23px; background: url(../images/category.png) no-repeat 13px center; }
.brand-list li a, .side-news .news-list li a { font-size: 14px; }
.link { padding-bottom: 5px; border: 1px #E1E1E1 solid; margin-top: 10px; }
.link-list { text-align: center; }
.news { border: 1px #E1E1E1 solid; background: url(../images/box-c.png) no-repeat center top; }
.news-list { height: 125; padding-left: 170px; background: url(../images/news-bg.jpg) no-repeat center left; }
.news-list li { line-height: 25px; font-size: 14px; padding-left: 20px; background: url(../images/arrow2.gif) no-repeat center left; overflow: hidden; }
.page-news-list li { line-height: 27px; padding-left: 20px; background: url(../images/arrow2.gif) no-repeat center left; overflow: hidden; }
.page-news-list li a { max-width: 70%; float: left; font-size: 16px; }
.page-news-list li span { font-size: 16px; float: right; }
.fine { margin-top: 19px; border: 1px #E1E1E1 solid; background: url(../images/box-c.png) no-repeat center top; }
.picMarquee-left { overflow: hidden; position: relative; }
.picMarquee-left .bd { width: 490px; margin: 0 auto; overflow: hidden; }
.picMarquee-left .bd ul { overflow: hidden; zoom: 1; }
.picMarquee-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picMarquee-left .bd ul li { text-align: center; }
.picMarquee-left .bd ul li img { width: 179px; height: 146px; display: block; padding: 2px; border: 1px solid #ccc; }
.picMarquee-left .bd ul li span { line-height: 30px; font-size: 16px; font-weight: bold; color: #666; }
.partner-list { padding-bottom: 5px; border: 1px solid #a7cbeb; background: #FFFFFF; }
.partner-list li { text-align: center; }
.partner-list li img { max-width: 100%; max-height: 77px; }
.footer-wrapper { margin-top: 10px; padding-top: 80px; padding-bottom: 20px; background: url(../images/bottom.jpg) repeat-x center top; }
.copyright p { line-height: 23px; color: #5B7786; }
.side { width: 220px; float: left; }
.side-news { border: 1px solid #e1e1e1; }
.side-news .news-list { padding-left: 0; background: #FFFFFF; }
.side-news .news-list li { line-height: 28px; }
.side-news .news-list li a { font-size: 14px; color: #666; }
.side-contact { border: 1px solid #e1e1e1; }
.side-contact .txt { padding: 0 12px; }
.side-contact .txt p { color: #666666; line-height: 23px; }
.main-r { width: 748px; float: right; }
.main-tit { line-height: 40px; background: url(../images/main-tit.jpg) no-repeat center left; overflow: hidden; }
.main-tit h2 { margin-left: 34px; font-size: 14px; font-weight: bold; float: left; }
.main-tit .crumbs { margin-right: 12px; float: right; color: #777777; }
.main-tit .crumbs a { color: #777777; }
.content { padding: 15px; background: #FFFFFF; }
.sidebar { margin-bottom: 5px; border: 1px solid #e1e1e1; background: #FFFFFF; }
.sidebar .side-menu li { line-height: 28px; padding-left: 23px; background: url(../images/category.png) no-repeat 13px 10px; }
.sidebar .side-menu li a { color: #009933; font-weight: bold; font-size: 14px; }
.sidebar .side-menu li .sec-menu { display: none; }
.sidebar .side-menu li .sec-menu li { padding-left: 15px; background: url(../images/arrow2.gif) no-repeat center left; }
.sidebar .side-menu li .sec-menu li a { font-weight: normal; color: #333333; font-size: 12px; }
.sidebar .side-menu li .sec-menu li a:hover { color: #e61a1a; }
.sidebar .side-menu li.active .sec-menu { display: block; }
.page-picture-list { overflow: hidden; }
.page-picture-list li { width: 222px; margin: 0 8px; margin-bottom: 10px; float: left; }
.page-picture-list li img { border: 1px solid #CCCCCC; height: 163px; }
.page-picture-list li span { margin-top: 5px; text-align: center; color: #e61a1a; font-size: 16px; font-weight: bold; }
.page-product-list { overflow: hidden; }
.page-product-list li { width: 222px; margin: 0 8px; margin-bottom: 10px; float: left; }
.page-product-list li img { border: 1px solid #CCCCCC; height: 163px; }
.page-product-list li span { margin-top: 5px; text-align: center; color: #e61a1a; font-size: 16px; font-weight: bold; }
.text-title { padding: 0 10px; padding-bottom: 5px; text-align: center; border-bottom: 1px solid #cccccc; }
.text-title h1 { margin-bottom: 5px; font-size: 24px; }
.text-title p { color: #9f9f9f; font-size: 14px; }
.detail-box { margin-top: 30px; padding: 0 10px; }
.detail-box p { font-size: 16px; margin-bottom: 30px; }
.detail-box p img, .detail-box .simg img { max-width: 100% !important; height: auto !important; }
.page { clear: both; padding: 30px 0 20px; padding-bottom: 0; text-align: center; }
.page a { height: 34px; margin-bottom: 10px; display: inline-block; padding: 0 15px; height: 34px; font-size: 12px; line-height: 34px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a.a1 { padding: 0 15px; height: 34px; line-height: 34px; margin-top: 0px; }
.page a:hover { background: #e61a1a; color: white; text-decoration: none; }
.page span { display: inline-block; padding: 0 15px; height: 34px; line-height: 34px; background: #e61a1a; border: 1px solid #e61a1a; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
.Validform_checktip { float: right; margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center; }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center; }
.Validform_loading { padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color: #ffe7e7; }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; }
#Validform_msg a.Validform_close:hover { color: #cc0; }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #000; border-top: none; text-align: left; }
/*搜索页面*/
.searchWrap { padding-bottom: 30px; }
.searchTop { margin-left: auto; margin-right: auto; padding: 60px 0px 20px; }
.searchTop form { position: relative; width: 50%; margin: auto; }
.searchTop .searchWrapQ { text-indent: 20px; padding-right: 46px; width: 100%; background-color: #f6f6f6; border: none; height: 46px; box-shadow: 0 0 8px #bbb; border-radius: 6px; overflow: hidden; box-sizing: border-box; line-height: 46px; transition: all .5s ease; }
.searchTop .searchWrapBtn { position: absolute; z-index: 5; right: 0; top: 0; border-radius: 0 6px 6px 0; padding: 0 15px; height: 46px; line-height: 46px; text-align: center; border: none; background: #065ba8; color: #FFF; cursor: pointer; }
.searchTop .iconfont { font-size: 20px; color: #999; }
.searchTop .searchTit { margin-bottom: 10px; padding: 0px 20px; font-size: 15px; text-align: center; }
.searchTop .searchTit a { margin: 0 5px; }
.searchTop .searchTit .on { font-weight: bold; color: #F00; }
.searchTop .tips { margin-top: 8px; font-size: 14px; text-align: center; }
.searchTop .tips span { color: #F00; }
.searchNo { margin-top: 10px; font-size: 16px; text-align: center; }
.searchNo span { color: #F00; }
.searchList { margin: 0px 5px 20px; }
.searchList li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #aaa; }
.searchList li { position: relative; padding: 0 10px; line-height: 3.2; border-radius: 4px; transition: all 0.4s; border-bottom: 1px solid #eee; }
.searchList li .timer { position: absolute; right: 10px; top: 0; color: #999; }
.searchList li a { display: block; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchList li:hover { box-shadow: 0 0 3px #ddd; }