.index{
   float: left;
   width: 100%;
   clear: both;
}

.cpflb{
   float: left;
   width: 100%;
   padding-top: 53px;
}
.cpfl_l{
   float: left;
   width: 222px;
   text-align: left;
}
.cpfl_l dl{
   float: left;
   width: 100%;
   background: -webkit-linear-gradient(white, #dcdcdc);
   background: -o-linear-gradient(white, #dcdcdc);
   background: -moz-linear-gradient(white, #dcdcdc);
   background: linear-gradient(white, #dcdcdc);
}
.cpfl_l dl dt{
   float: left;
   width: 100%;
   padding-top: 17px;
   font-weight: bold;
   font-size: 18px;
   position: relative;
   color: #1689fe;
   text-transform: capitalize;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   padding-left: 8px;
   padding-bottom: 13px;
}
.cpfl_l dl dt span {
   font-size: 12px;
   color: white;
   padding: 9px 7px;
   border-radius: 15px;
   background: -webkit-linear-gradient(#4bb9ea, #006ab2);
   background: -o-linear-gradient(#4bb9ea, #006ab2);
   background: -moz-linear-gradient(#4bb9ea, #006ab2);
   background: linear-gradient(#4bb9ea, #006ab2);
   float: right;
   margin-top: -6px;
   display: inline-block;
}
.cpfl_l dl dd{
   float: left;
   position: relative;
   padding: 6px 0;
   margin: 0 8px;
   width: 206px;
   border-top: 1px solid #fff;
}
.cpfl_l dl dd:hover {
   background: #d8d8d8;
}
.cpfl_l dl dd>a{
   font-size: 14px;
   color: #000;
   font-weight: bold;
}
.cpfl_l dl dd span{
   color: #000;
   font-size: 12px;
   display: none;
}
.cpfl_l dl dd ul{
   position: absolute;
   left: 50%;
   opacity: 0;
   top: 0;
   background: #2db2eb;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
}
.cpfl_l dl dd:hover ul {
   opacity: 1;
   left: 100%;
   z-index: 2;
}
.cpfl_l dl dd ul li {
   float: left;
   width: 100%;
   border-bottom: 1px solid #ddd;
}
.cpfl_l dl dd ul li a {
   display: block;
   white-space: nowrap;
   font-size: 14px;
   color: white;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 8px;
   padding-right: 8px;
}
.cpfl_l dl dd a:hover {
   text-decoration: none;
}
.cpfl_l dl dd ul li a:hover {
   background: #0076bc;
}
.cpfl_l dl dd ul span{
  display: none;
}


.cpfl_r{
   float: right;
   width: 929px;
}
.cpflimg{
  float: left;
  width: 655px;
}
.cpflimg img{
  max-width: 100%;
}
.videoindex{
   float: right;
   width: 240px;
   margin-right: 12px;
}
.videoindex>a.more{
   float: right;
   background: url(../images/morebh.jpg) center center no-repeat;
   width: 54px;
   height: 20px;
   margin-right: 5px;
   text-indent: -999px;
   overflow: hidden;
   margin-top: -22px;
}
.videoindex ul{
   padding: 0;
}
.videoindex ul li{
   box-shadow: none;
   height: auto;
   margin: 0;
   width: 100%;
   background-size: 100% auto;
}
.videoindex ul li .cover{
   width: 100%;
   height: 156px;
}
.videoindex ul li .cover a{
   background: url(../images/video_doc.png) no-repeat scroll 89px 43px transparent;
}
.videoindex ul li .cover:hover a{
   background-position: -310px 43px;
}
.videoindex ul li .info{
   padding: 0;
   margin-top: 8px;
}
.videoindex ul li .info strong{
   color: #000;
   height: auto;
}
.videoindex ul li:last-child .info strong {
   border: 0;
}

.chuchuang{
   float: left;
   width: 100%;
   padding-top: 40px;
}
.chuchuang h1{
   float: left;
   width: 100%;
   background: url(../images/chubg.png) no-repeat;
   text-align: center;
   padding: 10px 0;
   font-size: 40px;
   text-transform: uppercase;
   color: white;
}
.nrmms {
   display: inline-block;
}
.chuchuang h1 span {
   display: inline-block;
   padding-bottom: 7px;
   position: relative;
   z-index: 1;
}
.nrmms a.more {
   display: block;
   font-size: 16px;
   color: white;
   position: relative;
   vertical-align: middle;
}
.nrmms a.more:before {
   content: '';
   position: absolute;
   left: 0;
   top: 6px;
   width: 30%;
   border-top: 2px solid white;
}
.nrmms a.more:after {
   content: '';
   position: absolute;
   right: 0;
   top: 6px;
   width: 30%;
   border-top: 2px solid white;
}

.chubox{
   float: left;
   width: 100%;
   margin-top: 31px;
}
.chubox h3.title{
   float: left;
   width: 100%;
   font-size: 32px;
   color: #0076bc;
   text-align: center;
   text-transform: uppercase;
}
.griks{
   margin-top: 35px;
   float: left;
   width: 100%;
}
.griks .item{
   position: relative;
   float: left;
   width: 277px;
   border: 1px solid #ddd;
   margin-right: 18px;
   margin-bottom: 18px;
}
.griks .item:nth-of-type(4n){
  margin-right: 0;
}
.griks .item:nth-of-type(4n+1){
  clear: both;
}
.btnoff {
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   top: 0;
   bottom: 0;
   text-align: center;
   opacity: 0;
   height: 32px;
   line-height: 32px;
   padding: 6px 10px;
   border-radius: 23px;
   border: none;
   background-color: #0076bc;
   color: #fff;
   display: inline-block;
   font-size: 16px;
   text-transform: uppercase;
   text-align: center;
   width: 116px;
   text-decoration: none;
   transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
   -moz-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
   z-index: 3;
}
.griks .item:hover .btnoff {
   opacity: 1;
   top: 50%;
}
.btnoff a {
   color: white;
}
.btnoff:hover {
   background: #00588c;
}
.btnoff a:hover {
   text-decoration: none;
}
.griks .item>a {
   position: relative;
   display: inline-block;
   overflow: hidden;
   float: left;
   height: 280px;
}
.griks .item>a:before {
   content: "";
   background-color: rgba(0, 0, 0, 0.502);
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   display: inline-block;
   opacity: 0;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
   z-index: 2;
}
.griks .item:hover>a:before {
   opacity: 1;
}
.griks .item img {
   max-width: 100%;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
}
.griks .item:hover img {
   -webkit-transform: scale(1.10);
   transform: scale(1.10);
   -moz-transform: scale(1.10);
}
.griks .item h2{
   height: 55px;
   display: table;
   width: 100%;
   text-align: center;
   padding-left: 8px;
   background: #333333;
   overflow: hidden;
   line-height: 18px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   padding-right: 8px;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
}
.griks .item:hover h2 {
   background: #0076bc;
}
.griks .item h2 a{
   display: table-cell;
   vertical-align: middle;
   font-size: 14px;
   color: white;
}

.wdkhu{
   float: left;
   width: 100%;
   background: #f1f1f1;
   padding: 50px 0;
   text-align: center;
   padding-top: 23px;
   margin-top: 32px;
}
.wdkhu h3{
   display: block;
   color: #000;
   font-size: 24px;
   font-weight: bold;
}
.hukjsw{
   float: left;
   width: 100%;
   padding: 30px 0 15px 0;
}
.hukjsw a{
   float: left;
   display: inline-block;
   margin-left: 13px;
   margin-right: 13px;
   margin-bottom: 8px;
   margin-top: 8px;
}

.zhengshu{
   float: left;
   width: 100%;
   padding: 36px 0;
}

.zhengshu ul li h2{
   height: 32px;
   line-height: 32px;
   display: block;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   background: #151515;
   color: #fff;
   opacity: 0.8;
   font-size: 16px;
}


#featured-area{height:370px;width:1172px;margin:20px auto 0 auto;position:relative;}
.roundabout-holder{list-style:none;width:800px;height:350px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:350px;width:260px;cursor:pointer;padding:5px;border:1px solid #aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder span{display:none;}
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}
.roundabout-moveable-item h2{
  position: absolute;
}

#featured-area .ban_l_btn,#featured-area .ban_r_btn{
   position: absolute;
   top: 50%;
   left: -1px;
   display: block;
   width: 41px;
   height: 81px;
   background: url(../images/mobleft.png) no-repeat;
   z-index: 9;
   overflow: hidden;
   -webkit-transition: -webkit-transform 0.35s, color 0.35s;
   transition: transform 0.35s, color 0.35s;
   -webkit-transform: translate3d(0,-50%,0);
   transform: translate3d(0,-50%,0);
   }
#featured-area .ban_r_btn{ left:auto; right:-1px; background: url(../images/mobright.png) no-repeat ; }
#featured-area ul li div{width:100%;height: 100%;}

.whychoose {
   float: left;
   clear: both;
   width: 100%;
   background: #f6f4f7;
   padding: 40px 0;
}
.whychoose h3 {
   font-size: 24px;
   text-transform: uppercase;
   color: #379fc3;
   font-weight: bold;
}
.itemxx {
   float: left;
   width: 100%;
   margin-top: 15px;
   border-top: 2px solid #ddd;
   padding-top: 15px;
}

.gywmab{
   float: left;
   width: 100%;
   margin-top: 40px;
}
.gywmxx{
   float: left;
   width: 100%;
   clear: both;
   background: #eeeeee;
}
.imghgy{
  float: left;
  width: 450px;
}
.imghgy img{
  width: 100%;
}
.rightnrx{
   float: right;
   width: 722px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   padding: 28px 23px;
   position: relative;
   text-align: left;
   min-height: 288px;
}
.rightnrx h3{
   font-size: 20px;
   font-weight: bold;
   display: block;
   float: left;
   width: 100%;
}
.rightnrx h3 a{
  color: #000;
}
.rightnrx p{
   float: left;
   width: 100%;
   line-height: 22px;
   color: #000;
   font-size: 14px;
   margin-top: 18px;
   margin-bottom: 5px;
}
.rightnrx a.more{
   position: absolute;
   right: 0;
   bottom: 0;
   background: #00c9e7;
   color: white;
   text-transform: uppercase;
   padding: 8px 18px;
   font-weight: bold;
   font-size: 14px;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
}
.rightnrx a.more:hover {
   background: #000;
   text-decoration: none;
}

.textlunb{
   float: left;
   width: 1072px;
   margin-top: 18px;
   padding-left: 50px;
   padding-right: 50px;
   position: relative;
}
.textlunb a.prev{
   position: absolute;
   top: 45%;
   left: 7px;
   -webkit-transition: -webkit-transform 0.35s, color 0.35s;
   transition: transform 0.35s, color 0.35s;
   -webkit-transform: translate3d(0,-50%,0);
   transform: translate3d(0,-50%,0);
   z-index: 2;
   width: 41px;
   height: 81px;
   background: url(../images/mobleft.png) no-repeat;
}
.textlunb a.next{
   position: absolute;
   top: 45%;
   right: 10px;
   -webkit-transition: -webkit-transform 0.35s, color 0.35s;
   transition: transform 0.35s, color 0.35s;
   -webkit-transform: translate3d(0,-50%,0);
   transform: translate3d(0,-50%,0);
   z-index: 2;
   width: 41px;
   height: 81px;
   background: url(../images/mobright.png) no-repeat;
}
.textlunb .swiper-slide{
   float: left;

}
.textlunb .swiper-slide img{
  max-width: 100%;
}

.solution{
   float: left;
   width: 100%;
   background: url(../images/textlunbbg.jpg) center center no-repeat;
   background-size: 100% 100%;
   padding: 35px 0;
   margin-top: 47px;
}
.solution h1{
   float: left;
   width: 100%;
   text-align: center;
   font-size: 42px;
   text-transform: uppercase;
   font-weight: bold;
   color: white;
}

.solutionb{
   float: left;
   width: 1072px;
   margin-top: 30px;
   padding-left: 50px;
   padding-right: 50px;
   position: relative;
}
.solutionb .prev{
   position: absolute;
   top: 45%;
   left: 7px;
   -webkit-transition: -webkit-transform 0.35s, color 0.35s;
   transition: transform 0.35s, color 0.35s;
   -webkit-transform: translate3d(0,-50%,0);
   transform: translate3d(0,-50%,0);
   z-index: 2;
   width: 25px;
   height: 53px;
   background: url(../images/mobleft1.png) no-repeat;
}
.solutionb .next{
   float: left;
   position: absolute;
   top: 45%;
   right: 10px;
   -webkit-transition: -webkit-transform 0.35s, color 0.35s;
   transition: transform 0.35s, color 0.35s;
   -webkit-transform: translate3d(0,-50%,0);
   transform: translate3d(0,-50%,0);
   z-index: 2;
   width: 25px;
   height: 53px;
   background: url(../images/mobright1.png) no-repeat;
}
.solutionb .swiper-slide{
   float: left;
   width: 328px;
   height: auto;
   padding: 7px;
   background: #cdcdce;
   margin-right: 17px;
   text-align: center;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
}
.solutionb .swiper-slide:hover {
   background: #0077bd;
}
.solutionb .swiper-slide>a {
   display: inline-block;
   overflow: hidden;
   width: 100%;
}
.solutionb .swiper-slide img{
   max-width: 100%;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
}
.solutionb .swiper-slide .info{
   float: left;
   width: 100%;
   clear: both;
   text-align: left;
}
.solutionb .swiper-slide .info h4{
   display: block;
   font-size: 18px;
   font-weight: bold;
   padding: 12px 0;
   border-bottom: 3px solid #333;
}
.solutionb .swiper-slide .info h4 a {
   color: #000;
}
.solutionb .swiper-slide .info p{
   display: block;
   font-size: 12px;
   color: #000;
   line-height: 23px;
   padding: 13px 0;
}
.solutionb .swiper-slide:hover p {
   color: white;
}
.solutionb .swiper-slide:hover a {
   color: white !important;
   text-decoration: none;
}
.solutionb .swiper-slide:hover img {
   -webkit-transform: scale(1.10);
   transform: scale(1.10);
   -moz-transform: scale(1.10);
}
.solutionb .swiper-slide:hover .info h4 {
   border-color: white;
}

.newall {
   float: left;
   width: 100%;
   padding: 58px 0 0 0;
}
.newall h2{
   float: left;
   width: 100%;
   border-bottom: 2px solid #ddd;
   text-align: center;
   padding-bottom: 5px;
   position: relative;
}
.newall h2 span{
   display: inline-block;
   padding: 0 17px;
   background: white;
   font-size: 40px;
   color: #000;
   text-transform: uppercase;
   margin-top: 2px;
   position: absolute;
   left: 50%;
   -webkit-transition: -webkit-transform 0.35s, color 0.35s;
   transition: transform 0.35s, color 0.35s;
   -webkit-transform: translate3d(-50%,0,0);
   transform: translate3d(-50%,0,0);
}
.newall h2 a.more{
   float: right;
   background: url(../images/morebh.jpg) center center no-repeat;
   width: 54px;
   height: 20px;
   margin-right: 5px;
   text-indent: -999px;
   overflow: hidden;
}
.newbody{
   float: left;
   width: 100%;
   margin-top: 61px;
}
.newbody .item{
   float: left;
   width: 555px;
   margin-right: 31px;
   padding-bottom: 20px;
   margin-bottom: 20px;
   border-bottom: 1px dashed #ddd;
}
.newbody .item:nth-of-type(2n+1) {
   clear: both;
}
.newbody .item .info{
   float: right;
   width: 283px;
   text-align: left;
   margin-left: 12px;
}
.newbody .item .info h3{
   font-size: 16px;
   display: block;
   float: left;
   width: 100%;
   line-height: 18px;
}
.newbody .item .info h3 a {
   color: #000;
}
.newbody .item .info p{
   float: left;
   width: 100%;
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 12px;
   line-height: 22px;
   color: #333;
}
.newbody .item .weibu{
  float: left;
  width: 100%;
}
.newbody .item .weibu span{
   float: left;
   font-size: 12px;
   color: #000;
   margin-top: 4px;
}
.newbody .item .weibu a.more{
   float: right;
   background: url(../images/morebh.jpg) center center no-repeat;
   width: 54px;
   height: 20px;
   margin-right: 5px;
   text-indent: -999px;
   overflow: hidden;
}

.morecp{
   float: left;
   width: 100%;
   background: #0077bc;
}
.morecp h3{
   float: left;
   line-height: 60px;
   color: #000;
   font-size: 23px;
   margin-left: 19px;
   font-weight: normal;
}
.btnss{
   float: right;
   padding-left: 82px;
   height: 60px;
   border-left: 2px solid #a0a0a0;
}
.btnss a{
   float: right;
   display: inline-block;
   margin-right: 20px;
   margin-top: 10px;
   box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2);
   padding: 12px 16px;
   background: #333333;
   color: white;
   font-size: 14px;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
}
.btnss a:hover {
   background: #3f4142;
   text-decoration: none;
}