
#demo{

  overflow: hidden;

}

html,body{

	/*height: 100%;*/

  /*border:1px solid red;*/

}

.swiper-containerBanner{

  width: 100%;

  overflow: hidden;

  position: relative

}

.swiper-containerBanner .swiper-pagination{

  position: absolute;

  width: 100%;

  bottom: 5px!important

}

.swiper-containerBanner .swiper-slide img{

  width: 100%;

}

.swiper-containerBanner .swiper-pagination .swiper-pagination-bullet{

  width: 25px!important;

  height: 3px!important;

  border-radius: inherit!important;

}

.container{

	margin-top: 30px;

	color: #000;

}

.logo{

  height: 40px;

  background: #fff;

  width: 200px;

  text-align: center;

  line-height: 40px;

  font-size:16px;

  background-color:#108aed;

  border-radius: 5px 5px 0 0;

  color: #fff!important;

  font-weight: bold;

  padding: 0;

  position: relative;

  margin-right: 40px!important;

}

.logo p{

  margin: 0;

  font-size:16px;

}

.logo .list{

  position: absolute;

  width: 100%;

  z-index: 999

}

.logo .list ul{

  padding: 0 10px;

  background-color: rgba(255, 255, 255, 1);

}

.logo .list ul{

  display: none;

}

.logo .list ul a{

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 20%;

  color: #666;

  border-bottom: 1px solid #ccc;

  text-decoration:none;

  font-weight: normal;

}

.logo .list ul a:last-child{

  border:none;

}

.logo .list ul a:hover{

  color: #f59450;

}



.search {

    /* width: 180px!important; */

    position: relative;

    float: right;

}

.searchBtn {

    display: block;

    width: 19px;

    height: 21px;

    background: url(../imgs/search.png)no-repeat center;

    background-size: 90%;

    position: absolute;

    right: 10%;

    top: 50%;

    transform: translate(0,-50%);

    border: none;

    background-color: white;

    cursor: pointer;

}

.local img{

	margin-left: 8px;

}

.local a img:nth-of-type(1){

    height: 40px;

    padding-right: 30px;

    border-right: 2px solid #e5e5e5;

    margin-right: 20px;

}

.ryTab{

	margin: 30px 0;

	text-align: center;

}

.cpTab{

  padding: 40px 15px;

}

.cpTab>div{

  width: 70%;

  position: relative;

}

.cpTab>div a{

  position: absolute;

  top:50%;

  transform: translateY(-50%);

  margin: inherit;

  right: 0

}

.ryTab span{

    margin: 0 7%;

    font-size: 20px;

}

.more{

  display: inline-block;

}

.cpTab span{

  margin-right: 7%;

  font-size: 20px;

}

.cpTab span.active,.ryTab span.active{

	font-weight: bold;

	color: #108aed;

}

.cpTab span{

  cursor: pointer;

}

/*banner*/

.bannerv{

	position: relative;

}

.bannerv>ul{

	position: absolute;

	left: 15px;

	top:0;

	z-index: 999;

	background: #fff;

	width: 200px;

	padding:0 20px;

}

.navbar{

  width: 100%;

}

.navbar-brand{

  margin-right: 0

}

.nav-link{

  padding: .5rem 20px;

}

.mt-2 a{

  font-size: 16px;

}

.nav-item:hover{

  background-color:#fff

}

.navbar {

    width: 100%;

    height: 40px;

    background-color: #fff!important;

    /*overflow: hidden;*/

}

.nav-item:hover a{

  color: #108aed!important;

}

.bannerv>ul>li{

	padding: 20px 0;

	border-bottom: 1px solid #ffff;

}

.bannerv>ul>li a{

	color: #333;

}

.bannerv>ul>li a:hover{

	color:#fff ;

}

.navbar-nav{

  width: 100%!important;

  display: table;

}

.nav-item{

  display: table-cell;

  text-align: center;

}

.pc{

  display: block;

}

.mb{

  display: none

}

 .pccP2{

  overflow: hidden;

 }

 .pccP>div{ 

  width: 70%;

  left: 0;

  margin: 0;

 }

 .pccPindex{

  position: relative;

 }

 .pccPindex .lookMore{

  position: absolute;

    right: 0;

    top: -110px;

    height: 136%;

    width: 28%;

    background-color: #f5f5f5;

 }

  .pccPindex .lookMore{

    padding: 10px;

    

  }

  .pccPindex .lookMore p{

    font-weight:bold;

    font-size: 18px;

    margin: 33px 0 10px 0;

  }

  .pccPindex .lookMore div{

    position: relative;

    }

  .pccPindex .lookMore div a{

    position: absolute;

    top:50%;

    right: 0;

    transform: translateY(-50%);

  }

  .pccPindex .lookMore button{

    border:none;

    outline: none;

  }

  .pccPindex .lookMore li{

    padding: 13px 0;

    position: relative;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap

  }

  .pccPindex .lookMore li:before{

    content: '';

    display: inline-block;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background-color: #007bff;

    position: absolute;

    top:50%;

    transform: translateY(-50%);

  }

  .pccPindex .lookMore li a{

    color: #000;

    margin-left: 15px;

  }

  .pccPindex .lookMore li a:hover{

    color: #007bff

  }

 .pccPindex a{

  text-decoration:none;

 }

 .pccPindex a div{

  width: 100%;

 }

 .pccPItem{

  width: 300px!important;

 }

 .pccPItem:hover,.practice a:hover{

  text-decoration:none;



 }

 .practice .swiper-button-next{

  right: 0px!important;

 }

 .practice .swiper-button-prev{

  left: 0px!important;

 }

.titleH2{

	font-size: 30px;

	text-align: center;

	font-weight: bold;

	position: relative;

}

.titleH2:before{

	content: '';

	width: 38px;

	height: 6px;

	display: inline-block;

	background: url(../imgs/left.png)no-repeat center;

	background-size: 80%;

	vertical-align: middle;

	margin-right: 25px;

}



