/* CSS Document */
@charset "utf-8";
* { margin: 0; padding: 0; border: 0; outline: 0; font-family: 'Arial' }
ul { list-style: none }
a { text-decoration: none; color: #333 }
a:hover { color: #e62318!important }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden }
.none { display: none }
.Left { float: left }
.h { height: auto; overflow: hidden }
/*字体大小*/
.fB { font-weight: bold; }
.fem { font-style: italic; }
.fU { text-decoration: underline; }
.fs6 { font-size: 6px; }
.fs8 { font-size: 8px; }
.fs9 { font-size: 9px; -webkit-text-size-adjust: none; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs25 { font-size: 25px; }
.fs26 { font-size: 26px; }
.fs27 { font-size: 27px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs36 { font-size: 36px; }
.fs38 { font-size: 38px; }
.fs46 { font-size: 46px; }
.fs56 { font-size: 56px; }
.ff1 { font-family: "宋体"; }
.ff2 { font-family: Georgia, "Times New Roman", Times, serif; }
.ff3 { font-family: "Times New Roman", Times; }
.ff4 { font-family: "微软雅黑", "黑体"; }
.italic { font-size: 12px; font-family: "微软雅黑"; color: #8f8f8f; font-style: italic; }
.clh { font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; overflow: hidden }
/* 修正IE6振动bug */
html, body { background-attachment: fixed; }
.header { background-color: #fff }
.header .menu-bar { height: 46px }
.view { width: 1200px; margin: 0 auto }
.header .menu-bar .category { width: 320px; position: relative; float: left; cursor: pointer; z-index: 100 }
.header .menu-bar .category h2 { font-weight: 400; background: #e62318; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 15px }
.category-option { width: 320px; padding: 9px 0 9px; background: rgba(00,00,00,.8); position: absolute; z-index: 101; display: block }
.category-option .cat-item { height: 34px; line-height: 34px; vertical-align: top; transition: .2s ease-in-out }
.category-option .cat-item .sub-cat { overflow: hidden; display: none; width: 616px; height: 427px; padding: 9px 30px 25px 10px; left: 320px; top: 0; background: rgba(255,255,255,.95); z-index: 10000; position: absolute; line-height: 20px }
.category-option .cat-item.top-cat .sub-cat { width: 750px }
.category-option .top-cat .sub-cat .sub-cat-links { width: 544px }
.category-option .sub-cat .sub-cat-links .sub-group { padding-top: 16px }
.category-option .sub-cat .sub-cat-links .sub-title { width: 35%; font-size: 14px; font-weight: 700; text-transform:capitalize }
.category-option .sub-cat .sub-cat-links .sub-title .i-t { overflow: hidden; width: 5px; height: 5px; float: left; background: url(../images/menu.png) -285px 0 no-repeat; margin: 8px 4px 0 10px }
.category-option .sub-cat .sub-cat-links .sub-content { font-size: 14px; width: 65%; padding-bottom: 16px; border-bottom: 1px dotted #afacb1 }
.category-option .cat-item.top-cat .sub-cat .sub-cat-links .sub-content { width: 433px }
.category-option .sub-cat .sub-cat-links .sub-content a { margin-right: 16px; display: inline-block; color: #666 }
.category-option .sub-cat .sub-cat-brand { width: 190px; padding-left: 16px }
.category-option .sub-cat .sub-cat-brand h6 { font-size: 14px; padding: 16px 0 12px; color: #333 }
.category-option .sub-cat .sub-cat-brand .tag { margin-bottom: 25px; font-size: 12px; height: 88px; overflow: hidden }
.category-option .sub-cat .sub-cat-brand .tag a { margin-right: 16px; display: inline-block; color: #666; line-height: 22px }
.category-option .cat-item.top-cat .icon { opacity: 1 }
.category-option .cat-item .icon { float: left; width: 20px; height: 20px; margin: 8px 10px 0 15px; background: url(../images/menu.png) no-repeat; opacity: .65 }
.category-option .cat-item .txt { color: #c8c8c8; margin-right: 10px; float: left; font-size: 13px }
.category-option .cat-item.top-cat .txt { color: #fff; font-size: 14px }
.category-option .cat-item .icon.i0 { background-position: -21px -168px }
.category-option .cat-item .icon.i1 { background-position: -21px -147px }
.category-option .cat-item .icon.i2 { background-position: -21px -126px }
.category-option .cat-item .icon.i3 { background-position: -21px -231px }
.category-option .cat-item .icon.i4 { background-position: -21px -210px }
.category-option .cat-item .icon.i5 { background-position: -21px -189px }
.category-option .cat-item .icon.i6 { background-position: -21px -264px }
.category-option .cat-item .icon.i7 { background-position: -21px -42px }
.category-option .cat-item .icon.i8 { background-position: -21px -21px }
.category-option .cat-item .icon.i9 { background-position: -21px 0 }
.category-option .cat-item .icon.i10 { background-position: -21px -105px }
.category-option .cat-item .icon.i11 { background-position: -21px -84px }
.category-option .cat-item .icon.i12 { background-position: -21px -63px }
.category-option .cat-item.hover .icon.i0 { background-position: 0 -168px; opacity: 1 }
.category-option .cat-item.hover .icon.i1 { background-position: 0 -147px; opacity: 1 }
.category-option .cat-item.hover .icon.i2 { background-position: 0 -126px; opacity: 1 }
.category-option .cat-item.hover .icon.i3 { background-position: 0 -231px; opacity: 1 }
.category-option .cat-item.hover .icon.i4 { background-position: 0 -210px; opacity: 1 }
.category-option .cat-item.hover .icon.i5 { background-position: 0 -189px; opacity: 1 }
.category-option .cat-item.hover .icon.i6 { background-position: 0 -264px; opacity: 1 }
.category-option .cat-item.hover .icon.i7 { background-position: 0 -42px; opacity: 1 }
.category-option .cat-item.hover .icon.i8 { background-position: 0 -21px; opacity: 1 }
.category-option .cat-item.hover .icon.i9 { background-position: 0 0; opacity: 1 }
.category-option .cat-item.hover .icon.i10 { background-position: 0 -105px; opacity: 1 }
.category-option .cat-item.hover .icon.i11 { background-position: 0 -84px; opacity: 1 }
.category-option .cat-item.hover .icon.i12 { background-position: 0 -63px; opacity: 1 }
.category-option .cat-item.hover { background: #fff; background: rgba(255,255,255,.9); padding-left: 5px }
.category-option .cat-item.hover a { color: #333!important }
.category-option .cat-item.hover a:hover { color: #e62318!important }
.category-option .cat-item:hover .sub-cat { display: block; opacity: 1;/*padding-left:10px;*/ animation: subcat .3s ease-in-out }
@keyframes subcat { from {
padding-left:0
}
to { padding-left: 10px }
}
.header .menu-bar .navigator { margin-left: 200px; height: 46px }
.header .menu-bar .navigator li { padding: 0 15px; height: 46px; line-height: 46px; float: left; position: relative }
.header .menu-bar .navigator li a { font-size: 16px }
.header .menu-bar .navigator li.current a { color: #e62318 }
.scroll-banner { position: relative; z-index: 0; overflow: hidden; height: 460px }
.scroll-banner .scroll-content { height: 460px }
.scroll-banner .scroll-content li { position: absolute; height: 460px; width: 100% }
.scroll-banner .scroll-item { position: absolute; width: 100%; top: 0; left: 0; text-align: center; display: none }
.scroll-banner .scroll-item .banner_r { position: absolute; right: 0; top: 20px }
.scroll-banner .scroll-item .banner_r a { display: block; position: absolute; right: 0; width: 180px; height: 200px; background-color: rgba(255,255,255,.7); transition: background-color .4s }
.scroll-banner .scroll-item .banner_r a:last-child { top: 220px }
.scroll-banner .scroll-item .banner_r a img { vertical-align: middle; width: 100% }
.scroll-banner .scroll-item .banner_r a:hover { background-color: #fff }
.scroll-banner .scroll-index { position: relative; -webkit-filter: inherit; filter: inherit; width: 1200px; height: 460px; margin: 0 auto }
.scroll-banner .scroll-item .sc-big { position: relative }
.fadeInR { animation-name: fadeInR; animation-duration: 1.5s; animation-timing-function: linear }
@keyframes fadeInR { from {
left:-20px
}
to { opacity: 1; filter: alpha(opacity=100); left: 0 }
}
.scroll-btn { position: absolute; overflow: hidden; bottom: 30px; z-index: 3; width: 100%; text-align: center }
.scroll-btn span { display: inline-block; width: 30px; height: 5px; margin: 0 1px; cursor: pointer; background: #F60 }
.scroll-btn span.current { background: #f4a137 }
.mt10 { margin-top: 10px; }
.gg { width: 1200px; height: 80px; }
.bnav { font-size: 15px; height: 40px; line-height: 40px; }
.bnav .floor { font-weight: bold;  margin-right: 10px; }
.bnav span{ text-transform:capitalize}
.bnav .floor.c1 { color: #FF0000 }
.bnav .floor.c2 { color: #fa7e19 }
.bnav .floor.c3 { color: #1873d9 }
.bnav .floor.c4 { color: #36ad9e }
.bnav .floor.c5 { color: #00ca30 }
.bnav .floor.c6 { color: #007bf9 }
.bnav .floor.c7 { color: #aa00f9 }
.bnav .floor.c8 { color: #f900cd }
.bnav .floor.c9 { color: #ab6371 }
.bnav .cla { text-transform: capitalize }
.bnav a { margin-left: 10px; text-transform:capitalize }
.b1 .b1c { border: 1px solid #ededed; height: 450px; }
.b1 .b1cL { width: 220px; float: left; background: #dbdbdb; padding: 0 5px; height: 450px; }
.b1 .b1cL .title { color: #363636; text-transform: uppercase; line-height: 20px; }
.b1 .b1cL .des { color: #666666; line-height: 20px; }
.b1 .b1cL .more { border: 1px solid #ff7200; width: 80px; line-height: 20px; }
.b1 .b1cL .more a { color: #ff7200; text-align: center; text-transform: uppercase }
.b1 .b1cM { width: 320px; float: left; }
.b1 .b1cM .cla { line-height: 40px; }
.b1 .b1cM .cla a { color: #ff5e00; text-transform: uppercase }
.b1 .b1cM .title { line-height: 30px; text-transform: uppercase;background: url(../images/li.png) no-repeat  10px center; text-indent:14px;}
.b1 .b1cR { float: right; width: 650px; }
.b1 .b1cR ul li { float: left; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 10px; width: 215px; }
.b1 .b1cR ul li .title { line-height: 20px; text-transform: capitalize }
.b1 .b1cR ul li .more { border: 1px solid #e8e8e8; background: url(../images/viewbg.png) no-repeat 10px center; width: 130px; line-height: 32px; text-indent: 18px }
.b1 .b1cR ul li .more a { color: #ff0000; }
.b1 .b1cR ul li .imgstyle img { width: 200px; height: 120px; }
.index_new .nL { width: 32.5%; border: 1px solid #eaeaea; margin-right: 1% }
.index_new .nL .nav { border-bottom: 1px solid #eaeaea; line-height: 50px; text-transform: capitalize; padding-left: 2%; }
.index_new .nL .nav span { font-size: 14px; margin-right: 2% }
.index_new .nL .nav .co { color: #ff6d26; font-style: normal }
.index_new .nL .nLc { width: 94%; margin: 10px auto }
.index_new .nL .nLc .imgstyle img { width: 100%; height: 175px; }
.index_new .nL .nLc ul li { line-height: 28px; font-size: 15px; text-transform: capitalize; border-bottom: 1px dotted #cecece; }
.index_new .nM { width: 32.5%; border: 1px solid #eaeaea; margin-right: 1% }
.index_new .nM .nav { border-bottom: 1px solid #eaeaea; line-height: 50px; text-transform: capitalize; padding-left: 2%; }
.index_new .nM .nav span { font-size: 14px; margin-right: 2% }
.index_new .nM .nav .co { color: #ff6d26; font-style: normal }
.index_new .nM .nLc { width: 94%; margin: 10px auto }
.index_new .nM .nLc .i-td { background: #fafafa; }
.index_new .nM .nLc .i-td .imgstyle { width: 30% }
.index_new .nM .nLc .i-td .imgstyle img { width: 100%; height: 126px; }
.index_new .nM .nLc .i-td .td { width: 68%; }
.index_new .nM .nLc .i-td .td .title { font-weight: bold; }
.index_new .nM .nLc .i-td .td .des { line-height: 18px; margin-top: 8px; }
.index_new .nM .nLc ul li { line-height: 27px; font-size: 15px; text-transform: capitalize; border-bottom: 1px dotted #cecece; }
.index_new .nR { width: 32.5%; border: 1px solid #eaeaea; margin-right: 1% }
.index_new .nR .nav { border-bottom: 1px solid #eaeaea; line-height: 50px; text-transform: capitalize; padding-left: 2%; }
.index_new .nR .nav span { font-size: 14px; margin-right: 2% }
.index_new .nR .nav .co { color: #ff6d26; font-style: normal }
.index_new .nR .nLc { width: 94%; margin: 10px auto }
.index_new .nR .nLc ul li { line-height: 28px; font-size: 15px; text-transform: capitalize; border-bottom: 1px solid #cecece; padding-bottom: 11px; margin-top: 11px; }
.index_new .nR .nLc ul li .imgstyle { width: 15%; float: left; }
.index_new .nR .nLc ul li .imgstyle img { width: 70px; height: 70px; border-radius: 8px; }
.index_new .nR .nLc ul li .t-d { width: 100% }
.index_new .nR .nLc ul li .t-d .title a{ color:#F60}
.index_new .nR .nLc ul li .t-d .des { line-height: 20px; margin-top:8px; }
.flink { background: #f7f7f7; padding: 20px 0; }
.flink .linknav { border-bottom: 1px solid #eaeaea; text-transform: capitalize; line-height: 40px; }
.flink .linknav span { color: #fe793f; }
.flink .linkc a { color: #666666; margin-right: 10px; line-height: 30px; text-transform: capitalize; margin-left: 10px; }

/* 必要布局样式css */
.cation-content { width: 1200px; margin: 0 auto; padding: 0; }
.cation-middle { line-height: 38px; background: #fff; padding: 10px 20px 10px 30px; font-size: 14px; }
.cation-list { overflow: hidden; }
.cation-list dt { float: left; width: 15%; font-weight: 700; line-height: 38px; position: relative; color: #333; text-transform:uppercase }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cation-list dt:after { content: ""; position: absolute; right: 12px; top: 18px; border: 1px solid #333; border-width: 0 1px 1px 0; width: 4px; height: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.cation-list dd { border-bottom: 1px dotted #e0e0e0; margin-left: 64px; overflow: hidden; }
.cation-list dd a { color: #8d8d91; font-size: 14px; line-height: 14px; height: 14px; float: left; border-right: 1px solid #e0e0e0; padding: 0 18px; margin: 10px 0; }
.cation-list dd a.on, .cation-list a:hover { color: #fc8080; }
.cation-list dd a:last-child { border-right: 0 none; }
.cation-list:last-of-type dd { border-bottom: 0 none; }

/*prolist define*/
.prodlist .prodnav{ border-bottom:4px solid #F60; padding-top:20px; line-height:40px; margin-bottom:20px; border-radius:8px;}
.prodlist .prodnav a{ margin-right:10px; margin-left:10px;}
.prod .prodnav{ border-bottom:4px solid #F60; padding-top:20px; line-height:40px; margin-bottom:20px; border-radius:8px; text-transform:uppercase}
.prod .prodnav a{ margin-right:10px; margin-left:10px;}
.prodlist ul{ margin-left:1%;}
.prodlist ul li{ float:left; border:1px solid #e9e9e9; padding:0.9%; width:24%; margin-right:1%; line-height:30px; text-transform:capitalize; margin-bottom:30px; font-family:"Times New Roman", Times, serif;}
.prodlist ul li img{ width:100%; height:206px; margin-bottom:15px; border-radius:5px;}

/*proshow define*/


/*pages*/ 
.pagination-wrapper {margin: 20px 0; text-align:center; }

.pagination li {
	padding: 0 12px;display: inline-block;
}
.pagination li.active>span {
	background: #F60;
	border: 1px solid #ddd;
}

.pagination li a {
	color: #555555;
}
/*
.pagination {height: 34px;text-align: center;}
.pagination li {display: inline-block;height: 34px;	margin-right: 5px;border: 1px solid #dddddd; line-height:32px;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;
	color: #555555;text-decoration: none;}
.pagination li a {height: 32px;line-height: 32px;font-size: 16px;color: #555555;text-decoration: none;}
.pagination li a:hover {color: #0099ff;}
.pagination li.thisclass {background: #F60;color: #fff;padding: 0 12px; line-height:32px;}
.pagination li.thisclass a, .pagination li.thisclass a:hover {background: transparent;border-color: #008127;color: #fff;cursor: default;}
*/


.pageinfo{display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;color: #555555;text-decoration: none;}
.pagess ul li{ line-height: 30px; border-bottom: 1px solid #dbdbdb;}

.pgfy{ width:100%; border-top:1px solid #eaeaea; padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.pgfyl{float:left;}
.pgfyl p{ color:#333333;font-size: 14px;}
.pgfyl p a{ color:#333333; font-size: 14px;}
.pgfyr{ float:right; text-align:center; line-height:30px; background:#f60; text-transform:uppercase; padding:5px 10px; margin-top:20px;}
.pgfyr a{ color:#fff;font-size:14px;}
.pgfyr a:hover{color:#fff}


/* book*/
.bookmain{width:650px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto;}
.bookmain div{font-size:14px}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:550px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:570px; height:30px; float:left; color:rgb(30,54,1);color:#333; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1);color:#333; text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);color:#333;}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; padding-top:8px;line-height:12px;float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);color:#333; background: #ffffff;}
.messagecol{ color:rgb(30,54,1);color:#333;margin-right: 14px;}
.admincol{ color:rgb(30,54,1);color:#333; font-weight:bold;}
.admintimecol{ color:rgb(30,54,1);color:#333; float:right; *margin-top:-17px;}
.message{ width:500px; height:auto;float:left;padding-left:50px; color:rgb(30,54,1);}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:30px; line-height:30px; width:150px;}
.message li p.message_title{ width:100px; height:20px;line-height: 20px; float:left; text-align:right; font-size:14px;color:#333;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:50px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:65px; height:25px; float:left;}
.message li p.message_sub{ width:200px; height:40px;margin: auto;}
.message li .msg_submit_bg{width: 149px;height: 39px;border: 0;background: url(../images/book_sub.png) no-repeat;cursor:pointer}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}

.xs_article{ width:48%; border:1px solid #e2e2e2; height:auto; overflow:hidden;}
.xs_article .artnav{ line-height:40px;border-bottom:1px solid #e2e2e2; font-size:16px; font-weight:bold; color:#00; text-indent:18px;}
.xs_article ul{ padding:3%;}
.xs_article ul li{ line-height:30px; border-bottom:1px dashed  #e2e2e2;text-indent:24px; text-transform:capitalize; background:url(../images/li.png) no-repeat left center;}