html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; font-size: 14px;}
body { font-size: 12px; background: #fff; color: #333; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }
.wrap{width:1200px;margin:0 auto}
.fl{float:left;}
.fr{float:right;}
.backcolor{background:#3671cf;}
/* 一般滚动条样式
::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; }
::-webkit-scrollbar {width:15px;height:15px}
::-webkit-scrollbar-track-piece {background-color:#e2e2e2}
::-webkit-scrollbar-thumb:vertical {height:5px;background-color:#c6c6c6;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#666666}
::-webkit-scrollbar-thumb:horizontal {width:5px;background-color:#cbcbcb;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7} */

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1120px; margin: 0 auto; position: relative; }

.topbar { height: 30px; line-height: 30px; border-bottom: 1px solid #dedede; background: #f8f8f8; color: #999; font-family: microsoft yahei; }
.topbar a { color: #999; margin: 0 6px; }

.header { height: 95px; background: #fff; border-bottom: 1px solid #dedede; }
.header .head { width: 1100px; margin: 0 auto; }
.header .head .logo { float: left; width: 460px; height: 90px; background: url(../images/logo.jpg) no-repeat center center; text-indent: -99999px; margin-top: 2px; }
.header .head .nav { float: right; margin-top: 27px; }
.header .head .nav ul { }
.header .head .nav ul li { width: 80px; float: left; text-align: center; font-size: 14px; line-height: 40px; height: 40px; }
.header .head .nav ul li a { display: block; text-decoration: none; font-family: microsoft yahei; color: #333; }
.header .head .nav ul li a:hover, .header .head .nav ul li.on a { background: #044299; color: #fff; }

.banner { height: 400px; background: url(../images/banner01.png) no-repeat center bottom; }

.banner .bannerzi { padding-top: 112px; font-family: microsoft yahei; cursor: default; }

.inbanner { height: 300px; margin-bottom: 30px; }
.inbanner .bannerzi { padding-top: 50px; }

.homeprobox { margin: 30px 0; }
.homeprobox .tit { height: 20px; line-height: 40px; margin-bottom: 40px; border-bottom: 1px solid #dedede; }
.homeprobox .tit h3 { font-size: 24px; font-weight: normal; color: #333; width: 200px; text-align: center; font-family: microsoft yahei; margin: 0 auto; background: #fff; }
.homeprobox .con { font-family: microsoft yahei; font-size: 14px; color: #666; }
.homeprobox .con p { text-align: center; }
.homeprobox .con p a { margin: 0 6px; color: #666; }
.homeprobox .con p a:hover { color: #044299; }

.hpul { padding: 20px 0 0; }
.hpul li { float: left; width: 210px; margin: 10px 7px; }
.hpul li a { display: block; font-family: microsoft yahei; font-size: 14px; color: #333; padding: 5px; background: #f1f1f1; width: 200px; }
.hpul li a:hover { background: #044299; color: #fff; text-decoration: none; }
.hpul li .img { width: 150px; height: 143px; overflow: hidden; padding: 25px; background: #fff; }
.hpul li .img img { width: 150px; height: 143px; display: block; }
.hpul li .name { display: block; height: 30px; line-height: 30px; text-align: center; overflow: hidden; }

h2.fenleitit { background: #044299; height: 30px; line-height: 30px; font-size: 16px; font-weight: normal; color: #fff; text-align: center; border-radius: 15px; }
h2.fenleitit2 { margin-bottom: 20px; }

table { font-size: 14px; line-height: 24px; font-family: microsoft yahei;}

.style2 { color: #FF0000; font-weight: bold; }

.hpul2 { padding-top: 0; padding-bottom: 20px; }
.hpul2 li { margin: 12px 8px; width: 180px; }
.hpul2 li a { width: 170px; }
.hpul2 li .img { padding: 10px; }
.main .con .hpul2 li a:hover { color: #fff; }

.homeabout { background: #f1f1f1; padding: 30px 0; font-family: microsoft yahei; margin-bottom: 30px; }
.homeabout .haleft { width: 210px; float: left; margin-right: 30px; border-right: 1px solid #ccc; }
.homeabout .haleft .tit { margin-bottom: 41px; }
.homeabout .haleft .tit h3 { font-size: 24px; font-weight: normal; color: #333; display: inline-block; }
.homeabout .haleft .tit span { font-size: 12px; margin: 0 4px; }
.homeabout .con { font-size: 14px; line-height: 24px; color: #333; margin-left: 240px; }
.homeabout .con p { margin-bottom: 20px; }
.homeabout .con .more { color: #fff; font-size: 12px; line-height: 24px; height: 24px; padding: 0 40px; float: left; background: #044299; text-decoration: none; }
.homeabout .con .more:hover { opacity: .8; filter: alpha(opacity=80); }

.homespcon { font-size: 14px; line-height: 24px; color: #333; font-family: microsoft yahei; }
.homespcon p { margin-bottom: 20px; }

.links { background: #f1f1f1; padding: 20px 0; margin-top: 30px; font-family: microsoft yahei; line-height: 35px; }
.links .tit { float: left; margin-right: 30px; color: #044299; }
.links .tit h3 { font-size: 24px; font-weight: normal; display: inline-block; }
.links .tit span { font-size: 12px; margin: 0 4px; }
.links .con { line-height: 40px; }
.links .con a { margin: 0 6px; color: #666; font-size: 14px; }
.links .con a:hover { color: #044299; }

.footer { border-top: 1px solid #e5e5e5; text-align: center; color: #999; font-size: 12px; padding: 35px 0 40px; font-family: microsoft yahei; line-height: 24px; }
.footer h1 { display: inline-block; font-size: 12px; }

.side { width: 260px; float: left; position: relative; z-index: 10; }

.side .sidelist { margin-bottom: 30px; }
.side .sidelist .tit { font-size: 16px; color: #fff; background: url(../img/mbg.jpg) repeat-y center top; height: 51px; overflow: hidden; padding: 20px 0; text-align: center; font-weight: bold; line-height: 30px; margin-bottom: 0; width: 100%; text-shadow: 0 0 5px #000; }
.side .sidelist .tit h1 { font-family: microsoft yahei; font-size: 28px; font-weight: normal; }
.side .sidelist .tit p { font-family: arial; font-size: 16px; font-weight: normal; text-transform: uppercase; }
.side .sidelist ul { background: #f1f1f1; padding: 20px; border: 1px solid #dedede; }
.side .sidelist ul li { height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 1px; border-bottom: 1px solid #dedede; }
.side .sidelist ul li a { display: block; color: #333; font-family: microsoft yahei; text-decoration: none; background: url(../img/mbg.jpg) no-repeat center -288px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; height: 40px; overflow: hidden; font-size: 14px; text-align: center; }
.side .sidelist ul li a:hover, .side .sidelist ul li.on a { color: #fff; text-shadow: 1px 1px 0 #044299; background-position: center bottom; }

.main { width: 830px; float: right; }
.main .tit { height: 50px; line-height: 50px; background: #f1f1f1; padding: 0 20px 0 30px; border-bottom: 1px solid #e1e1e1; }
.main .tit h1 { float: left; font-size: 24px; color: #044299; font-weight: normal; font-family: microsoft yahei; padding: 0 10px; }
.main .tit h1 em { color: #999; font-size: 12px; margin-left: 10px; font-style: normal; }
.main .now { float: right; font-size: 12px; color: #999; }
.main .now a { font-size: 12px; color: #999; }
.main .con { padding: 20px; font-size: 14px; line-height: 24px; color: #333; font-family: microsoft yahei; }
.main .con p { margin-bottom: 20px; font-size: 14px; font-family: microsoft yahei; line-height: 24px; }
.main .con a { color: #666; }
.main .con a:hover { color: #f60; }

.sidecon { font-size: 12px; line-height: 22px; font-family: microsoft yahei; color: #666; }
.sidecon .tit { }
.sidecon .con { background: #f1f1f1; border: 1px solid #dedede; border-top: 0; padding: 20px 15px 20px; }

.ordertable td { padding: 10px 20px; }
.ordertable .matrix_sub { height: 40px; line-height: 40px; padding: 5px 10px; width: 300px; font-size: 14px; border: 1px solid #dedede; }

.banner { height: 360px; width: 100%; position: relative; }
.banner .bd, .banner .bd ul, .banner .bd ul li { height: 400px; width: 100% !important; }
.banner .bd ul li { background-repeat: no-repeat; background-position: center top; }
.banner .bd ul li a { height: 360px; width: 100% !important; display: block; }
.banner .prev, .banner .next { width: 51px; height: 100px; position: absolute; top: 50%; margin-top: -50px; background-repeat: no-repeat; background-position: 0 0; }
.banner .prev { left: 30px; background-image: url(../images/arrow_l.png); }
.banner .next { right: 30px; background-image: url(../images/arrow_r.png); }
.banner .prevStop, .banner .nextStop { display: none; }
.banner .hd { position: absolute; bottom:20px; width: 100%;  }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #fff; margin: 0 6px; display: inline-block; text-indent: -9999px; cursor: pointer; }
.banner .hd ul li.on { background: #fff; }



.bgtable{border:1px solid #ccc;border-top:none;border-left:none;width:100%; }
.bgtable td{border:1px solid #ccc;line-height:30px;border-right:none;border-bottom:none;text-align:center;padding:0px 10px;font-size:14px;font-family:Microsoft Yahei; color:#333;}
.bgtable tr:nth-child(odd){background:#f1f1f1;}

/*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: 270px;
}
.menu_list .list_title {
    border-bottom: 1px solid #d1d1d1;
    height: 30px;
    font-size: 16px;
    line-height: 18px;
    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 #3671cf;
    color: #3671cf;
}
.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: #3671cf;
}
/*ny_left slider_contact*/
.slider_contact {
    width: 100%;
    color: #333333;
    margin-top: 20px;
}
.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: 90px 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 li {
    float: left;
    width: 280px;
    margin: 10px 10px;
    position: relative;
}
.pord_list li img {
    width: 280px;
    height: 210px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.pord_list li span {
    display: block;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.pord_list li .pro_cover {
    display: none;
    width: 282px;
    height: 213px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 9999;
    background: url(../images/probgh.png) no-repeat center top;
}
.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 #3671cf;
    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 li {
    width: 276px;
    float: left;
    margin: 10px;
    text-align: center;
    line-height: 25px;
}
.proAul li a img {
    width: 253px;
    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 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: 534px;
    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 #3671cf;
    border-radius: 10px;
    padding: 0 10px;
}
/*list page*/
.page {
    width: 100%;
    margin: 10px auto;
    line-height: 30px;
    text-align: right;
}
.page span {
    display: inline-block;
    padding: 0 10px 0 0;
}
.page a.num.select {
    padding: 3px 10px;
    color: #fff;
    background: #3671cf;
}
.page a.num {
   
    padding: 0 10px;
}
.page a.num:hover {
    padding: 3px 10px;
    color: #fff;
    background: #3671cf;
}
/*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 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;
    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: 203px !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;
    text-align: center;
}
.show_page li {
    width: 50%;
    float: left;
}
/*prodouct_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;
    font-size: 14px;
}
.prodA_content img {
    width: 600px;
    margin: 0 auto;
}
.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 .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 15px 0 0;
    margin-bottom: 20px;
    position: relative;
}
.showB_intro .showB_left {
    float: left;
}
.showB_intro .showB_right {
    width: 490px;
    padding: 0 10px 10px 20px;
    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: 507px;
    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: 470px;
    height: 71px;
    overflow: hidden;
}
.showB_scroll .items ul {
    position: absolute;
    width: 999999px;
}
.showB_scroll .items ul li {
    float: left;
    width: 118px;
    text-align: center;
}
.showB_scroll .items ul li img {
    border: 1px solid #CCC;
    padding: 2px;
    width: 105px;
    height: 65px;
}
.showB_scroll .items ul li img:hover {
    border: 2px solid #3671cf;
    padding: 1px;
}
/*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: 645px;
    height: 165px;
}
.news_list dl dd h2 {
    font-size: 16px;
}
.news_list dl dd h2:hover {
    color: #3671cf;
}
.news_list dl dd span {
    color: #a3a3a3;
}
/*news_show*/
.news_content h1 {
    font-size: 18px;
    line-height: 40px;
    margin: 20px auto;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.news_content .toptime {
    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;
    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;font-size: 14px;
}
/*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: 20px;
    height: 45px;
    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 i {
    color: #F00;
    padding: 0 5px;
}
.guestbook_form dd span.quetion {
    display: block;
}
.guestbook_form .bookdl {
    height: 180px;
    overflow: hidden;
    line-height: 20px;
    padding-bottom: 0;
}
.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;
}
/*search*/
.search_title {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
    padding: 0 10px;
}
.search_info {
    float: left;
    font-size: 16px;
    line-height: 30px;
}
.search_list {
    font-size: 14px;
    color: #333;
}
.search_list li {
    line-height: 40px;
    border-bottom: 1px dashed #ccc;
    padding: 0 10px;
}
.search_list li:last-child {
    border-bottom: none;
}
.search_list li span {
    float: right;
}
.search_cnt {
    overflow: hidden;
    margin: 10px 0;
}
.search_cnt form {
    display: block;
    position: relative;
    overflow: hidden;
    float: right;
}
.search_cnt input.txt {
    width: 120px;
    height: 28px;
    line-height: 28px;
    color: #a1a1a1;
    padding: 0 30px 0 5px;
    border: 1px solid #ccc;
    background: none;
}
.search_cnt input.btn {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 9999;
    background: url(../images/btnbg.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
}