.titleH2:after{

	content: '';

	width: 38px;

	height: 6px;

	display: inline-block;

	background: url(../imgs/right.png)no-repeat center;

	background-size: 80%;

	vertical-align: middle;

	margin-left: 25px;

}

.titleH22:before{

  margin-right: 20px;

}

.titleH22:after{

  margin-left: 20px;

}

.smallH2{

	font-size: 18px;

	text-align: center;

	line-height: 30px;

	color: #999999;

}

.more{

	/*display: block;*/

	text-align: center;

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	margin: 0 auto;

	color: #007AFF;

	border: 1px solid #007AFF;

	border-radius: 15px;

	width: 100px;

}

.more2{

  border: 1px solid #999;

  color: #999;

  display: none;

}

.mbFooter{

	background: #F3F3F3;

	position: relative;

	z-index: 999;

}

.ftTop{

	padding: 20px 10px 50px 10px;

	position: relative;

}

.ftTop p{

	color: #666666;

	line-height: 25px;

  margin-bottom: 0

}

.ftTop p a{

  display: block;

  color: #999;

}

.ftTop2{

  margin-bottom: 15px!important;

  color: #999!important;

}

.ftTop>a{

	position: absolute;

	right: 20px;

	top:20px;

	text-decoration: underline;

}

.ftBot{

	background: #fff;

	/*padding: 10px 20px;*/

}

.ftBot>div.fl{

  padding: 10px 20px;

}

.ftBot>div:first-child{

	margin-top: 5px;

	position: relative;

}

.toggel{

	width: 30px;

	height: 24px;

	background:url(../imgs/mb/tt.png)no-repeat center;

	background-size: cover;

	display: inline-block;

}

.bot-nav{

	position: fixed;

	left: 10px;

  bottom:59px;

	background: #fff;

	z-index: 99;

	padding: 10px;

	box-shadow: 0px 0px 2px #939393;

	display: none;

  margin: 0;

  z-index: -2

}

.bot-nav>li>ul{

	margin-left: 20px;

	display: none;

}

.bot-nav>li>ul>li{

	margin-top: 10px;

  padding: 8px 0;

}

.bot-nav>li{

	color: #333;

	padding: 15px 10px;

	border-bottom: 1px solid #e5e5e5;

}

.bot-nav>li img{

  height: 15px;

  float: right;

  transition: all .5s;

  opacity: 1!important

}

.bot-nav>li .rotate{

  transform:rotate(90deg);

}

.bot-nav li:last-child{

	border-bottom: none;

}

.bot-nav li a{

	color: #333;

}

.ftBot{

	position: fixed;

	width: 100%;

	left: 0;

	bottom:0;

  box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);	

}

.ftBot>div:last-child{

	width: 80%;

	height: 34px;

	/*background: yellow;*/

	border-radius: 17px;

	font-size: 0;

  display: inline-block;

  position: absolute;

  right: 0;

  height: 100%;

}

.ftBot>div:last-child a{

	display: inline-block;

	width: 50%;

	text-align: center;

	/*height:54px;*/

	color: #fff;

	line-height: 54px;

	font-size: 16px;

  height: 100%;

}

.ftBot>div:last-child a:last-child{

	background-color: #108AED;

	/*border-top-right-radius: 17px;*/

	/*border-bottom-right-radius: 17px;*/

}

.ftBot>div:last-child a:first-child{

	background-color: #ee7317;

	/*border-top-left-radius: 17px;*/

	/*border-bottom-left-radius: 17px;*/

}

.fr2 a img,.fr2 a  p{

    display: inline-block;

  }

.fr2 a img{

  width: 15%;

}

/*鍏ㄥ浗*/

.allUl{

	margin-top: 30px;

}

.allUl{

  margin-bottom: 0;

  /* padding-bottom: 30px; */

}

.allUl li{

	float: left;

	width: 25%;

	text-align: center;

	

}

.allUl p{

   	padding: 15px 0 0 0;

   	text-align: center;

   	font-size: 16px;

	color: #333333;

 }

 

.allUl li img{

	width: 60%;

}

.bgimg1{

	/*background: url(../imgs/pc/bg1.jpg)no-repeat center;*/

  background-color: #f9f9f9;

	background-size: 100%;

}

.zimg{

	display: none;

}

/*鐓х墖澧�*/

.fylb{

	margin-top: 20px!important; 

	margin-left: -15px!important;

}



.cc{

	display: none;

}

.imgbox1{

	margin-top: 20px;

	width: 100%;

	position: relative;

	margin-right: 2%;

}

.imgbox1 p{

	position: absolute;

	bottom: -20px;

	left: 0;

	width: 100%;

	height: 25px;

	background-color: rgba(16, 138, 237, 0.4);

	opacity: 0.8;

	color: #fff;

	font-size: 14px;

	line-height: 25px;

	text-align: center;

	font-weight: bold;

}

.imgbox1 img{

	width: 100%;

}

.imgbox2{

	margin-top: 23px;

	width: 21%;

}

.imgbox2>div{

 text-align: right;

 position: relative;

}

.imgbox2>div p{

	position: absolute;

	bottom: -20px;

	left: 0;

	width: 100%;

	height: 25px;

	background-color: rgba(16, 138, 237, 0.4);

	opacity: 0.8;

	color: #fff;

	font-size: 14px;

	line-height: 25px;

	text-align: center;

	font-weight: bold;

}

.imgbox2>div:first-child{

	margin-bottom: 17px;

}

.imgbox2 img{

	width: 100%;

}

.moresm{

	display: block;

	text-align: center;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

	margin: 0 auto;

	color: #fff;

	border: 1px solid #fff;

	border-radius: 10px;

	width:80px;

}

