* {
margin: 0;
padding: 0;
box-sizing: border-box
}

ul,
ol {
list-style: none;
}

a {
text-decoration: none
}
.xhbj {
	    background-image: url(../images/bj.jpg);
	    background-position: center bottom;
	    background-repeat: no-repeat;
		height: 100%;
		width: 100%;
}
.xhbjs {
	    background-image: url(../images/bjs.png);
	    background-position: center bottom;
	    background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-color: #f7f5ff;
}
.xhbjss {
	    background-image: url(../images/bjs.png);
	    background-position: center bottom;
	    background-repeat: no-repeat;
		height: 100%;
		width: 100%;
}
.header{width:100%; padding: 0 4%; position: fixed; z-index: 99; height: 100px;line-height: 100px;transition: .5s;}
.header.cur{background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.1);height: 90px;line-height: 90px;}
.header .logo{overflow:hidden;}
.header nav ul li{position:relative;float:left;margin:0 10px}
.header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1);}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:100px}
.header nav ul li>a{position:relative;color:#fff;font-size:20px;display: block; font-weight: bold; padding: 0 20px;}
.header nav ul li>a::after{position:absolute;content:'';left:0;width:100%;height:40px;background:#ff8a00;    transform-origin: center center;
    top: 31%;z-index: -1;
      transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s; border-radius: 20px;}

.header nav ul li>a.layui-this-moren::after {
-webkit-transform:scale(1);transform:scale(1);
}

.header nav ul li .sub-nav{visibility:hidden;opacity:0;z-index:1;left:50%;min-width:150px;background:#fff;border-radius: 3px;box-shadow: 0 1px 6px rgba(0,0,0,.15);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s;}
.header nav ul li .sub-nav a{height:50px;line-height:50px;text-align:center;border-bottom:1px solid #f2f2f2; color:#333; padding: 0 10px; display: block;}
.header nav ul li .sub-nav a:last-child{border-bottom:none;}
.header nav ul li .sub-nav a:hover{background:#f5f5f5; color: #ff8a00;}
.header nav ul li>a:hover{color: #fff;}
.header nav ul li .sub-nav::before {
	content:'';
	width:0;
	height:0;
	border:6px solid transparent;
	transition:.6s;
	top:-10px;
	position:absolute;
	left:50%;
		border-bottom-color:#fff;
	transform:translateX(-50%);
	z-index:5
}
.header.cur nav ul li>a {
    color: #555;
}
.header.cur nav ul li>a.layui-this-moren{ color: #fff;}
.header.cur nav ul li:hover >a {
    color: #fff;
}
.header.cur nav ul li:hover .sub-nav {
    top: 90px;
}
.header.cur nav ul li>a::after {
    top: 29%;
}

.fly-midd {
    display: inline-block;
    height: 14px;
    width: 1px;
    vertical-align: middle;
    background-color: #eee;
	margin: 0 7px;
}
.rightcc{margin-left:30px;}
.rightcc .dtel{display: inline-block;margin-right:30px;}
.rightcc .header_business {
	border-radius:2em;
	height:40px;
	line-height:40px;
	padding:0 20px;
	font-size:16px;
	color:#fff;
	background:rgba(255, 255, 255, 0.13);
	display:block;
	position: relative;
	
}
.header.cur .rightcc .header_business{background:#ff8a00;}
.rightcc .header_business .icon-dianhua2 {font-size: 20px;padding-right: 5px;}
.animation-phone{
    animation: scaleDraw 5s ease-in-out infinite;
  }
  @keyframes scaleDraw {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(1.1);
    }
    50% {
      transform: scale(1);
    }
    75% {
      transform: scale(1.1);
    }
  }
.eng{display: inline-block;}  
.eng a{color: #fff; font-size: 16px; padding: 0 5px;} 
.he_searig{display: inline-block; color: #fff; margin-left: 20px;}
.he_searig .icon-fangdajing{font-size: 20px;cursor: pointer;}
.header.cur .eng a:hover,.eng a:hover{color: #ff8a00;} 
.header.cur .eng a{color: #555;}
.header.cur .fly-midd {
    background-color: #999;
}
.header.cur .he_searig{color: #333;}
.mc_search_xl {
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    height: 100px;
    border-top: 1px solid #eee;
    z-index: 99;
    background: #fff;
    display: none;
    transition: top 0.36s;
}
.header.cur .mc_search_xl{top: 90px;}
.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.mc_msc_box input {
    border-bottom: 1px solid #dfdede;
	padding: 20px 0;
}
.mc_msc_box .icon-fangdajing{font-size: 24px; cursor: pointer;}
.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
}

.mc_msc_submit {
    font-size: 26px;
    color: #666666;
    width: 30px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.mc_pos_center {
    width: 30%;
}
/* 移动导航 */
.motop{width:100%;
  height:70px;
  position: fixed;
  padding:0 4%;
  z-index:999999;
  display: none;
 background: #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  -webkit-transition: all .53s;
 -moz-transition: all .5s;
 -ms-transition: all .5s;
 transition: all .5s;
 border-bottom: 1px solid #ebebeb;
}
.motop.on{background: #fff}
.mologo{margin:0 auto;
   float:left;
}
.mologo a{line-height: 70px;
}
.mologo a span{font-size: 12px;
            margin-left: 6px;
}
.mologo img{ 
       vertical-align: middle;
	   height:40px;
}
.monav{
   margin-top:23px;
   cursor:pointer;
   position: absolute;
   right:4%;
   width:30px;
   height:22px;
}
.monav span{width:28px;
       height:2px;
       display: block;
       background: #ff8a00;
       position: absolute;
       transition:all .5s;
}
.monav .s1{top:5px;}
.monav .s2{top:13px;width: 24px;}
.monav .s3{top:21px;width: 20px;}
.monav .s1.on{transform:rotate(45deg);
      top:10px;
}
.monav .s2.on{opacity: 0;}
.monav .s3.on{transform:rotate(-45deg);
      top:10px;
	  width: 28px;
}
.navdown{width:100%;
  background: #fff;
  position: fixed;
  top:70px;
  z-index: 9999;
  display: none;
  border-top:1px solid #eee;
  padding-bottom: 40px;
  text-align: center;
}

.navdown>ul>li{line-height: 46px;
        font-size:16px;
        color:#333;
        position: relative;
        cursor:pointer;
        width:92%;
        margin:0 auto;
        border-bottom:1px solid #f2f2f2;
        
        
}
.navdown>ul>li a{font-size:18px;
            display: inline-block;
            width: 100%;
            height: 100%;
            color: #666;
			text-align: left;
}
.navdown>ul>li a:hover{color:#f39801;}
.navdown .ul2{display: none;}
.navdown .ul2 li{line-height: 46px;
              border-top:1px dashed #e6e6e6;
              position: relative;
             
}

.navdown .ul2 li a{
                 font-size:14px;
                 color:#999;
                 width:100%;
                 height:100%;
                 display: block;
				 padding: 0 15px;
			

}
.navdown .ul2 li a i{position: absolute;
                   right:4%;


}
.navdown>ul>li>a>i{
position: absolute;
right: 4%;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;

}
.navdown>ul>li>a>i.on{-webkit-transform: rotate(90deg);
                      -moz-transform: rotate(90deg);
                      -ms-transform: rotate(90deg);
                       transform: rotate(90deg);
}

.navdown .language{margin-left: 4%;line-height: 60px;}
#index_banner .item a {
  display: block
}
.engs{position: absolute;right: 12%;margin-top: 25px;}
.engs a{font-size: 18px;}
.ph_search {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
}

.ph_search_ph {
    width: 100%;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 18px;
    float: left;
    border-radius: 17.5px;
    position: relative;
}

.ph_search_ph input {
    width: 100%;
    height: 100%;
    text-indent: 20px;
    color: #333333;
}

.ph_search_ph input::-webkit-input-placeholder {
    color: #999999;
}

.ph_search_ph button {
    width: 40px;
    height: 100%;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.ph_search button .icon-sousuo {
    font-size: 27px;
    color: #999999;
}
.ph_searchfe {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
}

.ph_searchfe img {
    width: 100%;
}
.ph_dh_number {
    width: 100%;
    text-align: center;
    margin-top: 18px;

}

.ph_dh_number .ph_dh_n {
    display: inline-block;
    overflow: hidden;
}

.ph_dh_number .ph_dh_n p {
    float: left;
    font-size: 16px;
    color: #999;
}

.ph_dh_number .ph_dh_n p a {
    float: left;
    font-size: 16px;
    color: #999;
}

.ph_dh_number .ph_dh_n .ph_dh_n_p1 {
    margin-right: 15px;
}

#index_banner .item .img span {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
#index_banner .item .img img {
	width: 100%;
}
#index_banner .owl-controls .owl-pagination {
  margin: 0;
  width: 100%;
  height: 4px;
  text-align: center;
  position: absolute;
  bottom: 120px
}

#index_banner .owl-controls .owl-pagination .owl-page {
  display: inline-block
}

#index_banner .owl-controls .owl-pagination .owl-page span {
  display: block;
  margin: 0 5px;
  width: 50px;
  height: 4px;
  background: #4a879e;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

#index_banner .owl-controls .owl-pagination .active span {
  width:80px;
  background: #fff
}

#index_banner .owl-controls .owl-buttons div {
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}


.labt-img img {
    width: 100%;
}
.pagination-style {
  margin-top: 30px;
  text-align: center;
  overflow: hidden;
}
.pagination-style ul li {
  display: inline-block;
  margin: 5px;
}
.pagination-style ul li a {
padding:6px 12px;
  border: 1px solid #e8e8e8;
  display: block;
  border-radius: 3px;
  color:#888;
}
.pagination-style ul li a:hover {
  background: #0875a5;
  color: #fff;
}
.pagination-style ul .active a {
  color: #fff;
  background: #0875a5;
}
.alert-danger {
    background-color: #0875a5;
    border-color: #0875a5;
    color: #fff;
}
.alert {
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 4px;
margin-bottom: 20px;
font-size:18px;
}
.xh_about{margin-top: 80px;}
.ec_b h2{ font-size: 55px; color: #2c2c2c;font-weight: bold; line-height: 55px;}
.ec_b h3{ font-size: 30px; color: #88c5e0;font-weight: bold;text-transform: uppercase;margin: 0 0 20px 0;}

.ec_b { width: 92%;}

.ec_b_1 p{ font-size: 16px; color:#030304;line-height: 34px; margin-bottom: 20px;text-align: justify;}
.ec_b_1 a{ width: 190px; height: 56px;border-radius: 50px; display: block;line-height: 56px;text-align: center; color: #fff;font-size: 16px;margin-top:50px; background-color: #ff8a00; font-weight: bold;}
.ec_b_1 a i{ padding-left: 0;}
.ec_b_1 a .iconfont {
	font-size: 16px;
    display: inline-block;
    animation-duration: 1.3s;
}

  
.ec_b_1 a:hover{transform: translateY(-5px);box-shadow: 0 0 5px rgba(255,138,0,.8)}
.ec_c{position: relative;}
.ec_c a{ display: block;}
.about_date{position: absolute;  transform-origin: center center; color: #fff;
    left: 12.6%;
	bottom: -28px;
}
.about_date li{text-align: center;}	
.about_date p.info{font-family: 'Impact';font-size: 25px; width: 83px;height: 83px; border: 2px solid #fff; border-radius: 50%;line-height: 83px;}
.about_date p.info b{font-weight: normal;}
.about_date p.info i{font-style: normal;font-size: 16px; padding-left: 5px;}
.about_date p.info span{font-size: 14px;padding-left: 5px;}
.about_date li .name{font-size: 16px; margin-top: 5px;}
.xh_cp{margin-top: 155px;}
.g_title h3 {
    font-size: 55px;
    color: #2c2c2c;
    font-weight: bold;
    line-height: 55px;
}
.g_title h4{font-size: 30px;
    color: #c8c7d0;
    font-weight: bold;
    text-transform: uppercase;
    margin: 7px 0 10px 0;}
.g_title p{color: #696969;font-size: 16px; line-height: 36px;letter-spacing: 1px;}	
.xh_cp_bj{overflow: hidden; margin-top: 36px;
    position: relative;
    --v-offset: 60px;
    --curve-height: 120px;}
.xh_cp_bj:before,.xh_cp_bj:after {
    content: "";
    display: block;
    background: #f5f4ff;
    width: calc(100vw+2 * var(--v-offset));
    height: var(--curve-height);
    position: absolute;
    border-radius: 50%;
    left: calc(-1 * var(--v-offset));
    right: calc(-1 * var(--v-offset));
	z-index: 1;
}

.xh_cp_bj:before {
    top: calc(-0.6 * var(--curve-height))
}

.xh_cp_bj:after {
    bottom: calc(-0.6 * var(--curve-height))
}	
.g_cpt2bot {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.g_cpt2botnr {
    width: 16.6666%;
    float: left;
    position: relative;
    height: 100%;
    transition: all .36s ease;
    border-right: 1px solid rgba(255, 255, 255, .2);
}
.g_cpt2botnr:hover{background-color:rgba(21,79,186,.7);}

.g_cpt2botnr .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    
    color: #fff;
    z-index: 555
}
.g_cpt2botnr:hover .content{width: 50%;}
.g_cpt2botnr .content .icon{text-align: center; display: block;}
.g_cpt2botnr h2{ text-align: center; font-size: 24px; color: #fff; margin-top: 20px;}
.g_cpt2botnr .content .info {
    height: 0px;
    overflow: hidden;
	transition: .6s ease 0s;
	text-align: left;
	position: relative;
}
.g_cpt2botnr .content .info .xian {
	width: 50px;
	height: 2px;
	display: block;
	background-color: #fff;
	margin: 20px 0;
}
.g_cpt2botnr .content .info p{font-size: 14px; padding-bottom: 12px;}
.g_cpt2botnr:hover .info {
    height: 300px;
}
.g_cpt2botnr:hover .icon,.g_cpt2botnr:hover h2{text-align: left;}
.g_cpt2botnr .content .info .more2{font-size: 16px; font-weight: bold; margin-top: 20px; display: block;}
.g_cpt2botnr .content .info .more2 .iconfont {
    font-size: 16px;
    display: inline-block;
    animation-duration: 1.3s;
}
.xh_xw{margin-top: 35px;}

.xh_xw ul li .pics img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	height: 275px;
	    object-fit: cover;
		width: 100%;	
}
.xh_xw_a{ margin-top: 55px;}
.xh_xw ul li .xw_top a{ display: block;	border-radius: 20px 20px 0 0;}
.xh_xw ul li .xw_top a:hover  img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.xh_xw ul li .xw_down{background-color: #fff; padding: 30px;border-radius: 0 0 20px 20px;}
.xh_xw ul li .xw_down span{font-size: 16px; color: #949494; font-family: "Arial"; display: block; margin-top: 10px;}
.xh_xw ul li .xw_down h3{height: 60px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; margin: 20px 0 30px 0;}
.xh_xw ul li .xw_down h3 a{font-size: 16px; color: #4a4a4a; font-weight: bold; line-height: 30px;}
.xh_xw ul li .xw_down p a{font-size: 16px; color: #949494;display: block; margin-bottom: 10px;}
.xh_xw ul li .xw_down p a .iconfont {
    font-size: 16px;
    display: inline-block;
    animation-duration: 1.3s;
}
.xh_xw ul li .xw_down h3 a:hover,.xh_xw ul li .xw_down p a:hover{color: #ff8a00;}
.xw_gd{margin-top: 55px;}
.xh_xw .ec_b_1 a{margin: 0 auto;}
.footer-bg .ftt{background-color: #e3f1f6;border-radius: 20px; margin: 65px 0; padding: 60px 60px 0 60px;}
.footer-nav {
    float: left;
    width: 90%;
}
.footer-wx-wz {
    width: 10%;
    float: right;
}
.footer-nav a:hover{color: #ff8a00;}
.footer-nav dl{float: left; width: 14.28%;}
.footer-nav dl dt {padding-bottom: 42px; position: relative;}
.footer-nav dl dt:before {
    content: '';
    width: 60px;
    height: 2px;
    background-color: #bbe0ed;
    display: block;
    position: absolute;
    bottom: 21px;
}
.footer-nav dl dt a{font-size: 16px; color: #2c2c2c;font-weight: bold;}
.footer-nav dl dd{padding-bottom: 10px;}
.footer-nav dl dd a{ color: #555555; font-size: 14px;}
.footer-wx-wz p{width: 105px; text-align: center;color: #555555; font-size: 14px;}
.footer-wx-wz span{display: block; padding-top: 6px;}
.site-copyright {
    line-height: 30px;
    color: #2c2c2c;
    font-size: 14px;
    text-align: center;
    padding: 30px 0;
    border-top: 1px solid #bbe0ed;
    position: relative;
	margin-top: 60px;
}

.sub-menus {
    width: 80px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999
}

.sub-menus .item {
    height: 105px;
    cursor: pointer;
    position: relative;
    transition: .3s;
    background: #0b318f;
  border-bottom: 1px solid #3b5bab;
  color: #fff;
      font-size: 14px;
      text-align: center;

}
.sub-menus .item p{
margin-top: -20px;
}
.sub-menus .item a:hover{color: #fff;}
.sub-menus .item.it1{  border-radius: 30px 0 0 0;}
.sub-menus .item.it3{  border-radius: 0 0 0 30px;border-bottom:0;}
.sub-menus .item:hover {
    background: #ff8a00
}

.sub-menus .telbox .tel {
    height: 50px;
    line-height: 50px;
    background: #0b7bda;
    font-family: medium;
    width: 182px;
    text-align: center;
    position: absolute;
    left: 52px;
    top: 0;
    color: #fff;
    font-size: 24px
}

.sub-menus .telbox:hover {
    transform: translateX(-184px)
}

.sub-menus .ic {
    width: 100%;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 55;
    background-size: 800px
}

.sub-menus .ic1 {
    background: url('../images/t1.png') no-repeat center
}

.sub-menus .ic2 {
    background: url('../images/t2.png') no-repeat center
}


.sub-menus .ic4 {
    background: url('../images/t3.png') no-repeat center
}

.sub-menus .pop {
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(43px, -50%) scale(0);
    transition: .3s
}

.sub-menus .pop .inner {
    position: relative
}

.sub-menus .pop .inner::after {
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #ff8a00;
    top: 50%;
    margin-top: -5px
}

.sub-menus .pop .info {
    background: #fff;
    padding: 26px 0;
    font-size: 16px
}

.sub-menus .pop .code-wrap {
    border: 10px solid #ff8a00;
    border-radius: 6px
}

.sub-menus .pop .code {
    width: 150px;
    max-width: none;
    height: 150px
}

.sub-menus .item:hover .pop {
    display: block;
    transform: translate(-95px, -50%) scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

/* About US */
.basenav2{margin-top: -90px;}
.basenav2 .inner {
    background: #fff;
    
	box-shadow: 0 5px 5px rgba(0,0,0,.02);
	border-radius: 20px;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center
	
}
.basenav2 .inner.v4 .item{width: 25%;} 
.basenav2 .inner.v3 .item{width: 33.333%;}
.basenav2 .inner.v2 .item{width: 50%;}
.basenav2 .inner .item{
    height: 1.2rem;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
	border-left: 1px solid #e8e8e8;
	position: relative;
}
.basenav2 .inner .item:first-child{border: 0;}
.basenav2 .item .icon {
display: block;
    width: .34rem;
    height: .34rem;
    position: relative;
    overflow: hidden;
	margin: 0 auto 0.1rem;
}
.basenav2 .item .icon i {
    width: .34rem;
    height: .34rem;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}
.basenav2 .item span{font-size: .2rem; color: #464646; font-weight: bold;letter-spacing: 1.5px;}
.basenav2 .inner.v4 .item:hover,.basenav2 .inner.v4 .active {
   background-repeat: no-repeat;
   background-image: url('../images/dhbj4.png');
}
.basenav2 .inner.v3 .item:hover,.basenav2 .inner.v3 .active {
   background-repeat: no-repeat;
   background-image: url('../images/dhbj3.png');
}
.basenav2 .item:hover,.basenav2 .active {
   background-repeat: no-repeat;
   background-image: url('../images/dhbg.png');
	  background-position: right;
	  background-repeat: no-repeat;
	  background-size: cover;
}

.basenav2 .item:first-child:hover,.basenav2 .item:first-child.active {
   border-radius: 15px 0 0 15px;
}
.basenav2 .item:last-child:hover,.basenav2 .item:last-child.active {
   border-radius: 0 15px 15px 0;
}

.basenav2 .item:hover span,.basenav2 .active span {
    color: #fff
}
.basenav2 .item .icon em i.hdd {
	display: none;
}
.basenav2 .item:hover em i.hdd,.basenav2 .active em i.hdd {
	display: block;
}
.basenav2 .item:hover em i.hsw,.basenav2 .active em i.hsw {
	display: none;
	}	
.abus{ margin-top: 60px;}
.abus_1 p{font-size: 16px; line-height: 36px; color: #030304; padding-right: 55px; text-align: justify; margin-bottom: 20px; text-indent: 2em;}
.abus_1 b,.abus_1 p strong{color: #0b318f;font-size: 18px;}
.abus_cq{margin-top: 40px;}
.abus_cq h3{font-size: 36px; color: #242424; font-weight: bold; text-align: center;}

.ec_pro{margin-top: 55px;}
.ec_pro .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
	
}

.ec_pro .swiper-container-no-flexbox .swiper-slide {
    float: left
}

.ec_pro .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.ec_pro .swiper-wrapper {
    position: relative;
    width: 10%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.ec_pro .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.ec_pro .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 50%;
    height: 100%;
    position: relative;
    padding: 0;
}

.ec_pro .swiper-button-next,.ec_pro .swiper-button-prev {
    position: absolute;
    top: 50%;

    cursor:pointer;
}


.ec_pro .banner-box .swiper-slide a{ display: block;}
.ec_pro .banner-box .swiper-slide a p{font-size: 16px; color: #030304; height: 60px;line-height: 60px;text-align: center; display: block; padding: 0 10px;}
.ec_pro .banner-box {
    width: 100%;
}

.ec_pro .swiper-container {
    width: 100%;
    margin:0;
}


.ec_pro .swiper-slide img {
    width: 100%;
    display: block;
}


.ec_pro .swiper-button-prev {
    left:0;
color: #fff;
background-image: url(../images/z_left.png);
width: 45px;
height: 45px;
background-size: 45px 45px;
margin-top: -50px;
}
.ec_pro.kaix .swiper-button-prev {
    left:-60px;
}
.ec_pro.kaix .swiper-button-next {
    right:-60px;
}
.ec_pro .swiper-button-prev:hover{ color: #cfb345;}
.ec_pro .swiper-button-next {
   right:0;
color: #fff;
background-image: url(../images/z_right.png);
width: 45px;
height: 45px;
background-size: 45px 45px;
margin-top: -50px;
}
.ec_pro .swiper-button-next:hover{ color: #cfb345;}

.ec_pro .banner-box .swiper-slide a span{ display: block;border-radius: 15px; position: relative;}

.ec_pro .banner-box .swiper-slide a img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;height: 279px;object-fit: cover;
    width: 100%;}
.ec_pro .banner-box .swiper-slide  a:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.ec_pro .banner-box .swiper-slide a span em{display: none;}
.ec_pro .banner-box .swiper-slide a:hover span em{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);background-image:url(../images/fd.png);background-position:center center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s;}
.ab_video{margin-top: 30px;}
.ab_video a{ display: block; position: relative;    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
	text-align: center;
    cursor: pointer;}
.ab_video a p{font-size: 16px; color: #fff; padding-top: 10px;}	
.abus_ry{margin-top: 80px;}
.abus_ry h3 {
    font-size: 36px;
    color: #242424;
    font-weight: bold;
    text-align: center;
}
.abus_ry h4{font-size: 16px;letter-spacing: 1px;
    color: #030304;
    text-align: center;max-width: 1000px;
    margin: 0 auto;
    margin-top: 40px;} 
    .abus_ry h4 p{line-height:30px}
.abus_ry h4 strong{font-size: 18px;color: #0b318f;}	
.DHonor_title {
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 45px;
}
.DHonor_title .DHonor_title_right a{ display:inline-block; line-height:48px; padding:0px 35px;  border-radius:10px; font-size:18px; color:#161616; margin:0 17px; font-weight: bold;}
.DHonor_title .DHonor_title_right a.on{ background:#2480ef; color:#fff;}
.DHonor_title .DHonor_title_right a:hover{ background:#2480ef; color:#fff;}
.Applications{ margin-top: 60px;}


.Applications .swiper-container .swiper-slide{ transform: scale(.6);  transition: all 0.5s ease; -webkit-transform: all 0.5s ease; display:flex; align-items:center; justify-content:center; border-radius:10px; -webkit-perspective: 400; -moz-perspective: 400; float: left;}

.Applications .swiper-container .swiper-slide img{ width:100%;  object-fit:cover; border-radius:10px; -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d; 
}
.Applications .swiper-container .swiper-slide.swiper-slide-active{  transition: all 0.5s ease; -webkit-transform: all 0.5s ease;    transform: scale(1);}
.Applications .swiper-container .swiper-slide.swiper-slide-prev img{-webkit-transform: rotateY(-345deg); -moz-transform: rotateY(-345deg);transform: rotateY(-345deg); }
.Applications .swiper-container .swiper-slide.swiper-slide-next img{-webkit-transform: rotateY(345deg); -moz-transform: rotateY(345deg);transform: rotateY(345deg);}
.Applications .swiper-container .swiper-slide p{font-size: 16px; color: #262626;text-align: center; padding-top: 10px;display: none;}
.Applications .swiper-container .swiper-slide.swiper-slide-active,.Applications .swiper-container .swiper-slide.swiper-slide-active p{ display: block;}
/* .Applications .Applications_bottom{ display:flex; align-items:center; justify-content:center; margin-top:40px;}

.Applications .Applications_bottom .swiper-button-next,.Applications .Applications_bottom .swiper-button-prev{ width:50px; height:50px; border-radius:100%; top:0; margin-top:0px; position:relative; border:1px solid #ff8a00; left:0; right:0;}

.Applications .Applications_bottom .swiper-button-next:after,.Applications .Applications_bottom .swiper-button-prev:after{ font-size: 30px;
    text-align: center;
    display: block;
    width: 50px;
    height: 50px;color:#ff8a00;}

.Applications .Applications_bottom .swiper-button-prev{ margin-right:20px;}


.Applications .swiper-button-prev:after,.Applications .swiper-container-rtl .swiper-button-next:after {
    content: '<';
}

.Applications .swiper-button-next:after,.Applications .swiper-container-rtl .swiper-button-prev:after {
    content: '>';
}
.Applications .swiper-button-prev, .Applications .swiper-container-rtl .swiper-button-next{background-image: none;}
.Applications .swiper-button-next, .Applications .swiper-container-rtl .swiper-button-prev{background-image: none;}
.Applications .Applications_bottom .swiper-button-prev:hover,.Applications .Applications_bottom .swiper-button-next:hover{background-color: #ff8a00; color: #fff;}
.Applications .Applications_bottom .swiper-button-next:hover:after, .Applications .Applications_bottom .swiper-button-prev:hover:after {
color: #fff;
} */
.fieldlist{margin-top: 85px;}
.fieldlist .field-box ul{width: 100%;}
.fieldlist .field-box ul li{width: 100%;margin-bottom: 70px;display: flex;justify-content: space-around;}
.fieldlist .field-box ul li div{width: 50%;}
.fieldlist .field-box ul li .field-img a{ display: block;border-radius: 8px;}
.fieldlist .field-box ul li .field-img img{width: 100%;transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;}
.fieldlist .field-box ul li .field-img a:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}	
.fieldlist .field-box ul li .field-txt{padding: 50px 0 0 50px;}
.fieldlist .field-box ul li:nth-child(2n) .field-txt{padding: 50px 50px 0 0;}
.fieldlist .field-box ul li .field-txt h1{font-size: 24px;margin-bottom: 30px;color: #0f3e91; font-weight: bold;}
.fieldlist .field-box ul li .field-txt p{font-size: 16px;line-height: 30px;color: #313131; margin-bottom: 25px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}

.fieldlist .ec_b_1 a {

    margin-top: 30px;
}

.abus_his{margin-top: 80px;}
.ab_hs{position: relative;padding-bottom: 40px;}
.ab_hs:before {
	content: '';
   background-image: url(../images/xian.png);
   background-repeat:repeat;
   height: 8px;
   width: 100%;
    position: absolute;
    bottom: 0;
}
.ab_hs  ul{
    width: 100%;
    display: flex;
    justify-content: space-around;
	text-align: center;
}
.ab_hs  ul li{cursor: pointer; position: relative;}
.ab_hs  ul li h3{font-size: 30px; color: #ababab; font-family: 'Impact';}
.ab_hs  ul li p{font-size: 18px; color: #ababab; padding-top: 2px; font-weight: 500;}
.ab_hs  ul li:hover h3,.ab_hs  ul li.active h3{color: #0551a7;}
.ab_hs  ul li:hover p,.ab_hs  ul li.active p{color: #3b3b3b;}
.ab_hs  ul li:hover:after,.ab_hs  ul li.active:after{content: '';
   background-image: url(../images/dian.png);
   background-repeat:repeat;
   height: 23px;
   width: 23px;
    position: absolute;
    bottom:-30px;
	left: 50%;
	transform:translateX(-50%);-webkit-transform:translateX(-50%);
}
.ab_yw{margin-top: 40px;text-align: center;} 

.pin_pai{
    padding-top: 50px;
	padding-bottom: 163px;
}
.m-z-swiper{
    position: relative;
}
.m-z-p-b{
    margin: 0 auto;
    position: relative;
    bottom: -20px;
	left: 0;
}
.swiper-pagination.m-z-p{
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.pin_pai .swiper-slide{
	height: 500px;position: relative;
	
	}
.pin_pai .swiper-slide:before {
	    content: "";
	    position: absolute;
	    left: 16px;
	    top: 34px;
	    z-index: 0;
	    width: 3px;
	    height: calc(100% - 57px);
		background-color: #ececec;
	}
.pin_pai .swiper-slide i {
    position: absolute;
    left:0;
    top: 0;
    z-index: 10;
    width: 35px;
    height: 35px;
background-image: url(../images/fa_top.png); background-repeat: no-repeat;
}	
.pin_pai .swiper-slide em {
    position: absolute;
    left:6px;
    bottom:0;
    z-index: 10;
    width: 23px;
    height: 23px;
background-image: url(../images/fa_bottom.png); background-repeat: no-repeat;
}
.pin_pai .swiper-slide .ab_tr{padding:80px 10px 30px 60px;}	
.pin_pai .swiper-slide .ab_tr h3{font-size: 46px; color: #0551a7; font-family: 'Impact'; padding-bottom: 15px;}
.pin_pai .swiper-slide .ab_tr p{font-size: 16px; color: #000; line-height: 28px;}
.swiper-pagination-progress .swiper-pagination-progressbar {
    background-color: #0857aa;
    height: 2px;
    top: 0;
}

.swiper-pagination-progress{
    background: #d7e2e6;
}
.pin_pai .swiper-slide:nth-child(2n) {
height: 440px;
margin-top: 60px;
}
.ab_tor{background-image: url(../images/fa_bj.png); background-repeat: no-repeat;
 
    background-position: left  bottom;
	height: 100%;
	    width: 100%;
		margin-bottom: 60px;
    position: relative;}
.list-wrap2{display: none;}
.list-wrap2.active{display: block;}
.abus_1 .bang{padding-top: 20%;}
.abus_1 .bang p{font-size: 20px; color: #030304; line-height: 48px;}
.abus_1 .bang b,.abus_1 .bang p strong {
    color: #0b318f;
    font-size: 24px;
}
.bangs {font-size: 16px; color: #030304;line-height: 32px;min-height: 500px;margin-bottom: 150px;}

.xh_zp {min-height: 500px;margin-bottom: 150px;}

.kkkk .swiper-button-prev {
    left:0;
color: #fff;
background-image: url(../images/fzlft.png);
width: 31px;
height: 31px;
background-size: 31px 31px;
}
.kkkk .swiper-button-prev {
    left:-60px;
}
.kkkk .swiper-button-next {
    right:-60px;
}
.kkkk .swiper-button-next {
color: #fff;
background-image: url(../images/fzright.png);
width: 31px;
height: 31px;
background-size: 31px 31px;
}

.recuite-list li {
border-bottom: 1px solid #d3e0e6;
}
.recuite-tops {
  position: relative;
  z-index: 3;
  height:90px;
  line-height: 90px;
  overflow: hidden;
  transition: 0.45s;
  cursor: pointer;
}



.recuite-tops.active b:after,
.recuite-tops:hover b:after {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
.recuite-tops span {
  display: block;
  float: left;
  color: #3b3b3b;
  font-size: 18px;
  transition: 0.4s;
  letter-spacing: 1px;
}
.recuite-tops.ctt{background-color: #008ed8; height: 60px;}

.recuite-tops.ctt span {
	color: #fff;
	font-size: 15px;
	height: 60px;
	line-height: 60px;
}
.recuite-tops span {
  width: 15%;
  text-align: center;
}
.recuite-tops span:first-child{width: 25%;}



.recuite-texts {
  padding:50px 60px 80px 60px;
  background: #fff;
  display: none;
  border: 0;
}
.recuite-texts p {
  color: #3b3b3b;
  font-size: 16px;
  line-height: 2;
}
.recuite-texts a {
  display: inline-block;
  color: #ff8a00;
  font-size: 16px;
}

.jian{ display: none;}
.recuite-list .active .jian{ display: inline-block;}
.recuite-list .active .jia{ display: none;}

.abcs{margin-top: 35px;}
.ab_t{background-color: #fff; padding: 50px; text-align: center;border-radius: 15px; min-height: 460px;}
.ab_t h3{font-size: 20px; color: #3b3b3b; font-weight: bold; margin: 25px 0; letter-spacing: 1px;}
.ab_t  p{font-size: 16px; color: #3b3b3b; line-height: 30px;}
.ab_t  p img{height: 180px;}
.c_left p{text-align: left;}
.dao a {
	margin: 0 auto;
    width: 190px;
    height: 56px;
    border-radius: 50px;
    display: block;
    line-height: 56px;
    text-align: center;
    color: #005dab;
    font-size: 16px;
    margin-top: 40px;
    background-color: #fff;
    font-weight: bold;
	letter-spacing: 1px;
 box-shadow:0 0 10px rgba(238,238,238,0.9);
}
.dao a .icon-daohang{font-size: 20px;}

.dao a:hover{background-color:#005dab ; color: #fff;}
#map {
    width: 100%;
    height: 450px;
	margin-top: 10px;
	border-radius: 15px;
}
.ab_feed{margin-top: 90px;min-height: 500px;}

.ab_feed .layui-input{
    height:60px;
    line-height: 60px;
	font-size: 16px;
	color: #7c7c7c;
	padding-left: 20px;
	border-color: #ffffff;
}
.ab_feed .rea{margin-top: 30px;}
.ab_feed textarea{
    height:200px;
	font-size: 16px;
	color: #7c7c7c;
	padding: 20px;
	border-color: #ffffff;
}
.xh_an{margin: 0 auto; text-align: center;}
.xh_an .layui-btn{height: 55px; line-height: 55px; font-size: 16px; margin-top: 40px;padding: 0 100px;}
.xh_an .layui-btn-normal{background-color: #1b5aa7;}

.xh_ntop{min-height: 500px;}
.xh_ntop ul li a{display: block; padding: 20px; border-radius: 15px; background-color: #fff;}
.xh_ntop ul li a:hover {
    background: #fff;
	box-shadow: 0 0 22px rgba(0,0,0,.12);
}
.x_h_ntop_1 {
    display: flex;
	    align-items: center;
}
.x_h_n_l{width: 80%; padding: 0 35px 0 10px; overflow: hidden;}
.nwg{display: flex;}
.nwg_1{background-color: #ebf5fb;color: #0084c9; padding: 20px 29px; border-radius: 15px;width: 100px;}
.nwg_1 i{font-style: normal;font-size: 36px; display: block; line-height: 36px;}
.nwg_1 span{font-size: 14px; display: block; padding-top: 5px;}
.nwg_2{width: calc(100% - 100px);display: flex;}
.nwg_2 h3{font-size: 18px; color: #4a4a4a;font-weight: bold; padding-top: 10px;}
.nwg_2 p{font-size: 14px; color: #696969;line-height: 24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; margin-top: 10px;}
.xh_ntop ul li a:hover h3{color: #0084c9;}	
	.nb_2 {
	    width: 100px;
	    height: 100px;
	    line-height: 100px;
	    text-align: center;
		padding-top: 10px;
		transition:all .5s;-webkit-transition:all .5s;
	}
.nb_1{width: calc(100% - 100px); padding-left: 26px;}

.xh_ntop ul li a:hover .nb_2 {
    transform: translateX(-5px);
	
}
.xh_ntop ul li .pics img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;	
	
}
.xh_ntop ul li a:hover  img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.x_h_n_r {
width: 25%;
    overflow: hidden;
}	
.x_h_n_r span{display: block;}
.x_h_n_r img{height: 200px;
border-radius: 15px;
    object-fit: cover;
    width: 100%;}
.xh_ntop ul li{margin-bottom: 30px;}	
.show_news{background-color: #fff;border-radius: 15px; padding: 60px; min-height: 500px;}
.show_n_top h2{font-size: 32px;color: #393939;font-weight: bold; margin-bottom: 20px;}
.show_n_top span{font-size: 18px;color: #717171; display: block;}
.cpp_rights .show_n_top h2{font-size: 24px; margin-bottom: 10px;}
.show_n_top {
    border-bottom: 1px solid #dedede;
    padding-bottom: 60px;
    margin-bottom: 40px;
}
.show_n_top.cjj {
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.bdsharebuttonbox a{margin-right:11px;display:inline-block;width:30px;height:30px;padding:0px;margin-bottom:0px;margin-top:0px; cursor: pointer;}
.bdsharebuttonbox a:nth-child(1){background:url(../images/n1s.jpg) no-repeat 50% 100%;}
.bdsharebuttonbox a:nth-child(2){background:url(../images/n2s.jpg) no-repeat 50% 100%;}
.bdsharebuttonbox a:nth-child(3){background:url(../images/n3s.jpg) no-repeat 50% 100%;}
.bdsharebuttonbox a:last-child{margin-right:0px;}
.bsTop{width: auto!important;}
.show_center{font-size: 16px; color: #3b3b3b; line-height: 32px; margin-bottom: 60px;}
.show_center p{margin-bottom: 15px;}
.show_bottom ul li .cct{background-color: #f5f5f5; font-size: 16px;color: #7d7d7d; padding: 30px 20px;}

.ss{height: 120px; width: 100%; background-color: #fff;  box-shadow: 0 5px 5px rgba(0,0,0,.02); border-radius: 15px; line-height: 120px; position: relative;}
.ss .sea{padding:0 100px; font-size: 22px; color: #a8a8a8;letter-spacing: 1px; width: 100%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
color: #a8a8a8; 
} 
input:-moz-placeholder,textarea:-moz-placeholder { 
color: #a8a8a8; 
} 
input::-moz-placeholder,textarea::-moz-placeholder { 
color: #a8a8a8; 
} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder { 
color: #a8a8a8; 
}
.ss .submit {
	position: absolute;
    width: 31px;
	height: 31px;
    background-image: url(../images/ss.png);
    background-repeat: no-repeat;
	cursor: pointer;
	left: 40px;
	top:50%;
	transform:translateY(-50%);-webkit-transform:translateY(-50%);
}
.abcp{margin-top: 50px;}
.xh_cpp{display: flex; min-height: 500px;}
.cpp_left{width: 27%; margin-right: 40px;}
.cpp_right,.cpp_rights{width: 73%;}
.cpp_left_1{background-color: #fff; padding:30px 40px 60px 40px; border-top: 6px solid #0b318f; border-radius: 8px 8px 15px 15px;}

.sidebar-nav>li>a{position: relative; display: block;width: 100%;line-height: 30px; font-size: 18px;color: #2e2e2e; font-weight: bold;    padding: 15px;}



.sidebar-nav>li>a b{position: absolute;top: 50%; right: 30px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.sidebar-subnav>li>a b {position: absolute;top:0; right: 30px;}
.sidebar-subnav li a:hover{color: #0b318f;}

.sidebar-nav li>a.act .jia{ display: block;transform: rotate(90deg);}
.sidebar-subnav li a{display: block;position: relative;}

/**/
.sidebar-subnav { display: none; transition: none;}
.sidebar-subnav li {font-size: 14px; cursor: pointer;}

.sidebar-subnav>li>a {display: block; padding: 0 10px 20px 30px;color: #2e2e2e;font-size: 16px;}
.sidebar-subnavs>li>a {display: block; padding: 0 10px 15px 30px;color: #2e2e2e;font-size: 15px;}

.sidebar-subnav>li>ul>li>a{padding-left: 45px;border-top: 1px solid #eee;border-top: none;}
.sidebar-subnav>li>ul>li>ul>li>a{padding-left: 60px;border-top: 1px solid #eee;border-top: none;}
.sidebar-nav > li{border-bottom: 1px solid #f1f1f1;}
.sidebar-subnav li:first-child {margin-top:10px;}
.sidebar-subnavs  {display: none;margin-bottom: 20px;}
.sidebar-nav-active {display: block;}
.sidebar-nav-active .on{color: #0b318f;}

.cpp_bt{margin-top: 50px;}
.cpp_bt h3{font-size: 18px; color: #0b318f; font-weight: bold; margin-bottom: 15px;}
.cpp_bt p{font-size: 14px; color: #2e2e2e; line-height: 28px; padding-top: 10px;}
.cpp_cmy{display: flex;align-items: center;}
.cpp_right_wdt a,.cpp_right_wdt span{display: block;}
.cpp_right_1{width: 31%;overflow: hidden;}
.cpp_right_2{width: 69%;overflow: hidden;}
.cpp_right_1 span img{
    height: 191px;
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
}
.cpp_right_wdt a{position: relative; overflow: hidden; margin-bottom: 50px;}
.cpp_right_wdt a::after{content: '';height: 1px;
    background-color: #e8e6f1;
    display: block;
    position: absolute;
    bottom: 0;
	width: 100%;
	    left: 10px;
	}
.cpp_cmc{margin-left: 40px; padding: 20px 0;}	
.cpp_cmc p{font-size: 16px;color: #2f2f2f; padding: 5px 0;}	
.cpp_cmc p.csano{font-weight: bold;color:#0b318f; font-size: 18px;}
.cpp_right_wdt a:hover {
   
	box-shadow: 0 0 22px rgba(0,0,0,.12);
	
	border-radius: 0 15px 15px 0;
}
.cpp_right_wdt a:hover img{border-radius: 0;transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;}

.cpp_right_wdt a:hover  img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.pagination-style {
   text-align: center;
   overflow: hidden;
 }
 .pagination-style ul li {
   display: inline-block;
   margin: 5px;
 }
 .pagination-style ul li a {
 padding: 6px 12px;
   border: 1px solid #E2E2E2 !important;
   display: block;
   border-radius: 3px;
   color:#888;
 }
 .pagination-style ul li a:hover {
   background: #0084c9;
   color: #fff;
 }
 .pagination-style ul .active a {
   color: #fff;
   background: #0084c9;
 } 
 .text-centers {
     text-align: center;
     padding-top: 50px;
     font-size: 20px;
     color: #333;
 }
 .text-centers span {
 	font-weight: bold;
 	color: red;
 }
 
 .show_center table {
 	width:100%;
 	border:0;
 	border-top:1px solid #e2e2e2 !important;
 	border-left:1px solid #e2e2e2 !important;
 	border-right:1px solid #e2e2e2 !important;
 	border-bottom:1px solid #e2e2e2 !important;
 	font-size:16px;
 	line-height:1.6;
 }
 .show_center table td {
 	padding:10px;
 vertical-align: middle;
 	border-top:1px solid #e2e2e2 !important;
 	border-left:1px solid #e2e2e2 !important;
 	border-right:1px solid #e2e2e2 !important;
 	border-bottom:1px solid #e2e2e2 !important;
 }
 .rui_wh{ position: relative; margin: 9% 0 5% 0;}
 @-webkit-keyframes swiper-preloader-spin {
     100% {
         -webkit-transform: rotate(360deg)
     }
 }
 
 @keyframes swiper-preloader-spin {
     100% {
         transform: rotate(360deg)
     }
 }
 
 .layer-mask {
 	width: 100%;
 	height: 100%;
 	opacity: 0.3;
 	transition: all 0.5s;
 	background-color: rgba(248, 249, 251, 0.7);
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
	position: absolute;
 }
 
 .gallery-top2 .swiper-slide-active .layer-mask {
 	display: none;
 }
 
.gallery-top2 .swiper-slide p{font-size: 18px; color: #030304;text-align: center; padding-top: 30px;display: none;}
 .gallery-top2 .swiper-slide-active p{ display: block;}
 
 
 
 .gallery-top2 .swiper-slide {
 	-webkit-transition: transform 1.0s;
 	-moz-transition: transform 1.0s;
 	-ms-transition: transform 1.0s;
 	-o-transition: transform 1.0s;
 }
 
 .gallery-top2 .swiper-slide-active, .gallery-top2 .swiper-slide-duplicate-active {
 	z-index: 1002;
 }
 
 
 
 .none-effect {
 	-webkit-transition: none;
 	-moz-transition: none;
 	-ms-transition: none;
 	-o-transition: none;
 }
 
 .gallery-top2 .swiper-slide a {
 	background: #fff;
 	display: block;
 	border-radius: 2px;
 	    position: relative;
 }
 
 
 
 
 
 .gallery-top2 .swiper-slide img {
 	width: 100%;
 	border-radius: 15px;
 	display: block;
 	height: 100%;
 	border: none;
 }
 
 
 .gallery-top2 .sw2 {
 	position: relative;
 	margin-bottom: 30px;
 }
 
 .gallery-top2 .swiper-pagination-bullet {
 	background: #00a0e9;
 	margin-left: 4px;
 	margin-right: 4px;
 	width: 17px;
 	height: 17px;
 	opacity: 1;
 	margin-bottom: 4px;
 }
 
 .gallery-top2 .swiper-pagination-bullet-active {
 	width: 13px;
 	height: 13px;
 	background: #FFF;
 	margin-bottom: 0;
 }
 
 
 
 .gallery-top2 .button {
 	width: 52%;
 	margin: 0 auto;
 	top: 47%;
	left: 50%;
 	position: absolute;
 	z-index: 1002;
 transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
 }
 .zho{position: absolute; z-index: 666; bottom: 0;
     left:0;
 	height: 60px;
 	
 	width: 100%;
 	background-color: rgba(0,0,0,.4);
  display: none;}
 .swiper-slide-active .zho{ display: block;}	
 .zho h2{ font-size: 18px; color: #fff;  text-align: center;line-height: 60px; padding: 0 20px;}
 
 .ovh {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 .gallery-top2 .button div:hover {
 	background-color: #ff8a00;
 	cursor: pointer;
	border: 3px solid #ff8a00;
 }
 
 .gallery-top2 .swiper-button-prev {
 	width: .5rem;
 	height: .5rem;
 	border-radius: 50%;
 	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23afafaf'%2F%3E%3C%2Fsvg%3E")  center 50%/50% 50% no-repeat;
 	border: 3px solid #afafaf;
 	background-size: 15px;
 	cursor: pointer;
 
 }
 
 .gallery-top2 .swiper-button-next {
 	width: .5rem;
 	height: .5rem;
 	border-radius: 50%;
 	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23afafaf'%2F%3E%3C%2Fsvg%3E")  center 50%/50% 50% no-repeat;

 	background-size: 15px;
	border: 3px solid #afafaf;
 	cursor: pointer;
 	
 }
 .gallery-top2 .swiper-button-next:after, .gallery-top2 .swiper-button-prev:after{font-size: 0;}
 
 
 .rui_nw .rui_gd {
     margin-top: 60px;
 }