.xkbanner a { display: block; overflow: hidden; }
.xkbanner img { display: block; }

.nav-header .nav-icon-line,.nav-header .nav-icon:after,.nav-header .nav-icon:before,.nav-menu-container .nav-icon-line,.nav-menu-container .nav-icon:after,.nav-menu-container .nav-icon:before{height:2px;background-color:#0054aa;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-radius:2px;opacity:1;}
.nav-header .nav-icon-line,.nav-menu-container .nav-icon-line{position:absolute;top:8px;}
.nav-header .nav-icon:before,.nav-menu-container .nav-icon:before{content:"";position:absolute;top:0;}
.nav-header .nav-icon:after,.nav-menu-container .nav-icon:after{content:"";position:absolute;top:16px;}
.nav-header.open .nav-icon-line,.nav-menu-container.open .nav-icon-line{opacity:0;}
.nav-header.open .nav-icon:before,.nav-menu-container.open .nav-icon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:8px;}
.nav-header.open .nav-icon:after,.nav-menu-container.open .nav-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:8px;}
.nav-header{background-color:#fff;height:60px;padding:8px 20px;box-sizing:border-box;width:100%;z-index:998;overflow:hidden;position:absolute;top:0;max-width:480px;margin:0px auto;}
.nav-header img{float:left;height:40px;}
.nav-header a span { font-size:0.42rem; font-weight: bold; color:#333; line-height: 46px; padding-left: 10px;}
.nav-header .nav-icon-line,.nav-header .nav-icon:after,.nav-header .nav-icon:before{width:24px;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.nav-header.open .nav-icon-line,.nav-header.open .nav-icon:after,.nav-header.open .nav-icon:before{-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.nav-header .nav-icon{position:absolute;margin-right:20px;display:inline-block;width:24px;height:20px;right:0;top:20px;z-index:1010;}
.nav-header.fixed{position:fixed;top:0; /*border-bottom:1px solid #ddd;*/ box-shadow: 0 0 10px rgba(0,0,0,.15);}
.nav-menu-container .nav-menu{background-color:#fff;position:fixed;top:0;right:-230px;overflow:hidden;z-index:1005;height:100%;width:230px;padding-left:30px;box-sizing:border-box;-webkit-transition:right .25s ease-in-out;transition:right .25s ease-in-out;}
.nav-menu-container .nav-menu .nav-list-container{height:100%;overflow-y:scroll;}
.nav-menu-container .nav-menu .nav-list{padding-top:65px;}
.nav-menu-container .nav-menu .nav-item{line-height:42px;font-size:0.4rem;color:#333;}
.nav-item a{color:#333;}
.nav-menu-container .nav-menu .nav-subitem{font-size:1.4rem;color:#666;margin-left:16px;line-height:240%;}
.nav-menu-container .nav-menu .item-icon{margin:0 auto 20px;display:block;width:36px;height:36px;background-color:#000;}
.nav-menu-container .nav-menu .nav-logo{visibility:hidden;position:absolute;background-color:#fff;width:180px;box-sizing:border-box;padding:15px 0 15px 0;-webkit-transition:.6s ease-in-out .1s;transition:.6s ease-in-out .1s}
.nav-menu-container .nav-menu .nav-logo:after{content:"";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;pointer-events:none;border-bottom:1px solid #ddd;}
.nav-menu-container .nav-menu .logo-m{display:block;height:30px;font-size:0.48rem;color:#0054aa; font-weight: bold; line-height: 30px; }
.nav-menu-container .nav-icon{visibility:hidden;width:18px;height:18px;position:absolute;top:18px;right:0;z-index:1010;-webkit-transition-delay:.5s;transition-delay:.5s;}
.nav-menu-container .nav-icon-line,.nav-menu-container .nav-icon:after,.nav-menu-container .nav-icon:before{width:18px;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.nav-menu-container .nav-bg{display:none;background-color:rgba(0,0,0,.7);position:fixed;left:0;top:0;width:100%;height:2000px;z-index:1002;}
.nav-menu-container.open .nav-icon{visibility:visible;-webkit-transition-delay:0s;transition-delay:0s;}
.nav-menu-container.open .nav-logo{visibility:visible;}
.nav-menu-container.open .nav-menu{right:0;}
.nav-menu-container.open .nav-bg{display:block;}
.nav-item ul li{margin-left:16px;height:32px;line-height:32px;}
.nav-item ul li a{color:#666; font-size: 0.34rem;}

.ibox { padding:20px;}
.itit { color:#0054aa; padding-bottom: 15px; float:left; width:30%; font-size: 0.46rem; font-weight: bold;}
.itit span { color:#f9bf13;}
.inav ul { float:right; }
.inav ul li a { line-height: 200%; color:#333; }

.iabo .txt .cont p { margin-bottom: 8px;}
.iabo .txt .imore { width:100%; height:40px; line-height: 40px; background:#0054aa; display: inline-block; text-align: center; border-left: 4px solid #f9bf13; color:#fff; margin-top:5px; box-sizing: border-box;}
.iabo .video { width:100%; height:360px; overflow: hidden; position: relative;}
.iabo .video .vbox {width:calc(100% - 20px);  position: absolute; top:10px; left:10px; z-index: 9;}
.iabo .video .vico { width:calc(100% - 20px); height:100%; text-align: center;  position: absolute; top:10px; left:10px; z-index: 99; background:rgba(0,0,0,0.15); }
.iabo .video .vico span { font-size:1rem; color:#fff; }
.iabo .video .vbox1 {width:50%; height: 50%;  position: absolute; left:0; top:0; z-index: 1; background: #0054aa; }
.iabo .video .vbox2 {width:50%; height: 50%; position: absolute; right:0; bottom:0; z-index: 1; background: #f9bf13; }
.iabo .desc {width:100%; height: 160px; overflow: hidden; background: url(../img/iabobg.jpg) center top no-repeat; margin-top:80px;}
.iabo .desc ul { text-align:center; }
.iabo .desc ul li { float:left; width:50%;  border-left:1px solid #ccc;  text-align: center; }
.iabo .desc ul li:first-child { border:none;}
.iabo .desc ul li h1 {margin-bottom: 5px;color:#333; font-size: 0.4rem;}
.iabo .desc ul li em { font-style:normal; color:#666; font-weight: normal; padding-left: 10px; }
.i_info { overflow: hidden; background-image:url(../img/iabobg.jpg);     background-color: #eee;background-repeat: no-repeat;  background-size: 100%; background-position: bottom;  padding: 0;  }
.i_info ul li { float: left; width: 50%; height:100px; overflow: hidden; box-sizing:border-box; text-align:center; padding-top:20px;} 
.i_info ul li:nth-child(2) { border-left:1px solid #ddd;}
.i_info ul li:nth-child(3) { border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.i_info ul li:nth-child(4) { border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.i_info ul li:nth-child(6) { border-left:1px solid #ddd;}
.i_info ul li span { color:#333; font-size:0.6rem;  position:relative; display: inline-block; margin-bottom: 5px;}
.i_info ul li i { padding-left: 5px; font-size:0.34rem; color:#666; }

.i_lv9 .top {position:relative;}
.i_lv9 .top p.title {position:absolute; z-index: 9; background: rgba(0,0,0,0.5); color:#fff; width:100%;  height: 40px; line-height: 40px; bottom:0;}
.i_lv9 .top p.title span {width:calc(100% - 40px); margin: 0 auto;}
.i_lv9 .top p.title span i {font-size:0.5rem; position: absolute; left:10px;}
.i_lv9 .top img {width:100%;}
.i_lv9 ul li { position: relative; border-bottom:1px solid #eee;}
.i_lv9 ul li a {display:block;}
.i_lv9 ul li i {font-size:0.4rem; position: absolute; left:5px; top:8px; color:#999;}
.i_lv9 ul li p.title {width:calc(100% - 40px); margin: 0 auto; height: 40px; line-height: 40px;  }
.i_lv9 ul li span {font-size:0.48rem; position: absolute; right:0; top:12px; color:#999;}
.i_more {width:100%; height:40px; line-height: 40px; background:#0054aa; display: inline-block; text-align: center; border-left: 4px solid #f9bf13; color:#fff; box-sizing: border-box;}

.iprobg { background:url(../../img/iprobg.jpg) center top no-repeat #eee; background-size:cover;}
.ipcate h3, .ipcate h4 { line-height: 40px; height:40px; font-size:0.4rem; font-weight: bold; color:#fff; padding-left: 15px; margin-bottom: 15px; }
.ipcate h3 {background:url(../../img/cprotit1.jpg) right top no-repeat #0054aa; background-size: auto 40px;}
.ipcate h4 {background:url(../../img/cprotit2.jpg) right top no-repeat #f9bf13; background-size: auto 40px; margin-top: 20px;}
.i_case { overflow: hidden; position: relative; }
.i_caseimg {  display: block; overflow: hidden; position: relative; }
.i_caseimg img { display: block; }
.i_caseimg .txt { padding:10px 15px; background: #fff; }
.i_caseimg .txt h1 { font-size:0.36rem;  color:#333; line-height: 160%;}
.i_caseimg .txt p { color:#999; }
.i_case .casebtn { position: absolute; top: 30%; z-index: 100;  width:36px; height: 36px; text-align: center; background: rgba(0,0,0,0.5); }
.i_case .casebtn1 { left: 0; }
.i_case .casebtn2 { right: 0;}
.i_case .casebtn i {display:inline-block; line-height:36px; font-size: 0.6rem; color:#fff; }
.i_lv4 { padding-bottom:25px;}
.i_lv4 .txt { padding:10px 15px; background: #fff; }
.i_lv4 .txt h1 { font-size:0.36rem;  color:#333; line-height: 160%;}
.i_lv4 .txt p { color:#999; margin-bottom: 0; }
.i_lv4 .swiper-pagination-bullets {bottom: 0!important; }

.i_lnews .txt { position:absolute; bottom:0; z-index: 9;    background: rgba(0,84,170,0.8); color: #fff; padding: 15px;}
.i_lnews .txt h1 { font-size:0.36rem; line-height: 160%;}
.i_lnews .txt p {line-height:180%; color:rgba(255,255,255,0.8); }
.i_lnews .txt em { width: 40px; height: 2px; display: inline-block; background: #f9bf13; margin: 10px 0;}
.i_lnews .txt span { font-family: Arial; display: inline-block; margin-top: 10px;  }
.i_lnews .txt span i { padding-left:10px; font-size:0.4rem;}
.i_lnews .spbtn { position: absolute; top: 30%; z-index: 100;  width:36px; height: 36px; text-align: center; background: rgba(0,0,0,0.5); }
.i_lnews .spbtn1 { left: 0; }
.i_lnews .spbtn2 { right: 0;}
.i_lnews .spbtn i {display:inline-block; line-height:36px; font-size: 0.6rem; color:#fff; }

.iinv { background:url(../../img/iinvbg.jpg) center top no-repeat #eee; background-size:cover;}
.iinv .list ul li { float:left; width:100%;  position: relative; overflow: hidden;  background:#fff; margin-bottom: 15px; padding:15px 0 10px 0; }
.iinv .list ul li a { width:100%; display: inline-block; }
.iinv .list ul li i {font-size:1rem; color:#0054aa; margin:0 15px;}
.iinv .list ul li h1 { font-weight:normal; font-size: 0.36rem; color:#333;  line-height: 180%;}
.iinv .list ul li p {  line-height: 160%; color:#999;}
.iinv .list ul li em { font-style:normal; font-size: 0.5rem; color: #999; margin:25px 15px 0 0;  }

.ijoin { background:url(../../img/ijoinbg.jpg) center top no-repeat #eee; background-size:cover;}
.ijoin a { display:inline-block; width:100%; height: 100%;}
.ijoin h1 {color:#fff; font-size: 0.46rem; font-weight: bold; }
.ijoin h1 span { color: #f9bf13; }
.ijoin p { color:#fff; line-height: 300%; }

.i_lv3 {padding: 0 1px 0;}
.i_lv3 .swiper-wrapper { border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.i_lv3 .swiper-slide a {display:inline-block; padding:5px 0; box-sizing: border-box; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.i_lv3 .swiper-slide img {width:100%;}
.i_lv3  .swiper-pagination-bullets {bottom:0px!important; position: relative; margin-top:10px;}

.footer {  position: relative; background: #fff;  }
.footer:before { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%;  }
.footer .fline {width:100%;  height:2px;}
.footer .fline span {width:50%; height:2px; display: block; line-height: 100%; float: left; }
.footer .fline span:first-child { background:#0054aa;}
.footer .fline span:last-child { background:#f9bf13;}
.footer .footer-nav-container { padding: 10px 20px;  }
.footer .footer-nav-container .footer-section { margin-top:15px;}
.footer .footer-nav-container h2 { line-height: 160%; font-size: 0.36rem; color: #333;font-weight:normal;}
.footer .footer-nav-container .footer-nav { padding-top:5px; }
.footer .footer-nav-container .footer-nav li {  float: left; margin-right: 15px; }
.footer .footer-nav-container .footer-nav li a {  color: #999; line-height: 200%;  }
.footer .section-contact { padding:20px 0 5px 0; color: #999;  }
.footer .section-contact h2 { color:#0054aa; font-weight: bold; font-family: 'Times New Roman'; font-style: italic; font-size:0.5rem;}
.footer .section-contact .text { float: left; text-align: left; width: calc(70% - 15px); margin-right:15px; }
.footer .section-contact .text p {line-height:180%;}
.footer .section-contact .qrcode { float: left; width: 30% }
.footer .section-contact .qrcode p { padding-top: 5px;  text-align: center;  }
.footer .section-contact .qrcode-img { width: 100px; height: 100px; margin: auto; display: block;  border:1px solid #ddd;  }
.footer .copyright-container:before { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: left top; transform-origin: left top; pointer-events: none; border-top: 1px solid #ddd }
.footer .copyright-container .copyright-text { padding: 15px 20px;  line-height: 180%; color: #999; font-family:Arial; border-top:1px solid #ddd;  }
.section-contact { border-top:1px solid #ddd;  margin-top:20px; }
.footer .copyright-container .copyright-text  a { color:#999;}

.cbanner { position:relative; }
.cbanner img {width:100%; }
.cbanner .txt { width:100%; position: absolute; z-index: 9; top:32%; text-align: center;}
.cbanner .txt h1 { color:#fff; font-size: 0.38rem; font-weight: bold;  }
.cbanner .txt span {width: 30px;  height: 2px; display: block; background: #f9bf13; margin:0 auto; margin-top: 0.12rem; }
.cabout .txt h1 { color: #0054aa;}

.cnav {padding: 20px 20px 5px 20px; background:#eee;}
.cnav ul li {  float:left; margin-bottom: 15px; width:calc(33.3% - 10px); margin-right: 15px; text-align: center; }
.cnav ul li:nth-child(3n) {margin-right:0;}
.cnav ul li a {display:inline-block; background:#fff;  color:#666; width:100%; height:36px; line-height: 36px; box-sizing: border-box;}
.cnav ul li a.on {background:#0054aa; color:#fff; border-bottom:2px solid #f9bf13; }

.cinfo {padding:40px 20px;}
.cinfo p { margin-bottom: 10px;}

.ccrm .ccp img { width:40%; margin-right: 20px; }
.ccrm .ccp h1 { color:#333; font-size: 0.36rem; margin-bottom: 10px; font-weight: bold;}
.ccrm .ccp h1 i { color:#999; font-size: 0.34rem;  margin-right: 10px;}
.ccrm .cct { padding:20px 0; margin-top: 20px; border-top:2px solid #ddd;  border-bottom: 2px solid #ddd;}
.ccrm .cct h1 { color:#333; font-size: 0.36rem; margin-bottom: 10px;  font-weight: bold;}
.ccrm .cct ul li { line-height: 240%;}

.ccul {  background: #eee;}
.ccul ul {  padding:0 20px;}
.ccul ul li { padding-top:10px; border-bottom: 1px solid #ddd; }
.ccul ul li:after { content: ""; display: block; height: 0; clear: both; zoom: 1; }
.ccul ul li:last-child {border:none;}
.ccul ul li h2 { font-weight: bold; color:#333; font-size: 0.36rem; width:100%;  line-height: 200%;}
.ccul .pic { padding-top: 10px;}
.ccul .pic img {width:100%;}

.cvideo ul li { margin-bottom:20px;}
.cvideo ul li h1 { font-weight: bold; color:#333; font-size: 0.36rem; margin-bottom: 15px; padding-left: 15px; border-left: 2px solid #0054aa; }
.cvideo ul li img {width:100%;}

.cdev { overflow: hidden;  position: relative;}
.cdev .swiper-container { width: 100%; margin-right: auto;  }
.cdev .gallery-top { width: 100%;}
.cdev .gallery-top .swiper-slide .sinfo {width:100%; margin: 0 auto;height: 230px; margin: 0 auto;overflow: auto;overflow-y: auto;}
.cdev .gallery-top .swiper-slide .sinfo ul li { margin-bottom:15px;}
.cdev .gallery-top .swiper-slide .sinfo img {width:40%; float:left; margin:5px 15px 0 0;height: 100px;}
.cdev .gallery-top .swiper-slide .sinfo p { margin-bottom: 0;}
.cdev .gallery-thumbs { box-sizing: border-box; width:100%;  }
.cdev .gallery-thumbs .swiper-slide {height: 100%; text-align: center;}
.cdev .gallery-thumbs .snav { padding-top:46px; background: url(../img/ico-snav.png) top center no-repeat; position: relative; color:#999; cursor: pointer; font-family:'Times New Roman'; font-style: italic;}
.cdev .gallery-thumbs .snav p.line {width:100%; height: 1px; background: #999; position: absolute; top:30px;}
.cdev .gallery-thumbs .snav { font-size:0.46rem; color:#666; }
.cdev .gallery-thumbs .swiper-slide-active .snav { background: url(../img/ico-snavh.png) top center no-repeat;  font-size:0.46rem; color:#0054aa; font-weight: bold;}

.c_news{margin-top:-20px;}
.c_news li { overflow: hidden; padding-bottom:20px; margin-top: 20px; border-bottom: 1px solid #ddd; }
.c_news li .img { float: left;  display: block; overflow: hidden;  }
.c_news li .img img { width:30%; float:left; margin:5px 15px 0 0; }
.c_news li .wen { width:calc(70% - 15px); overflow: hidden; }
.c_news li .wen p { line-height: 180%;  overflow: hidden; margin-bottom: 0; }
.c_news li .wen p.name { color: #333; font-size: 0.36rem; }
.c_news li .wen p.time { color: #999; font-family: Arial; line-height: 160%; }
.c_news li .wen p.cont { color: #999;  }

.cnewdetail-info .tit-info {margin-bottom:20px;}
.cnewdetail-info .tit-info h1 { font-size:0.36rem;  font-weight: bold; color: #333;  line-height: 180%; padding-bottom:5px;  }
.cnewdetail-info .tit-info .info {padding-bottom:10px; border-bottom:1px solid #ddd; color:#888;}
.cnewdetail-info .tit-info .info span { margin-right:20px;}
.cnewdetail-info .tit-info .info span em { font-family:Arial;}
.cnewdetail-info hr { height: 1px;  background: #ddd; border: none; }
.cnewdetail-info .pn-nav { margin-top:15px; }
.cnewdetail-info .pn-nav a {  width:calc(100% - 40px); height:40px; line-height:40px; padding:0 20px; background:#eee; margin-top: 15px; }

.cbase p { margin-bottom:0;}
.cbase { margin-top:40px; }
.cbase:first-child {margin-top:0;}
.cbase .top { background:url(../img/cbaimg1.png) top left no-repeat #eee; padding:25px 20px 10px; }
.cbase .top h1 {margin-bottom: 10px;}
.cbase .top h1 span { font-size: 0.38rem; font-weight: bold; color:#333; display:inline-block; padding-bottom: 10px;  border-bottom: 2px solid #ddd;}
.cbase .top ul { padding-top:20px;}
.cbase .top ul li { float:left; width:50%;  }
.cbase .top ul li span { width:100%; display: inline-block; line-height:40px; text-align:center;}
.cbase .bot  h1 { height:20px; line-height:20px; background:#eee; margin-top: 20px; position: relative;}
.cbase .bot  h1 span {  font-size:0.36rem; display:inline-block; color:#333; padding:0 15px; background:#fff; border-left:4px solid #0054aa; position: absolute; left:0; top:0; }
.cbase .bot ul li { float:left; width:calc(50% - 10px); margin-right: 20px; position: relative; margin-top: 20px;}
.cbase .bot ul li:nth-child(2n) {margin-right:0;}
.cbase .bot ul li img {max-width:100%;}
.cbase .bot ul li h2 {font-weight: normal; width:100%; line-height: 36px; color:#fff; text-align: center; position: absolute; bottom:0; background:rgba(0,84,170,0.9);    opacity: 0.8; }

.cqa  p { margin-bottom: 0;}
.cqa ul li { float:left; width:calc(50% - 10px); margin-right: 20px;margin-top:20px;}
.cqa ul li:nth-child(2n) { margin-right:0;}
.cqa ul li img {width:100%; box-sizing: border-box; border:1px solid #ddd; }
.cqa ul li h2 { width:100%; background: #eee; line-height: 36px; text-align: center; margin-top: 15px; }

.cplat { overflow: hidden;  position: relative;}
.cplat .swiper-container { width: 100%; margin-right: auto;  }
.cplat .swiper-slide .sinfo {width:100%; margin: 0 auto;  background:#eee; }
.cplat .swiper-slide .sinfo .img { float:left; width:36%;}
.cplat .swiper-slide .sinfo .txt {float:left; width:calc(64% - 40px); margin-left: 20px;}
.cplat .swiper-slide .sinfo .txt h1 { font-size:0.36rem; font-weight: bold; color:#333; margin: 15px 0 5px 0;}
.cplat .swiper-slide .sinfo .txt p { line-height:180%; margin-bottom: 0;}
.cplat .swiper-slide .info {  zoom: 1;  margin-top: 20px; }
.cplat .swiper-slide .info span {float: left; height: 2px; display: inline-block;} 
.cplat .swiper-slide .info span:first-child {width:36%; background: #0054aa; }
.cplat .swiper-slide .info span:last-child {width:64%; background: #f9bf13; }
.cplat .swiper-slide .info h1 { font-size:0.36rem; font-weight: bold; color:#333; text-align: left;  padding:20px 0 15px 0; margin-bottom: 15px;  border-bottom:1px solid #ddd; }
.cplat .swiper-slide .info ul li { float:left; width:calc(50% - 10px); margin-right: 20px; position: relative; margin-top: 20px;}
.cplat .swiper-slide .info ul li:nth-child(2n) { margin-right:0;}
.cplat .swiper-slide .info ul li img {max-width:100%;}
.cplat .swiper-slide .info ul li h2 {font-weight: normal; width:100%; line-height: 36px; color:#fff; text-align: center; position: absolute; bottom:0; background:rgba(0,84,170,0.9);opacity: 0.8; }
.cplat .casebtn { position: absolute; top: 32px; z-index: 100;  width:30px; height: 30px; text-align: center; background: rgba(0,0,0,0.5); }
.cplat .casebtn1 { left: 0; }
.cplat .casebtn2 { right: 0;}
.cplat .casebtn i {display:inline-block; line-height:30px; font-size: 0.5rem; color:#fff; }

.ceq { margin-top:-20px;}
.ceq p { margin-bottom: 0;}
.ceq ul li { float:left; width:calc(50% - 10px); margin-right: 20px; margin-top:20px;}
.ceq ul li:nth-child(2n) { margin-right:0;}
.ceq ul li img {width:100%; box-sizing: border-box; border:1px solid #ddd; }
.ceq ul li h2 { width:100%; background: #eee; line-height: 36px; text-align: center;}

.csto { margin-top:-15px;}
.csto h1 { background:#eee; border-left:2px solid #0054aa; padding-left:15px; height:36px; line-height: 36px; font-size:0.36rem; color:#333; margin:15px 0; font-weight: bold; }

.citel { padding:20px 20px 120px 20px; background:url(../img/citel.png) center bottom no-repeat #eee; background-size: 100% auto;}
.citel p.t { color:#0054aa; }
.citel p.t i {font-size:0.56rem; padding-right:10px; }
.citel p.t span { font-family: 'Times New Roman';  font-weight: bold; font-style: italic;  font-size:0.56rem;}
.citel em {width:60px; height:2px; background:#f9bf13; display: inline-block; margin:10px 0 15px 0;}

.cinews { margin-top:-20px;}
.cinews li { overflow: hidden; padding:15px 0 20px 0; margin-top: 20px;  background: #eee; }
.cinews li .wen { width:calc(100% - 40px); margin:0 auto; overflow: hidden; }
.cinews li .wen p { line-height: 180%;  overflow: hidden; margin-bottom: 0; }
.cinews li .wen p.name { color: #333; font-size: 0.36rem; }
.cinews li .wen p.time { color: #999; font-family: Arial; line-height: 160%; margin:5px 0; }
.cinews li .wen p.cont { color: #999;  }

.cnot  {margin-top:-20px;}
.cnot ul li { width:calc(100% - 40px);  height: 50px; line-height:50px; padding:0 20px; background:#eee; margin-top:20px; transition: all .36s ease;}
.cnot ul li  a { color:#666; font-size:0.36rem;  line-height: 50px;}
.cnot ul li .fl a .date { padding-right:15px; font-family: Arial; }
.cnot ul li .fl a .title { color:#333;}
.cnot ul li .fr i {font-size:0.56rem; color:#999; line-height: 50px;}
.cnot ul li .fr a {color:#666;}
.cnot ul li:hover { background:url(../img/cinvico.jpg) left top no-repeat #ddd;}
.cnot ul li .fr a:hover { color:#0054aa;}

.cper .cmenu ul li  { float:left; margin-bottom: 15px; width:calc(33.3% - 10px); margin-right: 15px; text-align: center; }
.cper .cmenu ul li:nth-child(3n) {margin-right:0;}
.cper .cmenu ul li a { display:inline-block; background:#eee;  color:#666; width:100%; height:36px; line-height: 36px; box-sizing: border-box;}
.cper .cmenu ul li a.on { background:#0054aa; border-bottom: 2px solid #f9bf13; color:#fff; }
.cper .list ul li { margin-top:20px; background: url(../img/cbaimg1.png) top left no-repeat #eee; padding:20px;  }
.cper .list ul li h1 {color:#333; margin:5px 0 10px 0; }
.cper .list ul li h1 span { font-size: 0.38rem; font-weight: bold;}
.cper .list ul li h1 em {padding-left:15px; font-size:0.36rem;  font-style: normal;  font-weight: normal;}
.cper .list ul li h2 { line-height:180%;}
.cper .list ul li i { display:inline-block; width:40px; height: 2px; background:#ccc; margin:15px 0 10px 0;  }
.cper .list p { margin-bottom:0;}

.cpnav {padding: 20px 20px 5px 20px; background:#fff;}
.cpnav ul li {  float:left; margin-bottom: 15px; width:calc(33.3% - 10px); margin-right: 15px; text-align: center; }
.cpnav ul li:nth-child(3n+2) {margin-right:0;}
.cpnav ul li a {display:inline-block; background:#eee;  color:#666; width:100%; height:36px; line-height: 36px; box-sizing: border-box;}
.cpnav ul li a.on {background:#0054aa; color:#fff; border-bottom:2px solid #f9bf13; }
.cpnav ul li:nth-child(1) { width:calc(50% - 8px); }
.cpnav ul li:nth-child(2) { width:calc(50% - 8px); margin-right: 0; }
.cpnav ul li:nth-child(1) a, .cpnav ul li:nth-child(2) a {  height: 46px; line-height:46px;}

.cprolist { margin-top:-20px;}
.cprolist ul li { position: relative; width:calc(50% - 10px); margin-right: 20px; margin-top: 20px; float:left;}
.cprolist ul li:nth-child(2n) {margin-right:0;}
.cprolist ul li .img {width:100%;  overflow: hidden;}
.cprolist ul li .img img {width: 100%;height: 110px;}
.cprolist ul li .txt { background:#fff; width:calc(100% - 30px); padding:15px;  }
.cprolist ul li .hover { padding-bottom:20px; }
.cprolist ul li .txt h1 { font-weight:normal; font-size:0.36rem; color:#333; margin-bottom:10px;  }
.cprolist ul li .txt p {  color:#999; line-height: 160%; margin-bottom: 0; }
.cprolist ul li .cate1 {border-top:2px solid #f9bf13; }
.cprolist ul li .cate2 {border-top:2px solid #0054aa; }

.cpdnav {background:#eee;}
.cpdnav ul li a {background:#fff;}
.cprode .cpdinfo .pic { width:100%; position:relative; }
.cprode .cpdinfo .pic img { width:100%; box-shadow:10px 10px 0 0 #eee;   }
.cprode .cpdinfo .pic .bg {width:100%; background:#eee; position: absolute; z-index: -1; left:10px; top:10px;}
.cprode .cpdinfo .txt { margin-top:40px;}
.cprode .cpdinfo .txt h1 { font-size:0.38rem;  font-weight: bold; color:#333; border-bottom:2px solid #0054aa; padding-bottom: 15px; margin-bottom: 20px; }
.cprode .cpdinfo .txt h1 span {  border-bottom:2px solid #f9bf13; padding-bottom: 15px;}
.cprode .cpdinfo .txt ul li { padding-bottom:10px;  margin-bottom: 10px;  border-bottom: 1px solid #ddd; }
.cprode .cpdinfo .txt ul li p {margin-bottom:0; }
.cprode .cpdinfo .txt ul li span { font-weight:bold; color:#333; }
.cprode .cpdesc { margin-top:20px;}
.cprode .cpdesc img{ width:100%}

.cprode .cpdesc .tabs a { width:50%; background:#eee; height:40px; line-height: 40px; text-align: center; display: inline-block; float:left;  box-sizing: border-box;}
.cprode .cpdesc .tabs a.active { background:#0054aa; border-bottom:2px solid #f9bf13; color:#fff;  }
.cprode .cpdesc .swiper-container { padding-top:20px;}

.ccont {  background-size: 100% auto;}
.ccont p.t { color:#0054aa; }
.ccont p.t i {font-size:0.56rem; padding-right:10px; }
.ccont p.t span { font-family: 'Times New Roman';  font-weight: bold; font-style: italic;  font-size:0.56rem;}
.ccont em {width:60px; height:2px; background:#f9bf13; display: inline-block; margin:10px 0 15px 0;}
.ccont p { margin-bottom:5px;}
.ccont p.img img { border:1px solid #ddd; width:40%; margin: 15px 0;}
.ccif { margin-top:10px;}

.chrinfo {width:100%; height:140px; background:url(../../img/chrinfobg.jpg) left -20px no-repeat; }
.chrinfo .tit { width:30%; margin:30px 0 0 20px; }
.chrinfo .tit h1 { font-size:0.36rem; font-weight: bold; color:#333; margin-bottom: 15px;}
.chrinfo .tit a { width:100%; line-height:36px; display: inline-block; background: #0054aa; color: #fff; text-align: center; }
.chrcont  { padding:15px 20px; background:#eee; margin-top: 20px;}
.chrcont p { margin-bottom: 0; }
.chrqrcode { height:100px; margin-top:20px; padding-right: 20px;  }
.chrqrcode img { height:100%; border:1px solid #ddd;  }
.chrqrcode span {  writing-mode: vertical-rl; letter-spacing: 4px; padding:0 0 10px 5px; }
.chrlist { padding-top:20px;}
.chrlist .gallery-thumbs .swiper-slide { position: relative; }
.chrlist .gallery-thumbs .swiper-slide .img {width:100%; overflow: hidden; margin:0 auto;}
.chrlist .gallery-thumbs .swiper-slide .img img {width:100%; border:10px solid #fff; box-sizing: border-box; }
.chrlist .gallery-thumbs .swiper-slide .txt { background:rgba(0,84,170,0.6); width:calc(100% - 20px);  height: 36px;   position: absolute; z-index: 9; bottom:20px; left:10px;opacity:0.6 }
.chrlist .gallery-thumbs .swiper-slide .txt h1 { color:#fff; text-align: center; line-height:36px; }
.chrlist .gallery-top p { margin-bottom:0;}
.chrlist .gallery-top .sinfo { padding:20px; background:#eee;  }
.chrlist .gallery-top .sinfo h2 { font-size:0.36rem; color:#0054aa; margin-bottom: 10px;}
.chrlist .gallery-top .sinfo hr {width:100%; height: 1px; background:#ccc; margin:20px 0; border:none;}
.chrlist .gallery-thumbs .swiper-slide-active .img img { border:10px solid #eee; }
.chrlist .casebtn { position: absolute; top: 36%; z-index: 100;  width:30px; height: 30px; text-align: center; background: rgba(0,0,0,0.5); }
.chrlist .casebtn1 { left: 0; }
.chrlist .casebtn2 { right: 0;}
.chrlist .casebtn i {display:inline-block; line-height:30px; font-size: 0.5rem; color:#fff; }

.ind-list { width: calc(100% - 40px); margin:0 20px;  }
.ind-list .ind-main h5 { width:100%;  font-size: 0.4rem; color: #fff;  background: #0054aa;  display: inline-block;   line-height: 42px; text-align: center; margin-top:30px; font-weight: bold;}
.ind-list .ind-main ul.wai { padding:20px; border-left:1px dashed #ddd; border-right:1px dashed #ddd; border-bottom:1px dashed #ddd; }
.ind-list .ind-main ul.wai li .bg { width: 24%;   background: url(../../img/indbg1.png) no-repeat; background-size:cover; margin: 0 auto; text-align: center; float:left;}
.ind-list .ind-main ul.wai li .bg img {max-width: 70%; padding:25% 0;}
.ind-list .ind-main ul.wai li { margin-bottom:20px; }
.ind-list .ind-main ul.wai li:last-child { margin-bottom:0px; }
.ind-list .ind-main ul.wai li .txt { float:left;  width: calc(76% - 20px); padding-left:20px;}
.ind-list .ind-main ul.wai li .txt h1 {color:#333; font-weight: bold; font-size:0.36rem;  line-height: 160%;}
.ind-list .ind-main ul.wai li .txt h2 { color: #0054aa; padding:5px 0; margin-bottom:4px; }
.ind-list .ind-main ul.wai li .txt p { line-height: 160%;}
.ind-list .ind-main ul.nei { margin-left:12%;  padding:20px 0 0 22px; border-left:1px dashed #ddd;width: unset !important; }
.ind-list .ind-main ul.nei li {margin-bottom:12px;}
.ind-list .ind-main ul.nei li:last-child {margin-bottom:0;}
.ind-list .ind-main ul.nei li h1 {color:#333;  font-size:0.35rem; padding:5px 0; line-height: 160%;}
.ind-list .ind-main ul.nei li p {color:#888; line-height: 160%;}

.ind-list .ind-else h5 { width:100%;  font-size: 0.4rem; color: #fff;  background: #f9bf13;  display: inline-block;   line-height: 42px; text-align: center; margin-top:30px; font-weight: bold;}
.ind-list .ind-else .ind-else-list { padding:20px; border-left:1px dashed #ddd; border-right:1px dashed #ddd; border-bottom:1px dashed #ddd; }
.ind-list .ind-else h3 { font-size:0.38rem; font-weight: bold; color:#333; padding:20px 0 20px 0;}
.ind-list .ind-else h3:first-child {padding:0 0 20px 0;}
.ind-list .ind-else ul.wai li .bg { width: 25%;   background: url(../../img/indbg1.png) no-repeat; background-size:cover; margin: 0 auto; text-align: center; float:left; }
.ind-list .ind-else ul.wai li .bg img {max-width: 70%; padding:25% 0;}
.ind-list .ind-else ul.wai li { margin-bottom:20px; }
.ind-list .ind-else ul.wai li:last-child { margin-bottom:0px; }
.ind-list .ind-else ul.wai li .txt { float:left;  width: calc(76% - 20px); padding-left:16px;}
.ind-list .ind-else ul.wai li .txt h1 {color:#333; font-weight: bold; font-size:0.36rem;  line-height: 160%;}
.ind-list .ind-else ul.wai li .txt h2 { color: #0054aa; padding:5px 0; margin-bottom:4px; }
.ind-list .ind-else ul.wai li .txt p { line-height: 160%;}
.ind-list .ind-else ul.nei { margin-left:12%;  padding:20px 0 0 12px; border-left:1px dashed #ddd;    width: unset !important; }
.ind-list .ind-else ul.nei li {margin-bottom:12px;}
.ind-list .ind-else ul.nei li:last-child {margin-bottom:0;}
.ind-list .ind-else ul.nei li h1 {color:#333;  font-size:0.35rem; padding:0 0 5px 0; line-height: 160%;}
.ind-list .ind-else ul.nei li p {color:#888; line-height: 160%;}
.ind-list .ind-else ul.nei li .pic { float:left; width:26%;}
.ind-list .ind-else ul.nei li .pic img {max-width:100%;}
.ind-list .ind-else ul.nei li .info { float:left; width: calc(74% - 10px); padding-left:10px; }

.ind-list .ind-else .ind-else-list:last-child { padding:20px 20px 0 20px; margin-bottom:30px;}
.ind-list .ind-else ul.nopic li { width: calc(50% - 10px); float: left; height: 42px;  line-height: 42px; background: #eee;   border-radius: 4px; margin-right:20px;}
.ind-list .ind-else ul.nopic li:nth-child(2n) {margin-right:0;}
.ind-list .ind-else ul.nopic li span {color: #333;  font-size: 0.36rem; font-weight: bold;   padding: 0 20px;  display: inline-block;}