.bot{

     position: absolute;

   	 bottom: 0;

   	 right: 0;

   }

   .mmp{

    text-align:center;

   }

   .zimg,.zimg0{

   	/*width: 100%;*/

    max-width: 100%;

   }

   .mtp15{

   	margin-top: 60px;

   }

   .mtp152{

    margin-top: 0;



   }

   /*鏍锋湰*/

    .table{

      margin: 50px auto 0 auto;

      border-bottom: 1px solid #108aed;

      border-right: 1px solid #108aed;

     }

     .table td{

      text-align: center;

      font-size: 16px;

      color: #666;

      border-top:1px solid #108aed;

      border-left:1px solid #108aed;

     }

     .table tr:first-child td{

      color: #108aed;

      font-weight: bold;

      height: 45px;

      line-height: 45px;

     }

   

    .mbtab{

      display: none;

    }

   /*瀹炲姏鍛堢幇*/

   .sllist{

   	margin-top: 65px;

    text-align: center;

    margin-bottom: 0

   }

   .sllist div{

    width: 45%;

   }

   .sllist>div>img{

    width: 100%;

   }

   .sllist li{

   	float: left;

   	font-size: 0;

   	width: 30%;

   	margin-right: 5%;

   	margin-bottom: 25px;

   	background: #fff;

   	padding: 10px;

   	box-sizing: border-box;

   	-webkit-box-sizing: border-box;

   }

   .sllist li span{

   vertical-align: middle;

   	font-size: 20px;

	color: #333333;

	display: inline-block;

	width: 50%;

	font-weight: bold;

	text-align: center;

   }

   .sllist li i{

     font-style: normal;

     font-weight: normal;

     font-size: 16px;

	 color: #666666;

   }

   .sllist li img{

   	width: 50%;

   	vertical-align: middle;

   }

   .sllist li:nth-child(3n){

   	margin-right: 0;

   }

  .bgimg2{

  	margin: 0!important;

  	/*padding: 60px 0;*/

  	/*background: url(../imgs/pc/img2.jpg)no-repeat center;*/

  	background-size: cover;

  }

  .bgimg3{

  	margin: 0!important;

  	padding: 60px 0;

  	background: url(../imgs/pc/qs.jpg)no-repeat center;

  	background-size: cover;

  }

  .bgimg3_2{

    background:none;

  }

  .bgimg4{

  	/*margin-top: 100px!important;*/

  	padding: 60px 0;

  	background: url(../imgs/pc/xb.jpg)no-repeat center;

  	background-size: cover;

  }

  .bgimg5{

  	margin-top: 100px!important;

  	padding: 60px 0;

  	background: url(../imgs/pc/dt.jpg)no-repeat center;

  	background-size: cover;

  }

  .cximg{

  	display: block;

  	margin: 100px auto 30px auto;

  	width: 70%;

  }

  .stepConIndex{

    text-align:center;

  }

  .stepConIndex .tips08step>div{

  display: inline-block;

}

.stepConIndex .tips08step .tips08stepImg{

  width: 15%;

  position: relative;

  display: inline-block;

}

.stepConIndex .tips08step .tips08stepImg img{

  width: 100%

}

.stepConIndex .tips08step .tips08stepLine{

  width: 10%;

  height: 100%;

  border: 1px solid #108aed;

}

.stepConIndex .tips08step{

  margin: 60px 0

}

