@charset "UTF-8";
.application-top .tit .j-down{
  width: auto;
  padding: 0 30px;
  position: relative;
}
.application-top .tit .j-down:before{
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: 100%;
  content:"";
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  background:url(../images/dn.png) no-repeat center;
  background-size: 100%;
}
/*2021-7-16*/
.join-bot .joinbot-tit.jactive .li:nth-child(n+2){
  margin-left: 8px;
}
.owt{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.application-con .words table{
  width: 100%;
}
.application-con .words table td{
  padding: 0!important;
  background:transparent!important;
  border:1px solid #e6e6e6!important;
  height: 54px;
}
.application-con .words table tr:nth-child(2n){
  background: #fafafa;
}
.application-con .words table tr:nth-child(1){
  background: #adc067;
  color: #fff;
  height: 54px!important;
}
.application-con .words table tr:nth-child(1) td{
  border-color: #e6e6e6!important;

}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size:0;
}

.clearfix { *zoom:1;}

/*2021-7-16*/
.bocweb-header .header .s-box .li .langs{
  color:#333;
  font-size: 16px;
}
 .toplink{
  line-height: initial;
   padding: 0 4rem;
   background:none;
   position: absolute;
   right: 1rem;
   top: 10px;
   z-index:20;
}
.toplink a{
  float: right;
  margin-left: 5px;
  color: #717071;
  font-size: 14px;
}
.bocweb-header .header .s-box .li .langs:hover{
  color:#008bda;
  font-size: 16px;
}
.m-header .uibox .langs{
  color:#333;
  font-size: 16px;
  line-height: .5rem;

}
.pr-listbox.pr-listbox0 .pagination{
  margin-top: .6rem;
}
.m-header .uibox2{
  margin-right: 15px;
}
.searchsbox {
  line-height: 30px;

}
.searchsbox .btnsbox{
  line-height: 30px;
  height: 30px;
  display: inline-block;
  padding: 0 5px;
  color:#fff;
  background:#008bda;
}
.pcbox {
  display: block;
}
.con-text, .text-con{
  color:#666;
}
.about-contact{
  position: relative;
}
.inside2 .about-hbox{

  width: 100%;
  top: 72px;
}
.pr-listbox .pr-top .ul .okl .i{
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;

}
.pr-listbox.proli-listfixed .arrangements table th{
  height: auto;
  word-break: break-word;
}
.pr-listbox.proli-listfixed .arrangements table tr:nth-child(2n){
  background:#e2e1e1;
}
.about-bottit{
  padding: 1rem .5rem .8rem 0;
  line-height: 1.5;
  font-size: 16px;
}
.slwdz-butns .butns-top span{
  display: none;
}
.application-actives .applicationdetails .arrangements tbody th{
  text-align: center;
}


.application-con .words ul,.application-con .words ol{
  /*padding-left: 3em;*/
}
.application-con .words ul[style *= "list-style-type: disc;"],.application-con .words ol[style *= "list-style-type: disc;"]{
  padding-left: 4em;
}
.application-con .words ul[style *= "list-style-type: square;"],.application-con .words ol[style *= "list-style-type: square;"]{
  padding-left: 2em;
}

.tdsul ul[style *= "list-style-type: disc;"] li,.tdsul ol[style *= "list-style-type: disc;"] li,
.application-con .words ul[style *= "list-style-type: disc;"] li,.application-con .words ol[style *= "list-style-type: disc;"] li{
  position: relative;
  list-style: none;
}
.tdsul ul[style *= "list-style-type: square;"] li,.tdsul ol[style *= "list-style-type: square;"] li,
.application-con .words ul[style *= "list-style-type: square;"] li,.application-con .words ol[style *= "list-style-type: square;"] li{
  position: relative;
  list-style: none;
}

.tdsul ul[style *= "list-style-type: disc;"] li:after,.tdsul ol[style *= "list-style-type: disc;"] li:after,
.application-con .words ul[style *= "list-style-type: disc;"] li:after,.application-con .words ol[style *= "list-style-type: disc;"] li:after{
  width: .5em;
  height: .5em;
  left: 0;
  top: 0;
  content:"";
  border-radius: 50%;
  position: absolute;
  left: -1em;
  top: .8em;
  background:#008bda;
}
.tdsul ul[style *= "list-style-type: square;"] li:after,.tdsul ol[style *= "list-style-type: square;"] li:after,
.application-con .words ul[style *= "list-style-type: square;"] li:after,.application-con .words ol[style *= "list-style-type: square;"] li:after{
  width: .5em;
  height: .5em;
  left: 0;
  top: 0;
  content:"";
  position: absolute;
  left: -1em;
  top: .8em;
  background:#008bda;

}


.tdsul ul[style *= "list-style-type: disc;"],.tdsul ol[style *= "list-style-type: disc;"]{
  padding-left: 4em;
}
.tdsul ul[style *= "list-style-type: square;"],.tdsul ol[style *= "list-style-type: square;"]{
  padding-left: 2em;
}


.bocweb-header .nav-li.k .nav-bot{
	top: 80px;
}
.bd_weixin_popup{
	box-sizing:content-box;
}
.km8 .wordsbox{
  position: relative;
}

.km8 .wordsbox .words2{
  position: absolute;
  width: 100%;
  left: 0;
  top:0;
  margin-top: 0;
  opacity: 0;
  transition:.5s ease-in-out;

}
.itemsi .i{
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  color: #666;
  margin-right: 2%;
      text-decoration: underline;
}
.itemsi .i:hover{
  color:#008bda;

}
.application-bot .img{
  display: block;
}

.km8 .wordsbox .words2  .p{
  padding-right: 3%;
}
.application-bot .items .words2 .p:after{
  display: none;
}
.application-bot .items .words2 .p .a{
  display: block;
  border-bottom: 1px solid #c2c2c2;
}
.application-bot .items .words2 .h{
  background:#008bda;
  padding:5px 5%;
  display: block;
  color:#fff;
  height: auto;

}
.application-bot .items .li:hover  .words2{
  background:#f2f2f2;
}
.application-bot .items .li:hover  .words1{
  opacity: 0;
}
.application-bot .items .li:hover .words2{
  opacity: 1;
  transition:.5s ease-in-out;
}
.proli-listfixed .listbox1{
	position: fixed;
	background:#ffffff;
	height: 100%;
	width: 100%;
	overflow-y:auto;
	left:0;
	top: 0;
	z-index: 30;
	padding: 20px;
	z-index: 100;
}
.zhankai{
	cursor: pointer;
}
.pro-fixed-menu .ul .li .li-bot{
	display: none;
}
.ft200{
	font-size: 16px;
}
.drawing-list .items .p{
	font-size: 13px;
}
.contact-box .contact-left .list .li .li-bot{
  display: none;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: none;
  margin-top: 8px;

}
.contact-box .contact-left .list .li .li-bot .i{
  color:#000;
      transition:.5s ease-in-out;
}
.contact-box .contact-left .list .li .li-bot .i.active{
      color: #008bda;
      transition:.5s ease-in-out;
}
.contact-box .contact-left .list .li.active .li-bot{
  display: block;
  height: auto;
  overflow: visible;
}

body.cur,html.cur{
	overflow: hidden;
}
.slwdz-butns{
  position: absolute;
  top: 100px;
  right: 0;
  width: 18.5rem;
  background:#008bda;
  transform: translateY(-200%);
  transition: .5s ease-in-out;
  opacity: 0;
  z-index: -1;
}
.s-ytop{
  overflow-y:auto;
}
.slwdz-butns.active{
  transform: translateY(0);
  transition: .5s ease-in-out;
  opacity: 1;
  z-index: 24;

}
.dw {
	padding: 5% 0;
}
.dw .i img{
	display: block;
	margin: 0 auto;
	max-width:80%;
}

.dw .i:nth-child(n+2){
	margin-top: 5%;
}

.tgxt{
  /*margin-bottom: .6rem;*/
}
.s-ytopbox{
  /*min-width: 1100px;*/
}
.ybot-ul .ul{
  font-size: 0;
}
.ybot-ul .ul {
  /*border:1px dashed #cccccc;*/
  /*padding: .5rem;*/
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}
.txgh{
  /*margin-bottom: .5rem;*/
  /*margin-top: .4rem;*/
  color:#007c8c;
}
.ybot-ul .ul .i{
  font-size: 16px;
  color:#218293;
  height: 38px;
  line-height: 38px;
  border:1px solid #b9b9b9;
  border-radius: 3px;
  padding: 0 .4rem;
  display: inline-block;
  vertical-align: middle;
  /*margin-right: .3rem;*/
  cursor: pointer;
  /*margin-bottom: 10px;*/
  transition: .5s ease-in-out;
}
.ybot-ul .ul .i:hover,.ybot-ul .ul .i.active{
	color:#ffffff;
	border-color:#008bda;
	background:#008bda;
	transition: .5s ease-in-out;
}
.s-ybot .ybot-ul{
  position: relative;
  padding-left: 75px;
  min-height: 38px;
  margin-top: .2rem;

}
.products-top{
  border:1px solid #e3e3e3;
  padding: .2rem .5rem;
  margin-bottom: .8rem;
}
.s-ybot .ybot-ul .submit{
  width: 62px;
  height: 38px;
  border-radius: 5px;
  background:#cccccc;
  font-size: 13px;
  color:#ffffff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: .5s ease-in-out;
}
.s-ybot .ybot-ul .submit:hover{
  transition: .5s ease-in-out;
  background: #008bda;
}

.s-yleft,.s-yleft{
  /*width: 49%;*/
  float: left;
  display: block;
  font-size: 0;
}
.s-yleft:nth-child(2){
  margin-left: 2%;
}
.s-yleft .liitems .li{
  /*line-height: 12px;*/
  /*margin:7px 0;*/
  line-height: 15px;
  padding:2px 0;
  padding-right: 2%;
  padding-left: 15px;
  position: relative;
  cursor: pointer;
  min-width: 60px;

}
.s-yleft .items{
  overflow-y:auto;
}
.s-yleft .liitems .box{
  height: 100%;
  overflow-y:auto;
  font-size: 12px;
}
.s-yleft .liitems .box::-webkit-scrollbar {
  width: 1px;
  height: 1px
}

.s-yleft .liitems .box::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.s-yleft .liitems .box::-webkit-scrollbar-thumb:window-inactive {
  background-color: #ccc;
}

.s-yleft .liitems .box::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #ccc;
}

.s-yleft .liitems .li50{
  width: 50%;
  float:left;
  overflow-y:auto;
  height: 100%;
  padding: 0 3%;
}
.s-yleft .liitems .li.active:after{
    background: url(../images/k0.png) no-repeat center;
    background-size: 100%;
}
.s-yleft .liitems .li:after{
  position: absolute;
  content:"";
  width: 10px;
  height: 10px;
  background:#eeeeee;
  left:0;
  top:5px;

}
.s-yleft .items .li:nth-child(1){
	margin-top: 20px;
}
.s-yleft .items .li {
  overflow: hidden;
}
.s-yleft .items .li .l{
  float:left;
}
.s-yleft .items .li .r{
  float:right;
  /*width: 85px;*/
}
.s-yleft .liitems{
	position: relative;
}
.s-ytop{
	padding-top: 10px;
}
.s-yleft .itbio .ft200{
	/*position: absolute;*/
	/*line-height: 24px;*/
	/*left: 0;*/
	/*top: -12px;*/
	/*background: #fafafa;*/
	text-align: left;
	/*font-weight: bold;*/
  font-size: 12px;
	height: 20px;
	line-height: 20px;
  margin-bottom: 5px;
  text-align: center;
}
.s-yleft .liitems .li:nth-child(2n+1){
  margin-left: 0;
}
.s-yleft .items,.s-yleft .liitems{
  /*float: left;*/
  display: inline-block;
  /*background:#ffffff;*/
  height: 190px;
  padding:  .1rem;
  /*border:1px solid #ededed;*/
  box-sizing: border-box;
  vertical-align: top;
}
.s-yleft .items:nth-child(1),.s-yleft .liitems:nth-child(1){
  padding-left: 0;
}
.s-yleft .itbio:nth-child(n+2){
  border-left:1px solid #ededed;

}
.s-yleft .items{
	border:none;
}
.s-yleft .items{
  /*min-width: 260px;*/
}
.s-yleft .liitems{
  /*min-width: 120px;*/
}
.s-yleft .items .li{
  padding: 5px 0;
  line-height: 20px;
}
.s-yleft .items input{
  width: 45px;
  height: 20px;
  background:#eeeeee;
  padding-left: 5px;
  margin-right: 10px;

}
.s-yleft .items .li{
  font-size: 0;
}
.s-yleft .items .li .hk{
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 10px;
}
.s-yleft .items .li .r{
  /*width: 100px;*/

}
.s-yleft .items .li .hk:nth-child(1){
	margin-left: 0;
}
.s-yleft .itbio:nth-child(n+2){
  /*margin-left: 10px;*/
}
.header .head{
  position: relative;
  z-index: 28;
}
.slwdz-butns .butns-top{
  height: 50px;
  position: relative;

}
.slwdz-butns .butns-top span{
  position: absolute;
  /*display: block;*/

  width: 15px;
  height: 15px;
  cursor: pointer;
  background:url(../images/k12.png) no-repeat center;
  background-size: 100%;
  right: .75rem;
  top: 50%;
  transform: translateY(-50%);
}
.slwdz-butns .butns-bots .items{
  float: left;
  width: 50%;
  display: block;
  font-size: 14px;
  color:#fff;
  border:1px solid #ccc;
  /*border:1px solid #3a2969;*/
  line-height: 1.5;
  padding: .5rem 1rem;
  transition:.5s ease-in-out;
}
.slwdz-butns .butns-bots .items:hover,.slwdz-butns .butns-bots .items.active{
  background:#fff;
  border-color: #fff;
  color:#222222;
  transition:.5s ease-in-out;
}
.slwdz-butns .butns-bots .items:hover .img img,.slwdz-butns .butns-bots .items.active .img img{
  transition:.5s ease-in-out;
}
.slwdz-butns .butns-bots .items:hover .img .i1,.slwdz-butns .butns-bots .items.active .img .i1{
  opacity: 1;
}
.slwdz-butns .butns-bots .items:hover .img .i0,.slwdz-butns .butns-bots .items.active .img .i0{
  opacity: 0;
}

.slwdz-butns .butns-bots .items .img img{
  transition:.5s ease-in-out;
}

.slwdz-butns .butns-bots .items .img{
  position: relative;
}
.slwdz-butns .butns-bots .items .img .i1{
  position: absolute;
  left:0;
  top:0;
  opacity: 0;
}
.slwdz-butns .butns-bots .items  .span{
  margin-top: 2.125rem;
}
.mbox {
  display: none;
}

.pc768 {
  display: block;
}

.m768 {
  display: none;
}

.pd50 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.w1600{
  width: 1600px;
}
.tc {
  text-align: center;
}
.w75{
  max-width: 85%;
}

.tips-fixed .tips-input input::-webkit-input-placeholder{
    color:#333;  
}  
.tips-fixed .tips-input input:-moz-placeholder{
    color:#333;
}  
.tips-fixed .tips-input input::-moz-placeholder{
    color:#333;
}  
.tips-fixed .tips-input input:-ms-input-placeholder {
    color:#333;
}  
.tips-fixed{
  position: fixed;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  background:rgba(0,0,0,.5);
  display: none;
  z-index: 110;
}
.tips-fixed .tips-input{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 70%;
  max-width: 500px;
  
  line-height: 40px;
  background:#ffffff;
  padding: 0 10px;
  /*overflow: hidden;*/
  padding: 1.25rem .75rem;

}
.tips-fixed .tips-input .input-tit{
  text-align: center;
  font-size: 20px;
  color:#222222;
  line-height: 1.2;
  margin-bottom: .5rem;
}
.tips-fixed .tips-input .close{
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;cursor: pointer;
  right: 10px;
  background: url(../images/cha.png) no-repeat center;
  background-size: 100%;
}
.tips-fixed .tips-input .input{
  position: relative;
  height: 40px;
  overflow: hidden;
  color:#ffffff;
  padding-left: 85px;

}
.tips-fixed .tips-input .input.active{
  padding: 0 ;
}
.tips-fixed .tips-input .input.active input{
  width: 100%;
}
.tips-fixed .tips-input input[type=text]{
  padding-left: 5px;
  color:#333;
}
.tips-fixed .tips-input span{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color:#222222;
}
.tips-fixed .tips-input .input:nth-child(n+2){
  margin-top: 15px;
}
.tips-fixed .tips-input input[type=text]{
  width: 100%;
  height: 100%;
  background:#eeeeee;
}
.tips-fixed .tips-input input[type=button],
.tips-fixed .tips-input input[type=submit]{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100px;
  background: #008bda;
  color:#ffffff;
}
/*icon瀛椾綋*/
@font-face {
  font-family: 'icon/iconfont';
  src: url("icon/iconfont.eot");
  src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/iconfont.woff2") format("woff2"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f-l{
  overflow: hidden;
}
.f-l .f-img{
  width: 220px;
  float:right;
}
.f-l .f-word{
  width: calc(100% - 220px);
  float:left;
  padding-right: 1.1rem;

}
.j-down{
   width: 145px;
   height: 45px;
   line-height: 45px;
   font-size: 14px;
   color:#ffffff;
   text-align: center;
   background:#008bda;
   display: inline-block;
   vertical-align: middle;
}
.j-down:hover{
  color:#ffffff;
}
.j-down span,.j-down i{
  display: inline-block;
  vertical-align: middle;
}

.tdetail .i-box{
  font-size: 0;
  padding-bottom: .6rem;
  padding-top: .5rem;

}
.tdetail .i-box .i{
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  text-align: center;
  color:#666666;
  width: 260px;
}
.tdetail .txt2{
  font-size: 18px;
  color:#000000;
  font-weight: bold;
  padding-top: .5rem;
  padding-bottom: .4rem;
  line-height: 1;

}
.j-img img{
  max-width: 70%;

}
.tdetail-tit{
  line-height: 1;
  font-size:  30px;
  font-weight: bold;
  color:#008bda;
  padding-left: 55px;
  position: relative;
  margin-bottom: .75rem;
}
.tdetail-tit:after{
  position: absolute;
  width: 45px;
  height: 2px;
  background:#008bda;
  content:"";
  left:0;
  top:0;
  bottom: 0;
  margin: auto;
}
.tdetail .i-box .i .span{
  margin-top: 15px;
  line-height: 1.2;
}
.tdetail .i-box .i:nth-child(n+2){
  margin-left: 15px;
}

/*pagination */
.pagination {
  font-size: 0;
  text-align: center;
}
.pagination a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #666666;
  font-family: Arial;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  text-align: center;
  margin: 0 3px;
  transition: .5s ease-in-out;
}
.pagination a:hover, .pagination a.active {
  color: #fff;
  background: #008bda;
  transition: .5s ease-in-out;
}
.pagination .prev, .pagination .next {
  position: relative;
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pagination .prev:before {
  content: "\e608";
}
.pagination .next:before {
  content: "\e671";
}

.ttop {
  position: fixed;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: #333333;
  border-radius: 50%;
  right: 1.25rem;
  bottom: 2.25rem;
  display: none;
  cursor: pointer;
}
.ttop:hover {
  background: #008bda;
}

/*鏂伴椈璇︽儏*/
.news-details-bot {
  margin-top: 1.5rem;
}
.news-details-bot a {
  display: block;
  color: #666;
}
.news-details-bot .left-prev a {
  font-size: 15px;
  line-height: 25px;
  transition: .5s ease-in-out;
  height: 25px;
  overflow: hidden;
}
.news-details-bot .left-prev a:hover {
  color: #008bda;
  transition: .5s ease-in-out;
}
.news-details-bot .back {
  font-size: 14px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 48px;
  transition: .5s ease-in-out;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #eaeaea;
  position: relative;
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #343434;
}
.news-details-bot .back:before {
  content: "\e625";
}
.news-details-bot .back:hover {
  background: #008bda;
  color: #fff;
  transition: .5s ease-in-out;
}
.news-details-bot .left-prev {
  width: calc(100% - 230px);
}

.search-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #f5f5f5;
  display: none;
  z-index: 20;
}

.search-alert {
  position: fixed;
  z-index: 100;
  /*background-color: #222;*/
  background-color: rgba(0,0,0,.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.search-alert input::-webkit-input-placeholder {
  color: #fff;
}

.search-alert input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}

.search-alert input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}

.search-alert input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.search-alert .cent-form {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.cgl .close,
.search-alert .close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 38px;
  right: 3%;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background: url(../images/i301.png) no-repeat center;
  background-size: 100%;
}
.v-videofixed{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,.4);
  padding:0!important;
}
.v-videofixed{
	z-index: 110;
}
.drawinginfobox-fixed .close{
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
	  background: url(../images/i301.png) no-repeat center;
	  background-size: 100%;
	  cursor: pointer;
	  z-index: 30;

}
.v-videofixed .swiper-container,
.v-videofixed .videobox .items,
.v-videofixed .videobox .box{
	height: 100%;
}
.wel-recommend .img{
	text-align: center;
}
.v-videofixed.wel-recommend .img img{
	max-height: 100%;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;

}

.v-videofixed.wel-recommend .items:hover img{
	transform: none;
}

.v-videofixed .videobox{
  width: 70%;
  /*background:#ffffff;*/
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  /*max-width: 500px;*/
  height: 80%;
}

.v-videofixed .videobox .items{
  position: relative;
}
.v-videofixed .videobox .word{
  position: absolute;
  bottom: 0;
  width: 100%;
  color:#666;
  left: 0;
  text-align: center;
  padding: 10px;

}


.search-alert .cent-form:before {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 0;
  height: 17px;
  width: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/ico01.png) no-repeat center;
  background-size: 95%;
  /*content: "";*/
}

.search-alert .close:before {
  font-size: 30px;
  top: 0;
  left: 0;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 80px;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}

.search-alert .cent-form:before {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 0;
  height: 50px;
  top: 50%;
  margin-top: -35px;
}

.search-alert .cent-form .tex {
  border: none;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 100%;
  color: #f3b907;
  background: none;
  padding-left: 80px;
  padding-right: 140px;
  text-align: left;
}

.search-alert .cent-form .sub-butn {
  border: none;
  height: 60px;
  font-size: 32px;
  line-height: 60px;
  color: #fff;
  text-align: right;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 140px;
  text-align: center;
}

.search-alert {
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: -webkit-transform .3s .5s;
  transition: transform .3s .5s;
}

.search-alert.active {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
}

.search-alert.active .cent-form {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all .5s .3s;
  transition: all .5s .3s;
}

