﻿@charset "utf-8";
/*WUQL*/
body { color: #666; margin: 0; padding: 0; text-align: center; font-family: "微软雅黑"; font-size: 12px;/*-moz-user-select:none;*/ line-height: 22px; HEIGHT: 100%; }
div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, p, q, span, strong, form, iframe, label, textarea, input { padding: 0; margin: 0; text-align: left }
div { margin: 0 auto }
ul, li, ol { list-style: none; list-style-type: none }
img { border: 0; -ms-interpolation-mode: bicubic }
textarea { overflow-y: auto }
q { quotes: none }
q:before, q:after { content: ''; content: none }
a { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color: #af1e24; }
.none, #none, .hide, #hide { display: none }
#clear, .clear { clear: both; line-height: 1px; height: 1px; margin-top: -1px; overflow: hidden }
a:link { text-decoration: none }
a:visited { text-decoration: none; }
a:active { text-decoration: underline; }
.fl, .l, #l { float: left }
.fr, .r, #r { float: right }
.MT10 { margin-top: 10px }
.MB10 { margin-bottom: 10px }
.PT10 { padding-top: 10px }
.PB10 { padding-bottom: 10px }
.PT30 { padding-top: 30px }
.MT20 { margin-top: 20px }
.MT50 { margin-top: 50px }
.MTA { margin-top: -70px }
.r5 { margin-right: 10px; }
.bbai { background: #FFF !important; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.gray { color: #999; font-weight: normal; }
.white { color: #fff; font-weight: normal; }
.container { margin: 0 auto; width: 1200px; }
/*a, li, span, p { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; }*/
#header { }
.header_top { width: 100%; height: 35px; overflow: hidden; border-bottom: #dedede 1px solid; }
.header_top ul { width: 1200px; height: 35px; line-height: 35px; overflow: hidden; margin: 0 auto; }
.header_top ul .title { width: 860px; background: none; text-align: left; color: #808080 }
.header_top ul .title b { color: #808080; padding-right: 10px; }
.header_top ul li { width: 70px; height: 35px; text-align: center; float: left; display: block; line-height: 35px; color: #666; }
.header_top ul li a { color: #666; }
.header_top ul li a:hover { color: #808080; }
.header_top ul li.htopr{ float:right; width:300px; text-align:right;}
.hd_cont { position: relative; height: 135px; overflow: hidden; }
.hd_cont .hd_logo { position: absolute; left: 0; top: 30px; width: 650px; }
.hd_cont .hd_logo dd { margin-top: 6px; margin-left: 12px; padding-left: 20px; border-left: 1px solid #9B9B9B; }
.hd_cont .hd_logo dd h2 { font-size: 14px; font-weight: normal; color: #808080; }
.hd_cont .hd_logo dd p { font-size: 14px; color: #808080; }
.hd_cont .dh_phone { padding: 0 0 18px 180px; margin-top: 40px; background: url(../images/phone.png) no-repeat left center; color: #5c5c5c; }
.hd_cont .dh_phone dd { font-size: 26px;   color: #af1e24; }
#nav { width: 100%; height: 55px; background: url(../images/navBg.png); }
#navMenu { width: 1200px;   height: 55px; margin: 0 auto; }
#navMenu ul {  height: 55px; text-align: center; }
#navMenu ul li { float: left; display: block;  background: url(../images/navline.gif) no-repeat right; position:relative; z-index:100; }
#navMenu ul li a { width: 130px; height: 100%; line-height: 55px; display: block;  text-align: center; color: #FFF; font-size: 16px;  }
#navMenu ul li a:hover,#navMenu ul li a.curr{ color:#FC3; background: url(../images/navline.gif) #AF1F24 no-repeat right; }
#navMenu ul li:last-child  { background:none;}
#navMenu ul li .dropMenu { position: absolute; top:55px; left:0; z-index: 9999; display:none;   background: #af1e24;  }
#navMenu ul li:hover .dropMenu { display: block;  }
#navMenu ul li .dropMenu li{ background:none;background:#AF1F24; }
#navMenu ul li .dropMenu li a { display: block; height: 35px; background:none; line-height: 35px; text-align:center; font-size:14px; color: #FFF; }
#navMenu ul li .dropMenu li a:hover { color: #000; background: #F8C40F;  }
#navMenu ul li.hover a { background: #AF1F24; } 


 
/*首页幻灯片*/
.banner { height: 480px; }
.fullSlide { width: 100%; position: relative; height: 480px;  }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 480px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 480px; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 42px; height: 11px; margin: 1px; overflow: hidden; background: #000; filter: alpha(opacity=50); opacity: 0.5; line-height: 999px; }
.fullSlide .hd ul .on { background: #f00; }
.fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 15%; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; }
.fullSlide .next { left: auto; right: 15%; background-position: -6px -137px; }
.searchBg { padding-top: 10px; padding-bottom: 20px; background: url(../images/serbg.png) bottom no-repeat }
.search { height: 36px; line-height: 36px; overflow: hidden; }
.search .searchBox { width: 262px; }
.search .soText { float: left; width: 226px;   padding: 10px; color: #333; border: none; background: url(../images/searchtxt.png) no-repeat center; outline: none; font-family: microsoft yahei; }
.search .soBtn { float: right; width: 36px; height: 36px; border: none; background: url(../images/searchbtn.png) no-repeat 0 2px ; cursor: pointer }
.search .keyWord { width: 500px; height: 36px; line-height: 36px; overflow: hidden; color: #333; }
.search .keyWord b { font-weight: normal; height: 36px; float: left; }
.search .keyWord a { padding: 0 10px; color: #333; }
.search .keyWord ul { float: left; height: 36px; }
.search .keyWord ul li { float: left; padding: 0 5px; }
/*产品*/
.cpbg { padding: 30px 0px; background-color: #f9f5f2; }
.cpbox { background-color: #fff; }
.cpmu { width: 210px; height: 746px; overflow: hidden; }
.cpmu h4 img { display: block; }
.cpmu dl { }
.cpmu dt { height: 40px; line-height: 40px; background: url(../images/cpmudt.png) no-repeat center; }
.cpmu dt a { margin-left: 64px; font-size: 14px; color: #fff; font-weight: bold; }
.cpmu dd { height: 40px; line-height: 40px; overflow: hidden; }
.cpmu dd a { display: block; padding-left: 20px; color: #333; background: url(../images/cpmudd.png) no-repeat left center; }
.cpmu dd a:hover { display: block; padding-left: 20px; color: #fff; background: url(../images/famulih.png) no-repeat left center; }
.cplist { margin-right: 20px; width: 730px; height: 746px; }
.cplist h4 { border-bottom: 1px solid #ccc; }
.cplist ul { overflow: hidden; }
.cplist li { margin-right: 20px; margin-top: 22px; float: left; width: 243px; text-align: center; }
.cplist li.nomr { margin-right: 0px; }
.cplist li h5 { margin-top: 8px; height: 20px; line-height: 20px; overflow: hidden; font-weight: normal; text-align: center; font-size: 14px; }
.cplist li h5 a { color: #333; }
/*解决方案*/
.jjfabox { margin: 30px auto; }
.famu { width: 270px;  }
.famu h4  { font-size:20px; text-align:center;  color:#fff; display: block;  background:#B41E24; line-height:44px;}
.famu ul { }
.famu li { height: 44px; line-height: 44px; background: url(../images/famuli.png) center; }
.famu li a { display: block; text-align: center; color: #fff; text-decoration: none; height: 44px; line-height: 44px; }
.famu li:hover { background-image: url(../images/famulih.png); }
.faphone {   height:60px; background: #AF1F24; }
.faphone span { display:block; text-align:center; font-size: 18px; color: #fff; line-height:60px; }
.faphone span i{ font-size:20px;}
.facont { width: 930px;   }
.facont li { position: relative; margin-left: 20px; margin-bottom: 20px; float: left; width:210px;text-align:center;}
.facont li h5 { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 36px; line-height: 36px; background: url(../images/facont.png) no-repeat center; overflow: hidden; font-size: 14px; font-weight: normal; }
.facont li.mr0{ margin-right:0;}
.facont li h5 a { margin: 0 10px; color: #fff; }
.facont li img{ max-width:210px; height: 175px; display:block; margin:0 auto;}
/*优势*/
.hxysbg { padding-bottom: 36px; background: #202932 url(../images/boxbg.jpg); }
.hxysbox { text-align: center; }
.hxysbox .hxystit { padding: 30px 0 20px 0; margin-bottom: 20px; font-weight: bold; text-align: center; background: url(../images/hxystitbr.png) no-repeat bottom; }
.hxysbox .hxystit span { font-size: 32px; height: 30px; line-height: 30px; margin-bottom: 10px; color: #af1e24; text-align: center; display: block }
.hxysbox .hxystit p { font-size: 20px; height: 25px; line-height: 25px; color: #fff; text-align: center; display: block }
.hxysbox ul { overflow: hidden; }
.hxysbox li { float: left; margin: 0 2px; padding: 0 38px; width: 152px; height: 234px; background: url(../images/hxysdl.png) no-repeat center; }
.hxysbox li h5 { padding-top: 54px; margin-bottom: 10px; font-size: 24px; text-align: center; color: #fff; }
.hxysbox li p { line-height: 20px; font-weight: bold; color: #fff; }
/*关于我们*/
.index_abt { width: 100%; background-color: #f9f5f2; }
.about { width: 1200px; height: 350px; padding-top: 40px; }
.about_t { width: 100%; height: 55px; position: relative; background: url(../images/about_titbg.gif) repeat-x bottom left; }
.about_t h3 { font-size: 24px; color: #666; line-height: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
.about_t h2 { display: inline-block; *display:inline;
*zoom:1;
padding: 0 20px; font-size: 18px; font-weight: normal; color: #fff; line-height: normal; background-color: #af1e24; }
.about_t .more { position: absolute; bottom: 0; right: 30px; padding: 0 15px; background: #af1e24; color: #FFF }
.about_t .more a { color: #FFF }
.about_c { width: 1200px; height: 220px; padding: 20px 0 }
.about_cl { width: 300px; height: 220px; }
.about_cl img { width: 496px; height: 220px; }
.about_cr { width: 670px; height: 220px; }
.about_cr h3 { line-height: 1.6em; font-weight: bold; color: #af1e24; font-family: "Microsoft YaHei", "微软雅黑"; font-size: 20px; }
.about_cr .acon { width: 670px; line-height: 26px; margin-bottom: 15px; margin-top: 10px; font-size: 14px; display: block }
.about_cr .acon p{ text-indent:2rem;}
.about_cr a { width: 60px; font-style: normal; height: 30px; line-height: 30px; padding: 0 10px 0 15px; background: #af1e24; color: #fff; display: block }
.about_cr a:hover { background: #af1e24 }
/*横幅 定制*/

.box { width: 100%; height: 180px; background: url(../images/boxbg.jpg) center;  }
.box_c { width: 1200px; height: 100px;  }
.box_cl { width: 600px; }
.box_cl h6 { color: #fff; font-size: 26px; margin-bottom: 10px; line-height: 40px; }
.box_cl span { color: #f7f7f7; font-size: 20px; line-height: 30px; }
.box_cr { width: 300px; margin-top: 20px; }
.box_cr a { width: 160px; height: 50px; line-height: 50px; float: right; text-align: center; font-size: 16px; color: #FFF; background: #af1e24 }
.box_cr a:hover { background: #af1e24 }
/*通用标题*/
.boxt { width: 100%; height: 44px; border-bottom: 1px solid #e6e6e6; }
.boxt h2 { float: left; border-bottom: 1px solid #909090; font-size: 20px; height: 44px; line-height: 44px; color: #000; }
.boxt font { float: left; font-size: 14px; padding-left: 15px; height: 44px; line-height: 44px; color: #666; }
.boxt a { float: right; font-family: Arial; line-height: 44px; margin-right: 10px; color: #000; }
.boxt a:hover { color: #168301; }
.poxt { width: 100%; background: url(../images/poxtit.png) no-repeat center bottom; }
.poxt h4 { height: 84px; overflow: hidden; text-align: center; }
.poxt h4 a { font-size: 24px; margin-top: 24px; display: inline-block; color: #af1e24; }
.poxt h4 span {display: block; color: #b2b2b2; font-weight: normal; text-transform: uppercase; text-align: center }
.conttit { position: relative; height: 44px; line-height: 44px; border-bottom:1px #ddd solid; }
.conttit .tita { margin-right: 12px; color: #af1e24; font-size: 18px; font-size: 18px;  }
.conttit span {  font-size: 16px; font-weight:normal; color: #ccc; text-transform: uppercase; }
.conttit .titmore { position: absolute; right: 0px; top: 14px; }
/*滚动成功案例*/
.case { width: 1200px; }
.ibox7 { padding-top: 30px; height: 204px; overflow: hidden; position: relative; }
.ibox7 #LeftArr1 { position: absolute; left: 0px; top: 30px; width: 34px; height: 174px; cursor: pointer; background: url(../images/left.png) left center no-repeat; }
.ibox7 #RightArr1 { position: absolute; right: 0px; top: 30px; width: 34px; height: 174px; cursor: pointer; background: url(../images/right.png) right center no-repeat; }
.ihonor { width: 1000px; margin: 0px auto  ; overflow: hidden; }
.ihonor ul li{width: 220px; float:left; border: 7px #ededed solid; margin: 0px 15px; padding:5px 0px; text-align:center;}
.ihonor img { max-width: 220px; height: 134px; display:block; margin:0px auto 5px; }
/*新闻动态*/
.dtspan { margin: 30px auto; }
.dtbox { width: 918px;  border: 1px solid #ccc; padding-bottom:10px; }
.dtbox h4 { overflow: hidden; font-size: 18px;  }
.dtbox h4 a { float: left; width: 33%; text-align: center; height: 48px; line-height: 48px; color: #333; background: url(../images/dttitbr.png) repeat-x center 47px; transition: all 0s; border-left:1px #eee solid; }
.dtbox h4 a em {  text-transform: uppercase; margin-left: 5px; color: #ccc; font-weight:normal; font-style:normal; font-size:14px; }
.dtbox h4 a:hover, .dtbox h4 a.cur { background: url(../images/dttith.png) repeat-x center bottom; color: #af1e24; text-decoration: none; }
.dtbox dl { margin:  20px 20px 0; height: 150px;  border-bottom: 1px dotted #ccc; padding-bottom:15px; }
.dtbox dd { margin-left: 300px; }
.dtbox dd h5 { height: 50px; line-height: 50px; font-size: 14px; }
.dtbox dd h5 a { color: #333; }
.dtbox dd p { line-height: 22px; height: 66px; overflow: hidden; }
.dtbox ul { margin: 0 20px;  padding-top: 10px; }
.dtbox li { position: relative; height: 28px; line-height: 28px; float:left; width:48%; margin-right:1%; }
.dtbox li.mr0{ float:right; margin-right:0;}
.dtbox li a { display: inline-block; padding-left: 16px; background: url(../images/dtliico.png) no-repeat left center;   overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; }
.dtbox li span { position: absolute; right: 0; color: #999; }
/*服务支持*/
.fwzc { width: 232px;   border: 1px solid #ccc; }
.fwzc h4 {  padding: 1px 0px; }
.fwzc h4 .tita{ margin-left:18px;}
.fwzc .fwphone { position: relative; height: 64px; background: url(../images/fwphone.png) no-repeat center; }
.fwzc .fwphone span { position: absolute; left: 62px; top: 24px; font-size: 22px; font-weight: bold; color: #af1e24; }
.fwzc .contact{ padding:0 20px 20px;}
/*友情链接*/
.yqljbg { background-color: #333; }
.yqlj { padding: 10px 0px; }
.yqlj .conttit { border-bottom: none; }
.yqlj .conttit .tita { padding-left: 10px; color: #fff; background: url(../images/yqljtit.png) no-repeat left; }
.yqlj .conttit span { color: #5c5c5c; }
.yqlj p { height: 30px; line-height: 30px; overflow: hidden; }
.yqlj p a { padding-right: 15px; color: #808080; }
/*页尾*/
.footwrap { background-color: #333;  }
.footer { position: relative; padding-bottom: 40px; overflow: hidden; }
.fotnav { height: 40px; line-height: 40px; font-size: 13px; text-align:center; }
.fotnav a { padding-right: 35px; padding-left: 10px; text-align: left; background: url(../images/navli.png) no-repeat right center; color: #fff; }
.fotnav a.nobg { background-image: none; padding-left: 45 }
.fottxt { padding-top: 20px;  line-height: 30px; color: #999;  border-top: 1px solid #484848; }
.fottxt a { color: #999; }
.fottxt p{ text-align:center ;}
.fotphone { position: absolute; right: 0px; top: 80px; padding-left: 46px; background: url(../images/footphone.png) no-repeat left center; color: #fff; }
.fotphone dd { font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fff; }
/*内页左右*/
.ncon { width: 1000px; height: auto; padding-bottom: 10px }
.ncon:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.nconr { width: 750px; float: right; border: #dedede 1px solid; background: #FFF }
.nconl { width: 210px; float: left }
/*内页左侧产品分类*/
.prs { width: 210px; overflow: hidden; background: #FFF }
.prs .t05 { background: #af1e24; height: 63px; line-height: 63px; padding-left: 25px; font-family: "微软雅黑"; font-size: 22px; font-weight: normal; color: #FFF }
.prs .t05_con { border: 5px solid #af1e24; width: 200px; border-top: 0; }
.prs li { line-height: 35px; padding-left: 10px; border-bottom: 1px dotted #b4b1b1; }
.prs li.cur a { color: #af1e24 }
.prs li a { color: #333333; font-size: 12px; }
/*左侧联系我们*/
.contactn { width: 210px; overflow: hidden; background: #FFF; }
.contactn .tits { padding: 9px 0 9px 0; height: 38px; text-align: center; background: #af1e24; color: #fff; font-size: 16px; font-weight: 100; font-family: "Microsoft YaHei"; padding-left: 5px; }
.contactn .tits a { color: #fff; }
.contactn .tits span { color: #F3F3F3; font-size: 12px; text-transform: uppercase; font-family: "Microsoft YaHei"; text-align: center }
.contactn .subnr { border: 1px solid #af1e24; border-top: 0; padding: 24px 7px 5px; width: 194px; overflow: hidden; }
.contactn .subnr p { line-height: 25px; overflow: hidden; }
.contactn .subnr span { color: #333; font-weight: bold; }
.contactn .subnr h5 { padding-top: 12px; line-height: 28px; overflow: hidden; color: #af1e24; font-size: 14px }
/*内页模板BANNER*/
.index_article { width: 100%; height: 400px; background: url(../images/img01.jpg) bottom no-repeat }
.list_article { width: 100%; height: 400px; background: url(../images/img02.jpg) bottom no-repeat }
.list_article2 { width: 100%; height: 400px; background: url(../images/img03.jpg) bottom no-repeat }
.article_article { width: 100%; height: 400px; background: url(../images/img03.jpg) bottom no-repeat }
.img_article { width: 100%; height: 400px; background: url(../images/img04.jpg) bottom no-repeat }
.book { width: 100%; height: 400px; background: url(../images/img05.jpg) bottom no-repeat }
.title { width: 730px; height: 60px; }
.title h1 { height: 60px; line-height: 60px; font-family: '黑体'; font-size: 20px; font-weight: normal; display: block; text-align: center }
.resource { height: 35px; width: 720px; line-height: 35px; border-bottom: 1px solid #DEDEDE; text-align: center; margin-bottom: 8px }
.des { height: 40px; width: 708px; padding: 5px; line-height: 23px; border: #CCC 1px dotted; overflow: hidden }
.content { line-height: 24px; font-size: 14px; padding: 15px 20px 25px 20px; width: 710px; background: #FFF }
.content img { max-width: 650px !important; display: block; margin: 5px auto }
.content p { padding-top: 10px }
.fenxiang { padding: 10px 5px; width: 720px }
/*相关阅读*/
.linkarc { width: 720px; padding: 10px 5px 5px 5px; }
.linkarc_t { width: 720px; height: 25px; background: url(../images/xuxian.png) bottom repeat-x }
.linkarc_t h2 { font-size: 12px; background: url(../images/dd.gif) left no-repeat; padding-left: 20px; font-weight: bold; font-family: "微软雅黑" }
.linkarc_c { width: 720px; padding: 10px 0; }
.linkarc_c li { width: 705px; height: 28px; line-height: 25px; padding-left: 15px; background: url(../images/dd2.gif) left no-repeat; border-bottom: #CCC 1px dashed }
.linkarc_c li a { color: #2b2b2b }
.caseimg { width: 690px; height: 115px; float: left; padding: 5px 5px }
.caseimg img { width: 198px; height: 108px; float: left; border: #CCC 1px solid; margin-right: 10px }
/*图片列表*/
.pro { width: 750px; padding: 5px 0 }
.proimg { width: 215px; height: 250px; float: left; display: block; padding: 10px 16px; }
.proimg img { width: 211px; height: 168px; border: #dedede 1px solid; padding: 1px; display: block }
.proimg span { width: 215px; height: 30px; line-height: 30px; overflow: hidden; background: #F7F7F7; text-align: center; display: block }
.proimg p { width: 215px; height: 45px; padding-top: 5px; line-height: 20px; text-align: left; color: #666; font-weight: normal; display: block }
/*新闻列表*/
.liebiao { padding: 15px 15px; width: 720px }
.liebiao li { width: 700px; height: 35px; line-height: 35px; background: url(../images/sou_bj.png) left no-repeat; padding-left: 15px; border-bottom: #CCC 1px dotted }
.liebiao li a { width: 520px; height: 35px; line-height: 35px; overflow: hidden; float: left }
.liebiao li span { width: 150px; height: 35px; line-height: 35px; float: right; text-align: right }
/*图文混排列表*/
.list_1 { padding: 15px; width: 720px }
.list_1 li { height: 100%; overflow: hidden; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #CCCCCC; }
.list_1 li img { width: 170px; height: 120px; display: block; float: left; margin-right: 10px; padding: 3px; border: 1px solid #dedede; }
.list_1 li h5 a { font-size: 13px; padding-bottom: 5px; }
.list_1 li p { height: 60px; font-size: 12px; line-height: 20px; color: #666; overflow: hidden; padding-top: 5px; }
.list_1 li p a { color: #ff6600 }
.list_1 li p a:hover { color: #ff3300; }
/*面包屑*/
.weizhi { width: 740px; height: 32px; border-bottom: #DDDDDD 1px solid; padding: 0 0 0 10px; background: url(../images/conttitbg.png) repeat-x }
.weizhi h2 { height: 32px; float: left; padding-left: 20px; background: url(../images/lf_n_ic2.gif) left no-repeat; line-height: 32px; font-size: 14px; color: #af1e24; display: block }
.weizhi h3 { height: 32px; float: right; padding-right: 20px; text-align: right; line-height: 32px; font-size: 12px; font-weight: normal; color: #666; display: block }
.page { width: 720px; padding: 10px 0; margin-top: 5px; }
/*分页*/
.page_list { padding: 3px; margin: 3px; text-align: center }
.page_list a, .page_list strong { border: 1px solid #ddd; padding: 6px 10px; }
.page_list a.now, .page_list a:hover, .page_list li.thisclass a { background: #af1e24; color: #fff; cursor: pointer }
.page_list span.disabled { cursor: pointer; border: 1px solid #ddd; padding: 6px 10px; }
.page_list span.thisclass { background: #af1e24; color: #fff; cursor: pointer; border: 1px solid #ddd; padding: 6px 10px; }
/*产品*/
 /*-----------------详情页-放大图---------------------*/
.proarc { padding: 15px 10px; width: 730px }
.show_gallery { float: left; width: 430px; height: 508px; margin: 0 0 20px 0; position: relative; }
.gallery_box { width: 430px; height: 508px; background: #fff; overflow: hidden }
.tb-pic a { display: table-cell; text-align: center; vertical-align: middle; }
.tb-pic a img { vertical-align: middle; }
.tb-pic a { *display:block;
*font-family:Arial;
*line-height:1;
}
.tb-thumb { margin: 10px 0 0; overflow: hidden; padding: 0; }
.tb-thumb li img { width: 70px; height: 70px; }
.tb-thumb li { float: left; height: 70px; margin: 0 5px 0 5px; overflow: hidden; padding: 2px; border: #dfdfdf 1px solid; }
.tb-s310, .tb-s310 a { height: 414px; width: 414px; }
.tb-s310, .tb-s310 img { max-height: 414px; max-width: 414px; }
.tb-s310 a { *font-size:271px;
}
.tb-s40 a { *font-size:35px;
}
.tb-s40, .tb-s40 a { height: 70px; width: 70px; }
.tb-booth { border: 1px solid #e9e9e9; background: #fff; position: relative; z-index: 1; padding: 2px; }
.tb-thumb .tb-selected { height: 70px; border: #00a9e9 1px solid; }
.tb-thumb .tb-selected div { background-color: #FFFFFF; border: medium none; }
.tb-thumb li div { }
div.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 10px; width: 300px; height: 300px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; margin: -3px 0 0 2px; }
div.zoomMask { position: absolute; border: 1px solid #aaa; background: #fff 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; z-index: 1; width: 200px; height: 200px; }
.zoomDiv img { width: 600px; height: 600px; }
.show_property { float: right; width: 280px; padding: 0 0 0 0; position: relative; }
.show_property h1 { font-size: 20px; color: #333; line-height: 40px; font-family: "微软雅黑"; }
.show_property h1 a { color: #333; }
.show_property h2 { font-size: 15px; color: #cc0000; line-height: 20px; margin-bottom: 20px; }
.show_property p span { color: #999; display: inline-block; }
.zx_price span { vertical-align: top; line-height: 37px; }
.numbox span { vertical-align: top; }
.show_property p { line-height: 25px; padding-bottom: 10px; color: #666 }
.show_property p s { color: #999; font-family: "微软雅黑"; }
.show_property p strong { color: #F0800F; font-size: 16px; font-weight: 700; font-family: "微软雅黑"; vertical-align: bottom; position: relative; padding: 0 5px; }
.show_property p b { color: #F0800F; font-size: 16px; font-family: "微软雅黑"; vertical-align: bottom; *vertical-align:middle;
font-weight: 700; }
.show_property .color_class { padding: 20px 0; width: 300px; margin: 10px 0 0 0; }
.show_property .color_class span { vertical-align: top; line-height: 36px; display: block; float: left; width: 66px; color: #999; }
.green { color: #669900; }
.show_property .share { position: absolute; top: 438px; width: 280px; height: 40px; }
.choose_style { width: 278px; height: 95px; margin: 10px 0 0 0; border: #e9e9e9 1px solid; background: #f4f4f4; }
.choose_style h3 { height: 40px; line-height: 40px; text-align: center; font-size: 12px; }
.choose_style h3 span { float: left; width: 148px; height: 39px; background: #fff; line-height: 39px; border-right: #e9e9e9 1px solid; border-bottom: #e9e9e9 1px solid; cursor: pointer; }
.choose_style h3 span.last { border-right: none; width: 149px; }
.choose_style h3 span.current { background: #f4f4f4; border-bottom: #f4f4f4 1px solid; }
.choose_color { margin: 0; }
.choose_color li { overflow: hidden; width: 78px; height: 38px; border: #ccc 1px solid; background: #fff; line-height: 34px; text-align: center; position: relative; }
.choose_color li img { display: none; }
.choose_color li span { display: none; }
.choose_color li.tb-selected span { display: block; width: 14px; height: 14px; background: url(../images/choose.gif) no-repeat; position: absolute; right: 0; bottom: 0; }
.choose_color li.tb-selected { width: 74px; height: 34px; border: #F0800F 3px solid; background: #fff; line-height: 34px; }
.choose_color li .tb-s40, .choose_color li .tb-s40 a { height: 34px; width: 100%; display: block; text-decoration: none; font-size: 12px; line-height: 34px; cursor: pointer; }
.choose_body { padding: 10px 0 15px 20px; }
.choose_body td { height: 40px; line-height: 40px; padding: 0 0 10px 0; }
.num_box { float: left; background: url(../images/num_box.jpg) no-repeat; width: 72px; height: 40px; line-height: 40px; border: none; text-align: center; font-size: 20px; color: #F0800F; font-family: Arial, Helvetica, sans-serif; }
.add_num { float: left; display: block; width: 29px; height: 40px; background: url(../images/add.jpg) no-repeat; border: none; cursor: pointer; }
.min_num { float: left; display: block; width: 29px; height: 40px; background: url(../images/min.jpg) no-repeat right 0; border: none; cursor: pointer; }
.buybtn { display: block }
.choose_body td.btnbar { padding: 10px 0 0 0; }
.show_sider { float: left; width: 190px; }
.show_content { float: left; width: 730px; display: inline; }
.show_content h3 { height: 47px; background: url(../images/hbg.jpg) repeat-x 0 bottom; }
.show_content h3 span { float: left; display: block; height: 43px; line-height: 43px; color: #333; font-weight: bold; border: #e9e9e9 1px solid; border-bottom: none; background: #f9f9f9; cursor: pointer; font-weight: normal; width: 148px; text-align: center; margin: 0 10px 0 0; display: inline; }
.show_content h3 span.current { height: 44px; line-height: 43px; border: #e9e9e9 3px solid; border-bottom: none; background: #fff; font-weight: bold; width: 144px; }
.show_content h3 span b { color: #669900; font-weight: normal; }
/*-----------------详情页-商品参数---------------------*/
.brand_box { background: #f9f9f9; border: #e9e9e9 1px solid; margin: 15px 0; }
.brand_box ul { margin: 25px; }
.brand_box ul li { float: left; width: 50%; height: 24px; line-height: 24px; font-family: Arial, Helvetica, sans-serif; color: #666; }
.brand_box ul li strong { color: #333; font-weight: normal; }
.content_body { text-align: left; line-height: 1.5em; font-size: 14px; padding: 5px }
.content_body p { font-size: 14px; }
.content_body img { max-width: 750px; }
.content_box { display: none; }
.evaluate ul { padding: 10px 0 0 0; }
.evaluate ul li { border-bottom: #e9e9e9 1px solid; clear: both; padding: 18px 0; }
.evaluate ul li span { color: #999; }
.evaluate ul li p { line-height: 20px; color: #666; }
.evaluate ul li p strong { color: #669900; font-weight: normal; margin-right: 8px; }
.author { padding: 0 0 5px 0; }
.show_content .pages { text-align: left; margin: 25px 0; }
.comment { border: #e9e9e9 1px solid; background: #f4f4f4; padding: 20px 30px; }
.comment h4 { line-height: 20px; color: #666; font-weight: normal; padding: 5px 0 15px 0; }
.comment td { height: 35px; padding-bottom: 10px; }
.comment td .text { border: #ccc 1px solid; height: 33px; line-height: 33px; width: 198px; }
.comment td textarea { border: #ccc 1px solid; height: 118px; line-height: 33px; width: 598px; overflow: hidden; }
.huifu { border: #FFCC99 1px solid; background: #FFF4EA; padding: 20px; line-height: 21.6px; margin: 15px 0 0 0; }
.huifu_body { position: relative; }
.huifu em { display: block; width: 16px; height: 18px; font-size: 0; line-height: 0; background: url(../images/jiao.gif) no-repeat 0 0; position: absolute; top: -28px; *top:-33px;
_top: -32px; left: 6px; z-index: 1000; }
.huifu strong { color: #ff6500; font-weight: normal; }
.sela_list li { height: 250px; margin: 15px 0 0 0; border: #dfdfdf 1px solid; padding: 20px; position: relative; z-index: 100; }
.sela_list li img { margin: 0 40px 0 0; width: 250px; height: 250px; }
.sela_list li p strong a { font-size: 20px; color: #333; font-family: "微软雅黑"; line-height: 36px; font-style: normal; }
.sela_list li p s { color: #999; line-height: 24px; }
.sela_list li p em { color: #FF7F00; font-size: 25px; line-height: 24px; font-style: normal; font-family: "微软雅黑"; margin-bottom: 15px; display: block; }
.sela_list li p { line-height: 22px; color: #333; font-family: "微软雅黑"; font-size: 11px; }
.sela_list li p b { color: #FF7F00; }
.tehui_ico { position: absolute; width: 79px; height: 79px; background: url(../images/tehui.gif) no-repeat; top: -1px; left: -1px; }
.sela_list li .kq { display: block; width: 96px; height: 46px; background: #000 url(../images/kq.jpg) no-repeat right 0; position: absolute; top: 208px; right: -5px; z-index: 100; }
.ok_btn { background: #af1e24; border: medium none; color: #ffffff; cursor: pointer; font-size: 14px; font-weight: bold; height: 40px; text-align: center; width: 130px; }
.shr_hotpage { float: left; padding: 18px 0 22px 0; width: 100%; text-align: center; border-top: #dedede 1px dotted }
.correlation-article { margin-top: 15px; padding-bottom: 15px; }
.correlation-article h2 { border: 0; border-bottom: 1px #E6E6E6 solid; padding-left: 25px; margin-bottom: 10px; font-size: 14px; height: 26px; line-height: 26px; background: url(../images/xgtit.png) left no-repeat; }
.correlation-article ul { height: 100%; overflow: hidden; }
.correlation-article li { width: 48%; text-align: left; line-height: 30px; height: 30px; padding-left: 10px; float: left; background: url(../images/sou_bj.png) left no-repeat }
/*留言*/
.contact-xmtj { width: 690px; margin-top: 10px; background: url(../images/jobbg.png) top right no-repeat }
.contact-xmtj a:hover { color: #F00 }
.name2 { width: 323px; height: 21px; line-height: 21px; border: 1px #e2e2e2 solid; font-family: "Microsoft YaHei"; }
.con { width: 583px; height: 161px; border: 1px #e2e2e2 solid; font-family: "Microsoft YaHei"; }
.button1 { width: 64px; height: 21px; text-align: center; line-height: 21px; cOLOR: #FFF; font-family: "Microsoft YaHei"; background: url(../images/xmtj_11.jpg) no-repeat; border: none; margin-right: 20px; float: left; cursor: pointer; }
.button2 { width: 64px; height: 21px; text-align: center; line-height: 21px; cOLOR: #FFF; font-family: "Microsoft YaHei"; background: url(../images/xmtj_13.jpg) no-repeat; float: left; border: none; cursor: pointer; }
 
.qr_code { position: fixed; top: 50%; left: 10px; z-index: 200; text-align: center; background: #fff; padding: 5px; }
.qr_code img { margin: 0 0 5px; display: block }
.page_top { position: absolute; }
#pageTop { z-index: 160; width: 65px; height: 65px; background: url(../images/pagetop.png) no-repeat; position: fixed; _position: absolute; bottom: 10px; right: 10px; overflow: hidden; text-indent: -999px; cursor: pointer }
#pageTop:hover { background-image: url(../images/pagetop_on.png) }
#pageTop a { width: 100%; height: 100%; display: block; }
*html #pageTop a { width: 65px; height: 65px }
.pagex { clear: both; height: 30px; margin: 20px; overflow: hidden; }
.mbbody_body .pagex { margin-left: 20px; }
.pagex ul { }
.pagex ul li { float: left; border: 1px solid #ccc; padding: 2px 9px; margin: 0 3px; line-height: 20px; background: #fff; }
.pagex ul li.thisclass { display: inline-block; border: 1px solid #af1e24; padding: 2px 9px; margin: 0 3px; background: #af1e24; color: #fff; }
.pagex ul li.thisclass a { color: #fff; }
.pagex ul li a:hover { color: #1f9652; }
.pagex ul li span { display: inline-block; padding: 0; }
.mbg { background: #fff url(../images/mbg.jpg) repeat-x 0 0; position: relative; top: 20px; z-index: 99; padding-top: 20px; padding-left: 10px; }
.wrap { width: 1100px; height: 560px; clear: both; margin: 0 auto; }
.flnav { margin: 10px auto; text-align: center; }
.flnav a { background: #a70000; color: #ffffff; display: inline-block; font-size: 14px; height: 40px; line-height: 40px; margin-right: 15px; text-align: center; width: auto; font-weight: bold; padding: 10px; float: left; margin-top: 10px; }
.flnav a:hover { background: #dcdcdc; color: #000; }
.ny_pictures { margin-top: 10px; }
.ny_pictures li { float: left; height: 215px; margin: 5px; overflow: hidden; width: 255px; }
.ny_pictures li p { line-height: 30px; text-align: center; width: 235px; font-weight: bold; font-size: 14px; }
.ny_pictures li a img { background: #fff none repeat scroll 0 0; border: 1px solid #cccccc; height: 170px; padding: 8px; width: 235px; }
.ny_pictures li a:hover img { background: #a70000 none repeat scroll 0 0; height: 170px; padding: 8px; width: 235px; }
 
.sy_fl  span { float: left; margin: 5px 0 5px 10px;width: 183px; background: #3f3f3f; color: #fff; height: 50px; line-height: 50px; text-align: center; font-weight: bold; }
.sy_fl  span a { color: #fff; line-height: 50px; width: 183px; display: block; }
.sy_fl  span a:hover { color: #fff; background: #b80000; width: 183px; }
.sy_fl { padding: 10px; height: 100px; }
.sy_fl ul li strong { color: #fff; font-size: 18px; font-family: "黑体"; background: #a60000; width: 150px; display: block; height: 30px; line-height: 30px; padding-left: 5px; float: left; margin-bottom: 10px; }
.sy_fl ul li strong a { color: #fff; }
.sy_fl ul li em { display: block; float: left; font-style: normal; height: 30px; line-height: 30px; }
.sy_fl ul li em a { padding: 0 10px; font-size: 12px }
.top3 { font-size: 28px; text-decoration: none; color: #000; text-align: center; }
.top3 a:link { text-decoration: none; color: #000; }
.top3 a:hover { text-decoration: none; color: #000; }
.top3 a:visited { text-decoration: none; color: #000; }
.top3 a:active { text-decoration: none; color: #000; }
.top_3 { font-size: 40px; text-decoration: none; color: #a60000; }
.top_3 a:link { text-decoration: none; color: #a60000; }
.top_3 a:hover { text-decoration: none; color: #a60000; }
.top_3 a:visited { text-decoration: none; color: #a60000; }
.top_3 a:active { text-decoration: none; color: #a60000; }
.sy_tjcp { margin-left: 10px; }
.sy_tjcp a { float: left; width: 565px; display: block; border: 1px solid #ccc; margin: 10px }
.sy_tjcp a:hover { border: 1px solid #ffc600 }
.sy_tjcp a img { max-width: 565px; height: 281px; display:block; margin:0 auto; }
.sy_tjcp a span { display: block; width: 545px; background: url(../images/tb.png) 510px 75px no-repeat #a60000; padding: 20px 10px; height: 80px; overflow: hidden }
.sy_tjcp a span h3 { color: #FFF; font-size: 16px; }
.sy_tjcp a span h4 { color: #FFF; font-size: 14px; font-weight: normal }
.sy_tjcp a:hover span { background: url(../images/tb.png) 510px 75px no-repeat #ffc600 }
.sy_tjcp a:hover span h3 { color: #000; font-size: 16px; }
.sy_tjcp a:hover span h4 { color: #000; font-size: 14px; font-weight: normal; }
/*图片列表*/
.pro { width: 750px; padding: 5px 0 }
.proimg { width: 340px; height: 250px; float: left; display: block; padding: 10px 16px; }
.proimg img { width: 336px; height: 211px; padding: 1px; border: #dedede 1px solid; display: block }
.proimg span { width: 336px; height: 30px; line-height: 30px; overflow: hidden; background: #F7F7F7; text-align: center; display: block }
.proimg p { width: 336px; height: 45px; padding-top: 5px; line-height: 20px; text-align: left; color: #666; font-weight: normal; display: block }
/*内页*/
.main { margin: 20px auto; width: 1200px; }
.main .left { width: 200px; float: left;  margin-top:-85px; }
.main .bt { background: #AF1E24; height: 45px; font-size: 18px; line-height: 45px; vertical-align: middle; color: #fff; padding-left: 15px; position: relative; }
.main .lbt{ height:65px; line-height:65px; font-size:20px;}
.main .bt span { position: absolute; top: 0; right: 10px; }
.main .bt span a { color: #fff; }
.main .lcon { padding: 10px; border: 1px #AF1E24 solid; margin-bottom: 10px; border-top: 0; }
.main .leftcon{ border:5px #AF1E24 solid; border-top:0;}
.main .lnul li a { display: block; border-bottom: 1px #FFE1AF dotted; height: 35px; line-height: 35px; vertical-align: middle; color: #333; background: url(../images/lulibg.gif) 10px center no-repeat; padding-left: 25px; }
.main .lnul li a:hover { color: #920000; }
.main .right { width: 970px; float: right; border:1px #ddd solid; padding-bottom:10px; }
.main .right .bt{ border-bottom:1px #ddd solid; background:url(../images/conttitbg.png) top left repeat-x;  color:#af1e24; height:38px; line-height:38px; vertical-align:middle; font-size:14px ;}
.main .right .bt b{ background:url(../images/lf_n_ic2.gif) left center no-repeat; padding-left:20px;}
.main .right .bt span{ color:#666; font-weight: normal;}
.main .right .bt span a{color:#666; }
.main .right .singlepage { padding: 20px; }
.main .right .singlepage p { text-indent: 30px; margin-bottom: 10px; }
.main .newslist { padding: 10px; }
.main .newslist ul li { position: relative; line-height: 35px; height: 35px; vertical-align: middle; border-bottom: 1px #eee solid; background: url(../images/lulibg.png) 10px center no-repeat; padding-left: 25px; }
.main .newslist ul li span { position: absolute; top: 0; right: 10px; }
.main .tlist li { width: 46%; float: left; }
.main .tlist li.mr0 { margin-right: 0; float: right; }
.nhbt { text-align: center; font-size: 20px; line-height: 50px; }
.fbt { text-align: center; font-size: 12px; color: #666; border-bottom: 1px #ddd solid; margin-bottom: 10px; padding-bottom: 10px; }
.fbt span { padding: 0 10px; }
/*pages*/
.pages { text-align: center; padding: 10px 20px 20px; margin-top: 20px; }
.pages ul li { display:inline; zoom:1; float:right; display: inline-block; margin-right: 5px; border: 1px #D90009 solid; border-radius: 2px; padding: 0px 10px; }
.pages ul li.active { background: #AF1E24; }
.pages ul li.active a { color: #fff; }

.prolist{padding:10px;}
.prolist li{ float:left; width:220px; margin: 8px; text-align:center;}
.prolist li span{ display:block; border:1px #ddd solid;width:210px; padding:5px;}
.prolist li img{ height:150px; max-width:210px; display:block; margin:0 auto;}

 

.feiye { padding-top: 10px; border-top: 1px #ddd solid; }
.feiye p { line-height: 35px; }
.bigpic img { max-width: 100%; margin: 20px auto; display: block; }
.rrs { padding: 10px; }
.rrs h2 { font-size: 16px; color: #ff5652; line-height: 50px; }
.rrs .rrslist li { height: 30px; line-height: 30px; vertical-align: middle; position: relative; border-bottom: 1px #eee solid }
.rrs .rrslist li span { position: absolute; top: 0; right: 10px; }
/*浮動客服*/
#floatDivBoxs { width: 170px; background: #fff; position: fixed; top: 180px; right: 0; z-index: 99999; font-family: "microsoft yahei"; }
#floatDivBoxs a { color: #000; }
#floatDivBoxs .floatDtt { width: 100%; height: 45px; line-height: 45px; background: #861C1E; color: #fff; font-size: 18px; text-indent: 22px; position: relative; }
#floatDivBoxs .floatDqq { padding: 0 14px; }
#floatDivBoxs .floatDqq li { height: 45px; line-height: 45px; font-size: 15px; border-bottom: 1px solid #e3e3e3; padding: 0 0 0 50px; }
#floatDivBoxs .floatDtxt { font-size: 18px; color: #333; padding: 12px 14px; }
#floatDivBoxs .floatDtel { padding: 0 0 15px 10px; text-align: center; font-size: 22px; color: #333; }
#floatDivBoxs .floatDtel img { display: block; }
#floatDivBoxs .floatDbg { width: 100%; height: 20px; background: url(../images/online_botbg.jpg) no-repeat; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
.floatShadow { background: #fff; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
#rightArrow { width: 50px; height: 45px; background: url(../images/online_arrow.jpg) no-repeat; position: fixed; top: 180px; right: 170px; z-index: 99999; }
#rightArrow a { display: block; height: 45px; }