.stepConIndex .tips08step .tips08stepImg p{

  position: absolute;

  width: 100%;

  bottom:-60px;

  color: #000;

  font-size: 18px;



}

  /*瀹樻柟缁熻*/

  .tjimg{

  	text-align: right;

  	width: 48%;

  }

  .tjimg img{

  	width: 70%;

  	margin-right: 2%;

  }

  .tjimg2{

  	width: 48%;

  }

  .tjimg2 p{

  	text-align: left;

  	margin-left: 2%;

  	font-size: 20px;

	line-height: 72px;

	color: #666666;

  }

  .tjimg2 p span{

  	display: inline-block;

  	width: 50px;

  	height: 50px;

  	font-size: 40px;

	font-weight: bold;

	line-height: 50px;

	text-align: center;

	color: #333333;

	vertical-align: middle;

	border: 1px solid #ccc;

  }

  .tjimg2 p span:last-child{

  	margin-right: 15px;

  }

  .mbsild{

  	display: none!important;

  }

  .case{

  	width: 100%;

  }

  .case li{

  	    margin-left: 5%;

    width: 40%;

    /* border-bottom: 1px solid #e5e5e5; */

    margin-top: 20px;

    /* font-size: 25px; */

    float: left;

    background-color: #fff;

    padding: 15px 40px;

    border-radius: 10px;

    box-shadow: 0 0 20px 2px rgba(43, 36, 36, 0.2);

    min-height: 140px;

  }

  .case li img{

  	width: 50px;

  	margin-right: 10px;

  	vertical-align: top;

  }

   .case li div{

   	display: inline-block;

   	vertical-align: middle;

   	font-size: 0;

   }

    .case li div h6{

    	font-size: 16px;

		color: #ffff;

    }

    .case li div p{

    	font-size: 14px;

    	color: #108aed;

    }

    .case li div p span{

    	display: inline-block;

    	color: #999;

    	width: 200px;

    	overflow:hidden; 

      text-overflow:ellipsis;

      display:-webkit-box; 

      -webkit-box-orient:vertical;

      -webkit-line-clamp:2; 

    }

    .doul{

    	display: block!important;

    }  

   .meti img{

   	width:70%;

   	text-align: center;

   	display: block;

   	margin: 30px auto 15px auto;

   	display: none;

   }

    .meti img:first-child{

    	display: block;

    }

   .update{

   	margin-top: 48px;

   }

   .clearFix strong{

    font-weight: normal;

   }

   .update li{

   	float: left;

   	width: 35%;

   	padding: 18px 0;

   	border-bottom: 1px solid #999;

   	margin-left: 15%;

   	margin-bottom: 10px;

   }

   .update li a{

   	color: #333333;

   }

   .update li a:before{

   	content: '';

   	display: inline-block;

   	width: 6px;

   	height: 6px;

   	border-radius: 6px;

   	background-color: #007AFF;

   	vertical-align: middle;

   	margin-right: 8px;

   }

   .footer{

   	background: #76161b;

   	padding: 25px 0;

   }

   .fdv1{

   	width: 20%;

   }

   .fdv1 img{

   	width: 170px;

   	margin: 0 20px;

   }

   .fdv2{

   	width: 80%;

   }

   .fdv2 ul{

   	float: left;

   	width: 25%;

   }

   .fdv2 ul li,.fdv2 ul h6,.fdv2 ul li a{

   	text-align: center;

   	color: #ff917a;

   }

   .fdv2 ul h6{

   	margin: 20px 0;

   }

   .fdv2 ul li{

   	line-height: 30px;

   }

   .foot-nav{

   	border-bottom: 1px solid #fff;

   	

   }

   .yl{

   	text-align: left!important;

   	margin: 25px 0;

   }

   .yl,.yl a,.copyright{

   	font-size: 12px;

   	color: #ffffff;

   }

   .yl a{

   	margin-right: 10px;

   }

   .yl span{

     display: inline-block;

     padding:10px;

     color:#ffffff;

     background: #33322f;

     cursor: pointer;

   }

   .yl span.active{

     color:#FFFFFF;

     background: #7b7a76;

   }

   .copyright{

   	text-align: center;

   	padding-top: 15px;

   }

   .copyright span a{

      color: #ffffff;

      text-decoration:none;

   }

   .copyright span a:hover{

      text-decoration:none;

      color: #ffffff;



   }

   .copyright span{

   	margin-right: 20px;

   }

   .pcfy{

   	margin-top: 30px;

   	font-size: 0;

   }

   .pcfyindex div{

    position: relative;

    overflow: hidden;

   }

   .pcfyindex div img:nth-of-type(1){

    opacity: 0!important

   }

   .pcfyindex div img:nth-of-type(2){

    position: absolute;

    width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

   }

   .pcfyindex div:hover img:nth-of-type(2){

    width: 105%;

   }

   .pcfy>div{

   	width: 14%;

   	display: inline-block;

   	margin-right: 0.3%;

   }

   .pcfy>div:first-child{

   	margin-left: -15px;

   }

   .pcfy>div:last-child{

   	margin-right: 0;

   }

   .pcfy>div img{

   	width: 100%;

   }

   /*.clearFixArticle li{

    margin-left: 5%!important;

   }*/

   .clearFixArticle li a{

    min-height: 146px!important;

   }

   .clearFix a{

    text-decoration:none;

    /*display: table;*/

   }

   .clearFix2 a{

    text-decoration:none;

    display: table;

   }

   .clearFix a:hover{

    color: #007bff!important



   }

   .clearFix2 a img{

    display: table-cell;

   }

   .clearFix2 a div{

    display: table-cell;

   }

   .clearFix2 a div span{

    width: auto!important;

   }

   .clearFixindex li div{

    position: relative;

    display: inline-block;

    overflow: hidden;

    vertical-align: middle;

   }

   .clearFixindex li div img:nth-of-type(1){

      opacity: 0!important;

      width: 100%!important

   }

   .clearFixindex li div img:nth-of-type(2){

      position: absolute;

      width: 100%;

      top: 50%;

      left: 50%;

      transform: translate(-50%,-50%);

   }

   .clearFixindex li:hover img:nth-of-type(2){

    width: 105%;

    transition: all .5s

   }

   .fylb>div>div,.pcfy>div{

   	position: relative;

   }

   .fylb>div>div p,.pcfy>div>p{

   	position: absolute;

   	bottom: -18px;

   	left: 0;

   	height: 24px;

   	width: 100%;

   	font-size: 12px;

   	background: rgba(147, 195, 241,.8);

   	color:#fff;

   	padding: 0;

   	line-height: 24px;

   	text-align: center;

   }

/*澶撮儴绉诲姩*/

.mbHead{

	width: 100%;

	height: 50px;

	text-align: center;

	background: #fff;

  position: relative

}

.mbHead>img{

	width: 125px;

	margin-top: 10px;

}

.mbLocal{

	line-height: 50px;

	margin-left: 10px;

  position: absolute;

  left: 0;

  float: inherit;

}

.mbLocal img{

	margin-left: 8px;

}

.kf{

	display: inline-block;

	height: 100%;

	width: 50px;

	background-color: #108aed;

  position: absolute;

  right: 0;

  top: 0;

  float: inherit;

}

.kf a{

	display: block;

	height: 100%;

	background: url(../imgs/mb/kf.png)no-repeat center center;

	background-size: 70%;

}

.mbnav{

	margin-top:15px;

  margin-bottom:15px;

	font-size: 0;

	background: #fff;

}

.mbnavlh{

  margin: 0!important;

}

.mbnav a{

	display: inline-block;

	width: 100%;

	text-align: center;

	font-size: 16px;

    border-right: 1px solid #F3F3F3;

	color: #333333;

	box-sizing: border-box;

}

.mbnav li:nth-child(4n)>a{

	border-right: none;

}

.mbnav li{

	width: 25%;

	float: left;

	padding: 10px 0;

	border-bottom: 2px solid #F3F3F3;

}

.bgtxt{

	display: none;

}

.ryTab{

  	margin: 65px auto;

  }

.ryzz>.container>.swiper-container{

	display: none;

}

.ryzz ul{

	width: 100%;

}

.ryzz ul li{

	width: 16.66%;

	text-align: center;

	float: left;

}

.ryzz ul li img{

	width: 90%;

}

/*浜у搧绉诲姩*/

.mbCp ul{

	padding: 25px 10px 0 10px;

	margin: 0;

}

