
* {word-wrap: break-word;}
body {background-color:#EEE;font-size:12px;font-family: "宋体",Arial; color:#666;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr {margin: 0; padding: 0; border:0;}
table {empty-cells: show; border-collapse: collapse;}
ul li {list-style: none;}
img {border: none;}
a {color: #555; text-decoration: none;}
a:hover {text-decoration: underline; color:#139DDF;}
html {width:1000px; margin:0 auto;}
h1,.f1,h2{font-family:"微软雅黑","宋体",Arial; font-weight:bold;color: #444;}
h1{font-size:18px;text-align:center}
.f1,h2{font-size:14px;}
h1{font-size:20px; padding:5px 0;}
.f2{font-size:12px; line-height:160%;}
.inp{border:1px solid #CCC; padding:3px; border-top-color:#666;border-left-color:#666;background-color:#F6F6F6; line-height:14px;}
.inp:hover{border:1px solid #5EA2D9;background-color:#EDF3F8;}
.btnmini,.btnbig{border:1px solid #1A5488; overflow:hidden; border-top:#149BDD;border-left:#149BDD;background-color:#1F66A8;font-weight:bold;color:#fff; cursor:pointer}
.btnmini{padding:0 10px; line-height:17px;height:24px;}
.btnbig{padding:5px 10px;font-size:14px; height:30px;margin-top:5px}
.none{ display:none;}
.both{clear:both; width:100%;}

#winbox{ position: absolute;border:5px solid #9CC0E9; background-color:#F4F8FB;line-height:180%;color:#476DD1;}
#winbox .t{font-weight:bold; padding:5px; border-bottom:1px solid #9CC0E9;}
#winbox .t span{ float:right; padding:0 5px; cursor:pointer; font-weight:normal}
#winbox .c{padding:5px 15px; }
#winbox .g{ margin:15px;text-align:center;}
#winbox .g a{ padding:8px 20px; line-height:30px;border:1px solid #4672C4; border-top:#9CC0E9;border-left:#9CC0E9;background-color:#3D6AD3; color:#FFF; margin-right:20px;}
#winbox .g a:hover{background-color:#5588D8;text-decoration:none;}
#winbox .z{padding-bottom:15px; font-family:Verdana, Geneva, sans-serif;}
#winbox .z a{text-decoration: underline; }

.wp {margin: 0 auto; width: 980px;clear:both;} .wpm { padding:0 10px; width: 980px;clear:both;}.wpa {width: auto;}

.head{height:155px; background:url(../image/bg.jpg);}
.head dl{ float:left; height:99px;}
.head dl.a{ width:160px;background: url(http://www.senonchina.net/style/images/logo.jpg);}
.head dl.b{ width:550px;background: url(../image/top1.jpg);}
.head dl.c{ width:270px;background: url(../image/top2.jpg);color:#7AABD8}
.head dl.c a{color:#7AABD8}
.head dl.c p{ float:left;}
.head dl.c p.i{width:240px; padding:20px 10px 0 20px; line-height:20px; text-align:right; position:relative;}
.head dl.c p.i span.cart{ margin-left:15px; padding:5px 10px;}
.head dl.c p.i span.cart_c{background-color:#139DDF;}
.head dl.c p.i span.cart_c a{color:#FFF;}
.head dl.c p.i a.m{ float:right; text-align:left; margin-left:15px; padding-left:15px; height:25px; background: url(../image/image.gif) no-repeat 0 -68px;}
.head dl.c p.s{width:170px; height:25px; padding-left:100px;}
.head dl.c p.s span{float:left;}.head dl p.s span.l{ width:80px;}.head dl p.s span.ll{ width:53px;background: url(../image/image.gif) repeat -440px -120px; padding:2px 0 0 2px;height:23px;}
.head dl.c p.s span.l input{ width:70px;background: url(../image/bg.jpg) repeat 0 -430px; padding:5px; height:15px; margin:0; border:0;color:#FFF; margin-top:-1px\9;}
.head dl.c p.s span.r{ width:25px;background: url(../image/image.gif) no-repeat 0 -30px;}
.head dl.c p.s span.r input{ width:25px;height:25px; margin:0; border:0; background:none; cursor:pointer;}
.menu a{float:left; width:122px; line-height:55px;height:55px; font-size:14px;  color:#444;text-align:center;background: url(../image/list.jpg);}
.menu a:hover,.menu a.c{color:#FFF;background: url(../image/list.jpg) -122px 0;}

.cartdb{ position:absolute;top:40px; right:10px; width:335px; border:1px solid #139DDF; background-color:#FFF; text-align:left; padding:5px; z-index:999;}
.cartdb dl{width:325px; line-height:18px; color:#139DDF; height:35px; padding:5px; overflow:hidden;}
.cartdb dl:hover{ background-color:#FFC}
.cartdb dl dt{ float:left; width:45px;}.cartdb dl dt img{width:35px; height:35px;}
.cartdb dl dd{ float:left; width:200px;}
.cartdb dl dd.p{width:80px; text-align:right;}
.cartdb dl dd.p strong{font-size:13px; font-family:Verdana, Geneva, sans-serif;color:#C00;}
.cartdb dl.j{height:14px; line-height:14px; padding:5px; text-align:center; background-color: #DFF0F9}

.tab11,.tab12,.tab21,.tab22,.tab31,.tab32,.tab41,.tab42,.tab51,.tab52{height:10px;background:url(../image/list.jpg); overflow:hidden;float:left;}
.tab1,.tab2,.tab3,.tab4,.tab5{background:url(../image/tab.jpg); padding:10px 15px 5px 15px;float:left;}
.tab11,.tab12{width:990px;}.tab21,.tab22{width:760px;}.tab31,.tab32{width:230px;}.tab41,.tab42{width:505px;}.tab51,.tab52{width:485px;}
.tab1{width:960px;}.tab2{width:730px;}.tab3{width:200px;}.tab4{width:475px;}.tab5{width:455px;}
.tab11{background-position:0 -65px;height:5px;}.tab12{background-position:0 -80px;}
.tab21{background-position:0 -95px;}.tab22{background-position:0 -110px;}
.tab31{background-position:-760px -95px;}.tab32{background-position:-760px -110px;}
.tab41{background-position:0 -125px;}.tab42{background-position:0 -140px;}
.tab51{background-position:-505px -125px;}.tab52{background-position:-505px -140px;}
.tab2{background-position:-990px;}.tab3{background-position:-1750px;}
.tab4{background-position:-1980px}.tab5{background-position:-2485px;}
.tab1b{padding:0;width:980px;}
.bannerb{width: 960px; height:29px; background:url(../image/tel.jpg); clear:both; color:#FFF; line-height:25px; padding:5px 15px; font-family:Verdana, Geneva, sans-serif;}
.bannerb a{ color:#FFF}
.mban{background-position:0 -85px;height:5px;}

.tab495{float:left; width:505px;}.tab475{float:right; width:485px;}.tab750{float:right; width:760px;}
.tab220{float:left; width:230px;}.tab980{float:left; width:990px;}

.type{height:38px;background: url(../image/bg.jpg) 0 -217px; overflow:hidden;}
.type p{height:38px;float:left;}
.type p.l{width:7px;background: url(../image/list.jpg) -281px 0;}
.type p.c{line-height:35px; padding-left:10px; padding-top:3px;}
.type p.c span{ font-size:12px; font-family:Arial;padding-left:10px; color:#247AB5}
.type a{float:right; width:45px; height:19px;background: url(../image/list.jpg) -317px 0; margin-top:11px;}
.type p.r{ float:right;width:7px;background: url(../image/list.jpg) -299px 0;}

.list{}
.main{background: url(../image/tab.jpg) -2975px 0; border-bottom:1px solid #d9d9d9;}
.main .l{float:left; width:200px;}
.main .r{float:right; width:740px; padding:5px 20px 20px 20px; /*overflow:hidden;*/}
.columnc{ height:35px;width:173px;line-height:35px; padding-left:25px;background: url(../image/image.gif) no-repeat -40px 13px;background-color:#FFF;border-right:1px solid #E4E4E4; border-left:1px solid #E4E4E4;}
.columncl{ padding:5px 10px; line-height:35px;border-top:5px solid #cdcdcd; float:left;}
.columncl a{color:#555; font-size:12px; float:left;width:150px;background: url(../image/image.gif) no-repeat -430px -30px; padding-left:30px; }
.columncl a:hover{background-position: -430px -65px;text-decoration: none;font-weight:bold}
.position{ border-bottom:1px solid #E4E4E4;line-height:35px; color:#999;background: url(../image/image.gif) no-repeat -270px 12px; padding-left:25px;}
.position span{ float:right; border:1px solid #06C; text-align:center; background-color:#3469CB;line-height:12px; margin-top:5px;}
.position span a{ float:left; color:#FFF; padding:5px 10px;}
.position p{ float:right;}
.position p a{ float:left;background: url(../image/btn.gif); height:25px; line-height:25px; color:#FFF; padding:0 10px; margin-left:10px; margin-top:3px;}
.content div.c,.comment div.c,.content ul.c,.comment ul.c{ margin-top:10px; clear:both}
.content .t,.comment .t{ line-height:30px;border:1px solid #E7E7E7; font-family:Verdana, Geneva, sans-serif; border-left:0;border-right:0;background-color:#F3F3F3}
.content .t{color:#999; text-align:center;}
.content .list li{ line-height:35px;border-bottom:1px solid #EEE; padding-left:15px;background: url(../image/image.gif) no-repeat 5px -155px; font-size:14px;}
.content .list li span{ float:right; font-size:11px; color:#999; font-family:Verdana, Geneva, sans-serif}
.content .list li em{padding-left:10px; color:#C00; font-size:12px; font-style: normal;}
.content .list dl{ float:left; width:160px; height:145px; padding:5px; text-align:center; overflow:hidden; margin-left:9px; margin-bottom:12px;background: url(../image/image.gif) no-repeat -430px -270px;}
.content .list dl dt{height:120px;}
.content .list dl dt img{width:160px;height:120px;}
.content .list dl dd{height:30px; overflow:hidden; line-height:30px;}
.content .list dl:hover{background-position: -430px -440px;}
.content .list dl:hover a{ color:#FFF}
.content .prev{ padding-top:20px;}
.content .prev a{margin-right:20px;color:#0C4D8D;}

.comment{margin-top:10px;}
.comment .t{ padding-left:10px; font-weight:bold;}
.comment .i dl{ margin-bottom:10px; width:740px;float:left;}
.comment .i dl dt{float:left; width:80px; font-weight:bold; text-align:right; padding-right:10px; line-height:25px;}
.comment .i dl dd{float:left; padding-right:10px;}
.comment .list{clear:both}
.comment .list dl{ margin-bottom:10px; line-height:22px;border-top:1px solid #E7E7E7;}
.comment .list dl dt{background-color:#F3F3F3; padding:3px 10px;}
.comment .list dl dd{padding:3px 10px;}

.news{height:150px; overflow:hidden;}
.news .l{float:left; width:195px;}
.news .r{float:right; width:270px; padding-left:10px;}
.news .r li{ line-height:24px; border-bottom:1px solid #EEE; padding-left:15px;background: url(../image/image.gif) no-repeat 5px -161px;}
.about{height:150px; overflow:hidden;}
.about .l{float:left; width:190px;}
.about .r{float:left; width:260px; line-height:21px;}

.product{height:150px;width:980px;position: relative; margin:15px 0;}
.product .wrapper {width: 915px; overflow: auto;height: 177px;margin: 0 35px;position: absolute;top: 0;}
.product .wrapper ul {width: 1820px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;left:0;}
.product ul li {display:block;float:left;padding-right:10px;width: 175px;}
.product ul li p{ text-align:center; height:22px; padding-top:5px; overflow:hidden;}
.product ul li p a{ color:#FFF;}
.product ul li img {-webkit-transition: border-color 400ms; width:160px; height:125px; padding:5px; background-color:#E8E8E8;}
.product ul li img:hover {background-color:#0C4D8D;}
.product ul li a img {display:block;}
.product .arrow {display: block;height: 62px;width: 30px;position: absolute;top: 45px;cursor: pointer;outline: 0;}
.product .arrow a{width:30px; height:62px;}
.product .forward {right: 0;background: url(../image/image.gif) -30px -209px;}
.product .back {left: 0;background: url(../image/image.gif) 0 -209px;}

.attribute strong{ font-size:14px;}
.attribute p{padding:13px 0; border-bottom:1px dashed #CCCCCC;}
.attribute .price{ font-size:20px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#C00;}
.attribute .aprice span{ padding:5px 8px; margin:0 5px 0 0; border:1px solid #CCC; cursor:pointer;}
.attribute .aprice span.c{border:1px solid #900; background-color:#C00; color:#FFF;}
.attribute .aprice span:hover{border-color:#900}
.ins{ height:22px; line-height:20px; text-align:center; border:1px solid #E3E3E3; background-color: #F5F5F5; border-top-color: #999; border-left-color:#999;}

.ordertab{ width:100%; padding:0; margin:0;border-bottom:0; border-right:0;}
.ordertab,.ordertab td{ border:1px solid #CCC; line-height:180%}
.ordertab td{ border-top:0; border-left:0; padding:8px; text-align:center;}
.ordertab tr{ background-color: #FFF;color:#06C;}
.ordertab .trbg{font-weight:bold; color:#FFF;background-color: #F5F5F5;}
.ordertab .trbg td{padding:0; line-height:28px; background-color:#1294D7;}
.ordertab .left{ text-align:left;}
.ordertab span{ color:#666}

.total{font-size:14px; color:#C00; font-family:Verdana, Geneva, sans-serif}
#aggregate,.aggregate{font-size:16px; font-weight:bold; color:#C00; font-family:Verdana, Geneva, sans-serif}

.buy{ margin:12px 0;}
.inbuy,.incart{margin:0; padding:0; border:0; cursor:pointer; height:37px;line-height:90px;overflow:hidden;}
.inbuy{width:127px; background-image:url(../image/buy.gif); margin-right:5px;}
.incart{width:132px; background-image:url(../image/cart.gif);}

.pinfo{ padding-bottom:10px; line-height:180%}
.pinfo span{ padding-right:20px;}

#imgto{ width:300; height:310px; }
#imgto .big{height:260px;}
#imgto .big img{width:300px;; height:250px;}
#imgto .small{height:55px;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;;height:53px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:53px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:270px; position:relative;;height:55px;}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:55px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:55px; padding-left:10px;cursor:pointer; }
#imgto .small div.imgc ul li img{width:53px; height:53px;border:1px solid #FFF}
#imgto .small div.imgc ul li.the img {border:1px solid #C00}


.case{height:150px; overflow:hidden;}
.case li {float:left;padding:8px;width: 166px;overflow:hidden; text-align:center;}
.case li img {width:166px; height:110px;}
.case li img:hover {background-color:#0C4D8D;}
.case li p{padding-top:5px; line-height:22px;}
.case li p a{ font-weight:bold}

.contact{height:150px; overflow:hidden;}
.contact .t{width:200px;}
.contact .b{ margin-top:10px;}
.contact .b li{line-height:21px; font-family:Verdana, Geneva, sans-serif;}
.contact .b li span{float:left;width:50px; text-align:right;color:#247AB5; font-weight:bold}
.contact .b li p{float:left; padding-left:10px;}

.content .labels{background-color:#F3F3F3; height:35px;}
.content .labels span{ float:left; padding:0 15px; margin:9px 0 0 10px; height:25px; line-height:25px; border:1px solid #CCC; border-bottom:0; background-color:#FFF;overflow:hidden; font-weight:bold; cursor:pointer;}
.content .labels .current{background: url(../image/btn.gif);color:#FFF;}

.content .record{}
.content .record li{height:20px; line-height:20px; padding:5px 0; border-bottom:1px dashed #CCCCCC}
.content .record li span{ float:right;text-align:right;}
.content .record li.m{ border-bottom:1px solid #CCC; font-weight:bold}
.content .record li span.time{ width:300px;}

.member_f{margin-top:5px;}
.member_f dl{border-bottom:1px solid #E8E8E8; padding:5px 0; width:100%; float:left;}
.member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;}
.member_f dl dd{float:left; line-height:26px; padding-left:10px;}
.member_f dl dd textarea{ width:90%; height:200px;}
.member_f dl dd.m span{color:#C00;}
.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}

.links{padding:10px 0;line-height:22px; color:#666;}
.links a{color:#333; padding:5px 10px; color:#666}

.bottom{background: url(../image/bg.jpg) 0 -287px; height:50px; padding:25px 0;}
.bottom .l{ float:left; width:800px; line-height:25px; font-family:Verdana, Geneva, sans-serif; color:#828282}
.bottom .r{ float:right; width:135px; height:50px;background: url(../image/image.gif) 0 -104px; margin:5px 20px 0 0;}

.pages{ margin-top:10px;}
.pages li{ float:left; line-height:20px;border:1px solid #E1E1E1;  margin-right:10px; background-color:#FFF;}
.pages li.c{background-color:#588FD9; color:#FFF;padding:0 8px;}
.pages li a{float:left;padding:0 8px;height:20px;}.pages li a:hover{background-color:#588FD9; color:#FFF;text-decoration: none;}


#top_banner { width:980px; height:220px; overflow:hidden;position:relative;margin:0 auto;}
#top_banner .slider,.num{position:absolute;}
#top_banner .slider li{ list-style:none;display:inline;}
#top_banner .slider img{ width:980px; height:220px;display:block;}
#top_banner .num{ right:5px; bottom:5px;}
#top_banner .num li{float: left;color: #FF7300;text-align: center;line-height: 14px;width: 12px;height: 14px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;border: 1px solid #FF7300;background-color: #fff; overflow:hidden;margin:3px; padding:5px;font-weight: bold;}
#top_banner .num li.on{color: #fff;background-color: #FF7300;}

#new_banner { width:195px; height:150px; overflow:hidden;position:relative;margin:0 auto;}
#new_banner .slider,.num{position:absolute;}
#new_banner .slider li{ list-style:none;display:inline;}
#new_banner .slider img{ width:195px; height:150px;display:block;}
#new_banner .num{ right:5px; bottom:5px;}
#new_banner .num li{float: left;color: #FF7300;text-align: center; font-size:11px;line-height: 12px;width: 10px;height: 12px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;border: 1px solid #FF7300;background-color: #fff; overflow:hidden;margin:3px; padding:2px;font-weight: bold;}
#new_banner .num li.on{color: #fff;background-color: #FF7300;}

.li_bottom { float:left; width:980px; padding:0 5px; background: url(../image/bottom.jpg) no-repeat 0 0;}
.li_bottom_a { float:left; width:940px; padding:0 20px; height:40px; line-height:40px; color:#FFF; font-family:"Arial";}
.li_bottom_a .left { float:left;}
.li_bottom_a .right { float:right;}
.li_bottom_a a { color:#FFF;}
.li_bottom_b { float:left; width:980px; padding:15px 0 0 0; line-height:27px; text-align:center; color:#929292}
.li_bottom_b .right { float:left; width:980px; text-align:center;}
.li_bottom_b .left { float:left; width:980px; text-align:center;}
.li_bottom_b img { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.li_bottom_b img{ -webkit-filter:grayscale(1);}
.li_head { float:left; width:980px; padding:0 5px; background: url("../image/tab.jpg") repeat scroll -2970px 0 rgba(0, 0, 0, 0);}
.li_top { float:left; width:980px; background:#fff; height:90px;}
.li_logo { float:left; width:790px;}
.li_url { float:left; width:190px; padding-top:25px;}
.li_url li { float:left;}
.li_nav { float:left; width:980px; height:44px; line-height:42px; background: url(../image/li_nav.jpg) repeat-x left top;}
.li_nav li { float:left; background: url(../image/li_nav_li.jpg) no-repeat left top; width:98px; text-align:center;}
.li_nav a {color:#FFFFFF; display: block; font:700 14px/42px Verdana; height:44px; margin-right: 2px; text-align: center;}
.li_nav .no { background:none;}
.li_cen_left { float:left; width:180px;}
.li_cen_right { float:left; width:560px}
.li_cen_right2 { float:left; width:360px}
.li_cen_bg { float:left; width:540px; padding-right:200px; min-height:330px;}
.li_cen_text { float:left; width:695px; line-height:35px; padding-top:20px; padding-left:45px;}
.li_in_box { float:left; width:920px; padding:15px 30px; background:#fff;}
.li_in_about { float:left; width:250px; padding-right:30px;}
.li_in_titlea { float:left; width:250px; font-weight:bold; font-size:12px; line-height:25px; border-bottom:2px solid #e9e9e9;}
.li_in_at { float:left; width:250px; padding-top:10px; line-height:20px;}
.li_in_at li { float:left; width:250px;}
.li_in_at img { border:1px solid #ccc; padding:4px;}
.li_in_news { float:left; width:310px; padding-right:30px;}
.li_in_titleb {float:left; width:310px; font-weight:bold; font-size:12px; line-height:25px; border-bottom:2px solid #e9e9e9;}
.li_in_nt { float:left; width:310px;}
.li_in_nt li { float:left; width:300px; padding:10px 0 0 10px; background: url(../image/li_bg.gif) no-repeat left 14px;}
.li_in_nt .left { float:left;}
.li_in_nt .right { float:right; color:#ccc;}
.li_in_cp { float:left; width:300px;}
.li_in_titlec {float:left; width:310px; font-weight:bold; font-size:12px; line-height:25px; border-bottom:2px solid #e9e9e9;}
.li_in_cpbox { float:left; width:300px; padding:10px 0;}
.li_in_cpl { float:left; width:110px;}
.li_in_cpl img {border:1px solid #ccc; padding:4px;}
.li_in_cpr { float:left; width:180px; padding-left:10px;}
.li_in_cpr li { float:left; width:180px; line-height:18px;}
.li_in_tt { float:left; width:300px; padding-top:10px; line-height:20px;}

.zhuanjia { float:left; width:1000px; background:#333333; line-height:35px; height:35px; color:#ebebeb;}
.zhuanjia li { padding-left:10px;}
.zhuanjia .l { float:left;}
.zhuanjia .r { float:right; padding-right:20px; color:#424242;}
.zhuanjia .r a { color:#ebebeb; padding:0 10px;}
.contentxxx { float:left; width:980px; padding:0 10px 0 10px; background:#FFF;}
.title_name { float:left; width:980px; background:url(http://www.senonchina.net/style/css/images/bg-title.gif) repeat-x left center; line-height:30px; margin-top:10px;}
.title_name strong { background:#FFF; padding:0 10px 0 0; color:#000; font-size:14px;}
.footer_box { float:left; width:980px; padding:10px 10px 0 10px; background:#fff;}
.footer { float:left; width:940px; background:#eaeaea; border-top:3px solid #c7c7c7; padding:27px 20px 10px 20px; line-height:24px;}
.footer_t { float:left; width:940px; padding-bottom:20px;}
.footer_b { float:left; width:940px;}
.footer_a { float:left; width:280px; padding-right:20px; color:#636363;}
.footer_b { float:left; width:280px; padding-right:20px; color:#818181;}
.footer_b .title { font-weight:bold; color:#555; padding-top:14px;}
.footer_b_last { float:left; width:940px;}
.footer_c { float:left; width:340px;}
.footer_c .title { font-weight:bold; color:#555; padding-top:14px;}
.footer_c img { padding-top:8px;}
.copy { float:left; width:940px; font-family:"Arial"; border-top:1px solid #c7c7c7; background:#eaeaea; color:#636363; padding:10px 0 0 0; line-height:30px;}
.copy .left { float:left;}
.copy .right { float:right; padding-left:10px;}
.copy .right-ico { float:right; padding-left:10px;}
.red { color:#d73300; font-weight:bold;}
.black { color:#555; font-weight:bold;}
.top { float:left; width:980px; height:103px; background:#FFF; overflow:hidden;}
.header {width:980px;}
.logo { float:left;}
.tel { float:right; padding-top:40px;}
.app-tel{ display:none;color:red;}
.nav { float:left; width:980px; height:44px; padding:0 10px 0 10px; background:#FFF; overflow:hidden;}
.nav_center { float:left; width:980px; height:44px; line-height:44px; font-size:14px; color:#FFF; overflow:hidden; background:#1f66a8;}
.nav_center li { float:left;}
.nav_center .l { width:840px;}
.nav_center .r { width:135px; color:#636363; text-align:right; padding-right:5px;}
.nav_center .r img { padding-top:4px;}
.nav_center a { float:left; display:block; color:#fff; height:44px; padding:0 13px; border-right:1px solid #155997;}
.nav_center a:link,.nav_center a:visited{color:#fff;text-decoration:none; }
.nav_center a:hover,.nav_center a:active{color:#ff7300; text-decoration:none; background:#155997;}
.nav_center .on { background:#d73300;}
.box { float:left; width:1000px; background:#FFF; margin:0 auto;}
.download{float: left;}
.download-pic{ float:left; width: 255px; height: 170px; overflow: hidden; border: 4px solid #ebebeb;}
.download-l{float:left; margin-left: 30px;}
.download-title{ font-size: 20px;}
.download-title h1{ padding: 0;}
.download-info{margin-top: 10px;width: 440px;}
.download-info .text{ color: #999;}
.download-info .text-zw{ color:#000;}
.download-info li{float: left;margin-right: 10px;margin-bottom:20px;width: 130px;}
.download-body{float: left;}
.download-box-title{width: 740px; float: left;  border-bottom: 2px solid #cdcdcd;}
.download-box-title h2{padding-bottom:10px; position: relative; bottom: -2px; border-bottom: 2px solid #009cff; float: left; padding-top: 10px;  font: normal 20px/24px "microsoft yahei", tahoma, arial, "Hiragino Sans GB", "\5b8b\4f53";}
.download-body-title p{float: left;}
.download-link{padding: 10px;}
.download-link a{color: #2d87cc; font-size: 14px; bottom: 2px; position: relative;}
.download-link li{ list-style-image:url(../images/download-ico.png);margin-left: 15px;margin-top: 5px;}
.listpic{
	width: 125px;
	height: 74px;
}
#app-lm{
	display: none;
}
/********************
	800px适应度
*********************/
.copywap{display: none}
@media (max-width:800px){
	.copywap{display: block;
		text-align: center;
		padding-bottom: 10px;}
	.copypc{display: none}
	.copywap p{
		line-height: 20px;
	}
	html{
		width:100%;
	}
	img{
		max-width: 100%;
		height: auto !important;
	}
	table{
		width: auto !important;
	}
	p{
		text-indent:0 !important;
	}
	.listpic{
		width: auto;
	}
	.content .list li{
		line-height: 25px;
	}

	/****index 、 head and footer****/
	.zhuanjia,.nav,.nav_center,.nav_center .l,.box,.wpm,.tab1b,#top_banner,#top_banner
	,.li_in_box,.footer_box,.footer,.footer_t,.li_in_nt,.li_in_titleb,.footer_b_last,.copy
	,.columnc,.contentxxx,.top{
		width: 100%;
	}
	.tel,.li_in_about,.li_in_titlec,.nav_center .r{
		display: none;
	}
        .app-tel{
                display:block;
        }
        .pc-tel{
                display:none;
        }
	.nav,.nav_center{
		height: auto;
	}
	.nav,.wpm,.footer,.footer_box{
		padding: 0;
	}
	.nav_center a{
		padding: 0 1.32%;
	}

	.li_in_box{
		padding: 0;
	}
	.li_in_news{
		padding-right: 10%;
		padding-left: 1%; 
	}
	.li_in_news,.li_in_cp,.footer_c{
		width: 40%;
	}
	.li_in_cpl{
		width:35%;
		margin-top: 1%;
	}
	.li_in_nt li{
		width: 100%;
	}
	.li_in_tt{
		width: 100%;
	}
	.footer{
		padding: 0;
	}
	.footer_b{
		width: 25%;
		padding-right: 2%;
		padding-left: 1%;
	}
	.copy .right-ico{
		margin-right: 3%;
		padding-left: 0px;
	}
	.copy .right{
		margin-right: 2%;
		padding-left: 0px;
	}
	/****list****/
	.main .l{
		width:22%;
	}
	.main .r{
		width: 70%;
		padding: 1% 4% 4% 4%;
	}
	.columncl{
		padding: 2% 5%;
	}
	.contentxxx{
		padding: 0;
	}
	/****article****/
	.download-pic{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.download-l{
		margin:0;
	}
	.download-info{
		width: 100%;
	}
	.download-info li{
		width: 30%;
	}
	.download-box-title{
		width: 100%;
	}

}
/********************
	640px适应度
*********************/
@media (max-width:640px){
	#top_banner .slider img{
		width: 100%;
	}
	.nav_center a{
		border-bottom: 1px solid #155997;
		padding: 0;
		width: 33.1%;
		text-align: center;
	}
	.zhuanjia .r,.contentxxx,.nav_center,.li_in_cpl,.footer_c,.right-ico,.right{
		display: none;
	}
	.nav_center .on{
		background: #1f66a8;
	}
	#app-lm{
		display: block;
		float: right;
  		color: #424242;
	}
	#app-lm a{
		color: #eaeaea;
	}
	.li_in_news{
		width: 50%;
		padding-right: 2%;
	}
	.li_in_cpr{
		padding-left:0;
		width: 100%;
	}
	/****list****/
	.columncl{
		border: none;
	}
	.columnc{
		padding-left: 45%;
		background-color: #FFF;
  		border-right: none;
	}
	.main .r{
		width: 63%;
	}
	.app-columnc{
		padding-left: 45%;
	}
	/****article****/

	/****footer****/
	.footer_b{
		width: 45%;
  		padding-right: 4%;
	}
	
	.footer{
		border: none;
	}
}
/********************
	568px适应度
*********************/
@media (max-width:568px){
	/****index****/
	.li_in_news{
		width: 40%;
		padding-left: 3%;
		padding-right: 4%;
	}
	/****list****/
	.main{
		background: url(../image/tab.jpg) -3002px 0;
	}
	.content .list li{
		font-size: 12px;
	}
	.columncl a{
		width: 135px;
	}
	
	.columncl a:hover{
		font-weight:normal;
	}
}
/********************
	480px适应度
*********************/
@media (max-width:480px){
	/****index****/
	.li_in_news{
		width: 98%;
 		padding-left: 0;
  		padding-right: 0;
	}
	.li_in_cp{
		width: 98%;
	}
	.right{
		display: block;
	}
	.app-right{
		display: none;
	}
	.li_in_titleb{
		text-align: center;
	}
	/****list****/
	.main{
		background: none;
	}
	.main .l{
		width: 99.8%;
	}
	.main .r{
		width: 100%;
		padding: 1% 0;
	}
	.columnc{
		background: none;
		padding-left:0;
		text-align: center;
	}
	.columncl{
		width: 100%;
		background: #d9d9d9;
		padding: 2% 0;
	}
	.columncl a{
		width:40%;
	}
	/****footer****/
	.footer_b{
		padding-right: 1%;
	}
}
/********************
	414px适应度
*********************/
@media (max-width:414px){
	/****index****/
	.li_in_news,.li_in_cp{
		width: 97.5%;
	}
	.nav_center a{
		width: 49.7%;
	}
}
/********************
	320px适应度
*********************/
@media (max-width:320px){
	/****index****/
	.nav_center a{
		width: 49.6%;
	}
	.li_in_news,.li_in_cp{
		width: 97%;
	}
	.li_in_news{
		padding-right: 0;
	}
	.li_in_cp{
		margin-top: 2%;
	}
	/****list****/
	.columncl a{
		width: 90%;
	}
	.position{
		background: none;
		padding: 0;
	}
	/****footer****/
	.footer_b{
		width: 98%;
	}
}
/********************
	240px适应度
*********************/
@media (max-width: 240px){
	/****index****/
	.right{
		display: none;
	}
	#app-title{
		display: none;
	}
	.nav_center a{
		width: 100%;
	}
	.li_in_news, .li_in_cp{
		width: 96%;
	}
	/****list****/
	.main .l{
		width: 99.7%;
	}
	.columncl a{
		width: 86%;
	}
	.content .list li span{
		display: none;
	}
	/****arcitle****/
	.download-pic{
		width: 200px;
	}
	.download-info li{
		width: 100%;
	}
}

.xypg-pagination {
	margin-top: 20px;
	text-align: center;
	font-size: 0;
}
.xypg-pagination a, .xypg-pagination #current, .xypg-pagination span {
	display: inline-block;
	font-size: 14px;
	color: #333333;
	font-family: "Microsoft YaHei",Arial;
	line-height: 26px;
	border: 1px solid #cbcbcb;
	margin: 0 5px;
	padding: 0 8px;
}
.clear{
	clear: both;
}
.pshowl{
	width: 39%;
	margin-right: 1%;
	float: left;
}
.pshowl img{
	width: 100% !important;
}
.pshowr{
	width: 60%;
	float: left;
}
@media (max-width: 768px) {
	.pshowl,.pshowr{
		width: 100%;
		margin-bottom: 15px;
	}
	.yqjs .listpic{
		width: 125px !important;
		height: auto !important;
	}
	.showpage img{
		width: 200px !important;
		display: block;
		margin: 0 auto;
	}
	table tbody, table tbody td, table tbody tr{
		width: auto !important;
		box-sizing: border-box !important;
		padding: .05rem !important;
		word-break: break-all;
		white-space: pre-line;
	}
	.box{
		padding: 0 5px;
		box-sizing: border-box;
	}
	.columnc{
		border-left: 0;
	}
	.list dl dt a img{
		height: 120px !important;
	}
	.showhy table tr td:first-of-type{
		width: 70% !important;
	}
	/* .showhy table tr td img{
		width: 125px !important;
	} */
	.showhy table tbody, .showhy table tbody td, .showhy table tbody tr{
		white-space: unset;
	}
	body{
		background-color: #ffffff;
	}
}