header {
     display: flex;
     box-sizing: 10px 10px 10px 10px #cccc;
     width: 100%;
     height: auto;
     background-color: #ffff;
     position: fixed;
     top: 0px;
     z-index: 100;
     box-shadow: 0px 0px 0px #cccc;
     border-top: 3px solid #f40;
     box-shadow: -6px -3px 33px #220e78;
 }
 .cbanner-bg{background: url('__TMPL__/public/assets/img/CgAGe1rCBTCAQ7PrAAL7uxfeCHk204.jpg') no-repeat 100% 100%; background-size: 100%;}
 
 .carousel img {
     width: 100%;
 }
 
 .cont-box .logo {
     float: left;
     /* background-color: aqua; */
 }
 
 .cont-box .logo img {
     width: 100%;
 }
 
 .cont-box .navigation {
     float: left;
     color: #0000;
     width: 1000px;
    /*  background-color: aqua; */
    
     line-height: 50px;
     height: 50px;
     margin: 0 auto;
     margin-top: 35px;
 }
 
 .cont-box .navigation>a {
     text-align: center;
     font-size: 18px;
     display: inline-block;
     width: 11%;
     margin-left: 2.3%;
     color: #000;
     position: relative;
     text-decoration: none;
 }
 
 .cont-box .navigation>a:hover {
     background-color: #220e78;
     color: #ffff;
     border-radius: 10px 0px 10px 0px;
 }
 
 .logo {
     float: left;
     width: 25%;
     /* background-color: #303580; */
     display: flex;
     font-size: 20px;
     color: #0863d5;
     margin-left: 200px;
     margin-top: 10px;
 }
 /* 查看详情 */
 
 .chakan {
     width: 300px;
     height: 50px;
     background-color: #f40;
     border: none;
     margin-top: 10px;
 }
 
 .chakan a {
     color: #fff;
     font-size: 20px;
 }
 
 .chakan:hover {
     background-color: #1353bd;
 }
 
 .chakan:hover a {
     color: #fff;
 }
 
 .logo h3 {
     margin-top: 40px;
 }
 
 .logo img {
     width: 800px;
 }
 /* 手机导航 */
 
 .phone {
     display: none;
     z-index: 100;
 }
 
 .phone .logo img {
     width: 350px
 }
 
 .phone .logo {
     width: 350px;
     margin-left: 2%;
     /*  background-color: black;  */
     float: left;
 }
 
 .phone-botton {
     width: 100px;
     height: 88px;
     /* background-color: blanchedalmond; */
     float: right;
 }
 
 .phone-botton .iconfont {
     font-size: 40px;
     color: #fff;
     margin-left: 20px;
     line-height: 88px;
 }
 /* 手机导航列表 */
 
 .phone-list {
     width: 100%;
     height: 0px;
     overflow: hidden;
     background-color: rgba(0, 0, 0, 0.5);
     position: fixed;
     top: 88px;
     left: 0;
     transition: all 0.3s linear;
     z-index: 20 !important;
 }
 
 .phone-list>a {
     display: block;
     text-align: center;
     color: #fff;
     height: 50px;
     line-height: 50px;
     border-bottom: 1px solid #fff;
 }
 
 .phone-botton i:nth-child(2) {
     display: none;
 }
 .aboutbij{
   
     width: 100%;
       background: url('../img/bij.jpg') no-repeat ;
       background-size: 300%;
     
 }
 .about {
     width: 75%;
     height: auto;
     margin: 0 auto;
     /*  border: 1px solid black; */
     margin-top:2%;
     padding-bottom: 50px;
     overflow: hidden;
   
    
/*      background-color: #0863d5;   */
     /*  background-color: #000; */
 
    }
 /* 轮播图 */
 .aboutbij2{width: 100%;    background: url('../img/beij2.jpg') no-repeat ;  background-size: 150%;}
 .carousel {
     width: 100%;
     height: auto;
     overflow: hidden;
     margin-top: 100px;
     position: relative;
 }

  