.mbUl0 li{

	width: 48%;

	float: left;

	margin: 0 1%;

}

.mbUl0 li p,.mbUl1 li p{

	text-align: center;

	color: #333;

	font-size: 14px;

	margin-top: 8px;

}

.mbUl0 li img,.mbUl1 li img{

	width: 100%;

}

.mbUl1{

	display: none;

}

.mbUl1 li{

	width: 31.33%;

	margin: 0 1%;

	float: left;

}

.targe{

	display: block;

	height: 35px;

	width: 90%;

	margin: 10px auto!important;

	border-radius: 5px;

	background-color: #108aed;

	text-align: center;

	font-size: 14px;

	color: #fff!important;

	line-height: 35px;

}

 .navbread{

   	height: 25px;

   	background: #F3F3F3;

	

 }

 .navbread p{

 	line-height: 35px;

 	font-size: 16px;

  display: inline-block;

 }

 .navbread h1{

  display: inline-block;

  font-size: 14px;

  margin-left: 10px;

 }

 .navbread p a{

 	margin: 0 5px;

 	color: #333;

 }

 .carousel-indicatorsmb{

    bottom: 0!important;

    margin-bottom: 10px!important

  }

  .inxrCon .inxrConitem  p{

    color: #999

  }

  .inxrCon a.more{

    display: none;

  }

  .bgWhiteindex{

    margin-top: 0px!important;

   }

.gray{

  background-color: #f5f5f5;

}

.bgWhite{

  /* padding-bottom: 45px; */

}

@media (min-width: 1400px){

	.container{

		width: 1200px;

	}

	.mbHead{

		display: none;

	}

	.mbnav,.mbCp{

		display: none;

	}

	.more{

		margin-top: 50px;

	}

	.bgWhite{

     /* margin-top: 45px; */

   }

   .bgWhite2{

     margin-top: 0;

   }

/*   .mtp15{

     margin-top: 0;

     padding-top: 0

   }*/

   .mbFooter{

   	display: none;

   }

   .targe{

   	display:none;

   }

}



@media (min-width: 1000px) and (max-width:1400px){

	.container{

		width:100%;

    padding-top: 20px;

	}

  

	.mbHead,.search{

		display: none;

	}

	.mbnav,.mbCp{

		display: none;

	}

	.more{

		margin-top: 70px;

	}

	.bgWhite{

     margin-top: 45px;

   }

   

    .fdv1 img{

   	width: 150px;

   	margin: 0 10px;

   }

   .mbFooter{

   	display: none;

   }

   .targe{

   	display:none;

   }

}

.mtp153{

    margin-top: 0;

    padding-top: 0

   }

@media (max-width:1000px){
	
	body{

		background: #F3F3F3;

	}

	.titleH2{

	font-size: 18px;

    }

    .smallH2{

    	font-size: 14px;

    }

    .cpTab span{

	    margin: 0 7%;

	    font-size: 16px;

	}

	.cpTab{

	   margin: 0;

	   text-align: center;

   }

   .pccP{

   	display: none;

   }

  .table{

    display: none;

   }

   .mbtab{

    display: block;

    width: 100%;

    margin-top: 20px;

  }

  .mbtab img{

    width: 100%;

  }

  .xrtab{

    width: 100%;

    border-bottom:1px solid #108aed;

    border-right:1px solid #108aed;

    font-size: 14px;

  }

 .xrtab td{

  border-top:1px solid #108aed;

  border-left:1px solid #108aed;

  line-height: 22px;

  padding: 10px 5px;

  color: #333;

 }

 .xrtab2 tr:last-child td,.xrtab2 tr:nth-of-type(2) td{

  color: #999

 }

 .xrtab tr td:nth-of-type(2){

  color: #999

 }

   .pdt15{

   	padding-bottom: 15px;

   }

   .pdt45{

   	padding-bottom: 45px;

   }

   .bgWhite{

     margin-top: 15px!important;

     background: #fff!important;

   }

   .allUl li{

	float: left;

	width: 50%;

	text-align: center;	

  }

   .allUl p{

   	  padding: 10px 0 0 0;

   }

   .allUl{

	/* margin-top: 20px; */

   }

   .bgimg1{

   	background: #fff;

   	padding-bottom: 0;

    margin-top: 45px;

   }

   .imgbox1{

	margin-top:0;

	width: 100%;

	text-align: center;

	}

	.imgbox2{

		margin-top:15px;

		width: 100%;

		clear: both;

	}

	.imgbox2>div{

	 float: left;

     width: 48%;

	}

	.imgbox2>div:first-child{

		margin-right: 4%;

	}

	.imgbox2 img{

		width: 100%;

	}

	.bot{

     position: absolute;

   	 bottom: -50px;

   	 left: 7%;

   }

   .moresm{

	display: block;

	text-align: center;

	height: 25px;

	line-height: 25px;

	font-size: 12px;

	margin: 0 auto;

	color: #108aed;;

	border: 1px solid #108aed;

	border-radius: 12.5px;

	width:80px;

  }

   .mtp15{

   	margin-top: 15px;

   }

    .sllist{

   	margin-top: 20px;

    text-align: center;

   }

   .sllist div {

      margin: 0 auto;

  }

    .sllist li{

   	float: left;

   	font-size: 0;

   	width: 31%;

   	margin: 0 1% 15px 1%;

   	background: #fff;

   	padding: 2px;

   	box-sizing: border-box;

   	-webkit-box-sizing: border-box;

   	border: 1px solid #f1f1f1;

   }

   .sllist li span{

   vertical-align: middle;

   	font-size: 12px;

   	font-weight: bold;

	color: #333333;

	display: inline-block;

	width: 100%;

	text-align: center;

   }

   .sllist li i{

     font-style: normal;

     font-size: 12px;

     font-weight: normal;

	 color: #666666;

   }

   .sllist li img{

   	width: 100%;

   	vertical-align: middle;

   }

   /*缁熻*/

   .tjimg{

  	text-align: left;

  	width: 33%;

  }

  .tjimg img{

  	width: 100%;

  }

  .tjimg2{

  	width: 65%;

  }

  .tjimg2 p{

  	text-align: left;

  	margin-left: 2%;

  	margin: 5px 0;

  	font-size: 14px;

	line-height: 18px;

	color: #666666;

  }

  .tjimg2 p span{

  	display: inline;

  	font-size: 14px;

	font-weight: bold;

	line-height: 18px;

	text-align: center;

	color: #333333;

	vertical-align: middle;

	border: none;

  }

  .tjimg2 p span:last-child{

  	margin-right: 3px;

  }

  .bgtxt{

  	display: block;

  	padding: 15px 15px 8px 15px;

    background-color: #fff;

  }

  .bgtxt p{

  	font-size: 14px;

	line-height: 25px;

	color: #666666;

  }

  .bgimg3,.bgimg4,.bgimg5{

  	background: #fff;

  	padding: 18px 0;

  	margin-top: 15px!important;

  }

  .bgWhiteindex{

    margin-top: 15px!important;



  }

  .cximg{

  	width: 99%;

  	margin: 30px auto 5px auto;

  }



  .ryzz .mbsild{

  	display: block!important;

  }

  .ryzz{

  	background: #fff;

  	padding: 5px 0 20px 0;

  	margin-top: 15px;

  }

  .ryTab{

  	margin: 15px auto;

  }

  .ryTab span{

  	font-size: 16px;

  }

  .doul{

  	display: none!important;

  }

  .case li{

  	width: 100%;

  	margin-left: 0;

    padding: 10px;

  }

  .case>li:nth-child(4){

  	display: none;

  }

  .case>li:nth-child(5){

  	display: none;

  }

  .case>li:nth-child(6){

  	display: none;

  }

  .mmp{

  	margin-top: 15px;

    margin-bottom: 15px;



  }

   .meti img{

   	width:100%;

   }

    .update{

   	margin-top: 18px;

   }

    .update li{

   	width: 100%;

   	padding: 8px 0;

   	border-bottom: 1px solid #f1f1f1;

   	margin-left: 0;

   	margin-bottom: 0;

   }

   .update li:nth-child(5),.update li:nth-child(6),.update li:nth-child(7),.update li:nth-child(8){

   	display: none;

   }

   .footer{

   	display: none;

   }

   .bannerv,.zimg0{

   	display: none;

   }



   .zimg,.cc{

	display:block;

   } 

   .pp,.pcfy{

   	display: none;

   }

   .fylb{

   		display: block!important;

   }

   .fylbmb{

    width: 100%!important;

    margin-left: 0!important

   }

   .navbread{

	   	height:10px;

	   	background: #F3F3F3;

      margin-top: 15px;

	 }

   .navbread p{

 	line-height:18px;

 	font-size: 12px;

  

   }

   .navbread2{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    height: 18px;

    

   }

   .navbread2 p{

    display: inherit

   }

}

