@charset "gb2312";

/* CSS Document */



* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-text-size-adjust:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; font-family:Arial, "微软雅黑"; }

img { vertical-align:top; border:none; max-width:100%; }

body, p, form, input, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; list-style:none; }

h1, h2, h3, h4, h5, h6 { font-size:100%; }

input, textarea { -webkit-user-select:text; -ms-user-select:text; user-select:text; -webkit-appearance:none; font-size:1em; line-height:1.5em; }

table { border-collapse:collapse; }

button, select, input { font-size:14px; }

input, select { vertical-align:middle; line-height:normal; font-size:1em; }

a { outline:0; cursor:pointer; *star:expression(this.onbanner=this.blur());

}

a:link, a:active { text-decoration:none; }

a:visited { text-decoration:none; }

a:hover { color:#f00; text-decoration:underline; }

.ccolor { color:#BB1600; }

a.red:link, a.red:visited, a.red:active { color:#f47110; }

a.red:hover { color:#e60012; }

a.Purple:link, a.Purple:visited, a.Purple:active { color:#b03ca9; }

a.Purple:hover { color:#f00; }

input:focus, select:focus, textarea:focus, button:focus { outline:none; }

/*input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance:none; border:1px solid; -webkit-border-radius:0; border-radius:0; }*/

 input[type="number"]::-webkit-inner-spin-button {

-webkit-appearance:none;

}

a { text-decoration:none; -webkit-touch-callout:none; }

em, i { font-style:normal; }

li { list-style:none; }

html { font-size:10px; }

.clear { clear:both; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden; }

body { margin:0 auto; max-width:640px; min-width:320px; color:#353535; padding-bottom:5% }

.slider-box { max-width:620px; min-width:310px; text-align:center; margin:10px auto 0; position:relative; overflow:hidden; zoom:1; }

#slider img { max-width:620px; min-width:310px; width:100%; vertical-align:bottom; }

.swipe { overflow: hidden; visibility: hidden; position:relative; }

.swipe-wrap > div { float: left; max-width:620px; min-width:310px; position: relative; }

.swipe-wrap > div img { max-width:620px; min-width:310px; width:100%; vertical-align:bottom; }

#position { width:100%; max-width:620px; min-width:310px; height:11px; text-align:center; position:absolute; bottom:10px; }

#position li { display:inline-block; width:5px; height:5px; background:#edf9f9; border:1px solid #b4bcbc; -webkit-border-radius:5px; }

#position .on { background:#18A69B; border:1px solid #b4bcbc; }

.top { overflow:hidden }

.top header { display:block; position:relative; position:fixed; zoom:1; z-index:99999; }

.top header a { position:absolute; right:1em; top:.8em; width:10%; display:block }

.top header .img1 { width:100%; }

.top .sou { display:block; padding:2% 0; overflow:hidden; margin-top:5em; }

.top .sou input[ type=text] { width:77%; height:2.5em; background:#FFF; padding-left:3%; border:.1em solid #dfdfdf }

.top .sou input[ type=submit] { background:#ba5d12 url(../images/search.jpg) no-repeat 10% 50%; border:none; width:18%; height:2.2em; color:#FFF; padding-left:4%; font-size:120%; background-size:30%; }

.top nav { overflow:hidden; padding:0 0 1% 0 }

.top nav li { float:left; padding:2% 2%; background:url(../images/nav_bg.jpg) no-repeat; background-size:100% 100%; width:20%; text-align:center; font-size:120%; margin-left:1.3%; margin-top:.5% }

.top nav li a { color:#FFF }

 /*.banner { overflow:hidden }

.banner span {display:block; width:100% }*/

/*替换banner*/

#owl-demo .item img { display: block; max-width: 100%; height: auto; }
.owl-buttons { display:none; }

/* .text-center img{ width:100%;} */
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center }
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { position: relative; width: 100%; -ms-touch-action: pan-y; padding-bottom:4px; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*end*/


.tel { display:block; padding:2% 0; }

.tel img { width:70%; float:left }

.tel .a { width:23%; background: url(../images/gai1.jpg) no-repeat; background-size:100%; color:#FFF; float:left; padding:3% 2%; font-size:140%; margin-left:2%; text-align:center }

.gray { overflow:hidden; padding:2% 2%; background:#f3f3f3; margin-top:3%; }

.gray dt { float:left; width:50% }

.gray dd { float:right; width:50% }

.gray dd h1 { font-size:12px; text-align:center; padding-top:7%; font-weight:normal;/* color:#b50000*/ }

.gray p { font-size:120%; text-indent:2em; padding:2% 2% }

.gray p a { color:#F00 }

.title { overflow:hidden; padding-top:5%; }

.title li { background:url(../images/big_navbg.jpg) no-repeat; background-size:100% 100%; width:26%; text-align:center; color:#FFF; float:left; font-size:150%; padding:4% 3%; margin-left:2% }

.cont { overflow:hidden; }

.cont>li { float:left; width:31.5%; margin-left:2.7%; }

.cont li ul { border-left:1px solid #CCC; border-right:1px solid #CCC; }

.cont li ul li { text-align:center; padding:8% 3%; font-size:120%; border-bottom:1px solid #CCC }

.cont li ul li a { color:#333 }

.cont li ul li em a { color:#F00 }

.cont li ul li img { width:20% }

.big_bg { overflow:hidden; background:url(../images/big_bg.jpg) no-repeat; background-size:100% 100%; margin:3% 0; padding-bottom:3% }

.big_bg h1 { background:url(../images/sm_bgs.jpg) no-repeat center; text-align:center; font-size:160%; color:#FFF; font-weight:normal; padding:3% 0; background-size:75%; }

.big_bg p { font-size:140%; padding:2% 4% }

.big_bg p span { color:#F00 }

.big_bg>form span { display:block; text-align:center; font-size:130%; color:#717171; margin-top:3% }

.big_bg>form span input { background:#FFF; border:1px solid #ccc;width:55%; height:2.5em; padding-left:2% }

.big_bg>form span select { background:#FFF; border:.05em solid #e0e0e0; width:55%; height:2.5em; padding-left:2% }

.big_bg em { display:block; text-align:center; background:url(../images/bg.jpg) no-repeat center; background-size:30%; padding:5% 2%; font-size:140% }

.big_bg em a { color:#FFF }

.red_bg { overflow:hidden; margin:2% 0 0 0; background:url(../images/sm_bg11.jpg) no-repeat center; background-size:100% 100%; padding-bottom:30px; }

.red_bg p { text-align:center; color:#FFF; font-size:140%; padding-top:25%; padding-bottom:5% }

footer { overflow:hidden; background:url(../images/footer.jpg) repeat-x center; background-size:5% 100%; position:fixed; left:0; bottom:0; padding:.5% 0; width:100%; z-index:100000; }

footer ul { max-width:640px; margin:0 auto; overflow:hidden }

footer li { float:left; width:25%; background:url(../images/foot_side.jpg) no-repeat right; background-size:1% 100%; text-align:center; font-size:120% }

footer li a { color:#393939 }

footer li a img { width:40%; }

footer li p { margin-top:3% }

footer li.a { margin-top:.5%; width:25%; }

/*index*/

.list1_main { overflow:hidden }

.dangqian { background:#f3f3f3; padding:3% 2%; font-size:120%; margin:2% 0; color:#393939; border-bottom:.1em solid #944a49; }

.list1_main dl { border:.1em solid #e0e0e0; overflow:hidden; margin-top:1.5%; position:relative }

.list1_main dl dt { padding:2.1% 1.2%; float:left; width:13%; background:#6f2322; text-align:center; font-size:150% }

.list1_main dl dt p { padding-top:5% }

.list1_main dl dt a { color:#FFF; }

.list1_main dl dd { width:80%; float:right; overflow:hidden; }

.list1_main dl dd h1 { font-size:120%; text-indent:1em; padding-top:2% }

.list1_main dl dd h1 a { color: #333 }

.list1_main dl dd p { font-size:120%; color:#969696; padding:0 5% 0; float:left }

.list1_main dl dd p a { color:#ff6a21 }

.list1_main dl dd span { display:block; padding:0 1%; position:absolute; right:0; bottom:0; width:20%; background:#6f2322; color:#FFF; font-size:120%; text-align:center }

.message { overflow:hidden; background:url(../images/mid_bg.jpg) no-repeat; background-size:100% 100%; margin:1.5% 0; padding:2% 2%; }

.message h2 { text-align:center; font-size:160%; color:#F00 }

.message ul { padding-top:8% }

.message li { float:left; width:23%; font-size:140%; text-align:center; border-radius:.2em; padding:.6em 0 0.3em; margin-left:1.5% }

.message li a { text-decoration:none }

.message li a img { width:55% }

.message li a p { color:#FFF; text-align:center }

.message li.l1 { background:#965a0b }

.message li.l2 { background:#874832 }

.message li.l3 { background:#b34801 }

.message li.l4 { background:#833a39 }

.list1_bgs { overflow:hidden; margin:2% 0; padding-bottom:2%; }

.list1_bgs a { display:block; width:100% }

.list1_bgs a img { width:100% }

/*list1*/

.list2_main { overflow:hidden; padding-left:10px; padding-right:10px; }

.list2_main .wenzhang { }

.list2_main .wenzhang p span { display:initial; }

.list2_main .wenzhang p { margin-top:2%; padding:0 2%; line-height:1.7em; font-size:140%; text-indent:0em; color:#393939 }

.list2_main .wenzhang p span span strong { margin-top:2%; padding:0 2%; line-height:1.7em; font-size:1.2em; text-indent:0em; }

.list2_main h3 { font-size:160%; color:#c50000; text-align:center; margin:2% 0 }

.list2_main .grays { background:#f5f5f5; padding:2% 1%; border:1px dashed #cdcdcd; overflow:hidden }

.list2_main .grays h4 { color:#6f2322; font-size:120%; text-align:center; font-weight:normal }

.list2_main .grays span { display:block; text-align:center; margin:2% 0; }

.list2_main .grays span input[type=text] { width:60%; background:#FFF; padding-left:2%; border:.05em solid #d6d6d6; height:2.5em }

.list2_main .grays span input[type=submit] { background:#6f2322; font-size:120%; color:#FFF; text-align:center; padding:1.2% 4%; border:none; margin-left:2%; cursor:pointer }

.list2_main .p { margin-top:2%; padding:0 2%; line-height:1.7em; font-size:140%; text-indent:2em; color:#393939 }

/*list2*/

.list3_main { overflow:hidden }

.list3_main ul li { background:url(../images/list_style.jpg) no-repeat 5% center; padding:2% 2%; padding-left:10%; font-size:140%; border-bottom:.05em dashed #cdcdcd; background-size:4%; }

.list3_main ul li a { color:#393939 }

.list3_main .divmo { display:block; padding:2% 3%; text-align:center; font-size:130%; background:#f1f1f1; border:.05em solid #813c3b; width:50%; height:30px; margin:3% auto; color:#6f2322; cursor:pointer; }

.list3_main span { display:block; padding:2% 3%; text-align:center; font-size:130%; background:#f1f1f1; border:.05em solid #813c3b; width:55%; margin:3% auto; color:#6f2322 }

.list3_main span .a { width:10%; display:inline-block }

.list3_main span img { width:100% }

/*list3*/



.list4_main { overflow:hidden }

.list4_main dl { border:.05em solid #CCC; overflow:hidden; padding:.5% .5%; margin-top:3% }

.list4_main dt { float:left; width:40%; padding:2% 2%; }

.list4_main dd { float:right; width:47%; margin-right:6%; padding-top:3% }

.list4_main dd h4 { font-size:150%; text-align:center; font-weight:normal; }

.list4_main dd h4 a { color:#ba5d12 }

.list4_main dd h5 { font-size:135%; text-align:center; font-weight:normal; color:#393939 }

.list4_main dd span { display:block; margin:8% auto 0; background:#6f2322; font-size:130%; padding:2% 2%; text-align:center; width:50% }

.list4_main dd span a { color:#FFF; }

.list4_main>span { display:block; padding:2% 3%; text-align:center; font-size:130%; background:#f1f1f1; border:.05em solid #813c3b; width:50%; margin:3% auto; color:#6f2322 }

.list4_main>span .a { width:10%; display:inline-block }

.list4_main>span img { width:100% }

.list4_main .divmo { display:block; padding:2% 3%; text-align:center; font-size:130%; background:#f1f1f1; border:.05em solid #813c3b; width:50%; height:30px; margin:3% auto; color:#6f2322; cursor:pointer; }

/*list4*/



.list5_main { overflow:hidden; background:#f3f3f3; border-top:0.1em solid #944a49; padding-bottom:4%; margin-top:.5% }

.list5_main h1 { text-align:center; color:#6d6d6d; font-size:1000% }

.list5_main h2 { text-align:center; color:#9e3433; font-size:180%; font-weight:normal }

/*list5*/



.list6_main { overflow:hidden; padding-bottom:1%; margin-top:.5% }

.list6_main .title1 { padding:2% 2% 3%; color:#FFF; font-size:150%; color:#FFF; text-align:center; background:url(../images/list6_tit_bg.jpg) repeat-x; background-size:20% 100% }

.list6_main .p { font-size:130%; padding:2% 3%; text-indent:2em }

/* 本例子css -------------------------------------- */



.focus { width:70%; margin:0 auto; position:relative; overflow:hidden; padding:1.5%; border:1px solid #CCC; }

.focus .hd { width:40%; height:11px; position:absolute; z-index:9999;/* bottom:45px;*/ bottom:15%; left:30%; text-align:center; }

.focus .hd ul { display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255, 255, 255, 0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; }

.focus .hd ul li { display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; }

.focus .hd ul .on { background:#6f2322; }

.focus .bd { position:relative; z-index:0; }

.focus .bd li { position:relative; }

.focus .bd li img { width:100%; background:url(images/loading.gif) center center no-repeat; }

.focus .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.focus .bd li p { text-align:center; font-size:100% }

#content { padding:5px 0; background:#fff; }

.list6_tel { overflow:hidden; width:100%; margin:4% auto }

.list6_tels { overflow:hidden; width:100%; margin:1% auto }

.list6_tel a { display:block; float:left }

.list6_tel .a1 { width:38% }

.list6_tel .a2 { width:55%; margin-left:5% }

.list6_title2 { padding:1% 2% 1.5%; color:#FFF; font-size:180%; color:#FFF; text-align:left; background:url(../images/list6_tit_bg.jpg) repeat-x; background-size:20% 100%; overflow:hidden }

.list6_title2 img { float:left; width:10% }

.list6_title2 .img { float:left; width:6% }

.list6_doc { overflow:hidden; margin:2% auto 0; padding-bottom:6%; background:url(../images/list6_doc1.jpg) no-repeat; background-size:100% }

.list6_doc1 { background:url(../images/list6_doc2.jpg) no-repeat; background-size:100% }

.list6_doc2 { background:url(../images/list6_doc3.jpg) no-repeat; background-size:100% }

.list6_doc3 { background:url(../images/list6_doc4.jpg) no-repeat; background-size:100% }

.list6_doc4 { background:url(../images/list6_doc5.jpg) no-repeat; background-size:100% }

.list6_doc5 { background:url(../images/list6_doc6.jpg) no-repeat; background-size:100% }

.list6_doc6 { background:url(../images/list6_doc7.jpg) no-repeat; background-size:100% }

.list6_doc7 { background:url(../images/list6_doc8.jpg) no-repeat; background-size:100% }

.list6_doc8 { background:url(../images/list6_doc9.jpg) no-repeat; background-size:100% }

.list6_doc .kuai { background: url(../images/kuai.jpg) no-repeat; background-size:93% 100%; margin-top:3%; margin-left:40%; padding:4.3% 4% }

.list6_doc .kuai h1 { font-size:180%; font-weight:normal }

.list6_doc .kuai h1 em { font-family:"华文行楷"; font-size:170%; color:#000 }

.list6_doc .kuai h1 i { display:inline-block; background:#6e2221; font-size:90%; color:#FFF; padding:1% 5% }

.list6_doc .kuai li { font-size:130%; line-height:1.5em; background: url(../images/li6_li.jpg) no-repeat left; background-size:7%; padding-left:9% }

.li6_dl { overflow:hidden }

.li6_dl dt { float:left; width:15%; background:#813c3b; font-size:120%; text-align:center; padding:

 3% 2%; }

.li6_dl dt a { color:#FFF; }

.li6_dl dd { float:right; width:80%; }

.li6_dl dd li { width:28%; float:left; margin-left:.5%; margin-top:.5%; padding:1.6% 2%; text-align:center; font-size:120% }

.li6_dl dd li a { color:#6f1514 }

.li6_dl dd li.l1 { background:#e1cdaf }

.li6_dl dd li.l2 { background:#e8dbba }

.li6_dl dd li.l3 { background:#f0cba7 }

.li6_dl dd li.l4 { background:#e8dbba }

.li6_dl dd li.l5 { background:#f0cba7 }

.li6_dl dd li.l6 { background:#e1cdaf }

.list6_main>span { display:block; padding:2% 3%; text-align:center; font-size:130%; background:#f1f1f1; border:.05em solid #813c3b; width:60%; margin:3% auto; color:#6f2322 }

.list6_main>span .a { width:10%; display:inline-block }

.list6_main>span img { width:80% }

.li6_four { overflow:hidden; padding-top:2% }

.li6_four li { float:left; width:40%; padding:4% 3%; margin-left:2.5%; margin-top:2%; border-radius:.3em }

.li6_four .l1 { background:#965a0b url(../images/list6_ic1.jpg) no-repeat right .6em; background-size:35%; font-size:160%; color:#FFF }

.li6_four .l2 { background:#b34801 url(../images/list6_ic2.jpg) no-repeat right .6em; background-size:35%; font-size:160%; color:#FFF }

.li6_four .l3 { background:#833a39 url(../images/list6_ic3.jpg) no-repeat right .6em; background-size:35%; font-size:160%; color:#FFF }

.li6_four .l4 { background:#874832 url(../images/list6_ic4.jpg) no-repeat right .6em; background-size:35%; font-size:160%; color:#FFF }

.slider2 { overflow:hidden; max-width:640px; min-width:320px; background:url(../images/list6_bgs.jpg) no-repeat; background-size:100%; border:1px solid #6f2322; margin:3% auto }

.slider2 h2 { font-size:180%; color:#c50000; text-align:center; padding:3% 0; }

/* 本例子css -------------------------------------- */



.focuss { width:70%; margin:2% auto; position:relative; overflow:hidden; }

.focuss .hds { width:40%; height:11px; position:absolute; z-index:9999;/* bottom:45px;*/ bottom:5%; left:30%; text-align:center; }

.focuss .hds ul { display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255, 255, 255, 0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; }

.focuss .hds ul li { display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; }

.focuss .hds ul .on { background:#6f2322; }

.focuss .bds { position:relative; z-index:0; }

.focuss .bds li { position:relative; overflow:hidden }

.focuss .bds li img { width:100%; background:url(images/loading.gif) center center no-repeat; }

.focuss .bds li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.focuss .bds li p { text-align:center; font-size:100% }

#content { padding:5px 0; background:#fff; }

.list7_main { overflow:hidden }

.list7_main h3 { text-align:center; font-size:160%; color:#c50000 }

.list7_main>span { display:block; width:90%; margin:2% auto; border:.05em solid #CCC; }

.list7_main>.a { text-align:center; width:100%; margin:0 auto 3% }

.list7_main>.a img { width:50% }

.list7_main .p1 { padding:2% 3%; font-size:150%; border-bottom:.05em dashed #CCC; }

.list7_main .p1 em { display:inline-block; background:#935655; padding:1% 2.2%; margin:1%; color:#FFF; border-radius:50% }

.list7_main .p1 span { color:#d10000 }

.list7_main>.b { text-align:center; margin-top:2%; padding:2% 2%; background:url(../images/list7_bt1.jpg) no-repeat center; background-size:60%; font-size:130%; color:#FFF }

.list7_main>.c { text-align:center; margin-top:2%; padding:2% 2%; background:url(../images/list7_bt2.jpg) no-repeat center; background-size:60%; font-size:130%; color:#FFF }

.list7_main>.c img { width:5% }

.list7_main>div a { color:#FFF }

.need { overflow:hidden; padding:2% 0; margin:3% auto; background:url(../images/list7_bigbg.jpg) no-repeat; background-size:100% 100%; padding-bottom:6% }

.need h4 { font-size:160%; padding:2% 7%; color:#c70000 }

.need .p { background:url(../images/li72.jpg) no-repeat 2% 1.8em; width:80%; background-size:1% 100%; margin-left:8%; font-size:130%; }

.need .p span { display:block; overflow:hidden }

.need .p em { float:left; background:#919191; margin-top:3%; padding:.1% 1%; text-align:center; margin-right:2%; color:#FFF; border-radius:50% }

.need .p p { float:left; width:90%; margin-top:3% }

.ds { text-align:center; margin:8% auto 0; }

.ds a img { width:5% }

.ds .a1 { background:#6f2322; padding:2% 8%; font-size:130% }

.ds .a2 { background:#ba5d12; padding:2% 8%; margin-left:3%; font-size:130% }

.swt_r { width:30px; position:fixed; top:20%; right:0; }

.swt_r img { /*width:100%;*/ }

.swt_m { width: 277px; height: 173px; margin-left: -140px; overflow: hidden; position: fixed; top: 50%; left: 50%; margin-top: -80px; z-index: 999999999999; display: block; background-position: 50% 0% !important; background-repeat: no-repeat no-repeat !important; display:none; }

/* 本例子css -------------------------------------- */



.focuss1 { width:100%; margin:0 auto; position:relative; overflow:hidden; }

.focuss1 .hds1 { width:40%; height:11px; position:absolute; z-index:9999;/* bottom:45px;*/ bottom:1%; left:30%; text-align:center; }

.focuss1 .hds1 ul { display:inline-block; height:5px; padding:3px 5px; font-size:0; vertical-align:top; }

.focuss1 .hds1 ul li { display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; }

.focuss1 .hds1 ul .on { background:#6f2322; }

.focuss1 .bds1 { position:relative; z-index:0; }

.focuss1 .bds1 li { position:relative; overflow:hidden }

.focuss1 .bds1 li img { width:100%; background:url(images/loading.gif) center center no-repeat; }

.focuss1 .bds1 li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.focuss1 .bds1 li p { text-align: left; font-size: 100%; background: url(/themes/jnzypfb/images2/pd_gt4.jpg) no-repeat left; background-size: 3%; padding-left: 5%; }

 @media screen and (max-width:320px) {

body, input, select {

font-size:10px

}

}

 @media screen and (min-width:320px) {

body, input, select {

font-size:11.25px

}

}

 @media screen and (min-width:400px) {

body, input, select {

font-size:12.5px

}

}

 @media screen and (min-width:480px) {

body, input, select {

font-size:13.75px

}

}

 @media screen and (min-width:560px) {

body, input, select {

font-size:15px

}

}

 @media screen and (min-width:600px) {

body, input, select {

font-size:16.25px

}

}

 @media screen and (min-width:640px) {

body, input, select {

font-size:18px

}

}

 @media only screen and (max-width: 320px) {

 .cont>li {

width:31.5%;

}

}

 @media (min-width: 320px) and (max-width:350px) {

 .cont>li {

width:31.5%;

}

 .title li {

font-size:140%;

}

 .cont li ul li {

font-size:110%;

}

 .red_bg p {

font-size:120%;

}

 .list1_main dl dd span {

font-size:110%;

}

 .list3_main span .a {

width:8%;

display:inline-block

}

 .list3_main span {

font-size:120%;

}

 .list4_main dd h4 {

font-size:140%;

}

 .list4_main dd h5 {

font-size:130%;

}

}

 @media (min-width: 350px) and (max-width:370px) {

 .cont>li {

width:31.5%

}

 .red_bg p {

font-size:130%;

}

}

 @media (min-width: 370px) and (max-width:400px) {

 .cont>li {

width:31.5%

}

}

 @media (min-width: 400px) and (max-width:430px) {

 .cont>li {

width:31.5%

}

}

 @media (min-width: 430px) and (max-width:450px) {

 .cont>li {

width:31.5%

}

}

 @media (min-width: 450px) and (max-width:500px) {

 .cont>li {

width:31.5%;

}

}

 @media (min-width: 500px) and (max-width:550px) {

 .cont>li {

width:31%;

}

}

li { list-style:none; }

.page ul { padding-top:5%; padding-left:7%; width:100% }

.page ul li { float:left; padding:2% 3%; border:.1em solid #CCC; font-size:100%; margin:.5%; background:none; list-style:none; }

.page ul li a { color:#666666 }

.page ul li:hover { background:#b47434; }

.page ul li:hover a { color:#FFF }

.page ul li span { color:#b47434 }

.addPre_p { background:#e9e9e9; padding:1%; margin-top:2%; }

.addPre_p ul { background:url(../images/addImg1.jpg) no-repeat center top; background-size:100% 100%; padding:0 3%; }

.addPre_p ul li:nth-of-type(1) {

border-bottom:1px solid #e9e9e9;

}

.addPre_p ul li { background:url(../images/addImg2.png) no-repeat left center; background-size:7% auto; }

.addPre_p ul li a { display:block; padding:2% 0 2% 8%; }



#concon{ width:100%;background:#333; height:36px; left:0;}

#top_phone{height:36px; padding-top:5px; background:#6f2524;z-index:9999999;width:100%;top:0px; position:fixed; left:0;}

#top_phone_center{width:320px;margin:0 auto;}

#top_phone_center form{padding:0 5px;}

#top_phone_center input{width:230px;height:31px;padding-left:8px;background:url(/swt/phone_bg.jpg) no-repeat left top; line-height:31px; font-size:11px; color:#000000;float:left;border:none;}

#top_phone_center input.top_phone_submit{width:67px;height:31px;float:right;background:url(/swt/phone_click.jpg) no-repeat left top;cursor:pointer;}