body,li,a,p,h1,h2,h3{font-family: microsoft yahei,arial;font-size: 14px;}
body,p{margin: 0;padding: 0;}
a{text-decoration: none;}
dl,dd,dt,ul,li{margin: 0;padding: 0;list-style: none;}
h1,h2,h3{margin: 0;}
img{border: none;}
body{overflow-x: hidden;min-width: 1200px;}
.w{width: 1200px;margin: 0 auto;}
#head{background: url(../images/bg_head.png) repeat-x 0 0;}
.head{position: relative;}
.top{height: 109px;overflow: hidden;}
.logo{float: left;width: 540px;padding-top: 20px;}
.logo a{display: block;height: 76px;overflow: hidden;width: 445px;}
.topr{float: right;width: 450px;padding-top: 40px;}
.topr .dh{float: right;font-size: 18px;color: #000;height: 45px;line-height: 45px;background: url(../images/bg_dh.png) no-repeat 0 0;padding-left: 52px;}
.topr .dh span{color: #de0000;font-weight: bold;font-family: "宋体";font-size: 24px;}

.menu ul {height: 70px;}
.menu ul li{float: left;position: relative;height: 70px;background: url(../images/bg_li.png) no-repeat right center;}
.menu ul li a.topa{display: block;height: 70px;line-height: 70px;color: #fff;font-size: 16px;text-align: center;padding: 0 28px;}
.menu ul li:hover a.topa{ color: #df0000;}
.menu ul li dl{display: none;}
.menu ul li:hover dl{display: block;z-index: 999;position:absolute;top: 70px;background: #fff;width: 120px;text-align: center;padding: 10px 0;}
.menu ul li dl dd a{display: block; color: #111;font-size: 14px;height: 40px;line-height: 40px;}
.menu ul li dl dd a:hover{color:#fc4825; }
.menu ul li.li10{background: none;}
.logor{float: right;width: 145px;}
.logor .ss{height: auto;overflow: hidden;float: right;padding-top: 26px;}
.logor .ss input{display: block;float: left;border: none;padding: 0;height: 22px;line-height: 22px;}
.logor .ss input.shur{float: left;width: 113px;margin-right: 10px;background: #35424a;}
.logor .ss input.shur:focus{background: #fff;}
.logor .ss input.tij{width: 22px;cursor: pointer;background: url(../images/ss.png) no-repeat center center;float: right;}
.banner{ overflow:hidden;}
.flickerplate { position: relative; width: 100%; height: 696px; background:none;clear: both;}
.flickerplate ul.flicks { width: 10000%; height: 100%; padding: 0px; margin: 0px; list-style: none }
.flickerplate ul.flicks>li { float: left; width: 1%; height: 100%; background-position: center; background-size: cover; display: table }
.flickerplate ul.flicks>li .flick-inner { height: 100%; padding: 10px; color: #fff; display: table-cell; vertical-align: middle }
.flickerplate ul.flicks>li .flick-inner .flick-content { max-width: 68.75em; margin-left: auto; margin-right: auto }
.flickerplate ul.flicks>li .flick-inner .flick-content .li-inner{padding-left: 370px;}
.flickerplate ul.flicks>li .flick-title { padding: 0px 0px; font-size: 2.778em; line-height: 1.2em; }
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title { font-size: 1.667em }
}
.flickerplate ul.flicks>li .flick-sub-text { font-weight: 300; color: #fff; }
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {}
.flickerplate .arrow-navigation { position: absolute; height: 80%; width: 10%; top: 10%; z-index: 100; overflow: hidden }
.flickerplate .arrow-navigation .arrow { display: block; height: 100%; width: 90%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out }
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover { cursor: pointer }
.flickerplate .arrow-navigation.left { left: 0% }
.flickerplate .arrow-navigation.left .arrow { opacity: 0; margin: 0px 0px 0px 50%; background-image: url(../images/left.png); background-repeat: no-repeat; background-position: left }
.flickerplate .arrow-navigation.right { right: 0% }
.flickerplate .arrow-navigation.right .arrow { opacity: 0; margin: 0px 0px 0px -50%; background-image: url(../images/right.png); background-repeat: no-repeat; background-position: right }
.flickerplate .arrow-navigation.left.hover .arrow { opacity: 1; margin: 0px 0px 0px 20% }
.flickerplate .arrow-navigation.right.hover .arrow { opacity: 1; margin: 0px 0px 0px -20% }
.flickerplate .dot-navigation { position: absolute; bottom: 20px; width: 100%; text-align: center; z-index: 100;}
.flickerplate .dot-navigation ul { text-align: center; list-style: none; display: inline-block;width: 672px;background: url(../images/y.png) no-repeat 0 10px;}
.flickerplate .dot-navigation ul li { display: inline-block; float: none }
.flickerplate .dot-navigation .dot { width: 14px; height: 14px; margin: 0px 6px;border-radius: 50%; background: #fff; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out }
.flickerplate .dot-navigation .dot:hover { cursor: pointer; background: #fc4825; }
.flickerplate .dot-navigation .dot.active { background-color: #fc4825; }
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul { text-align: left }
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul { text-align: right }
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow { background-image: url(../images/arrow-left-dark.png) }
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow { background-image: url(../images/arrow-right-dark.png) }
.flickerplate.flicker-theme-dark .dot-navigation .dot { background-color: rgba(0, 0, 0, 0.12) }
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover { background-color: rgba(0, 0, 0, 0.6) }
.flickerplate.flicker-theme-dark .dot-navigation .dot.active { background-color: #000 }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner { color: rgba(0, 0, 0, 0.9) }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text { color: rgba(0, 0, 0, 0.9) }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255, 255, 255, 0.5) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner { color: rgba(0, 0, 0, 0.9) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text { color: rgba(0, 0, 0, 0.9) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255, 255, 255, 0.5) }
.flickerplate.animate-transform-slide ul.flicks { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; transform: translate3d(0%, 0px, 0px); -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: -webkit-transform 0.6s; -o-transition: -o-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s }
.flickerplate.animate-transition-slide ul.flicks { position: relative; left: 0%; -webkit-transition: left 0.4s ease-out; -moz-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; -ms-transition: left 0.4s ease-out; transition: left 0.4s ease-out }
.flickerplate.animate-jquery-slide ul.flicks { position: relative; left: 0% }
.flickerplate.animate-scroller-slide { padding-bottom: 0px; overflow: auto }
.flickerplate.animate-scroller-slide ul.flicks { position: auto }

.in-title{text-align: center;background: url(../images/bg_intitle.png) no-repeat center bottom;padding: 60px 0 30px;}
.in-title h2{color: #000;font-family: Stratum2-black;font-size: 70px;text-transform: uppercase;}
.bn .cat{font-size: 128px;color: #fff;font-family: HeroicCondensed-Heavy;margin-top: -280px;}

.bn img{width: 100%;display: block;}
#cat{background: #000;}
.cat{height: auto;overflow: hidden;padding: 40px 0;}
.cat a{display: block;float: left;text-align: center;width: 378px;margin-right: 33px;}
.cat a img,.cat a .pic{width: 366px;height: 174px;overflow: hidden;}
.cat a .pic{border: 6px solid #000;}
.cat a.li3{margin-right: 0;}
.cat a h2{font-size: 20px;color: #ec4a2b;font-weight: normal;padding: 16px 0;}
.cat a p{font-size: 16px;color: #fff;line-height: 1.8em;}
.cat a:hover .pic{border: 6px solid #cfcfcf;}

.cat1{padding-bottom: 0;}
#serv{background: #e1e3e4;clear: both;margin-top: 0px;}
.serv{height: 280px;}
.servt{text-align: center;color: #000000;font-size: 23px;font-family: arial;padding-top: 42px;}
.servt span{padding-left: 10px;font-size: 25px;color: #ed4d2f;font-weight: bold;}
.servb{height: auto;overflow: hidden;padding: 45px 0 0;}
.servb a{display: block;float: left;font-weight: normal;margin-right: 108px; color: #000000;font-family: "黑体";font-size: 20px;width: 110px;text-align: center;padding-top: 110px;}
.servb a.li1{background: url(../images/b1.png) no-repeat center top;}
.servb a.li2{background: url(../images/b2.png) no-repeat center top;}
.servb a.li3{background: url(../images/b3.png) no-repeat center top;}
.servb a.li4{background: url(../images/b4.png) no-repeat center top;}
.servb a.li5{background: url(../images/b5.png) no-repeat center top;}
.servb a.li6{background: url(../images/b6.png) no-repeat center top;margin-right: 0;}
.gg{}
.gg img{display: block;width: 100%;}


#f2{background: #c3c7ca;}
.f2{height: 130px;}
.f2l{background: url(../images/bg_f2l.png) no-repeat left center;height: 130px;width: 298px;float: left;}
.f2r{float: left;padding-top: 30px;}
.f2r p{font-size: 16px;color: #000000;line-height: 2em;}


.show{height: auto;overflow: hidden;}
.showl{float: left;width: 48%;}
.showr{float: right;width: 48%;}
.sll .hd .tit{padding: 40px 0 0;}
.sll .hd .tit h1{font-size: 40px;color: #504e4f;}
.sll .hd .tit p{border-bottom: 1px solid #000;line-height: 1.5em;font-size: 18px; padding: 0 0 20px;color: #504e4f;height: 115px;overflow: hidden;}



#showbox { background:#fff;border: 1px solid #ddd;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #00e900;}

.showpage { width:540px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}


.fenye{text-align: center;padding: 50px 0;clear: both;}
.fenye span,.fenye a{font-family: arial;background: #dfdfdf;color: #000; padding: 0px 14px;margin: 0 4px; display: inline-block;font-size: 12px;height: 30px;line-height: 30px;border-radius: 1px;}
.fenye a:hover,.fenye span.current{background: #fc4825;color: #fff;}


#pos{background: #f0f0f0;border-bottom: 1px solid #ddd;margin-top: -4px;}

.nrcat{padding: 0px 0;text-align: center;border-bottom: 1px solid #ddd;}
.nrcat a{display: inline-block;padding: 4px 20px;transition: all ease-in-out .2s; border: 1px solid #fc4825;font-size: 14px;border-radius: 4px;margin: 40px 10px;color: #fc4825;}
.nrcat a:hover,.nrcat a.hover{background-image: linear-gradient(to right, #fd7b5c 0%, #fc4825 100%);color: #fff;}
.nr{line-height: 2em;}
.page,.photo{padding: 40px 0 60px;}
.page{padding: 40px 20px 60px;}
.page img{max-width: 100%;}
.photo{height: auto;overflow: hidden;padding-left: 20px;padding-bottom: 0;}
.photo a{display: block;float: left;border: 1px solid #aaa;border-radius: 2px;}
.photo a .pic{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;justify-content: center;height: 300px;overflow: hidden;}
.photo a,.photo a .pic{width: 276px;}

.photo a{margin-right: 22px;margin-bottom: 30px;background: #fff;}
.photo a img{max-height: 280px;max-width: 276px;}
.photo a p{height: 40px;line-height: 40px;text-align: center;transition: all ease-in-out .2s;border-top: 1px solid #aaa; color: #000;}
.photo a:hover{border: 1px solid #35424a;}
.photo a:hover p{background: #35424a;color: #fff;}


.showt{text-align: center;padding: 30px 20px 20px;}
.showt h1{font-weight: normal;font-size: 24px;height: 30px;overflow: hidden;}
.showt .date{font-size: 12px;color: #888;padding-top: 6px;}
.detail{padding:20px 20px 40px;}
.content{border-top: 1px solid #ddd;padding-top: 10px;}
.content ul{height: auto;overflow: hidden;padding: 2px 20px 40px;}
.content ul li.lil{float: left;}
.content ul li.lir{float: right;}

.news{padding: 40px 0;}
.news dl{border-bottom: 1px dashed #ddd;padding: 18px 24px;transition: all ease-in-out .2s;}
.news dl dd{}
.news dl dd h2{position: relative;font-weight: normal;}
.news dl dd h2 span{color: #888;font-size: 12px;position: absolute;right: 0;background: #eee;padding: 2px 10px;display: inline-block;}
.news dl dd h2 a{font-size: 18px;transition: all ease-in-out 0.2s;color: #111;}
.news dl dd h2 a:hover{color: #de4d2b;}
.news dl dd p{padding: 10px 0;line-height: 1.9em;height: 40px;overflow: hidden;color: #999;}
.news dl:hover{background: #eee;}


/**********************footer*********************/
#footer{ clear: both;background: #d4d9dc;}
.footer{}
.fttop{padding: 44px 0;height: auto;overflow: hidden;}
.ftl{float: left;width: 710px;}
.ftl ul{float: left;margin-right: 100px;}
.ftl ul li.first{font-size: 16px;color: #5f6a71;font-weight: normal;}
.ftl ul li a{color: #4e4e4e;font-size: 14px;}
.ftl ul li{height: 32px;line-height: 32px;}
.ftr{float: left;padding-top: 10px;width: 476px;}
.ftr .ftdh{background: url(../images/ewm.png) no-repeat 0px 0px;padding-left: 124px;}
.ftr .ftdh .tel,.ftr .ftdh .add{padding-left: 22px;}
.ftr .ftdh .tel{background: url(../images/tel.png) no-repeat 0px 6px;}
.ftr .ftdh .add{background: url(../images/add.png) no-repeat 0px 4px;margin-top: 10px;line-height: 1.9em;}
.ftr .ftdh .tel ul li{color: #b8211a;font-size: 26px;font-family: "宋体";font-weight: bold;}
#ftbottom{text-align: center;padding: 20px 0;}
.ftbottom p,.ftbottom p a{color: #646464;font-size: 12px;}
.ftbottom{border-top: 1px solid #bac0c4;}
.ftbottom p{padding: 20px 0 0;}
.sll{height: auto;overflow: hidden;padding-top: 50px;}
.sll .bd{float: right;width: 580px;height: auto;padding-bottom: 50px;}
.sll .bd .ilist img{max-width: 560px;}
.sll .bd .ilist {text-align: center;}
.sll .hd{width: 580px;float: left;}
.sll .hd ul{height: auto;overflow: hidden;padding-top: 40px;position: relative;text-align: center;}
.sll .hd ul li .pic{height: 44px;border: 2px solid #fff;width: 44px; border-radius: 50%;margin-top: 5px;}
.sll .hd ul li .pic img{width: 100%;height: 100%;border-radius: 50%;}
.sll .hd ul li .lititle{height: 44px;position: absolute;top: 0px;left: 0;width: 580px;text-align: center;}
.sll .hd ul li .libottom{height: 6px;}
.sll .hd ul li .litop{text-align: center;height: 38px;overflow: hidden;}
.sll .hd ul li .litop span{display: inline-block;height: 38px;line-height: 44px;overflow: hidden;padding: 0 15px;}
.sll .hd ul li{margin-right: 6px;cursor: pointer;display: inline-block;}
.sll .hd h3{text-transform: uppercase;font-size: 50px;padding: 10px 0;color: #323232;}
.sll .hd ul li.on .pic{border: 2px solid #fc4825;}
.sll .hd ul li .lititle .litop,.sll .hd ul li .lititle .libottom{display: none;}
.sll .hd ul li.on .lititle .litop,.sll .hd ul li.on .lititle .libottom{display: block;color: #000;}
.sll .hd ul li.on .lititle span{color: #000;}
.detail{padding: 20px 20px 40px;}

.acc{height: auto;overflow: hidden;border-top: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;}
.acc a{display: block;float: left;border: 1px solid #dfdfdf;width: 298px;height: 298px;text-align: center;margin-top: -1px;margin-left: -1px;}
.acc a .pic{height: 234px;overflow: hidden;width: 299px;display: flex;align-items: center;justify-content: center;}
.acc a .pic img{width: 249px;}
.acc a h2{}
.acc a .more{}
.crossbows .sll{}
.crossbows .sll .bd{float: none;width: 1200px;}
.crossbows .sll .bd .ilist img{max-width: 1000px;}
.crossbows .sll .hd{float: none;width: 1200px;height: auto;overflow: hidden;}
.crossbows .sll .hd .hdl{float: left;width: 550px;}
.crossbows .sll .hd .hdr{float: right;width: 580px;}


.icc{background: #c6c6c6;padding-top: 30px;padding-bottom: 40px;}
.nr{height: auto;overflow: hidden;}

.dleft{float: left;width: 250px;}
.dright{float: right;border: 1px solid #c6c6c6;width: 920px;}
.lanmu{background: #fff;margin-bottom: 20px;border-radius: 2px;}
.lanmu ul{border: 1px solid #ddd;border-top: none;border-bottom: none;}
.lanmu ul li{border-bottom: 1px solid #ddd;}
.lanmu ul li a{display: block;height: 40px;line-height: 40px;text-indent: 20px;color: #555;}
.lanmu ul li a:hover{background: #f5f5f5;}
.lanmu h2{height: 60px;line-height: 60px;color: #fff;text-align: center;font-weight: bold;font-size: 24px;background: #35424a;}

.pos{height: 58px;line-height: 58px;padding: 0 20px;border-bottom: 1px solid #ddd;background: #35424a;}
.nr{padding: 0 20px;}
.posl{float: left;font-weight: bold;font-size: 22px;color: #fff;}
.posr{float: right;}
.posr,.posr a{font-size: 12px;color: #fff;}
.posr a{margin: 0 4px;}