@media (max-width:600px){

	.case li div p span{

    	width: 180px;

    }

    .stepConIndex .tips08step .tips08stepImg {

    width: 24%;

    position: relative;

    display: inline-block;

}

}

/************/

.nav-link{

	color: #000!important;

	/*line-height: 60px;*/

}

.active .nav-link{

	background: #fff;

  font-weight:bold;

	color: #108aed!important;

}

.carousel-inner{

  position: relative

}

.carousel-inner img {

      width: 100%;

      /*max-height: 460px;*/

  }

/*****************/

/*wiper*/

 .swiper-container0,.swiper-container1{

	  width: 100%;

	  height:auto;

	  margin: 10px auto;

	  display: none;

	}

	.swiper-container0 .swiper-slide,.swiper-container1 .swiper-slide{

	  text-align: center;

	  font-size: 18px;

	  background: #fff;

	  display: -webkit-box;

	  display: -ms-flexbox;

	  display: -webkit-flex;

	  display: flex;

	  -webkit-box-pack: center;

	  -ms-flex-pack: center;

	  -webkit-justify-content: center;

	  justify-content: center;

	  -webkit-box-align: center;

	  -ms-flex-align: center;

	  -webkit-align-items: center;

	  align-items: center;

	  box-shadow: 0px 0px 20px 0px 

	  rgba(0, 0, 0, 0.3);

      border: solid 1px #e5e5e5;

      /*padding: 10px;*/

	}

	

	.append-buttons {

	  text-align: center;

	  margin-top: 20px;

	}

	.append-buttons a {

	  display: inline-block;

	  border: 1px solid #007aff;

	  color: #007aff;

	  text-decoration: none;

	  padding: 4px 10px;

	  border-radius: 4px;

	  margin: 0 10px;

	  font-size: 13px;

	}

	

	.swiper-container0 .swiper-slide img,.swiper-container1 .swiper-slide img{

		width: 100%;

		display: block;

		margin: 0 auto;

	}

	.swiper-container0 .swiper-slide img:hover,.swiper-container1 .swiper-slide img:hover{

		padding: 0;

		transition:all .5s;

        -webkit-transition:all .5s;

	}

   .swiper-slide p{

   	padding: 20px 0 0 0;

   	text-align: center;

   	font-size: 16px;

	color: #333333;

  min-height: 68px;

    }

/*    .proCon{

      display: table;

    }*/

    .proCon>a{

      display: table-cell;

      padding: 0 10px;

      text-decoration:none;

    }

    .proCon>a>div{

      text-align:center;

      border: 1px solid #eee

    }

    .proCon>a:hover div{

      box-shadow: 0 0 10px 2px #a59a9a94;



    }

    .proCon>a>div img{

      width: 100%;

    }

    .proCon>a>div p{

      min-height: 50px;

      min-height: 70px;

      padding: 10px 0;

      color: #000;

    }

	.swiper-slide p small,.allUl p small{

		color: #939393;

    }

    .swiper-container2{

    	display: none;

    }

	.swiper-container2 img{

		width: 100%;

	}