/*  .aboutlunbo{width:100%;} */
 /*  .aboutlunbo .swiper-slide{float: left;} */
 /* 关于我们 */
 
 .about .about-text {
     margin-top: 0px;
     float: right;
     width: 40%;
     text-indent: 2rem;
     padding-right: 2%;
     margin-right: 5%;
     line-height: 30px;
     margin-left: 100px;
 }
 
 .about .about-text {
    width:35%;
    float: left;
    font-size: 1rem;
    margin-top: 57px;
}
 .about>h3 {
     color: #f40;
     text-align: center;
     font-size: 25px;
     width: 100%;
     background: url('../img/bg_4.png') no-repeat 100% 100%;
     background-size: 100%;
 }
 
 .about>p {
     text-align: center;
 }
 
 .k {
     font-size: 15px;
     margin-top: 10px;
 }
 
 .about-img  {
     width: 50%;
     float: left;
     margin-top: 65px;
     
 }
 .about-img  img{width: 100%;}
 
 .jians:nth-child(1) {
     font-size: 25px;
 }
 
 .jians:nth-child(2) {
     font-weight: bold;
     font-size: 21px;
 }
 
 .jians {
     color: #f40;
 }
 /* 产品展示 */
 
 .Details-introduced {
     width: 75%;
     height: auto;
     margin: 0 auto;
     margin-top: 100px;
 }
 
 .Details-introduced>h3 {
     color: #f40;
     text-align: center;
     font-size: 25px;
     width: 100%;
     background: url('../img/bg_4.png') no-repeat 100% 100%;
     background-size: 100%;
 }
 
 .Details-introduced>p {
     text-align: center;
 }
 
 .produnct-box {
     margin-top: 20px;
     transition: all 0.3s linear;
     overflow: hidden;
     width: 20%;
     float: left;
     margin-left: 3.8%;
     height: auto;
     background-color: #191a1bd7;
     border-radius: 10px;
     position: relative;
 }
 
 .xiangq {
     width: 100%;
     height: 240px;
     text-align: center;
     background-color: #0864d579;
     position: absolute;
     border-radius: 10px;
 }
 
 .xiangq a {
     width: 30%;
     border-top: 1px solid #fff;
     line-height: 240px;
     color: #fff;
     display: inline-block;
 }
 
 .produnct-box:hover {
     left: 0px;
     transform: scale(1.1, 1.1);
     transition: all 0.3s linear;
 }
 
 .advantage {
     width: 75%;
     margin: 0 auto;
     height: auto;
     /* border: 1px solid black; */
     margin-top: 50px;
 }
 
 .advantage>h3 {
     color: #0863d5;
     text-align: center;
     font-size: 25px;
     width: 100%;
     background: url('../img/bg_4.png') no-repeat 100% 100%;
     background-size: 100%;
 }
 
 .advantage>p {
     text-align: center;
 }
 /* 供应商 */
 
 .sunplu-box {
     display: flex;
     justify-content: space-between;
 }
 
 .supply {
     width: 50%;
     display: flex;
 }
 
 .sunpply-rigth {
     margin-top: 100px;
 }
 
 .sunpply-rigth>h3 {
     font-size: 30px;
     color: #0863d5;
 }
 
 .sunpply-rigth>div {
     font-size: 5px;
 }
 
 .sunpply-rigth>p {
     font-size: 14px;
 }
 
 .supply-jt {
     width: 38%;
 }
 
 .supply-jt img {
     width: 80%;
 }
 
 .qiyefazhan {
     width: 100%;
     height: 600px;
     background: url('../img/advantagebg.jpg') no-repeat 100% 100%;
     background-size: 100%;
 }
 /* 产品分类 */
 
 .product-tiet {
     padding: 0 10px;
     display: flex;
     color: #fff;
     box-sizing: border-box;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     height: 50px;
     background-color: #1353bd;
 }
 
 .product-tiet i {
     font-size: 25px;
 }
 /* 产品分类项 */
 
 .deplt-list {
     margin-top: 20px;
     width: 100%;
     height: auto;
     border: 1px solid #ccc;
     box-sizing: border-box;
     padding: 30px;
 }
 
 .zhunxiang {
     width: 20%;
     height: auto;
     border: 1px solid #ccc;
     float: left;
     margin-left: 4%;
     margin-top: 10px;
 }
 
 .zhunxiangzhna {
     width: 15%;
     margin-top: 20px;
     height: 180px;
     border: 1px solid #ccc;
     margin-left: 2%;
     float: left;
 }
 
 .zhunxiangzhna {
     text-align: center;
     font-size: 14px;
 }
 
 .zhunxiang p {
     margin-top: 5px;
     text-align: center;
     color: #0863d5;
     font-size: 18px;
 }
 
 .zhunxiang img {
     width: 100%;
 }
 
 .news-img img {
     width: 100%;
     height: 100%;
 }
 
 .product-show:hover .penwduc-click {
     background-color: #f40;
 }
 
 .guangago {
     margin-top: 10px;
     width: 100%;
 }
 
 .guangago img {
     width: 100%;
 }
 
 .guangaort {
     width: 100%;
 }
 
 .guangaort img {
     width: 100%;
 }
 /*  证书资质 */
 
 .Certificate {
     width: 75%;
     height: 600px;
 }
 
 .Certificate {
     width: 75%;
     margin: 0 auto;
     height: auto;
     /* border: 1px solid black; */
     margin-top: 50px;
 }
 
 .Certificate>h3 {
     color: #0863d5;
     text-align: center;
     font-size: 25px;
     width: 100%;
     background: url('../img/bg_4.png') no-repeat 100% 100%;
     background-size: 100%;
 }
 
 .Certificate>p {
     text-align: center;
 }
 
 .zizhi img {
     width: 300px;
 }
 /* 新闻板块 */
 
 .news {
     width: 80%;
     margin: 0 auto;
     height: auto;
     margin-top: 80px;
 }
 
 .news-img {
     width: 40%;
     height: 300px;
     margin-top: 20px;
     float: left;
 }
 
 .NEES-LIS {
     width: 55%;
     height: 300px;
     float: right;
     line-height: 50px;
     margin-left: 10px;
 }
 
 .NEES-LIS li {
     height: 50px;
     border-bottom: 1px solid #ccc;
     margin-top: 10px;
     display: flex;
 }
 
 .NEES-LIS li a {
     width: 60%;
     font-size: 14px;
     display: inline-block;
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }
 
 .icon-redu {
     color: red;
     float: left;
 }
 
 .NEES-LIS li span {
     display: inline-block;
     margin-left: 30px;
 }
 
 .NEES-LIS li a:hover {
     color: #f40;
 }
 
 .zhunxiang:hover {
     border: 1px solid #0863d5;
 }
 /* 网站底部 */
 
 footer {
     width: 100%;
     height: 200px;
     background-color: #1353bd;
     margin-top: 30px;
 }
 
 footer li {
     margin-top: 10px;
 }
 
 .list1 {
     float: left;
     margin-left: 4%;
     margin-top: 2%;
 }
 
 .fonter-conter {
     width: 80%;
     margin: 0 auto;
 }
 
 footer li a {
     color: #fff;
 }
 
 .contact-cont {
     float: right;
     color: #fff;
     margin-top: 30px;
 }
 
 .contact-cont>div>p {
     margin-top: 30px;
 }
 
 .beianhao {
     text-align: center;
     margin-top: 10px;
     color: #fff;
 }
 
 
 @media screen and (max-width: 1852px){
   .about-img{ width: 40%;}
   .about .about-text{width:40%;}
 }

 
 /* 站 */
 /* 模板之家（gezhancn.com）做专业企业网站建设平台 */
 
 
 /* CSS Document */
 /*banner*/
 
 .banner {
     overflow: hidden;
     width: 100%;
     height: 500px;
     background: url(../img/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: 0.42;
 }
 
 #flashs .btn span.cur {
     background-color: #0488e5;
     opacity: 1;
 }
 /*search*/
 
 .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(../img/search.png) no-repeat center top;
     width: 289px;
     float: right;
 }
 
 .search input {
     overflow: hidden;
     padding: 0 10px;
     width: 210px;
     height: 32px;
     border: none;
     background: none;
     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*/
 
 .title {
     overflow: hidden;
     width: 100%;
 }
 
 .title h2 {
     text-align: center;
     font-size: 24px;
     color: #005aa1;
     background: url(../img/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*/
 
 .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(../img/hezuo__btn01.png) no-repeat center top;
     left: 0
 }
 
 .hezuo .hebox .btn02 {
     background: url(../img/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*/
 
 .pro {
     overflow: hidden;
     width: 1000px;
     margin: 0 auto;
     margin-top: 50px;
 }
 
 .pro .leftpro {
     overflow: hidden;
     float: left;
     width: 230px;
 }
 
 .pro .leftpro h3 {
     background: url(../img/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: normal
 }
 
 .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: 573px;
 }
 
 .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(../img/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(../img/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(../img/pro_phone.png) no-repeat 15px center;
     background-color: #363636;
 }
 
 .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: 245px;
     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*/
 
 .baozhang {
     overflow: hidden;
     width: 100%;
     height: 883px;
     background: url(../img/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(../img/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: normal;
     font-size: 18px;
     color: #fff;
     text-align: center;
     margin-bottom: 10px;
 }
 
 .baozhang .bzBox p {
     font-size: 13px;
     color: #c6e6ff;
     line-height: 25px;
 }
 
 .baozhang .wen01 {
     padding-top: 133px;
     padding-right: 180px;
     background: url(../img/baozhang01.png) no-repeat right top;
     left: 0px;
     top: 20px;
 }
 
 .baozhang .wen02 {
     padding-left: 175px;
     padding-top: 133px;
     background: url(../img/baozhang02.png) no-repeat left top;
     right: 0;
     top: 20px;
 }
 
 .baozhang .wen03 {
     padding-right: 170px;
     padding-top: 155px;
     background: url(../img/baozhang03.png) no-repeat right top;
     left: 0;
     top: 310px;
 }
 
 .baozhang .wen04 {
     padding-left: 175px;
     padding-top: 155px;
     background: url(../img/baozhang04.png) no-repeat left top;
     right: 0;
     top: 310px;
 }
 
 .baozhang .wen05 {
     padding-left: 135px;
     padding-top: 115px;
     background: url(../img/baozhang05.png) no-repeat left top;
     left: 338px;
     bottom: 0
 }
 /*case*/
 
 .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(../img/hezuo__btn01.png) no-repeat center top;
     left: 0
 }
 
 .case .casebox .btn02 {
     background: url(../img/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: 330px;
     background-color: #eee;
 }
 
 .case .casewin li a {
     display: block;
     text-decoration: none;
 }
 
 .case .casewin li img {
     display: block;
     margin-bottom: 12px;
 }
 
 .case .casewin li span {
     display: block;
     text-align: center;
     font-size: 13px;
     color: #333;
     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*/
 
 .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(../img/youshi_s02.png) no-repeat left 8px;
     font-size: 13px;
     line-height: 25px;
 }
 
 .youshi .yslist .wen.wen01 p {
     background: url(../img/youshi_s01.png) no-repeat left 8px;
 }
 
 .youshi .phone {
     overflow: hidden;
     padding-left: 55px;
     background: url(../img/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: #ff6600;
 }
 
 .youshi .youshi01 {
     background: url(../img/youshi_01.jpg) no-repeat center top;
 }
 
 .youshi .youshi02 {
     background: url(../img/youshi_02.jpg) no-repeat center top;
 }
 
 .youshi .youshi03 {
     background: url(../img/youshi_03.jpg) no-repeat center top;
 }
 
 .youshi .youshi04 {
     background: url(../img/youshi_04.jpg) no-repeat center top;
 }
 
 .youshi .youshi05 {
     background: url(../img/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*/
 /*证书*/
 
 .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: 172px;
 }
 
 .zhengshu .zsbox .btn01 {
     background: url(../img/hezuo__btn01.png) no-repeat center top;
     left: 0
 }
 
 .zhengshu .zsbox .btn02 {
     background: url(../img/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: 350px;
     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(../img/ly_bg.jpg) no-repeat center bottom;
     background-color: #f9f9f9;
 }
 
 .liuyan .wen {
     overflow: hidden;
     float: left;
     margin-top: 85px;
     width: 480px;
 }
 
 .liuyan .wen h3 {
     font-size: 40px;
     color: #fff;
 }
 
 .liuyan .wen p {
     font-size: 26px;
     color: #005aa1;
     line-height: 42px;
     background-color: #fff;
     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(../img/ly_phone.png) no-repeat left center;
 }
 
 .liuyan .phone em {
     display: block;
     font-size: 13px;
     color: #fff;
 }
 
 .liuyan .phone b {
     display: block;
     font-weight: normal;
     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: 10px;
     height: 80px;
     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-left: 13px;
 }
 /*news*/
 
 .news {
     overflow: hidden;
     width: 100%;
     padding: 45px 0 30px 0;
     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: normal;
     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: 45px;
 }
 
 .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: normal;
     font-size: 13px;
     padding-left: 32px;
     background: url(../img/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(../img/news_d.png) no-repeat left top;
     font-size: 13px;
     color: #333;
     line-height: 25px;
     height: 50px;
     overflow: hidden;
 }
 /*link*/
 
 .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;
 }
 /*  conm */
 
 @charset "utf-8";
 /* 模板之家（gezhancn.com）做专业企业网站建设平台 */
 /*reset*/
 /* CSS reset for c_b */
 
 body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 form,
 fieldset,
 input,
 textarea,
 p,
 blockquote,
 th,
 td {
     margin: 0;
     padding: 0;
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 table th,
 table td {
     padding: 5px;
 }
 
 fieldset,
 img {
     border: 0;
 }
 
 address,
 caption,
 cite,
 code,
 dfn,
 em,
 th,
 var {
     font-style: normal;
     font-weight: normal;
 }
 
 ol,
 ul {
     list-style: none;
 }
 
 ception,
 th {
     text-align: left;
 }
 
 q:before,
 q:after {
     content: '';
 }
 
 abbr,
 acronym {
     border: 0;
 }
 
 a {
     color: #666;
     text-decoration: none;
 }
 /*for ie f6n.net*/
 
 a:focus {
     outline: none;
 }
 /*for ff f6n.net*/
 
 a:hover {
     text-decoration: underline;
 }
 /*定位*/
 
 .tl {
     text-align: left;
 }
 
 .tc {
     text-align: center;
 }
 
 .tr {
     text-align: right;
 }
 
 .bc {
     margin-left: auto;
     margin-right: auto;
 }
 
 .fl {
     float: left;
     display: inline;
 }
 
 .fr {
     float: right;
     display: inline;
 }
 
 .zoom {
     zoom: 1
 }
 
 .hidden {
     visibility: hidden;
 }
 
 .vam {
     vertical-align: middle;
 }
 
 .clear {
     clear: both;
     height: 0;
     line-height: 0;
     font-size: 0;
 }
 
 p {
     word-spacing: -1.5px;
 }
 
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box;
 box-sizing:content-box;
 /*其他*/
 
 .curp {
     cursor: pointer
 }
 
 ;
 /*原reset*/
 
 sup {
     vertical-align: baseline;
 }
 
 sub {
     vertical-align: baseline;
 }
 
 input,
 button,
 textarea,
 select,
 optgroup,
 option {
     font-family: inherit;
     font-size: inherit;
     font-style: inherit;
     font-weight: inherit;
 }
 
 input,
 button,
 textarea,
 select {
     *font-size: 100%;
 }
 
 input,
 select {
     vertical-align: middle;
 }
 
 body {
     font: 12px/1.231 arial, helvetica, clean, sans-serif;
 }
 
 select,
 input,
 button,
 textarea,
 button {
     font: 99% arial, helvetica, clean, sans-serif;
 }
 
 table {
     font-size: inherit;
     font: 100%;
     border-collapse: collapse;
 }
 
 pre,
 code,
 kbd,
 samp,
 tt {
     font-family: monospace;
     *font-size: 108%;
     line-height: 100%;
 }
 /*title*/
 
 h1 {
     font-size: 32px;
 }
 
 h2 {
     font-size: 26px;
 }
 
 h3 {
     font-size: 20px;
 }
 
 h4 {
     font-size: 14px;
 }
 
 h5 {
     font-size: 12px;
 }
 
 h6 {
     font-size: 10px;
 }
 
 #roll_top,
 #fall,
 #ct {
     position: relative;
     cursor: pointer;
     height: 59px;
     width: 20px
 }
 
 #roll_top {
     background: url(../img/top.gif) no-repeat
 }
 
 #fall {
     background: url(../img/top.gif) no-repeat 0 -80px
 }
 
 #ct {
     background: url(../img/top.gif) no-repeat 0 -40px
 }
 
 #roll {
     display: block;
     width: 20px;
     margin-right: -485px;
     position: fixed;
     right: 46%;
     top: 80%;
     _margin-right: -485px;
     _position: absolute;
     _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8));
     z-index: 100;
 }
 /*end reset*/
 /* CSS Document */
 
 body {
     background-color: #fff;
     overflow-x: hidden;
     color: #666;
     font-size: 12px;
     font-family: "微软雅黑";
     position: relative;
 }
 /*网站字体颜色*/
 
 .header,
 .content,
 .footer,
 .container {
     margin-left: auto;
     margin-right: auto;
     width: 1000px;
 }
 /*页眉*/
 
 .header {
     width: 100%;
     overflow: hidden;
     background-color: #fff;
 }
 
 .header_top {
     overflow: hidden;
     width: 100%;
     height: 30px;
     background-color: #eee;
 }
 
 .header_top p {
     float: left;
     line-height: 30px;
     font-size: 13px;
     color: #333;
 }
 
 .header_top ul {
     overflow: hidden;
     float: right;
     margin-top: 5px;
 }
 
 .header_top li {
     float: left;
     font-size: 13px;
     color: #333;
     padding: 0 10px;
     border-right: 1px solid #333;
 }
 
 .header_top li.last {
     border: none;
     padding-right: 0;
 }
 
 .header_center {
     overflow: hidden;
     width: 1000px;
     margin: 0 auto;
     height: 126px;
 }
 
 .header_center h1 {
     float: left;
     margin-top: 20px;
 }
 
 .header_center h2 {
     float: left;
     padding: 5px 0;
     margin-top: 35px;
     padding-left: 20px;
     border-left: 1px solid #d2d2d2;
     font-size: 24px;
     color: #005aa1;
     margin-left: 20px;
 }
 
 .header_center h2 em {
     display: block;
     font-size: 15px;
     color: #666;
     margin-top: 5px;
 }
 
 .header_center .phone {
     overflow: hidden;
     float: right;
     margin-top: 45px;
     padding-left: 55px;
     background: url(../img/phone.png) no-repeat left center;
 }
 
 .header_center .phone p {
     font-size: 13px;
     color: #666;
 }
 
 .header_center .phone span {
     display: block;
     font-size: 22px;
     color: #ff6600;
 }
 
 .header_nav {
     overflow: hidden;
     width: 100%;
     height: 55px;
     background: url(../img/nav.png) left top repeat-x;
     line-height: 55px;
 }
 
 .header_nav ul {
     overflow: hidden;
     width: 100%;
 }
 
 .header_nav li {
     float: left;
     font-size: 14px;
     background: url(../img/nav_b.png) no-repeat right center;
 }
 
 .header_nav li a {
     text-decoration: none;
     display: block;
     color: #fff;
 }
 
 .header_nav li:last-child {
     background: none
 }
 
 .header_nav li.cur,
 .header_nav li:hover {
     background: url(../img/nav_c.png) repeat-x left top;
 }
 
 .footer {
     overflow: hidden;
     width: 100%;
     background-color: #26272a;
 }
 
 .footer .f_nav {
     overflow: hidden;
     width: 100%;
     height: 50px;
     background-color: #313236;
 }
 
 .footer .f_nav ul {
     overflow: hidden;
     width: 100%;
 }
 
 .footer .f_nav li {
     float: left;
     font-size: 14px;
     height: 48px;
     border-top: 2px solid #313236;
     background: url(../img/nav_b.png) right center no-repeat;
     line-height: 48px;
 }
 
 .footer .f_nav li a {
     color: #fff;
     text-decoration: none;
     display: block
 }
 
 .footer .f_nav li:last-child {
     background: none
 }
 
 .footer .f_nav li:hover {
     border-color: #f07f1b;
 }
 
 .footer .f_nav li:hover a {
     color: #f07f1b;
 }
 
 .footer .f_center {
     overflow: hidden;
     width: 1000px;
     margin: 0 auto;
 }
 
 .footer .f_center h2 {
     float: left;
     margin-top: 65px;
 }
 
 .footer .f_center .info {
     overflow: hidden;
     float: left;
     margin-top: 45px;
     margin-left: 35px;
 }
 
 .footer .f_center .info p {
     font-size: 13px;
     color: #c3c3c3;
     line-height: 32px;
 }
 
 .footer .f_center .ewm {
     overflow: hidden;
     float: right;
     margin-left: 20px;
     margin-top: 55px;
 }
 
 .footer .f_center .ewm img {
     display: block;
     margin-bottom: 10px;
 }
 
 .footer .f_center .ewm em {
     display: block;
     text-align: center;
     font-size: 13px;
     color: #c3c3c3;
 }
 
 .footer .f_btm {
     overflow: hidden;
     width: 100%;
     height: 40px;
     border-top: 1px solid #313236;
     margin-top: 40px;
 }
 
 .footer .f_btm p {
     float: left;
     line-height: 40px;
     color: #858585;
     font-size: 13px;
 }
 
 .footer .f_btm .container>a {
     float: right;
     margin-top: 12px;
     color: #858585;
     font-size: 13px;
 }


 .fanye{  text-align:center;  margin:30px 0 20px 0;}
.fanye li{display:inline}
.fanye a, .fanye span{ border:#bbb solid 1px; 
    padding:0px 15px; 
    font-size:14px; 
    color:#666; 
    line-height: 36px; 
    display: inline-block; 
    border-radius: 5px;
    margin:0 1px;}
.fanye a:hover{ color:white; 
    background-color:#0863d5; 
    border:#0863d5 solid 1px;}
.fanye span.current{ color:white; 
    background-color:#0863d5; 
    border:#0863d5 solid 1px;}
.fanye span.disable{  }
.fanye .active span{background:#0863d5;color:#ffffff}