@charset "utf-8";
/* CSS Document */
body { margin: 0 auto; font-family: 微软雅黑, 'microsoft Yahei', Arial; font-size: 14px; line-height: 26px; }
dl, dt, dd, ul, li, form, h1, h2, h3, p { margin: 0; padding: 0; border: 0px; }
ul, li { list-style: none; padding: 0; margin: 0; }
img { border: 0px; }
a { text-decoration: none; display: inline-block; }
.w1200 { width: 1200px; margin: 0 auto; clear: both; overflow: hidden; }
.clear { clear: both; }
.font-12px { font-size: 12px; line-height: 24px; }
.font-18px { font-size: 18px; }
.font-16px { font-size: 16px; }
.left { float: left; }
.right { float: right; }
.mtop30 { margin-top: 30px; }
.mtop60 { margin-top: 60px; }
.mr100 { margin-right: 100px; }
.mr24 { margin-right: 24px; }
.ml72 { margin-left: 72px; }
.mrb150 { margin-bottom: 150px; }
.ptop20 { margin-top: 20px; }
.center { text-align: center; }
.color666 { color: #666 }
.cred { color: #f30b0b; }

.en a { color: #fff; margin-right: 15px; line-height: 40px; }
.en a:hover { color: #f62900; }
#top_t { background-color: #262626; width: auto; height: 40px; color: #fefefe; font-size: 12px; line-height: 40px; }
.gyhy { background: url(/images/icon.png) -2px -31px no-repeat; }
.tel { background: url(/images/icon.png) 4px -2px no-repeat; }
.top_tl a { margin-left: 30px; }
#top_tr a { width: 39px; float: left; height: 30px; cursor: pointer; display: block; background: url(/images/icon.png) 0px -62px no-repeat; color: #fff; }
#top_tr a:hover { background: url(/images/iconhover.png) no-repeat; color: #fff; }
#top_tr a.qq { background-position: 0px -62px; }
#top_tr a.qq:hover { background-position: 0px -2px }
#top_tr a.weibo { background-position: 0px -92px }
#top_tr a.weibo:hover { background-position: 1px -31px }
#top_tr a.weixin { background-position: 0px -122px }
#top_tr a.weixin:hover { background-position: 0px -62px; }
#top_tr a.tmore { background-position: 0px -153px }
#top_tr a.tmore:hover { background-position: 0px -93px }
.logo { width: 120px; height: 130px; }
.nav { height: 130px; background: url(/images/nvb.jpg) repeat-x bottom; position: relative; z-index: 300 }
.s_menu { position: relative; z-index: 20 }
.s_menu ul { width: 540px; float: left; line-height: 130px; }
.s_menu li { float: left; width: 25%; text-align: center; }
.s_menu ul li a { color: #000; display: block }
.s_menu ul li a:hover { color: #e52c2c; font-size: 16px; }
.navl li { background: url(/images/nav.png) no-repeat left; }
.navr li { background: url(/images/nav.png) no-repeat right; }
.navl li a { margin-left: 10px }

.sub_menu { position: absolute; top: 130px; left: 0px; width: 100%; background: rgba(0,0,0,0.8); z-index: 1; display: none }
.sub_menu ul { width: 1200px; margin: 0 auto; float: none; padding: 10px 0px; }
.sub_menu ul li { float: left; width: auto; margin-right: 27px; font-size: 12px; }
.sub_menu ul li a { color: #fff; display: inline }
.sub_menu ul li a:hover { color: red }


.sub_menu2 { position: absolute; top: 130px; width: 100%; background: rgba(0,0,0,0.8); z-index: 1; display: none; }
.sub_menu2 ul { width: 1200px; margin: 0 auto; float: none; padding: 10px 0px; padding-left: 280px; }
.sub_menu2 ul li { float: left; width: auto; margin-right: 27px; font-size: 12px; }
.sub_menu2 ul li a { color: #fff; display: inline }
.sub_menu2 ul li a:hover { color: red }


.banner { position: relative; height: 596px; overflow: hidden; z-index: 2 }
.banner img { width: 100%; display: block; }

.banner ul { position: relative; overflow: hidden; }
.banner ul li { height: 596px; display: none; z-index: 1 }
.banner .w1200 { position: relative; z-index: 100; top: -70px; color: #fff; height: 50px }
.banner .num span { width: 30px; height: 8px; display: inline-block; margin-right: 20px; background: #fff; cursor: pointer }
.banner .num .cur { background: #ff6600 }


.ssb { width: 100%; background-color: #f9f9f9; height: 100px; }
.fast { font-size: 20px; font-weight: bold; color: #484848; line-height: 100px; }
.sele-type { padding-top: 30px; float: left; position: relative; }
.sele-type span { width: 342px; height: 40px; display: block; line-height: 40px; text-indent: 1em; cursor: pointer; background: #fff url(/images/st.jpg) no-repeat right center; border: 1px solid #dddddd; margin: 0 15px }

.sele-type ul { display: none; position: absolute; left: 15px; top: 72px; width: 322px; border: 1px solid #cbc9c9; padding: 5px 10px; background-color: #fff; border-top: 0px; z-index: 2; }

.sele-type ul li { width: 100%; height: 42px; line-height: 42px; text-align: center; cursor: pointer; }
.sele-type ul li:hover { background: #eee; display: block; }
.enqury_search { border: 0; outline: 0; height: 40px; width: 230px; background-color: #e52c2c; color: #fff; cursor: pointer; float: left; margin-top: 30px; font-size: 18px; }
.enqury_search:hover { background-color: #cf2626; }
.ssmain { width: 1200px; margin: 0 auto; }
/*index main*/
.main { margin-top: 50px; }
.ab a { font-size: 24px; font-weight: bold; }
.ab span { font-style: oblique; font-size: 12px; color: #cacaca; font-weight: bold; margin-left: 10px; }
.abimg { width: 196px; height: 285px; overflow: hidden; margin-right: 16px; }
.abcontent { width: 316px; height: 285px; overflow: hidden; font-size: 12px; line-height: 22px; }
.abtxt { height: 144px; margin-top: 5px; border-bottom: 1px #666 dotted; }
#cutprofile { background: url(/images/x.png) no-repeat bottom; width: 100%; height: 5px; }
.abcontent span { display: block; font-size: 13px; margin-top: 17px; }
.abcontent a { color: #444; line-height: 23px; }

.mainm { margin-left: 37px; width: 289px; height: 342px; }
.caseimg { width: 289px; height: 136px; }
.catxt { height: 42px; font-size: 12px; line-height: 22px; }
.mainm ul { border-top: 1px #eaeaea solid; padding-top: 14px; }
.mainm ul li { font-size: 12px; background: url(/images/icon.png) no-repeat -6px -200px; line-height: 24px; }
.mainm ul li a { margin-left: 20px; color: #000 }
.mainm ul li a:hover { color: #e52c2c }
.casemore { font-size: 12px; line-height: 20px; }
a.casemore { color: #676666; }
a.casemore:hover { color: #000 }


.mainr { margin-left: 37px; width: 309px; height: 342px; }
.hotl a { color: #fff; font-size: 22px; height: 63px; width: 54px; background-color: #d1d1d1; line-height: 28px; text-align: center; padding-top: 7px; margin-top: 2px; cursor: pointer; }

.newhot { width: 54px; font-size: 22px; height: 61px; padding-top: 10px; }

.hottxt { width: 237px; margin-left: 18px; }
.hottxt a { color: #000 }
.hottxt a:hover { color: #e52c2c }
.hottxt span { font-size: 12px; color: #7a7979; line-height: 20px; height: 20px; overflow: hidden }
.newmore { width: 95px; height: 25px; background: url(/images/hy_17.jpg) no-repeat; margin-top: 7px; }
.newmore a { display: block; width: 100%; height: 100%; }
.newmore:hover { width: 95px; height: 25px; background: url(/images/hy_18.jpg) no-repeat }


.mainrnew { height: 65px; padding-top: 25px; }
.mainrnew:hover .hotl a { background-color: #f3b009; color: #fff; }

.hprot { margin-top: 50px; width: 1200px; height: 57px; background: url(/images/hy_22.jpg) no-repeat left; margin-bottom: 10px; }
.hprot a { font-size: 24px; font-weight: bold; line-height: 53px; margin-left: 98px; }
.hotpmore { width: 48px; height: 13px; margin-top: 4px; cursor: pointer; }
.hpx { height: 9px; width: 1200px; background: url(/images/casex.jpg) repeat-x; }

.hpxmain { padding-top: 30px }
.hot_pros { width: 1160px; overflow: hidden; height: 235px; float: left; position: relative; }
.hpxmain ul { float: left; width: 800%; position: relative; left: 0px; }
.hpxmain ul li { float: left; width: 290px; text-align: center; }
.hot_pros img { max-width: 265px; max-height: 195px; }

.hpxmain ul li a { color: #343434; text-align: center; display: block; width: 100%; height: 100%; }
.hpxmain ul li a:hover { color: #e52c2c; }
.fy { margin-top: 85px; cursor: pointer; width: 20px; text-align: center }


/*底部分类*/
.bpro { background-color: #f2b61e; width: 100%; height: 108px; margin-top: 20px; }
.bpro span { font-size: 28px; font-weight: bold; line-height: 108px; margin-right: 20px; }
.bpro ul li a { float: left; font-size: 16px; font-weight: bold; line-height: 123px; margin: 0px 7px; color: #000; }
.bpro ul li a:hover { color: #303030; }


/*底部*/
.bottom { background-color: #000; height: 245px; width: 100%; }
.bleft { width: 155px; border-right: 1px #4f5050 solid; height: 132px; }
.bt { width: 100px; font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 12px; }
.qywh { background: url(/images/d_63.jpg) left no-repeat; }
.qywh a { color: #fff; line-height: 31px; margin-left: 6px; }
.qywh a:hover { color: #ababab; }

.bmain { width: 314px; margin-left: 52px; }

.bmain { width: 262px; border-right: 1px #4f5050 solid; height: 132px; }
.btcp { background: url(/images/d_63.jpg) left no-repeat; width: 120px; line-height: 31px; float: left; }
.btcp a { color: #fff; margin-left: 6px; width: 104px; }
.btcp a:hover { color: #ababab; }

.bright { width: 350px; margin-left: 57px; }
.btel { width: 290px; overflow: hidden; color: #fff; }
.btel span { color: #f2b61e; font-style: oblique; }
.bcon { color: #fff; overflow: hidden; width: 290px; overflow: hidden; }
.weixin { color: #fff; }
.weixin a { margin-right: 15px; }
.weixin span { margin-right: 24px; }
.sao { color: #fff; margin-top: 80px; }


.bottom-m { height: 56px; border-top: 1px #4f5050 solid; background-color: #262626; color: #fff; line-height: 56px; text-align: center }


/*关于我们*/
.zbanner { background: url(/images/gywmbanner.jpg) center top no-repeat; width: 100%; height: 175px; overflow: hidden; position: relative; z-index: 2; text-align: right }
.zbanner img { margin-top: 50px; margin-right: 200px }
.zleft { width: 257px; }
.prot { width: 257px; height: 83px; }
.zleft ul li p { line-height: 35px; padding-left: 54px; font-weight: bold; background: url(/images/prog_09.png) 230px 10px no-repeat; background-color: #f9f9f9; border-bottom: 1px #fff solid; cursor: pointer; }
.zleft ul li p:hover { background-color: #ddd }
.cpn_list { display: none }
.cpn { line-height: 35px; border-bottom: 1px #a6a6a6 dotted; }
.cpn a { color: #000; display: block; padding-left: 54px; }
.cpn a:hover { color: #e52c2c; background: #eee }
.on p { background-color: #ddd !important; }
.on .cpn_list { display: block }
.contimg { width: 257px; height: 60px; }
.conmain { height: 170px; border: 1px #f9f9f9 solid; padding: 20px 15px; line-height: 28px; }
.zright { width: 893px; padding-left: 50px; }
#xian { background: url(/images/x02.jpg) no-repeat; width: 893px; height: 2px; margin-top: 12px; margin-bottom: 20px; }
.zr-rmain { line-height: 26px; }
.zr-rmain img { /*max-width:890px;*/ }
#zr-titr a { color: #a6a6a6 }
#zr-titr a:hover { color: #000000; }
#zr-titr { color: #a6a6a6 }

/*文章列表*/
#zynewlist ul li { width: 890px; margin-bottom: 25px; border-bottom: 1px #a6a6a6 dashed; height: 110px; }
.intro { margin-top: 10px; }
.intro a { color: #666 !important }
.txt a { color: #000; }
.txt a:hover { color: #e52c2c }
.intro a:hover { color: #333 !important }

/*分页*/
.fenye { clear: both; width: 250px; margin: 0 auto; margin-top: 45px; }
.fenye span { height: 30px; width: 36px; border: 1px solid #dddddd; display: inline-block; text-align: center; border-radius: 3px; margin: 0 2px; line-height: 30px; }
.fenye a { display: block; }
.fenye a:hover { color: #fff; background-color: #000; border-radius: 3px; }
.newtit { width: 890px; text-align: center; }


/*产品列表*/
.prolist { margin-top: 30px; }
.prolist li { margin-right: 55px; margin-top: 18px; line-height: 42px; float: left; }
.prolist li:nth-of-type(3n+3) { margin-right: 0px; }
.prolist li img { display: block; }
.prolist li a { display: block; }
.prolist li:hover { box-shadow: 1px 1px 8px #c9c9c9; }
.prolist li p { padding: 0px; color: #333 !important }

/*案例列表*/

.con li { margin-right: 55px; margin-top: 18px; line-height: 42px; float: left; width: 260px; width /*\**/: 240px /*\**/; height: 225px; text-align: center; border: 1px #EEE solid; padding-top: 5px; }
.con li:nth-of-type(3n+3) { margin-right: 0px; }
.con li img { display: block; max-width: 256px; max-width /*\**/: 240px /*\**/; max-height: 180px; margin: 0 auto; }
.con li a { display: block; }
/*.con li :hover{box-shadow:1px 1px 8px #c9c9c9;}*/
.con li p { padding: 0px; color: #333 !important; line-height: 24px }





/*产品详细*/
#proimg { width: 515px; border: 1px solid #dddddd; }
#autoImg { display: table-cell; vertical-align: middle; width: 515px; height: 360px; text-align: center; }
#proimg img { /*border:5px #f3f3f3 solid;*/ margin-right: 23px; vertical-align: middle; margin: 0 auto; max-height: 366px; max-width: 510px; }
#protit { width: 350px; overflow: hidden; }
#protit p { padding: 10px 0px; border-bottom: 1px #7b7b7b dotted }
#protit span { display: block; margin-top: 10px; line-height: 26px; color: #7f7f7f }
#promain-top { height: 37px; color: #fff; background: url(/images/xq_003.jpg) repeat-y; padding-top: 12px; padding-left: 22px; }

#intro { margin-top: 10px; height: 41px; overflow: hidden; }
.online { width: 161px; height: 44px; background: url(/images/icon.png) 19px -223px no-repeat; background-color: #e52c2c; line-height: 44px; }
.online a { color: #fff; width: 59%; height: 100%; display: block; padding-left: 66px; }
.online:hover { background-color: #f44747; display: block }
.online:last-child { margin-left: 15px; }

.cpxn { margin-top: 50px; font-weight: bold; margin-bottom: 30px; }
.xntd { width: 893px; height: auto; }
.xntd ul { margin-bottom: 50px; }
.xntd ul li { width: 400px; float: left; margin-right: 90px; height: 200px; }
.xntd ul li:nth-child(2n) { margin-right: 0px !important; }
.xntd ul li span { line-height: 60px; margin-left: 30px; }
.xntd ul li a { color: #565555; }
.xntd ul li .desc { margin-top: 20px; }
.xntd img { float: left; }
.gzyl { width: 893px; padding-bottom: 50px; border-bottom: 1px #eef2f5 solid; }


.xgtxt a { width: 205px; text-align: center; color: #000; padding-top: 15px; }
.xgtxt { padding-bottom: 50px; border-bottom: 1px #eef2f5 solid; height: 30px; }
.xgtxt a:hover { color: #e52c2c }
.ytwl a { width: 158px; height: 120px; }
.yttxt a { width: 158px; text-align: center; color: #000; padding-top: 15px; }
.yttxt { padding-bottom: 50px; border-bottom: 1px #eef2f5 solid; height: 30px; }


.mor a { margin-top: 50px; margin-bottom: 30px; color: #666; }
.mor a:hover { color: #000; }
.cpal img { width: 427px; height: 322px; }
.cpal a { text-align: center; width: 427px; }
.cpal { padding-bottom: 50px; border-bottom: 1px #eef2f5 solid; height: 350px; }

.dizhi { width: 530px; border: 1px #ccc solid; height: 30px; padding: 0px 16px; font: 12px/24px 'microsoft yahei'; outline: none; margin-bottom: 14px; }
.khly textarea { width: 530px; height: 140px; border: 1px #ccc solid; padding: 0px 16px; font: 12px/24px 'microsoft yahei'; outline: none; }



.xgsb a { width: 205px; height: 132px; }
.xgtxts a { width: 205px; text-align: center; color: #000; padding-top: 15px; }
.xgtxts { padding-bottom: 50px; }
.xgtxts a:hover { color: #e52c2c; }

#leftFixed { position: fixed; left: 130px; top: 200px; box-shadow: 0px 0px 8px 2px #777; transition: all 0.3s; z-index: 99999 }
#leftFixed:hover { box-shadow: 0px 0px 8px 2px #141662 }
#leftFixed img, #leftFixed a { display: block }


#rightFixed { position: fixed; right: 130px; top: 200px; box-shadow: 0px 0px 8px 2px #777; transition: all 0.3s; z-index: 99999 }
#rightFixed video { display: block }