/*search*/
.search { height: 32px; line-height: 32px; overflow: hidden; position: relative; margin: 8px auto; }
.search .hot .keywd { color: #444444; }
.search .keywds { float: left; line-height: 32px; }
.search .keywds a { margin: 0 5px; color: #636364; }
.search .keywds a:hover { color: black; }
.search form { overflow: hidden; display: block; position: relative; }
.search .txt { width: 252px; height: 30px; line-height: 30px; color: #a1a1a1; border: 1px solid #ccc; background: none; padding-left: 15px; border-radius: 15px; }
.search .btns { position: absolute; top: 7px; right: 11px; z-index: 9999; background: url(../images/btnbg.png) no-repeat 0 0; width: 20px; height: 22px; border: none; display: block; outline: none; cursor: pointer; }
/*product*/

.product { width: 100%; height: 1000px; background: url(../images/bg1.jpg) no-repeat center; }
.product .product_title { text-align: center; padding-top: 56px; }
.product .product_title p { font-size: 18px; color: #575859; margin-top: 15px; }
.product .slideTxtBox { width: 1250px; text-align: center; margin: 0 auto; }
.product .slideTxtBox .hd { width: 1200px; margin: 30px auto 0; text-align: left; }
.product .slideTxtBox .hd ul { text-align: center; }
.product .slideTxtBox .hd li { width: 10%; margin: 1% 1%; height: 40px; background: #0F51BB; display: inline-block; vertical-align: top; }
.product .slideTxtBox .hd li a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: white; }
.product .slideTxtBox .hd li.on, .product .slideTxtBox .hd li:hover { background: #EA3F00; }
.product .slideTxtBox .bd { margin-top: 15px; position: relative; left: 10px; }
.product .slideTxtBox .bd .boxs { text-align: left; }
.product .slideTxtBox .bd .boxs li { display: inline-block; width: 282px; margin: 12px; vertical-align: top; }
.product .slideTxtBox .bd .boxs li .pic { display: block; position: relative; }
.product .slideTxtBox .bd .boxs li .pic img { height: 228px; display: block; max-width: 100%; margin: 0 auto; }
.product .slideTxtBox .bd .boxs li .pic .cover { width: 100%; height: 228px; position: absolute; top: 0; left: 0; }
.product .slideTxtBox .bd .boxs li div.txt { width: 100%; height: 42px; background: #0F51BB; line-height: 42px; position: relative; margin-top: 10px; text-align: left; }
.product .slideTxtBox .bd .boxs li div.txt .txt1 { color: white; margin-left: 28px; }
.product .slideTxtBox .bd .boxs li div.txt .more { display: block; width: 49px; height: 42px; background: url(../images/p41.png) no-repeat center #00A0E9; position: absolute; right: 0; top: 0; }
.product .slideTxtBox .bd .boxs li:hover .pic .cover { background: url(../images/p4.png) no-repeat; }
/*good*/

.good { width: 100%; padding-bottom: 80px; background: url(../images/bg3.jpg) no-repeat center top; }
.good .good_tit { padding-top: 44px; text-align: center; color: white; }
.good .good_tit h2 { font-size: 36px; line-height: 40px; }
.good .good_tit p { font-size: 24px; margin-top: 18px; }
.good .good_title { text-align: center; margin-top: 100px; }
.good .good_title h2 { height: 40px; font-size: 36px; line-height: 40px; background: url(../images/g1.png) no-repeat center bottom; color: black; letter-spacing: 1px; }
.good .good_title h2 span { color: #0F51BB; }
.good .good_title p { font-size: 18px; color: #5A6059; margin-top: 10px; }
.good .box { margin-top: 15px; }
.good .box .left { width: 620px; }
.good .box .list { width: 100%; margin-top: 54px; }
.good .box .list .num { width: 46px; height: 54px; line-height: 54px; padding-left: 7px; text-align: center; color: white; font-family: Impact Regular; font-size: 43px; background: url(../images/g2.png) no-repeat; }
.good .box .list .txt { width: 543px; }
.good .box .list .txt .tits { width: 100%; height: 78px; background: url(../images/g4.png) no-repeat bottom; background-size: 100% auto; color: #294471; margin-bottom: 10px; }
.good .box .list .txt .tits h4 { font-size: 28px; line-height: 30px; }
.good .box .list .txt .tits p { font-size: 12px; margin-top: 5px; }
.good .box .list .txt .txt1 { padding-left: 18px; width: 525px; line-height: 24px; font-size: 16px; color: #666666; position: relative; }
.good .box .list .txt .txt1 img { position: absolute; top: 8px; left: 0; }
.good .box .bottom { margin-top: 20px; }
.good .box .right { width: 565px; }
.good .box .right .txt { width: 490px; }
.good .box .right .txt .txt1 { width: 475px; }
.good .box .list4 { position: relative; left: -122px; }
/*about*/

.about { width: 100%; height: 661px; background: url(../images/bg4.jpg) no-repeat center; }
.about .left { width: 478px; text-align: right; margin-top: 170px; }
.about .left .index_video { display: inline-block; width: 419px; height: 388px; background: black; margin-top: 50px; position: relative; }
.about .left .index_video .btnt { width: 126px; height: 84px; position: absolute; top: 50%; margin-top: -42px; left: 50%; margin-left: -63px; background: transparent; z-index: -1; }
.about .right { width: 722px; color: white; margin-top: 88px; }
.about .right .txt { width: 683px; margin-left: 40px; }
.about .right .titles { font-size: 24px; line-height: 30px; letter-spacing: 2px; font-weight: 100; }
.about .right .titles span { font-size: 12px; }
.about .right .txt1 { font-size: 16px; margin-top: 46px; }
.about .right .txt1 p { line-height: 30px; }
.about .right .more { display: inline-block; height: 40px; padding: 0 28px 0 10px; line-height: 40px; text-align: left; background: url(../images/a1.png) no-repeat right center #199CE7; color: white; font-size: 16px; margin-right: 5px; margin-top: 50px; }
/*demo*/

.demo { width: 100%; height: auto; padding-bottom: 60px; }
.cover { overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; }
.case { margin-top: 60px; }
.picScroll_left { width: 1224px; margin: 0 auto; position: relative; }
.picScroll_left .bd ul li { width: 280px; height: auto; margin: 0 13px; float: left; }
.picScroll_left .bd ul li .pic img { width: 278px; height: 237px; border: 1px solid #CCCCCC; display: block; }
.picScroll_left .bd ul li p { width: 280px; height: 44px; line-height: 44px; position: relative; background: #0B9FF4; }
.picScroll_left .bd ul li p .txt4 { margin-left: 35px; color: white; width: 200px; }
.picScroll_left .bd ul li p .more { position: absolute; top: 9px; right: 18px; }
.picScroll_left .hd { height: 20px; width: 100%; text-align: center; }
.picScroll_left .hd ul li { width: 15px; height: 15px; line-height: 15px; text-align: center; display: inline-block; vertical-align: top; border-radius: 50%; background: blue; color: white; margin: 0 2px; }
.picScroll_left .hd ul li.on { background: red; }
.picScroll_left .btn { display: block; width: 17px; height: 34px; position: absolute; top: 116px; }
.picScroll_left .prev { left: -30px; background: url(../images/c1.png); }
.picScroll_left .next { right: -30px; background: url(../images/c2.png); }
/*advert*/

.advert { height: 183px; background: url(../images/d1.jpg) no-repeat center; text-align: right; margin-top: 47px; }
.advert p { display: inline-block; font-size: 20px; color: white; height: 33px; line-height: 33px; margin: 77px 56px 0 0; }
/*news*/

.news { margin-top: 67px; }
.news>div { width: 378px; height: auto; }
.news>div .title { height: 42px; border-bottom: 1px solid #C7CDCF; }
.news>div .title p { line-height: 24px; background: url(../images/n1.png) no-repeat left center; color: #666666; }
.news>div .title p b { font-size: 20px; color: #333333; padding-left: 10px; padding-right: 5px; }
.news>div .title p a { color: #666666; font-size: 16px; }
.news>div .pic { margin-top: 15px; }
.news>div .list1 { width: 100%; margin-top: 30px; }
.news>div .list1 li { width: 100%; height: 24px; margin-bottom: 10px; line-height: 24px; background: url(../images/n4.png) no-repeat left center; color: #666666; }
.news>div .list1 li a { width: 240px; margin-left: 30px; color: #666666; }
.news>div .list1 li a:hover { color: #0F4EB5; }
.news .news_isy { margin-left: 33px; }
.news .news_qus { width: 356px; }
.news .news_qus .list2 li { height: 66px; border-bottom: 1px dashed #DCE9EE; padding: 15px 0; }
.news .news_qus .list2 li p { width: 310px; margin-left: 46px; position: relative; line-height: 21px; }
.news .news_qus .list2 li p span { position: absolute; display: block; width: 21px; height: 21px; left: -35px; top: 0; text-align: center; line-height: 21px; color: white; font-size: 13px; }
.news .news_qus .list2 li p .q1 { background: url(../images/n6.png) no-repeat; }
.news .news_qus .list2 li p .q2 { background: url(../images/n7.png) no-repeat; }
.news .news_qus .list2 li .txt1 { width: 100%; margin-bottom: 10px; height: 21px; }
.news .news_qus .list2 li .txt2 { line-height: 21px; }
/*cooperate*/

.cooperate { width: 1201px; height: 166px; background: url(../images/e2.png) no-repeat; margin: 45px auto 0; position: relative; }
.cooperate .cope_box { width: 1197px; margin: 48px auto 0; }
.cooperate .cope_box .bd ul li { width: 147px; margin: 0 12px; float: left; }
.cooperate .cope_box .bd ul li img { width: 147px; height: 80px; }
/*position*/

.position_wrap { border-bottom: 1px solid #ccc; margin: 0 auto 20px; }
.position { height: 40px; line-height: 40px; }
.position .span01 { display: block; padding-left: 20px; background: url(../images/span01.png) no-repeat left center; }
/*ny_left menu_list*/

.ny_left { width: 240px; }
.menu_list .list_title { border-bottom: 1px solid #d1d1d1; height: 60px; font-size: 16px; line-height: 30px; color: #FFF; padding: 20px 0; }
.menu_list .list_title span { display: block; text-indent: 2em; font-size: 18px; }
.menu_list .list_title .sp01 { color: #d1d1d1; font-weight: 100; }
.menu_list .m_1 { border: 1px solid #d1d1d1; border-top: none; border-bottom: none; }
.menu_list .m_1>li { line-height: 48px; font-size: 14px; background: #f8f8f8; overflow: hidden; border-bottom: 1px solid #d2d2d2; border-top: 2px solid #fff; position: relative; }
.menu_list .m_1>li>a { border-left: 6px solid #f1f1f1; height: 48px; color: #525252; font-weight: bold; padding-left: 32px; display: block; }
.menu_list .m_1>li>a.active, .menu_list .m_1>li:hover>a { border-left: 6px solid #0F51BB; color: #0F51BB }
.menu_list .m_1>li .menu_btn { position: absolute; width: 50px; height: 48px; background: url(../images/ny_left_ico.png) no-repeat center; top: 0; right: 0; cursor: pointer; }
.menu_list .m_1>li .menu_btn_active { background: url(../images/ny_left_ico_active.png) no-repeat center; }
.menu_list .m_1>li .menu_btn:hover { background-color: #f9f9f9 }
.menu_list .m_2 { display: none; }
.menu_list .m_2>li { line-height: 36px; background: #fff; border-bottom: 1px dashed #ccc }
.menu_list .m_2>li:last-child { border-bottom: none }
.menu_list .m_2>li:first-child { border-top: 1px solid #ccc }
.menu_list .m_2>li a { display: block; padding-left: 38px; font-size: 12px; }
.menu_list .m_2>li a.active, .menu_list .m_2>li a:hover { color: #0F51BB }
/*ny_left menu_list*/

.menu_list { margin-bottom: 30px; }
/*ny_left slider_contact*/

.slider_contact { width: 100%; color: #333333; }
.slider_contact .list_title { font-size: 18px; line-height: 50px; color: #FFF; text-indent: 2em; }
.slider_contact .list_title strong { font-weight: normal; color: #d1d1d1; font-size: 14px; padding-left: 5px; }
.slider_contact .contact { padding: 68px 20px 20px; border: 1px solid #d1d1d1; line-height: 26px; position: relative; background: #f8f8f8 url(../images/contactbg.jpg) no-repeat 20px 20px; }
.slider_contact .contact .telsp { position: absolute; top: 12px; left: 73px; height: 48px; color: #5b5b5b; line-height: 24px; font-size: 16px }
.slider_contact .contact .telsp em { font-style: normal; font-weight: bold; font-size: 18px; display: block; }
/*right top_share*/

.ny_right { width: 900px; }
.ny_right .top_share { width: 100%; line-height: 36px; border-bottom: 1px solid #ccc; overflow: hidden; padding-bottom: 10px; }
.ny_right .top_share dt { width: 300px; }
.ny_right .top_share dt a { padding: 0 5px; }
.ny_right .top_share dd { /*width: 242px;*/
}
.ny_right .top_share .bdshare { display: inline-block; }
/*prodouct_list*/

.pord_list { }
.pord_list li { float: left; width: 280px; margin: 10px; position: relative; }
.pord_list li img { max-width: 280px; height: 220px; margin: 0 auto; display: block; }
.pord_list li span { display: block; line-height: 50px; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.pord_list li .pro_cover { display: none; width: 282px; height: 222px; position: absolute; top: 0; left: 0; text-indent: 9999; background: url(../images/probgh.png) no-repeat center center; }
.pord_list li:hover .pro_cover { display: block; font-size: 0 }
/*prodouct_listA*/

.proA { border: 1px solid #d1d1d1; padding: 10px 5px 10px; overflow: hidden; margin-top: 10px; }
.proA .top { border: 1px solid #cccccc; line-height: 34px; height: 34px; width: 97%; margin: 0 auto; font-size: 16px; position: relative; background: url(../images/topbg.jpg) repeat-x scroll 0 0; }
.proA .top span { background: url(../images/topico.png) no-repeat 10px center #0F51BB; padding: 0 10px; text-indent: 30px; display: block; color: #FFF; height: 34px; float: left; line-height: 34px; }
.proA .top .more { position: absolute; right: 10px; top: 0; font-size: 14px; }
.proAul { }
.proAul li { width: 221px; float: left; margin: 10px; text-align: center; line-height: 25px; }
.proAul li a img { width: 218px; height: 180px; margin: 0 auto; border: 1px solid #d1d1d1; padding: 5px }
.proAul li a span { display: block; height: 25px; line-height: 25px; text-align: center; overflow: hidden }
/*prodouct_listB*/

.proB { border: 1px solid #d1d1d1; padding: 10px 5px 10px; overflow: hidden; margin-top: 10px; }
.proB ul { }
.proB ul li { border-bottom: 1px dashed #cccccc; margin: 10px 10px; min-height: 205px; }
.proB ul li a { display: block; float: left }
.proB ul li a img { width: 300px; height: 178px; padding: 5px; border: 1px solid #CCC }
.proB ul li span { float: left; display: block; width: 375px; color: #FFF; font-size: 14px; margin-left: 20px; }
.proB ul li span.title { border: 1px solid #cccccc; line-height: 34px; height: 34px; font-size: 16px; position: relative; background: url(../images/topbg.jpg) repeat-x scroll 0 0; }
.proB ul li span.title i { background: url(../images/ibg.jpg) no-repeat; background-size: 100% 100%; text-align: center; width: 174px; line-height: 34px; display: block; font-style: normal }
.proB ul li span.text { padding: 20px 0; line-height: 25px; color: #494949; height: 75px; overflow: hidden }
.proB ul li a.more { display: block; margin-left: 20px; line-height: 30px; border: 1px solid #0F51BB; border-radius: 10px; padding: 0 10px; }
/*list page*/

 
.page { width: 100%; margin: 30px auto 10px; text-align:center; }
.page li { display: inline-block; padding: 0 10px 0 0;line-height: 30px;  height: 30px;}
.page li.active a {display: inline-block; padding: 0px 10px; color: #fff; background: #0F51BB }
.page li a {display: inline-block; background: #fff; padding: 0 10px;  background:#eee;}
.page li a:hover { padding: 0px 10px; color: #fff; background: #0F51BB }
/*recommended*/

.recommended { overflow: hidden; background: #fafafa; padding: 20px; border: 1px solid #d1d1d1; }
.recommended h4 { font-size: 24px; font-weight: normal; padding-bottom: 10px; }
.recommended ul { }
.recommended ul li { width: 50%; float: left; height: 30px; line-height: 30px; overflow: hidden; }
.recommended ul li span { width: 86px; color: #a8a8a8; display: block; float: left; }
.recommended ul li a { width: 70%; padding: 0 0 0 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*related product*/

.related { position: relative; margin: 20px auto; background: #fafafa; padding: 15px; border: 1px solid #d1d1d1; overflow: hidden; }
.related h4 { font-size: 24px; font-weight: normal; padding: 10px 0 20px 12px; }
.related .hd2 { overflow: hidden; height: 30px; text-align: center; }
.related .hd2 ul { overflow: hidden; zoom: 1; margin-top: 5px; zoom: 1; }
.related .hd2 ul li { display: inline-block;  *display: inline;
zoom: 1; width: 8px; height: 8px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url(../images/prd_off.jpg) no-repeat; }
.related .hd2 ul li.on { background-position: 0 0; background: url(../images/prd_on.jpg) }
.related .bd2 ul { overflow: hidden; zoom: 1; }
.related .bd2 ul .prdtitle { width: 219px !important; height: 210px; display: inline; overflow: hidden; position: relative; text-align: center; margin: 0 6px; float: left; }
.related .bd2 ul .prdtitle-large { margin: 0 8px; }
.related .bd2 ul .prdtitle img { width: 201px; height: 200px; border: 1px solid #ccc; }
.related .bd2 ul .prdtitle span { display: block; line-height: 30px; }
/*show_page*/

.show_page { margin: 20px auto; overflow: hidden;  }
.show_page li { width: 50%; float: left; }
.show_page li:last-child{ text-align: right; }
/*prodouct_showA*/

.product_showA { }
.product_showA h1 { font-size: 18px; line-height: 40px; margin: 20px auto; text-align: center; border-bottom: 1px solid #ccc; }
.prodA_content { margin: 0 auto 30px; text-align: center; }
.prodA_content img { max-width: 100%; margin: 20px auto; display: block; }
.prodA_content .showA { width: 100%; margin: 20px 0; text-align: left; text-indent: 2em; }
.case_info { font-weight: normal; font-size: 14px; }
.case_info span { padding: 0 10px; }
/*prodouct_showB*/

.product_showB { }
.product_showB .showB { }
.product_showB .showB h1 { font-size: 18px; line-height: 40px; text-align: left; }
.product_showB .showB p { line-height: 26px; }
.prodB_content { width: 100%; border-top: 1px solid #ccc; margin-top: 20px; }
.prodB_content h1 { font-size: 18px; font-weight: bold; line-height: 40px; }
.prodB_content .text_showB p { text-indent: 2em; }
.top { height: 34px; line-height: 34px; margin-bottom: 0; color: #04891d; background: url(../images/topbg.jpg) repeat-x; }
.showB_intro { padding: 15px 0 0 0; margin-bottom: 20px; position: relative; }
.showB_intro .showB_left { float: left; margin-right: 20px; }
.showB_intro .showB_right { width: 345px; padding: 0 10px 10px 0px; float: left; }
.showB_intro .showB_right .showB_title { border-bottom: 1px dashed #ddd; margin-bottom: 10px; line-height: 30px; height: 30px; overflow: hidden }
.showB_intro .showB_right .showB_text { line-height: 25px; }
.showB_intro .showB_right .rex { font-size: 16px; }
.showB_intro .showB_right .rex span { font-size: 22px; color: #03F }
/*jqzoom*/

.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; }
.jqzoom img { width: 363px; height: 280px; margin: 0 auto; vertical-align: middle }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 350px; height: 350px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff/*url(../images/zoom.png) 50% center no-repeat*/; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/*图片小图预览列表*/

.showB_preview { width: 360px; height: 270px; border: 1px solid #DFDFDF; display: table }
.showB_scroll { clear: both; margin-top: 5px; width: 360px; /*position:absolute;bottom:0px;right:10px;*/
}
.showB_scroll .prev { float: left; margin-right: 4px; }
.showB_scroll .next { float: right; }
.showB_scroll .prev, .showB_scroll .next { display: block; font-family: "宋体"; text-align: center; width: 12px; height: 36px; line-height: 36px; border: 1px solid #CCC; margin-top: 14px; background: #EBEBEB; cursor: pointer; text-decoration: none; }
.showB_scroll .items { float: left; position: relative; width: 320px; height: 71px; overflow: hidden; }
.showB_scroll .items ul { position: absolute; width: 999999px; }
.showB_scroll .items ul li { float: left; width: 106px; text-align: center; }
.showB_scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 93px; height: 65px; }
.showB_scroll .items ul li img:hover { border: 2px solid #3671cf; padding: 1px; }
/*news_list-with pic*/

.news_list { }
.news_list dl { width: 100%; padding-top: 30px; overflow: hidden; }
.news_list dl dt { width: 225px; height: 165px; float: left; }
.news_list dl dt img { width: 220px; height: 160px; border: 1px solid #ccc; display: block; }
.news_list dl dd { width: 508px; height: 165px; float: right; }
.news_list dl dd h2 { font-size: 16px; }
.news_list dl dd h2:hover { color: #3671cf; }
.news_list dl dd span { color: #a3a3a3; }
/*news_list-no pic*/

.news_list_nopic { }
.news_list_nopic dl { width: 100%; padding-top: 30px; overflow: hidden; }
.news_list_nopic dl dd { }
.news_list_nopic dl dd h2 { font-size: 16px; }
.news_list_nopic dl dd h2:hover { color: #3671cf; }
.news_list_nopic dl dd span { color: #a3a3a3; }
/*news_show*/

.news_content { }
.news_content h1 { font-size: 18px; line-height: 40px; margin: 20px auto; text-align: center; border-bottom: 1px solid #ccc; }
.news_content .newssp { display: block; margin: 0 auto; text-align: center; }
.news_content .news_show { width: 100%; margin: 20px 0; text-align: left; text-indent: 2em; }
.news_page { margin: 20px auto; overflow: hidden; }
.news_page li { width: 400px; float: left; height: 20px; line-height: 20px; overflow: hidden; padding: 0 10px 0 30px; background: #f5f5f5; }
.news_page .pagepre { background: #f5f5f5 url(../images/pagepre.png) no-repeat 10px center; }
.news_page .pagenext { text-align: right; padding-right: 30px; background: #f5f5f5 url(../images/pagenext.png) no-repeat 98% center; }
.news_page .pagepre:hover { background: #d8d8d8 url(../images/pagepre.png) no-repeat 10px center; }
.news_page .pagenext:hover { background: #d8d8d8 url(../images/pagenext.png) no-repeat 98% center; }
/*page_show*/

.list_page { font-size: 16px; }
.page_show { padding-top: 10px; }
.page_show p { text-indent: 2em; }
/*guestbook*/

.guestbook_show { margin: 20px auto 0; }
.guestbook_top { height: 40px; background: #eee; line-height: 40px; padding: 0 10px 0 17px; }
.guestbook_top .mustwrt { display: block; float: right; }
.guestbook_show em { color: #f00; font-style: normal; }
.guestbook_form .inp_one { width: 180px; height: 25px; outline: none; border: 1px solid #ccc; padding-left: 4px; }
.guestbook_form .inp_one:focus { border: 1px solid #3671cf; }
.guestbook_form { padding: 20px 20px 0; }
.guestbook_form dl { width: 100%; overflow: hidden; line-height: 25px; height: 25px; padding: 10px 0; }
.guestbook_form dt { width: 80px; float: left; }
.guestbook_form dd { width: 510px; float: left; }
.guestbook_form dd span { padding-left: 20px }
.guestbook_form dd span b { font-weight: 500; }
.guestbook_form dd span i { color: #F00; padding: 0 5px; }
.guestbook_form dd span.quetion { display: block; }
.guestbook_form .bookdl { height: 160px; overflow: hidden; line-height: 20px; padding-bottom: 0; }
.guestbook_form .bookdl dd textarea { width: 439px; height: 112px; }
.guestbook_form .button { width: 150px; height: 32px; background: #b8b8b8; border: none; margin-right: 10px; color: #fff; cursor: pointer; }
.guestbook_form .button:hover { background: #f1f1f1; color: #555; }
.guestbook_form .form_b { width: 693px; margin: 0 auto; padding: 20px 0 0 0; }
.guestbook_title { padding: 20px 20px 0; color: #2a6cd4 }
.guestbook_title strong { color: #f00; }
.guestbook_title b { padding: 0 10px; font-weight: normal; }
.guestbook_cnt { padding: 5px 20px 20px; border-bottom: 1px dashed #ccc }
.guestbook_reply { color: #f00; background: #f6f6f6; line-height: 40px; }
.bookpage { line-height: 40px; text-align: right; }
.search_x { border: 1px solid #d1d1d1; margin-bottom: 20px; }
.search_x .top { padding: 0 20px; }
.search_x .xbox { padding: 0 20px; }
.search_x .guestbook_top { text-indent: 25px }
.current2 { width: 17px; height: 17px; background: #3ab250; border: 2px solid #FFF; color: #FFF }
.num { width: 17px; height: 17px; background: #aaaaaa; border: 2px solid #FFF; color: #FFF }
/*download_list*/

.download_list dl { width: 33.3%; float: left; margin-top: 20px; }
.download_list dl dt { text-align: center; }
.download_list dl dt img { width: 80%; height: 240px; margin: 0 auto; }
.download_list dl dd { text-align: center; }
.download_list dl dd h2 { line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.content { margin: 30px auto; min-height: 400px; }