body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldest, input, button, p, blockquote, th, td { padding: 0px; margin: 0px; }
body { font-size: 12px; font-family: arial, helvetica, sans-serif; background: url(../images/bg.jpg) #fff repeat-x left top; color: #555; line-height: 22px }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
ol, ul { list-style-type: none }
table { border-collapse: collapse; border-spacing: 0 }
caption { text-align: left }
th { text-align: left }
fieldset { border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-width: 0px }
img { border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-width: 0px }
label { cursor: hand }
input { outline-style: none }
q:before { content: '' }
q:after { content: '' }
abbr { border-top-style: none; border-left-style: none; font-variant: normal; border-bottom-style: none; border-right-style: none }
acronym { border-top-style: none; border-left-style: none; font-variant: normal; border-bottom-style: none; border-right-style: none }
input { font-family: inherit; vertical-align: middle }
button { font-family: inherit; vertical-align: middle }
textarea { font-family: inherit; vertical-align: middle }
select { font-family: inherit; vertical-align: middle }
input { font-size: 100% }
button { font-size: 100% }
textarea { font-size: 100% }
select { font-size: 100% }
.clearfix { zoom: 1 }
.clearfix:after { height: 0px; content: "."; clear: both; display: block; visibility: hidden }
.clear { clear: both }
a { color: #555; text-decoration: none }
a:hover { color: #d50014; text-decoration: none }
.left { float: left }
.right { float: right }
.navbar-close,.navbar-toggler {display: none;}
#wrapper { margin: 0px auto; width: auto }
.top { height: 100px; background: url(../images/topbg.jpg) no-repeat left top; position: relative; width: 980px; margin: auto }
#logo { position: absolute; left: 0px; top: 12px; width: 400px }
.phone { right: 130px; position: absolute; top: 12px }
.sh { right: 0px; position: absolute; top: 48px }
.ipnut-text { border-top-style: none; border-left-style: none; height: 27px; background: url(../images/tp_14.jpg) #fff no-repeat left 50%; border-bottom-style: none; float: left; color: #aeaeae; border-right-style: none; padding-left: 26px; line-height: 27px; width: 150px }
.sh-bt { border-top-style: none; cursor: pointer; border-left-style: none; height: 27px; background: url(../images/sh.jpg) no-repeat left top; border-bottom-style: none; border-right-style: none; width: 60px }
.wezi { right: 0px; position: absolute; top: 6px }
.wezi a { margin: 0px 5px }
.wezi span { margin-left: 20px }
.menu { margin-bottom: 5px; font-size: 14px; height: 36px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; position: relative; padding-left: 12px; z-index: 1000; line-height: 36px; width: 980px; margin: auto }
.menu li { position: relative; float: left; font-weight: bold; text-align: center; width: 118px }
.menu li.bgno { background: none transparent scroll repeat 0% 0% }
.menu li a:hover { background: url(../images/dj_07.jpg) no-repeat center top; color: #fff; text-decoration: none; display: block }
.menu ul ul { font-size: 12px; background: #fff; position: absolute; left: 0px; display: block; top: 40px; width: 133px }
.menu ul ul li { background: none transparent scroll repeat 0% 0%; border-bottom: #ddd 1px solid; font-weight: 100; line-height: 25px; width: 133px }
.menu ul ul li a:hover { background: #eee; color: #f00 }
#content { margin: 10px auto; width: 980px; }
.banner { overflow: hidden; height: 330px; background: url(../images/tp_24.jpg) no-repeat center bottom; text-align: center; }
.piclist h2 { font-size: 14px; height: 38px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; background: url(../images/tp_27.jpg) no-repeat left top; position: relative; padding-left: 18px; line-height: 38px }
.pic h2 { font-size: 14px; height: 38px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; background: url(../images/tp_27.jpg) no-repeat left top; position: relative; padding-left: 18px; line-height: 38px }
.video h2 { font-size: 14px; height: 38px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; background: url(../images/tp_27.jpg) no-repeat left top; position: relative; padding-left: 18px; line-height: 38px }
.about h2 { font-size: 14px; height: 38px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; background: url(../images/tp_27.jpg) no-repeat left top; position: relative; padding-left: 18px; line-height: 38px }
.pic h2 { background: url(../images/tp_29.jpg) no-repeat left top }
.about h2 { background: url(../images/tp_29.jpg) no-repeat left top }
.pic h2 a { right: 15px; position: absolute; top: 11px;line-height: initial; }
.about h2 a { right: 15px; position: absolute; top: 11px;line-height: initial; }
.piclist { overflow: hidden; width: 219px }
.video { overflow: hidden; width: 219px }
.piclist ul { overflow: hidden; height: 350px; background: url(../images/tp_33.jpg) #f7f7f7 repeat-x left bottom; padding-bottom: 5px; padding-top: 0px; padding-left: 8px; margin-top: 5px; padding-right: 8px }
.piclist li { border-top: #fff 1px solid; background: url(../images/tp_39.jpg) no-repeat 18px 14px; border-bottom: #dadada 1px solid; font-weight: bold; padding-top: 3px; line-height: 28px; text-indent: 36px }
.pic { overflow: hidden; height: 420px; width: 754px }
.pic ul { margin-top: 12px }
.pic li { height: 179px; float: left; text-align: center; margin: 2px 5px 0px 12px; display: inline; width: 168px }
.pic li img { border-top: #ddd 1px solid; border-right: #ddd 1px solid; border-bottom: #ddd 1px solid; border-left: #ddd 1px solid }
.pic li span { margin-top: 3px; display: block; line-height: 16px }
.about h2 { font-size: 14px; height: 36px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; position: relative; padding-left: 18px; line-height: 36px }
.contact h2 { font-size: 14px; height: 36px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; position: relative; padding-left: 18px; line-height: 36px }
.news h2 { font-size: 14px; height: 36px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; position: relative; padding-left: 18px; line-height: 36px }
.hzkh h2 { font-size: 14px; height: 36px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; position: relative; padding-left: 18px; line-height: 36px }
.jszb h2 { background: url(../images/tit_17.jpg) no-repeat left top }
.hzkh h2 { background: url(../images/tit_19.jpg) no-repeat left top }
.news h2 a { right: 12px; position: absolute; top: 13px;line-height: initial; }
.about { overflow: hidden; height: 230px; width: 754px }
.about-a img { float: left; margin-right: 15px }
.about-a { margin: 15px 5px; line-height: 23px }
.contact { overflow: hidden; height: 226px; background: url(../images/tp_50.jpg) no-repeat left top; width: 330px }
.cta { margin-top: 20px; margin-right: 13px; margin-bottom: 20px; margin-left: 26px; }
.hzkh { overflow: hidden; height: 73px; background: url(../images/tp_45.jpg) #eef2fb repeat-x left bottom; padding-left: 40px; margin: 15px 0px }
.hzkh li { float: left; margin-left: 50px; margin-top: 16px }
.news { overflow: hidden; height: 218px; background: url(../images/news_03.jpg) no-repeat left top; width: 317px; margin-right: 8px }
.news ul { margin: 12px 15px 0px 16px }
.news li { overflow: hidden; height: 24px; background: url(../images/sns_55.jpg) no-repeat left 9px; padding-left: 18px; line-height: 24px }
.news li span { color: #555; margin-right: 1px }
.zs { margin-top: 5px; margin-left: 10px; }
.xiangNav { width: 210px }
.xiangNav li { overflow: hidden; padding-left: 0px; line-height: 24px; height: 24px; text-indent: 20px; background: url(../images/sns_55.jpg) no-repeat left 9px; }
.case { overflow: hidden; height: 200px }
.case h2 { font-size: 14px; height: 36px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; background: url(../images/tp_55.jpg) no-repeat left top; position: relative; color: #666; padding-left: 10px; line-height:36px; }
.case h2 a { right: 13px; position: absolute; top: 10px;line-height: initial; }
.case li { float: left; margin-right: 10px }
.case li img { border-top: #ddd 1px solid; border-right: #ddd 1px solid; border-bottom: #ddd 1px solid; padding-bottom: 1px; padding-top: 1px; padding-left: 1px; border-left: #ddd 1px solid; padding-right: 1px }
.rollbox { overflow: hidden; height: 152px; float: left; margin: 0px auto; width: 980px }
.rollbox .cont { overflow: hidden; padding-top: 10px; margin: 0px auto; width: 900px }
.rollbox .scrcont { width: 10000000px }
.rollbox #list1 { float: left }
.rollbox #list2 { float: left }
.img1 { float: left }
.img2 { float: left }
.cont { float: left }
.img1 { cursor: pointer; height: 110px; margin-top: 20px; display: block; width: 25px }
.img2 { cursor: pointer; height: 110px; margin-top: 20px; display: block; width: 25px }
.img1 { background: url(../images/about_12.gif) no-repeat center center; margin-right: 15px }
.img2 { background: url(../images/about_14.gif) no-repeat center center; margin-left: 10px }
#roll2 { position: relative; margin-left: 20px; margin-top: 3px; width: 900px }
.warp { overflow: hidden; height: 138px; position: relative; text-align: center; margin-left: 20px; margin-top: 10px; width: 880px }
#roll2 ul { overflow: hidden; height: 208px; width: 920px }
#roll2 li { height: 138px; float: left; width: 180px; margin-right: 12px }
#roll2 li a { cursor: pointer }
#roll2 li span { height: 30px; font-weight: bold; display: block; line-height: 30px }
#roll2 #button1 { cursor: pointer; height: 50px; position: absolute; left: -20px; margin-top: 60px; display: block; top: 0px }
#roll2 #button2 { cursor: pointer; height: 50px; right: -30px; position: absolute; margin-top: 60px; display: block; top: 0px }
#roll2 ul { position: absolute; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; left: 0px; margin: 0px; top: 0px; padding-right: 0px }
.warp img { overflow: hidden; border-top: #d0d0d0 1px solid; height: 136px; border-right: #d0d0d0 1px solid; background: #ececec; border-bottom: #d0d0d0 1px solid; padding-bottom: 4px; padding-top: 4px; padding-left: 4px; border-left: #d0d0d0 1px solid; padding-right: 4px; width: 178px }
.footer { padding-bottom: 30px; background: #363636; }
.footerbox { width: 800px; margin: auto; }
.footnav { height: 40px; background: #2e2e2e; color: #fff; text-align: center; line-height: 40px }
.footnav a { color: #fff; margin: 0px 16px }
.foot-left { color: #ccc; line-height: 26px; margin-top: 25px; }
.foot-right { margin-top: 30px; width: 180px }
.foot-right img { float: left; margin-right: 10px }
.sider-a h2 { font-size: 14px; height: 38px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; background: url(../images/tp_27.jpg) no-repeat left top; padding-left: 18px; line-height: 38px }
.sider-b h2 { font-size: 14px; height: 38px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; background: url(../images/tp_27.jpg) no-repeat left top; padding-left: 18px; line-height: 38px }
.pic h2 { background: url(../images/tp_29.jpg) no-repeat left top }
.about h2 { background: url(../images/tp_29.jpg) no-repeat left top }
.sider { overflow: hidden; float: left; width: 219px }
.sider-a ul { margin-bottom: 10px; background: url(../images/tp_33.jpg) #f7f7f7 repeat-x left bottom; padding-bottom: 15px; padding-top: 0px; padding-left: 8px; margin-top: 5px; padding-right: 8px }
.sider-a li { border-top: #fff 1px solid; background: url(../images/tp_39.jpg) no-repeat 18px 14px; border-bottom: #dadada 1px solid; font-weight: bold; padding-top: 3px; line-height: 28px; text-indent: 36px }
.ct { background: url(../images/tp_33.jpg) #f7f7f7 repeat-x left top; padding-bottom: 15px; padding-top: 15px; padding-left: 10px; margin-top: 5px; padding-right: 10px }
.detail { overflow: hidden; float: right; width: 754px }
.title { font-size: 14px; height: 38px; font-family: 'arial, helvetica, sans-serif', "微软雅黑", "宋体"; background: url(../images/tp_29.jpg) no-repeat left top; position: relative; padding-left: 18px; line-height: 38px }
.title span { font-size: 12px; right: 13px; position: absolute; font-weight: 100; top: 0px }
.detail-a { padding: 18px; color: #333; font-size: 14px; }
.detail-a p { margin: 10px auto; }
.drbg { font-size: 0px; height: 7px; background: url(../images/dxt.jpg) no-repeat left top; width: 737px }
.newsnei { padding-bottom: 20px; padding-top: 12px; padding-left: 18px; padding-right: 18px }
.newsnei2 { padding-bottom: 20px; padding-top: 12px; padding-left: 18px; padding-right: 18px }
.newsnei li { border-bottom: #d8dfe9 1px dotted; padding-left: 2px; margin-left: 2px; line-height:32px; background:url(../images/sns_55.jpg) no-repeat left center;}
.newsnei li a { padding-left:20px; margin-right:10px;}
.newsnei li h3 { font-size: 13px; background: url(../images/arrs.jpg) no-repeat left 50%; padding-left: 18px; margin: 0px; line-height: 30px }
.newsnei li h4 { font-size: 12px; font-weight: normal; color: #999; padding-bottom: 0px; text-align: right; padding-top: 0px; padding-left: 0px; margin: 0px; padding-right: 0px }
.newsnei li span { margin: 5px }
.nr { margin: 10px }
.newsnei2 h3 { margin-bottom: 8px; font-size: 14px; border-bottom: #d8dfe9 1px solid; padding-bottom: 10px; text-align: center }
.newsnei2 h4 { margin-bottom: 8px; text-align: center }
.newsnei2 span { margin: 8px }
.pronei { width: 754px }
.pronei ul { margin-top: 30px }
.pronei li { height: 230px; float: left; text-align: center; display: inline; width: 33.3% }
.pronei li img { border: #ddd 1px solid; width: 200px; height: 180px; }
.pronei li span { margin-top: 3px; display: block; line-height: 24px }
.pronei li a { display: block }
.poofen { margin-bottom: 12px; text-align: center; padding-top: 10px; clear: both }
.proo { padding-bottom: 20px; padding-top: 16px; padding-left: 16px; padding-right: 20px }
.proo h2 { font-size: 14px }
.proo-al { float: left }
.proo-al li { float: left; margin: 10px }
.proo-al p { text-align: center; line-height: 25px }
.proo_top { padding-bottom: 10px; padding-top: 0px; padding-left: 0px; display: block; padding-right: 0px }
.proo_top h3 { margin-bottom: 10px; font-size: 16px; color: #f00 }
.proo-ar { float: left; margin-left: 20px; width: 280px }
.proo-ar1 li { border-bottom: #ddd 1px solid; padding-bottom: 7px; padding-top: 7px; padding-left: 7px; line-height: 18px; padding-right: 7px }
.proo-ar1 li.imgg { _padding-top: 8px; _height: 20px }
.proo-ar1 li.imgg img { margin: 0px 5px }
.proo-all img { border-top: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid }
.proo-ar2 li { font-weight: 700; padding-bottom: 0px; padding-top: 8px; padding-left: 0px; padding-right: 0px }
.proo-ar2 li img { margin-bottom: -5px; margin-right: 5px }
.proo-bl { height: auto !important; padding-bottom: 20px; padding-top: 20px; padding-left: 0px; min-height: 200px; padding-right: 0px }
.proo-bl h2 { font-size: 14px; height: 26px; background: url(../images/jt.gif) no-repeat left 50%; border-bottom: #beccd8 1px solid; padding-left: 16px }
.proo-b h2 { font-size: 14px; height: 26px; background: url(../images/jt.gif) no-repeat left 50%; border-bottom: #beccd8 1px solid; padding-left: 16px }
.proo-d { margin: 12px }
.proo-b li { float: left; margin: 20px 10px 20px 0px }
.proo-b span { text-align: center; display: block }
.proo-b img { border-top: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid }
#guest { color: #545454; padding-bottom: 20px; padding-top: 20px; padding-left: 20px; line-height: 22px; padding-right: 20px; width: 638px }
.input_on { border-top: #999 1px solid; height: 18px; border-right: #999 1px solid; background-image: none; border-bottom: #999 1px solid; float: left; padding-bottom: 0pt; padding-top: 2px; padding-left: 3px; margin: 0px; border-left: #999 1px solid; padding-right: 8px; background-color: #ffffcc }
.input_off { border-top: #ccc 1px solid; height: 18px; border-right: #ccc 1px solid; background-image: none; border-bottom: #ccc 1px solid; float: left; padding-bottom: 0pt; padding-top: 2px; padding-left: 3px; margin: 0px; border-left: #ccc 1px solid; padding-right: 8px; background-color: #fff }
.input_move { border-top: #0088cd 1px solid; height: 18px; border-right: #0088cd 1px solid; background-image: none; border-bottom: #0088cd 1px solid; float: left; padding-bottom: 0pt; padding-top: 2px; padding-left: 3px; margin: 0px; border-left: #0088cd 1px solid; padding-right: 8px; background-color: #ffffcc }
.input_out { border-top: #ccc 1px solid; height: 18px; border-right: #ccc 1px solid; background-image: none; border-bottom: #ccc 1px solid; float: left; padding-bottom: 0pt; padding-top: 2px; padding-left: 3px; margin: 0px; border-left: #ccc 1px solid; padding-right: 8px; background-color: #fff }
.input_out1 { border-top: #ccc 1px solid; height: 70px; border-right: #ccc 1px solid; background-image: none; border-bottom: #ccc 1px solid; float: left; padding-bottom: 0pt; padding-top: 2px; padding-left: 3px; margin: 0px; border-left: #ccc 1px solid; padding-right: 8px; background-color: #fff; resize: none }
.input_out2 { border-top: #ccc 1px solid; height: 18px; border-right: #ccc 1px solid; background-image: none; border-bottom: #ccc 1px solid; float: left; padding-bottom: 0pt; padding-top: 2px; padding-left: 3px; margin: 0px; border-left: #ccc 1px solid; padding-right: 8px; width: 80px; background-color: #fff }
#guest .input_test { list-style-type: none; height: 400px; padding-bottom: 10px; margin: 20px auto 0px; width: 500px }
#guest ul.input_test .hr { overflow: hidden; float: left; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; display: block; line-height: 25px; padding-right: 0px; width: 100% }
#guest ul.input_test li { margin-bottom: 10px; height: 25px; background-image: none; float: left; display: inline; width: 500px }
#guest .input_test label { font-size: 12px; background-image: none; float: left; padding-bottom: 0px; text-align: right; padding-top: 0px; padding-left: 0px; margin: 0px; line-height: 25px; padding-right: 10px }
#guest .input_test span { font-size: 12px; background-image: none; float: left; color: #999; text-align: left; padding-left: 10px; margin-left: 0px; line-height: 25px }
#guest .input_test .red { float: none; color: #f00 }
#sub_btn { height: 24px; line-height: 24px; width: 50px; margin-right: 10px }
#sub_reset { height: 24px; line-height: 24px; width: 50px; margin-right: 10px }
#sub_btn:hover { height: 24px; line-height: 24px; width: 50px }
#sub_reset:hover { height: 24px; line-height: 24px; width: 50px }
.page { font-size: 12px; height: 30px; float: left; padding-top: 10px; width: 80% }
.page input { margin-left: 15px; width: 40px }
/**/

.banner { width: 100%; height: 355px; margin: 0 auto; position: relative; overflow: hidden; margin-bottom: 6px; }
.banner .num { overflow: hidden; height: 15px; position: absolute; bottom: 18px; right: 47%; zoom: 1; z-index: 3 }
.banner .num li { width: 10px; height: 10px; line-height: 10px; text-align: center; font-size: 0px; font-weight: 200; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #fff; margin-right: 10px; border-radius: 50%; cursor: pointer; float: left; }
.banner .num li.on { background: #FF7700; }
.banner .prev, .banner .next { display: none; width: 40px; height: 100px; position: absolute; top: 115px; }
.banner .prev { left: 0; }
.banner .next { right: 0; background-position: right }

/*分页*/
.pages{clear:both; line-height:50px; text-align:center}
.pages span{padding:2px 4px; margin-left:5px; color:#FF6600; font-weight:blod;}
.pages ul li {width: auto;display: inline-block;height: auto;float: inherit;background: none;padding: 0;margin: 0;line-height: inherit;border: none;}
.pages li a{padding: 2px 6px;border: 1px solid #DDDDDD;display: inline;margin: 0;margin-left: 5px;}

/*book*/
.book ul{padding-left:50px;}
.book ul li{line-height:30px;}
.booklist dl{margin-bottom:10px; border-bottom:1px double #DDDDDD}
.booklist dl dt{background-color:#EFEFEF; line-height:25px}
.booklist dl dd{line-height:25px;}
.booklist dl dd span{color:#FF0000;}

/**/
.info { color:#999; font-size:12px; border-bottom:1px dotted #eeeeee; line-height:30px;}
.proshowimg { max-width:550px; margin:15px auto;text-align: center;display: block;}
.link{ padding:5px 0;}.link a{ margin:0 8px;}

@media screen and (max-width:750px) {
    html {font-size:6.25rem;}
    .top {height:0.56rem;width:100%;}
    #logo {top:0.12rem;width:100%;top:0;}
    #logo img {width:100%;}
    .phone {display:none;}
    .menu {width:100%;border-top:1px solid #d3d3d3;line-height:0.36rem;padding:0;height: 0.36rem;font-size: 0.14rem;}
    .menu li {width:25%;line-height:0.34rem;background:#fdfdfd;border-bottom:1px solid #eeeeee;}
    .menu li a {display:block;border-right:1px solid #eeeeee;}
    .banner,.banner img {height:auto;width:100%;margin:0 auto;}
    #content {margin:0 auto;width:100%;}
    .piclist {width:100%;}
    .piclist ul {height:100%;}
    .piclist ul,.pic ul {display:flex;flex-wrap:wrap;padding:0;margin:0;}
    .piclist li {padding-top:0.03rem;line-height:0.26rem;text-indent:0.36rem;width:50%;}
    .piclist h2,.pic h2,.contact h2,.case h2,.about h2,.title {font-size:0.14rem;height:0.36rem;padding-left:0.18rem;line-height:0.36rem;background:url(../images/tp_29.jpg) no-repeat -1.25rem top;}
    .pic {height:auto;width:auto;}
    .pic ul {margin-top:0.1rem;}
    .pic li {height:auto;margin:0;width:50%;text-align:center;float:inherit;padding-bottom:0.1rem;}
    .pic li img {margin:auto;display:block;width:92%;}
    .news {display:none;}
    .contact {overflow:hidden;height:2.2rem;background:url(../images/tp_50.jpg) no-repeat left -0.5rem;width:100%;background-size:100% auto;}
    .cta {margin-top:0.26rem;margin-right:0.1rem;margin-bottom:0.2rem;margin-left:0.26rem;font-size:0.14rem;}
    .video,.case {display:none;}
    .about {height:auto;}
    .footer {padding-bottom:0.3rem;background:#363636;}
    .footnav {height:auto;line-height:0.26rem;padding:0.1rem 0;}
    .foot-left {line-height:0.26rem;margin-top:0.2rem;padding:0 0.5rem;}
    .foot-right {margin-top:0.2rem;text-align:center;}
    .foot-right img {float:none;margin:auto;display:block;}
    .sider {display:none;}
    .detail {float:none;}
    .about,.footerbox,.foot-right,.detail,.pronei {width:100%;}
    .pronei ul {display:flex;flex-wrap:wrap;margin:0.1rem;justify-content:space-between;}
    .pronei li {height:auto;float:none;text-align:center;display:inline;width:49%;}
    .pronei li img {width:100%;height:1.2rem;}
    .pronei li span {margin-top:0;display:block;line-height:0.24rem;}
    .detail-a {padding:0.16rem;font-size:0.14rem;}
    .detail-a img {max-width:100%;height:auto;}
    .book ul {padding-left:0.1rem;}
    .book ul li input,.book ul li textarea {width:96%;}
    .title span {display:none;}
    .link {border-top:1px solid #d3d3d3;padding:0.1rem;}
}