﻿ @charset "utf-8";
 .banner {
   overflow: hidden;
   width: 100%;
   height: 500px;
   background: url(../images/banner.jpg) no-repeat center top
 }
 #flashs {
   position: relative;
   height: 500px;
   overflow: hidden
 }
 #flashs .bgitem {
   z-index: 1;
   position: absolute;
   top: 0
 }
 #flashs .btn {
   text-indent: -99999em;
   overflow: hidden;
   position: absolute;
   z-index: 50;
   left: 50%;
   bottom: 13px;
   padding: 0 1px;
   border: 2px solid #0488e5;
   width: 146px;
   margin-left: -60px;
   *padding-bottom: 2px
 }
 #flashs .btn span {
   display: block;
   cursor: pointer;
   float: left;
   width: 46px;
   height: 8px;
   background-color: #f7f7f7;
   margin: 2px 1px;
   opacity: .42
 }
 #flashs .btn span.cur {
   background-color: #0488e5;
   opacity: 1
 }
 .search {
   overflow: hidden;
   width: 100%;
   height: 32px;
   padding: 12px 0;
   background-color: #d3d3d3
 }
 .search p {
   float: left;
   line-height: 32px;
   font-size: 13px;
   color: #333
 }
 .search p a {
   color: #333;
   margin-right: 10px
 }
 .search .sbox {
   overflow: hidden;
   height: 32px;
   background: url(../images/search.png) no-repeat center top;
   width: 289px;
   float: right
 }
 .search input {
   overflow: hidden;
   padding: 0 10px;
   width: 210px;
   height: 32px;
   border: none;
   background: 0 0;
   outline: none;
   float: left;
   font-size: 13px;
   color: #333;
   line-height: 32px
 }
 .search span {
   display: block;
   width: 59px;
   height: 32px;
   cursor: pointer;
   float: right
 }
 .title {
   overflow: hidden;
   width: 100%
 }
 .title h2 {
   text-align: center;
   font-size: 24px;
   color: #005aa1;
   background: url(../images/title_bg.png) no-repeat center;
   margin-bottom: 5px
 }
 .title h2 a {
   color: #005aa1
 }
 .title p {
   font-size: 12px;
   color: #999;
   text-align: center;
   text-transform: uppercase
 }
 .hezuo {
   overflow: hidden;
   width: 100%;
   padding-top: 60px;
   background-color: #f9f9f9;
   padding-bottom: 40px
 }
 .hezuo .hebox {
   overflow: hidden;
   width: 1100px;
   height: 140px;
   margin: 0 auto;
   position: relative;
   margin-top: 30px
 }
 .hezuo .hebox i {
   display: block;
   width: 41px;
   height: 41px;
   cursor: pointer;
   position: absolute;
   top: 30px
 }
 .hezuo .hebox .btn01 {
   background: url(../images/hezuo__btn01.png) no-repeat center top;
   left: 0
 }
 .hezuo .hebox .btn02 {
   background: url(../images/hezuo__btn02.png) no-repeat center top;
   right: 0
 }
 .hezuo .hebox i:hover {
   background-position: bottom
 }
 .hezuo .heWin {
   overflow: hidden;
   width: 1000px;
   margin: 0 auto;
   height: 140px;
   position: relative
 }
 .hezuo .heWin ul {
   overflow: hidden;
   position: absolute
 }
 .hezuo .heWin li {
   float: left;
   width: 190px;
   height: 140px;
   margin-right: 12px
 }
 .hezuo .heWin li span {
   display: block;
   text-align: center;
   font-size: 13px;
   color: #333
 }
 .hezuo .heWin li a {
   display: block;
   text-decoration: none
 }
 .hezuo .heWin li img {
   display: block;
   margin-bottom: 10px
 }
 .pro {
   overflow: hidden;
   width: 1000px;
   margin: 0 auto;
   margin-top: 50px
 }
 .pro .leftpro {
   overflow: hidden;
   float: left;
   width: 230px
 }
 .pro .leftpro h3 {
   background: url(../images/pro01.png) no-repeat center;
   width: 100%;
   height: 105px
 }
 .pro .leftpro h3 b {
   font-size: 28px;
   color: #fff;
   font-family: Impact;
   display: block;
   padding-left: 25px;
   padding-top: 30px;
   font-weight: 400
 }
 .pro .leftpro h3 em {
   display: block;
   font-size: 16px;
   color: #fff;
   padding-left: 25px
 }
 .pro .leftpro .menu {
   overflow: hidden;
   width: 226px;
   border: 2px solid #005aa1;
   border-top: none;
   border-bottom: none;
   padding-top: 15px;
   *padding-bottom: 20px;
   height: 343px
 }
 .pro .leftpro .menu li {
   overflow: hidden;
   width: 204px;
   margin: 0 auto;
   margin-bottom: 20px
 }
 .pro .leftpro .menu li > a {
   display: block;
   width: 190x;
   height: 35px;
   background: url(../images/pro02-1.png) no-repeat 170px center;
   line-height: 35px;
   font-size: 16px;
   color: #fff;
   text-decoration: none;
   background-color: #005aa1;
   border-radius: 5px;
   padding-left: 14px
 }
 .pro .leftpro .menu li.cur > a {
   background: url(../images/pro02.png) no-repeat 170px center;
   background-color: #005aa1
 }
 .pro .leftpro .menu .nmenu {
   overflow: hidden;
   width: 100%;
   margin-top: 15px;
   display: none;
   max-height: 200px
 }
 .pro .leftpro .menu .nmenu a {
   display: block;
   font-size: 14px;
   color: #333;
   line-height: 40px;
   border-bottom: 1px solid #eee;
   padding-left: 15px
 }
 .pro .leftpro .menu .nmenu a:hover {
   color: #f07f1b;
   text-decoration: none
 }
 .pro .leftpro .phone {
   overflow: hidden;
   padding: 25px 0;
   padding-left: 65px;
   width: 165px;
   background: url(../images/pro_phone.png) no-repeat 15px center;
   background-color: #005aa1
 }
 .pro .leftpro .phone p {
   font-size: 13px;
   color: #fff
 }
 .pro .leftpro .phone em {
   display: block;
   font-size: 20px;
   color: #fff
 }
 .pro .rightpro {
   overflow: hidden;
   width: 740px;
   float: right
 }
 .pro .rightpro .list {
   overflow: hidden;
   width: 110%
 }
 .pro .rightpro li {
   overflow: hidden;
   float: left;
   width: 230px;
   height: 265px;
   margin-right: 25px;
   margin-bottom: 25px;
   background-color: #eee
 }
 .pro .rightpro li img {
   display: block;
   margin-bottom: 15px
 }
 .pro .rightpro li span {
   display: block;
   text-align: center;
   font-size: 13px;
   color: #333;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden
 }
 .pro .rightpro li a {
   display: block;
   text-decoration: none
 }
 .pro .rightpro li:hover {
   background-color: #f07f1b
 }
 .pro .rightpro li:hover span {
   color: #fff
 }
 .baozhang {
   overflow: hidden;
   width: 100%;
   height: 883px;
   background: url(../images/baozhang_bg.jpg) no-repeat center top;
   margin-bottom: 55px
 }
 .baozhang h2 {
   font-size: 30px;
   color: #fff;
   text-align: center;
   padding-bottom: 20px;
   background: url(../images/title_bg02.png) no-repeat center bottom;
   margin-top: 60px;
   margin-bottom: 40px
 }
 .baozhang .bzBox {
   overflow: hidden;
   width: 1000px;
   margin: 0 auto;
   height: 685px;
   position: relative
 }
 .baozhang .bzBox img {
   display: block;
   margin: 0 auto;
   width: 0;
   height: 0;
   margin-top: 231px
 }
 .baozhang .bzBox .wen {
   overflow: hidden;
   width: 190px;
   position: absolute;
   display: none
 }
 .baozhang .bzBox h3 {
   font-weight: bold;
   font-size: 18px;
   color: #fff;
   text-align: center;
   margin-bottom: 10px
 }
 .baozhang .bzBox p {
   font-size: 16px;
   color: #c6e6ff;
   line-height: 25px
 }
 .baozhang .wen01 {
   padding-top: 133px;
   padding-right: 180px;
   background: url(../images/baozhang01.png) no-repeat right top;
   left: 0;
   top: 20px
 }
 .baozhang .wen02 {
   padding-left: 175px;
   padding-top: 133px;
   background: url(../images/baozhang02.png) no-repeat left top;
   right: 0;
   top: 20px
 }
 .baozhang .wen03 {
   padding-right: 170px;
   padding-top: 155px;
   background: url(../images/baozhang03.png) no-repeat right top;
   left: 0;
   top: 310px
 }
 .baozhang .wen04 {
   padding-left: 175px;
   padding-top: 155px;
   background: url(../images/baozhang04.png) no-repeat left top;
   right: 0;
   top: 310px
 }
 .baozhang .wen05 {
   padding-left: 135px;
   padding-top: 155px;
   background: url(../images/baozhang05.png) no-repeat left top;
   left: 338px;
   bottom: 0
 }
 .case {
   overflow: hidden;
   width: 1100px;
   margin: 0 auto;
   margin-bottom: 50px
 }
 .case .casebox {
   overflow: hidden;
   width: 100%;
   height: 321px;
   margin-top: 40px;
   position: relative
 }
 .case .casebox i {
   display: block;
   width: 41px;
   height: 41px;
   cursor: pointer;
   position: absolute;
   top: 115px
 }
 .case .casebox .btn01 {
   background: url(../images/hezuo__btn01.png) no-repeat center top;
   left: 0
 }
 .case .casebox .btn02 {
   background: url(../images/hezuo__btn02.png) no-repeat center top;
   right: 0
 }
 .case .casebox i:hover {
   background-position: bottom
 }
 .case .casewin {
   overflow: hidden;
   width: 1000px;
   margin: 0 auto;
   height: 326px;
   position: relative
 }
 .case .casewin ul {
   overflow: hidden;
   position: absolute
 }
 .case .casewin li {
   float: left;
   width: 311px;
   margin-right: 33px;
   height: 300px;
   background-color: #eee
 }
 .case .casewin li a {
   display: block;
   text-decoration: none
 }
 .case .casewin li img {
   display: block;
   margin-bottom: 18px
 }
 .case .casewin li span {
   display: block;
   text-align: center;
   font-size: 16px;
   color: #333;
   font-weight: bold;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden
 }
 .case .casewin li:hover {
   background-color: #f07f1b
 }
 .case .casewin li:hover span {
   color: #fff
 }
 .liucheng {
   overflow: hidden;
   width: 100%;
   padding-top: 55px;
   padding-bottom: 65px;
   background-color: #f9f9f9
 }
 .liucheng img {
   display: block;
   margin: 0 auto;
   margin-top: 40px
 }
 .youshi {
   overflow: hidden;
   width: 100%
 }
 .youshi .ttitle {
   overflow: hidden;
   padding: 55px 0;
   background-color: #005aa1
 }
 .youshi .ttitle h2 {
   text-align: center
 }
 .youshi .ttitle em {
   display: block;
   text-align: center;
   font-size: 16px;
   color: #fff;
   margin-top: 10px
 }
 .youshi .yslist {
   overflow: hidden;
   width: 100%;
   height: 291px
 }
 .youshi .yslist .wen {
   overflow: hidden;
   width: 407px;
   color: #333
 }
 .youshi .yslist h3 {
   font-size: 20px;
   margin-bottom: 20px;
   line-height: 30px
 }
 .youshi .yslist p {
   padding-left: 14px;
   background: url(../images/youshi_s02.png) no-repeat left 8px;
   font-size: 16px;
   line-height: 25px
 }
 .youshi .yslist .wen.wen01 p {
   background: url(../images/youshi_s01.png) no-repeat left 8px
 }
 .youshi .phone {
   overflow: hidden;
   padding-left: 55px;
   background: url(../images/phone.png) no-repeat left center;
   margin-top: 20px
 }
 .youshi .phone span {
   display: block;
   font-size: 13px;
   color: #333
 }
 .youshi .phone em {
   display: block;
   font-size: 22px;
   color: #f60
 }
 .youshi .youshi01 {
   background: url(../images/youshi_01.jpg) no-repeat center top
 }
 .youshi .youshi02 {
   background: url(../images/youshi_02.jpg) no-repeat center top
 }
 .youshi .youshi03 {
   background: url(../images/youshi_03.jpg) no-repeat center top
 }
 .youshi .youshi04 {
   background: url(../images/youshi_04.jpg) no-repeat center top
 }
 .youshi .youshi05 {
   background: url(../images/youshi_05.jpg) no-repeat center top
 }
 .youshi .wen.wen01 {
   color: #fff;
   margin-left: 98px;
   margin-top: 30px
 }
 .youshi .wen02 {
   float: right;
   margin-top: 35px
 }
 .youshi .wen03 {
   margin-left: 98px;
   margin-top: 35px
 }
 .youshi .wen04 {
   float: right;
   margin-top: 55px
 }
 .youshi .wen05 {
   margin-left: 98px;
   margin-top: 40px;
   width: 425px !important
 }
 .about {
   overflow: hidden;
   width: 100%;
   height: 515px;
   background: url(../images/about_bg.jpg) no-repeat center top
 }
 .about h2 {
   text-align: center;
   font-size: 24px;
   color: #333;
   margin-top: 60px;
   padding-bottom: 15px;
   background: url(../images/about.png) no-repeat center bottom;
   margin-bottom: 30px
 }
 .about .abox {
   overflow: hidden;
   width: 1000px;
   margin: 0 auto
 }
 .about .abox img {
   display: block;
   float: left;
   border: 5px solid #fff
 }
 .about .awen {
   overflow: hidden;
   float: right;
   width: 500px
 }
 .about .awen p {
   font-size: 14px;
   color: #333;
   line-height: 26px;
   text-align: justify;
   height: 13 0;
   overflow: hidden;
   margin-bottom: 20px
 }
 .about .awen .btn {
   overflow: hidden
 }
 .about .awen .btn a {
   float: left;
   margin-right: 14px;
   text-decoration: none;
   display: block;
   width: 105px;
   height: 80px;
   border: 2px solid #fff;
   background-color: #fff;
   opacity: .8;
   filter: alpha(opacity=60);
   text-align: center;
   font-size: 16px;
   color: #333;
   border-radius: 5px
 }
 .about .awen .btn em {
   display: block;
   width: 50px;
   height: 50px;
   margin: 0 auto
 }
 .about .awen .btn .em01 {
   background: url(../images/about01.png) no-repeat center top
 }
 .about .awen .btn .em02 {
   background: url(../images/about02.png) no-repeat center top
 }
 .about .awen .btn .em03 {
   background: url(../images/about03.png) no-repeat center top
 }
 .about .awen .btn .em04 {
   background: url(../images/about04.png) no-repeat center top
 }
 .about .awen .btn a:hover em {
   background-position: bottom
 }
 .about .awen .btn a:hover {
   border-color: #f07f1b;
   background-color: #f07f1b;
   opacity: 1;
   filter: alpha(opacity=100);
   color: #fff
 }
 .zhengshu {
   overflow: hidden;
   width: 100%;
   background-color: #f9f9f9;
   padding-top: 55px;
   padding-bottom: 45px
 }
 .zhengshu .zsbox {
   overflow: hidden;
   width: 1100px;
   margin: 0 auto;
   height: 350px;
   position: relative;
   margin-top: 45px
 }
 .zhengshu .zsbox i {
   display: block;
   width: 41px;
   height: 41px;
   cursor: pointer;
   position: absolute;
   top: 140px
 }
 .zhengshu .zsbox .btn01 {
   background: url(../images/hezuo__btn01.png) no-repeat center top;
   left: 0
 }
 .zhengshu .zsbox .btn02 {
   background: url(../images/hezuo__btn02.png) no-repeat center top;
   right: 0
 }
 .zhengshu .zsbox i:hover {
   background-position: bottom
 }
 .zhengshu .zswin {
   overflow: hidden;
   width: 1000px;
   height: 350px;
   margin: 0 auto;
   position: relative
 }
 .zhengshu .zswin ul {
   overflow: hidden;
   position: absolute
 }
 .zhengshu .zswin li {
   float: left;
   width: 237px;
   height: 330px;
   background-color: #fff;
   margin-right: 17px
 }
 .zhengshu .zswin li img {
   display: block;
   margin: 18px auto
 }
 .zhengshu .zswin li span {
   display: block;
   text-align: center;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   font-size: 13px;
   color: #333
 }
 .zhengshu .zswin il a {
   display: block;
   text-decoration: none
 }
 .liuyan {
   overflow: hidden;
   width: 100%;
   background: url(../images/ly_bg.jpg) no-repeat center bottom;
   background-color: #f9f9f9
 }
 .liuyan .wen {
   overflow: hidden;
   float: left;
   margin-top: 70px;
   width: 480px
 }
 .liuyan .wen h3 {
   font-size: 40px;
   color: #fff
 }
 .liuyan .wen p {
   font-size: 24px;
   color: #fff;
   line-height: 35px;
   margin-top: 10px
 }
 .liuyan .wen span {
   display: block;
   font-size: 15px;
   color: #fff;
   margin-top: 10px;
   margin-bottom: 40px
 }
 .liuyan .phone {
   overflow: hidden;
   padding-left: 55px;
   background: url(../images/ly_phone.png) no-repeat left center
 }
 .liuyan .phone em {
   display: block;
   font-size: 13px;
   color: #fff
 }
 .liuyan .phone b {
   display: block;
   font-weight: 400;
   font-size: 22px;
   color: #fff
 }
 .liuyan .lybox {
   overflow: hidden;
   width: 457px;
   height: 367px;
   background-color: #fff;
   border-top: 3px solid #f07f1b;
   float: right
 }
 .liuyan .lybox h4 {
   font-size: 26px;
   color: #f07f1b;
   margin-left: 25px;
   margin-top: 40px
 }
 .liuyan .lybox p {
   font-size: 16px;
   color: #333;
   margin-bottom: 22px;
   margin-left: 25px
 }
 .liuyan .lybox .inbox {
   overflow: hidden;
   margin-left: 25px;
   *margin-left: 12px;
   width: 100%
 }
 .liuyan .lybox input {
   overflow: hidden;
   width: 180px;
   padding: 0 10px;
   height: 42px;
   margin-right: 5px;
   margin-bottom: 5px;
   float: left;
   line-height: 42px;
   display: block;
   font-size: 14px;
   color: #333;
   background: #eee;
   border: none;
   outline: none
 }
 .liuyan .lybox textarea {
   overflow: hidden;
   width: 385px;
   display: block;
   margin-bottom: 5px;
   height: 50px;
   padding: 10px;
   font-size: 14px;
   color: #333;
   background: #eee;
   border: none;
   outline: none;
   resize: none
 }
 .liuyan .lybox b {
   display: block;
   width: 150px;
   height: 47px;
   background-color: #f07f1b;
   color: #fff;
   font-size: 16px;
   cursor: pointer;
   text-align: center;
   line-height: 47px;
   margin-top: 20px
 }
 .news {
   overflow: hidden;
   width: 100%;
   padding: 45px 0 30px;
   background-color: #f9f9f9
 }
 .news .nbox {
   overflow: hidden;
   width: 1020px;
   margin: 0 auto
 }
 .news .newsbox {
   overflow: hidden;
   float: left;
   margin: 0 10px;
   border: 1px solid #dbdbdb;
   width: 318px;
   height: 468px
 }
 .news h2 {
   margin-top: 30px;
   margin-bottom: 25px;
   padding-left: 6px;
   border-left: 6px solid #005aa1;
   font-weight: 400;
   font-size: 20px;
   color: #333
 }
 .news img {
   display: block;
   margin: 0 auto;
   margin-bottom: 15px
 }
 .news .list {
   overflow: hidden;
   width: 290px;
   margin: 0 auto
 }
 .news .list li {
   overflow: hidden;
   width: 100%;
   font-size: 13px;
   color: #666;
   line-height: 34px
 }
 .news .list li em {
   float: left;
   color: #40a3ee;
   margin-right: 5px
 }
 .news .list li a {
   display: block;
   float: left;
   width: 180px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #666
 }
 .news .list li span {
   float: right
 }
 .news .wenda {
   overflow: hidden;
   width: 290px;
   margin: 0 auto;
   height: 370px;
   position: relative
 }
 .news .wenda ul {
   overflow: hidden;
   position: absolute
 }
 .news .wenda li {
   overflow: hidden;
   height: 104px;
   margin-bottom: 20px;
   border-bottom: 1px dashed #e4e4e4
 }
 .news .wenda h5 {
   font-weight: 400;
   font-size: 13px;
   padding-left: 32px;
   background: url(../images/news_w.png) no-repeat left center;
   line-height: 25px;
   margin-bottom: 15px
 }
 .news .wenda h5 a {
   color: #f07f1b
 }
 .news .wenda p {
   padding-left: 32px;
   background: url(../images/news_d.png) no-repeat left top;
   font-size: 13px;
   color: #333;
   line-height: 25px;
   height: 50px;
   overflow: hidden
 }
 .link {
   overflow: hidden;
   width: 100%;
   background-color: #f9f9f9;
   padding-bottom: 40px
 }
 .link .linkbox {
   overflow: hidden;
   width: 958px;
   margin: 0 auto;
   padding: 25px 20px;
   border: 1px solid #dbdbdb
 }
 .link .linkbox h3 {
   float: left;
   font-size: 18px
 }
 .link h3 a {
   color: #005aa1
 }
 .link h3 em {
   color: #999;
   margin-left: 5px
 }
 .link ul {
   overflow: hidden;
   float: right;
   width: 825px
 }
 .link li {
   float: left;
   white-space: nowrap;
   margin: 5px 15px;
   font-size: 13px
 }
 .link li a {
   color: #666
 }
 #mesbook1_c, #mesbook1 {
   display: none;
   z-index: 1001;
   width: 398px;
   border: 1px solid #ccc;
   background: #fff;
   padding-bottom: 20px
 }
 #mesbook1_c div, #mesbook1 div {
   border: 1px solid #e4e3e3;
   background: #ebeceb;
   height: 18px;
   padding: 4px .5em 0;
   margin-bottom: 10px
 }
 #mesbook1_c dl.b1, #mesbook1 dl.b1 {
   width: 370px;
   margin: 0 auto
 }
 #mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {
   float: left;
   width: 105px;
   overflow: hidden
 }
 #mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {
   width: 265px;
   float: right
 }
 #mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns {
   padding-bottom: 10px
 }
 #mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {
   margin-right: 20px
 }