.w { margin: 0 auto; width: 1100px; min-width: 1100px; }
.w:before, .w:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.layout:after { content: '\0020'; display: block; height: 0; clear: both; }
.layout { *zoom:1
}
.top { height: 70px; padding: 10px 0; }
.nav { width: 100%; display: block; height: 56px; background: url(../images/nav_bg.jpg) repeat-x; }
.nav li { width: 100px; height: 56px; float: left; text-align: center; margin-left: 20px; }
.nav li.first { margin-left: 20px; }
.nav li a { font-size: 16px; color: #fff;line-height:56px; display: block; }
.nav li a span { display: block; font-size: 12px; }
.nav li:hover, .nav li.active { background: url(../images/nav_active.jpg); }
.nav li:hover a, .nav li.active a { color: #333; }
.slide-box { width: 100%; position: relative; height: 460px; background: #000; min-width: 1100px; position: relative;}
.slide-box .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.slide-box .bd ul { width: 100% !important; }
.slide-box .bd li { width: 100% !important; height: 460px; overflow: hidden; text-align: center; }
.slide-box .bd li a { display: block; height: 460px; }
.slide-box .hd { height: 37px; position: absolute; bottom: 0; width: 100%; min-width: 1000px; margin: 0 auto; }
.slide-box .hd ul { text-align: center; padding-top: 10px; }
.slide-box .hd li { background: #fff; width: 15px; height: 15px; display: inline-block; text-indent: 999px; overflow: hidden; margin-left: 5px; margin-right: 5px; text-align: center; border-radius: 7px; }
.slide-box .hd li.on { background: #3b86f8; }
.box-top { padding-top: 30px; padding-bottom: 10px; }
.box-head { display: block; background: url(../images/head_bg.jpg) repeat-x; height: 42px; line-height: 42px; border: 1px solid #1162db; border-radius: 3px; padding: 0 12px; }
.box-head span { background: url(../images/tit_bg.jpg) 0 center no-repeat; font-size: 18px; color: #fff; padding-left: 10px; }
.box-head a { font-size: 12px; color: #fff; }
.box-head a:hover { color: #333; }
.box-about { width: 350px; display: block; }
.box-about .pic { width: 350px; height: 115px; display: block; }
.box-about .txt { font-size: 14px; color: #666; line-height: 24px; padding: 10px 14px; }
.box-news { width: 440px; margin-left: 35px; }
.box-news .list li.first { padding: 10px; border-bottom: 1px solid #ddd; margin-bottom: 5px; height: 93px; display: block; }
.box-news .list li.first a { display: block; color: #333; line-height: 30px; }
.box-news .list li.first .time { font-size: 12px; color: #999; line-height: 28px; }
.box-news .list li.first .txt { font-size: 12px; color: #999; }
.box-news .list li.other { text-align: right; line-height: 30px; padding: 0 10px; }
.box-news .list li.other a { float: left; background: url(../images/dian.jpg) 0 center no-repeat; padding-left: 10px; color: #666; }
.box-news .list li.other span { color: #999; }
.box-news .list li a:hover { color: #3b86f8; }
.box-contact { width: 240px; }
.box-contact .pic { width: 240px; height: 115px; }
.box-contact .txt { line-height: 25px; padding:5px 15px; color: #535353; }
.box-pro { width: 100%; background: #f5f5f5; display: block; padding: 30px 0; }
.box-pro .pro-left { width: 254px; }
.pro_head { width: 254px; height: 90px; display: block; background: url(../images/pro_left.jpg) no-repeat; }
.pro-left li { height: 50px; line-height: 50px; display: block; background: url(../images/pro_li.jpg) repeat-x; text-align: center; }
.pro-left li a { font-size: 16px; color: #333; display: block; }
.pro-left li a:hover { color: #3b86f8; }
.pro-left li.more { background: #fff; height: 46px; line-height: 46px; }
.pro-left li.more a { color: #1162db; }
.pro-left .list { border: 1px solid #bdbdbd; }
.pro_right li { float: left; margin-left: 28px; width: 254px; }
.pro_right li a { display: block; }
.pro_right li .pic { width: 254px; height: 180px; }
.pro_right li span { height: 44px; line-height: 44px; text-align: center; display: block; color: #000000; }
.pro_right li a:hover span { color: #3b86f8; }
.box-shili { padding-bottom: 8px; }
.shili-head { height: 59px; line-height: 59px; display: block; }
.shili-head span { float: left; background: url(../images/shili-head.jpg) 0 center no-repeat; font-size: 18px; color: #333333; padding-left: 10px; }
.shili-head a { float: right; font-size: 12px; color: #999999; }
.shili-head a:hover { color: #3b86f8; }
.box-shili .fg-list{overflow:hidden;}
.box-shili .fg-list li { float: left; margin-right: 28px; width: 254px; }
.box-shili .fg-list li a { display: block; }
.box-shili .fg-list li .pic { width: 254px; height: 180px; }
.box-shili .fg-list li span { height: 44px; line-height: 44px; text-align: center; display: block; color: #000000; }
.box-shili .fg-list li a:hover span { color: #3b86f8; }
.footer { background: #2174f1; width: 100%; height: 104px; display: block; }
.footer .copyright { line-height: 27px; color: #fff; margin-top: 25px; }
.footer .foot-nav li { float: left; line-height: 104px; margin-left: 25px; }
.footer .foot-nav li a { color: #fff; }
.footer .foot-nav li a:hover { color: #333; }
.footer .foot-nav li.map a{color:#2174f1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.footer .foot-nav li.map a:hover { color: #2174f1; }
.page { padding-top: 20px; padding-bottom: 50px; }
.page .page-left { width: 240px; }
.page-pro { margin-bottom: 20px; }
.page-pro .page-pro-head { width: 240px; height: 55px; background: url(../images/page-left-head.jpg) no-repeat; display: block; }
.page-pro .list { border: 1px solid #bdbdbd; }
.page-pro .list li { height: 40px; line-height: 40px; display: block; text-align: center; background: url(../images/page-left-li.jpg) repeat-x; }
.page-pro .list li a { font-size: 16px; color: #333; display: block; }
.page-pro .list li:hover, .page-pro .list li.active { background: url(../images/page-left-active.jpg) repeat-x; }
.page-contact .con-head { width: 240px; height: 44px; background: url(../images/page-con-head.jpg) no-repeat; display: block; }
.page-contact .pic { width: 240px; height: 94px; }
.page-contact .txt { line-height: 25px; padding: 15px; color: #535353; }
.page-rigth { width: 830px; }
.page-head { background: url(../images/page-ri-head.jpg) repeat-x bottom; padding-bottom: 15px; padding-top: 3px; }
.page-head .head-text { font-size: 18px; color: #333; background: url(../images/shili-head.jpg) no-repeat 0 40%; text-indent: 18px; }
.page-where { font-size: 12px; color: #999999; padding-top: 3px; }
.page-where a { font-size: 12px; color: #999999; }
.page-where a:hover { color: #3b86f8; }
.single-head { font-size: 18px; color: #333333; text-align: center; margin-top: 23px; }
.single-times { font-size: 14px; color: #999999; text-align: center; margin-top: 10px; }
.single-text { padding: 20px 70px; font-size: 14px; color: #333333; line-height: 1.7; margin-top: 25px; border-bottom: solid 1px #dddddd; border-top: solid 1px #dddddd; }
.page-2 { margin-top: 20px; }
.page-2 .page-next { font-size: 14px; color: #999999; }
.page-2 .page-next a { font-size: 14px; color: #999999; }
.page-2 .page-next a:hover { color: #3b86f8; }
.news-list { padding-top: 15px; padding-left: 5px; padding-right: 5px; }
.news-list li { background: url(../images/dian.jpg) 8px center no-repeat; border-bottom: solid 1px #d5d5d5; margin-top: 3px; line-height: 35px; padding-left: 20px; }
.news-main .text a { font-size: 14px; color: #666666; }
.news-main .text a:hover { color: #3b86f8; }
.news-main .times { font-size: 14px; color: #999999; }
.pages { text-align: center; margin-top: 21px; }
.pages a { width: 40px; height: 40px; display: inline-block; background: #dddddd; font-size: 14px; color: #666666; text-align: center; line-height: 40px; margin-left: 5px; margin-right: 5px; }
.pages a.selected, .pages a:hover { background: #2174f1; color: #fff; }
.photo-list { padding: 0 7px; padding-top: 20px; }
.photo-list li { float: left; margin-left: 27px; width: 254px; }
.photo-list li.first { margin-left: 0; }
.photo-list li a { display: block; }
.photo-list li .pic { width: 254px; height: 180px; }
.photo-list li span { height: 44px; line-height: 44px; text-align: center; display: block; color: #000000; }
.photo-list li a:hover span { color: #3b86f8; }