.navput{

	height: 30px;

	border: none;

	background: #F1F1F1;

	border-radius: 15px;

	padding: 0 10px;

}





/*-----寮圭獥-------*/

.upWindows{

  position: fixed;

  left: 50%;

  z-index: 10000;

  top: 50%;

  transform: translate(-50%,-50%);

  /*opacity: 0;*/

  transition: all 0.5s;

  display: none;

}

.windowCon{

  position: relative

}

.windowCon .Winclose{

  position: absolute;

  top: 5%;

  right: 5%;

  width: 25px;

  height: 25px;

  text-align: center;

  line-height: 25px;

  background-color:#eee;

  border-radius: 50%;

  z-index: 10001;

  font-size: 20px;

  cursor: pointer;

}

.windowCon>img{

  border-radius: 10px;

  box-shadow: 0 0 20px 2px rgba(33, 37, 41, 0.5);

}

.bottom{

  position: absolute;

  width: 100%;

  height: 20%;

  bottom: 0;

  background-color:rgba(0,0,0,.2);

  border-radius: 0 0 10px 10px;

}

.bottom a{

  float: left;

  width: 50%;

  height: 100%;

  text-align: center;

  color: #fff;

  display: flex;

  font-size: 20px;

  font-weight: bold;

  flex-direction: column;

  justify-content: center;

}

.bottom a:nth-of-type(1){

  background-color:#115cb0;

  border-radius: 0 0 0 10px;

}

.bottom a:nth-of-type(2){

  background-color:#ee7212;

  border-radius: 0 0 10px 0;

  position: relative

}

.bottom a:hover{

  text-decoration:none;

}

.bottom .num{

  position: absolute;

  width: 25px;

  height: 25px;

  text-align: center;

  line-height: 25px;

  border-radius: 50%;

  background-color: #d61a1a;

  top: 10%;

  right: 30%;

  margin: 0;

}

.bottom img{

  display: none;

}

.winhide_show{

  display: block;

  transition: all 0.5s;

}

.wintel{

  position: absolute;

  top: 50%;

  left: 50%;

  font-size:34px;

  font-weight:bold;

  color: #fae76d;

  transform: translate(-50%,30%);

}

.wintelmb{

  position: absolute;

  width: 80%;

  top: 50%;

  left: 50%;

  font-size:34px;

  font-weight:bold;

  color: #fae76d;

  transform: translate(-50%,0%);

}

.wintelmb img{

  width: 100%;

}

.wintelmb p{

  position: absolute;

  width: 100%;

  height: 100%;

  top: 50%;

  left: 50%;

  font-size:24px;

  text-align: center;

  color: #695e1b;

  font-weight: normal;

  transform: translate(-50%,-20%);

  margin: 0

}

.wintelmb{

  display: none;

}

/*-------渚ц竟-------*/

.broadside{

  position: fixed;

  top: 50%;

  right: 0;

  transform: translate(0%,-50%);

  background-color:#fff;

  padding: 8px;

  z-index: 10001;

  border-radius: 5px;

  box-shadow: 0 0 10px 2px #092e5452;

}

.broadsideCon{

  margin:0;

}

.broadsideCon a,.broadsideCon li{

  display: block;

  padding: 10px 5px;

  border-bottom: 1px solid #eee;

  text-align:center;

}

.broadsideCon li{

  border-bottom: none;

  padding-top: 20px;



}

.broadsideCon li p{

  margin-bottom: 0

}

.broadsideCon a:hover{

  text-decoration:none;

}

.broadsideCon a:nth-of-type(1){

  color: #ee7212;

}

.broadsideCon a:nth-of-type(2){

  color: #83751d;

}

.broadsideCon a:nth-of-type(3){

  color: #d61a1a;

}

.broadsideCon a:nth-of-type(4){

  color: #108beb;

}

.broadsideCon a:last-child{

  border: none;

  color: #666666;

  list-style: none;

  cursor: pointer;

}

.broadsideCon a:last-child img{

  width: 40%;

}

.broadsideCon a:hover{

  color: #000

}

ul.broadsideCon a img {

    width: 40px;

}

.broadsideCon a p {

    margin: 4px 0 0 0;

}

.broadsideCon a p{

  margin:10px 0 0 0;

}

/*---------娑堟伅 搴曢儴--------*/

.bootomNew{

  position: fixed;

  bottom: 0;

  right: 0;

  z-index: 10001;



}

.bootomNew .bootomNewsmb{

  display: none;

}

.bootomNew .bootomNewspc{

  position: relative;

  display: inline-block;

  background-color: #108beb;

  color: #fff;

  width: 200px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  border-radius: 10px;

}



.bootomNew .bootomNewspc:hover,.bootomNew .bootomNewspc{

  text-decoration:none;

}

.bootomNew .bootomNewspc p{

  margin:0;

}

.bootomNew .bootomNewspc span{

  display: inline-block;

  position: absolute;

  width: 25px;

  height: 25px;

  text-align: center;

  line-height: 25px;

  border-radius: 50%;

  background-color: #d61a1a;

  top: -20px;

  right: 5%;

  margin: 0;

}

.carousel-produmb{

  display: none!important;

}

.backbt{

  padding: 45px 0!important;

}

.backbt3{

  padding: 90px 0!important;

}

.backbt5{

    margin-top: 0!important

  }

.zixunmb{

  display: none;

}

.zixunpc{

  display: block;

}