.news-detailsbox {
  font-size: 16px;
  line-height: 2;
  padding-top: 2.125rem;
  padding-bottom: 2.5rem;
  text-align: justify;
}
.news-detailsbox .detailsbox-tit {
  text-align: center;
  font-size: 0;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #e3e3e3;
}
.news-detailsbox .detailsbox-tit .tit {
  width: 690px;
  font-size: .75rem;
  margin: 0 auto;
  line-height: 1.125rem;
  color: #000000;
}
.news-detailsbox .detailsbox-tit .time {
  font-size: 14px;
  line-height: 1;
  position: relative;
  padding-left: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.4rem;
}
.news-detailsbox .detailsbox-tit .time:after {
  width: 16px;
  height: 16px;
  content: "";
  background: url(../images/a1.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.news-detailsbox .detailsbox-center {
  padding-top: 1.125rem;
  padding-bottom: 1.625rem;
  border-bottom: 1px solid #e3e3e3;
}
.news-detailsbox .detailsbox-center .span {
  text-align: center;
  font-size: 16px;
  color: #666666;
  text-transform: uppercase;
}
.news-detailsbox .dc-right {
  position: relative;
}
.news-detailsbox .dc-right .rf {
  padding: 1.25rem 0.925rem 1.5rem 1.125rem;
  width: 375px;
  position: absolute;
  right: 0;
  top: 2rem;
  background: #fff;
}
.news-detailsbox .dc-right .itbox {
  padding-top: 0.75rem;
  border-top: 1px solid #ececec;
  margin-top: 0.625rem;
}
.news-detailsbox .dc-right .tit {
  font-size: 24px;
  line-height: 1;
  color: #000000;
}
.news-detailsbox .dc-right .li {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  transition: .5s ease-in-out;
  padding-left: 30px;
  position: relative;
  display: block;
}
.news-detailsbox .dc-right .li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #cccccc;
  border-radius: 50%;
  left: 0;
  top: 10px;
  transition: .5s ease-in-out;
}
.news-detailsbox .dc-right .li:hover {
  transition: .5s ease-in-out;
}
.news-detailsbox .dc-right .li:hover:before {
  background: #008bda;
  transition: .5s ease-in-out;
}
.news-detailsbox .dc-right .li:nth-child(n+2) {
  margin-top: 0.375rem;
}
.news-detailsbox .dc-left {
  width: 950px;
}
/*产品列表*/
.pro_lists_tit{width: 100%;padding: 55px 70px;_overflow: hidden;background: #eee;clear:both;}
.pro_lists_tit .title{float: left;color: #080808;font-size: .75rem;font-weight: bold;}
.clear{clear:both;}
.pro_lists_tit .order_box{float:right;width:240px;}

.pro_lists_tit .order_box .ddl_box .ddl_order{
  width:240px;
  /*将默认的select选择框样式清除*/
  appearance:none;-moz-appearance:none;-webkit-appearance:none;
  font-size: 14px;color: #090909;font-weight: bold;
  border:0px;
  border-bottom:1px solid #121212;
  background: url(../images/pro_ctg_arrow_h.png) center right no-repeat;background-size: auto 100%;
  height: 40px;line-height:40px;box-sizing: border-box; padding-left: 10px;padding-right: 40px;
  position: relative;
}
.pro_lists_tit .order_box .ddl_box .ddl_order option{color:#090909;}

.pro_lists_tit .order_box .searchable-select {width:100%;color:#090909;font-size: 14px;background: url(../images/pro_ctg_arrow_h.png) center right no-repeat;background-size: auto 100%;}
.pro_lists_tit .order_box .searchable-select::after{background:#121212;}

@media only screen and (max-width:1200px ) {
  .pro_lists_tit{width: 100%;padding: 30px 40px;}
  .pro_lists_tit .title{font-size:24px;}
}
@media only screen and (max-width:768px ) {
  .pro_lists_tit .title{font-size:20px;}
}


/*产品列表页*/
.pro_main{width: 100%;box-sizing: border-box;overflow: hidden;background: #fafafa;}
/*产品栏目*/
.pro_main .pro_nav_box{float: left;width: 387px;border-bottom: 0px;border-right: 1px solid #ebebeb;box-sizing: border-box;}
.pro_main .pro_nav_box .nav_item{width:100%;border-bottom: 1px solid #ebebeb;}
.pro_main .pro_nav_box .nav_item .top_item{transition: all .3s linear; line-height: 72px;position: relative;transition: all .3s linear;}
.pro_main .pro_nav_box .nav_item .top_item a{width: 100%;height: 100%;font-size:.45rem; display: block;padding: 0px 40px;}
/*鼠标经过*/
.pro_main .pro_nav_box .nav_item:hover .top_item{background: #0093dd;}
.pro_main .pro_nav_box .nav_item:hover .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*点击展开*/
.pro_main .pro_nav_box .nav_item.on .top_item{background: #0093dd;}
.pro_main .pro_nav_box .nav_item.on .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}

/*子栏目定位*/
.pro_main .pro_nav_box .nav_item.active .top_item{background: #0093dd;}
.pro_main .pro_nav_box .nav_item.active .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}


.pro_main .pro_nav_box .nav_item .top_item .plus{transition: all .3s linear; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;}


/*.pro_main .pro_nav_box .nav_item .top_item:hover .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus{color:#FFFFFF;transform: rotate(45deg);}*/
.pro_main .pro_nav_box .nav_item .top_item .plus .pbox{position:relative;}
.pro_main .pro_nav_box .nav_item .top_item .plus .pbox::after{content:"+";font-size:36px;color:#cbcbcb; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;}
.pro_main .pro_nav_box .nav_item .top_item:hover .plus .pbox::after{color:#fff;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus .pbox::after{color:#fff;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus .pbox::after{content:"";width:18px;height:2px;background:#fff;top:35px;left:28px;}


.pro_main .pro_nav_box .nav_item .sub{padding:18px 0px;display: none;background:#ffffff;}
.pro_main .pro_nav_box .nav_item .sub li{padding: 0px 60px;line-height: 45px;}
.pro_main .pro_nav_box .nav_item .sub li a{box-sizing:border-box; display:block; font-size:0.4rem; transition: all .3s linear; width: 100%;padding-right: 30px;
  color: #333333;box-sizing: border-box; height: 100%;display: block;background: url(../images/pro_sub_arrow.png) right center no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_main .pro_nav_box .nav_item .sub li:hover a{border-bottom:1px solid #cccccc; text-indent: 10px;font-weight: bold;color: #ea2030;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;}
.pro_main .pro_nav_box .nav_item .sub li.on a{border-bottom:1px solid #cccccc;text-indent: 10px;font-weight: bold;color: #ea2030;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;}
.pro_main .pro_nav_box .nav_item .sub li.on2 a {
  color: #333333;
  font-weight: normal;
  text-indent: 0px;
}

.pro_main .pro_nav_box .nav_item .sub li.on2:hover a {
  border-bottom: 1px solid #cccccc;
  text-indent: 10px;
  font-weight: bold;
  color: #ea2030;
  background: url(../images/pro_sub_arrow_on.png) right center no-repeat;
}

/*产品列表*/
.pro_main .pro_list_box{float: right;width: calc( 100% - 387px );margin-bottom: 50px;}
.pro_main .pro_list_box ul{overflow: hidden;}
.pro_main .pro_list_box ul li{float: left; width: 25%;}
.pro_main .pro_list_box ul li .item_box{position: relative;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;background:#fff;border-right: 1px solid #e5e5e5;}
.pro_main .pro_list_box ul li .item_box .img_box img{width: 100%;height: auto;display: block;transition:all 220ms linear;}

.pro_main .pro_list_box ul li .item_box .img_box{overflow:hidden;}
.pro_main .pro_list_box ul li .item_box:hover .img_box img{transform:scale(1.1);}
.pro_main .pro_list_box ul li .item_box .con_box{width: 100%; }
.pro_main .pro_list_box ul li .item_box .con_box .line{width: 22px;height: 2px;background: #d20008;margin: 0px auto;margin-bottom: 15px;}
.pro_main .pro_list_box ul li .item_box .con_box .title{text-align: center;font-size: 0.45rem;line-height: 38.7px;color: #111111;width:80%;margin:0 auto 30px;}

.pro_main .pro_list_box ul li .item_box:hover .con_box .title{color:#0093dd;}
.pro_main .pro_list_box ul li .item_box .tools{visibility: hidden;opacity: 0;filter: alpha(opacity=0); background: rgba(18,58,109,0.91);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all .3s linear; }
/*.pro_main .pro_list_box ul li .item_box:hover .tools{visibility: visible;opacity: 1;filter: alpha(opacity=100); }*/
.pro_main .pro_list_box ul li .item_box .tools .item{box-sizing: border-box; width: 50%;height: 50%;float: left;display: table;transition: all .3s linear;}
.pro_main .pro_list_box ul li .item_box .tools .item:hover{background: rgba(18,58,109,0.95);}
.pro_main .pro_list_box ul li .item_box .tools .item a{display: table-cell;vertical-align: middle;text-align: center;}
.pro_main .pro_list_box ul li .item_box .tools .item .title{font-size: 14px;color: #FFFFFF;}

.pro_main .pro_list_box ul li .item_box .tools .item:nth-child(1){border-right: 1px solid #FFFFFF;}
.pro_main .pro_list_box ul li .item_box .tools .item:nth-child(3){border-right: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}
.pro_main .pro_list_box ul li .item_box .tools .item:nth-child(4){border-top: 1px solid #FFFFFF;}

@media only screen and (max-width:1440px ) {

  .pro_main .pro_nav_box{width: 300px;}
  .pro_main .pro_list_box{width: calc( 100% - 300px );}
  .pro_main .pro_list_box ul li{width: 33.333333%;}

}
@media only screen and (max-width:1200px ) {

  .pro_main .pro_nav_box{width: 280px;}
  .pro_main .pro_list_box{width: calc( 100% - 280px );}
}
@media only screen and (max-width:1024px ) {

  .pro_main .pro_list_box ul li{width: 50%;}
}

@media only screen and (max-width:900px ) {

  .pro_main .pro_nav_box{width: 260px;}
  .pro_main .pro_list_box{width: calc( 100% - 260px );}
}

@media only screen and (max-width:768px ) {
  .pro_main .pro_nav_box{width: 100%;margin-bottom: 30px;}
  .pro_main .pro_list_box{width: 100%;}
  .pro_main .pro_nav_box .nav_item .top_item{line-height: 50px;}
  .pro_main .pro_nav_box .nav_item .sub li{line-height: 35px;}
  .pro_main .pro_nav_box .nav_item .top_item .plus{width: 50px;height: 50px;line-height: 50px;font-size: 26px;}
}

@media only screen and (max-width:480px ) {
  .pro_main .pro_list_box ul{padding: 0px 10px;}
  .pro_main .pro_list_box ul li{width:100%;margin-bottom: 20px;}
  .pro_main .pro_list_box ul li .item_box{border: none;}
}

@media only screen and (max-width:375px ) {
  .pro_main .pro_list_box ul li{width:100%;margin-bottom: 12px;}
}

/*产品详情*/
.pd_pro_show{width: 100%; position: relative;padding-bottom: 30px;  background: url(../images/pd_pro_bg.jpg) top center no-repeat;background-size: 100% 100%;}
.pd_pro_show .top_icon{position: absolute;top: 50px;right: 85px;}
.pd_pro_show .content{width: 1200px;margin: 0px auto;}
.pd_pro_show .pc-slide {
  width: 100%;
  margin: 0 auto;
}

.pd_pro_show .view .swiper-container {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.pd_pro_show .view .swiper-wrapper{
  width: 100%;
}
.pd_pro_show .view .swiper-wrapper .swiper-slide{
  width: 100%;position: relative;
}
.pd_pro_show .view  .swiper-slide .img_box{
  width: 600px;height: 600px;margin: 0px auto;position: relative;
}

.pd_pro_show .view  .swiper-slide .img_box .bg_img {
  animation:rotating 6s linear infinite
}

.pd_pro_show .view  .swiper-slide .img_box .pro_img {
  width: 100%;height: 100%;position: absolute;top: 0px;left: 40px; opacity: 0.8;filter: alpha(opacity=80);transform: scale(0.88); transition: all 0.8s ease-in-out;
}
.pd_pro_show .view  .swiper-slide.swiper-slide-active .img_box .pro_img {
  left: 0px;opacity: 1;filter: alpha(opacity=100);transform: scale(1);
}

.pd_pro_show .view  .swiper-slide .con_box {
  width: auto;height: 100%; position: absolute;left: 40px;top: 0px;display: table;
}
.pd_pro_show .view  .swiper-slide .con_box .box {
  display: table-cell;vertical-align: middle;
}
.pd_pro_show .view  .swiper-slide .con_box .box .en_title{
  font-size: 60px;font-family: "BigJohn";font-weight: bold;color: #242424;margin-bottom: 10px;
}
.pd_pro_show .view  .swiper-slide .con_box .box .title{
  font-size: 25px;color: #000000;line-height: 40px;
}
.pd_pro_show .view  .swiper-slide .con_box .box .more{
  width: 136px;height: 54px;line-height: 54px;text-align: center;color: #FFFFFF;font-size: 14px;background: #002b62;border-radius: 27px;display: block;margin-top: 70px;transition: all linear .3s;
}
.pd_pro_show .view  .swiper-slide .con_box .box .more:hover{
  transform:translateZ(20px);transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
.pd_pro_show .view .arrow-left {
  transform: rotateY(180deg);
  background: url(../images/pd_pro_show_arrow.png) no-repeat center center;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -25px;
  width: 23px;
  height: 50px;
  z-index: 10;
  transition: all .3s linear;
}
.pd_pro_show .view .arrow-left:hover {
  background: url(../images/pd_pro_show_arrow_1.png) no-repeat center center;
}
.pd_pro_show .view .arrow-right {
  background: url(../images/pd_pro_show_arrow.png) no-repeat center center;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -25px;
  width: 23px;
  height: 50px;
  z-index: 10;
  transition: all .3s linear;
}
.pd_pro_show .view .arrow-right:hover {
  background: url(../images/pd_pro_show_arrow_1.png) no-repeat center center;
}
.pd_pro_show .preview {
  width: 100%;
  margin-top: 10px;
  position: relative;
  text-align: center;
}

.pd_pro_show .preview .swiper-container {
  /*width: 280px;*/
  /*border: 1px solid #dfdfdf;*/
  text-align: center;
}

.pd_pro_show .preview .swiper-slide {
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  cursor: pointer;
  border-right: 1px solid #dfdfdf;
  position: relative;
  float: none;
  display: inline-block;
}
.pd_pro_show .preview .swiper-container .swiper-wrapper{
  width: 100%;
  display: inline-block;
}
.pd_pro_show .preview .swiper-slide img{width: 100%;height: 100%; display: block;transform: scale(0.8);}

.pd_pro_show .preview .swiper-slide.active-nav::after{
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;bottom: 0px;left: 0px;background: #11396c;
}
.pd_pro_show .preview .single{
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #dfdfdf;
  margin:0 auto;
  display: inline-block;
}
.pd_pro_show .preview .single img{width: 100%;height: 100%; display: block;transform: scale(0.8);}

@media only screen and (max-width:1200px ) {
  .pd_pro_show .content{width: 100%;}
  .pd_pro_show .view  .swiper-slide .img_box{width: 520px;height: 520px;}
  .pd_pro_show .view .arrow-left{left: 25px;}
  .pd_pro_show .view .arrow-right{right: 25px;}
}

@media only screen and (max-width:1024px ) {
  .pd_pro_show .view  .swiper-slide .img_box{width: 480px;height: 480px;}

}

@media only screen and (max-width:768px ) {
  .pd_pro_show .view  .swiper-slide .img_box{width: 440px;height: 440px;}
}

@media only screen and (max-width:375px ) {
  .pd_pro_show .view .arrow-left{left: 15px;}
  .pd_pro_show .view .arrow-right{right: 15px;}
  .pd_pro_show .view  .swiper-slide .img_box{width: 350px;height: 350px;}
}

@media only screen and (max-width:320px ) {
  .pd_pro_show .view .arrow-left{left: 10px;}
  .pd_pro_show .view .arrow-right{right: 10px;}
  .pd_pro_show .view  .swiper-slide .img_box{width: 300px;height: 300px;}
}


/*产品详情分类*/
.pd_posi{width: 100%;background: #FFFFFF;}
.pd_posi .content{width: 1600px;margin: 0px auto; overflow: hidden;}
.pd_posi .posi_box{float: left;text-align: left;margin-top: 25px;}
.pd_posi .posi_box a{display: inline-block; font-size: 15px;color: #0e0e0e; height: 34px;line-height: 34px; vertical-align: middle;}
.pd_posi .posi_box a.index{width: 30px;background: url(../images/pd_icon_index.png) center center no-repeat;}
.pd_posi .back_btn{transition:all .3s linear; margin-top: 30px; float:right;display: block;width: 140px;height: 50px;line-height: 50px;text-align: center;color: #FFFFFF;background: #0093dd;border-radius: 25px;}
.pd_posi .back_btn:hover{background:#ddb875;}
.pd_class_box{width: 100%; background: #008bda;}
.pd_class_box ul{width: 100%;overflow: hidden; text-align: center;box-sizing: border-box;font-size: 0px;}
.pd_class_box ul li{display:inline-block; padding: 20px 40px;overflow: hidden;position: relative;box-sizing: border-box;cursor: pointer;}
.pd_class_box ul li .icon{width: 70px;height: 70px;margin: 0px auto;}
.pd_class_box ul li .icon img{width: 100%;height: 100%;display: block;}
.pd_class_box ul li .title{font-size: 13.89px;line-height: 30px; color: #FFFFFF;}
.pd_class_box ul li.on::after,.pd_class_box ul li:hover::after{ content: "";transform: rotate(-45deg); width: 30px;height: 30px;background: #FFFFFF;position:absolute; bottom: -28px;left: 50%;margin-left: -15px;}

.pd_con_box{width: 100%;padding-top: 70px;padding-bottom: 100px;}
.pd_con_box .content{width: 1200px;margin: 0px auto; }
.pd_con_box .pd_item{width: 100%;min-height: 250px;
  font-size: 16px;}
.pd_con_box .pd_item tr,.pd_con_box .pd_item td{
  border:1px solid #4d4d4d;
}
.pro_file_down {
  width: 40%;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  color: #fff;
  border-radius: 25px;
  text-align: center;
  margin: 50px auto;
  display: block;
  background: #008bda;
}
.pro_file_down:hover{
  color: #ffffff;
}
@media only screen and (max-width:1600px ) {
  .pd_posi .content{width: 100%;padding: 0px 20px;box-sizing: border-box;}

}

@media only screen and (max-width:1200px ) {
  .pd_con_box .content{width: 100%;padding: 0px 20px;box-sizing: border-box;}
}

@media only screen and (max-width:768px ) {
  .pd_posi .posi_box{width: 100%;float: none;text-align: center;}
  .pd_posi .back_btn{float: none;margin: 20px auto;}
  .pd_class_box ul li{width: 25%;padding: 20px 0px;}
  .pd_class_box ul li .icon{width: 50px;height: 50px;}
}

@media only screen and (max-width:375px ) {

  .pd_class_box ul li{padding: 15px 0px;}
  .pd_class_box ul li .icon{width: 40px;height: 40px;}
}
.scr-bar {
  overflow-y: auto;
}
.scr-bar::-webkit-scrollbar {
  width: 4px;
}
.scr-bar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.scr-bar::-webkit-scrollbar-thumb {
  background-color: #4ebb1a;
}
.scr-bar::-webkit-scrollbar-thumb:window-inactive {
  background-color: #adc067;
}
.scr-bar::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #adc067;
}

input, select, textarea {
  border: none;
  outline: none;
  background: none;
}

select {
  -webkit-appearance: none;
  background: url(../images/a5.png) no-repeat 90%;
}

textarea {
  resize: none;
}

.fa {
  background: #fafafa;
}

@media screen and (max-width: 1024px) {
  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pr-listbox.pr-listbox0 .pagination{
  margin-top: .3rem;
  }
  .about-bottit{
  padding: .4rem .2rem .3rem 0;
  font-size: .24rem;
  }

  .itemsi .i{
    font-size: .26rem;
  }
	.proli-listfixed .listbox1{
		padding: .3rem;
	}

	.drawinginfobox-fixed .close{
		width: 20px;
		height: 20px;
	}
	.j-img img{
		max-width: 100%;
	}
	.con-text span{
		    white-space: normal!important;
	}

  .tips-fixed .tips-input{
    width: 90%;
    max-width: 100%;
    line-height: .8rem;
    padding:.45rem;
    border-radius: .1rem;

  }
  .tips-fixed .tips-input .input-tit{
    font-size: .3rem;
  }
  .tips-fixed .tips-input .input{
    height: .8rem;

  }
  .tips-fixed .tips-input .input{
    padding-left: 1.4rem;
  }
  .tips-fixed .tips-input span{
    font-size: .24rem;
    width: 1.4rem;
  }
  .ybot-ul .ul .i{
    font-size: .24rem;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .1rem;
    margin-right: .08rem;
  }
  .s-ybot .ybot-ul .submit{
    position: static;
        transform: translateY(0%);
        margin-bottom: .3rem;
  }
  .ybot-ul .ul{
    padding: .2rem;
  }
  .tips-fixed .tips-input input[type=submit]{
    width: 1.2rem;
    font-size: .24rem;
  }
  .s-ybot .ybot-ul{
    padding-left: 0;
  }
  .tips-fixed{
    font-size: .24rem;
  }
  .s-yleft .items, .s-yleft .liitems{
    padding: .25rem .2rem;
  }

  .products-top {
      padding: .2rem .3rem;
      margin-bottom: .5rem;
  }
  .tgxt{
    /*margin-bottom: .5rem;*/
    font-size: .3rem;
  }
  .txgh{
    /*margin-top: .35rem;*/
    /*margin-bottom: .4rem;*/
  }




  .pc768 {
    display: none;
  }
  .f-l .f-word{
    width: 100%;
    padding:0;
    margin-bottom: .3rem;
  }
  .f-l .f-img{
    width: 100%;
    
  }
  .w75{
    max-width: 100%;
  }

  .v-videofixed .videobox{
    width: 90%;
  }
  .v-videofixed .videobox .word{
    font-size: .24rem;
    line-height: 1.3;
  }
  .drawing-list .list{
    padding-bottom: .4rem;
  }

  .m768 {
    display: block;
  }

  .pagination a {
    font-size: .2rem;
    line-height: .6rem;
    height: .6rem;
    width: .6rem;
    margin: 0 .05rem;
  }

  .pd50 {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }

  .search-alert .cent-form .tex {
    font-size: 14px;
    height: .8rem;
    line-height: .8rem;
    padding-left: .6rem;
    padding-right: 1.4rem;
  }

  .search-alert .cent-form {
    height: .9rem;
    margin-top: -.65rem;
  }

  .search-alert .cent-form .sub-butn {
    height: .6rem;
    font-size: .32rem;
    line-height: .6rem;
    width: 1.4rem;
  }
}
@keyframes anim2 {
  from {
    -webkit-clip-path: circle(1% at 50% 50%);
    clip-path: circle(1% at 50% 50%);
  }
  to {
    -webkit-clip-path: circle(100% at 50% 50%);
    clip-path: circle(100% at 50% 50%);
  }
}
@keyframes anim {
  from {
    -webkit-clip-path: circle(100% at 50% 50%);
    clip-path: circle(100% at 50% 50%);
  }
  to {
    -webkit-clip-path: circle(1% at 50% 50%);
    clip-path: circle(1% at 50% 50%);
  }
}
@keyframes acolor {
  0% {
    color: #ccc;
  }
  40% {
    color: #56418f;
  }
  66% {
    color: #ccc;
  }
  100% {
    color: #afd489;
  }
}
.secwen {
  opacity: 0;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  transition: opacity 0.45s linear 0.1s, -webkit-filter 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.45s linear 0.1s, filter 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.45s linear 0.1s, filter 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, -webkit-transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.secwen.animate {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.animate.add9 {
  transition-delay: .9s;
}

.animate.add10 {
  transition-delay: 1.0s;
}

.animate.add11 {
  transition-delay: 1.1s;
}

.wel-banner .words br {
  display: none;
}

img {
  max-width: 100%;
}

/*touch-acion:  pan-y ;*/
body {
  font-size: 14px;
  color: #666666;
  line-height: 1.7;
}

.w1400 {
  width: 1400px;
  margin: 0 auto;
}

/*鏂伴椈*/
.con-banner .images {
  height: 12.5rem;
}

.newslist-select {
  font-size: 0;
}
.newslist-select .items {
  display: inline-block;
  font-size: 16px;
  color: #b3b2b2;
  width: 300px;
  height: 68px;
  vertical-align: middle;
}
.newslist-select .inputbox {
  border: 1px solid #dcdcdc;
  position: relative;
}
.newslist-select .inputbox input[type=text] {
  width: 100%;
  height: 100%;
  padding-left: 28px;
  padding-right: 40px;
}
.newslist-select .inputbox input[type=submit] {
  width: 20px;
  height: 20px;
  background: url(../images/search.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
}
.newslist-select .selectbox {
  font-size: 20px;
  color: #fff;
  background: #008bda;
}
.newslist-select .selectbox select {
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 40px;
  -webkit-background: url(../images/a0.png) no-repeat 90%;
}
.newslist-select .selectbox select option {
  color: #ccc;
}

.w1410 {
  width: 1410px;
  margin: 0 auto;
}

.news-list {
  padding-top: 1.3rem;
  padding-bottom: 1.825rem;
}
.news-list .newslist {
  padding-top: 0.4rem;
  padding-bottom: 1.25rem;
}
.news-list .newslist-top {
  font-size: 0;
  padding: 0 0.25rem;
}
.news-list .newslist-top .items2 .tit {
  height: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news-list .newslist-top .items1 .tit {
  height: 36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.news-list .newslist-top .items {
  width: 48%;
  display: block;
  display: inline-block;
  vertical-align: top;
  margin-left: 4%;
  font-size: 12px;
  color: #fff;
  position: relative;
}
.news-list .newslist-top .items:nth-child(2n+1) {
  margin-left: 0;
}
.news-list .newslist-top .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.news-list .newslist-top .items img {
  transition: .5s ease-in-out;
}
.news-list .newslist-top .items .words {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 1rem 1.5rem 1.1rem 1rem;
}
.news-list .newslist-top .items .images {
  overflow: hidden;
  position: relative;
}
.news-list .newslist-top .items .images:after {
  position: absolute;
  content: "";
  background: url(../images/newsbg.png) no-repeat bottom;
  background-size: cover;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}
.news-list .newslist-top .items .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  word-break: break-all;
}
.news-list .newslist-top .items .time {
  line-height: 1;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.news-list .newslist-top .items .p {
  line-height: 30px;
  font-size: 18px;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news-list .newslist-top .items .more {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #efefef;
  font-size: 14px;
  color: #666666;
  margin-top: 1.2rem;
  transition: .5s ease-in-out;
}
.news-list .newslist-top .items2 {
  background: #fff;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  border: 1px solid #ebebeb;
}
.news-list .newslist-top .items2 .images {
  opacity: 0;
}
.news-list .newslist-top .items2:hover .more {
  background: #008bda;
  color: #fff;
  border-color: #fff;
  transition: .5s ease-in-out;
}
.news-list .newslist-top .items2 .words {
  height: 100%;
}
.news-list .newslist-top .items2 .time {
  margin-top: .5rem;
}
.news-list .newslist-bot {
  font-size: 0;
  position: relative;
  margin-bottom: 1.25rem;
}
.news-list .newslist-bot a {
  margin-bottom: 22px;
  background: #fff;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  padding: 1.25rem 1rem;
  padding-bottom: 1.625rem;
}
.news-list .newslist-bot .words {
  padding-top: .75rem;
}
.news-list .newslist-bot .tit {
  font-size: 20px;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 32px;
  height: 64px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news-list .newslist-bot .tit span{
  color: #ffffff;
  background:#f7c244;
  width: 35px;
  height: 35px;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  font-size: 16px;
  line-height: 35px;
  margin-right: 10px;
}
.news-list .newslist-bot .p span{
  color: #ffffff;
  margin-right: 10px;
  background:#008bda;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
}
.news-list .newslist-bot .p {
  font-size: 15px;
  line-height: 28px;
  color: #666666;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.375rem;
}
.news-list .newslist-bot .time {
  line-height: 1;
  font-size: 13px;
  color: #666666;
  font-family: Arial;
}
.news-list .newslist-bot .images {
  overflow: hidden;
  margin-top: 0.65rem;
}
.news-list .newslist-bot .images img {
  transition: .5s ease-in-out;
}
.news-list .newslist-bot .items {
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
  padding: 0  5px;
  position: relative;
}
.news-list .newslist-bot .items .it:after {
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  background: #008bda;
  left: 0;
  top: 0;
  transition: .5s ease-in-out;
}
.news-list .newslist-bot .items:hover .it:after {
  width: 100%;
  transition: .5s ease-in-out;
}
.news-list .newslist-bot .items:hover .tit {
  transition: .5s ease-in-out;
  color: #008bda;
}
.news-list .newslist-bot .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.news-cont {
  width: 100%;
  float: left;


}

.news-cont2 {
  display: block;
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
}

.news-txt {
  max-width: 1160px;
  padding: 0 0 45px 123px;
  /* border-bottom: 1px #e6e6e6 solid; */
  float: left;
  overflow: hidden;

}

.news-time {
  width: 79px;
  border-right: 1px #e6e6e6 solid;
  padding: 0 0 25px 3px;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
}
.news-detailsbox .detailsbox-center iframe{
  width: 80%;
  margin:0 auto;
  display: block;
}
.news-time-tx {
  color: #008bda;
  font-size: 48px;
  margin-top: 5px;
}

.news-time-tx2 {
  color: #767676;
  font-size: 14px;
  margin-top: 10px;
}

.news-title {
  margin-top: 8px;
  color: #2a292a;
  font-size: 18px;
}

.news-shuju {
  color: #c7c7c7;
  font-size: 12px;
  margin-top: 25px;
}

.news-tx {
  max-width: 1160px;
  color: #555555;
  font-size: 14px;
  margin-top: 20px;
  line-height: 24px;
}

.news-pic {
  width: 200px;
  margin-right: 20px;
  float: left;
}
.news-pic>img{
  width: 100%;
}
.news-txt2 {
  max-width: 1160px;
}
.news-txt3 {
  overflow: hidden;
}
.max650 {
  max-width: 650px;
}

.news-search {
  width: 24.2%;
  float: right;
  overflow: hidden;
}

.news-search-title,
.news-tj-title {
  color: #1d1d1d;
  font-size: 24px;
  margin-bottom: 20px;

}
.news-tj-pic>img{
  width:100%;
}

.news-tj-cont{
  display: block;
  margin-bottom: 30px;
}
.news-tj-title {
  text-align: center;
  margin-bottom: 14px;
}
.news-tj-tx{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color:#1d1d1d;
  font-size: 18px;
  margin-top: 20px;
}
.news-tj-tx2{
  color:#555555;
  font-size: 14px;
  margin-top: 25px;
  line-height: 24px;
}
.news-cont2{
  border-bottom: 1px solid #e6e6e6 ;
}
/*鍏充簬鎴戜滑*/
.about-tit .tit {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  background: #008bda;
  color: #fff;
  margin: 0 auto;
}
.about-tit .txt {
  font-size: .75rem;
  line-height: 1rem;
  font-weight: bold;
  text-align: center;
  color: #008bda;
  /*margin-top: 0.7rem;*/
}

.introduction {
  width: 1085px;
  margin: auto;
  padding-top: 1.675rem;
  padding-bottom: 2.25rem;
  font-size: 16px;
  line-height: 30px;
}

.introduction-words {
  padding-top: 1.125rem;
}
.introduction-words .items:nth-child(n+2) {
  margin-top: 1rem;
}
.introduction-words .items .tit {
  font-size: 20px;
  color: #776165;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.introduction-words .items .list .ibox {
  margin-top: 5px;
}
.introduction-words .items .list .i {
  position: relative;
  padding-left: 28px;
}
.introduction-words .items .list .i:after {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  background: #adc067;
  border-radius: 50%;
}
.introduction-words .items .itbox {
  font-size: 0;
  margin-top: 20px;
}
.introduction-words .items .itbox .li {
  border: 1px dashed #d9d9d9;
  width: 155px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  height: 130px;
  text-align: center;
  padding: 0 .75rem;
  padding-top: 0.625rem;
}
.introduction-words .items .itbox .li .txt {
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
}
.introduction-words .items .itbox .li .num {
  font-size: 1rem;
  line-height: 1;
}
.introduction-words .items .itbox .li:nth-child(n+2) {
  margin-left: .75rem;
}

/*浼佷笟璧勮川*/
.qualification {
  background: #ededed;
  padding: 2rem 0;
}
.qualification .list {
  overflow-y: auto;
  height: 720px;
  width: 1005px;
  margin: 0 auto;
  margin-top: 1.125rem;
}
.qualification .list .items {
  border-top: 1px solid #d5d5d5;
  padding-top: 1rem;
  padding-bottom: 0.875rem;
}
.qualification .list .items .item-left {
  width: 355px;
  font-size: 30px;
  color: #776165;
  line-height: 1;
    font-weight: bold;
    font-family: "FuturaBT Heavy";
}
.qualification .list .items .item-left span {
  font-size: 18px;
  font-family: "PingFang SC";
      display: inline-block;
    vertical-align: middle;
}

.qualification .list .items .item-right {
  width: calc(100% - 355px);
}
.qualification .list .items .item-right .w {
  line-height: 32px;
  color: #333333;
  font-size: 18px;
}
.qualification .list .items .item-right .more {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 14px;
  color: #008bda;
  line-height: 1.2;
  margin-top: 0.625rem;
}
.qualification .list .items .item-right .more:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #008bda;
  left: 0;
  bottom: 0;
}
.qualification .list::-webkit-scrollbar {
  width: 4px;
}
.qualification .list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.qualification .list::-webkit-scrollbar-thumb {
  background-color: #adc067;
}
.qualification .list::-webkit-scrollbar-thumb:window-inactive {
  background-color: #adc067;
}
.qualification .list::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #adc067;
}

/*鍙戝睍鍘嗙▼*/
.history-list {
  width: 1000px;
  margin: 0 auto;
  margin-top: 1.125rem;
  position: relative;
  padding-top: 1.25rem;
}
.history-list .list {
  padding-bottom: 2.175rem;
}
.history-list .wen {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  padding-top: 1.375rem;
  padding-bottom: .5rem;
}
.history-list .wen .time {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  color: #776165;
}
.history-list .wen .line {
  background: #776165;
  width: 20px;
  height: 2px;
  margin-top: 0.625rem;
  margin-bottom: .5rem;
}
.history-list .i {
  overflow: hidden;
}
.history-list .spanmore {
  margin: 0 auto;
  font-size: 14px;
  margin: 0 auto;
  width: 175px;
  height: 50px;
  line-height: 50px;
  background: #008bda;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.history-list:before {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d3d3d3;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 1;
}
.history-list:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #dfdfdf;
  left: 0;
  right: 0;
  background: #dfdfdf;
  position: absolute;
  margin: auto;
  top: 0;
  z-index: 0;
}
.history-list .img, .history-list .wen {
  width: 50%;
  zoom: 1;
}
.history-list .img:before, .history-list .wen:before {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}
.history-list .img {
  padding-bottom: 1.075rem;
  position: relative;
}
.history-list .img span {
  display: block;
  width: 1px;
  height: 1.075rem;
  position: absolute;
  background: #e6e6e6;
}
.history-list .img span:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #008bda;
  border-radius: 50%;
  bottom: -2px;
  left: -2px;
  z-index: 2;
}
.history-list .img.fl:after {
  right: 0;
  bottom: 0;
}
.history-list .img.fl span {
  right: 60%;
  bottom: 0;
}
.history-list .img.fr:after {
  left: 0;
  bottom: 0;
}
.history-list .img.fr span {
  left: 60%;
  bottom: 0;
}
.history-list .img:after {
  content: "";
  width: 60%;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
}
.history-list .fl .i {
  float: left;
}
.history-list .fl .w {
  float: left;
}
.history-list .fr .i {
  float: right;
}
.history-list .fr .w {
  float: right;
}
.history-list .i {
  width: 400px;
}
.history-list .w {
  width: 420px;
}

.history {
  padding-top: 2.05rem;
  padding-bottom: 1.8rem;
}

/*浼佷笟鏂囧寲*/
.culture-top .items {
  width: 49%;
  margin-left: 2%;
  float: left;
  background: #fff;
}
.culture-top .items .left, .culture-top .items .right {
  height: 305px;
}
.culture-top .items .left {
  width: 230px;
  position: relative;
}
.culture-top .items .left img {
  width: 122px;
  height: 122px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background: #008bda;
}
.culture-top .items .right {
  width: calc(100% - 230px);
  background: #fff;

  font-size: 16px;
  color: #666666;
  padding: 1rem 1.75rem 1.5rem 1.25rem;
  overflow-y: auto;
}
.culture-top .items .right .tit {
  line-height: 1.2;
  font-size: 24px;
  color: #4d4d4d;
}
.news-list .newslist-top .items2 .tit,
.culture-bot .items .tit span{
  color: #4d4d4d;
}
.culture-top .items .right .p {
  line-height: 30px;
  margin-top: 0.625rem;
}
.culture-top .items:nth-child(2n+1) {
  margin-left: 0;
}

.culture-bot {
  margin-top: 1rem;
}
.culture-bot .items {
  float: left;
  /*border: 1px solid #d2d2d2;*/
  width: 24%;
  margin-left: 1.3333333333%;
  height: 450px;
  overflow-y: auto;
  background:#fff;
  padding: 1.125rem 1rem;
}
.culture-bot .items .p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
}
.culture-bot .items .tit {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #333333;
  margin-bottom: 0.375rem;
  line-height: 1;
}
.culture-bot .items .tit span {
  position: relative;
  z-index: 2;
}
.culture-bot .items .tit:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  background: #adc067;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.culture-bot .items:nth-child(4n+1) {
  margin-left: 0;
}

.culture {
  background: #ededed;
  padding-top: 1.5rem;
  padding-bottom: 1.875rem;
}
.culture .about-tit .p {
  font-size: 16px;
  line-height: 30px;
  width: 1000px;
  text-align: center;
  margin: 0 auto;
  margin-top: .75rem;
  margin-bottom: 1.625rem;
}

/*鍏充簬鎴戜滑*/
/**/
.tit-p {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}

.serves-01 {
  padding-top: 1.875rem;
  padding-bottom: 2.25rem;
}
.serves-01 .tit-p {
  text-align: center;
  margin-top: 0.625rem;
}
.serves-01 .pw {
  font-size: 14px;
  color: #999999;
  padding-left: calc(105px + .1rem);
}
.serves-01 .in-bot {
  text-align: center;
  font-size: 0;
  margin-top: 2rem;
}
.serves-01 .in-bot input {
  display: inline-block;
  width: 175px;
  height: 50px;
  border: 1px solid #d5d5d5;
  color: #333333;
  transition: .5s ease-in-out;
  font-size: 14px;
  margin: 0 7px;
}
.serves-01 .in-bot input:hover {
  color: #fff;
  border-color: #008bda;
  background: #008bda;
  transition: .5s ease-in-out;
}
.serves-01 .inputbox {
  margin-top: 1.625rem;
  font-size: 16px;
  color: #666666;
}
.serves-01 .inputbox span {
  color: #008bda;
}
.serves-01 .inputbox .span {
  width: 105px;
  float: left;
  text-align: right;
  padding-right: .1rem;
}
.serves-01 .inputbox .it {
  float: left;
}
.serves-01 .inputbox .it2 {
  margin-left: .7rem;
}
.serves-01 .inputbox .it2 .span {
  width: auto;
}
.serves-01 .inputbox .it2 .input {
  width: auto;
  padding-left: 10px;
}
.serves-01 .inputbox .input {
  width: calc(100% - 105px);
  float: right;
  height: 60px;
}
.serves-01 .inputbox .input.tv {
  height: auto;
}
.serves-01 .inputbox .items {
  width: 50%;
  line-height: 60px;
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
}
.serves-01 .inputbox .items input, .serves-01 .inputbox .items select, .serves-01 .inputbox .items textarea {
  height: 60px;
  border: 1px solid #d5d5d5;
  padding-left: .5rem;
}
.serves-01 .inputbox .items .selects,
.serves-01 .inputbox .items input {
  width: 450px;
}
.serves-01 .inputbox .items select {
  width: 180px;
}
.serves-01 .inputbox .items textarea {
  border: 1px solid #d5d5d5;
  width: 450px;
  height: 195px;
  display: inline-block;
  vertical-align: top;
}

.serves-02 {
  padding-top: 1rem;
  padding-bottom: 2.625rem;
  background: #ededed;
}
.serves-02 .serves2-list {
  margin-top: .8rem;
  height: 805px;
  overflow: hidden;
  overflow-y: auto;
}
.serves-02 table {
  table-layout: fixed;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
}
.serves-02 table th {
  height: 60px;
  padding: 2px;
  line-height: 24px;
}
.serves-02 table th:nth-child(1) {
  width: 180px;
  /*background:#fff;*/
}
.serves-02 table th:nth-child(1)[rowspan]{
  /*background:#fff;*/
  
}

.serves-02 table th {
  font-weight: normal;
  word-break: break-all;
}
.serves-02 table th:nth-child(n+2) {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.serves-02 table th:last-child{
  width: 25%;
}
.serves-02 table thead th {
  color: #fff;
  font-size: 18px;
  background: #888;
}
.serves-02 table tbody tr:nth-child(2n+1) {
  background: #fff;
}
.serves-02 table tbody tr:nth-child(2n+2) {
  background: #ededed;
}
.serves-02 table tbody th {
  border: 1px solid #d9d9d9;
}

.tmore {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  font-size: 1.125rem;
  color: #008bda;
  cursor: pointer;
  display: none;
  animation: acolor 1s infinite linear .3s;
}

.serves-03 {
  padding-top: 2.25rem;
  padding-bottom: 1.75rem;
}

.serves03 .list {
  font-size: 0;
  padding-bottom: 0.875rem;
  margin-top: 0.9rem;
}
.serves03 .list .items-top {
  line-height: 55px;
  height: 55px;
  color: #fff;
  font-size: 20px;
  padding: 0 10px;
  text-align: center;
}
.serves03 .list .items-bot {
  padding: 0.875rem 1.5rem 1rem 0.875rem;
}
.serves03 .list .items-bot .t {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: .5rem;
  border-bottom: 1px solid #eaeaea;
}
.serves03 .list .items-bot .p {
  padding-top: .5rem;
}
.serves03 .list .items-bot .p .i {
  line-height: 20px;
  position: relative;
  padding-left: 40px;
}
.serves03 .list .items-bot .p .i:nth-child(n+2) {
  margin-top: .5rem;
}
.serves03 .list .items-bot .p .i img {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.serves03 .items {
  width: 49%;
  display: inline-block;
  font-size: 16px;
  color: #666666;
  margin-left: 2%;
  background: #fff;
  margin-bottom: 0.875rem;
  vertical-align: top;
}
.serves03 .items:nth-child(2n+1) {
  margin-left: 0;
}
.serves03 .tit {
  font-size: 0;
}
.serves03 .tit .span {
  width: 180px;
  height: 62px;
  line-height: 62px;
  background: #008bda;
  color: #fff;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.serves03 .tit .span span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.serves03 .tit .span i {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url(../images/a4.png) no-repeat center;
  background-size: 100%;
  margin-right: 8px;
}
.serves03 .tit .select {
  width: 258px;
  height: 62px;
  border: 1px solid #d9d9d9;
  margin-left: 7px;
  display: inline-block;
  vertical-align: middle;
}
.serves03 .tit .select select {
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 16px;
  padding-left: 25px;
}

/*璐ㄩ噺*/
.quality-box {
  padding-top: .8rem;
  padding-bottom: 2.625rem;
}
.quality-box .quality-fl {
  width: 350px;
}
.quality-box .gc{
	display: inline-block;
	vertical-align: middle;
}
.quality-box .quality-fl.gj{
	display: inline-block;
	vertical-align: middle;
	width: auto;

}
.quality-box .quality-fl .input {
  position: relative;
  width: 280px;
  height: 60px;
  background: #fff;
  font-size: 16px;
  color: #999999;
  margin: 0 auto;
  margin-bottom: 10px;
}
.quality-box .quality-fl .input input {
  height: 100%;
}
.quality-box .quality-fl .input input[type=text] {
  width: 100%;
  height: 100%;
  padding-left: 18px;
  padding-right: 35px;
}
.quality-box .quality-fl .input input[type=submit] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  background: url(../images/i4.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
}
.quality-box .quality-fl .items {
  color: #666;
  display: block;
  line-height: 52px;
  height: 52px;
  transition: .5s ease-in-out;
}
.quality-box .quality-fl .items:hover, .quality-box .quality-fl .items.active {
  background: #008bda;
  transition: .5s ease-in-out;
  color: #fff;
}
.quality-box .quality-fl .fl-list {
  background: #f2f2f2;
  padding: .6rem 0;
  border: 1px solid #e6e6e6;
}
.quality-box .quality-fl .fl-list .items {
  padding: 0 0.85rem;
}
.quality-box .quality-fl .fl-list .items a{
  color:#333;
}
.quality-box .quality-fl .items:hover a, .quality-box .quality-fl .items.active a{
  color: #ffffff;
}
.quality-box .quality-fl .fl-list span {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.quality-box .quality-fr {
  width: calc(100% - 460px);
}
.quality-box .quality-fr .quality-con {
  width: 1148px;
  max-width: 90%;
}

.quality-tit {
  font-size: .75rem;
  line-height: 1.2;
  color: #333333;
  font-weight: bold;
}

.quality-01 .tit-smil {
  font-size: 0.6rem;
  color: #776165;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: .5rem;
  margin-top: 20px;
}
.quality-01 .tit-smil:nth-child(1){
	margin-top: 0;
}
.quality-01 .itemsbox {
  margin-top: .75rem;
}
.quality-01 .li {
  display: block;
  height: 1.95rem;
  line-height: 1.95rem;
  color: #333333;
  font-size: 0.45rem;
  background: #fff;
  width: 48%;
  margin-left: 4%;
  margin-bottom: 10px;
  float: left;
  border: 1px solid #ebebeb;
  padding-left: 25px;
  padding-right: 75px;
  word-break: break-all;
  position: relative;
  transition: .5s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.quality-01 .li:hover {
  background: #008bda;
  color: #fff;
  transition: .5s ease-in-out;
}
.quality-01 .li:hover:after {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  transition: .5s ease-in-out;
}
.quality-01 .li:after {
  content: "\e62e";
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: .75rem;
  text-align: center;
  background: #fafafa;
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  transition: .5s ease-in-out;
}
.quality-01 .li:nth-child(2n+1) {
  margin-left: 0;
}

.drawing .selectbox {
  font-size: 16px;
  color: #333333;
  padding-top: .75rem;
}
.drawing .selectbox .tit {
  line-height: 1.1;
  margin-bottom: 15px;
}
.drawing .selectbox select {
  width: 560px;
  padding-left: 25px;
  background-color: #fcfcfc;
  height: 60px;
  border: 1px solid #e6e6e6;
  background-position: 95%;
}

.drawing-list {
  /*padding-top: 1rem;*/
}
.drawing-list .list {
  font-size: 0;
  padding-bottom: 1.125rem;
}
.drawing-list .items .img{
	height: 5rem;
	line-height: 5rem;
	text-align: center;

}

.drawing-list .items .img img{
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
}
.drawing-list .items {
  display: inline-block;
  font-size: 16px;
  color: #333333;
  background: #ffffff;
  border: 1px solid #ebebeb;
  margin-bottom: 14px;
  vertical-align: top;
  width: 24%;
  margin-left: 1.3333333333%;
  padding: 0.6rem;
  text-align: center;
}
.drawing-list .items .words {
  word-break: break-all;
  font-size: 16px;
  line-height: 24px;
  min-height: 48px;
  margin-top: 0.375rem;
}
.drawing-list .items:nth-child(4n+1) {
  margin-left: 0;
}

/*璐ㄩ噺*/
.con-text,
.text-con {
  color: #333333;
  font-size: 16px;
}
.application-bot .tit{
  color:#666;
}

.greempro .quality-tit {
  margin-bottom: .75rem;
}
.greempro .text-con {
  width: 850px;
  margin-bottom: .75rem;
}
.greempro .table th {
  border: 1px solid #e6e6e6;
}
.greempro .table th:nth-child(1) {
  width: 260px;
}
.greempro .table thead {
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  color: #fff;
  background: #adc067;
}
.greempro .table tbody tr:nth-child(2n+1) {
  background: #ffffff;
}
.greempro .table tbody tr:nth-child(2n+2) {
  background: #fafafa;
}
.greempro .table tbody th {
  height: 70px;
  padding: .25rem 1.125rem;
  font-size: 16px;
  font-weight: normal;
  text-align: inherit;
}

.target-list {
  font-size: 0;
}
.target-list .items {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #666666;
  background: #fcfcfc;
  border: 1px solid #e6e6e6;
  width: 24%;
  margin-left: 1.3333333333%;
  height: 160px;
  margin-bottom: 0.6rem;
  text-align: center;
  padding: .5rem;
  padding-top: 1rem;
}
.target-list .items .t {
  line-height: 25px;
}
.target-list .items:nth-child(4n+1) {
  margin-left: 0;
}
.target-list .items .span {
  line-height: 1.1;
  color: #008bda;
  font-size: 18px;
  font-family: Arial;
  margin-bottom: 0.25rem;
}
.target-list .items .span span {
  font-size: 1.1rem;
}

.safety.quality-01 .tit-smil {
  margin-bottom: 0.325rem;
}
.safety .img {
  width: 45px;
  height: 45px;
  margin-bottom: .5rem;
}
.safety.quality-01 .itemsbox {
  margin-top: 1.25rem;
}

.control .itembox {
  font-size: 0;
}
.control .itembox .items {
  font-size: 16px;
  /*font-size: .4rem;*/
  display: inline-block;
  vertical-align: top;
  width: 15%;
  margin-left: 2%;
  /*border: 1px solid #e6e6e6;*/
  text-align: center;
  height: 150px;
  padding-top: 0.625rem;
  position: relative;
}
.control .itembox .items:after{
	position: absolute;
	content: "";
	/*width: .6rem;*/
	/*height: .5rem;*/
  width: 1.8rem;
  height: 1.2rem;
	background:url(../images/jt.png) no-repeat center;
	background-size: 100%;
	top: 35px;
	left:-36px;
}
.control .itembox .items:nth-child(1):after{
	display: none;
}
.control .itembox .items:after{
	position: absolute;
}
.control .itembox .items:nth-child(6n+1) {
  margin-left: 0;
}
.control .itembox .items .span {
  line-height: 1.2;
  margin-top: 0.375rem;
}
.control .itembox .items .i {
  /*width: 1.625rem;*/
  /*height: 1.625rem;*/
  width: 65px;
  height: 65px;
  margin: 0 auto;
  border-radius: 50%;
  background: #adc067;
}
.control .quality-tit {
  margin-bottom: .75rem;
}
.control.quality-01 .itemsbox {
  margin-top: 1.125rem;
}
.control .btwen {
  font-size: 14px;
  color: #999999;
  line-height: 1.5;
  margin-top: 1.125rem;
}
.control .text {
  line-height: 2;
  margin-top: 1rem;
}

.management {
  color: #666666;
}
.management .quality-tit {
  margin-bottom: .75rem;
}
.management .tit {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin-bottom: .5rem;
}

.initiatives .words {
  line-height: 40px;
}

.initiatives-list {
  font-size: 0;
  margin-top: 0.875rem;
}
.initiatives-list .items {
  font-size: 16px;
  width: 48.5%;
  margin-left: 3%;
  display: inline-block;
  text-align: center;
  border: 1px solid #e6e6e6;
  vertical-align: top;
  margin-bottom: .75rem;
  padding: 0.625rem 1rem 0.875rem 1rem;
  min-height: 236px;
}
.initiatives-list .items:nth-child(2n+1) {
  margin-left: 0;
}
.initiatives-list .items .img {
  width: 1.45rem;
  height: 1.45rem;
  background: #adc067;
  border-radius: 50%;
  margin: 0 auto;
}
.initiatives-list .items .t {
  color: #333333;
  font-weight: bold;
  line-height: 1.2;
  font-size: 20px;
  margin-top: .5rem;
}
.initiatives-list .items .p {
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: .5rem;
}

/*header*/
.header2{
  border-bottom: 1px solid #e0e0e0;
}
.header2 .bocweb-header{
  position: inherit;
}
.header2 .header{
  border-bottom: none;
}
.bocweb-header {
  line-height: 80px;
  height: 80px;
  width: 100%;
  position: absolute;
  top: 39px;
  padding:0 4rem;
  z-index:30;

}
.bocweb-header .header{
  background:#fff;
  border-radius: 10px;
}
/*.bocweb-header:before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  width: 100%;*/
/*  height: 4px;*/
/*  background: #dcdcdc;*/
/*  left: 0;*/
/*  top: 0;*/
/*}*/
.bocweb-header .header {
  position: relative;
}
.bocweb-header .header .bocweb-logo {
  width: auto;
  margin-left: 0.875rem;
}
.bocweb-header .header .bocweb-logo img{
  margin-top: -5px;
}
.bocweb-header .header .s-box {
  position: absolute;
  right: 0.875rem;
  top: 0;
  font-size: 0;
}
.bocweb-header .header .s-box .li {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
}
.bocweb-header .header .s-box .li:nth-child(n+2) {
  margin-left: 0.9rem;
}
.bocweb-header .header .s-box .li a {
  background: transparent;
  padding: 0;
  margin: 0;
}
.bocweb-header .header .s-box .span {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  transition: .5s ease-in-out;
}
.bocweb-header .header .s-box .span:hover {
  transition: .5s ease-in-out;
}
.bocweb-header .header .s-box .sousuo {
  background: url(../images/i24.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.bocweb-header .header .s-box .sousuo:hover {
  background: url(../images/i26.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .header .s-box a.fx.span {
  background: url(../images/i25.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .header .s-box a.fx.span:hover {
  background: url(../images/i27.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .header .s-box .iconfont {
  font-size: 22px;
  color: #ffffff;
}
.bocweb-header .header .s-box .btn {
  width: 75px;
  height: 20px;
  background: url(../images/btn.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.bocweb-header .bocweb-nav {
  font-size: 0;
  text-align: center;
  /*width: 80%;*/
  float: left;
  margin-left: 1.7375rem;
}
.bocweb-header .nav-li {
  display: block;
  float: left;
  font-size: 16px;
  /*font-weight: bold;*/
  color: #333;
  vertical-align: middle;
}

.bocweb-header .nav-li.k {
  position: relative;
}
.bocweb-header .nav-li.k .nav-bot {
  position: absolute;
  z-index: 10;
  width: 200px;
  padding: 20px 10px;
  background: #eee;
  text-align: left;
  left: 0;
}
.bocweb-header .nav-li.k .nav-bot a {
  display: block;
  color: #666;
  font-size: 14px;
  /*background: #ffffff;*/
  line-height: 1.5;
  padding: 10px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: .5s ease-in-out;
}
.bocweb-header .nav-li.k .nav-bot a.active, .bocweb-header .nav-li.k .nav-bot a:hover {
  background: #008bda;
  color:#fff;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-li .nav-top {
  padding: 0 0.4875rem;
  box-sizing: border-box;
  position: relative;
  display: block;
}
.bocweb-header .nav-li .nav-top.active:after, .bocweb-header .nav-li .nav-top:hover:after {
  width: 100%;
  transition: .5s ease-in-out;
  opacity: 1;
}
.bocweb-header .nav-li .nav-top:after {
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  background: #008bda;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-li .nav-top {
  color: #222222;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-li .nav-top:hover, .bocweb-header .nav-li .nav-top.active {
  transition: .5s ease-in-out;
  color: #008bda;
}
.bocweb-header .nav-li .nav-bot {
  display: none;
}
.bocweb-header .active2 .nav-top:after{
  width: 100%;
  transition: .5s ease-in-out;
  opacity: 1;
}
.bocweb-header .active2 .nav-top {
  color:#3875d7!important;
}
/*header*/
/*footer*/
.bocweb-footer {
  background: #494949;
  font-size: 14px;
  overflow: hidden;
}
.bocweb-footer .bocweb-footer-top {
  padding-top: 1.75rem;
  padding-bottom: 1.325rem;
}
.bocweb-footer .bocweb-footer-bot {
  background: #333333;
  line-height: 110px;
  height: 110px;
}
.bocweb-footer .bocweb-footer-bot a {
  font-size: 14px;
  color: #808083;
  transition: .5s ease-in-out;
  display: inline-block;
}
.bocweb-footer .bocweb-footer-bot a:nth-child(n+2) {
  margin-left: 0.9rem;
}
.bocweb-footer .bocweb-footer-bot a:hover {
  transition: .5s ease-in-out;
  color: #fff;
}
.bocweb-footer .cont-fr {
  width: calc(100% - 1010px);
  position: relative;
  min-height: 270px;
  padding-left: 2.375rem;
  font-size: 14px;
  color: #fafafa;
  line-height: 1.1;
}
.bocweb-footer .cont-fr .t-02 {
  font-size: 14px;
  color: #c2c2c2;
  /*font-family: Arial;*/
  margin-top: 13px;
}
.bocweb-footer .cont-fr .bdshare {
  margin-top: 1.575rem;
  font-size: 0;
}
.bocweb-footer .cont-fr .bdshare a {
  padding: 0;
  margin: 0;
  font-size: 14px;
  display: inline-block;
  width: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  height: 1.5rem;
  background: #5e5e5e;
  margin-right: 10px;
  color: #ffffff;
  font-size: .75rem;
}
.bocweb-footer .cont-fr .bdshare .tianmao{
  width: 58px;
  height: 58px;
  background:url("../images/tianmao.png") center no-repeat;
}
.bocweb-footer .cont-fr .bdshare .taobao{
  width: 58px;
  height: 58px;
  background:url("../images/taobao.png") center no-repeat;
}
.bocweb-footer .cont-fr .bdshare .code{
  width: 80px;
  height: 80px;
  margin-top: -80px;
}
.bocweb-footer .cont-fr .t-ul:nth-child(n+2) {
  margin-top: 0.625rem;
}
.bocweb-footer .cont-fr:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 1px;
  height: 270px;
  background: rgba(255, 255, 255, 0.25);
}
.bocweb-footer .itembox {
  font-size: 0;
}
.bocweb-footer .itembox .items {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  padding-right: 1%;
}
.bocweb-footer .itembox .li {
  line-height: 30px;
}
.bocweb-footer .itembox .ul-top {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: .5rem;
}
.bocweb-footer .itembox a {
  color: #b8b8b8;
  display: block;
}
.bocweb-footer .itembox a:hover {
  color: #ffffff;
}
.bocweb-footer .itembox .ul2 {
  margin-top: 1.25rem;
}
.bocweb-footer .itembox .items1 {
  width: 230px;
}
.bocweb-footer .itembox .items2 {
  width: 145px;
}
.bocweb-footer .itembox .items3 {
  width: 140px;
}
.bocweb-footer .itembox .items4 {
  width: 145px;
}
.bocweb-footer .itembox .items5 {
  width: 190px;
}
.bocweb-footer .itembox .items6 {
  width: 155px;
}

.about-contact {
  text-align: center;
}
.about-contact .about-contact-tit, .about-contact .about-contact-txt {
  font-size: 0;
}
.about-contact .items {
  display: inline-block;
  font-size: 16px;
  color: #333;
  vertical-align: top;
}
.about-contact .about-contact-tit {
  border-bottom: 1px solid #e4e4e4;
  line-height: 72px;
  background: #ffffff;
}
.about-contact .about-contact-tit .items {
  color: #333333;
  width: 200px;
  text-align: center;
  border-right: 1px solid #e9e9e8;
  transition: .5s ease-in-out;
}
.about-contact .about-contact-tit .items:hover, .about-contact .about-contact-tit .items.active {
  color: #fff;
  background: #008bda;
  transition: .5s ease-in-out;
}
.about-contact .about-contact-tit .items:hover:after, .about-contact .about-contact-tit .items.active:after {
  opacity: 0;
}
.about-contact .about-contact-tit .items:nth-child(1) {
  border-left: 1px solid #e9e9e8;
}
.about-contact .about-contact-txt {
  line-height: 60px;
  border-bottom: 1px solid #e4e4e4;
  background: rgba(255,255,255,.5);
}
.about-contact .about-contact-txt .items {
  padding: 0 1.125rem;
  position: relative;
}
.about-contact .about-contact-txt .items:after {
  width: 1px;
  height: 17px;
  background: #d2d2d2;
  content: "";
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.about-contact .about-contact-txt .items:nth-child(n+2):after {
  opacity: 1;
}
.about-contact .about-contact-txt .items:hover span:after, .about-contact .about-contact-txt .items.active span:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.about-contact .about-contact-txt .items span {
  display: block;
  position: relative;
}
.about-contact .about-contact-txt .items span:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: #008bda;
  left: 0;
  bottom: -1px;
  opacity: 0;
  transition: .5s ease-in-out;
}

.environment img {
  width: 100%;
}

.environment-bot {
  font-size: 0;
}
.environment-bot .items {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - (75rem/40))/4);
  margin-left: 0.625rem;
  font-size: 0.4rem;
  color: #000000;
}
.environment-bot .items:nth-child(4n+1) {
  margin-left: 0;
}
.environment-bot .items .span {
  font-size: 0.4rem;
  line-height: 1.25rem;
  height: 1.25rem;
  text-align: center;
  color: #4d4d4d;
}

.environment-top .left {
  width: 23.5%;
  /*width: calc((100% - (75rem/40))/4);*/
}
.environment-top .span {
  font-size: 0.4rem;
  line-height: 1.25rem;
  height: 1.25rem;
  color: #000000;
  text-align: center;
}
.environment-top .right {
  /*width: calc((100% - (25rem/40))/ 4 * 3);*/
  width: 74.5%;
  font-size: 0;
}
.environment-top .right .img {
  overflow: hidden;
}
.environment-top .right .items {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - (50rem/40))/3);
  margin-left: 0.625rem;
}
.environment-top .right .items:nth-child(3n+1) {
  margin-left: 0;
}
#lxwm-map{
  margin-top: 30px;
}
.inside-box {
  padding-top: 66px;
  padding-bottom: 2.125rem;
}
.inside-box .bocweb-footer .cont-fr .bdshare a{
  color: #8fe352;
}
.inside-box .tmore {
  margin-top: 0.375rem;
}

.life .life-list {
  font-size: 0;
}
.life .life-list .items {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  margin-left: 3.5%;
  font-size: 16px;
}
.life .life-list .items .img {
  overflow: hidden;
}
.life .life-list .items .img img {
  transition: .5s ease-in-out;
}
.life .life-list .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.life .life-list .items:nth-child(3n+1) {
  margin-left: 0;
}
.life .life-list .items .words {
  padding-top: 0.625rem;
  padding-bottom: 1.375rem;
}
.life .life-list .items .tit {
  font-size: 24px;
  line-height: 34px;
  height: 34px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #776165;
}
.life .life-list .items .txt {
  font-size: 16px;
  line-height: 30px;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #666666;
  margin-bottom: .75rem;
  margin-top: 0.375rem;
}
.life .life-list .items .time {
  line-height: 1;
  font-size: 14px;
  color: #999999;
}

.development-list {
  position: relative;
  min-height: 8.5rem;
  padding-bottom: 0.5rem;
}
.development-list .img {
  overflow: hidden;
  width: 500px;
}
.development-list .img img {
  transition: .5s ease-in-out;
}
.development-list .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.development-list .itemsb {
  position: relative;
  display: block;
}
.development-list .words {
  width: 845px;
  padding-right: 0.75rem;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.development-list .words .tit {
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 34px;
  color: #776165;
}
.development-list .words .tbox {
  padding-top: 0.375rem;
  padding-bottom: 0.575rem;
}
.development-list .words .p {
  line-height: 30px;
  height: 120px;
  font-size: 16px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 2%;
}
.development-list .words .p *{
  display: block;
}
.development-list .words .txt {
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  height: 24px;
  /*padding-left: 45px;*/
  padding-left:0!important;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 0.425rem;
}
.development-list .words .txt:after {
  width: 35px;
  height: 2px;
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
}
.development-list .items {
  padding: 1.25rem 0;
}
.development-list .items:nth-child(n+2) {
  border-top: 1px solid #e1e1e1;
}
.development-list .items:nth-child(1) {
  padding-top: 0;
}

.welfare-top {
  text-align: center;
}
.welfare-top .tit {
  font-size: .75rem;
  line-height: 1.2;
  font-weight: bold;
  color: #008bda;
}
.welfare-top .txt {
  line-height: 30px;
  color: #666666;
  margin-top: 0.625rem;
}

.welfare-list {
  padding-top: 1.125rem;
  font-size: 0;
}
.welfare-list .items {
  display: inline-block;
  border: 1px solid #d9d9d9;
  width: calc((100% - 17px)/2);
  margin-left: 17px;
  padding-top: 1.25rem;
  padding-bottom: 0.875rem;
  text-align: center;
  vertical-align: top;
  margin-top: 17px;
}
.welfare-list .items .text-con {
  width: 75%;
  margin: 0 auto;
  padding-top: 0.625rem;
}
.welfare-list .items .img {
  width: 3.75rem;
  height: 3.75rem;
  margin: 0 auto;
}
.welfare-list .items .txt {
  line-height: 30px;
  height: 90px;
  color: #666;
}
.welfare-list .items .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: .5rem;
  color:#776165;
}
.welfare-list .items:nth-child(2n+1) {
  margin-left: 0;
}

.join-top {
  font-size: 0;
}
.video-fixed .videoboxs .box iframe{
  width: 100%;
  height: 100%;

}
.join-top .items {
  display: inline-block;
  width: calc((100% - 1rem)/2);
  margin-left: 1rem;
  position: relative;
  vertical-align: top;
  cursor: pointer;
}
.join-top .items .img {
  overflow: hidden;
}
.join-top .items.video{
  position: relative;

}
.join-top .items.video .iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;

}
.join-top .items.video .iframe iframe{
  width: 100%;
  height: 100%;
  display: none;
}
.join-top .items img {
  transition: .5s ease-in-out;
}
.join-top .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.join-top .items img {
  width: 100%;
}
.join-top .items.video .span {
  padding-left: 0;
}
.join-top .items.video .tv {
  padding-left: 110px;
  position: relative;
  line-height: 45px;
}
.join-top .items.video .tv:after {
  position: absolute;
  content: "";
  width: 45px;
  height: 45px;
  left: 1.25rem;
  top: 0;
  bottom: 0;
  background: url(../images/i33.png) no-repeat center;
  background-size: 100%;
  margin: auto;
}
.join-top .items .span {
  font-size: 18px;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
  bottom: 0;
  padding: 0.75rem 1.25rem;
}
.join-top .items .span span {
  font-size: 24px;
  font-family: Tahoma;
}
.join-top .items .img {
  position: relative;
}
.join-top .items .img:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/i32.png) no-repeat bottom;
  background-size: cover;
}
.join-top .items:nth-child(2n+1) {
  margin-left: 0;
}

.join-bot {
  padding-top: 1.875rem;
}
.join-bot .joinbot-tit {
  font-size: 0;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: .2rem;
}
.join-bot .joinbot-tit .li {
  font-size: 16px;
  color: #000000;
  display: inline-block;
  line-height: 46px;
  width: 160px;
  height: 46px;
  border: 1px solid #e4e4e4;
  text-align: center;
  border-bottom: none;
  cursor: pointer;
  transition: .5s ease-in-out;
  /*max-width: 20%;*/
}
.join-bot .joinbot-tit .li:hover, .join-bot .joinbot-tit .li.active {
  color: #ffffff;
  background: #008bda;
  border-color: #008bda;
  transition: .5s ease-in-out;
}

.join-button {
  width: 175px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background: #008bda;
  cursor: pointer;
  display: block;
  position: relative;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.campus.serves-01 .inputbox.ac .join-button{
	width: 160px;
	height: 55px;
	line-height: 55px;

}
.join-button.active:after {
  opacity: 1;
}
.join-button:after {
  position: absolute;
  content: "\e626";
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #008bda;
  opacity: 0;
  left: -30px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 18px;
  animation: animation-1 2s linear 1s infinite alternate;
}
.join-button:hover {
  color: #fff;
}

.joinbot-list .join-button {
  margin-top: 1.75rem;
}
.joinbot-list .tr {
  display: block;
  padding: 0 0.75rem;
  font-size: 0;
}
.joinbot-list .th {
  display: inline-block;
  vertical-align: middle;
}
.joinbot-list .dz{
  text-align: center;
}
.joinbot-list .join-thead {
  background: #adc067;
  line-height: 55px;
  border: 1px solid #e5e5e5;
  color: #fff;
}
.joinbot-list .join-thead .th {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}
.joinbot-list .join-tbody .th {
  /*line-height: 55px;*/
  line-height: 1.5;
  padding: 10px 0;
  font-size: 14px;
  color: #999999;
}
.joinbot-list .join-tbody .tr {
  border: 1px solid #e5e5e5;
}
.joinbot-list .join-tbody .tr:nth-child(2n+1) {
  background: #ffffff;
}
.joinbot-list .th {
  width: calc((100% - 450px)/2);
}
.joinbot-list .td-last.th {
  width: 150px;
  text-align: center;
}

.joindetails-box .annniu {
  margin-top: 0;
}
.joindetails-box .tit-20 {
  font-size: 20px;
  margin-bottom: .5rem;
}
.joindetails-box .tit {
  margin-bottom: .75rem;
}
.joindetails-box .words:nth-child(n+2) {
  margin-top: .75rem;
}

.campus.serves-01 .inputbox {
  margin-top: 0;
  color: #000000;
}
.campus.serves-01 .inputbox.ac .items{
	/*width: auto;*/
	/*float: none;*/
	/*display: inline-block;*/
	/*vertical-align: top;*/
	/*margin: 0 1%;*/
	width: auto;
	padding-right: 1.5%;

}
.joindetails-box .campus.serves-01 .inputbox.ac .annniu{
	display: inline-block;
	vertical-align: top;
	margin: 0 1%;

}
.campus.serves-01 .inputbox .items {
  width: 33.33%;
  position: relative;
}
.campus.serves-01 .inputbox .items .input {
  overflow: hidden;
}
.campus.serves-01 .inputbox .items span {
  position: absolute;
  right: 0;
  top: 0;
}
.campus.serves-01 .inputbox .items input, .campus.serves-01 .inputbox .items select {
  width: 340px;
  box-sizing: border-box;
}
.campus.serves-01 .inputbox .items .button {
  cursor: pointer;
  width: 160px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  float: left;
  position: relative;
  background: #008bda;
  color: #ffffff;
}
.campus.serves-01 .inputbox .items .button span {
  display: inline-block;
  position: static;
  color: #ffffff;
}

.campus.serves-01 .inputbox .items .fileinp{
  margin-left: 10px;
}
.campus.serves-01 .inputbox .items .k .fileinp{
  position: absolute;
  left: 103%;
  color:#666;
  top: 0;
  margin-left: 0;
}
.campus.serves-01 .inputbox .items .k {
  overflow: visible;
}
.campus.serves-01 .inputbox .items .button input {
  border: none;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.process {
  position: relative;
  padding-bottom: 1.05rem;
}
.process .process-images {
  height: 515px;
}
.process .process-words {
  text-align: center;
  font-size: 0;
  padding: 3.2rem 0;
}
.process .process-words .items {
  display: inline-block;
  background: #ffffff;
  width: 15%;
  margin-left: 2%;
  font-size: 16px;
  color: #000000;
  padding: 1.375rem 0.1rem;
  vertical-align: top;
}
.process .process-words .items:nth-child(2n+2) {
  margin-top: 1.5rem;
}
.process .process-words .items .span {
  line-height: 1.2;
  margin-top: 0.375rem;
}
.process .process-words .items:nth-child(6n+1) {
  margin-left: 0;
}

.arrangements {
  padding-top: 1.75rem;
  padding-bottom: 1.925rem;
}
.applicationdetails2.arrangements{
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.arrangements table {
  width: 100%;
}
.arrangements th {
  font-weight: normal;
  height: 40px;
      text-align: left;
    padding-left: 5px;
}
.arrangements thead {
  color: #fff;
  background: #adc067;
  font-size: 16px;
}
.arrangements thead th {
  height: 50px;
  border: 1px solid #b2dea6;
  text-align: center;
}
.arrangements tbody tr {
  font-size: 13px;
  color: #666666;
}
.arrangements tbody tr:nth-child(2n+2) {
  background: #fff;
}
.arrangements tbody th {
  border: 1px solid #f0f0f0;
}

.header {
  border-bottom: 1px solid #e0e0e0;
}

.contact {
  padding: 1rem 2rem;
  /*padding: 1.625rem 4.25rem;*/
  padding-bottom: 1rem;
}

.contact-box {
  position: relative;
}
.contact-box .contact-left {
  width: calc(100% - (1215rem/40));
  padding-right: 2.75rem;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.contact-box .contact-left .tit {
  font-size: .75rem;
  font-weight: bold;
  line-height: 1rem;
  color: #776165;
  padding-bottom: 1rem;
}
.contact-box .contact-left .list {
  height: calc(100% - 2rem);
  overflow-y: auto;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  padding-right: 1.625rem;
}
.contact-box .contact-left .list::-webkit-scrollbar {
  width: 4px;
}
.contact-box .contact-left .list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.contact-box .contact-left .list::-webkit-scrollbar-thumb {
  background-color: #008bda;
}
.contact-box .contact-left .list::-webkit-scrollbar-thumb:window-inactive {
  background-color: #008bda;
}
.contact-box .contact-left .list::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #008bda;
}
.contact-box .contact-left .list .li {
  cursor: pointer;
  padding: .5rem 0;
}
.contact-box .contact-left .list .li:hover, .contact-box .contact-left .list .li.active {
  color: #008bda;
}
.contact-box .contact-left .list .li:nth-child(n+2) {
  border-top: 1px solid #e0e0e0;
}
.contact-box .contact-left .list .li:nth-child(1) {
  padding-top: 0;
}
.contact-box .contact-right {
  /*width: 30.375rem;*/
  /*height: 16.25rem;*/
  width: 35rem;
  height: auto;
}
.contact-box .contact-right .map {
  position: relative;
}
.contact-box .contact-right .map img {
  width: 100%;
}
.contact-box .contact-right .map .i img{
  /*width: 65%;*/
}
.contact-box .contact-right .map .buttons {
  line-height: 1;
}
.contact-box .contact-right .map .pb {
  padding-right: 0.5rem;
  font-size: 12px;
  color: #ffffff;
  font-family: Arial;
}
.contact-box .contact-right .map .swiper-pagination {
  position: static;
  display: inline-block;
  left: .5rem;
  bottom: 0;
  z-index: 4;
  padding: 0 .5rem;
  line-height: 1;
  height: 6px;
}
.contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #a79cc5;
  opacity: 1;
}
.contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
  margin-left: 10px;
}
.contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
}
.contact-box .contact-right .map.animate .maptit-li{
  max-height: 80%;
  overflow:hidden;
}
.contact-box .contact-right .map .maptit {
  position: absolute;
  right: 8.5rem;
  bottom: 4.25rem;
  background: #726593;
  width: 350px;
  /*min-height: 250px;*/
  padding-bottom: .5rem;
  transition:1.6s ease-in-out;
      transform: translateY(0);
}
.contact-box .contact-right .map .maptit .items {
  padding: .5rem;
  padding-bottom: 0.25rem;
}
.contact-box .contact-right .map .maptit .tit {
  font-size: 18px;
  line-height: 26px;
  /*max-height: 56px;*/
  font-weight: bold;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 10px;
}
.contact-box .contact-right .map .maptit .p{
  margin-bottom: 10px;
  font-size: 12px;
    color: #fff;
    line-height: 1.3;

}

/*棣栭〉*/
.wel-serves .wordsbox .recommendmore span {
  transition: .5s ease-in-out;
}

.wel-serves .wordsbox:hover .recommendmore span {
  transform: translateX(10px);
  transition: .5s ease-in-out;
}

.welmore {
  font-size: 0;
  color: #008bda;
  width: 198px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #ffffff;
  transition: .5s ease-in-out;
}
.welmore b, .welmore span {
  transition: .2s ease-in-out;
}
.welmore b {
  font-weight: normal;
  font-size: 12px;
  vertical-align: middle;
}
.welmore span {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 6px;
  background: url(../images/i41.png) no-repeat center;
  background-size: 100%;
  margin-left: 0.325rem;
}
.welmore:hover {
  color: #ffffff;
  background: #008bda;
  transition: .5s ease-in-out;
}
.welmore:hover b, .welmore:hover span {
  transition: .2s ease-in-out;
}
.welmore:hover span {
  background: url(../images/k4.png) no-repeat center;
  background-size: 100%;
}

.news-more {
  font-size: 0;
  color: #333333;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #434343;
  display: block;
  transition: .5s ease-in-out;
}
.news-more b {
  font-weight: normal;
  font-size: 16px;
  vertical-align: middle;
}
.news-more:hover {
  color: #ffffff;
  background: #ff8c00;
  border-color: #ff8c00;
  transition: .5s ease-in-out;
}
.news-more:hover span {
  background: url(../images/i46.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.news-more span {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 8px;
  background: url(../images/i45.png) no-repeat center;
  background-size: 100%;
  margin-left: 0.475rem;
  transition: .5s ease-in-out;
}

.recommendmore {
  font-size: 0;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  background: #008bda;
}
.recommendmore b {
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
.recommendmore span {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 6px;
  background: url(../images/i44.png) no-repeat center;
  background-size: 100%;
  margin-left: 0.325rem;
}

.aboutmore {
  font-size: 0;
  width: 235px;
  height: 54px;
  line-height: 52px;
  text-align: center;
  border: 1px solid #fdfefe;
  font-size: 14px;
  color: #ffffff;
  display: block;
  transition: .5s ease-in-out;
}
.aboutmore b {
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
.aboutmore span {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 6px;
  background: url(../images/i44.png) no-repeat center;
  background-size: 100%;
  margin-left: 0.325rem;
}
.aboutmore:hover {
  color: #fff;
  background: #008bda;
  border-color: #008bda;
  transition: .5s ease-in-out;
}
.aboutmore:hover span {
  background: url(../images/i44.png) no-repeat center;
  background-size: 100%;
}
.wel-banner{
  position: relative;
}
.wel-banner .items {
  display: block;
  position: relative;
}
.wel-banner .images {
  height: 15.5rem;
}
.wel-banner .buts {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: 2rem;
  width: 100%;
  left: 0;
  z-index: 5;
}
.wel-banner .buts .swiper-pagination {
  width: 100%;
  font-size: 14px;
  color: #ffffff;
}
.wel-banner .buts .swiper-pagination .swiper-pagination-bullet {
  line-height: 1;
  padding: 0 0.45rem;
  padding-top: 0.375rem;
  background: transparent !important;
  position: relative;
  text-align: center;
  width: auto;
  height: auto;
}
.wel-banner .buts .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  background: url(../images/i42.png) no-repeat center;
  background-size: 100%;
}
.wel-banner .buts .swiper-pagination .swiper-pagination-bullet:after {
  width: 12px;
  height: 12px;
  content: "";
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../images/i43.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  opacity: 1;
}
.wel-banner .words {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  color: #ffffff;
  padding: 3.75rem 3.25rem 3.625rem 3.25rem;
}
.wel-banner .words .tit {
  font-family: Arial;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}
.wel-banner .words .txt {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  line-height: 28px;
  margin-top: 0.375rem;
}
.wel-banner .words .line {
  background: #ffffff;
  width: 33px;
  height: 2px;
  margin: .5rem 0;
}
.wel-banner .words .t {
  font-size: 1.05rem;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

.wel-pro-list {
  background: url(../images/i17.jpg) no-repeat center;
  background-size: cover;
  padding: 0 4rem;
  padding-top: .85rem;
  padding-bottom: .85rem;
}
.wel-pro-list .ul {
  font-size: 0;
  padding: .8rem 0;
}
.wel-pro-list .prolist {
  padding: .8rem 0;
  position: relative;
}
.wel-pro-list .prolist:nth-child(1) {
  padding-top: 0;
  z-index: 3;
}
.wel-pro-list .tit {
  font-size: .8rem;
  line-height: 1;
  color: #008bda;
  /*margin-bottom: 0.625rem;*/
  padding: 0 19px;

}
.wel-pro-list .line {
  padding: 0 25px;
}
.wel-pro-list .line span {
  display: block;
  width: 100%;
  height: 1px;
  background: #dddddd;
}
.wel-pro-list .li {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  color: #666666;
  padding-right: 1%;
  position: relative;
}
.wel-pro-list .li .li-bot {
  font-size: 16px;
  line-height: 1.6;
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: .75rem;
  width: 100%;
  z-index: 3;
  display: none;
}
.wel-pro-list .li .li-bot .box {
  background: #fff;
  padding: .5rem;
  border-radius: 5px;
  /*max-height: 220px;*/
  /*overflow-y:auto;*/
}
.wel-pro-list .li .li-bot .i {
  padding: 0 5%;
  transition: .5s ease-in-out;
}
.wel-pro-list .li .li-bot .i:hover {
  color: #008bda;
  transition: .5s ease-in-out;
}
.wel-pro-list .li .li-top {
  line-height: 35px;
  height: 35px;
  overflow: hidden;
  padding-left: 19px;
  position: relative;
  font-size: 18px;
  color: #444444;
}
.wel-pro-list .li .li-top:hover .span:after, .wel-pro-list .li .li-top.active .span:after {
  transition: .5s ease-in-out;
  opacity: 1;
}
.wel-pro-list .li .li-top:hover:after, .wel-pro-list .li .li-top:hover:before, .wel-pro-list .li .li-top.active:after, .wel-pro-list .li .li-top.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.wel-pro-list .li .li-top .span {
  height: 100%;
  display: inline-block;
  position: relative;
  transition:.5s ease-in-out;
}
.wel-pro-list .li .li-top:hover .span{
	transition:.5s ease-in-out;
	color:#008bda;
}
.wel-pro-list .li .child{
  font-size: 16px;
  color: #666666;
}
/*.wel-pro-list .li .li-top .span:after {*/
/*  content: "";*/
/*  width: 100%;*/
/*  opacity: 0;*/
/*  height: 1px;*/
/*  background: #008bda;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  margin: auto;*/
/*  transition: .5s ease-in-out;*/
/*}*/
/*.wel-pro-list .li .li-top:after {*/
/*  content: "";*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  border-radius: 50%;*/
/*  border: 1px solid #008bda;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  margin: auto;*/
/*  background-color: #f3f3f3;*/
/*  z-index: 2;*/
/*  opacity: 0;*/
/*}*/
/*.wel-pro-list .li .li-top:before {*/
/*  content: "";*/
/*  width: 1px;*/
/*  height: 100%;*/
/*  background: #008bda;*/
/*  position: absolute;*/
/*  left: 9px;*/
/*  bottom: -8px;*/
/*  margin: auto;*/
/*  transform: rotate(-45deg);*/
/*  opacity: 0;*/
/*}*/
.wel-pro-list .li a {
  display: block;
  color: #666666;
}

.recommend-swiper {
  position: relative;
}

.wel-tit {
  text-align: center;
  font-size: 1.05rem;
  color: #000000;
  line-height: 1.2;
}

.wel-recommend {
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}
.wel-recommend .wel-tit {
  margin-bottom: .7rem;
  color:#008bda;
}
.wel-recommend .words {
  border: 1px solid #b7b7b7;
  border-top: none;
  padding: 0.875rem;
  padding-bottom: 3rem;
  position: relative;
  font-size: 14px;
  /*color: #000000;*/
  color:rgba(0,0,0,.8);
}
.wel-recommend .items {
  display: block;
  padding: 1px;
}
.wel-recommend .items:hover img {
  transform: scale3d(1.05, 1.05, 1);
  transition: .5s ease-in-out;
}
.wel-recommend .items:hover .recommendmore {
  background: #008bda;
  transition: .5s ease-in-out;
}
.wel-recommend .img {
  overflow: hidden;
}
.wel-recommend .img img {
  transition: .5s ease-in-out;
}
.wel-recommend .tit {
  font-size: 30px;
  line-height: 40px;
  /*color: #000000;*/
  color:rgba(0,0,0,.8);
  font-family: Arial;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.wel-recommend .txt2 {
  font-size: 20px;
}
.wel-recommend .txt {
  font-size: 16px;
  /*color: #000000;*/
  color:#666;
  line-height: 30px;
  height: 30px;
  /*display: -webkit-box;*/
  /*-webkit-box-orient: vertical;*/
  /*-webkit-line-clamp: 3;*/
  /*overflow: hidden;*/
  margin-top: 10px;
  margin-bottom: 15px;
}
.wel-recommend .p {
  line-height: 26px;
  height: 78px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.wel-recommend .recommendmore {
  right: 0;
  bottom: 45px;
  position: absolute;
  transition: .5s ease-in-out;
}
.wel-recommend .swiper-button-prev, .wel-recommend .swiper-button-next {
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid #e2e2e2;
  background: transparent;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  color: #828282;
  transition: .5s ease-in-out;
}
.wel-recommend .swiper-button-prev:hover, .wel-recommend .swiper-button-next:hover {
  color: #ffffff;
  background-color: #008bda;
  border-color: #008bda;
  transition: .5s ease-in-out;
}

.wel-serves .img {
  height: 16rem;
}
.wel-serves .images {
  position: relative;
  /*line-height: 16rem;*/
}
.wel-serves .wordsbox {
  display: block;
  width: 550px;
  height: 260px;
  background: #adc067;
  margin-top: -200px;
  position: relative;
  padding: 1.2rem 1rem;
  padding-right: 2rem;
  box-shadow: 15px 12px 50px 20px rgba(38, 11, 112, 0.3);
}
.wel-serves .wordsbox .txt {
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wel-serves .wordsbox .txt span{
	font-size: 14px!important;
}
.wel-serves .wordsbox .recommendmore {
  margin-top: 1rem;
  line-height: 1;
  height: auto;
  width: auto;
  display: inline-block;
  background: #adc067;
}
.wel-serves .wordsbox .tit {
  font-size: 0.7rem;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 0.625rem;
}
.wel-serves .wordsbox0 {
  padding-right: 0.7rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.wel-serves .wordsbox0 .wordsbox {
  z-index: 3;
}
.wel-serves .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
}
.wel-serves .words .text {
  font-size: 24px;
  line-height: 1.2;
  color: #ffffff;
  padding-top: 5rem;
}
.wel-serves .words .text .txt{
  text-indent: 2px;
      letter-spacing: 3px;
}
.wel-serves .words .text .tit {
  font-size: 1.3rem;
  margin-bottom: .75rem;
}

.wel-news {
  position: relative;
  padding-top: calc((110rem/40) + 30px);
  /*padding-top: calc((110rem/40) + 80px);*/
}
.wel-news .welnews-top .left {
  line-height: 1;
}
/*.wel-news .welnews-top .right {*/
/*  width: 765px;*/
/*}*/
.wel-news .welnews-top .right .txt {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}
.wel-news .welnews-top .en {
  font-size: 1.2rem;
  color: #008bda;
}
.wel-news .welnews-top .cn {
  font-size: 0.9rem;
  font-weight: bold;
  /*color: #222222;*/
  color:rgba(0,0,0,.8);
  margin-top: 10px;
}
.wel-news .welnews-bot {
  margin-top: 2rem;
  font-size: 0;
  padding-bottom: 2.75rem;
}
.wel-news .welnews-bot .items {
  font-size: 14px;
  color: #666666;
  display: inline-block;
  vertical-align: top;
  width: 22%;
  margin-left: 4%;
  border: 1px solid #999999;
  padding: 0.875rem;
  line-height: 1.2;
  padding-bottom: 1.75rem;
  transition: .5s ease-in-out;
}
.wel-news .welnews-bot .items:nth-child(4n+1) {
  margin-left: 0;
}
.wel-news .welnews-bot .items:hover {
	border-color: #ff8c00;
  color: #ffffff;
  background: #ff8c00;
  transition: .5s ease-in-out;
}
.wel-news .welnews-bot .items:hover .time {
  color: #ffffff;
  transition: .5s ease-in-out;
}
.wel-news .welnews-bot .items:hover .welmore b {
  color: #fff;
  transition: .5s ease-in-out;
}
.wel-news .welnews-bot .items:hover .welmore span {
  background: url(../images/k4.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.wel-news .welnews-bot .items .time {
  font-size: 16px;
  color: #666666;
  transition: .5s ease-in-out;
}
.wel-news .welnews-bot .items .tit {
  font-size: 18px;
  line-height: 30px;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  margin-top: 1.25rem;
  margin-bottom: 0.325rem;
}
.wel-news .welnews-bot .items .p {
  font-size: 14px;
  line-height: 30px;
  height: 120px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.wel-news .welnews-bot .items .welmore {
  width: auto;
  height: auto;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin-top: 1.125rem;
  font-size: 16px;
  color: #008bda;
  background: transparent;
}
.wel-news .welnews-bot .items .welmore span {
  transition: .5s ease-in-out;
}
.wel-news .welnews-bot .items .welmore b {
  font-size: 16px;
  transition: .5s ease-in-out;
}
.wel-news .welnews {
  position: relative;
  z-index: 2;
}
.wel-news .welnews .news-more {
  margin-top: 0.875rem;
}
.wel-news .list {
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.wel-news .list .li {
  display: inline-block;
  background: #fff;
  width: 16.6666666667%;
  vertical-align: top;
  height: 100%;
  /*border-right: 1px solid #f1f1f1;*/
}
.wel-news .list .li:nth-child(n+1) {
  /*border-left: 1px solid #f1f1f1;*/
}

.welabout {
  position: relative;
}
.welabout .images {
  position: relative;
}
.welabout .words {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
}
.welabout .text {
  padding-top: 4rem;
  width: 870px;
  margin: 0 auto;
}
.welabout .text .en {
  font-size: 26px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0.375rem;
}
.welabout .text .cn {
  line-height: 1;
  font-size: 44px;
  color: #ffffff;
}
.welabout .text .line {
  height: 3px;
  width: 30px;
  margin: 0 auto;
  background: #ffffff;
  margin-top: .75rem;
  margin-bottom: 0.625rem;
}
.welabout .text .p {
  line-height: 32px;
  font-size: 16px;
  height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.welabout .aboutmore {
  margin: 0 auto;
  margin-top: 1.5rem;
}
.welabout .img {
  height: 19.45rem;
}

.welnews-images {
  position: absolute;
  left: 0;
  bottom: 1rem;
  max-width: 90%;
  z-index: 0;
}

.wel-about {
  padding-bottom: 2rem;
}
.wel-about .w-words {
  position: relative;
  z-index: 3;
  height: 228px;
  background: #ffffff;
  margin-top: -114px;
  font-size: 0;
  padding: 25px 0;
  box-shadow: 15px 12px 50px 20px rgba(0, 0, 0, 0.08);
}
.wel-about .w-words .items {
  font-size: 14px;
  color: #666666;
  width: 33.33%;
  display: inline-block;
  height: 100%;
  padding-left: 1.375rem;
  padding-right: 0.5rem;
}
.wel-about .w-words .items:nth-child(n+2) {
  border-left: 1px solid #d2d2d2;
}
.wel-about .w-words .items:hover .tit {
  color: #008bda;
  transition: .5s ease-in-out;
}
.wel-about .w-words .items:hover .tit:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.wel-about .w-words .items .tit {
  font-size: 24px;
  line-height: 34px;
  height: 34px;
  font-weight: bold;
  /*color: #222222;*/
  /*color:rgba(0,0,0,.8);*/
  color:#776165;
  display: inline-block;
  overflow: hidden;
  transition: .5s ease-in-out;
  padding-right: 48px;
  position: relative;
}
.wel-about .w-words .items .tit:after {
  position: absolute;
  content: "";
  background: url(../images/i52.png) no-repeat center;
  background-size: 100%;
  right: 0;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}
.wel-about .w-words .items .txt {
  line-height: 25px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: .75rem;
}

.applicationfl-list .li {
  display: block;
}

.quality-box .quality-fl .applicationfl-list.fl-list .input {
  margin-bottom: .25rem;
}

.quality-box .quality-fl .applicationfl-list.fl-list span {
  line-height: 26px;
  font-weight: bold;
  padding: 10px 0;
  position: relative;
  padding-right: 1.875rem;
}

.quality-box .quality-fl .applicationfl-list.fl-list .items {
  height: auto;
  line-height: 1.5;
  font-size: 16px;
  cursor: pointer;
}

.quality-box .quality-fl .applicationfl-list.fl-list .listone .item{
	display: none;
}
.quality-box .quality-fl .applicationfl-list.fl-list .listone .item.cur{
	display: block;
}

.quality-box .quality-fl .applicationfl-list.fl-list .listtwo .item.cur{
	display: none;
}



.quality-box .quality-fl .applicationfl-list.fl-list .items b {
  font-weight: normal;
  color: #7d7d7d;
  width: 15px;
  height: 8px;
  text-align: center;
  line-height: 8px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 12px;
  margin: auto;
  color: #666;
  transform: rotate(90deg);
  transition: .5s ease-in-out;
}
.quality-box .quality-fl .applicationfl-list.fl-list .items b:before {
  content: "\e6b2";
}

.quality-box .quality-fl .applicationfl-list.fl-list .item-bot {
  padding: 0 1.75rem;
  display: none;
}
.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li {
  line-height: 1.3;
  padding:10px 0;
  border-bottom: 1px dashed #c2c2c2;
  font-size: 16px;
  color: #666666;
}

.application-top .tit {
  line-height: 1.2;
  font-size: 0.9rem;
  font-weight: bold;
}
.application-top .txt {
  line-height: 27px;
  margin-top: .5rem;
}

.quality-box .quality-fl .applicationfl-list.fl-list .items.active span, .quality-box .quality-fl .applicationfl-list.fl-list .items:hover span {
  border-bottom-color: transparent;
}

.quality-box .quality-fl .applicationfl-list.fl-list .items:hover b,
.quality-box .quality-fl .applicationfl-list.fl-list .active.items b {
  color: #ffffff;
  transition: .5s ease-in-out;
  transform: rotate(0);
}

.application-con .join-bot {
  margin-top: 0.625rem;
  padding-top: 0;
  height: 46px;
  margin-bottom: 1.5rem;
}
.application-con .join-bot .joinbot-tit {
  margin-bottom: 0;
}
.application-con .txt0 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #008bda;
}
.application-con .words {
  /*margin-top: 0.375rem;*/
}

.applicationdetails .arrangements {
  padding: 0;
  margin-top: 0.875rem;
}
.applicationdetails .arrangements tbody th {
  min-width: 120px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.applicationdetails th a {
  color: #666666;
  display: inline-block;
  line-height: 1.2;
  /*padding-bottom: 5px;*/
  border-bottom: 1px solid transparent;
  transition: .5s ease-in-out;
  vertical-align: middle;
}
.applicationdetails th a:hover {
  color: #008bda;
  border-bottom: 1px solid #008bda;
  /*border-bottom: 1px solid #514486;*/
  transition: .5s ease-in-out;
}
.applicationdetails .apli:nth-child(n+2) {
  margin-top: 1.25rem;
}

.application-bot {
  padding-top: 1.25rem;
}
.application-bot .tit {
  font-size: .75rem;
  font-weight: bold;
  line-height: 1.2;
}
.application-bot .pwo {
  margin-top: .5rem;
}
.application-bot .list:nth-child(n+2) {
  margin-top: 1.375rem;
}
.application-bot .img {
  overflow: hidden;
}
.application-bot .img img {
  transition: .5s ease-in-out;
}
.application-bot .items {
  font-size: 0;
  margin-top: .75rem;
}
.application-bot .items .li:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.application-bot .items .words {
  padding-top: .5rem;
  padding-bottom: 0.875rem;
}
.application-bot .items .h {
  font-size: 22px;
  /*color: #333333;*/
  line-height: 32px;
  height: 32px;
  font-weight: bold;
  margin-bottom: .5rem;
}
.application-bot .items .p {
  line-height: 33px;
  position: relative;
	color: #666;
  padding-left: 20px;
  position: relative;
}
.application-bot .items .p a{
	color: #666;
}
.application-bot .items .p:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #008bda;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.application-bot .items .li {
  width: 32%;
  margin-left: 2%;
  display: inline-block;
  vertical-align: top;
  color: #666666;
  font-size: 16px;
}
.application-bot .items .li:nth-child(3n+1) {
  margin-left: 0;
}

.quality-box .quality-fr .quality-con,
.greempro .text-con {
  max-width: 100%;
}

.quality-box .quality-fl .input {
  max-width: 90%;
}

.process .process-words .img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.serves03 {
  margin-top: 1.375rem;
}

.pro-fixed-menu {
  position: absolute;
  top: 100px;
  width: 100%;
  left: 0;
  background: #eeeeee;
  z-index: 10;
  padding: .6rem .8rem;
  text-align: left;
  min-height: calc(70vh - 100px);
  padding-bottom: 30px;
}
.pro-fixed-menu .ul {
  font-size: 0;
}
.pro-fixed-menu.b .ul{
	width: 20%;
}

.pro-fixed-menu.b .ul .li{
	width: 100%;
}
.pro-fixed-menu.b .ul .li .li-bot{
	left: 20%;
	width: 60%;
	/*width: 80%;*/
}
.pro-fixed-menu.b .ul .li .i{
	/*width: 23%;*/
	/*margin-left: 2%;*/
}
.pro-fixed-menu .ul .li {
  font-size: 16px;
  color: #666666;
  /*display: inline-block;*/
  /*vertical-align: top;*/
  /*width: 20%;*/
  /*padding-right: 2%;*/
}
.pro-fixed-menu .ul .li:nth-child(n+6) {
  /*margin-top: 2.25rem;*/
}
.pro-fixed-menu .ul .li .li-top {
  font-size: 16px;
  color: #008bda;
  /*font-weight: bold;*/
  line-height: 35px;
  /*margin-bottom: .75rem;*/
}
.pro-fixed-menu .ul{
	width: 40%;
	border-right: 1px solid rgba(0,0,0,.05);
	overflow: hidden;
}
.pro-fixed-menu .ul .li{
	width: 100%;
	/*float: left;*/
	cursor: pointer;
	line-height: 2;
	/*margin-bottom: .5rem;*/
}
.pro-fixed-menu .ul .li .li-bot{
    position: absolute;
    left: 40%;
    top: 0;
    width: 60%;
    padding: 0 5%;
}


.fixedmenu{
	position: relative;
}
.pro-fixed-menu .ul .li .li-top a{
  padding:0 25px;

}
.pro-fixed-menu .ul .li .li-top,.pro-fixed-menu .ul .li .li-top a{
  /*color: #008bda;*/
  color:#666;
	 /*padding: 5%;*/
   display: block;
}
.pro-fixed-menu .ul .li .li-top.active,.pro-fixed-menu .ul .li .li-top.active a,.pro-fixed-menu .ul .li .li-top:hover,.pro-fixed-menu .ul .li .li-top:hover a{
  /*color: #008bda;*/
  color:#ffffff;
  background:#008bda;
}
.pro-fixed-menu .ul .li .li-bot{
	/*overflow: hidden;*/
  height: 45vh;
  overflow-y:auto;
}
.pro-fixed-menu .ul .li .i {
  color: #666666;
  display: block;
  line-height: 35px;
  padding: 0 2%;
  /*float: left;*/

  /*transition: .5s ease-in-out;*/
}
.pro-fixed-menu .ul .li .i.active,.pro-fixed-menu .ul .li .i:hover{
	color:#ffffff;
	background:#008bda;
	 /*transition: .5s ease-in-out;*/
}
.pro-fixed-menu.b0 .ul .li .i{
	padding-right: 2%;
	/*width: 36%;*/
	/*margin-left:14%; */
  width: 33.33%;
  float: left;
}
.pro-fixed-menu .ul .li .i:hover {
  /*color: #008bda;*/
  /*transition: .5s ease-in-out;*/
}

.pul .pli {
  padding-left: 27px;
  position: relative;
  line-height: 26px;
  margin: 5px 0;
}
.pul .pli:after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: "";
  left: 0;
  top: 10px;
  background: url(../images/i54.png) no-repeat center;
  background-size: 100%;
}
.application-top{
  color: #666;
}

.pro-txt {
  line-height: 1.5;
  font-size: 24px;
  font-weight: bold;
  margin-top: 0.25rem;
}

.applicationdetails .arrangements {
  overflow-x: auto;
}

.pro-txt0 {
  font-size: .75rem;
  font-weight: bold;
  color: #666;
  line-height: 1.2;
  margin-bottom: .75rem;
}

.pr-listbox .arrangements {
  padding: 0;
  overflow-y: auto;
}
.pr-listbox .arrangements table {
  width: auto;
  min-width: 100%;
  /*table-layout:fixed;*/
}
.pr-listbox .arrangements table .span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 6px;
  background: url(../images/a5.png) no-repeat center;
  background-size: 100%;
}
.pr-listbox .arrangements thead th {
  border: 1px solid #d9d9d9;
}
.pr-listbox .arrangements thead {
  background: #e0e4df;
  border-top: 3px solid #afd489;
  font-size: 13px;
  color: #000000;
}
.pr-listbox .pr-top {
  font-size: 0;
  overflow-x: auto;
}
.pr-listbox .pr-top .ul {
  display: inline-block;
  vertical-align: top;
  /*width: 11.1111111111%;*/
  width: 90px;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid #e6e6e6;
  /*padding: 5px 7px;*/
  height: 200px;
  overflow-y:auto;
}
.pr-listbox .pr-top .ul .okl{
	font-size: 13px;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 5px;
  text-align: center;
      background: #e0e4df;
    border-top: 3px solid #afd489;
    /*font-size: 16px;*/
    color: #000000;
}
.pr-listbox .pr-top .ul .libox {
  overflow-y: auto;
  padding: 5px;
  height: calc(100% - 55px);
  /*height: calc(100% - 55px);*/
}
.pr-listbox .listboxbx0 .pr-top .ul .libox{
  height: calc(100% - 10px);
}
.pr-listbox .pr-top .ul .libox{
	/*overflow: hidden;*/
}
.pr-listbox .pr-top .ul .li {
  padding-left: 19px;
  word-break: break-word;
  position: relative;
}
.pr-listbox .pr-top .ul .li a {
  color: #666;
}
.pr-listbox .pr-top .ul .li a:hover {
  color: #008bda;
}
.pr-listbox .pr-top .ul .li.on:after {
  background: url(../images/k2.png) no-repeat center;
  background-size: 100%;
}
.pr-listbox .pr-top .ul .li.active:after {
  background: url(../images/k0.png) no-repeat center;
  background-size: 100%;
}
.pr-listbox .pr-top .ul .li:after {
  width: 12px;
  position: absolute;
  height: 12px;
  content: "";
  left: 0;
  top: 3px;
  margin: auto;
  background: url(../images/k1.png) no-repeat center;
  background-size: 100%;
}

.pr-listboxt .join-bot {
  padding-top: 0;
}

.listbox2 .kuang {
  width: 22px;
  height: 22px;
  border: 1px solid #bfc2be;
  margin: 0 auto;
}
.listbox2 .kuang.active {
  background: url(../images/k3.png) no-repeat center;
  background-size: 100%;
}
.listbox2 tr th:nth-child(1) {
/*  padding: 0 1.25rem;
  max-width: 120px;*/

      padding: 0 .2rem;
    max-width: 120px;
    word-break: break-all;
    width: 25%;
}
.listbox2 tr th:nth-child(2){
  width: 32%;
}

.inside2 .about-hbox {
  /*height: 64px;*/
  z-index: 10;
}
.inside2 .about-hbox .about-contact-txt {
  display: none;
}

body.wk .inside-box {
  /*padding-top:0!important;*/
}

body.ovh .m-header .uibox .sousuo0 {
  display: none;
}

.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li {
  transition: .5s ease-in-out;
}
.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li:hover, .quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li.active {
  transition: .5s ease-in-out;
  color: #ab377a;
}

.img-l {
  position: relative;
}
.img-l img {
  position: absolute;
  right: 3%;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 80%;
}

.serves-01 .inputbox .items.erwe input {
  width: 100% !important;
}

.serves-01 .inputbox .items.erwe {
  /*width: 65%;*/
}

img.w100 {
  width: 100%;
}

.wel-recommend.k {
  padding-top: 0;
}
.part1{
  padding-bottom: 1.8rem;
}
.pr-listbox .pr-top .ul .li {
  cursor: pointer;
}

.pr-listbox .arrangements table .thboxy {
  cursor: pointer;
}

.pr-listbox .arrangements table .thboxy.active .span {
  transform: rotate(180deg);
}

.m-header {
  height: 45px;
  width: 100%;
  background: #ffffff;
  position: relative;
  z-index: 100;
}
.m-header.cur {
  position: absolute;
}

.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 20px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 4;
  height: 45px;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.m-header .welcome-a {
  float: left;
  width: 50%;
  height: 100%;
  line-height: 48px;
  position: relative;
}

.m-header .welcome-a img {
  max-height: 100%;
  height: 50%;
  display: inline-block;
  /*position: absolute;*/
  /*top: 0;*/
  /*bottom: 0;*/
  margin: 0px auto 0;

}

.m-header .search-cover {
  float: right;
  width: 35px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
}

.m-header .uibox {
  width: 31px;
  height: 31px;
  /*background:url(../images/p27.png) no-repeat center;*/
  background-size: 100%;
  margin-top: 7px;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;
  font-size: 12px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
  position: absolute;
  right: 17px;
  top: 50%;
  width: 31px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -18px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 6px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 16px;
}

.m-header .nav-btn .line3 {
  bottom: 1px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.m-header .nav-btn.active .line {
  background: #fff;
}

.icon-sousuo {
  cursor: pointer;
  text-align: center;
  width: 80px;
  border-left: 1px solid #e1e1e1;
  margin-left: 105px;
  font-size: 20px;
}
.icon-sousuo:hover {
  color: #059ea0;
}

body.ovh .m-header .w-header {
  background: #008bda;
}
body.ovh .m-header .welcome-a {
  display: none;
}

.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 44px;
  /*background-color: rgba(255, 255, 255, 1);*/
  background: #008bda;
  z-index: 10;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;
  box-sizing: border-box;
  line-height: 33px;
  color: #fff;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #fff;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%;
  line-height: 33px;
  color: #fff;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a {
  padding-left: 21px;
  color: #fff;
  display: block;
}

@media screen and (max-width: 1600px) {
  .join-bot{
    padding-top: 62px;
  }
  .inside2 .about-hbox{
    top: 60px;
  }
  .news-list .newslist-top .items2 .time{
    font-size: 13px;
  }
  .pro-fixed-menu .ul .li .i {
    /*line-height: 1.2;*/
  }
  .join-bot .joinbot-tit .li{
  	width: 4rem;
  	font-size: 14px;
  }
  .tdetail-tit{
    font-size: .75rem;
  }
  .application-con .txt0{
    font-size: .6rem;
  }
  .pro-txt{
    font-size: .6rem;
  }
  .pro-fixed-menu .ul .li:nth-child(n+6){
    /*margin-top: 2rem;*/
  }

  .pro-fixed-menu {
    /*padding: 2rem 3rem;*/
  }


  /*新闻*/
  .w1410 {
    width: 87.5%;
  }

  .w1400 {
    width: 87.5%;
  }

  .news-detailsbox .dc-left {
    width: 68%;
  }

  .news-detailsbox .detailsbox-tit .tit {
    width: 80%;
  }

  .news-detailsbox .dc-right .rf {
    width: 100%;
  }

  .news-detailsbox .dc-right {
    width: 28%;
  }

  .news-detailsbox .dc-right .tit {
    font-size: 0.6rem;
  }

  .news-list .newslist-top .items {
    width: 49%;
    margin-left: 2%;
  }

  .news-list .newslist-top .items .tit {
    font-size: 0.6rem;
    line-height: 0.9rem;
  }

  .news-list .newslist-top .items1 .tit {
    height: .9rem;
  }

  .news-list .newslist-top .items2 .tit {
    height: 1.8rem;
  }

  .news-list .newslist-top .items .time {
    margin-bottom: 0.375rem;
  }

  .news-list .newslist-top .items .p {
    font-size: 0.45rem;
    line-height: .8rem;
    height: 1.6rem;
  }

  .news-list .newslist-top .items .more {
    font-size: 0.35rem;
    line-height: 1rem;
    height: 1rem;
    width: 3rem;
  }

  .news-list .newslist-bot .tit {
    font-size: 0.5rem;
    line-height: 0.8rem;
    height: 1.6rem;
  }

  /*新闻*/
  .quality-box .quality-fr {
    width: calc(100% - 400px);
  }

  .about-contact .about-contact-tit .items {
    width: 5rem;
  }

  .about-contact .about-contact-tit {
    line-height: 60px;
  }

  .development-list .img {
    width: 36%;
  }
  .development-list .words {
    width: 60%;
  }
  .development-list .words .tit {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }
  .development-list .words .p {
    line-height: 28px;
    font-size: 15px;
    height: 112px;
  }
  .development-list .words .txt {
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    padding-left: 40px;
  }
  .development-list .words .txt:after {
    width: 30px;
  }
  .development-list .items {
    padding: 1rem 0;
  }

  .welfare-list .items .text-con {
    width: 88%;
  }

  .contact-box .contact-right {
    width: 28rem;
  }

  .contact-box .contact-left {
    width: calc(100% - 28rem);
    padding-right: 2rem;
  }

  /*首页*/
  .wel-banner .words {
    padding: 3rem 2.5rem 2.875rem 2.5rem;
  }
  .wel-banner .words .txt {
    font-size: 16px;
    line-height: 1.6;
  }

  .wel-pro-list {



  }

  .wel-pro-list .li {
    font-size: 16px;
  }

  .wel-recommend .tit {
    font-size: .75rem;
    line-height: 1rem;
    height: 1rem;
  }

  .wel-recommend .txt {
    font-size: .5rem;
    line-height: .75rem;
    height: .75rem;
  }

  .wel-recommend .p {
    font-size: 13px;
    line-height: 20px;
    height: 60px;
  }

  .wel-recommend .recommendmore {
    bottom: 1.125rem;
  }

  .wel-serves .wordsbox {
    display: block;
    width: 16.7rem;
    height: 7.25rem;
    margin-top: -5.25rem;
  }

  .wel-serves .words .text {
    font-size: .6rem;
  }

  .wel-news {
    position: relative;
    padding-top: 4.5rem;
  }

  .wel-news .welnews-bot .items .tit {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }

  .wel-news .welnews-bot .items .p {
    line-height: 20px;
    height: 80px;
  }

  .welabout .text .p {
    font-size: 15px;
    line-height: 30px;
    height: 90px;
  }

  .welabout .text .cn {
    font-size: 1.1rem;
  }

  .wel-about .w-words {
    height: 5.7rem;
    padding: 0.625rem 0;
    margin-top: -2.85rem;
    /*box-shadow: 0px -16px 30px 20px rgba(0, 0, 0, 0.03) inset;*/
  }

  .wel-about .w-words .items .tit {
    font-size: .6rem;
    line-height: .75rem;
    height: .75rem;
  }

  .wel-about .w-words .items .txt {
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    margin-bottom: .3rem;
  }

  .wel-about .w-words .items .i {
    width: 1rem;
    height: 1rem;
  }

  .wel-about {
    padding-bottom: 1.35rem;
  }

  .welabout .aboutmore {
    margin-top: 1.1rem;
  }

  .campus.serves-01 .inputbox .items input, .campus.serves-01 .inputbox .items select {
    width: 95%;
  }

  .serves-01.k .inputbox .input {
    float: left;
    width: calc(100% - 130px);
  }

  .serves-01.k .inputbox .it2 {
    margin-left: 0;
  }

  .serves-01.k .inputbox .it {
    width: 50%;
    position: relative;
  }
  .serves-01.k .inputbox .it span {
    position: absolute;
    right: 0;
    top: 0;
  }

  .serves-01.k .inputbox .it2 .span {
    width: 135px;
  }

  .serves-01.k .inputbox .it2 .input {
    width: calc(100% - 135px);
  }

  .serves-01.k .inputbox .items select {
    width: 90%;
  }

  .serves-01.k .inputbox .input {
    width: calc(100% - 110px);
  }

  .serves-01 .inputbox .items textarea,
  .serves-01.k .inputbox .items input {
    width: 90%;
  }

  .serves-01.k .inputbox .it2 .input {
    width: calc(100% - 135px);
  }

  .serves-01 .inputbox .items {
    line-height: 50px;
  }

  .serves-01 .inputbox .input {
    height: auto;
  }

  .culture-top .items .right .p {
    line-height: 1.6;
  }

  .culture-top .items .left img {
    width: 100px;
    height: 100px;
  }

  .culture-top .items .left {
    width: 200px;
  }

  .culture-top .items .right {
    width: calc(100% - 200px);
    padding: .6rem 1.2rem 1.1rem 1rem;
  }

  .culture-bot .items .p {
    line-height: 1.6;
  }

  .culture .about-tit .p {
    max-width: 90%;
  }

  .listboxbx {
    overflow-y: auto;
  }
  .listboxbx .pr-top {
  }
  .listboxbx .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #008bda;
  }
  .listboxbx .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .listboxbx .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background: #008bda;
  }
}

@media screen and (max-width: 1550px) {
  .contact-box .contact-right {
    width: 26rem;
  }

  .contact-box .contact-left {
    width: calc(100% - 26rem);
    padding-right: 1.6rem;
  }

  .contact {
    padding: 1.3rem 3.4rem;
    padding-bottom: 1rem;
  }

  .serves-01 .inputbox .items input, .serves-01 .inputbox .items select {
    height: 50px;
    line-height: 50px;
  }

  .campus.serves-01 .inputbox .items .button {
    line-height: 50px;
    height: 50px;
  }

  .join-top .items.video .tv:after {
    width: 35px;
    height: 35px;
  }

  .join-top .items.video .tv {
    padding-left: 90px;
  }


	.wel-serves .wordsbox {
	    box-shadow: 10px 8px 35px  15px rgba(38, 11, 112, 0.3);
	}
	.wel-news .welnews-bot{
		margin-top: 1.5rem;
		padding-bottom: 2rem;
	}
	.wel-news .welnews-top .right .txt{
		font-size: 14px;
		line-height: 25px;
	}

}
@media screen and (max-width: 1450px) {
	.slwdz-butns{
		top: 80px;
	}
	.bocweb-header .nav-li.k .nav-bot{
		top: 80px;
	}
	.bocweb-header{
		line-height: 80px;
		height: 80px;
	}
	.pro-fixed-menu{
		top: 80px;
	}
	.wel-news{
		padding-top: 3.5rem;
	}
	.wel-serves .wordsbox{
		height: 6.5rem;
		padding: 1rem .75rem;
	}
	.wel-tit{
		font-size: .95rem;
	}
  .join-top .items .span span {
    font-size: 20px;
  }

  .join-top .items .span {
    font-size: 16px;
  }

  /*新闻*/
  .news-detailsbox .dc-right .li {
    font-size: 14px;
    line-height: 1.5;
  }

  .news-detailsbox {
    font-size: 15px;
    line-height: 1.8;
  }

  .news-detailsbox .dc-right .li {
    padding-left: 20px;
  }

  /*新闻*/
  .bocweb-footer .itembox {
    width: 80%;
  }
  .bocweb-footer .itembox .items {
    width: 15%;
  }
  .bocweb-footer .itembox .items1 {
    width: 20%;
  }

  .bocweb-footer .cont-fr {
    width: 20%;
    font-size: 14px;
    min-height: 6.75rem;
    padding-left: 2rem;
  }

  .bocweb-footer .itembox .li {
    line-height: 26px;
  }

  .bocweb-footer .cont-fr .t-02 {
    /*font-size: 15px;*/
  }

  .bocweb-footer .bocweb-footer-bot {
    line-height: 90px;
    height: 90px;
  }

  .about-contact .items {
    font-size: 14px;
  }

  .life .life-list .items {
    width: 32%;
    margin-left: 2%;
    font-size: 14px;
  }
  .life .life-list .items:nth-child(3n+1) {
    margin-left: 0;
  }
  .life .life-list .items .tit {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }
  .life .life-list .items .txt {
    font-size: 14px;
    line-height: 28px;
    height: 56px;
  }

  .development-list .words .p {
    font-size: 14px;
    /*line-height: 1.8;*/
  }

  .development-list .words .tit {
    font-size: 16px;
  }

  .development-list .words .txt {
    font-size: 15px;
  }

  .welfare-list .items .txt {
    font-size: 14px;
    line-height: 25px;
    height: 75px;
  }

  .welfare-list .items .tit {
    font-size: 18px;
  }

  .joindetails-box .tit-20 {
    font-size: 16px;
  }

  .words-box {
    font-size: 14px;
    line-height: 1.6;
  }

  .contact-box .contact-right .map .maptit {
    right: 5rem;
    bottom: 3rem;
  }

  .wel-news .welnews-bot .items {
    width: 24%;
    margin-left: 1.3333333333%;
  }

  .wel-news .welnews-top .right {
    width: calc(100% - 350px);
  }

  .quality-box .quality-fl {
    width: 280px;
  }

  .quality-box .quality-fr {
    width: calc(100% - 320px);
  }

  /*.bocweb-header .nav-li .nav-top {*/
  /*  padding: 0 .75rem;*/
  /*}*/

  .pro-fixed-menu .ul .li .li-top {
    /*font-size: 15px;*/
  }

  .pro-fixed-menu .ul .li .i {
    font-size: 15px;
  }

  .application-bot .items .h {
    font-size: 0.55rem;
    line-height: 1.5;
    height: auto;
  }
}
@media screen and (max-width: 1399px){
  .contact-box .contact-left {
      width: calc(100% - 23rem);
      padding-right: 1rem;
  }
  .contact-box .contact-right {
      width: 23rem;
  }
}
@media screen and (max-width: 1300px) {
  .bocweb-header .header .s-box .li:nth-child(n+2){
    margin-left: .5rem;
  }
  .bocweb-footer .itembox .items {
    font-size: 12px;
  }

  .bocweb-footer .itembox .ul-top {
    font-size: 15px;
  }

  .bocweb-footer .cont-fr .t-02 {
    /*font-size: 16px;*/
  }

  .welabout .text {
    max-width: 85%;
  }

  .introduction {
    width: 80%;
  }

  .serves-01.w1400 {
    width: 95%;
  }

  .bocweb-header .header .bocweb-logo {
    width: 200px;
  }

  .pr-listbox .arrangements thead {
    font-size: 14px;
  }

  .arrangements tbody tr {
    font-size: 13px;
  }
}
@media screen and (max-width: 1200px) {
  .contact-box .contact-left .list {
    font-size: 14px;
    padding-right: 1rem;
  }
  .bocweb-header .nav-li{
  	font-size: 16px;
  }
  .contact-box .contact-left .list .li .li-bot{
    font-size: 12px;
    line-height: 18px;
    height: 36px;
    margin-top: 2px;
  }

  .contact-box .contact-left {
    padding-right: 0;
  }

  .introduction {
    line-height: 1.6;
  }

  .history-list {
    width: 90%;
  }

  .qualification .list {
    max-width: 90%;
  }

  .qualification .list .items .item-left {
    width: 200px;
  }

  .qualification .list .items .item-right {
    width: calc(100% - 200px);
  }

  .qualification .list .items .item-right .w {
    font-size: 16px;
    line-height: 1.6;
  }

  .application-bot .items .h {
    font-size: 16px;
  }

  .application-bot .items .p {
    font-size: 14px;
    line-height: 2;
  }

  .application-bot .items .li {
    width: 49%;
  }
  .application-bot .items .li img {
    width: 100%;
  }
  .application-bot .items .li:nth-child(3n+1) {
    margin-left: 2%;
  }
  .application-bot .items .li:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 1100px) {
  .contact {
    padding: .6rem 2rem;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .wel-banner .words{
    display: none;
  }
  .news-detailsbox img{
    width: auto!important;
    height: auto!important;
    display: block;

  }
  .contact-box .contact-left{
    margin-top: 20px;
  }
  .quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li{
    padding: 5px 0;
  }
  .quality-box .quality-fr {
    margin-top: 20px;
  }
  .tdetail-tit{
    font-size: 18px;
  }
  .application-con .txt0{
    font-size: 16px;
  }
  .pro-txt{
    font-size: 16px;
  }
  .con-text, .text-con{
    font-size: 14px;
  }
  .pr-listbox .arrangements{
  	min-height: 400px;
  }




  .listboxbx .pr-top {
    /*width: 180%;*/
  }

  .application-con .join-bot .joinbot-tit.fixed {
    top: 46px;
    width: 100%;
  }

  /*新闻*/
  .news-detailsbox .dc-left {
    width: 100%;
  }

  .news-detailsbox .dc-right .rf {
    position: relative;
    top: auto;
    right: auto;
  }

  .news-detailsbox .dc-right {
    width: 100%;
    margin-top: 1rem;
  }

  .news-list .newslist-top .items {
    width: 100%;
    margin-left: 0;
  }

  .newslist-select .items {
    width: 200px;
    height: 50px;
    font-size: 16px;
  }

  .culture .about-tit .p {
    max-width: 100%;
    width: 90%;
    font-size: 14px;
    line-height: 1.6;
  }
  .culture .about-tit .p br {
    display: none;
  }

  .culture-top .items .right .p {
    font-size: 14px;
  }

  .culture-top .items .right .tit {
    font-size: 20px;
  }

  .culture-top .items {
    width: 100%;
    margin-left: 0;
    margin-bottom: 2%;
  }

  .culture-bot .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .culture-bot .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .culture-bot .items:nth-child(2n+1) {
    margin-left: 0;
  }

  /*新闻*/
  /*环境*/
  .environment-top .left {
    width: 100%;
  }

  .environment-top .right {
    width: 100%;
  }

  .environment-bot .items,
  .environment-top .right .items {
    width: 49%;
    margin-left: 2%;
  }
  .environment-bot .items:nth-child(4n+1),
  .environment-top .right .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .environment-bot .items:nth-child(3n+1),
  .environment-top .right .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .environment-bot .items:nth-child(2n+1),
  .environment-top .right .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .environment-bot .items .span,
  .environment-top .span {
    font-size: 15px;
    line-height: 40px;
    height: 40px;
  }

  /*环境*/
  .life .life-list .items {
    width: 49%;
    margin-left: 2%;
  }
  .life .life-list .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .life .life-list .items:nth-child(2n+1) {
    margin-left: 0;
  }
  .life .life-list .items .tit {
    font-size: 16px;
    line-height: 24px;
    height: 24px;
  }
  .life .life-list .items .txt {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
  }

  .development-list .img {
    width: 100%;
  }
  .development-list .img img {
    width: 100%;
  }

  .development-list .words {
    width: 100%;
    position: static;
  }

  .development-list .words .p {
    /*height: auto !important;*/
    line-height: 20px;
    height: 80px;
  }

  .contact-box .contact-left,
  .contact-box .contact-right {
    width: 100%;
    float: none;
    display: block;
    position: static;
  }

  .contact-box .contact-left .list {
    height: 320px;
  }

  .contact-box .contact-right {
    height: 15rem;
  }

  .wel-news .welnews-bot .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .wel-news .welnews-bot .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .wel-news .welnews-bot .items:nth-child(2n+1) {
    margin-left: 0%;
  }

  .wel-news .welnews-top .right {
    width: 100%;
    margin-top: 25px;
  }

  .wel-pro-list {
    padding: 0 1rem;
    padding-top: .6rem;
    padding-bottom: 0.3rem;


  }

  .wel-pro-list .li {
    width: 33%;
  }

  .wel-recommend .swiper-button-next {
    right: 0;
  }

  .wel-recommend .swiper-button-prev {
    left: 0;
  }

  .campus.serves-01 .inputbox .items {
    width: 50%;
  }

  .serves-01 .inputbox {
    font-size: 14px;
  }

  .process .process-words .items {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .process .process-words .items:nth-child(6n+1) {
    margin-left: 2%;
  }
  .process .process-words .items:nth-child(3n+1) {
    margin-left: 0;
  }

  .process .process-images {
    height: auto;
  }

  .process .process-words .items:nth-child(2n+2) {
    margin-top: 0;
  }

  .process .process-words .items:nth-child(3n+2) {
    margin-top: 1.5rem;
  }

  .quality-box .quality-fl, .quality-box .quality-fr,
  .quality-box .quality-fl .fl-list {
    width: 100%;
  }

  .quality-box .quality-fl .list-bot {
    display: none;
  }

  .quality-box .quality-fl .list-top .items {
    color: #fff;
    background: #008bda;
  }

  .quality-box .quality-fl .input {
    width: 90%;
  }

  .quality-box .quality-fl .fl-list {
    position: relative;
  }
  .quality-box .quality-fl .fl-list .list {
    position: relative;
  }

  .quality-box .quality-fl .list-bot {
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  .quality-box .quality-fl .list-bot .items {
    background: #fff;
  }
  .quality-box .quality-fl .list-bot .items.active, .quality-box .quality-fl .list-bot .items:hover {
    background: #008bda;
  }

  .serves-01.k .inputbox .items {
    width: 100%;
  }

  .serves-01.k .inputbox .items.erwe {
    width: 92%;
  }

  .serves-02 table th:nth-child(1) {
    width: 120px;
  }

  .serves03 .items {
    width: 100%;
    margin-left: 0;
  }

  /**/
  .history-list .w {
    width: 90%;
  }

  .history-list .i {
    width: 80%;
  }

  .history-list .wen {
    font-size: 14px;
    line-height: 1.6;
  }

  .history-list .wen .time {
    font-size: 18px;
  }

  .bocweb-footer .itembox {
    display: none;
  }

  .bocweb-footer .cont-fr {
    width: 100%;
    min-height: 0;
    padding-left: 0;
    position: relative;
  }
  .bocweb-footer .cont-fr .km {
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    /*margin-top: 0 !important;*/
  }

  .bocweb-footer .bocweb-footer-bot {
    height: auto;
    line-height: 1.5;
    padding-top: .7rem;
    padding-bottom: .8rem;
    font-size: .24rem;
  }

  .bocweb-footer .cont-fr .t-ul:nth-child(n+2) {
    margin-top: .9rem;
  }

  .bocweb-footer .cont-fr:after {
    display: none;
  }

  .bocweb-footer-bot .fight {
    display: none;
  }

  .bocweb-footer-bot .left {
    width: 100%;
    text-align: center;
  }

  .bocweb-footer .cont-fr .bdshare {
    margin-top: 13px;
  }

  .bocweb-footer .cont-fr .bdshare a {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .4rem;
  }

  .bocweb-footer .cont-fr {
    font-size: .3rem;
  }
  .bocweb-footer .cont-fr .t-02 {
    font-size: .28rem;
  }

  .quality-body .quality-box .quality-fl .list-top .items {
    background: url(../images/a5a.png) #008bda no-repeat 90%;
  }

  .quality-box .quality-fr .quality-con {
    width: auto;
  }

  .quality-box .quality-fl {
    position: relative;
    z-index: 10;
  }
  .tdetail .i-box .i{
    width: 33%;
  }
  .tdetail .i-box .i:nth-child(n+2){
    margin-left: 1%;
  }
  .tdetail .i-box .i .span{
    font-size: .24rem;
  }
}
.proli-listfixed .listbox1 .close{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top:0;
	cursor: pointer;
	background:url(../images/close.png) no-repeat center;
	background-size: 90%;

}
@media screen and (min-width: 1451px){
  .search-alert{
    top: 100px;
    position: absolute;
        left: auto;
    right: 2.6%;
  }
}

@media screen and (min-width: 1450px){
  .search-alert{
    top: 100px;
  }
}
@media screen and (min-width: 1024px){

  .contact-box .contact-right .map .maptit-li{
        margin: 0!important;
    margin-left: -4%!important;
  }

  .inside2 .about-hbox{
    position: absolute;
    left: 0;
    width: 100%;
    /*top: 72px;*/
  }
  .about-contact:hover  .about-hbox{
    opacity: 1;
  }
  .inside2 .about-hbox{
    /*display: block!important;*/
    opacity: 0;
  }
  .inside2 .about-hbox.in{
    /*display: none!important;*/
    opacity: 0;
  }


  .search-alert{
    height: 70px;
    top: 120px;
    width: 10rem;
    background:rgba(255,255,255,1);
    border:1px solid #ece9e9;
    color:#666;
       position: absolute;
        left: auto;
    right: 4rem;

  }
  .cgl .close, .search-alert .close{
    width: 20px;
    height: 20px;
  }
  .search-alert .cent-form .tex{
    padding-left: 0;
    /*padding-right: 1.5rem;*/
  }
  .search-alert .cent-form .tex{
    color:#666;
    height: 70px;
  }
  .search-alert .cent-form .tex::-webkit-input-placeholder{
      color:#666;  
  }  
  .search-alert .cent-form .tex:-moz-placeholder{
      color:#666;
  }  
  .search-alert .cent-form .tex::-moz-placeholder{
      color:#666;
  }  
  .search-alert .cent-form .tex:-ms-input-placeholder {
      color:#666;
  }  
  .search-alert .cent-form{
    border-bottom: none;

  }
  .search-alert .close{
    top: 25px;
    background:url(../images/ico_07.png) no-repeat center;
    background-size: 100%;
  }
  .search-alert .cent-form .sub-butn{
    width: 20px;
    height: 20px;
    background:url(../images/search.png) no-repeat center;
    background-size: 100%;
    padding:0;
    margin-top: 25px;
    text-indent: -999px;
    overflow:hidden;
    margin-right: 25px;
  }


  .search-alert *{
    color:#666!important;
  }
  .search-alert .cent-form{
    position: static;
    height: 100%;
    margin-top: 0;
    padding-left: 0.5rem;
  }


}
@media screen and (max-width: 767px) {
  .contact-box .contact-right .map.animate .maptit-li{
    width: 100%;
    position: static;
    transform:translate(0,0);
  }
  .contact-box .contact-right .mbox img{
    opacity: 0;
    display: none;
  }
  .applicationdetails2.arrangements{
    padding-top: .2rem;
    padding-bottom: .2rem;
  }

  .contact-box .contact-left{
    margin-top: .5rem;
  }

  .quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li{
    padding:.1rem 0;
  }
  .serves-01 .inputbox .items input, .serves-01 .inputbox .items select, .serves-01 .inputbox .items textarea {
    padding-left: .2rem;
  }
  .contact-box .contact-right .map .maptit .p{
    font-size: .2rem;
    line-height: 1.2;
  }
  .development-list .words .p{
    font-size: .24rem;
    line-height: .35rem;
    height: 1.4rem;
  }
    .application-bot .list:nth-child(n+2){
    margin-top: 1rem;
  }
  .control .itembox .items:after{
  	width: .6rem;
  	left: 0;
  	height: .4rem;
  	top: .5rem;
  }
  .drawing-list .items .img{
  	height: 2rem;
  	line-height: 2rem;
  }
  .drawing-list .items{
  	min-height: auto;
  }
  .campus.serves-01 .inputbox .items .button{
		width: 2rem;

		font-size: .24rem;
  }
  .pr-listbox .arrangements{
  	min-height: 6rem;
  	opacity: 1;
  	transform: none;
  	height: auto;
  }
  .tdetail .i-box{
    padding-bottom: .24rem;
    padding-top: .2rem;

  }
  .applicationdetails .arrangements{
    margin-top: .35rem;
  }
  .tdetail .txt2{
    font-size: .28rem;
    padding-top: .3rem;
    padding-bottom: .16rem;
    line-height: 1.2;
  }
  .tdetail-tit{
    font-size: .32rem;
    margin-bottom: .3rem;
  }
  .application-con .join-bot .joinbot-tit.fixed {
    top: .8rem;
    left: 0;
  }

  .application-con .join-bot {
    /*height: .75rem;*/
    height: auto;
  }

  .m-header {
    height: 1rem;
  }

  .campus.serves-01 .inputbox .items span {
    position: static;
  }

  .serves03 .list .items-bot .p .i {
    padding-left: .45rem;
  }

  .serves-02 .serves2-list {
    overflow: auto;
  }
  .serves-02 .serves2-list table {
    width: 100%;
  }
  .serves-02 .w1400{
  	width: 93%;
  }

  .serves-01 .pw {
    font-size: .24rem;
  }

  .serves03 .list .items-top {
    font-size: .3rem;
    line-height: .6rem;
    height: .6rem;
  }

  .serves-02 table th {
    line-height: 1.6;
  }

  .w1400 {
    /*width: 90%;*/
        width: calc(100% - 1rem);
  }

  .serves-01.k .inputbox .it span {
    position: static;
  }

  .search-alert .close {
    width: 20px;
    height: 20px;
  }

  .aboutmore {
    width: 2.4rem;
    height: .55rem;
    line-height: .45rem;
  }

  .aboutmore b {
    font-size: .24rem;
  }

  .aboutmore span {
    width: .2rem;
    height: .1rem;
  }

  .welabout .text .p {
    line-height: .34rem;
    font-size: .24rem;
    height: 1.02rem;
  }

  .wel-about .w-words .items .i {
    width: .55rem;
    height: .55rem;
  }
  .wel-about .w-words .items .i img {
    width: 100%;
  }

  /**/
  .m-header .w-header {
    padding: 0 .3rem;
    height: 1rem;
  }

  .m-header .welcome-a {
    width: auto;
    line-height: 1rem;
  }

  .m-header .uibox {
    width: .5rem;
    height: .5rem;
    margin-top: .15rem;
  }

  .m-header .uio {
    width: 1rem;
  }

  .m-header .nav-btn {
    right: .3rem;
    width: .5rem;
    height: .5rem;
    margin-top: -.25rem;
  }

  .m-header .nav-btn .line {
    /*height: .04rem;*/
  }

  .m-header .sub-menu {
    top: .8rem;
  }

  .m-header .nav-btn.hover .line {
    left: 0;
  }

  .m-header .nav-btn .line1 {
    top: .1rem;
  }

  .m-header .nav-btn .line2 {
    top: .27rem;
  }

  .m-header .nav-btn .line3 {
    bottom: .01rem;
  }

  /**/
  .quality-box .quality-fl .list-bot .items {
    line-height: .75rem;
    height: .75rem;
    font-size: .24rem;
  }

  .pr-listbox .arrangements.k table {
    width: 150%;
  }
  .pr-listbox.pr-listbox0 .arrangements.k table{
    width: 100%;
  }

  .pr-listbox .arrangements.mk table {
    width: 250%;
  }

  .listboxbx .pr-top {
    /*width: 300%;*/
  }

  .pr-listbox .pr-top .ul {
    line-height: .35rem;
    font-size: .24rem;
  }

  .pr-listbox .pr-top .ul .li:after {
    width: .15rem;
    height: .15rem;
  }

  .pr-listbox .pr-top .ul .li {
    padding-left: .3rem;
  }

  .join-bot .joinbot-tit .li span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
  }

  .pro-txt0 {
    font-size: .3rem;
    margin-bottom: .4rem;
  }

  .applicationdetails .arrangements tbody th {
    min-width: 0;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .pul .pli {
    padding-left: .3rem;
    line-height: .35rem;
  }

  .pro-txt {
    font-size: .28rem;
    line-height: .4rem;
    margin-top: .1rem;
  }

  .pul .pli:after {
    width: .1rem;
    height: .1rem;
    top: .1rem;
  }

  .arrangements th {
    height: .8rem;
  }
  .listbox2 tr th{
    font-size: .2rem;
  }

  .listbox2 tr th:nth-child(1) ,
  .listbox2 tr th:nth-child(2) {
    padding: 0 .2rem;
    width: 30%;
  }

  .pr-listbox .arrangements thead {
    font-size: .24rem;
  }

  .m-header .sub-menu .sec-list p {
    line-height: 2;
    height: auto;
  }

  .listbox2 .kuang {
    width: .4rem;
    height: .4rem;
  }

  .quality-box .quality-fl .applicationfl-list.fl-list .item-bot {
    padding: .4rem .5rem;
  }

  .application-con .join-bot .joinbot-tit {
    margin-bottom: .6rem;
  }

  .applicationdetails {
    margin-top: .35rem;
  }

  .applicationdetails .apli:nth-child(n+2) {
    margin-top: .5rem;
  }

  .application-con .txt0 {
    font-size: .28rem;
  }

  .arrangements thead th {
    height: .8rem;
  }

  .application-con .join-bot {
    margin-top: 0.25rem;
    margin-bottom: .6rem;
  }

  .bocweb-footer .bocweb-footer-top {
    padding-top: .65rem;
    padding-bottom: .8rem;
  }

  .application-bot .items .p {
    font-size: .2rem;
    line-height: 1.5;
    padding-left: .3rem;
  }
  .application-bot .items .p:after {
    width: .08rem;
    height: .08rem;
  }

  .application-top .txt {
    margin-top: .2rem;
  }

  .application-bot .items .li {
    width: 100%;
    margin-left: 0 !important;
  }

  .application-bot .items .words {
    padding-top: 0.2rem;
    padding-bottom: 0.35rem;
    margin-top: 0;
  }

  .quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li {
    font-size: .24rem;
    line-height: 1.5;
  }

  .application-bot .items .h {
    font-size: .26rem;
    margin-bottom: .2rem;
  }

  .application-bot .items {
    margin-top: .3rem;
  }

  .application-bot {
    padding-top: .6rem;
  }

  .application-bot .tit {
    font-size: .3rem;
  }

  .quality-box .quality-fl .applicationfl-list.fl-list span {
    font-size: .28rem;
    line-height: 1.5;
    padding: .1rem 0;
    padding-right: 0.75rem;
  }

  .culture {
    padding-top: 1.1rem;
    padding-bottom: 0.75rem;
  }

  .culture .about-tit .p {
    font-size: .24rem;
  }

  .culture-top .items .left {
    width: 100%;
  }

  .application-top .tit {
    font-size: .36rem;
  }

  .culture-top .items .right {
    width: 100%;
    padding: 0.24rem 0.48rem 0.44rem 0.4rem;
  }

  .culture-top .items .right .p {
    margin-top: 0.25rem;
    font-size: .24rem;
  }

  .culture-top .items .right .tit {
    font-size: .28rem;
  }

  .culture .about-tit .p {
    margin-top: .3rem;
    margin-bottom: 0.65rem;
  }

  .culture-bot .items {
    width: 100%;
    margin-left: 0 !important;
    height: auto;
    padding: 0.45rem 0.4rem;
  }

  .culture-top .items .left, .culture-top .items .right {
    height: auto;
  }

  .culture-top .items .left {
    padding: .2rem 0;
  }

  .culture-top .items .left img {
    position: static;
    display: block;
    margin: 0 auto;
    width: 1.5rem;
    height: 1.5rem;
  }

  .culture-bot .items .tit {
    font-size: .3rem;
    margin-bottom: .15rem;
  }

  .culture-bot .items .p {
    font-size: .24rem;
  }

  .history {
    padding-top: 0.82rem;
    padding-bottom: 0.72rem;
  }

  .history-list .list {
    padding-bottom: 0.87rem;
  }

  .history-list {
    margin-top: 0.45rem;
    padding-top: 0.5rem;
  }

  .history-list .wen .line {
    margin-top: 0.25rem;
    margin-bottom: 0.2rem;
  }

  .history-list .img span {
    height: 0.43rem;
  }

  .history-list .img {
    padding-bottom: 0.43rem;
  }

  .history-list .wen {
    padding-top: 0.55rem;
    padding-bottom: 0.2rem;
  }

  .serves-01.k .inputbox .it2 .input,
  .serves-01.k .inputbox .input {
    width: calc(100% - 1.6rem);
  }

  .serves-01.k .inputbox .it {
    width: 100%;
  }

  .serves-01 .inputbox .items {
    margin-bottom: .2rem;
  }

  .serves-01.k .inputbox .it2 {
    margin-top: .2rem;
  }

  .serves-01.k .inputbox .it2 .span {
    width: 1.6rem;
  }

  .serves03 .list .items-bot .t {
    padding-bottom: .2rem;
    font-size: .26rem;
  }

  .serves03 .items {
    margin-bottom: 0.35rem;
  }

  .serves-02 table th:nth-child(1) {
    width: .8rem;
  }

  .serves-01 .in-bot input {
    font-size: .2rem;
    height: .75rem;
    width: 2rem;
  }

  .serves-01 .inputbox .items textarea {
    height: 2rem;
  }

  .serves03 .list .items-bot .p .i:nth-child(n+2) {
    margin-top: .2rem;
  }

  .serves-01 .inputbox .it2 .input {
    padding-left: 0;
  }

  .serves03 .tit .select select {
    padding-left: .25rem;
    font-size: .22rem;
  }

  .serves03 .tit .span {
    width: 2rem;
    height: .75rem;
    line-height: .75rem;
  }

  .serves03 .tit .select {
    width: 2.8rem;
    height: .75rem;
  }

  .serves03 .tit .span i {
    width: .3rem;
    height: .3rem;
  }

  .serves-03 {
    padding-top: 0.9rem;
    padding-bottom: 0.7rem;
  }

  .serves03 .list .items-bot .p .i {
    font-size: .22rem;
    line-height: .3rem;
  }

  .serves03 .tit .span span {
    font-size: .2rem;
  }

  .tit-p {
    font-size: .24rem;
    line-height: 1.8;
  }

  .serves03 .list .items-bot .p .i img {
    width: .3rem;
    height: .3rem;
  }

  .serves-01 .tit-p {
    margin-top: .25rem;
  }

  .serves-01 .inputbox {
    margin-top: 0.65rem;
  }

  .serves-02 .serves2-list {
    margin-top: 0.45rem;
    height: 8rem;
  }

  .serves-02 table thead th {
    font-size: .22rem;
    line-height: 1.3;
    padding: .15rem 0;
  }

  .serves-02 table th {
    font-size: .22rem;
    padding: 0.15rem 0;
  }

  .serves-02 {
    padding-top: 0.75rem;
    padding-bottom: 1.05rem;
  }

  .serves-01.k .inputbox .it2 .span {
    line-height: 1.5;
  }

  .serves-01 .in-bot {
    margin-top: .8rem;
  }

  /**/
  .campus.serves-01 .inputbox .items {
    width: 100%;
  }

  .serves-01 .inputbox .items {
    line-height: .8rem;
  }

  .serves-01 .inputbox .input {
    height: .8rem;
  }

  .serves-01 .inputbox .items input, .serves-01 .inputbox .items select {
    line-height: .8rem;
    height: .8rem;
  }

  .serves-01 .pw {
    padding-left: 1.6rem;
  }

  .serves-01 .inputbox {
    font-size: .24rem;
  }

  .serves-01 .inputbox .span {
    width: 1.6rem;
  }

  .serves-01 .inputbox .input {
    float: left;
    width: calc(100% - 1.8rem);
  }

  .serves-01 {
    padding-top: 0.75rem;
    padding-bottom: 0.9rem;
  }

  .campus.serves-01 .inputbox .items .button {
    line-height: .8rem;
    height: .8rem;
  }

  /*新闻*/
  .news-detailsbox {
    font-size: .24rem;
    padding-top: 0.85rem;
    padding-bottom: 1rem;
  }

  .news-detailsbox .detailsbox-tit .tit {
    font-size: .3rem;
    line-height: 1.6;
  }

  .news-detailsbox .detailsbox-tit .tit {
    width: 100%;
  }

  .news-detailsbox .detailsbox-tit .time {
    font-size: .2rem;
    margin-top: .16rem;
  }

  .news-detailsbox .detailsbox-tit {
    padding-bottom: .28rem;
  }

  .news-detailsbox .detailsbox-center {
    padding-top: 0.45rem;
    padding-bottom: 0.65rem;
  }

  .news-detailsbox .detailsbox-center .span {
    font-size: .24rem;
  }

  .news-details-bot {
    margin-top: .6rem;
  }

  .news-detailsbox .dc-right {
    margin-top: .4rem;
  }

  .news-detailsbox .dc-right .rf {
    padding: 0.5rem 0.37rem 0.6rem 0.45rem;
  }

  .news-detailsbox .dc-right .tit {
    font-size: .3rem;
  }

  .news-detailsbox .dc-right .itbox {
    padding-top: 0.5rem;
    border-top: 1px solid #ececec;
    margin-top: 0.4rem;
  }

  .news-details-bot .back {
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem;
  }

  .news-details-bot .left-prev {
    width: calc(100% - 1rem);
  }

  .news-details-bot .left-prev a {
    font-size: .24rem;
    line-height: .4rem;
    height: .4rem;
  }

  .news-detailsbox .dc-right .li {
    font-size: .24rem;
  }

  .news-detailsbox .detailsbox-tit .time:after {
    width: .24rem;
    height: .24rem;
  }

  .news-detailsbox .detailsbox-tit .time {
    padding-left: .3rem;
  }

  .news-list .newslist-top .items .words {
    padding: 0.375rem 0.6375rem 0.45rem 0.4125rem;
  }

  .news-list .newslist-top .items .tit {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }

  .news-list .newslist-top .items1 .tit {
    height: .36rem;
  }

  .news-list .newslist-top .items2 .tit {
    height: 0.72rem;
  }

  .news-list .newslist-top .items2 .time {
    font-size: .2rem;
    margin-top: .2rem;
  }

  .news-list .newslist-top .items .time {
    margin-bottom: 0.15rem;
  }

  .news-list .newslist-top .items .p {
    font-size: .2rem;
    line-height: .3rem;
    height: .6rem;
  }

  .news-list .newslist-top .items .more {
    font-size: 0.2rem;
    line-height: .6rem;
    height: .6rem;
    margin-top: .2rem;
    width: 1.8rem;
  }

  .news-list .newslist-bot a {
    padding: 0.5rem 0.4rem;
    padding-bottom: 0.65rem;
  }

  .news-list .newslist-bot .images {
    margin-top: 0.26rem;
  }

  .news-list .newslist-bot .tit {
    font-size: 0.3rem;
    line-height: 0.35rem;
    height: .7rem;
  }

  .news-list .newslist-bot .words {
    padding-top: .3rem;
  }

  .news-list .newslist-bot .p {
    font-size: .25rem;
    /*line-height: .32rem;*/
    /*height: .64rem;*/
    margin-top: .1rem;
  }

  .news-list .newslist-bot {
    margin-top: .4rem;
    margin-bottom: .6rem;
  }

  .news-list .newslist {
    padding-top: 0.45rem;
    padding-bottom: 0.5rem;
  }

  .news-list {
    padding-top: 0.22rem;
    padding-bottom: 0.73rem;
  }

  .newslist-select .items {
    width: 3rem;
    height: .8rem;
    font-size: .24rem;
  }

  .news-list .newslist-bot .time {
    font-size: .2rem;
  }

  /*新闻*/
  /*环境*/
  .about-contact .about-contact-tit .items {
    width: 25%;
    line-height: .8rem;
    height: .8rem;
    font-size: .28rem;
  }

  .about-contact .about-contact-tit {
    line-height: 1;
  }

  .about-contact .about-contact-txt .items {
    padding: 0;
    font-size: .24rem;
    width: 20%;
  }

  .about-contact .about-contact-txt {
    line-height: .7rem;
    height: .7rem;
  }

  .inside-box {
    padding-top: 0.73rem;
    padding-bottom: 0.85rem;
  }

  .environment-bot .items .span, .environment-top .span {
    font-size: .22rem;
    line-height: .6rem;
    height: .6rem;
  }

  .tmore {
    width: .65rem;
    height: .65rem;
    line-height: .65rem;
    font-size: .5rem;
  }

  .inside-box .tmore {
    margin-top: .15rem;
  }

  .life .life-list .items .words {
    padding-top: 0.25rem;
    padding-bottom: 0.55rem;
  }

  .life .life-list .items {
    width: 100%;
    margin-left: 0%;
  }
  .life .life-list .items:nth-child(3n+1) {
    margin-left: 0%;
  }
  .life .life-list .items:nth-child(2n+1) {
    margin-left: 0;
  }
  .life .life-list .items .tit {
    font-size: .28rem;
    line-height: .4rem;
    height: .4rem;
  }
  .life .life-list .items .txt {
    font-size: .24rem;
    line-height: .35rem;
    height: .7rem;
    margin-bottom: 0.3rem;
    margin-top: 0.3758 0.4rem;
  }

  .development-list .words .tit {
    font-size: .3rem;
    line-height: 1.5;
    display: block;
    overflow: visible;
    height: auto;
  }

  .development-list .words .txt {
    font-size: .26rem;
    line-height: .4rem;
    height: .4rem;
    padding-left: .5rem;
    margin-top: 0.17032rem;
  }
  .development-list .words .txt:after {
    width: .35rem;
  }

  .development-list .items {
    padding: .5rem 0;
  }
  .development-list .items:nth-child(1) {
    padding-top: 0;
  }

  .development-list .words .tbox {
    padding-top: 0.15rem;
    padding-bottom: 0.23rem;
  }

  .welfare-top .tit {
    font-size: .36rem;
  }

  .welfare-top .txt br {
    display: none;
  }

  .welfare-list .items {
    width: 100%;
    margin-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.35rem;
    margin-top: 2%;
  }

  .welfare-list .items .img {
    width: 1.5rem;
    height: 1.5rem;
  }

  .welfare-list .items .text-con {
    padding-top: 0.25rem;
  }

  .welfare-list .items .tit {
    margin-bottom: .2rem;
    font-size: .28rem;
  }

  .welfare-list .items .txt {
    font-size: .24rem;
    line-height: 1.5;
    height: auto;
  }

  .welfare-top .txt {
    font-size: .24rem;
    line-height: 1.6;
  }

  .welfare-list {
    padding-top: 0.45rem;
  }

  .welfare-top .txt {
    margin-top: 0.25rem;
  }

  .joindetails-box .tit {
    margin-bottom: .3rem;
    font-size: .36rem;
  }

  .joindetails-box .tit-20 {
    font-size: .28rem;
    margin-bottom: .2rem;
  }

  .join-button {
    width: 2rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem;
  }

  .ttop {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .4rem;
    right: 0.5rem;
    bottom: 0.9rem;
  }

  .contact-box .contact-right {
    height: auto;
  }

  .contact {
    padding: .3rem .5rem;
  }

  .contact-box .contact-right .map .maptit {
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 2.9rem;
    height: 2.7rem;
    min-height: 0;
  }

  .contact-box .contact-right .map .swiper-pagination {
    left: .2rem;
    padding: 0 .2rem;
  }

  .contact-box .contact-right .map .maptit .items {
    padding: .2rem;
    padding-bottom: .1rem;
  }

  .contact-box .contact-right .map .maptit .tit {
    font-size: .24rem;
    line-height: .35rem;
    height: .35rem;
  }

  .contact-box .contact-right .map .pb {
    font-size: .2rem;
    padding-right: .2rem;
  }

  .contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
  }

  .contact-box .contact-left .tit {
    font-size: .36rem;
    line-height: 1.2;
    padding-bottom: .4rem;
  }

  .contact-box .contact-left .list {
    font-size: .24rem;
    padding-right: .4rem;
  }

  .contact-box .contact-left .list .li {
    padding: .2rem 0;
  }

  .contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: .1rem;
  }

  .wel-pro-list .li .li-bot {
    display: none !important;
  }

  /*.wel-pro-list .li {*/
  /*  width: 50%;*/
  /*}*/

  .wel-banner .words {
    padding: 0.6rem 0.5rem 0.575rem 0.5rem;
    display: none;
  }

  .wel-banner .words .tit {
    font-size: .72rem;
  }

  .wel-banner .words .txt {
    font-size: .2rem;
    line-height: .3rem;
    margin-top: .15rem;
  }

  .wel-banner .words .t {
    font-size: .42rem;
    line-height: .52rem;
    margin-bottom: 0;
  }

  .wel-banner .words .welmore {
    display: none;
  }

  .wel-banner .words .line {
    margin: .2rem 0;
  }

  .wel-banner .buts {
    bottom: .6rem;
  }

  .wel-banner .buts .swiper-pagination .swiper-pagination-bullet {
    padding: 0 0.18rem;
    padding-top: 0.15rem;
  }

  .wel-pro-list {
    padding: 0 .5rem;
    padding-top: .6rem;
    padding-bottom: 0.65rem;
  }

  .wel-pro-list .tit {
    font-size: .5rem;
    /*color: #333333;*/
    margin-bottom: .25rem;
    text-align: center;
    padding: 0;
  }

  .wel-pro-list .li .li-top {
    padding: 0;
  }

  .wel-pro-list .li .li-top:before {
    display: none;
  }

  .wel-pro-list .li .li-top .span:after,
  .wel-pro-list .li .li-top:after {
    display: none;
  }

  .wel-pro-list .li .li-top {
    font-size: .3rem;
    line-height: .7rem;
    height: .7rem;
  }

  .wel-pro-list .prolist {
    padding: .4rem 0;
  }

  .wel-recommend .wel-tit {
    font-size: .5rem;
    margin-bottom: .45rem;
  }

  .wel-recommend {
    padding-top: .8rem;
    padding-bottom: .95rem;
  }

  .wel-recommend .swiper-button-prev, .wel-recommend .swiper-button-next {
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
  }

  .wel-recommend .words {
    padding: 0.5rem;
    padding-bottom: .7rem;
  }

  .wel-recommend .tit {
    font-size: .36rem;
    line-height: .5rem;
    height: .5rem;
  }
  .wel-recommend .txt2{
    font-size: .3rem;
  }
  .wel-recommend .txt {
    font-size: .3rem;
    line-height: .4rem;
    height: .4rem;
  }

  .wel-recommend .items {
    padding: 1px;
  }

  .wel-recommend .p {
    line-height: .36rem;
    font-size: .22rem;
    height: 1.08rem;
  }

  .wel-recommend .recommendmore {
    display: none;
  }

  .wel-serves .img {
    height: 6.4rem;
  }

  .wel-serves .wordsbox0 {
    padding: 0;
  }

  .wel-serves .wordsbox0 .wordsbox {
    width: 100%;
    height: auto;
    margin-top: -.8rem;
    padding: 0.6rem 0.5rem;
    padding-right: 0.95rem;
  }

  .wel-serves .wordsbox .recommendmore {
    display: none;
  }

  .wel-serves .words .text {
    padding-top: 2rem;
  }

  .wel-serves .words .text .tit {
    font-size: .52rem;
    margin-bottom: .3rem;
  }

  .wel-serves .words .text {
    font-size: .24rem;
    line-height: 1.2;
  }

  .wel-serves .wordsbox .tit {
    font-size: .4rem;
    margin-bottom: .32rem;
  }

  .wel-serves .wordsbox .txt {
    font-size: .24rem;
    line-height: .34rem;
    height: 1.02rem;
    -webkit-line-clamp: 3;
  }

  .wel-news {
    padding-top: 1.15rem;
  }

  .wel-news .welnews-top .en {
    font-size: .48rem;
  }

  .wel-news .welnews-top .cn {
    font-size: .5rem;
    margin-top: .1rem;
  }

  .wel-news .welnews-top .right .txt {
    font-size: .24rem;
    line-height: .34rem;
  }

  .wel-news .welnews .news-more {
    margin-top: .6rem;
    display: none;
  }

  .wel-news .welnews-bot .items {
    width: 100%;
    margin-left: 0 !important;
    padding: .4rem .5rem .65rem .35rem;
  }

  .wel-news .welnews-bot {
    margin-top: .6rem;
    padding-bottom: .65rem;
  }

  .welnews-images {
    display: none;
  }

  .wel-news .list {
    display: none;
  }

  .wel-news .welnews-bot .items .time {
    font-size: .22rem;
  }

  .wel-news .welnews-bot .items .tit {
    font-size: .4rem;
    line-height: .5rem;
    height: 1rem;
    margin-top: .35rem;
    margin-bottom: .35rem;
    color: #333333;
  }

  .wel-news .welnews-bot .items .p {
    font-size: .24rem;
    line-height: .34rem;
    height: 1.02rem;
  }

  .wel-news .welnews-bot .items .welmore {
    display: none;
  }

  .wel-news .welnews-bot .items {
    margin-bottom: .4rem;
  }

  .welabout .text {
    width: auto;
    padding-top: 1.6rem;
  }

  .wel-about .w-words {
    height: auto;
  }

  .welabout .img {
    height: 7.8rem;
  }

  .wel-about .w-words .items {
    width: 100%;
  }

  .wel-about .w-words .items:nth-child(n+2) {
    border-left: 0;
  }

  .welabout .text .en {
    font-size: .26rem;
    margin-bottom: .15rem;
  }

  .welabout .text .cn {
    font-size: .5rem;
  }

  .welabout .text .line {
    margin-top: .4rem;
    margin-bottom: .45rem;
  }

  .wel-about .w-words .items {
    padding: 0;
    font-size: .24rem;
  }

  .wel-about .w-words .items .txt {
    font-size: .24rem;
    line-height: .34rem;
    height: 1.02rem;
    -webkit-line-clamp: 3;
  }

  .wel-about .w-words .items .tit {
    font-size: .36rem;
    line-height: 1;
    height: auto;
  }

  .wel-about .w-words {
    padding: 0;
    margin-top: -.85rem;
  }
  .wel-about .w-words .items {
    padding: .4rem .6rem .3rem .4rem;
  }

  .wel-banner .words .fr {
    float: left;
  }

  .wel-banner .words br {
    display: block;
  }

  .introduction {
    width: 90%;
    font-size: .24rem;
    padding-top: 0.67rem;
    padding-bottom: 0.9rem;
  }

  .introduction-words .items .tit {
    font-size: .3rem;
    line-height: 1.2;
    height: auto;
  }

  .serves03 {
    margin-top: 0.55rem;
  }

  .about-tit .txt {
    font-size: .36rem;
    line-height: 1.5;
    /*margin-top: 0.25rem;*/
  }

  .introduction-words {
    padding-top: .45rem;
  }

  .about-tit .tit {
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .2rem;
  }

  .introduction-words .items .itbox .li .num {
    font-size: .4rem;
  }

  .introduction-words .items .itbox .li .txt {
    font-size: .2rem;
    line-height: .3rem;
    margin-top: .1rem;
  }

  .introduction-words .items .itbox .li:nth-child(n+2) {
    margin-left: 0;
  }

  .introduction-words .items .itbox .li {
    width: 33%;
    height: auto;
    padding: 0.25rem 0.3rem;
  }

  .introduction-words .items:nth-child(n+2) {
    margin-top: .4rem;
  }

  .serves03 .list .items-bot {
    padding: 0.35rem 0.6rem 0.4rem 0.35rem;
    height: 255px;
  }

  .join-top .items {
    width: 100%;
    margin-left: 0;
  }

  .join-top .items:nth-child(n+2) {
    margin-top: .4rem;
  }

  .join-top .items .span {
    font-size: .24rem;
    padding: 0.3rem .5rem;
  }

  .serves03 .list {
    padding-bottom: 0.35rem;
    margin-top: 0.36rem;
  }

  .serves03 .list .items-bot .p {
    padding-top: .2rem;
  }

  .join-top .items.video .tv:after {
    width: .5rem;
    height: .5rem;
    left: .3rem;
  }

  .join-top .items.video .tv {
    padding-left: 1rem;
  }

  .join-top .items .span span {
    font-size: .3rem;
  }

  .join-bot {
    padding-top: 0.75rem;
  }

  .join-bot .joinbot-tit {
    /*margin-bottom: .45rem;*/
  }

  .joinbot-list .tr {
    padding: 0 .3rem;
  }

  .joinbot-list .join-button {
    margin-top: 0.7rem;
  }

  .joinbot-list .join-thead .th {
    font-size: .28rem;
    line-height: 1.3;
    padding: .3rem 0;
  }

  .joinbot-list .join-tbody .th {
    line-height: 1.2;
    font-size: .24rem;
    padding: .25rem .05rem;
  }

  .joinbot-list {
    overflow-x: auto;
  }

  .join-table {
    padding-bottom: .5rem;
  }

  .join-bot .joinbot-tit .li {
    font-size: .2rem;
    line-height: .75rem;
    height: .75rem;
    /*width: 20%;*/
        border-bottom: 1px solid #e4e4e4;
    width: 25%;
  }
  .join-bot .joinbot-tit{
    border-bottom: none;
  }

  .joinbot-list .td-last.th {
    width: 20%;
  }

  .joinbot-list .th {
    width: 20%;
    word-break: break-word;
  }

  .words-box {
    font-size: .24rem;
  }

  .joindetails-box .words:nth-child(n+2) {
    margin-top: .4rem;
  }

  .development-list .words {
    padding-right: 0;
  }

  .process .process-words .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .process .process-words .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .process .process-words .items:nth-child(2n+1) {
    margin-left: 0%;
  }

  .process .process-images {
    height: auto;
  }

  .process .process-words .items:nth-child(2n+2) {
    margin-top: 0;
  }

  .process .process-words .items:nth-child(3n+2) {
    margin-top: 0;
  }

  .process .process-words {
    padding: 1.28rem 0;
  }

  .process .process-words .items {
    padding: 0.55rem 0.04rem;
  }

  .process .process-words .img {
    width: .6rem;
    height: .6rem;
    margin: 0 auto;
  }

  .process .process-words .items .span {
    font-size: .24rem;
    line-height: 1.5;
    margin-top: .15rem;
  }

  .arrangements {
    padding-top: 0.7rem;
    padding-bottom: 0.77rem;
  }

  .arrangements thead {
    font-size: .24rem;
  }

  .arrangements tbody tr {
    font-size: .24rem;
  }

  .arrangements {
    overflow-x: auto;
  }

  .arrangements table {
    width: 200%;
  }

  .quality-box {
    padding-top: 0.65rem;
    padding-bottom: 1.05rem;
  }

  .quality-box .quality-fl .fl-list {
    padding: .42rem 0;
  }

  .quality-box .quality-fl .input {
    height: .7rem;
    font-size: .24rem;
  }

  .quality-tit {
    font-size: .32rem;
  }

  .quality-01 .tit-smil {
    font-size: .28rem;
  }

  .quality-con {
    margin-top: .35rem;
  }

  .quality-01 .itemsbox {
    margin-top: .3rem;
  }

  .quality-01 .li:after {
    width: .6rem;
    height: .6rem;
    font-size: .3rem;
    line-height: .6rem;
    right: .2rem;
  }

  .drawing-list .items .words {
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .15rem;
    min-height: .8rem;
  }

  .drawing-list {
    /*padding-top: .4rem;*/
  }

  .quality-01 .li {
    width: 100%;
    margin-left: 0;
    height: 0.78rem;
    line-height: 0.78rem;
    font-size: 0.22rem;
  }

  .drawing-list .items {
    font-size: .24rem;
    padding: 0.24rem;
  }

  .drawing-list .items {
    width: 49%;
    margin-left: 2%;
  }
  .drawing-list .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .drawing-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .drawing .selectbox select {
    width: 80%;
    height: .75rem;
  }

  .quality-box .quality-fl .input input[type=submit] {
    width: .3rem;
    height: .3rem;
    right: .15rem;
  }

  .drawing .selectbox {
    font-size: .24rem;
  }

  .greempro .table tbody th {
    padding: .1rem .4rem;
    font-size: .24rem;
  }

  .greempro .table th:nth-child(1) {
    width: auto;
  }

  .greempro .table thead {
    font-size: .28rem;
  }

  .con-text, .text-con {
    font-size: .24rem;
  }

  .greempro .quality-tit {
    margin-bottom: .3rem;
  }

  .greempro .text-con {
    width: 100%;
    margin-bottom: .3rem;
  }

  .quality-box .quality-fl .fl-list .items {
    padding: 0 0.34rem;
  }

  .target-list .items .span span {
    font-size: .44rem;
  }

  .target-list .items {
    font-size: .24rem;
    width: 49%;
    margin-left: 2%;
    height: auto;
    margin-bottom: 0.24rem;
    padding: 0.2rem;
    padding-top: 0.4rem;
  }
  .target-list .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .target-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .target-list .items .t {
    line-height: .32rem;
  }

  .safety.quality-01 .itemsbox {
    margin-top: 0.5rem;
  }

  .safety .img {
    width: .5rem;
    height: .5rem;
    margin-bottom: .2rem;
  }

  .control .itembox .items .i {
    width: 0.65rem;
    height: 0.65rem;
  }
  .control .itembox .items .i img {
    width: 100%;
  }

  .control .itembox .items .span {
    font-size: .24rem;
    margin-top: .15rem;
  }

  .control .itembox .items {
    height: auto;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
    padding: .3rem 0;
  }
  .control .itembox .items:nth-child(6n+1) {
    margin-left: 2%;
  }
  .control .itembox .items:nth-child(3n+1) {
    margin-left: 0;
  }

  .control .btwen {
    font-size: .2rem;
    margin-top: .42rem;
  }

  .control .text {
    margin-top: .4rem;
  }

  .management .tit {
    font-size: .28rem;
    line-height: 1.5;
    margin-bottom: .2rem;
  }

  .initiatives .words {
    line-height: 2;
  }

  .management .quality-tit {
    margin-bottom: .3rem;
  }

  .initiatives-list .items {
    font-size: .24rem;
    width: 100%;
    margin-left: 0;
    margin-bottom: .3rem;
    padding: 0.25rem 0.4rem 0.35rem 0.4rem;
    min-height: 0;
  }

  .initiatives-list .items .img {
    width: 0.58rem;
    height: 0.58rem;
  }

  .initiatives-list .items .t {
    font-size: .3rem;
    margin-top: .2rem;
  }

  .initiatives-list .items .p {
    margin-top: .2rem;
    font-size: .24rem;
    line-height: 1.6;
  }

  .history-list .i {
    width: 90%;
  }

  .history-list .wen .time {
    font-size: .28rem;
  }

  .history-list .wen {
    font-size: .24rem;
  }

  .history-list .spanmore {
    width: 1.8rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .24rem;
  }

  .qualification {
    padding: .8rem 0;
  }

  .qualification .list .items {
    padding-bottom: 0.35rem;
    padding-top: .4rem;
  }

  .qualification .list {
    width: auto;
    width: 90%;
    max-width: 100%;
    margin-top: 0.45rem;
  }

  .qualification .list .items .item-right,
  .qualification .list .items .item-left {
    width: 100%;
  }

  .qualification .list .items .item-left {
    margin-bottom: .25rem;
    font-size: .36rem;
  }
  .qualification .list .items .item-left span {
    font-size: .24rem;
  }

  .qualification .list .items .item-right .w {
    font-size: .24rem;
  }

  .qualification .list .items .item-right .more {
    margin-top: 0.25rem;
    font-size: .2rem;
  }
}

/*# sourceMappingURL=style.css.map */



.contact-box .contact-right .map .maptit{
  position: static;
}
@keyframes myfirst{0%{transform:scale(0);opacity:1}100%{transform:scale(3);opacity:0}}
.contact-box .contact-right .map .maptit-li{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.contact-box .contact-right .map .maptit-li{
    margin-left: -6%;
    margin-top: 6%;
}
.contact-box .contact-right .map .maptit-li.maptit-li1{
    /*margin-left: -15%;*/
    /*margin-top: 0;*/
}

.contact-box .contact-right .map .dianbox .dian{
  position: absolute;
  width: .3rem;
  height: .3rem;
  max-width: 10px;
  max-height: 10px;
  border-radius: 50%;
  background:#726593;

}
.contact-box .contact-right .map .dianbox .dian:after{
  width: 100%;
  height: 100%;
  background:#fff;
  border-radius: 50%;
  content:"";
  position: absolute;
  left:0;
  top:0;
  z-index: 4;
  opacity: 0;
}
.contact-box .contact-right .map .dianbox .dian.active:after{
  opacity: 1;
}
.contact-box .contact-right .map .dianbox .dian.active span{
  background:#726593;
}
.contact-box .contact-right .map .dianbox .dian span{
  width: 400%;
  height: 400%;
  display: block;
  background:rgba(79,57,139,.2);
  border-radius: 50%;
      /*animation: myfirst 2s infinite linear 1s;*/
    /*transform: scale(0);*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.contact-box .contact-right .map .dianbox .dian1{
  top: 6.35rem;
  left: 4.2rem;
}
.contact-box .contact-right .map .dianbox .dian1 span{
  width: 800%;
  height: 800%;
}
/*.contact-box .contact-right .map .dianbox .dian2{
  top: 5.625rem;
  right: 7.8rem;
}*/
.contact-box .contact-right .map .dianbox .dian2{
    top: 35%;
    right: 28%;
}

/*.contact-box .contact-right .map .dianbox .dian3{
  top: 6.625rem;
  right: 5.3rem;
}*/

/*.contact-box .contact-right .map .dianbox .dian4{
  top:6.875rem;
  right:6rem;
}*/
.contact-box .contact-right .map .dianbox .dian3 {
    top: 8rem;
    right: 6.2rem;
}
.contact-box .contact-right .map .dianbox .dian4 {
    top: 8rem;
    right: 7rem;
}
.contact-box .contact-right .map .dianbox .dian5 {
    top: 45%;
    right: 26%;
}
.contact-box .contact-right .map .dianbox .dian7 {
    top: 9.5rem;
    right: 7.5rem;
}
/*.contact-box .contact-right .map .dianbox .dian5{
  top:7rem;
  right:7.75rem;
}*/
/*.contact-box .contact-right .map .dianbox .dian6{
  top: 7.2rem;
  right: 6.3rem;
}*/
.contact-box .contact-right .map .dianbox .dian6 {
    top: 9rem;
    right: 6.8rem;
}
/*.contact-box .contact-right .map .dianbox .dian7{
  top:8.125rem;
  right:6.8rem;
}*/
/*.contact-box .contact-right .map .dianbox .dian8{
    top: 7.98rem;
    right: 5.8rem;
}*/
.contact-box .contact-right .map .dianbox .dian8 {
    top: 8.7rem;
    right: 7.5rem;
}
.contact-box .contact-right .map .maptit{
  /*width: 7.25rem;*/
  /*min-height: 5.125rem;*/
  width: 11.25rem;
  /*min-height: 6rem;*/
}
.contact-box .contact-right .map .maptit-li{
  z-index: 5;
}
.contact-box .contact-right .map .maptit .tit{
  font-size: .45rem;
  line-height: .65rem;
  /*height: 1.3rem;*/

}
@media screen and (max-width: 1650px){
  .contact-box .contact-right .map .maptit{
    width: 9rem;

  }
  .contact-box .contact-right .map .maptit-li,
  .contact-box .contact-right .map .maptit-li.maptit-li1{
    margin-left: -10%;
  }
}
@media screen and (max-width: 1500px){
  .bocweb-footer .cont-fr .bdshare .tianmao{
    width: 38px;
    height: 38px;
    background-size: 38px 38px;
  }
}
@media screen and (max-width: 767px){
    .contact-box .contact-right .map.animate .maptit-li{
      max-height: 100%;
    }

    .contact-box .contact-right .map .maptit .p{
      margin-bottom: .1rem;
    }


    .contact-box .contact-right .map .dianbox .dian{
      width: .12rem;
      height: .12rem;
    }

    .contact-box .contact-right .map .dianbox .dian span{
      width: 200%;
      height: 200%;
    }
    .contact-box .contact-right .map .dianbox .dian1{
      top: 2.5rem;
      left: 2.1rem;
    }
    .contact-box .contact-right .map .dianbox .dian1 span{
      width: 450%;
      height: 450%;
    }
    .contact-box .contact-right .map .dianbox .dian2{
      top: 2.5rem;
      right: 3.9rem;
    }

    .contact-box .contact-right .map .dianbox .dian3{
      top: 3.3rem;
      right: 2.6rem;
    }

    .contact-box .contact-right .map .dianbox .dian4{
      top:3.4rem;
      right:3rem;
    }

    .contact-box .contact-right .map .dianbox .dian5{
      top:3.5rem;
      right:3.7rem;
    }
    .contact-box .contact-right .map .dianbox .dian6{
      top: 3.6rem;
      right: 3.1rem;
    }
    .contact-box .contact-right .map .dianbox .dian7{
      top:4rem;
      right:3.4rem;
    }
    .contact-box .contact-right .map .dianbox .dian8{
        top: 4rem;
        right: 3rem;
    }

    .contact-box .contact-right .map .maptit{
      /*width: 5rem;*/
      width: 100%;
      min-height: 2.5rem;
      height: auto;
      padding-bottom: .2rem;
    }

    .contact-box .contact-right .map .maptit .tit{
      font-size: .2rem;
      line-height:.35rem;
      height: .35rem;
      /*height: .7rem;*/
      margin-bottom: .1rem;
    }
    .contact-box .contact-right .map .i img{
      /*width: 50%;*/
    }
    .contact-box .contact-right .map .maptit-li{
      margin-left: 0!important;
      margin-top: 0!important;
    }
}