a:hover{color: #f30;}
.p5 { padding: 5px!important; }
.p10 { padding: 10px!important; }
.p20 { padding: 20px!important; }
.p30 { padding: 30px!important; }
.p40 { padding: 40px!important; }
.p50 { padding: 50px!important; }
.pl10 { padding-left: 10px!important; }
.pl20 { padding-left: 20px!important; }
.pl30 { padding-left: 30px!important; }
.pl40 { padding-left: 40px!important; }
.pr10 { padding-right: 10px!important; }
.pr20 { padding-right: 20px!important; }
.pr30 { padding-right: 30px!important; }
.pr40 { padding-right: 40px!important; }
.pt10 { padding-top: 10px!important; }
.pt20 { padding-top: 20px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb40 { padding-bottom: 40px!important; }
.mr5 { margin-right: 5px!important; }
.mr0 { margin-right: 0px!important; }
.mr10 { margin-right: 10px!important; }
.mr20 { margin-right: 20px!important; }
.mr30 { margin-right: 30px!important; }
.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml20 { margin-left: 20px!important; }
.ml30 { margin-left: 30px!important; }
.m10 { margin: 10px!important; }
.m20 { margin: 20px!important; }
.m30 { margin: 30px!important; }
.m40 { margin: 40px!important; }
.mt0 { margin-top: 0px!important; }
.mt5 { margin-top: 5px!important; }
.mt7 { margin-top: 5px!important; }
.mt8 { margin-top: 5px!important; }
.mt9 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.text-left { text-align: left!important; }
.text-right { text-align: right!important; }
.text-center { text-align: center!important; }
.fleft { float: left!important; }
.fright { float: right!important; }
.bleft { float: left; display: block; }
.bright { float: right; display: block; }
.bline { border-bottom: 1px solid #eee!important; }
.tline { border-top: 1px solid #eee!important; }
.wp { max-width: 1200px; margin: 0 auto; }
.tcred { color: #c5271e; }
.clear{ clear: both; }
#header { height: 612px; background: #fff; background-image: url(../images/bg_top.gif); background-repeat: no-repeat; background-position: top center; }
#logo { float: left; width: 313px; height: 59px; margin-top: 26px; }
#logo_split { width: 1px; height: 67px; background-image: url(../images/logosplit.gif); float: left; margin-top: 23px; margin-left: 95px; }
#logo_note { margin-top: 35px; margin-left: 16px; }
#contact { margin-top: 30px; }
#contact_note { width: 211px; height: 20px; background-image: url(../images/phone_split.png); background-position: center; background-repeat: no-repeat; text-align: center; }
#contact_icon { background-image: url(../images/icon_phone.png); width: 25px; height: 21px; float: left; margin-right: 10px; margin-top: 2px; }
#contact_phone { float: left; font-size: 22px; font-weight: 100; font-family: Impact; }
#navbar { background-image: url(../images/navbg.png); background-position: top center; height: 69px; margin-top: 30px; position: relative; z-index: 10; }
/* nav */
#menu { height: 52px; }
#menu .cur { background: url(../images/select.jpg) repeat-x 10px center}
#menu .cur a{ color:#c5271e!important; }
#menu ul { padding-left: 0px; }
#menu li { padding-left: 5px; padding-right: 5px; float: left; width: 108px; height: 52px; line-height: 52px; text-align: center; font-size: 14px; position: relative; list-style-type: none; background-position: top right; background-repeat: no-repeat; background-image: url(../images/nav_split.jpg); background-repeat: no-repeat; background-position: right center; }
#menu li a { color: #FFF; text-decoration: none; display: block; }
#menu li a.link { float: left; min-width: 108px; }
#menu dl { min-width: 108px; border: 1px solid #d1d1d1; border-top: none; font-size: 12px; position: absolute; top: 52px; left: 0px; box-shadow: 0 8px 16px -6px gray; background: #f8f8f8; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
#menu dl dd { margin: 0px!important; padding: 0px!important; }
#menu dl dd a { height: 34px; line-height: 34px; color: #933; }
#menu dl dd a:hover { background-color: #f2f1f1;}
/* LEVEL THREE */
#menu dl dl dl { left: 100%; top: 0; border-top: 0; _border-top: 1px; }
#menu ul li.hover ul li.hover ul li a { color: #24313C; }
#menu ul li.hover ul li.hover ul li.hover a { color: #FFF; }
/*banner*/
#banner { margin-top: -17px; }
#banner .item { height: 440px; }
#banner .pointer .active { background: #FFF; }
#ad { background-color: #FFF; height: 120px; text-align: center; overflow: hidden; }
#ad h1{ margin-top: 30px}
#ad h5{ margin-top: 10px}
#custom_case { height: 130px; background-color: #FFF; }
.titleno { height: 56px; border-bottom: 1px solid #dfdfdf; overflow: hidden; }
.titleno span a { font-size: 12px; font-weight: normal; line-height: 56px; margin-right: 20px; }
.titleno i { display: inline-block; height: 55px; font: 14px Arial, Helvetica, sans-serif; color: #b1b1b1; text-transform: uppercase; line-height: 24px; font-weight: bold; line-height: 17px; }
.titleno i em { display: block; float: left; font: 38px Arial, Helvetica, sans-serif; color: #c5271e; font-weight: bold; width: 28px; }
.titleno i a { display: block; font: 14px"Microsoft Yahei"; color: #333; font-weight: bold; padding: 5px 0 0 0; width: 135px; }
.title { height: 56px; border-bottom: 1px solid #dfdfdf; overflow: hidden; }
.title span a { font-size: 12px; font-weight: normal; line-height: 56px; margin-right: 20px; }
.title i { display: inline-block; height: 55px; /*border-bottom: 3px solid #c4c4c4; */font: 14px Arial, Helvetica, sans-serif; color: #b1b1b1; text-transform: uppercase; line-height: 24px; font-weight: bold; line-height: 17px; }
.title i em { display: block; float: left; font: 38px Arial, Helvetica, sans-serif; color: #c5271e; font-weight: bold; width: 28px; }
.title i a { display: block; font: 14px"Microsoft Yahei"; color: #333; font-weight: bold; padding: 5px 0 0 0; width: 135px; }
/* home_box */
#hotbox { background-image: url(../images/ser-one.jpg); }
#goodsbox { background-color: #FFF; border: 1px solid #dfdfdf; border-top: none; border-right: none; border-bottom: none; }
.goods-item { border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.item-content { position: relative; display: block; height: 288px; padding: 4px; border: 6px solid #fff; text-align: center; color: #000; -webkit-transition: border-color .5s; transition: border-color .5s; }
.item-content:hover { border-color: #cf514a; border-color: rgba(197, 39, 30, 0.8); }
.item-thumb img{width: 220;height: 200px;}
.item-content .item-desc { display: block; font-size: 12px; color: #8c8c8c; }
.item-content .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 210px; background: url(../images/shine_brands.png); }
.item-content .shine { _background: none; }
.w1 { width: 400px; margin: 0 auto; padding-top: 140px; }
#youshi { background: url(../images/pic2.jpg) no-repeat top center; overflow: hidden; position: relative; height: 770px; }
#ys_title { background-image: url(../images/youshi.jpg); background-position: top center; background-repeat: no-repeat; height: 126px; }
.ys_bj{ height:770px; overflow:hidden; position:relative; }
.ys1{ height:126px; overflow:hidden; }
.ys2{ height:475px; overflow:hidden; }
.ys3{ height:292px; overflow:hidden; }
.ys{ position:absolute; top:0; left:50%; margin-left:-550px; overflow:hidden; width:1100px; height:894px; }
.ys .dl01{ position:absolute; top:70px; right:23px; }
.ys .dl02{ position:absolute; top:256px; right:23px; }
.ys .dl03{ position:absolute; top:500px; left:0; }
.ys .dl01 dt{ background:url(../images/1.gif) no-repeat left center; }
.ys .dl01 dt p{ margin-top:20px; height:35px; line-height:35px; }
.ys .dl02 dt p{ margin-top:19px; height:35px; line-height:35px; }
.ys .dl03 dt p{ margin-top:18px; height:36px; line-height:36px; }
.ys .dl02 dt{ background:url(../images/2.gif) no-repeat left center; }
.ys .dl03 dt{ background:url(../images/3.gif) no-repeat left center; }
.ys dl{ width:500px; overflow:hidden; }
.ys dl dt{ height:72px; padding:0 0 0 64px; overflow:hidden; font:18px "Microsoft Yahei"; color:#333; font-weight:bold; }
.ys dl dt p{ height:400px; background:#ebebeb; }
.ys dl dt p span{ color:#c4261d; }
.ys dl dd { width:500px; padding:0 0 0 42px; font-size:14px; }
.ys dl dd p{ color:#333; background:url(../images/ys_ico.png) no-repeat left 8px; padding-left:24px; line-height:24px; margin-bottom:10px; }
.ys dl dd p span{ color:#c4261d}
#anli_bj { background: url(../images/bg_case.jpg) no-repeat center top; height: 580px; overflow: hidden; }
.anli { height: 817px; margin: 0 auto; overflow: hidden; }
.anli h2 { height:105px; overflow:hidden; text-align:center; }
.anli h2 span{ display:block; font:36px Arial, Helvetica, sans-serif; color:#494949; text-transform:uppercase; padding:34px 0 0 0; line-height:30px; }
.anli h2 a{ font-size:18px; font-weight:bold; color:#000; }
.anli h2  img{ vertical-align:middle; margin-left:5px; }

.case{ width:960px; height:375px; margin:0 auto; overflow:hidden; background:#FFF; position:relative; margin-top: 30px; }
.case1{ width:240px; height:239px; overflow:hidden; position:absolute; left:10px; top:10px; }
.case1 .pic{ width:240px; height:239px; position:relative; }
.case1 .pic2{ width:240px; height:478px; overflow:hidden; position:absolute; left:0; top:0; }

.case2{ width:385px; height:178px; overflow:hidden; position:absolute; left:255px; top:10px; }
.case2 .pic{ width:385px; height:178px; position:relative; }
.case2 .pic2{ width:385px; height:356px; overflow:hidden; position:absolute; left:0; top:0; }

.case3{ width:306px; height:178px; overflow:hidden; position:absolute; left:645px; top:10px; }
.case3 .pic{ width:306px; height:178px; position:relative; }
.case3 .pic2{ width:306px; height:356px; overflow:hidden; position:absolute; left:0; top:0; }

.case4{ width:240px; height:112px; overflow:hidden; position:absolute; left:10px; top:255px; }
.case4 .pic{ width:240px; height:112px; position:relative; }
.case4 .pic2{ width:240px; height:224px; overflow:hidden; position:absolute; left:0; top:0; }

.case5{ width:200px; height:173px; overflow:hidden; position:absolute; left:255px; top:194px; }
.case5 .pic{ width:200px; height:173px; position:relative; }
.case5 .pic2{ width:200px; height:346px; overflow:hidden; position:absolute; left:0; top:0; }

.case6{ width:314px; height:173px; overflow:hidden; position:absolute; left:460px; top:194px; }
.case6 .pic{ width:314px; height:173px; position:relative; }
.case6 .pic2{ width:314px; height:346px; overflow:hidden; position:absolute; left:0; top:0; }

.case7{ width:170px; height:173px; overflow:hidden; position:absolute; right:10px; top:194px; }
.case7 .pic{ width:170px; height:173px; position:relative; }
.case7 .pic2{ width:170px; height:346px; overflow:hidden; position:absolute; left:0; top:0; }

#about{ background-color: #FFF; background: url(../images/about.jpg) no-repeat center 10px; }
#aboutbox{ width: 1100px; margin:0 auto; position: relative; }
.huatai { height: 460px; overflow: hidden; }
.aa { position: relative; }
.huatai h2 { height: 40px; font-size: 20px; color: #505050; font-weight: normal; padding: 30px 0 0 520px; top: 3px; }
.huatai h2 span { display: block; font-size: 11px; color: #cacaca; text-transform: uppercase; }
.bb { position: absolute; }
.huatai .h_p { top: 109px; left: 8px; width: 650px; background: url(../images/ico01.jpg) no-repeat left top; }
.ico01 { top: 132px; right: 30px; background: url(../images/ico02.jpg) no-repeat; display: block; padding: 5px 14px 30px 30px; width:392px; height:288px}
.ibs02 { background: url(../images/ico04.gif) no-repeat; width: 179px; height: 47px; text-align: center; position: absolute; top: 250px; left: 375px; font: 18px "微软雅黑"; color: #282828; font-weight: bold; line-height: 40px; }
.huatai .h_p h3 { font-size: 23px;font-weight: normal; padding: 15px 0 0 65px; color: #b81215; line-height: 38px; font-weight: bold; }
.ibs { font-size: 14px; color: #333333; line-height: 26px; padding: 10px 60px 0px 20px; }
.huatai .h_p p { background: url(../images/ys_ico.png) no-repeat left 6px; line-height: 18px; font-size: 14px;color: #646464; padding: 5px 0 0 25px; }
#testimonials{ background:url(../images/bg_news.jpg) no-repeat top center; }
.jz{ width:830px; height:535px; overflow:hidden; }
.jz .txt i a{ width:217px; }
.jz dl{ background:url(../images/jz_line.gif) repeat-x center bottom; height:210px; margin:12px 0 0 0; overflow:hidden; }
.jz dl dt img{ padding:2px; border:1px solid #dddddd; width:227px; height:169px; }
.jz dl dd{ width:560px; overflow:hidden; }
.jz dl dd h3{ font:14px "Microsoft Yahei"; color:#000; line-height:24px; padding:10px 0; }
.jz dl dd h3 a{ color:#000; }
.jz dl dd  h3 span{ display:block; font:12px "宋体"; color:#555; }
.jz dl dd p{ line-height:24px; color:#555; height:72px; padding:5px 0 0 0; margin-bottom:10px; overflow:hidden; }
.jz dl dd i  a{ display:block; color:#c5271e; font-style:normal; }
.jz .nones{ background:none; }

.coo{ width:310px; border:1px solid #e5e5e5; height:510px; overflow:hidden; }
.coo h2{ background:url(../images/coo_nav.jpg) no-repeat center top; text-align:center; height:70px; overflow:hidden; }
.coo h2 a{ display:block; font:14px "Microsoft Yahei"; color:#fff; padding:10px 0 15px; }  
.coo h2 span a{ font:12px "宋体"; color:#000; } 
.coo ul li{ float:left; width:106px; overflow:hidden; margin:17px 0 0 18px; display:inline; list-style: none; }
.coo ul li img{ border:1px  solid #dedede; width:104px; height:61px; }


.news{ width:840px; padding:14px 0 0 0; height:500px; overflow:hidden; }
.n_nav { height:41px; border-bottom:1px solid #cdcdcd; }
.n_nav span a{ line-height:41px; }
.n_nav ul li{ float:left; width:142px; height:36px; text-align:center; list-style: none; }
.n_nav ul li a{ display:inline-block; width:142px; height:36px; font-size:14px; color:#000; line-height:36px; font-weight:bold; }
.n_nav ul li a:hover , .n_nav ul .cur a{ background:url(../images/news_cur.gif) no-repeat center top; color:#fff; }
.news dl{ margin:22px 0 0 0; overflow:hidden; height:175px; }
.news dl dt img{ width:207px; height:154px; padding:2px; border:1px solid #ddd; }
.news dl dd{ width:590px; overflow:hidden; padding-right:14px; }
.news dl dd h3{ font-size:12px; color:#000; line-height:24px; padding:10px 0; }
.news dl dd h3 a{ color:#000; }
.news dl dd p{ line-height:24px; color:#555; height:72px; padding:0 0 0 0; overflow:hidden; }
.news dl dd i  a{ display:block; color:#c5271e; font-style:normal; }
.news .ul03{ height:227px; background:url(../images/news_line.gif) no-repeat 308px center; overflow:hidden; }
.news .ul03 li{ width:320px; overflow:hidden; line-height:34px; float:left; display:inline-block; }
.news .ul03 li a{ color:#555555; background:url(../images/news_ico.gif) no-repeat left 3px; padding-left:20px; font-size: 12px; }
.news .ul03 .wz1{ background:url(../images/news_bj.gif) no-repeat left center; }

.wt_bj{ background:url(../images/wt_bj.jpg) repeat-x center top; height:522px; overflow:hidden; padding-top:35px; }
.wt{ width:266px; height:520px; overflow:hidden; }
.wt dl{ padding:20px 0; border-bottom:1px dashed #cfcfcf; font-size: 12px; }
.wt .nones{ border-bottom:0; }
.wt dl dt{ background:url(../images/w.gif) no-repeat left 3px; padding-left:48px; height:22px; line-height:25px; margin-bottom:10px; }
.wt dl dt a{ color:#555; }
.wt dl dd{ background:url(../images/d.gif) no-repeat left 3px; padding-left:48px; line-height:22px; height:66px; color:#555; overflow:hidden; padding-top: 0px; }

#links{ padding-top: 10px; padding-bottom: 5px; }
#links a{ margin-right: 20px; }

.footer { height:200px; overflow:hidden; margin-top:10px; background-color: #FFF}
.f_nav { height:44px; line-height:38px; text-align:center; color:#fd5353; background:url(../images/fnav.jpg) repeat-x; }
.f_nav a { padding: 0 10px; color:#fff; }
.f_con { width:960px; padding:19px 0 0 0; height:178px; overflow:hidden; position:relative; }
.f_con h1 { padding:0 10px 0 0px; width:109px; height:100px; margin-right:70px; }
.f_con h1 img { width:148px; height:76px; }
.f_con p { line-height:24px; text-align:left; color:#3e3e3e; }
.f_con p a{ color:#3e3e3e; }
.f_con p img { vertical-align:middle; padding-left:15px; }

.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display:none; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{ font-weight:bold; font-size: 12px; margin-top:11px; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center; float:left; }
.main-im .im_main .weixing-show { width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao { width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{ position:absolute; top:110px; left:7px; width:100px; margin:0 auto; text-align:center; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center; float:right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }

#pubtop{ height: 286px; background: #fff; background-image: url(../images/bg_top.gif); background-repeat: no-repeat; background-position: top center; }
#pubban{ background: url(../images/pubban.jpg) no-repeat center top; height: 116px; margin-top: -17px; }
#bancon{ position: relative; }
#bantitle{ position: absolute; font-size: 28px; font-weight: 800; left: 40px; top:25px; }
#banen{ position: absolute; font-size: 14px; font-weight: 700; left: 40px; top:65px; color: #ccc}

.main{ background: #fff; width: 1200px; margin: 0 auto; margin-top: 10px; position: relative; overflow: hidden; clear: both; zoom: 1; padding: 15px; min-height: 500px; box-shadow: -1px 0px 1px rgba(0, 0, 0, .04),0px 1px 1px rgba(0, 0, 0, .13),1px 0px 2px rgba(0, 0, 0, .05); }

#main_l{ overflow:hidden; float:left; margin-bottom:-10000px; padding-bottom:10000px; width:905px; border-right:1px solid #D7D7D7; padding-right:15px; -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: 0.1s linear; transition: 0.1s linear; }
.place{ height:34px; line-height:22px; overflow:hidden; border-bottom:1px solid #ddd; background-color:#FFF; }
.p_url{ float:left;font-size:12px; color:#666; width:460px; margin-top:2px; text-align:left; overflow:hidden; line-height:22px; height:22px; }
.p_url a,.p_url strong,.p_url h1{ font-weight:normal; color:#666; font-family:Tahoma,Geneva,sans-serif; padding:0 6px; display:inline; }
.p_url a:hover{ color:#F30; }
.p_url a.pd{ float:left; display:block; padding:0; margin:0 5px; cursor:pointer; overflow:hidden; height:22px; font-size:18px; border-right:1px dotted #ccc; text-shadow:0 1px #ccc; padding-right:10px;color:#333; }
.p_url a.pd:hover{ text-decoration:none; }

#main_r{ display:block; width:265px; overflow:hidden; padding:0 0 0 15px; float:right; font-size:12px; border-left:3px solid #E4E4E4; margin-bottom:-10000px; padding-bottom:10000px; }
#main_r h3{ padding:5px 0 10px 0; font-size:14px; text-align:left; color:#444; border-bottom:1px dotted #d1d1d1; }
#main_r i{ color:#aeaeae; }
#main_r h3 a{ float:left; width:15px; height:15px; overflow:hidden; display:block; text-indent:-9999px; margin-right:6px; _margin-right:3px; *margin-top:0!important; margin-top:2px; }
.sublist ul{ text-align:left; padding-top:5px; padding-bottom:10px; margin-bottom:5px; padding-left: 0px; }
.sublist li{ padding:0 0 0 16px; color:#999; line-height:25px; background: url(../images/bga.png) no-repeat 2px -28px; height:25px; overflow:hidden; }
.sublist li a{ color:#555; padding:0 5px 5px 0; font-size:12px; }
.sublist li a:hover{ color:#f30; }

.rad { height: 335px; overflow: hidden; }
.rad ul { width: 260px; padding-left: 0px; }
.rad li { float: left; margin: 10px 10px 0 0; width: 120px; overflow: hidden; }
.rad li a.aimg { display: block; margin-bottom: 5px; width: 120px; height: 100px; overflow: hidden; position: relative; }
.rad li a.aimg img { width: 116px; height: 96px; position: absolute; left: 0; top: 0; border: 1px solid #ddd; padding: 1px; }
.rad li a.aimg em { *display: none; position: absolute; left: -120px; float: left; width: 120px; height: 100px; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); -moz-transition: 0s; -o-transition: 0s; -webkit-transition: 0s; transition: 0s; }
.rad li a.aimg em { background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0)); }
.rad li a.aimg em { background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0)); }
.rad li a.aimg em { background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0)); }
.rad li a.aimg:hover em { left: 120px; transition: .5s; -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s; }
.rad li a.aimg:hover img { border-color: #ccc\9; }
.rad li a { color: #333; height: 36px; display: block; overflow: hidden; line-height: 18px; text-decoration: none; text-align: center;}
.rad li a:hover { color: #f30; }

.list{ padding-bottom:5px; padding-top:10px; overflow:hidden; zoom:1; width:890px; }
.list ul{ overflow:hidden; margin:0 auto; padding: 0}

.mb_list ul{width:910px; padding: 0px; }
.mb_list ul li{ float:left; height:290px; margin-top:10px; margin-right: 13px; width:287px; overflow:hidden; text-align:left; }
.mb_list ul li .ih3 { height: 20px; margin-top: 8px;text-align: center;}
.mb_list ul li h3 a{ color:#444; font-weight:normal; line-height: 20px; }
.mb_list ul li a:hover{ color:#f00; }


.mb_list a.mba{ display:block; width:287px; height:261px; overflow:hidden; cursor:pointer; position:relative; padding:0;}
.mb_list h2,.mb_list h3,.mb_list a.ih3{ font-size:12px; display:block; color:#444; margin-bottom:8px; padding-left:5px; height:17px; line-height:17px; overflow:hidden; }
.mb_list a.mba img{ text-align:left; padding:10px; width:287px; height:261px; position:absolute; left:0;border:1px solid #DDDDDD; }
.mb_list a.mba:hover img{}
.mb_list a.mba em{ color:#fff; position:relative; width:248px; padding:0 10px; height:50px; text-decoration:none; line-height:25px; font-style:normal; margin-top:125px; margin-left:10px; filter:alpha(opacity=0); opacity:0; display:block; overflow:hidden; background:#0074A6; }
.mb_list a.mba:hover,.mb_list a.mba:visited{ text-decoration:none; }
.mb_list a.mba:hover em{ filter:alpha(opacity=80); opacity:.8; transition:.5s; -moz-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; }
.mba span{ display:block; width:268px; height:165px; position:absolute; top:10px; margin-left:10px; }
.mba span.new{ background:url(../images/new.png) no-repeat right top; }
.mba span.hot{ background:url(../images/tj.png) no-repeat right top; }

.hn span{ display:block; width:268px; height:165px; position:absolute; top:0px; right:0px; }
.hn span.new{ background:url(../images/new.png) no-repeat right top; }
.hn span.hot{ background:url(../images/tj.png) no-repeat right top; }

.cover{ position:absolute; margin-top:2px; margin-left:2px; color:#fff; width:287px; height:261px; cursor:pointer; transition:all 0.1s ease-in; display:none; font-size: 12px; }
.cov_p,.cov_pbg{ width:287px; height:226px; padding:10px; overflow: hidden; padding-top:5px; position:absolute; top:0; left:0; line-height:27px; }
.cov_pbg{ background: #0090CE; filter:alpha(opacity=85); opacity:0.85; -Moz-Opacity: 0.85; }
.cov_t,.cov_tbg { width:287px; height:35px; padding:0 10px; position:absolute; left:0; bottom:0; line-height:35px; }
.cov_tbg{ background: #0090CE; filter:alpha(opacity=95); opacity:0.95; -Moz-Opacity: 0.95; }
.mb_list ul li .cover a{ color:#fff; }
.uspace{ padding-right: 8px; }
.cover label { margin-right:5px; font-size: 14px; font-weight: bold; }
.cov1{ background:#4CBF0E; }
.cov2{ background:#FF7F03; }
.cov3{ background:#E9016E; }
.cov4{ background:#F01E1E; }
.cov5{ background:#00A4A5; }
.cov6{ background:#C818FB; }
.cov7{ background:#252525; }
.cov8{ background:#008B8C; }
.cov9{ background:#AF1E01; }

.wz_list ul{ margin-top:-10px; }
.list_con_li{ clear:left; display:block; float:left; font:700 22px/28px Tahoma; width:100%; background:#fff; border-top:1px solid #fff; border-bottom:1px solid #CDCDCD; margin:0; padding-top: 10px; padding-bottom: 10px; }
.list_news_tit{ clear:left; display:block; float:left; text-align:left; overflow:hidden; margin-top:8px; background:url(/img/titleico.gif) no-repeat 8px 7px; line-height:38px; height:38px; width:490px; overflow:hidden; text-indent:15px; }
.list_news_tit a{ text-decoration:none; font-size:14px; color:#333;}
.list_news_tit a:hover{ color:#C00; text-decoration:underline; }
.list_news_tit a:visited{ color:#666; text-decoration:none; }i.i1,i.i2,i.i3,i.i4{ cursor:pointer; margin-top:10px; margin-left:8px; background:url(/img/titleico.gif) no-repeat; overflow:hidden; display:block; float:left; }i.i1{ width:16px; height:16px; background-position:-16px -32px; }i.i2{ width:16px; height:16px; background-position:-36px -32px; }i.i3{ width:23px; height:16px; background-position:-57px -31px; }i.i4{ width:13px; height:16px; background-position:0 -32px; }
.list_news_info{ clear:right; color:#666; display:inline; float:right; font:400 11px Tahoma; margin:18px 13px 0 0; }
.box2{ clear:left; color:#666; display:block; float:left; font:400 12px Verdana,Geneva,sans-serif; text-align:left; line-height:22px; width:670px; overflow:hidden; padding:2px 10px 20px 15px; }
.box2 a:link,.box2 a:visited{ color:#FF7E00; }

.wz_list .newsimg img{ width: 215px; height: 138px; border:1px solid #ddd; padding:3px; border-radius:2px; }
.wz_list .newsimg img:hover{ border:1px solid #ccc; }
.wz_list .newsinfo{ width:670px; }

.fy { display: inline-block!important; margin-top: 10px; height: 30px; line-height: 30px; text-align: right; padding-right: 20px; }
.fy span, .fy a { display: inline-block!important; height: 28px; line-height: 28px; padding: 0 10px; margin: 0 2px; border: 1px solid #cccccc; border-radius: 2px; vertical-align: middle; font-size: 12px; }
.fy a:hover { color: #2980b9; border: 1px solid #2980b9; }
.fy span i, .fy a i { display: inline-block!important; width: 7px; height: 12px; line-height: 12px; font-size: 0; vertical-align: middle; background: url(../images/fy.gif) no-repeat; }
.fy span{ background-position: 0 0; margin-right: 5px; color: #2980b9; border: 1px solid #2980b9; }
.fy a.first:hover i { background-position: 0 -13px; }
.fy span.last i, .fy a.last i { background-position: -8px 0; margin-left: 5px; }
.fy a.last:hover i { background-position: -8px -13px; }
.fy .active { background-color: #2980b9; color: #fff; border: 1px solid #2980b9; }
.fy span.first, .fy span.last { color: #999; }

.ucontent .arcbody { padding-top: 10px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; }
.ucontent .arcbody h1 { color:#363737; font-size:22px; margin:0; text-align:center; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }
.ucontent .arcbody .times { text-align: center; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; border-top-width: 1px; border-bottom: 1px solid #eee; font-size: 12px; color: #999; }
.ucontent .arcbody .desinfo { background-color: #f4f4f4;font-size: 12px; padding: 3px 0; border-radius: 3px; color: #aaa; padding:10px}
.ucontent .arcbody .content { color:#2A2A2A; font-size:14px; line-height:25px; margin:15px 0 35px; }
.ucontent .arcbody .linkes { padding-top: 10px; padding-bottom: 10px; border-top-width: 1px; border-top-style: dashed; border-top-color: #E0E0E0; }
.ucontent .arcbody .linkes li { float: left; width: 50%; list-style: none; }
.content img{max-width: 830px;}
/* -- 产品详细页 -- */
.pleft { width: 275px; z-index:5; float:left; overflow:hidden; padding-top: 15px; }
#smallimg{ padding: 10px; display: inline-block; border:1px solid #dddddd; }
#smallimg:hover{ border:1px solid #c5271e; }
#smallimg img{ width: 220px; height: 200px; }

/* -- 产品详细页__产品详细参数 -- */
.pright { width:600px; float:left; margin-top: 5px; margin-left:5px; z-index:1; overflow:hidden; font-size:14px; position: relative; }
.propar .corange{ font-size: 16px; font-weight: 700; color:#c5271e; border-bottom: 1px dotted #d1d1d1; height: 40px; line-height: 40px; }
.nr_list ul{ padding-left: 0px; padding-top: 15px; }
.nr_list li{ background: url(../images/ys_ico.png) no-repeat left 6px; padding-left: 20px; height: 25px; line-height: 25px; }
.pd_hotline{ margin-top: 15px; border-top: 1px dotted #d1d1d1; padding-top: 10px; }
.font_hotline{ font-weight: 300; font-size: 18px; font-family: Impact; color:#c5271e; }
.caigoubtn{ position: absolute; width: 135px; height: 40px; right: 50px; top:90px; }
/*---产品详细相关产品---*/
body .cp { margin-top:15px; border:1px solid #ccc; background:#fff; margin-bottom:10px; }
.cptab { border-bottom:2px solid #C4261D; background:#f7f7f7; height: 30px; line-height: 30px; }
.cp dl { width:170px; overflow:hidden; float:left; display:inline; padding:12px 10px; margin-top: 10px; } 
.cp dl dt a:hover img{ border:solid 1px #B61212; } /*产品图片边框连接*/
.cp dl dt img { width:150px; height:130px; border:1px solid #CCC; padding:1px; }
.cp dl dd { line-height:24px; padding-top:8px; overflow:hidden; display:block; text-align:center}

.tit{ font-size: 16px; font-weight: 700; color:#c5271e; border-bottom: 1px dotted #d1d1d1; height: 40px; line-height: 40px; }
.proinfo{ padding: 30px;line-height: 25px;}

.caigou_tab { margin-left: 50px; margin-right: 50px; }
.caigou_tab td{ padding: 10px; }
.caigou_tab textarea{ width:98%; border:1px solid #ccc; font-size:12px; height:116px; line-height:18px; color:#999; padding:5px 0 0 8px; resize:none; background:-webkit-gradient(linear,left top,left 25,from(#FFF),color-stop(4%,#efefef),to(#FFF)); background:-moz-linear-gradient(top,#FFF,#efefef 1px,#FFF 25px); border-radius:3px; border:1px solid #C9C9C9; border-color:#999 #ccc #ccc #999\9; }
.caigou_tab textarea:hover,.caigou_tab textarea:focus{ padding:5px 0 0 8px; border:1px solid #BFBFBF; border-color:#999 #ccc #ccc #999\9; box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; }
.caigou input.text{ outline:none; border:1px solid #CCC; padding:5px; -webkit-box-shadow:#DFDFDF 0 1px 2px 0 inset; box-shadow:#DFDFDF 0 1px 2px 0 inset; width:258px; color:#666; height:25px; background:#fff; line-height:25px; overflow:hidden; font-size: 12px; border-radius:3px; }
.caigou input.text:hover,.caigou input.text:focus{border:1px solid #BFBFBF; border-color:#999 #ccc #ccc #999\9; box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; }
.anbu,#runcode input{ cursor:pointer; font-size:12px; font-weight:bold; line-height:29px; *line-height:32px; _line-height:30px; line-height:30px\0; height:30px; background:#f7f7f7 url(../images/ss.png) no-repeat -200px -125px; border:none; text-shadow:0 1px white; }
#runcode input.anbuon{ background-position:0 -30px; }
.anbu,.anbuon{ width:70px; color:#383838; background-position:-200px -155px; }

#contactus{ margin-bottom: 40px; }
#contactmain h4{ height: 20px; overflow: hidden; }
#contactmain{ background-image: url(../images/kefu.gif); background-repeat: no-repeat; background-position: right top; height: 200px; padding-left: 50px; }
#contactmain p{ height: 15px; line-height: 15px; }

.lcontact{ padding-top: 10px; padding-bottom: 10px; }
.lcontact .tcred{ font-size: 18px; font-weight: 100; font-family: Impact; }
.lcontact p{ height: 26px; line-height: 30px; display: block; }
.lcontact a{ text-align: center; display: block; }

.pagecontent{width: 800px;margin:0 auto;margin-top: 30px;line-height: 22px;}

#ulOrderAnns {font-size: 12px;}