@media (max-width: 700px) {

  .pc{

    display: none

  }

  .mb{

    display: block;

  }

  .cpTab {

    margin: 0;

    padding: 00px;

    text-align: center;

}

 .cpTab div{

  width: 100%;

 }

  .zixunmb{

    

    display: block!important

  }

  .zixunpc{

    display: none!important

  }

  .backbt{

    padding: 25px 0!important;

    margin-top:15px; 

    background-color: #fff

  }

  .backbt2{

    margin-top:15px; 

  }

  .backbt3{

    padding: 20px 0 0 0!important;

    background-color: #fff

  }

  .backbt4{

    padding: 0;

    margin-top:15px; 

  }

  .backbt5{

    margin-bottom: 15px;

  }

  .case li{

    min-height: 120px;

  }



/*  .bgWhite{

    padding-bottom: 0px;

  }*/

  .carousel-produmb{

    display: block!important;

  }

  .carousel-produpc{

    display: none!important;

  }

  .wintelmb{

    display: block;

  }

  .wintel{

    display: none;

  }

  .upWindows{

     width: 100%;

     padding: 15px;

  }

  .windowCon>img{

    width: 100%;

  }

  .wintelmb p{

    font-size: 4.5vw;+

  }

  .bottom .num {

    top: 2%;

    right: 19%;

  }

  .windowCon .Winclose {

      top: 3%;

      right: 3%; 

  }

  .bottom a {

    font-size: 18px;

  }

  .bottom img{

    display: block;

    position: absolute;

    width: 25px;

  }

  .bottom a:nth-of-type(1) img{

    left: 7%

  }

  .bottom a:nth-of-type(2) img{

    left: 12%

  }



  .broadside{

    display: none;

  }

  .bootomNew{

    bottom: 10.5%;

    right: -4%;



  }

  .bootomNew .bootomNewspc{

    display: none;

  }

  .bootomNew .bootomNewsmb{

    display: block;

    position: relative;

  }

  .bootomNew .bootomNewsmb{

    width: 60%;

  }

  .bootomNew .bootomNewsmb img{

    width: 100%;

  }

  .bootomNew .bootomNewsmb span{

    display: inline-block;

    position: absolute;

    width: 20px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    border-radius: 50%;

    background-color: #d61a1a;

    top: 0px;

    right: -15%;

    margin: 0;

    color: #fff;

  }

  .carousel-indicatorsmb{

    bottom: 0!important;

    margin-bottom: 10px!important

  }

/*  .carousel-inner>div.list{

    display: none;

  }*/

  .stepConIndex .tips08step .tips08stepImg p{

    font-size:16px;

  }

  .clearFixArticle li{

    margin-left: 0%!important

   }

   .inxrCon a.more{

    display: block;

  }

  .clearFixArticle li a {

    min-height: 100px!important;

  }

  .clearFixArticle li:nth-of-type(4),.clearFixArticle li:nth-of-type(5),.clearFixArticle li:nth-of-type(6){

    display: none;

  }

  .specialNav .mbnav{

    margin: 2px 0!important;

  }

  .more2{

    display: block;

  }

  .authorpc{

    display: none!important;

  }

  .authormb{

    display: block!important;

    text-align: center;

  }

  .recentUpdate{

    background-color: #fff;

    padding-bottom: 20px;

  }

  .recentUpdate h4{

    font-size: 16px;

    padding: 15px 0;

    font-weight: bold;

    border-bottom: 1px solid #eee;

  }

  .recentUpdate .aritile{

    display: table;

    width: 100%;

    padding-top: 8px;

  }

  .recentUpdate .aritile>div{

    display: table-cell;

    vertical-align: top

  }

  .recentUpdate .aritile>div:last-child{

    padding-left: 8px;



  }

  .recentUpdate .aritile>div:last-child p{

    font-size: 16px;

    margin-bottom: 8px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1; 

    color: #000;

    

  }

  .recentUpdate .aritile>div:last-child span{

    font-size: 14px;

    line-height: 30px;

    display: block;

    color: #666;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2; 

  }

  .recentUpdate .aritile>div img{

    width: 100%;

  }

  .recentUpdate .more{

    margin: 10px auto 0

  }

}

.searchLocation{

  position: relative

}

.searchLocation .search{

  position: absolute;

  right: 0;

  overflow: hidden;

  border-radius: .25rem;

}

.searchLocation .search input{

  width: 100%;

  margin: 0!important;

    transition: all .5s;

}

/*.mask1 {

    background-image: url(../imgs/search2.png);

    background-color: rgba(255,255,255,0);

    display: none;

}*/

.search button:nth-of-type(1){

  display: block;

}

.footBack{

  position: absolute;

  width: 100%;

  height: 100%;

  background-color:#fff;

  left: 0;

  top:0;

  z-index: -1

}

.botUl li a{

  color: #666;

}

.author{

  margin: 0

}

.authormb{

  display: none;

  /*text-align: left;*/

  padding: 5px 0

}

.authorpc{

  margin-left: 10px!important;

  display: inline-block;

}

.authormb2{

  text-align:left!important;

  text-indent: 1em;

  font-size: 16px !important;

}

@media (max-width: 1400px) and (min-width:1000px){

   .search{

    display: block;

   }

   .searchLocation .search input{

    transform: translateX(200px);

   }

   .sport{

    transform: translateX(0)!important;

  }

   .mask1{

    display: block;

   }

   



}

.inxrConitem2 a div span,.inxrConitem2 a div p{

  color: #999

}

.banner,.banner img{

  width: 100%;

}

.erroul{

  text-align:center;

}

.erroul>li{

  float: none;

  display: inline-block;

}

.navs .city .akarea:after {

    content: '';

    position: absolute;

    width: 0px;

    height: 0px;

    border-left: transparent 6px solid;

    border-right: transparent 6px solid;

    border-top: #999 6px solid;

    margin: auto;

    right: 0;

    top: 0;

    bottom: 0;

    transition: transform .2s;

    -webkit-transition: transform .2s;

    -moz-transition: transform .2s;

}

