@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}



sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{font-size: 14px;color: #000;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
body{font-family: "SourceHanSansCN"}
textarea{font-family: "SourceHanSansCN"}

@font-face {
    font-family: "SourceHanSansCN";
    src: url("../fonts/SourceHanSansCN.ttf");
}

@font-face {
    font-family: "YouSheBiao TiHei";
    src: url("../fonts/YouSheBiao TiHei.ttf");
}

.morean {
  border-radius: 2em;
  width: 150px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #004098;
  color: #fff;
  display: block;
  text-transform: uppercase;
  transition: 0.3s;margin:0px auto;font-size: 16px;
}
.morean .iconfont {
  font-size: 16px;
  display: inline-block;
  animation-duration: 1.3s;
}
.morean a a:hover {
  color: #fff;
}
.morean a:hover {
  transform: translateY(-5px);
 font-size: 16px;color: #fff;
}

.anlzs {
  background: #fff;

  width: 100%; padding-top:20px; padding-bottom:50px;
}

.anlzs.hd {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.74rem;
}
.anlzs .hd .desc {
  font-size: 16px;
  color: #999;
  line-height: 24px;
}
@media (min-width: 641px) {
  .anlzs .hd {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
 .anlzs .hd .desc {
    width: 60%;
    max-width: 600px;
  }
}
@media (max-width: 768px) {
 .anlzs.hd .desc {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (max-width: 640px) {
 .anlzs .desc {
    margin-top: 0.3rem;
  }
}






	

}







.case-box.hd {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.74rem;
}
.case-box .hd .desc {
  font-size: 16px;
  color: #999;
  line-height: 24px;
}




@media (min-width: 641px) {
 .case-box.hd {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
.case-box .desc {
    width: 60%;
    max-width: 600px;
  }
}
@media (max-width: 768px) {
.case-box .hd .desc {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (max-width: 640px) {
.case-box .desc {
    margin-top: 0.3rem;
  }
}















/*
.anlzs .hd {
  text-align: center;
  margin-bottom: 0.33rem;
  padding-bottom: 0.3rem;
  position: relative;
}
.anlzs .hd .cn {
  font-size: 16px;
  color: #bbb;
  position: relative;
}
.anlzs .hd h2 {
   font-size: 36px;
  margin-bottom: 5px;
}
@media (max-width: 992px) {
 .anlzs .hd .cn {
    font-size: 14px;
    color: #666;
  }
 .anlzs .hd h2 {
    font-size: 30px;
  }
}
.anlzs .hd::after {
  content: '';
  display: block;
  position: absolute;
  width: 21px;
  height: 4px;
  background-color: #115fad;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
*/
.cover-wrap {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.cover-wrap img {
  width: 100%;
  display: block;
  transform: translateZ(0);
  transition: transform 0.3s ease 0s;
}
.cover-wrap .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease 0s;
  background: rgba(0, 0, 0, 0.5);
}
.cover-wrap p {
  margin: 0;
}
.cover-wrap .text {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  padding: 10px 0;
}
.cover-wrap .text::before,
.cover-wrap .text::after {
  content: '';
  position: absolute;
  display: block;
  width: 100px;
  height: 2px;
  background-color: #f2f2f2;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
  z-index: 99;
}
.cover-wrap .text::before {
  top: 0;
}
.cover-wrap .text::after {
  bottom: 0;
}
.cover-wrap:hover img {
  transform: scale(1.05, 1.05);
}
.cover-wrap:hover .cover {
  opacity: 1;
}
.cover-wrap:hover .text::before,
.cover-wrap:hover .text::after {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.cover-wrap {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.cover-wrap img {
  width: 100%;
  display: block;
  transform: translateZ(0);
  transition: transform 0.3s ease 0s;
}
.cover-wrap .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease 0s;
  background: rgba(0, 0, 0, 0.5);
}
.cover-wrap p {
  margin: 0;
}
.cover-wrap .text {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  padding: 10px 0;
}
.cover-wrap .text::before,
.cover-wrap .text::after {
  content: '';
  position: absolute;
  display: block;
  width: 100px;
  height: 2px;
  background-color: #f2f2f2;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
  z-index: 99;
}
.cover-wrap .text::before {
  top: 0;
}
.cover-wrap .text::after {
  bottom: 0;
}
.cover-wrap:hover img {
  transform: scale(1.05, 1.05);
}
.cover-wrap:hover .cover {
  opacity: 1;
}
.cover-wrap:hover .text::before,
.cover-wrap:hover .text::after {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}


.anlzs ul {}
.anlzs .more1 {
  display: block;
  margin: 0 auto;
}
@media (max-width: 640px) {
 .anlzs {
    margin-top: 0.6rem;
    padding: 1rem 0;
  }
}
.newsbox {
  margin-bottom: 1.2rem;
}
.caselist {
  font-family: font2;
}
@media (min-width: 1200px) {
  .caselist {
    margin-left: -20px;
    margin-right: -20px;
  }
  .caselist li {
    padding-left: 20px;
    padding-right: 20px;
    
  }
}
@media (min-width: 1200px) and (max-width: 640px) {
  .caselist {
    margin-left: -5px;
    margin-right: -5px;
  }
 .caselist li {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
  }
}
.caselist._s2 {
  padding-top: 0.6rem;
}
.caselist img {
  width: 100%;
}
.caselist .name {
  line-height: 1.3;
  margin-bottom: 10px; text-align:center;
}
.caselist .info {
  font-size: 18px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .caselist li {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: 0.3s;
  }
 .caselist li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
  }
}
@media (max-width: 991px) {
  .caselist._s1 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  .caselist._s1 li {
    border-bottom: 1px solid rgba(51, 51, 51, 0.08);
    padding: 0.6rem 0 0.8rem;
    margin-bottom: 0;
  }
  .caselist._s1 li a {
    color: #666;
  }
  .caselist._s2 li {
    margin-bottom: 30px;
  }
  .caselist._s2 li a {
    color: #666;
  }
 .caselist .time {
    font-size: 0.2rem;
    line-height: 1.5;
    margin-top: 0.1rem;
    margin-bottom: 0.11rem;
  }
 .caselist .name {
    font-size: 16px;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {
 .caselist._s2 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  .caselist._s2 li {
    border-bottom: 1px solid rgba(51, 51, 51, 0.08);
    padding: 0.6rem 0 0.8rem;
    margin-bottom: 0;
  }
  .caselist._s2 li a {
    color: #666;
  }
}
.more1 {
  width: 1.64rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  color: #fff;
  background-color: #115fad;
  transition: 0.3s;
}
.more1:hover {
  transform: translateY(-5px);
  color: #fff;
  box-shadow: 0 0 20px rgba(17, 95, 173, 0.2);
  background: #0f5296;
}
@media (max-width: 992px) {
  .more1 {
    width: 2rem;
    height: 0.66rem;
    line-height: 0.66rem;
  }
}
.medium {
  font-family: medium;
}
body.bg-gray {
  background: #f3f3f3;
}



/*-----娴姩鍙充晶瀹㈡湇-----*/




 /* pageCase */
.pageCase{  width:72.5%; position: relative;overflow: hidden;float: right; }
.pageCase ul{ width: 101.61%; }
.pageCase ul li{ float: left; width: 31.72%; margin:  0.805%; position: relative;overflow: hidden;}
.pageCase ul li .img{ width: 100%; position: relative; z-index: 1;}
.pageCase ul li .img .thumbnail{ width: 100%;  transition: all 0.3s ease; }
.pageCase ul li .cont{ width: 100%; padding:0.3625rem 3%; overflow: hidden; position: relative; z-index: 2;
  background-color: rgba(255, 255, 255, 1);}
.pageCase ul li .cont .title{ font-size: 18px; color: #333; margin-bottom: 5px;text-align: center;line-height:30px;}
.pageCase ul li .cont .title span{ font-size: 18px; color: #666; }
.pageCase ul li .cont .summary{ font-size: 14px; color: #999;}
.pageCase ul li .img p{ width: 100%;  height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; transform: translateY(-101%); transition: all 0.8s ease;}
.pageCase ul li .img p span{ display: block; width: 100%; font-size: 24px; color: #fff; text-align: center; line-height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 0;}
.pageCase ul li:hover .thumbnail{transform:scale(1.2)}
.pageCase ul li:hover .title{ color: #0071bc;}
.pageCase ul li:hover .img p{transform: translateY(0); opacity:1;}

@media (max-width: 1200px) {
	.pageCase{  width:100%;float:none; }
	.pageCase ul li{ width: 48%; padding-left:1%; padding-right:1%;}
	.pageCase ul li:hover .img p{width: 100%;}
	.pageCase ul li .cont{ width: 100%;}
}
@media (max-width: 640px) {
	.pageCase ul li{ width: 98%; padding-left:1%; padding-right:1%;}
	
}


 /* pageCase */
.pageCases{  width:100%; position: relative;overflow: hidden; }
.pageCases ul{ width: 101.61%; }
.pageCases ul li{ float: left; width: 26%; position: relative;overflow: hidden;}
.pageCases ul li .img{ width: 100%; position: relative; z-index: 1; height:100%}
.pageCases ul li .img .thumbnail{ width: 100%;  transition: all 0.3s ease; }
.pageCases ul li .cont{ width: 100%;  overflow: hidden; position: relative; z-index: 2;
  background-color: rgba(255, 255, 255, 1);}
.pageCases ul li .cont .title{ font-size: 18px; color: #333; margin-bottom: 5px;text-align: center;}
.pageCases ul li .cont .title span{ font-size: 18px; color: #666;}
.pageCases ul li .cont .summary{ font-size: 14px; color: #999;}
.pageCases ul li .img p{ width: 100%;  height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; transform: translateY(-101%); transition: all 0.8s ease;}
.pageCases ul li .img p span{ display: block; width: 100%; font-size: 24px; color: #fff; text-align: center; line-height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 0;}
.pageCases ul li:hover .thumbnail{transform:scale(1.2)}
.pageCases ul li:hover .title{ color: #0071bc;}
.pageCases ul li:hover .img p{transform: translateY(0); opacity:1;}

@media (max-width: 1200px) {
	
	.pageCases ul li{ width: 48%; padding-left:1%; padding-right:1%;}
	.pageCases ul li:hover .img p{width: 100%;}
	.pageCases ul li .cont{ width: 100%;}
}
@media (max-width: 640px) {
	.pageCases ul li{ width: 98%; padding-left:1%; padding-right:1%;}
	
}



/*文化理念（关于我们）*/
.culture{background:#fff;}


.culture-idea{}
/*社会责任（关于我们）*/
.abUs-duty .duty-swiper{padding-top: 40px;padding-bottom: 105px;position: relative;}
.abUs-duty .duty-box img{width: 100%;}
.abUs-duty .duty-box .duty-cont{    padding: 20px;background: #fff;height: 115px;position: relative;}
.abUs-duty .duty-box .duty-cont h4{font-size: 18px;color: #444;font-weight: normal;margin-bottom: 5px;}
.abUs-duty .duty-box .duty-cont p{font-size: 14px; color: #bfbfbf; line-height: 25px; }
 .abUs-duty .duty-box .duty-cont .tr-ico{text-align: center;color: #FFFFFF;width: 47px;height: 47px;display: block;background: url(../images/icon/tr_gray.png) no-repeat;background-size:  100%;position: absolute;right: 0;bottom: 0;}
 .abUs-duty .duty-box:hover .duty-cont .tr-ico{background: url(../images/icon/tr_cur.png) no-repeat;background-size:  100%;}
  .duty-swiper .swiper-button-next {
    background-image: url(../images/icon/s_next.png);
     background-size: 100%;
    right: -40px;
     width: 8px;
    height: 16px;
}
.duty-swiper .swiper-button-prev {
    background-image: url(../images/icon/s_prev.png);
     background-size: 100%;
    left: -40px;
    width: 8px;
    height: 16px;
}
	.concept-list{overflow: hidden;zoom: 1;margin-top: 40px;margin-bottom: 80px;}
		.concept-list .concept-item{width: 50%;float: left;text-align: left;padding:0  15px;}
		

    	.concept-list .concept-item img{width:70px;display: block;float: left;margin-top: 14px;}
    	/* .concept-list .concept-item img{margin-bottom: 32px;    transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;width:70px;} */
		/* .concept-list .concept-item:hover img{transform: translateY(10px);-webkit-transform: translateY(10px);} */
		

    	.concept-list .concept-item h5{margin-left: 16%;font-size: 18px;margin-bottom: 32px;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
    	.concept-list .concept-item:hover h5{transform: translateY(10px);-webkit-transform: translateY(10px);}
    	.concept-list .concept-item p{color: #777777;font-size: 14px;line-height: 25px;width: 68%;margin-left: 16%;}

/*公共模块*/
.Modules{padding-top: 56px;}
.Modules .title{font-size: 36px;color: #333333;text-align: center;margin-bottom: 32px;font-weight: normal;}
.Modules .Msub{width: 60px;height: 4px;margin: 0 auto;background: #0994DC;position: relative;}
.Modules .Msub::after{position: absolute;content: '';height: 4px;width: 30px;left: 0;background: #2ccb6f;}
.Modules .desc{font-size: 14px;color: #555555;text-align: center;line-height: 25px;margin-top: 35px;margin-bottom: 52px;}


@media  (max-width:900px) {
	.XG-title h4{
		font-size: 16px;
	}
		.concept-list .concept-item{width: 100%;float:none;padding-top:35px;}
	.concept-list .concept-item img {
		float: none;
		margin: 0 auto;
	}
	.concept-list .concept-item {
		text-align: center;
	}
	.concept-list .concept-item h5 {
		margin-left: 0%; padding-top:15px;
	}
	.concept-list .concept-item p {
		width: 100%;
		margin-left: 0%;
	}
}





html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

@media(min-width: 1921px){
    .s0{font-size: 0;}
    .s12{font-size: calc(12 * 100vw / 1920);}
    .s13{font-size: calc(13 * 100vw / 1920);}
    .s14{font-size: calc(14 * 100vw / 1920);}
    .s15{font-size: calc(15 * 100vw / 1920);}
    .s16{font-size: calc(16 * 100vw / 1920);}
    .s17{font-size: calc(17 * 100vw / 1920);}
    .s18{font-size: calc(18 * 100vw / 1920);}
    .s19{font-size: calc(19 * 100vw / 1920);}
    .s20{font-size: calc(20 * 100vw / 1920);}
    .s21{font-size: calc(21 * 100vw / 1920);}
    .s22{font-size: calc(22 * 100vw / 1920);}
    .s23{font-size: calc(23 * 100vw / 1920);}
    .s24{font-size: calc(24 * 100vw / 1920);}
    .s25{font-size: calc(25 * 100vw / 1920);}
    .s26{font-size: calc(26 * 100vw / 1920);}
    .s27{font-size: calc(27 * 100vw / 1920);}
    .s28{font-size: calc(28 * 100vw / 1920);}
    .s29{font-size: calc(29 * 100vw / 1920);}
    .s30{font-size: calc(30 * 100vw / 1920);}
    .s31{font-size: calc(31 * 100vw / 1920);}
    .s32{font-size: calc(32 * 100vw / 1920);}
    .s33{font-size: calc(33 * 100vw / 1920);}
    .s34{font-size: calc(34 * 100vw / 1920);}
    .s35{font-size: calc(35 * 100vw / 1920);}
    .s36{font-size: calc(36 * 100vw / 1920);}
    .s37{font-size: calc(37 * 100vw / 1920);}
    .s38{font-size: calc(38 * 100vw / 1920);}
    .s39{font-size: calc(39 * 100vw / 1920);}
    .s40{font-size: calc(40 * 100vw / 1920);}
    .s41{font-size: calc(41 * 100vw / 1920);}
    .s42{font-size: calc(42 * 100vw / 1920);}
    .s43{font-size: calc(43 * 100vw / 1920);}
    .s44{font-size: calc(44 * 100vw / 1920);}
    .s45{font-size: calc(45 * 100vw / 1920);}
    .s46{font-size: calc(46 * 100vw / 1920);}
    .s47{font-size: calc(47 * 100vw / 1920);}
    .s48{font-size: calc(48 * 100vw / 1920);}
    .s49{font-size: calc(49 * 100vw / 1920);}
    .s50{font-size: calc(50 * 100vw / 1920);}
    .s51{font-size: calc(51 * 100vw / 1920);}
    .s52{font-size: calc(52 * 100vw / 1920);}
    .s53{font-size: calc(53 * 100vw / 1920);}
    .s54{font-size: calc(54 * 100vw / 1920);}
    .s55{font-size: calc(55 * 100vw / 1920);}
    .s56{font-size: calc(56 * 100vw / 1920);}
    .s57{font-size: calc(57 * 100vw / 1920);}
    .s58{font-size: calc(58 * 100vw / 1920);}
    .s59{font-size: calc(59 * 100vw / 1920);}
    .s60{font-size: calc(60 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 550px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}

@media(max-width: 750px){
    .z1{width: 100% !important;max-width: 500px !important;font-size: 0 !important;float: none !important;display: block !important;margin: 0 auto !important;padding: 20px 10px !important;}
    .z1 .z1{padding: 20px 0 0 !important;}
    .z2,
    .z3,
    .z4,
    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n){margin-right: 0 !important;}
}

.subject{max-width: 1400px;margin: 0 auto;}
@media(max-width: 1460px){
    .subject{padding: 0 4%}
}

.flex {
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.header{position: fixed;width: 100%;left: 0;top:0;transition: .3s ease;z-index: 99999;box-shadow: 0 0 .1rem 0 rgba(0,0,0,.2)}
.header.fixed{top:-40px;}
.header_1{background: #009ad4;font-size: 13px;color: rgba(255,255,255,.8);overflow: hidden}
.header_1 .subject{height: 40px;}
.header_1 .subject .left{float: left;line-height: 40px;}
.header_1 .subject .right{float: right}
.h_tel{float: left;line-height: 40px;}
.h_tel img{margin-right: 5px;position: relative;top:-1px}
.h_tel span{font-size: 14px;color: #FFF;padding-left: 5px}
.h_t{float: left;margin-left: 40px}
.h_t .a{display: inline-block;line-height: 40px}
.h_t b{font-weight: normal;margin: 0 5px}

.header_2{position: relative;background: #FFF}
.header_2 .subject{}
.h_logo{float: left;line-height: 105px;}
.h_logo a{}
.h_logo a img{}

.h_pc_nav{float: right;}
.h_pc_nav .li{float: left;margin-left: .7rem;height: 105px;}
.h_pc_nav .li .a1{position: relative;display: block;border-bottom: 2px solid #FFF;line-height: 56px;margin-top: 24px;font-size: 16px;color: #666666;}
.h_pc_nav .li.in .a1,
.h_pc_nav .li .a1:hover{color: #009ad4}



.h_pc_nav .li .a1:before{background: #009ad4;display: block;width: 0;height: 2px;position: absolute;content: '';bottom:-2px;left: 0;transition: .3s ease;}
.h_pc_nav .li .a1:hover:before,
.h_pc_nav .li.in .a1:before{width: 100%}

.h_pc_nav .li .bgl{position: absolute;z-index: 1;background: #eeeeee;height: 100%;left: 0;top:0;width: 270px}
/*.h_pc_nav .li .bgr{position: absolute;z-index: 3;height: 100%;right: 0;top:0;width: 70%;background-size: cover;background-position: left center;background-repeat: no-repeat;}*/

.h_pc_nav .li .h_pc_div{border-top: 1px solid #eee;height: 0;overflow: hidden;background-size: cover;transition: .3s ease;background-position: right center;background-repeat: no-repeat;z-index: -1;opacity: 0;position: absolute;width: 100%;top:100%;left: 0;background: #FFF;box-shadow: 0 5px 10px 0 rgba(0,0,0,.1)}
.h_pc_nav .li:hover .h_pc_div{z-index: 100;opacity: 1;height: auto;overflow: auto}
.h_pc_nav .li .h_pc_div .subject{position: relative;z-index: 2}
.h_pc_div_l{min-height: 440px;float: left;background: #eeeeee;width: 260px;overflow: hidden;padding-top: 20px}
.h_pc_div_l .a2{position: relative;display: block;;margin-top: 38px;}
.h_pc_div_l .a2 p{display: inline-block;font-size: 16px;color: #555555;line-height: 25px;position: relative}
.h_pc_div_l .a2:hover p,
.h_pc_div_l .a2.in2 p{color: #009ad4}
.h_pc_div_l .a2 p:before{display: block;content: '';width: 0;transition: .3s ease;height: 1px;background: #009ad4;position: absolute;left: 0;bottom:0;}
.h_pc_div_l .a2:hover p:before,
.h_pc_div_l .a2.in2 p:before{width: 100%}


.h_pc_div_r{max-width: 720px;padding: 0 .75rem;float: left;}
.h_pc_div_r .item{display: none;opacity: 0;transition: .3s ease;}
.h_pc_div_r .item.show{display: block;opacity: 1}
.h_pc_div_r .item h1{font-size: .36rem;color: #333333;font-weight: normal;line-height: 1.3;padding-top: .4rem;padding-bottom: .3rem;}
.h_pc_div_r .item p{font-size: 16px;color: #666666;line-height: 1.8;height: 115px;overflow: hidden;}
.h_pc_div_r .item .view{transition: .3s;margin-top: 50px;display: block;width: 145px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #FFF;background: #009ad4}
.h_pc_div_r .item .view:hover{background: #eeeeee;color: #666;}

.h_m_nav{float: right;display: none}
.h_m_nav_btn{line-height: 60px;cursor: pointer;padding-left: .2rem}
.h_m_nav_btn img{height: 20px;transition: .3s ease}
.h_m_nav_btn img:nth-child(1){}
.h_m_nav_btn img:nth-child(2){height: 0}
.h_m_nav_btn.active img:nth-child(1){height: 0}
.h_m_nav_btn.active img:nth-child(2){height: 20px}


.h_m_div{position: fixed;width: 100%;left: 100%;top:100px;max-height: calc(100% - 100px);box-sizing: border-box;padding-top: .2rem;padding-bottom: 1rem;overflow-y: auto;background: #eeeeee;transition: .4s ease all;}
.h_m_div.show{left: 0;}
.h_m_div_{padding: .2rem 3%;}

.h_nav_ul{}
.h_nav_ul .li{margin-bottom: .2rem}
.h_nav_ul .li .a1{position: relative;display: block;font-size: .34rem;line-height: 2;color: #3c3c3c}
.h_nav_ul .li.in2 .a1:before{display: block;content: "+";position: absolute;font-size: .4rem;right: 0;top:0}
.h_nav_ul .li .h_nav_ul2{display: none;border-top: 1px solid #eee;overflow: hidden;border-bottom: 1px solid #eee;}
.h_nav_ul .li .h_nav_ul2 .li2{margin-bottom: .1rem}
.h_nav_ul .li .h_nav_ul2 .li2:first-child{padding-top: .2rem}
.h_nav_ul .li .h_nav_ul2 .li2:last-child{padding-bottom: .2rem}
.h_nav_ul .li .h_nav_ul2 .li2 .a2{padding-left: .3rem;display: block;font-size: .32rem;color: #666;line-height: 2}

.h_nav_ul .li.in .h_nav_ul2{border-color: #ddd;}
.h_nav_ul .li.in.in2 .a1:before{content: "-";font-weight: bold;}

.bgList{position: absolute;width: 100%;height: 100%;z-index: 0;left: 0;top:0;}
.bgList .item{background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;width: 100%;height: 100%;left: 0;top:0;opacity: 0}
.bgList .item.show{opacity: 1}


.main{position: relative;z-index: 1;overflow: hidden}

.a_click{display: block}

.paddingtop{padding-top: 145px}

.paddingtops{padding-top: 100px}

@media(max-width: 1200px){
    .h_pc_div_r{width: 600px}
}


@media(max-width: 1000px){
    .h_m_nav{display: block}
    .h_pc_nav{display: none}
    .h_logo{line-height: 60px;}
    .h_logo a img{height: 35px}
    .header{box-shadow: 0 0 3px 2px rgba(0,0,0,.1)}
    .paddingtop{padding-top: 100px}
    .header.fixed{top:0;}
}


@media(max-width: 767px){
    .header_1{display: none}
    .paddingtop{padding-top: 60px}
    .h_m_div{top:60px;max-height: calc(100% - 60px)}
}

.banner{}
.banner .a_click{display: block}
.banner img{width: 100%}

.banner .swiper-button-prev,
.banner .swiper-button-next{width: 60px;height: 60px;background-size: 100%;background-repeat: no-repeat;background-position: center}

.banner .swiper-button-prev{background-image: url("../images/icon1.png");left: 5.2%}
.banner .swiper-button-next{background-image: url("../images/icon1-1.png");right: 5.2%}

.banner .swiper-button-prev:hover{background-image: url("../images/icon2-1.png")}
.banner .swiper-button-next:hover{background-image: url("../images/icon2.png")}



@media(max-width: 1600px){
    .banner .swiper-button-prev,
    .banner .swiper-button-next{width: 50px;height: 50px}
}

@media(max-width: 1400px){
    .banner .swiper-button-prev,
    .banner .swiper-button-next{width: 40px;height: 40px}
}

@media(max-width: 767px){
    .banner .swiper-button-prev,
    .banner .swiper-button-next{width: 25px;height: 25px}
}

.footer{background: #009ad4;color: rgba(255,255,255,.9)}
.footer_1{padding: .6rem 0;border-bottom: 1px solid #009ad4;}
.footer_1 .subject{justify-content: space-between;}
.footer_nav{width: 100%}
.footer_nav_li{}
.footer_nav_li .a1{color: rgba(255,255,255,.9);display: block;line-height: 1.3}
.footer_nav_li .footer_nav2{margin-top: .4rem;}
.footer_nav_li .footer_nav2 a{color: rgba(255,255,255,.6)}
.footer_nav_li .footer_nav2 .li2{margin-bottom: .1rem;}
.footer_nav_li .footer_nav2 .li2 .a2{display: block;line-height: 1.5;}

.footer_1_r{}
.footer_1_r_l{color: rgba(255,255,255,.6)}
.footer_1_r_l p{line-height: 1.5}
.footer_1_r_l .p1{color: rgba(255,255,255,.8);line-height: 1.3}
.footer_1_r_l .p2{color: #fff;font-weight: bold;padding: .1rem 0;}
.footer_1_r_l .d p{margin-bottom: .1rem;color: rgba(255,255,255,.6)}

.footer_1_r_r{}
.footer_1_r_r .ewm{width: 1.65rem;}

.f_share_{margin-top: 24px;}
.f_share{float: right}
.f_share .item{cursor: pointer;position: relative;display: block;float: left;margin-right: .1rem;}
.f_share .item .a{text-align: center;line-height: 35px;display: block;width: 36px;height: 36px;border-radius: 50%;background: rgba(255,255,255,.2);}
.f_share .item .a img{opacity: .6;max-height: 19px}
.f_share .item .f_pop{display: none;width: 1rem;position: absolute;top:calc(100% + 5px);left: 50%;transform: translateX(-50%);opacity: 0}
.f_share .item.in .f_pop,
.f_share .item:hover .f_pop{opacity: 1;display: block;transition: .5s ease all;animation: bottomMenu 0.3s ease-in 1 forwards;}
.f_share .item .f_pop img{width: 100%;}
.f_share .item:hover .a{background: #009ad4;}
.f_share .item:hover .a img{opacity: 1}
.footer a:hover{color: #FFF;}

.footer_2{padding: 25px 0;color: rgba(255,255,255,.9)}
.footer_2 .subject{}
.footer_2 .subject .Links{line-height: 1.6;margin-bottom: 15px}
.footer_2 .subject .Links a{color: rgba(255,255,255,.9)}
.footer_2 .subject .Links b{margin: 0 .1rem;}

.footer_2_bottom{}
.footer_2_bottom .l{line-height: 1.6;float: left;color: rgba(255,255,255,.6)}
.footer_2_bottom .r{line-height: 1.6;float: right;}

@keyframes bottomMenu {
    0% {
        top:80%;
        opacity: 0;
    }
    100% {
        top:120%;
        opacity: 1;
    }
}

@media(max-width: 1000px){
    .footer_1 .subject{flex-wrap: wrap;}
    .footer_1_r_l{width: 50%;text-align: center}
    .footer_1_r_r{width: 50%;text-align: center}
    .footer_nav_li{width: 15%;text-align: center;margin-bottom: .5rem}
    .f_share{display: inline-block;float: none}
    .footer_2_bottom .l{width: 100%;text-align: center}
    .footer_2_bottom .r{width: 100%;text-align: center;margin-top: .1rem}
}


@media(max-width: 767px){
    .footer_nav_li{width: 33.33%}
    .f_share .item .f_pop{width: 2rem;}
}
@media(max-width: 500px){
    .footer_nav_li{width: 50%}
    .footer_1_r_l{width: 60%;text-align: left}
    .footer_1 .subject{flex-wrap: nowrap}
    .footer_1_r_r{width: 40%;text-align: right}
    .footer_1_r_r .ewm{width: 2.5rem}
    .footer_nav_li{display: none}
    .footer_2 .subject .Links{display: none}
}

.Title{padding: .75rem 0 .45rem;text-align: center;color: #333333}
.Title h1{line-height: 1.1;font-weight: bold;}
.Title .line{width: 29px;height: 2px;background: #009ad4;margin: 15px auto;}
.Title p{line-height: 1.4}


@media(max-width: 767px){
    .Title .line{margin: 11px auto;}
}


.ateam {
  padding: 1rem 0; width:100%; background-color:#fff
}
.ateam .tit1 {
  margin-bottom: 0.7rem;
}
.ateam li {
  margin-bottom: 0.36rem;
}
.ateam .inner {
  background: #fff;
  text-align: center;
  padding: 0.24rem 0.24rem 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.ateam .inner p {
  line-height: 0.6rem;
  font-size: 16px ;
  color: #666;
}
.ateam .inner .img {
  overflow: hidden;
}
.ateam .inner .img img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.ateam .inner .img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ateam .inner img {
  width: 100%;
}
.ateam li:hover p {
  color: #2f318b;
}
@media (max-width: 640px) {
  .ateam .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .ateam .row > * {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .ateam .inner {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 480px) {
  .ateam .inner p {
    font-size: 14px;
  }
}














.index_1{position: relative}
.index_1 .bgl{position: absolute;z-index: -1;left: 0;top:32%;}
.index_1 .bgl img{width: 2.6rem;}
.index_1 .bgr{position: absolute;z-index: -1;right: 0;top:10%;}
.index_1 .bgr img{width: 5.16rem;}
.product_list{}
.product_list .item{width: 23.5%;margin-right: 2%;position: relative;margin-top: 0!important;margin-bottom: 2%;float: left}
.product_list .item:nth-child(4n){margin-right: 0}
.product_list .item .div1{z-index: 2;padding-top: 79.2%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.product_list .item .div1 .text{transition: .5s ease;color: #FFF;position: absolute;width: 100%;left: 0;bottom:0;text-align: center;line-height: 1.5;padding: .1rem;background: rgba(0,0,0,.5);}
.product_list .item .div2{background: rgba(255,255,255,.9);z-index: 3;visibility: hidden;transition: .5s ease;position: absolute;width: 92%;transform: scale(.8);height: 92%;left: 4%;top:4%;opacity: 0}
.product_list .item.in .div2{opacity: 1;transform: scale(1);visibility: visible;}
.product_list .item .div2 .d{font-size: 14px;color: #444;padding: .35rem .25rem;}
.product_list .item .div2 .d h2{color: #333;line-height: 1.5}
.product_list .item .div2 .d .line{width: 26px;height: 2px;background: #009ad4;margin: .15rem 0 .2rem}
.product_list .item .div2 .d p{line-height: 1.8;height: 75px;overflow: hidden}
.product_list .item .div2 .d .bottom{margin-top: .2rem;}
.product_list .item .div2 .d .bottom .a{display: inline-block;margin-right: .35rem;line-height: 1.5}

.product_list .item .div2 .d .bottom .a:hover{color: #009ad4}
.product_list .item.in .div1 .text{opacity: 0}

.product_list .swiper-button-prev,
.product_list .swiper-button-next{top:47.5%;opacity: 0;width: 46px;height: 46px;background-size: 100%;background-repeat: no-repeat;background-position: center;}
.product_list .swiper-button-prev{background-image: url("../images/icon3.png")}
.product_list .swiper-button-next{background-image: url("../images/icon3-1.png")}
.product_list .swiper-button-prev:hover{background-image: url("../images/icon4-1.png")}
.product_list .swiper-button-next:hover{background-image: url("../images/icon4.png")}

@media(max-width: 1300px){
    .product_list .item{width: 32%;}
    .product_list .item:nth-child(4n){margin-right: 2%}
    .product_list .item:nth-child(3n){margin-right: 0}
}

@media(max-width: 1200px){
    .product_list .swiper-button-prev,
    .product_list .swiper-button-next{opacity: 1}
    .product_list .swiper-button-prev,
    .product_list .swiper-button-next{width: 40px;height: 40px}
}
@media(max-width: 1000px){
    .product_list .item{width: 48%;margin-right: 0;margin-bottom: 4%}
    .product_list .item:nth-child(4n){margin-right: 0}
    .product_list .item:nth-child(3n){margin-right: 0}
    .product_list .item:nth-child(2n){float: right}
    /*.product_list .item .div2 .d p{font-size: 13px;line-height: 1.5;height: 36px;}*/
    /*.product_list .item .div2 .d .bottom{font-size: 12px;}*/
}
@media(max-width: 767px){
    .product_list .swiper-button-prev,
    .product_list .swiper-button-next{width: 25px;height: 25px}
    .product_list .swiper-slide .div2 .d{padding: .5rem .6rem}
}
@media(max-width: 600px){
    .product_list .swiper-slide .div1{padding-top: 60%}
    .product_list .swiper-button-prev, .product_list .swiper-button-next{top: 49%}
    .product_list .swiper-slide.in .div2{}
}
@media(max-width: 500px){
    .product_list .item .div2 .d p{font-size: 12px;line-height: 1.5;height: 21px;}
    .product_list .item .div2 .d .bottom{font-size: 12px;margin-top: .1rem;}
    .product_list .item .div2 .d .bottom .a{margin-right: 5px;}
}
@media(max-width: 370px){
    .product_list .item .div2 .d .bottom{}
    .product_list .item .div2 .d p{display: none}
}

.index_2{padding: 0.1rem 0 0.7rem;}
.index_2 .Title{color: #666;}
.case{position: relative}
.case{}
.ab .swiper-button-prev,
.ab .swiper-button-next{width: 46px;height: 46px;background-size: 100%;background-position: center;background-repeat: no-repeat;}

.ab .swiper-button-prev{left: -90px;background-image: url("../images/icon3.png")}
.ab .swiper-button-next{right: -90px;background-image: url("../images/icon3-1.png")}

.ab .swiper-button-prev:hover{background-image: url("../images/icon4-1.png")}
.ab .swiper-button-next:hover{background-image: url("../images/icon4.png")}

@media(max-width: 1400px){
    .ab .swiper-button-prev,
    .ab .swiper-button-next{width: 40px;height: 40px}
}

@media(max-width: 767px){
    .ab .swiper-button-prev,
    .ab .swiper-button-next{width: 25px;height: 25px}
}

@media(max-width: 1650px){
    .ab .swiper-button-prev{left: -60px}
    .ab .swiper-button-next{right: -60px}
}
@media(max-width: 1570px){
    .ab .swiper-button-prev{left: 10px}
    .ab .swiper-button-next{right: 10px}
}


.case_list{}
.case_list .swiper-slide{overflow: hidden}
.case_list .swiper-slide .a_click{position: relative}
.case_list .swiper-slide .a_click .img{position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top:0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.case_list .swiper-slide .a_click .t1{transition: .5s ease;position: absolute;width: 100%;text-align: center;color: #FFF;z-index: 3;left: 0;line-height: 1.5;bottom:.3rem;}
.case_list .swiper-slide .a_click .mask{transition: .5s ease;position: absolute;z-index: 2;width: 100%;height: 50%;left: 0;bottom:0;background: url("../images/bg4.png") no-repeat bottom center;background-size: 100%!important;}
.case_list .swiper-slide .a_click .t2{padding: .25rem .3rem;box-sizing: border-box;color: rgba(255,255,255,.6);background: #009ad4;transition: .5s ease;position: absolute;z-index: 5;width: 100%;left: 0;top:100%}
.case_list .swiper-slide .a_click .t2 h2{color: #fff;line-height: 1.5;margin-bottom: .15rem;}
.case_list .swiper-slide .a_click .t2 p{line-height: 1.8;font-size: 14px;height: 50px;overflow: hidden;color: #666;}

.case_list  p{line-height: 1.8;font-size: 16px;color: #666; text-align:center; padding-top:20px;}
.case_list .swiper-slide .a_click .t2 .more{margin-top: .3rem}

.case_list .swiper-slide:hover .a_click .mask,
.case_list .swiper-slide.in .a_click .mask,
.case_list .swiper-slide:hover .a_click .t1,
.case_list .swiper-slide.in .a_click .t1{opacity: 0}
.case_list .swiper-slide:hover .a_click .t2,
.case_list .swiper-slide.in .a_click .t2{transform: translateY(-100%)}



@media(max-width: 900px){
    .case_list .swiper-slide .a_click{}
    .case_list .swiper-slide .a_click .t2{padding: .6rem}
}

@media(max-width: 600px){
    .index_2_2{padding: 0}
    .case_list .swiper-slide .a_click{}
    .case_list .swiper-slide.swiper-slide-active .a_click .mask,
    .case_list .swiper-slide.swiper-slide-active .a_click .t1{opacity: 0}
    .case_list .swiper-slide.swiper-slide-active .a_click .t2{transform: translateY(-100%)}
}


.index_3{position: relative; background-color:#f6f6f6; padding-top:120px; padding-bottom:120px;}
.index_3_main{}
.index_3_l{float: left;width: 48.58%;position: relative}
.index_3_l .number{position: absolute;left: 0;top:.7rem;}
.index_3_l .number img{}
.index_3_l .d{padding-top: .0rem;}
.index_3_l .d h1{color: #333333;font-weight: bold}
.index_5_item .txt .d h1,
.index_4_r .d h1,
.index_3_l .d h1{line-height: 1.3;}

.index_5_item .txt .d h3,
.index_3_l .d h3{color: #009ad4;padding: .2rem 0}
.index_5_item .txt .d h3,
.index_4_r .d h3,
.index_3_l .d h3{line-height: 1.6;}

.index_3_l .d p{color: #666666;;}
.index_5_item .txt .d p,
.index_4_r .d p,
.index_3_l .d p{line-height: 1.775; font-size: 18px;}

.index_3_r{float: right;width: 48.58%}
.index_3_r img{}

.index_4{padding: .5rem 0;background: url("../images/bg5.png") no-repeat center;background-size: cover!important;}
.index_4_l{width: 48.58%;text-align: center;float: left}
.index_4_l img{max-width: 100%}
.index_4_r{width: 48.58%;float: right;position: relative;}
.index_4_r .number{position: absolute;top:.87rem;left: 0}
.index_4_r .number img{}
.index_4_r .d{color: #FFF;padding-top: .78rem;}
.index_4_r .d h1{}
.index_4_r .d h3{padding: .1rem 0 .2rem;}
.index_4_r .d p{}

.index_5{padding: .5rem 0;background: url("../images/bg6.png") no-repeat center;background-size: cover!important;}
.index_5_item{margin-bottom: .4rem}
.index_5_item:last-child{margin-bottom: 0}
.index_5_item .txt{width: 48.58%;float: left;position: relative}
.index_5_item .txt .number{position: absolute;left: 0;top:1.1rem;}
.index_5_item .txt .number img{}
.index_5_item .txt .d{padding-top: 1.1rem}
.index_5_item .txt .d h1{}
.index_5_item .txt .d h3{}
.index_5_item .txt .d p{}
.index_5_item .img{width: 48.58%;float: right;}
.index_5_item .img img{}

.index_5_item:nth-child(2n) .txt{float: right}
.index_5_item:nth-child(2n) .img{float: left}

.index_3_l .number img,
.index_4_r .number img,
.index_5_item .txt .number img{}

.index_3_l .d,
.index_4_r .d,
.index_5_item .txt .d{padding-left: 100px;}

@media(max-width: 1000px){
    .index_3_l{width: 100%;margin-bottom: .5rem}
    .index_3_r{width: 100%;text-align: center;}
    .index_4_l{width: 100%;}
    .index_4_r{width: 100%;margin-bottom: .5rem}

    .index_3_l .number img,
    .index_4_r .number img,
    .index_5_item .txt .number img{width: .68rem}

    .index_3_l .d,
    .index_4_r .d,
    .index_5_item .txt .d{padding-left: 1rem;padding-top: 0}

    .index_5_item .txt{width: 100%;margin-bottom: .4rem}
    .index_5_item .img{width: 100%;text-align: center;}

    .index_3_l .number,
    .index_4_r .number,
    .index_5_item .txt .number{top:0}
}


.index_6{padding-bottom: .7rem;background: url("../images/bg7.png") no-repeat center;background-size: cover!important;}
.index_6 .Title{color: #FFF;}

.index_6_main{}
.index_6_main .item{width: 13%;margin-right: 1.5%;float: left;margin-bottom: 1.5%;color: #333333;transition: .5s ease;height: 330px;text-align: center;background: #FFF;}
.index_6_main .item:nth-child(7){margin-right: 0}
.index_6_main .item .d{height: 100%;}
.index_6_main .item .icon{padding: 38px 0}
.index_6_main .item .icon img{}
.index_6_main .item .icon img:nth-child(1){}
.index_6_main .item .icon img:nth-child(2){display: none}

.index_6_main .item .t{font-weight: bold;line-height: 1.3}
.index_6_main .item .p{margin-top: 20px;line-height: 1.5;height: 70px}
.index_6_main .item .num{color: #bbbbbb;font-family: "YouSheBiao TiHei"}

.index_6_main .item:hover{background: #009ad4;color: #fff}
.index_6_main .item:hover .icon img:nth-child(1){display: none}
.index_6_main .item:hover .icon img:nth-child(2){display: inline-block}
.index_6_main .item:hover .num{color: #fff;}

@media(max-width: 1100px){
    .index_6_main .item{width: 23.875%;margin-right: 1.5%!important;}
    .index_6_main .item:nth-child(4n){margin-right: 0!important;}
}

@media(max-width: 767px){
    .index_6_main .item{height: 290px}
}
@media(max-width: 700px){
    .index_6_main .item{width: 32%;margin-right: 2%!important;}
    .index_6_main .item:nth-child(4n){margin-right: 2%!important;}
    .index_6_main .item:nth-child(3n){margin-right: 0!important;}
}
@media(max-width: 550px){
    .index_6_main .item{height: 220px}
    .index_6_main .item .icon img{width: 60px}
    .index_6_main .item .p{height: 50px;margin-top: 15px;}
    .index_6_main .item .icon{padding: 21px 0;}
    .index_6_main .item{width: 23.875%;margin-right: 1.5%!important;height: 135px}
    .index_6_main .item .icon img{width: 55px;}
    .index_6_main .item:nth-child(3n){margin-right: 1.5%!important;}
    .index_6_main .item:nth-child(4n){margin-right: 0!important;}
    .index_6_main .item .num,
    .index_6_main .item .p{display: none;}

}

.index_7{padding-top: .9rem;}
.index_7_1{padding-bottom: .4rem;}
.index_7_1 .subject{}

.index_7_1_l{width: 48.58%;float: left}
.index_7_1_l .txt{color: #555555;line-height: 2;margin-top: .3rem;}
.Title2{}
.Title2 h2{color: #009ad4;display: inline-block;font-family: Arial;line-height: 1.2;margin-right: .2rem}
.Title2 h1{display: inline-block;color: #333333;}

.index_7_1_r{width: 48.58%;float: right;justify-content: space-between;padding-top: .2rem;}
.index_7_1_r .item{color: #666666;}
.index_7_1_r .item .t{margin-bottom: .15rem}
.index_7_1_r .item .t span{font-family: Arial;font-weight: bold;color: #333333}
.index_7_1_r .item p{line-height: 1.5}

.index_7_2{padding-bottom: .5rem}
.index_7_2_l{overflow: hidden;cursor: pointer;height: 370px;position: relative;width: calc(100% - 440px);float: left}
.index_7_2_l .img{transition: .4s ease;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center}
.play{position: absolute;width: 100%;height: 100%;left: 0;top:0;background: url("../images/play.png") no-repeat center;}
.index_7_2_l:hover .img{transform: scale(1.1)}
.index_7_2_r{height: 370px;width: 400px;float: right;background: #f7f7f7;text-align: center;}
.index_7_2_r_a{display: block;height: 100%;position: relative;}
.index_7_2_r_a .img{width: 100%;height: 310px;line-height: 310px;}
.index_7_2_r_a .img img{max-width: 100%;max-height: 100%}
.index_7_2_r_a .txt{transition: .4s ease;position: absolute;width: 100%;bottom:0;left: 0;color: #FFF;background: #009ad4;padding: .15rem;line-height: 1.5}

.index_7_2_r_a:hover .txt{padding: .3rem .15rem}


@media(max-width: 1100px){
    .index_7_1_l{width: 100%;margin-bottom: .3rem;}
    .index_7_1_r{width: 100%}
    .index_7_2_r{width: 340px;}
    .index_7_2_l{width: calc(100% - 370px);}
}

@media(max-width: 900px){
    .index_7_2_l{width: 100%;margin-bottom: .4rem}
    .index_7_2_r{width: 100%}
}

@media(max-width: 700px){
    .index_7_1_r{flex-wrap: wrap;}
    .index_7_1_r .item{width: 50%;margin-bottom: .4rem;text-align: center}
    .index_7_2_l{height: 220px}
    .index_7_2_r{height: 300px}
    .index_7_1_l .txt,
    .Title2{text-align: center}
    .index_7_2_r_a .img{height: 260px;line-height: 260px}
}

.index_8{padding-bottom: .7rem;}
.index_8_main{}
.index_8_main .swiper-container{}
.index_8_main .swiper-container .swiper-slide{border: 1px solid #eeeeee;box-sizing: border-box;}
.index_8_main .swiper-container .swiper-slide a{height: 115px;line-height: 115px;text-align: center;}
.index_8_main .swiper-container .swiper-slide a img{max-width: 100%;max-height: 100%;}

.index_8_main .swiper-container .swiper-slide:hover{border-color: #009ad4}

@media(max-width: 1000px){
    .index_8_main .swiper-container .swiper-slide a{height: 100px;line-height: 100px;overflow: hidden}
}

.index_9{padding: .65rem 0;background: url("../images/bg8.png") no-repeat center;background-size: cover!important;}
.index_9_main{text-align: center}
.index_9_main .d1{}
.index_9_main .d1 p{display: inline-block;color: #FFF;line-height: 1.5;margin: 0 .2rem .1rem}
.index_9_main .d1 p img{margin-right: .1rem}
.index_9_main .d2{color: #FFF;font-weight: bold;line-height: 1.5;padding: .2rem 0 .4rem}

.red{color: #009ad4}

.index_9_main .d3{text-align: center}
.index_9_main .d3_{display: inline-block;}
.index_9_main .d3 .a1{display: inline-block;background: #FFF;float: left;margin-right: .4rem}
.index_9_main .d3 .a1 span:nth-child(1){width: 47px;height: 47px;line-height: 47px;text-align: center;background: #009ad4;float: left;}
.index_9_main .d3 .a1 span:nth-child(2){transition: .3s ease;width: 130px;height: 47px;line-height: 47px;color: #333333;float: left}
.index_9_main .d3 .a2{display: inline-block;line-height: 47px;color: #009ad4;float: left;font-weight: bold}
.index_9_main .d3 .a2 img{margin-right: .15rem}


.index_9_main .d3 .a1:hover span:nth-child(2){background: #009ad4;color: #FFF;}

@media(max-width: 600px){
    .index_9_main .d3 .a1{float: none;margin: 0 auto}
    .index_9_main .d3 .a2{float: none;margin: 0 auto}
    .index_9_main .d3 .a1 span:nth-child(1){width: 28px;height: 28px;line-height: 28px;}
    .index_9_main .d3 .a1 span:nth-child(2){line-height: 28px;height: 28px;}
    .index_9_main .d3 .a1 span:nth-child(2){width: 100px}
    .index_9_main .d3 .a1 span img{width: 15px}
    .index_9_main .d3 .a2 img{width: 18px}
    .index_9_main .d3 .a2{line-height: 30px;margin-top: .2rem}
    .index_9_main .d2{font-size: 15px}
}

.img_{background-size: cover;background-repeat: no-repeat;background-position: center;transition: .4s ease;height: 100%;width: 100%;}

.index_10{background: url("../images/bg9.png") no-repeat center;background-size: cover!important;}
.index_10_main{}
.index_10_main .item{background: #FFF;margin-bottom: .7rem;height: 720px;}
.index_10_main .item .top{color: #FFF;background: #333333;padding: 16px 20px;}
.index_10_main .item .top .a{display: inline-block;float: left;line-height: 1.7}
.index_10_main .item .top a:hover{color: #009ad4}
.index_10_main .item .top .more{float: right;display: inline-block;line-height: 1.7}

.news_1{width: 44.29%;float: left;}
.news_2{width: 53.58%;float: right;}

.news_1_first{padding: 20px;display: block;color: #666666;border-bottom: 1px solid #f1f1f1}
.news_1_first .img{height: 320px;overflow: hidden}
.news_1_first .img .img_{}
.news_1_first .t{padding: 20px 0 10px;line-height: 1.3;font-weight: bold;color: #231815;}
.news_1_first .text{line-height: 2;height: 30px;font-size: 15px;}
.news_1_first .time{margin-top: 40px;}
.news_1_first:hover .img .img_{transform: scale(1.1)}
.news_1_first:hover .t{color: #d00c0e}

.news_1_list{padding: 20px;color: #666;}
.news_1_list .a{display: block;margin-bottom: 10px;}
.news_1_list .a .t{float: left;width: 75%;line-height: 2;font-size: 15px}
.news_1_list .a .time{float: right;line-height: 2;font-size: 15px}

.news_1_list .a:hover .t{color: #d00c0e}

.news_2_list{padding: 0 20px;}
.news_2_list .a{display: block;padding: 20px 0;border-bottom: 1px dashed #e5e5e5;}
.news_2_list .a:last-child{border-bottom: none}
.news_2_list .a .img{overflow: hidden;width: 290px;height: 175px;float: left}
.news_2_list .a .img .img_{}
.news_2_list .a .txt{color: #666;width: calc(100% - 310px);float: right;}
.news_2_list .a .txt .t{line-height: 1.3;color: #231815;padding: 20px 0}
.news_2_list .a .txt .time{line-height: 1.5;margin-bottom: 15px;}
.news_2_list .a .txt .text{line-height: 2;height: 30px;font-size: 15px;}


.news_2_list .a:hover .img .img_{transform: scale(1.1)}
.news_2_list .a:hover .txt .t{color: #009ad4;}


html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden]{
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}
legend {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}
@media print {
    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after
{
  display: table;
  content: " ";
}
.container:after,
.container-fluid:after,
.row:after{
  clear: both;
}


/*banner*/
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1320px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*閫氱敤鏍峰紡*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0; outline: none;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial;color:#666666;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
a{ text-decoration:none; 
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0,聽0,聽0,聽0);
-webkit-tap-highlight-color:聽transparent;
}
a:hover{ cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}
.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clearfix:after{content:'';display:block;height:0;overflow:hidden;clear:both;zoom:1;}
*{font-family:"寰蒋闆呴粦";}
a{color:#666666;}
/*瀛楁瘝澶у啓*/
.D1{text-transform:uppercase;}
/*瀛楁瘝灏忓啓*/
.D2{text-transform:lowercase;}
/*瀛楁瘝棣栧瓧姣嶅ぇ鍐�*/
.D3{text-transform:capitalize;}
.container{ padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;}






ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}


 .news_index05{  width:100%; overflow: hidden; padding-bottom:60px;}
 .news_index05 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
 .news_index05 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
 .news_index05 .p_h3{font-weight:bold; font-size:30px; color:#009ad4; position:relative;}
 .news_index05 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
 .news_index05 .top_rig{position:absolute; right:0; bottom:43%;}
 .news_index05 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#009ad4;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;list-style-type:none; line-height:normal;
}
 .news_index05 .right{float:right;}
 .news_index05 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;}
 .news_index05 .li_a:hover,
 .news_index05 .li_a.on{background:#fff;}
 .news_index05 .news_ul{display:block; width:100%;}
 .news_index05 .li_e{width:49%; float:left; margin:0 2% 2% 0; height:120px; overflow: hidden; list-style-type:none; line-height:normal;}
 .news_index05 .li_e:nth-child(2n){margin-right:0;}
 .news_index05 .li_e a{display:block; width:100%; height:100%; background:#ffffff;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .news_index05 .li_e .span_left{float:left; width:20%; position:relative;color:#ffffff;}
 .news_index05 .li_e .i{padding:30px 20px 10px; display:block; font-size:16px; line-height:18px; position:relative; z-index:2;}
 .news_index05 .li_e .b_e{position:relative; z-index:2; font-weight:bold; font-size:48px; 
   display:block;padding:0 20px; line-height:40px;}
 .news_index05 .li_e .span_left::after{position:absolute; left:0; top:0; content:"";
width:160px; height:0; border-bottom:120px solid #dfdfdf;  border-right:78px solid transparent;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}

 .news_index05 .li_e .span_right{float:left; width:80%;padding:20px 28px;}
 .news_index05 .li_e .h4_e{font-size:18px; line-height:20px; display:block; color:#333333;}
 .news_index05 .li_e .p_e{line-height:24px; margin-top:12px; display:block; font-size:14px; color:#666666;
height:48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
 .news_index05 .li_e:hover .span_left::after{border-bottom:120px solid #009ad4;}
 .news_index05 .li_e:hover a{background:#fff;color:#666;}
 .news_index05 .li_e:hover .h4_e,
 .news_index05 .li_e:hover .p_e{color:#666;}




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

}
@media screen and  (max-width:1200px){
#Content5 .news_index05 .h3_y{font-size:36px;}
  .news_index05 .p_h3{font-size:30px;}
  .news_index05 .top_rig{bottom:46%;}
  .news_index05 .li_a{padding:0 16px;}
  .news_index05 .li_e .i{padding:30px 15px 10px;}
  .news_index05 .li_e .span_left::after{width:150px;}
  .news_index05 .li_e .span_right{padding:20px 45px;}
}
@media screen and  (max-width:992px){
#Content5 .news_index05{padding:50px 0;}
  .news_index05 .p_h3::after{width:80%;}
  .news_index05 .h3_y{font-size:32px;}
  .news_index05 .p_h3{font-size:24px;}
  .news_index05 .top_rig{position:inherit;width: 100%; margin-top:10px;
    display: flex; align-items: center; justify-content: center;
  }
  .news_index05 .li_e{height:110px;}
  .news_index05 .li_e .i{padding:25px 10px 10px; font-size:14px;}
  .news_index05 .li_e .span_left::after{width:130px;border-bottom: 110px solid #dfdfdf;}
  .news_index05 .li_e .span_right{padding:20px 45px;}
  .news_index05 .li_e .b_e{font-size:36px; line-height:30px; padding:0 10px; text-align:center;}
  .news_index05 .li_e .span_left{width:23%;}
  .news_index05 .li_e .span_right{width:77%;}
  .news_index05 .li_e .h4_e{font-size:16px;}
  .news_index05 .li_e .p_e{line-height:22px; margin-top:8px; height:43px;}
}
@media screen and  (max-width:768px){
#Content5 .news_index05{padding:30px 0;}
  .news_index05 .index_top{padding-bottom:20px;}
  .news_index05 .h3_y{font-size:20px;}
  .news_index05 .p_h3{font-size:18px;}
  .news_index05 .p_h3::after{width:70%;}
  .news_index05 .top_rig{display:block;}
  .news_index05 .right{float:none;}
  .news_index05 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;}
  .news_index05 .li_a a{font-size:14px; width:100%; display:block; text-align:center;}
  .news_index05 .li_e{width:100%; margin-right:0; height:98px; margin-bottom:15px;}
  .news_index05 .li_e .i{padding:30px 15px 6px; font-size:12px;}
  .news_index05 .li_e .span_left::after{width:116px;border-bottom: 98px solid #dfdfdf;}
  .news_index05 .li_e .span_right{padding:16px 27px;}
  .news_index05 .li_e .b_e{font-size:28px; line-height:20px; padding:0 20px; text-align:left;}
  .news_index05 .li_e .span_left{width:27%;}
  .news_index05 .li_e .span_right{width:73%;}
  .news_index05 .li_e .h4_e{font-size:16px;}
  .news_index05 .li_e .p_e{line-height:20px; font-size:14px; margin-top:5px; height:40px;}
}




















@media(max-width: 1100px){
    .index_10_main .item{height: auto}
    .news_1{width: 100%;}
    .news_2{width: 100%;}
    .news_2_list .a .txt .text{font-size: 14px;height: 28px;line-height: 1.8}
}
@media(max-width: 767px){
    .news_2_list .a .txt .text,
    .news_1_first .text{font-size: 14px;height: 28px}
    .news_1_list .a .time,
    .news_2_list .a .txt .time,
    .news_1_list .a .t{font-size: 14px;}
    .news_2_list .a .img{height: 160px}
    .news_2_list .a .txt .t{padding: 16px 0}
    .index_10_main .item .top{padding: 10px 15px}
    .news_1_list,
    .news_1_first{padding: 15px}
    .news_2_list{padding: 0 15px}
    .news_2_list .a{padding: 15px 0}
}


@media(max-width: 700px){
    .news_2_list .a .img{width: 230px;}
    .news_2_list .a .txt{width: calc(100% - 250px);}
    .news_1_first .img{height: 230px}
}

@media(max-width: 520px){
    .news_1_first .img{height: 160px;}
    .news_2_list .a .img{width: 150px;height: 102px}
    .news_2_list .a .txt {width: calc(100% - 160px);}
    .news_2_list .a .txt .t{padding: 9px 0}
    .news_2_list .a .txt .time{margin-bottom: 5px}
    .news_2_list .a .txt .text{font-size: 13px;height: 26px;line-height: 1.6}
    .news_2_list .a .txt .text,
    .news_1_first .text{font-size: 13px;height: 26px}
    .news_1_list .a .time,
    .news_2_list .a .txt .time,
    .news_1_list .a .t{font-size: 13px;}

    .news_1_list .a{margin-bottom: 8px;}
}


.banner .swiper-slide{position: relative}
.banner .swiper-slide .Title3{color: #FFF;width: 100%;position: absolute;max-width: 1400px;left: 50%;top:50%;transform: translate(-50%,-50%);}
.banner .swiper-slide .Title3 .t1{font-weight: bold;line-height: 1.3;position: relative;padding-left: .3rem}
.banner .swiper-slide .Title3 .t1:before{display: block;content: '';position: absolute;width: .09rem;height: .48rem;background: #f30d0d;left: 0;top:50%;transform: translateY(-50%)}
.banner .swiper-slide .Title3 .t2{line-height: 1.3;padding-top: .1rem;padding-left: .3rem;}
@media(max-width: 1460px){
    .banner .swiper-slide .Title3{padding: 0 3%}
}

.float{position: fixed;z-index: 9999;bottom:30%;right: 30px}
.float .item{position: relative;border-bottom: 1px solid #dbdbdb;text-align: center}
.float .item:last-child{border-bottom: none}
.float .item .a{display: block;background: #f0f0f0;width: 100px;height: 89px;}
.float .item .a .icon{height: 60px;line-height: 60px;}
.float .item .a .icon img{}
.float .item .a .icon img:nth-child(1){}
.float .item .a .icon img:nth-child(2){display: none}
.float .item .a p{font-size: 14px;line-height: 1.1;color: #888888;}
.float .item .a p span{}

.float_pop{display: none;transition: .5s ease all;position: absolute;top:0;right: 100%;z-index: -1;opacity: 0;background: #009ad4;padding: 15px}
.float_pop:before{left: 100%;top:40px;display: block;content: '';position: absolute;width: 6px;height: 12px;background: url("../images/icon22.png") no-repeat center;
background-size: 100%!important;}
.float_pop .img{width: 110px;}
.float_pop .img img{width: 100%;}
.float_pop .p{font-size: 14px;color: #FFF;line-height: 1.6;padding: 10px 7px 0}

.float_pop .p2{color: #FFF;font-size: 20px;white-space: nowrap;line-height: 1.5;padding: 0 20px}
.float_pop1{top:50%;transform: translateY(-50%)}
.float_pop1:before{top:50%;transform: translateY(-50%)}

.float .item:hover .a,
.float .item.in .a{background: #009ad4;color: #FFF;}

.float .item.in .a .icon img:nth-child(1),
.float .item:hover .a .icon img:nth-child(1){display: none}
.float .item.in .a .icon img:nth-child(2),
.float .item:hover .a .icon img:nth-child(2){display: inline-block}
.float .item:hover .a p,
.float .item.in .a p{color: #FFF}


.float .item:hover .float_pop,
.float .item.in .float_pop{display: block;animation: rightMenu 0.3s ease-in 1 forwards;z-index: 9998;opacity: 1;right: 120%;}

._top{opacity: 0}


@keyframes rightMenu {
    0% {
        right: 100%;
        opacity: 0;
    }
    100% {
        right: 120%;
        opacity: 1;
    }
}


@media(max-width: 1600px){
    .float .item .a{width: 80px;height: 80px}
    .float .item .a .icon{height: 55px;line-height: 55px;}
    .float{right: 20px;}
}

@media(max-width: 1200px){
    .float .item .a p{font-size: 13px}
    .float .item .a{width: 75px;height: 75px;}
    .float .item .a .icon{height: 50px;line-height: 50px;}
    .float{right: 10px;}
}

@media(max-width: 767px){
    .float .item .a p{font-size: 12px}
    .float .item .a p span{display: none}
    .float .item .a{width: 50px;height: 50px;}
    .float .item .a .icon{height: 32px;line-height: 32px;}
    .float{right: 10px;}
    .float .item .a .icon img{max-height: 20px;max-width: 20px}
    .float{bottom:10%}
    .float_pop{padding: 9px}
    .float_pop .p2{font-size: 18px;}
    .float_pop .p{line-height: 1.3}
    .float_pop{top: auto;bottom:0}
    .float_pop:before{top:auto;bottom:20px}
    .float_pop1{top:50%;bottom:auto}
    .float_pop1:before{top:50%}
}

.product_tab{margin-top: .5rem;}
.product_tab .subject{justify-content: center;flex-wrap: wrap}
.product_tab .subject .item{overflow: hidden;position: relative;transition: .3s ease;margin: 0 1% 2%;background: #e2e2e2;display: block;}

.product_tab .subject .item p{position: relative;z-index: 3;line-height: 50px;text-align: center;color: #555555;width: 230px;}
.product_tab .subject .item span{transition: .4s ease;position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top:100%;background: #009ad4}


.product_tab .subject .item:hover p,
.product_tab .subject .item.in p{color: #FFF;}
.product_tab .subject .item:hover span,
.product_tab .subject .item.in span{top:0}


.product_1{background: #fff;overflow: hidden; padding-bottom:100px;}
.product_top{text-align: center;margin-top: .5rem}
.product_top h1{color: #666;line-height: 1.5;padding-bottom: .25rem}
.product_top p{color: #555555;line-height: 1.875;max-width: 1144px;margin: 0 auto}

.product_ul{}
.product_ul .li{float: left;width: 31.43%;margin-right: 2.855%;margin-top: 2.885%}
.product_ul .li:nth-child(3n){margin-right: 0}
.product_ul .li .a{display: block;}
.product_ul .li .a .img{height: 374px;}
.product_ul .li .a .img .img_{}
.product_ul .li .a .text{transition: .3s ease;height: 60px;line-height: 60px;padding: 0 10px;box-sizing: border-box;background: #FFF;text-align: center;color: #333333}
.product_ul .li .a:hover .text{background: #009ad4;color: #FFF;}


.paging{text-align: center;padding: .6rem 0}
.paging .subject{}
.paging .subject .item{margin: 0 5px;transition: .3s;width: 46px;height: 46px;line-height: 46px;background: #f8f8f8;display: inline-block;color: #777777;border: 1px solid #dcdcdc;}
.paging .subject .item.item2{width: 79px}
.paging .subject .item.item3{}
.paging .subject .item.item3 img{}
.paging .subject .item.item3 img:nth-child(1){}
.paging .subject .item.item3 img:nth-child(2){display: none}
.paging .subject .item.item3:hover img:nth-child(1){display: none}
.paging .subject .item.item3:hover img:nth-child(2){display: inline-block}

.paging .subject .item.in,
.paging .subject .item:hover{background: #009ad4;color: #FFF;}


.Engineering_case_first{display: block;background: #f7f7f7;}
.Engineering_case_first .left{cursor: pointer;overflow: hidden;width: 48.57%;float: left;height: 455px;position: relative;overflow: hidden}
.Engineering_case_first .right{width: 51.4%;float: right;padding: 0 .7rem;}
.Engineering_case_first .right .t{color: #009ad4;font-weight: bold;padding-top: 75px;padding-bottom: 30px;}
.Engineering_case_first .right .d{height: 128px;overflow: hidden}
.Engineering_case_first .right .d p{color: #333333;line-height: 2;}
.Engineering_case_first .right .more{cursor: pointer;margin-top: 60px;width: 160px;line-height: 50px;text-align: center;background: #009ad4;color: #FFF;}

.Engineering_case{padding-bottom: .8rem;}
.Engineering_case_first .left:hover .img_{transform: scale(1.1)}
.Engineering_case .product_top{margin-top: .5rem;margin-bottom: .25rem}

.Engineering_case .product_ul .li .a .text{background: #f7f7f7}
.Engineering_case .product_ul .li .a:hover .text{background: #009ad4}

@media(max-width: 1200px){
    .product_ul .li .a .img{height: 374px}
    .Engineering_case_first .left{height: 400px;}
    .Engineering_case_first .right .t{padding-top: 60px;}
    .Engineering_case_first .right .more{line-height: 40px}
}
@media(max-width: 1000px){
    .product_tab .subject .item{line-height: 40px;width: auto;padding: 0 10px;min-width: 200px;}
    .product_tab .subject .item p{width: auto;padding: 0 10px;min-width: 200px;line-height: 40px}
    .product_ul .li .a .img{height:374px}
    .product_ul .li .a .text{height: 50px;line-height: 50px}
    .paging .subject .item{width: 40px;height: 40px;line-height: 38px}
    .paging .subject .item.item3 img{width: 15px}
    .paging .subject .item.item2{width: 50px}

}
@media(max-width: 800px){
    .Engineering_case_first .left{width: 100%;}
    .Engineering_case_first .right{width: 100%;padding: .5rem}
    .Engineering_case_first .right .t{padding-top: 0;padding-bottom: 15px}
    .Engineering_case_first .right .d{height: auto;}
    .Engineering_case_first .right .more{margin-top: 20px}
}
@media(max-width: 767px){
    .product_ul .li{width: 48%;margin-right: 0!important;margin-top: 4%;}
    .product_ul .li:nth-child(2n){float: right;}
    .paging .subject .item{margin: 0;
        width: 35px;
        height: 35px;
        line-height: 33px;
    }
    .Engineering_case_first .left{height: 330px}
    .play{background-size: 45px!important;}
    .Engineering_case_first .right .more{line-height: 35px}
}
@media(max-width: 500px){
    .product_tab .subject .item{min-width: 110px;line-height: 30px}
    .product_tab .subject .item p{min-width: 110px;line-height: 30px;}
    .product_ul .li .a .img{height: 374px}
    .product_ul .li .a .text{height: 40px;line-height: 40px}
    .Engineering_case_first .left{height: 220px}
}

.Learn_more{background: #f7f7f7;padding: .7rem 0;}
.Learn_more .subject{text-align: center;}
.Learn_more .subject h3{color: #333333;font-weight: normal;line-height: 1.5;padding-bottom: .15rem}
.Learn_more .subject h4{color: #666666;font-weight: normal;line-height: 1.5;}

.Learn_more_div{margin-top: .5rem;text-align: center}
.Learn_more_div .item{display: inline-block;height: 150px;margin: 0 1.25rem}
.Learn_more_div .item .icon{}
.Learn_more_div .item .icon img{}
.Learn_more_div .item p{color: #666666;line-height: 1.3;padding-top: .2rem}
.Learn_more_div .item:hover p{color: #009ad4}
@media(max-width: 1000px){
    .Learn_more_div .item .icon img{width: 60px}
    .Learn_more_div .item{margin: 0 1rem;height: 110px}
}

@media(max-width: 600px){
    .Learn_more_div .item{margin: 0 .4rem;height: 70px}
    .Learn_more_div .item .icon img{width: 40px}
}

.product_info{padding-bottom: .6rem;}
.product_info p{color: #333333;line-height: 2.25}
.product_info_1{margin-top: .6rem;margin-bottom: .4rem;}
.product_info_1_l{width: 40%;height: 460px;float: left}
.product_info_1_l .swiper-slide{background-repeat: no-repeat;background-position: center;background-size: cover}

.ac .swiper-button-prev,
.ac .swiper-button-next{width: 50px;height: 50px;background-repeat: no-repeat;background-position: center;background-size: 100%!important;}
.ac .swiper-button-prev{left: 0;background-image: url(../images/icon29.png)}
.ac .swiper-button-next{right: 0;background-image: url(../images/icon29-1.png)}
.ac .swiper-button-prev:hover{background-image: url(../images/icon28-1.png)}
.ac .swiper-button-next:hover{background-image: url(../images/icon28.png)}

.product_info_1_r{width: 60%;float: right;padding-left: .5rem;}
.product_info_1_r .product_top{text-align: left;color: #009ad4;margin-top: .3rem;border-bottom: 1px solid #f7f7f7;margin-bottom: .3rem}
.product_info_1_r .product_top h1{color: #009ad4}
.product_info_1_r .p{height: 330px;}
.product_info_1_r .p p{line-height: 2.25}


.Engineering_case2{background: #f9f9f9;overflow: hidden}
.Engineering_case2 .product_ul .li .a .text{background: #FFF}


.com-img img{ transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.pro_con{padding:90px 0 0px;}

.artInfo-container{padding:20px 0 65px;}

.artInfo-container .page-navbar,
.artInfo-container .page-navbar .pNavBar-locate{background:#fff;}
.artInfo-container .page-navbar .pNavBar-locate{float:left;}

.artInfo-left{width:72.5%;float:right;}
.artInfo-left .artInfo-name{text-align:center;line-height:44px;font-size:20px;font-weight:lighter;color:#333;}
.artInfo-left .artInfo-ab{text-align:center;line-height:22px;color:#777777;margin:15px 0 0;}
.artInfo-ab span{display:inline-block;margin:0 5px;}
.artInfo-ab span.see{padding:0 0 0 24px;background:url(../images/icon-see.png) no-repeat left center;}
.artInfo-con{line-height:32px;color:#777777;position:relative;overflow:hidden;margin:37px 0 0;}
.artInfo-con img{max-width:100%;}
.artInfo-page{padding:15px 3.689567430025445%;line-height:24px;color:#666666;background:#f1f1f1;margin:49px 0 0;}
.artInfo-page .type{color:#999999;margin:0 5px 0 0;}
.artInfo-page a{display:block;width:46%;}
.artInfo-page a.fr{text-align:right;}
.artInfo-action{line-height:24px;font-size:12px;color:#b1b1b1;position:relative;margin:33px 0 0;}
.artInfo-action .bdsharebuttonbox{text-align:center;}

.artInfo-right{width:22.5%;float:left;}
.aiAbout-news{margin:0px 0 30px;border:1px solid #ececec;padding:30px 25px 20px;position:relative;}
.aiAbout-news .top{line-height:28px;font-size:18px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px;}
.aiAbout-news .list li{padding:0 0 0 0px;background:url(../images/icon-l1.png) no-repeat left 9px;position:relative;margin:20px 0 20px;}
.aiAbout-news .ref{display: block;height:40px;background:#ececec url(../images/icon_sx.png) no-repeat center;position:absolute;bottom:0px;left:0px;width:100%;}
.aiAbout-news .list li .name{line-height:26px;max-height:75px;color:#666666;}
.aiAbout-news .list li .date{line-height:21px;font-size:12px;color:#999999;margin:5px 0 0;}
.aiAbout-news .list li:hover .name{color:#009ad4;}
#hotnews{padding-bottom:50px;}
.artInfo-nav{margin-top:20px;overflow:hidden;}
.aiAbout-news.pdtb25{padding:25px;}
.artInfo-nav a{display:block;padding:10px 0;line-height:28px;text-align:center;color:#777;border-bottom:1px solid #ececec;float:left;width:98%;background:#f2f2f2;margin-bottom:15px;}
/*.artInfo-nav a:nth-child(2n){margin-left:4%;}*/
.artInfo-nav a.cur,
.artInfo-nav a:hover{color:#fff;background:#009ad4;border-color:#009ad4;}

.artInfo-action .bdsharebuttonbox a{display:inline-block;width:22px;height:21px;background:url(../images/icon_share.jpg) no-repeat left center;}
.bdsharebuttonbox a#bds_more{background-position:0px 0px;float:none;}
.bdsharebuttonbox a#bds_qzone{background-position:-27px 0px;float:none;}
.bdsharebuttonbox a#bds_tsina{background-position:-54px 0px;float:none;}
.bdsharebuttonbox a#bds_tqq{background-position:-81px 0px;float:none;}
.bdsharebuttonbox a#bds_renren{background-position:-108px 0px;float:none;}
.bdsharebuttonbox a#bds_weixin{background-position:-135px 0px;float:none;}

.prolist ul li{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee;overflow:hidden;}

.prolist ul li:last-child{margin-bottom:30px;padding-bottom:30px;border-bottom:0px solid #eee;overflow:hidden;}
.prolist ul li .N-pic{width:31.76%;float:left;}
.prolist ul li .N-pic img{max-width:100%;}
.prolist ul li .N-note{width:64%;float:right;}
.prolist ul li .N-note h4{font-size:18px;color:#444;font-weight:normal;}
.prolist ul li .N-note p{color:#777;line-height:32px;margin:19px auto;font-size:16px;}

.prolist ul li a.more{width:128px;height:42px;border:1px solid #dadada;display: block;line-height:42px;text-align:center;color:#444;}
.prolist ul li a.more:hover{background:#017bce;color:#fff;border-color:#017bce;}
.prolist ul li h4:hover{color:#017bce;}


@media all and (max-width:980px){/*web*/
   /*新闻列表*/
    .probox .artInfo-left{width:100%;}
    .prolist ul li{width:100%;margin-bottom:20px;padding-bottom:20px;}
    .prolist ul li .N-note h4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .prolist ul li .N-note p{height:50px;overflow:hidden;margin:10px auto 0;}
    .prolist ul li a.more{display:none;}
    .aiAbout-news{margin-top:20px;}
    .sla-cont{padding:30px 10px;}
    .fladown{padding:10px;}
    .sla-wrap{padding-bottom:30px;}
    .sla-cont h1{font-size:24px;}
    .sla-cont h2{font-size:18px;}
	
	    /*add Css*/
    .pdtb70{padding:30px 0px;}
    .bann{margin-top:50px;height: 240px;padding-top: 60px;}
    .bann h2{font-size:32px;}
    .bann h3{font-size:24px;}
    .artInfo-left .artInfo-name{font-size:24px;}
    .pro_con{padding:70px 0 70px;}
    .artInfo-action{margin-top:10px;}
    .artInfo-page{margin-top:30px;}
    .artInfo-left,.artInfo-right{width:100%;}
    .artInfo-page a {width: 100%;padding: 5px 0;text-align: left !important;}

	
	
	
	
	
	
	
	}
.cp-list-box {
  padding: 0.0rem 0 1.2rem;
}
.cp-list {
  margin-bottom: 1rem;
}
.cp-list li {
  position: relative;
}
.cp-list .bottom {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cp-list .bottom .time {
  font-size: 18px;
  color: #666;
}
.cp-list .bottom .link {
  font-size: 16px;
  transition: 0.3s;
  position: relative;
}
.cp-list .bottom .link::before {
  content: '';
  display: inline-block;
  transition: 0.3s;
  vertical-align: middle;
  margin-right: 0.15rem;
  background: #009ad4;
  width: 0;
  height: 3px;
}
.cp-list .info {
  line-height: 24px;
  color: #666;
  margin-bottom: 0.8rem;
  font-size: 16px;
}
@media (min-width: 769px) {
  .cp-list li {
    display: table;
    width: 100%;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e5e5ee;
  }
  .cp-list li > * {
    display: table-cell;
    vertical-align: middle;
  }
  .cp-list li::after {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 1px;
    background: #009ad4;
    left: 0;
    bottom: -1px;
    transition: 0.5s ease-in;
  }
  .cp-list .img {
    width:32%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; height:374px;
  }
  .cp-list .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
  .cp-list .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  .cp-list .img img {
    width: 100%;
    visibility: hidden;
  }
  .cp-list .content {
    width: 68%;
    padding-left: 0.5rem;
  }
  .cp-list h3 {
    font-size: 24px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 0.14rem;
  }
  .cp-list .bottom {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .cp-list .bottom .time {
    font-size: 18px;
    font-family: medium;
  }
  .cp-list li:hover::after {
    width: 100%;
  }
  .cp-list li:hover h3 a {
    color: #009ad4;
  }
  .cp-list li:hover .link {
    color: #009ad4;
  }
  .cp-list li:hover .link::before {
    width: 30px;
  }
  .cp-list .info {
    height: 48px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1360px) {
  .cp-list .content h3 {
    font-size: 22px;
  }
  .cp-list .content .info {
    font-size: 14px;
  }
  .cp-list .bottom .link {
    font-size: 14px;
  }
  .cp-list .bottom .time {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .cp-list {
    border-bottom: 1px solid #e5e5e5;
  }
  .cp-list li {
    margin-bottom: 0.5rem;
  }
  .cp-list .img img {
    width: 100%;
  }
  .cp-list .content {
    padding-top: 0.3rem;
  }
  .cp-list .info {
    margin: 0.2rem 0;
    height: 72px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
  }
  .cp-list .bottom {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .cp-list .bottom .link {
    color: #009ad4;
  }
  .cp-list .bottom .link::before {
    width: 30px;
  }
  .cp-list .bottom .time {
    font-size: 14px;
  }
}




f









@media(max-width: 1200px){
    .product_info_1_l{height: 380px}
    .product_info_1_r .p{height: 260px}
}

@media(max-width: 1000px){
    .product_info_1_l{width: 100%;}
    .product_info_1_l{height: auto}
    .product_info_1_l .swiper-slide{padding-top: 66%;}
    .product_info_1_r{width: 100%;padding-left: 0}
    .product_info_1_r .p{height: auto}
    .ac .swiper-button-prev,
    .ac .swiper-button-next{width: 40px;height: 40px}
}
@media(max-width: 767px){
    .ac .swiper-button-next,
    .ac .swiper-button-prev{width: 25px;height: 25px}
}

.Engineering_case3{padding-top: .3rem}
.Engineering_case3 .product_ul .li .a .text{background: #f7f7f7}
.Engineering_case3 .product_ul .li .a:hover .text{background: #009ad4}

.about_us_1 .product_top h1{color: #666;}

.about_us_1 .product_top p{text-align: left;max-width: 1300px}
.about_us_1{position: relative;padding-bottom:40px;background: url("../images/bg10.png") no-repeat left bottom;background-size: 100%!important;}
.about_us_1_2{margin-bottom: .7rem;padding-top: .6rem;}
.about_us_1_2 .item{width: 25%;float: left;text-align: center;}
.about_us_1_2 .item .item_{display: inline-block;}

.about_us_1_2 .item .icon{float: left;margin-right: .2rem;}
.about_us_1_2 .item .icon img{}
.about_us_1_2 .item .txt{float: left;color: #666666;}
.about_us_1_2 .item .txt .p1{padding-top: 10px;text-align: left}
.about_us_1_2 .item .txt .p1 span{color: #333;font-weight: bold}
.about_us_1_2 .item .txt .p2{line-height: 1.5;padding-top: 10px;text-align: left}

.about_us_1_3{width: 100%;position: absolute;max-width: 1400px;left: 50%;transform: translateX(-50%);bottom:-205px}
.about_us_1_3 .index_7_2_l{width: 100%;height: 420px}


.about_us_2{overflow: hidden;padding-top: 205px;background: #f0f0f0;padding-bottom: .7rem;}

.about_us_2_2{padding-bottom: 20px;position: relative;}
.about_us_2_2 .swiper-container{}
.about_us_2_2 .swiper-container .swiper-slide{margin-top: 0!important;margin-bottom: 30px;overflow: hidden}
.about_us_2_2 .swiper-container .swiper-slide .a_click{position: relative;padding-top: 54.85%;background: #FFF;}
.about_us_2_2 .swiper-container .swiper-slide .a_click img{

    transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out; /* IE 9 */
    -moz-transition: all 0.35s ease-in-out;   /* Firefox */
    -webkit-transition: all 0.35s ease-in-out; /* Safari 和 Chrome */
    -o-transition: all 0.35s ease-in-out;   /* Opera */
    position: absolute;max-width: 100%;max-height: 100%;left: 50%;top:50%;transform: translate(-50%,-50%);
}
.about_us_2_2 .swiper-container .swiper-slide .a_click:hover img{
    transform:translate(-50%,-50%) scale(1.2);
    -ms-transform:translate(-50%,-50%) scale(1.2);
    -moz-transform:translate(-50%,-50%) scale(1.2);
    -webkit-transform:translate(-50%,-50%) scale(1.2);
    -o-transform:translate(-50%,-50%) scale(1.2);
}
.about_us_2_2 .swiper-pagination{}

.swiper-pagination{text-align: center;width: 100%}
.swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 10px;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #009ad4;}


@media(max-width: 1460px){
    .about_us_1_3{width: 94%;left: 3%;transform: translateX(0)}
}

@media(max-width: 1400px){
    .about_us_2_2 .swiper-container .swiper-slide{margin-bottom: 20px}
}
@media(max-width: 1200px){
    .about_us_1_2 .item .icon img{width: 60px;}
    .about_us_1_2 .item .txt .p1{padding-top: 0}


}

@media(max-width: 1000px){
    .about_us_1_2 .item{width: 50%;margin-bottom: .5rem;text-align: left}
    .about_us_1_3{position: static;margin: 0 auto}
    .about_us_1{padding-bottom: .6rem}
    .about_us_1_2{margin-bottom: .2rem;}
    .about_us_2{padding-top: 0}
    .about_us_1_2 .item .icon img{width: 50px;}
}


@media(max-width: 767px){
    .about_us_1_3 .index_7_2_l{height: 370px;}
    .swiper-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 3px}
}
@media(max-width: 700px){
    .about_us_1_3 .index_7_2_l{height: 220px;}
}

@media(max-width: 520px){
    .about_us_1_2 .item{text-align: center;}
    .about_us_1_2 .item .item_{display: block;}
    .about_us_1_2 .item .item_ .icon{width: 100%;margin: 0 auto;margin-bottom: .1rem}
    .about_us_1_2 .item .txt{width: 100%;text-align: center}
    .about_us_1_2 .item .txt p{text-align: center!important;padding-top: 5px!important;}
    .about_us_2_2 .swiper-container .swiper-slide{margin-bottom: 10px}
    .about_us_1{padding-bottom: .3rem;}
    .about_us_2{padding-bottom: .4rem}
    .about_us_1_2 .item{margin-bottom: .3rem}
}

.indexPart3{width: 100%;padding: 120px 0;overflow: hidden;}
.indexPart3-list{width: 100%;margin-top: 68PX;}
.indexPart3-list li{width: 49%;position: relative; border:1px solid #f6f6f6; }
.indexPart3-list li:first-child{float: left;}
.indexPart3-list li:last-child{float: right;}
.indexPart3-img{width: 100%;overflow: hidden;display: block;}
.indexPart3-img img{width: 100%;object-fit: cover;transition: all 1s ease;}
.indexPart3-img img:hover{transform: scale(1.04);}
.indexPart3-wd{width: 100%;padding-top: 28px;}
.indexPart3-wd h6{font-size: 24px;color: #333;transition: all .4s ease;text-align:center;line-height:55px;}
.indexPart3-wd p{font-size: 18px;color: #333; line-height:25px; padding-top:20px; padding-bottom:20px; }
.indexPart3-wdic{width: 100%;font-size: 0;margin: 28px 0 42px;}
.indexPart3-wdicitem{display: inline-block;vertical-align: middle;margin-right: 68px;}
.indexPart3-wdicitem:last-child{margin-right: 0;}
.indexPart3-wdicitem img, .indexPart3-wdicitem p{display: inline-block;vertical-align: middle;}
.indexPart3-wdicitem img{width: auto;}
.indexPart3-wdicitem p{margin-left: 12px;}
.indexPart3-wdicitem p b, .indexPart3-wdicitem p span{font-size: 15px;color: #333;display: block;line-height: normal;}
.indexPart3-wdicitem p span{color: #999;}
.indexPart3-list li:hover .indexPart3-wd h6{color:#2185c6;}
.indexPart3-list li:hover .toLink{color:#2185c6;background-image: url("../images/index/indArrH.png");}
.indexPart3-list li:hover .toLink:after {width: 100%;right: auto;left: 0;}




@media all and (max-width:1700px) {
    /* 1600 脳 (900/1024/1200) */
  
    .indexPart3{padding: 100px 0;}
     .indexPart3-list{margin-top: 64px;}
    
}
@media all and (max-width:1599px) {
    /* 1440 脳 (900/1050) */
   
    .indexPart3{padding: 80px 0;}
   .indexPart3-list{margin-top: 58px;}
}

@media all and (max-width:1439px) {
    /* 1360 脳 (768) */
  
    .indexPart3{padding: 70px 0;}
  .indexPart3-list{margin-top: 54px;}
  
}


@media all and (max-width:1359px) {
    /* 1280 脳 (800/854/1024) */
  
    .indexPart3{padding: 64px 0;}
  .indexPart3-list{margin-top: 50px;}

    .indexPart3-wd h6{font-size: 22px;}
    .indexPart3-wdicitem {margin-right: 48px;}
    .indexPart3-wdic {margin: 24px 0 32px;}
 
}

@media all and (max-width:1279px) {
    /* 1152 脳 (864) */
  
    .indexPart3{padding: 58px 0;}
   .indexPart3-list{margin-top: 44px;}

    .indexPart3-wdicitem {margin-right: 32px;}
 
}
@media all and (max-width:1151px) {
    /* 1024 脳 (600/768) */
 
    .indexPart3-wdicitem img{width: 40px;}
    .indexPart3-wdicitem p{margin-left: 8px;}
    .indexPart3-wdicitem p b, .indexPart3-wdicitem p span{font-size: 13px;}
  
}


@media screen and ( max-width:1440px ){
	
	.indexPart1 .leftDiv{ width: 5.15rem; }
	.indexPart1 .midDiv{ padding-left: 1.2rem;}
	.car .list li .msg{ padding: 0 0.3rem; }

}
@media all and (max-width:1000px) {

   .indexPart3-list li{width: 100%;}
   .indexPart3-list li:last-child{margin-top: 32px;}
    .indvd{background-position-x: -184px !important;}
}

@media all and (max-width:640px) {

    .indexPart3-list {margin-top: 28px;}
    .indexPart3, .news {padding: 36px 0 40px;}
    .indexPart3-wd h6 {font-size: 20px;}
    .indexPart3-wdicitem img {width: 32px;}
    .indexPart3-wdicitem p b, .indexPart3-wdicitem p span {font-size: 12px;}
    .indexPart3-wdicitem p {margin-left: 6px;}
    .indexPart3-wdicitem {margin-right: 8px;}
    .indexPart3-wdic {margin: 16px 0 20px;}
}


.news_tab{padding: .4rem 0 .5rem}
.news_tab_b{}
.news_tab_b .item{overflow: hidden;transition: .5s ease;position: relative;display: block;float: left;color: #333333;width: 2.32rem;text-align: center;background: #;}
.news_tab_b .item p{line-height: .6rem;position: relative;z-index: 2}
.news_tab_b .item span{background: #009ad4;left: 0;top:100%;display: block;position: absolute;width: 100%;height: 100%;z-index: 1;transition: .5s ease;}
.news_tab_b .item.in,
.news_tab_b .item:hover{color: #FFF}

.news_tab_b .item.in span,
.news_tab_b .item:hover span{top:0}



.nav_tab{padding: .5rem 0 .4rem}
.nav_tab_b{}
.nav_tab_b .item{overflow: hidden;transition: .5s ease;position: relative;display: block;float: left;color: #333333;width: 2.2rem;text-align: center;}
.nav_tab_b .item p{line-height: .6rem;position: relative;z-index: 2}
.nav_tab_b .item span{background: #009ad4;left: 0;top:100%;display: block;position: absolute;width: 100%;height: 100%;z-index: 1;transition: .5s ease;}
.nav_tab_b .item.in,
.nav_tab_b .item:hover{color: #FFF}

.nav_tab_b .item.in span,
.nav_tab_b .item:hover span{top:0}

/*閸��*/
.pageBox { width:100%; text-align: center; margin-top:10px; padding-top:10px  }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; font-size:16px;margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color:#2085c7; color: #FFF;  }
.pageBox .on{ background-color:#2085c7; color: #FFF;  }
.pageBox .shangyi{ display:none;}
@media  (max-width: 861px) {

.pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #2085c7; color: #FFF; }
.pageBox .on{ background-color: #2085c7; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

@media (min-width: 320px) and (max-width: 639px) {

.pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial';  background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #2085c7; color: #FFF; }
.pageBox .on{ background-color: #2085c7; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

.pubson-title h6 {
    font-size:36px;
    color: #0a151d;
    letter-spacing: 6px;
    font-weight: 500;
}
.caselist-words.pubson-title p {
    margin-top: 34px;
}
.pubson-title p {
    font-size: 16px;
    color: #999;
    line-height: 28px;
    margin-top: 20px;
}
.caselist-words.pubson-title i {
    margin: 14px 0 0 0;
}
.pubson-title i {
    width: 90px;
    height: 10px;
    display: block;
    background: linear-gradient(to right, #00fdfe , #007a9a);
    margin: 18px auto 0;
    border-radius: 10px;
}
/*
.caselist{width: 100%;overflow: hidden;padding:58px 0;background: #f7f7f8;}
.caselist-words.pubson-title{width: 72%;float: left;overflow: hidden;padding-right: 180px;}
.caselist-words.pubson-title {text-align: left;}
.caselist-words.pubson-title i{margin: 14px 0 0 0;}
.caselist-words.pubson-title p{margin-top: 34px;}
.caselist-img{width: 28%;float: right;overflow: hidden;}
.caselist-img img{width: 100%;transition: all .6s ease;}
.caselist-img:hover img{transform: scale(1.1);}
.caselist.caselist-over{background: #fff;}
.caselist.caselist-over .caselist-words{float: right;padding-right: 120px;padding-left: 60px;}
.caselist.caselist-over .caselist-img{float: left;}



.caselist a.more{width:188px;height:42px;border:1px solid #dadada;display: block;line-height:42px;text-align:center;color:#444; margin-top:30px;}
.caselist a.more:hover{background:#017bce;color:#fff;border-color:#017bce;}
.caselist h4:hover{color:#017bce;}



@media  (max-width: 861px) {
.caselist{padding:58px 0;}
.caselist-words.pubson-title{width:100%;float: none;padding-right:0px;}
.caselist-img{width:100%;float: none; padding-top:30px;}
.caselist.caselist-over .caselist-words{float: none;padding-right:0px;padding-left:0px;}
}

*/
.news_top{margin-bottom: .5rem;}
.news_top .swiper-container{}
.news_top .swiper-container .swiper-slide{background: #f8f8f8;}
.news_top .swiper-container .swiper-slide .a_click{}
.news_top .swiper-container .swiper-slide .a_click .img{width: 51.42%;float: left;height: 400px;overflow: hidden}
.news_top .swiper-container .swiper-slide .a_click .img .img_{}
.news_top .swiper-container .swiper-slide .a_click .txt{color: #666666;width: 48.58%;float: right;position: relative;padding: 0 .5rem}
.news_top .swiper-container .swiper-slide .a_click .txt .tag{top:27px;left: 5px;position: absolute;background: #009ad4;width: 90px;line-height: 42px;text-align: center;color: #FFF;}
.news_top .swiper-container .swiper-slide .a_click .txt .title{color: #333;line-height: 1.3;padding-top: 110px;padding-bottom: 40px}
.news_top .swiper-container .swiper-slide .a_click .txt .text{font-size: 16px;line-height: 1.8;height: 48px;}
.news_top .swiper-container .swiper-slide .a_click .txt .time{margin-top: 105px;line-height: 1.2}
.news_top .swiper-pagination{text-align: right;padding-right: .5rem;box-sizing: border-box;bottom:60px}

.news_top .swiper-container .swiper-slide .a_click:hover .img .img_{transform: scale(1.1)}
.news_top .swiper-container .swiper-slide .a_click:hover .txt .title{color: #009ad4}

@media(max-width: 1000px){
    .news_top .swiper-container .swiper-slide .a_click .img{width: 100%;}
    .news_top .swiper-container .swiper-slide .a_click .txt{width: 100%;padding-bottom: .5rem}
    .news_top .swiper-pagination{bottom:.5rem;}
    .news_top .swiper-container .swiper-slide .a_click .txt .text{font-size: 15px;height: 45px;}
    .news_top .swiper-container .swiper-slide .a_click .txt .title{padding-top: 86px;padding-bottom: 20px;}
    .news_top .swiper-container .swiper-slide .a_click .txt .time{margin-top: 60px;font-size: 15px}
    .news_top .swiper-container .swiper-slide .a_click .txt .tag{line-height: 35px;}
}


@media(max-width: 700px){
    .news_top .swiper-container .swiper-slide .a_click .img{height: 300px}
}
@media(max-width: 500px){
    .news_top .swiper-container .swiper-slide .a_click .img{height: 200px}
    .news_top .swiper-container .swiper-slide .a_click .txt .tag{line-height: 30px;top:20px}
    .news_top .swiper-container .swiper-slide .a_click .txt .title{padding-top: 70px;}
    .news_top .swiper-container .swiper-slide .a_click .txt .text{font-size: 14px;height: 42px}
    .news_top .swiper-container .swiper-slide .a_click .txt .title{padding-bottom: 13px;}
    .news_top .swiper-container .swiper-slide .a_click .txt .time{margin-top: 48px;}
}

.news_list{}
.news_list .li{margin-top: .4rem;background: #f8f8f8}
.news_list .li .a{display: block;}
.news_list .li .a .img{width: 31.15%;float: left;height: 240px;overflow: hidden}
.news_list .li .a .img .img_{}
.news_list .li .a .txt{width: 100%;height: 240px;color: #666}
.news_list .li .a .txt .d1{width: calc(100% - 122px);height: 100%;float: left;padding: 0 .5rem;}
.news_list .li .a .txt .d1 .title{font-weight: normal;color: #333;padding-top: 45px;line-height: 1.2;padding-bottom: 25px}
.news_list .li .a .txt .d1 .text{font-size: 15px;line-height: 1.8;height: 30px;}
.news_list .li .a .txt .d1 .t{margin-top: 60px;}
.news_list .li .a .txt .d1 .t .l{float: left}
.news_list .li .a .txt .d1 .t .r{float: right;display: none}
.news_list .li .a .txt .d2{transition: .4s ease;color: #777777;width: 122px;height: 100%;float: right;background: #e4e4e4;text-align: center;}
.news_list .li .a .txt .d2 .p1{padding-top: 60px;font-weight: bold}
.news_list .li .a .txt .d2 .p2{padding-top: 40px}


.news_list .li .a:hover .img .img_{transform: scale(1.1)}
.news_list .li .a:hover .txt .d1 .title{color: #009ad4}
.news_list .li .a:hover .txt .d2{background: #009ad4;color: #FFF;}

@media(max-width: 1200px){
    .news_list .li .a .txt .d1 .title{padding-top: 35px;padding-bottom: 20px;}
    .news_list .li .a .txt .d1 .t{margin-top: 50px}
    .news_list .li .a .txt,
    .news_list .li .a .img{height: 205px;}
    .news_list .li .a .txt .d2 .p1{padding-top: 55px;}
    .news_list .li .a .txt .d1 .text{font-size: 14px;height: 28px;}
}

@media(max-width: 767px){
    .news_list .li .a .txt .d2{display: none;}
    .news_list .li .a .txt .d1{width: 100%}
    .news_list .li .a .txt .d1 .t .r{display: block}
    .news_list .li .a .txt .d1 .text{font-size: 13px;height: 26px;line-height: 1.6}
    .news_list .li .a .txt .d1 .title{padding-top: 22px;padding-bottom: 13px;}
    .news_list .li .a .txt .d1 .t{margin-top: 35px}
    .news_list .li .a .txt, .news_list .li .a .img{height: 150px}
}

@media(max-width: 500px){
    .news_list .li .a .img{width: 100%;}
    .news_list .li .a .txt{width: 100%;}
}

.news_info_{padding-top: .6rem;padding-bottom: .9rem;background: #f7f7f7;}

.news_info_left{width:100%}
.news_info_right{width: 280px;float: right;position: relative}

.news_info{background: #FFF;}

.bgfff{background: #FFF;}
.Title4{height: 50px;border-bottom: 1px solid #f2f2f2;color: #333;position: relative;padding-left: 25px;box-sizing: border-box}
.Title4:before{width: 3px;height: 20px;left: 11px;top:50%;transform: translateY(-50%);background: #009ad4;display: block;content: '';position: absolute;}
.Title4 p{font-weight: bold;line-height: 50px;}

.Related_news{padding: 0 20px;}
.Related_news .li{border-bottom: 1px dashed #e5e5e5;}
.Related_news .li:last-child{border-bottom: none}
.Related_news .li .a{padding-left: 20px;box-sizing: border-box;position: relative;color: #666;display: block;line-height: 57px;}

.Related_news .li .a:before{left: 0;top:50%;transform: translateY(-50%);display: block;content: '';position: absolute;width: 9px;height: 9px;background: url("../images/icon35.png") no-repeat center;background-size: 100%!important;}

.Related_news .li .a:hover{color: #009ad4}
.Related_news .li .a:hover:before{background: url("../images/icon35-1.png") no-repeat center;background-size: 100%!important;}

.padding30{padding-top: .3rem;}

.Related_case{padding: 0 20px;}
.Related_case .li{color: #777777;padding: 20px 0;border-bottom: 1px dashed #e5e5e5;}
.Related_case .li .a{display: block;}
.Related_case .li .a .img{overflow: hidden;}
.Related_case .li .a .img .img_{padding-top: 58.8%;}
.Related_case .li .a .title{line-height: 1.5;padding-top: .15rem;padding-bottom: .1rem}
.Related_case .li .a .time{line-height: 1.2;}
.Related_case .li:last-child{border-bottom: none;}

.Related_case .li .a:hover .img .img_{transform: scale(1.1)}
.Related_case .li .a:hover .title{color: #009ad4;}

.news_info{position: relative;background: #FFF;}
.news_info_l{position: absolute;left: 40px;top:50px;}
.news_info_l .time{background: #009ad4;color: #FFF;text-align: center;width: 90px;height: 90px;background: }
.news_info_l .time .p1{font-weight: bold;padding-top: 15px;padding-bottom: 13px;}
.news_info_l .time .p2{}

.share{width: 90px;margin-top: 55px;}
.share .item{display: block;margin: 0 auto;width: 48px;height: 48px;margin-bottom: 10px;}
.share .item img{}
.share .item img:nth-child(1){}
.share .item img:nth-child(2){display: none}

.share .item:hover img:nth-child(1){display: none}
.share .item:hover img:nth-child(2){display: inline-block}


.news_info_r{padding-left: 175px;padding-right: 40px;box-sizing: border-box;padding-top: 50px;padding-bottom: 50px;}
.news_info_r .title{line-height: 1.5;}
.news_info_r_d1{color: #555555;margin-top: 25px;padding-bottom: 25px;}
.news_info_r_d1 p{display: inline-block;margin-right: 60px;}
.news_info_r_d1 p img{margin-right: 10px;position: relative;top:-1px}

.news_info_r_d1 p.t{display: none}

.share2{display: none}

.news_info_r_d2{margin-top: 15px;color: #333333}
.news_info_r_d2 p{line-height: 2.25;}
.news_info_r_d2 img{max-width: 100%}

.news_info_r_d3{color: #333;border-top: 1px solid #efefef;margin-top: 40px;padding-top: 40px;}
.news_info_r_d3 .l{float: left;width: 60%;}
.news_info_r_d3 .l .a{display: block;line-height: 1.8;}
.news_info_r_d3 .l .a:hover{color: #009ad4;}
.news_info_r_d3 .r{float: right}
.news_info_r_d3 .r .a{color: #FFF;display: block;width: 150px;background: #009ad4;text-align: center;line-height: 46px}
.news_info_r_d3 .r .a:hover{opacity: .9}
.news_info_left{float: left}

.c_content{position: relative}






/* 下载中心 */
.down{width: 100%;padding: 100px 0 120px;}
.down-item{width: 100%;margin-top: 20px;background: #f7f7f7;}
.down-layout{display: block;width: 100%;overflow: hidden;padding-left: 42px;}
.down-layout li{float: left;display: flex;position: relative;align-items: center;height: 90px;color: #fff;font-size: 16px;}
.down-layout li:nth-child(1){width: 44%;padding-right: 4%;}
.down-layout li:nth-child(2){width: 23%;}
.down-layout li:nth-child(3){width: 23%;}
.down-layout li:nth-child(4){width: 6%;}
.down-title{background: #009ad4;}
.down-link li{color: #666;}
.down-link li:first-child{font-size: 18px;color: #333;transition: all .4s ease;}
.down-link li i{width: 35px;height: 35px;display: block;background: url('../images/downIc.png') no-repeat;transition: all .4s ease;}
.down-link:hover li:first-child{color: #009ad4;}
.down-link:hover li i{transform: scale(.9);}
.down .fullpage{margin-top: 100px;}









@media(max-width: 1200px){
    .news_info_right{width: 240px;}
    .news_info_left{width: calc(100% - 260px);}
    .Related_news .li .a{line-height: 45px}
}

@media(max-width: 1000px){
    .news_info_l{display: none;}
    .news_info_r{padding: .5rem}
    .news_info_r_d1 p{margin-right: .5rem;}
    .news_info_r_d1 p:last-child{margin-right: 0}
    .news_info_r_d1 p.t{display: inline-block;}
    .share2{display: block;width: 100%;margin: 0}
    .share2 .item{display: inline-block;width: 40px;height: 40px;}
    .news_info_r_d3 .l{width: 100%;}
    .news_info_r_d3 .r{width: 100%;margin-top: .3rem}
    .news_info_r_d3 .r .a{line-height: 38px;}
}

@media(max-width: 767px){
    .news_info_left{width: 100%;}
    .news_info_right{width: 100%;}
    .news_info_r_d3{margin-top: .4rem;padding-top: .4rem;}
    .Related_case .li{width: 48%;float: left}
    .news_info_r_d1 p img{margin-right: 5px;max-height: 15px;max-width: 20px}
    .share2 .item{width: 38px;height: 38px;}
    .Related_news .li .a{line-height: 38px}
    .news_info_r_d3 .r .a{line-height: 30px;}
    .Related_case .li:nth-child(2n){float: right}
    .news_info_r{padding: .3rem}
    .news_info_r_d3 .l .a{line-height: 2}
}

@media(max-width: 500px){
    /*.Related_case .li{width: 100%;float: left}*/
}

.Technology_list{padding-bottom: .8rem;}
.Technology_list .li{cursor: pointer;width: 22.85%;float: left;margin-right: 2.86%;margin-top: 2.86%;background: #FFF; }
.Technology_list .li:nth-child(4n){margin-right: 0}
.Technology_list .li .img{height: 374px;line-height: 374px;overflow: hidden;border: 1px solid #f5f5f5;text-align: center;}
.Technology_list .li .img img{max-width: 100%;max-height: 100%;}
.Technology_list .li .bottom{overflow: hidden;width: 100%;height: 60px;position: relative;background: #FFF;border: 1px solid #eeeeee;border-top: none;}
.Technology_list .li .bottom p{padding: 0 .2rem;box-sizing: border-box;position: absolute;z-index: 2;width: 100%;text-align: center;line-height: 1.4;color: #666666;top:50%;transform: translateY(-50%);}
.Technology_list .li .bottom .bg{background: #009ad4;display: block;position: absolute;width: 100%;height: 100%;left: 0;top:100%;transition: .4s ease;z-index: 1}
.Technology_list .li:hover .bottom p{color: #FFF;}
.Technology_list .li:hover .bottom .bg{top:0}

@media(max-width: 1100px){
    .Technology_list .li{width: 32%;margin-right: 2%}
    .Technology_list .li:nth-child(4n){margin-right: 2%}
    .Technology_list .li:nth-child(3n){margin-right: 0}
}
@media(max-width: 767px){
    .Technology_list .li{width: 48%;margin-right: 0;margin-top: 4%}
    .Technology_list .li:nth-child(4n){margin-right: 0}
    .Technology_list .li:nth-child(3n){margin-right: 0}
    .Technology_list .li:nth-child(2n){float: right}
}
@media(max-width: 500px){
    /*.Technology_list .li{width: 100%;margin-right: 0!important;}*/
    .Technology_list .li .img{height: 150px;line-height: 150px}
    .Technology_list .li .bottom{height: 50px;}
}

.Technology_2{background: #f5f5f5;overflow: hidden;padding-top: .3rem;}
.Technology_2_d{padding-bottom: .8rem;}
.Technology_2_d .li{width: 48.3%;float: left;margin-top: .38rem;}
.Technology_2_d .li:nth-child(2n){float: right;}
.Technology_2_d .li .a{display: block;background: #FFF;}
.Technology_2_d .li .a .img{width: 42.6%;height: 200px;float: left;overflow: hidden}
.Technology_2_d .li .a .img .img_{}
.Technology_2_d .li .a .txt{color: #666666;width: 57.4%;float: right;padding: 0 .3rem;box-sizing: border-box;}
.Technology_2_d .li .a .txt .title{color: #333333;padding-top: 40px;line-height: 1.3}
.Technology_2_d .li .a .txt .text{font-size: 15px;line-height: 1.87;height: 30px;margin-top: 20px}
.Technology_2_d .li .a .txt .time{margin-top: 46px;}


.Technology_2_d .li .a:hover .img .img_{transform: scale(1.1)}
.Technology_2_d .li .a:hover .txt .title{color: #009ad4}


@media(max-width: 1200px){
    .Technology_2_d .li .a .txt .text{font-size: 14px;height: 28px;}
    .Technology_2_d .li .a .img{height: 180px;}
    .Technology_2_d .li .a .txt .title{padding-top: 30px;}
}

@media(max-width: 900px){
    .Technology_2_d .li{width: 100%;}
    .Technology_2_d .li .a .txt .text{font-size: 13px;height: 26px;}
}

@media(max-width: 500px){
    .Technology_2_d .li .a .txt .title{padding-top: 13px}
    .Technology_2_d .li .a .txt .text{margin-top: 8px;line-height: 1.6}
    .Technology_2_d .li .a .txt .time{margin-top: 22px;}
    .Technology_2_d .li .a .img{height: 110px;}

}


.Contact_Us{background: #f9f9f9;padding: .6rem 0}
.Contact_Us_1{background: #FFF;padding: 20px;}
.Contact_Us_1 .left{width: 68%;float: left;overflow: hidden;height: 560px;background: url("../images/map.png") no-repeat center;background-size: cover!important;}
.Contact_Us_1 .left img{width: 100%}
.Contact_Us_1 .right{color: #555555;width: 100%;padding: 0 .5rem 0 .4rem;}
.Contact_Us_1 .right .t{color: #009ad4;line-height: 1.1;padding-top: 30px;}
.Contact_Us_1 .right .line{border-bottom: 1px dashed #e5e5e5;margin: 30px 0}
.Contact_Us_1 .right .d{}
.Contact_Us_1 .right .d p{line-height: 2.25}
.Contact_Us_1 .right .d2{margin-top: 30px;display: inline-block;text-align: center}
.Contact_Us_1 .right .d2 img{}
.Contact_Us_1 .right .d2 p{line-height: 2.25;padding-top: 10px}

@media(max-width: 1300px){
    .Contact_Us_1 .left{width: 60%;height: 400px;}
    .Contact_Us_1 .right{width: 40%}
}

@media(max-width: 900px){
    .Contact_Us_1 .left{width: 100%;}
    .Contact_Us_1{padding: 0}
    .Contact_Us_1 .right{width: 100%;padding: .5rem}
    .Contact_Us_1 .right .t{padding-top: 0}
    .Contact_Us_1 .right .line{margin: 15px 0}
}

.Contact_Us_2{padding-top: .6rem}

.Contact_Us_2_main{}
.Contact_Us_2_main .li{min-height: 100px;width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;background: #FFF;}
.Contact_Us_2_main .li:nth-child(3n){margin-right: 0}
.Contact_Us_2_main .li .d{padding: 30px 25px;}
.Contact_Us_2_main .li .d .t{color: #333333;font-weight: bold;line-height: 1.3}
.Contact_Us_2_main .li .d .line{width: 24px;height: 2px;background: #009ad4;margin: 15px 0 20px;}
.Contact_Us_2_main .li .d .text{}
.Contact_Us_2_main .li .d .text p{line-height: 2.25}


@media(max-width: 767px){
    .Contact_Us_2_main .li{width: 48%;margin-right: 0}
    .Contact_Us_2_main .li:nth-child(2n){float: right;}
}
@media(max-width: 500px){
    .Contact_Us_2_main .li{width: 100%;margin-right: 0}
    .Contact_Us_1 .left{height: 220px}
}


.Message{background: #f9f9f9;padding: .6rem 0 .7rem;}
.Message_b{background: #FFF;overflow: hidden}
.Message_div{;width: 100%;max-width: 1000px;margin: 0 auto;margin-top: 20px}
.Message_d{font-size: 16px;color: #555555;width: 48%;float: left;margin-bottom: 20px;}
.Message_d.Message_d2{float: right}
.Message_d.Message_d3{width: 100%}
.Message_d .p{line-height: 57px;}
.Message_d .p span{color: #009ad4;font-weight: bold}
.Message_d .d{background: #f9f9f9;}
.Message_d .d .input1{height: 60px;width: 100%;border: none;background: none;padding: 0 20px;box-sizing: border-box;font-size: 16px;color: #666;}

.Message_d .d textarea{width: 100%;border: none;box-sizing: border-box;background: none;height: 120px;font-size: 16px;padding: 10px 20px;line-height: 1.5;color: #666;}

.Message_b .product_top p{max-width: 680px;text-align: left;}
.Message_d4{float: left;width: 100%;text-align: center;padding: .3rem 0 .7rem;}
.Message_d4 .submit{width: 270px;cursor: pointer;height: 55px;border: none;background: #009ad4;color: #FFF;font-size: 16px;}
.Message_d4 .submit:hover{opacity: .9}

@media(max-width: 1200px){
    .Message_d .p{line-height: 50px;}
    .Message_d .d .input1,
    .Message_d4 .submit,
    .Message_d{font-size: 14px;}
    .Message_d .d .input1{height: 45px;}
    .Message_d4 .submit{width: 200px;height: 40px}
}

@media(max-width: 767px){
    .Message_d .p{line-height: 35px;}
}

@media(max-width: 600px){
    .Message_d{width: 100%}
    .Message_d .d .input1{padding: 0 10px;height: 40px;}
    .Message_d{margin-bottom: 10px;}
    .Message_d4 .submit{height: 35px}
}

/*视频列表样式*/
.a-a{width: 128px;margin-right: 50px;display: inline-block;cursor: pointer;}
.a-b{width: 100%;}

/*视频容器样式*/
.v-a{position: fixed;left: 50%;top: 120%;width: 80%;height: 70%;transform: translate(-50%,0%);background-color: #000;z-index: 10000000;transition: top .5s ease-in-out;}
.v-a.show{top: 50%;transform: translate(-50%,-50%);}
.v-a.show .v-e{visibility: visible;}
.v-a.show .v-f{display: block;}
.v-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.v-c{display: block;width: 40px;height: 40px;background-color: #be0000;position: absolute;right: 0;top: 0;cursor: pointer;}
.v-d{display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.v-e{visibility: hidden;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;max-width: 100%;max-height: 100%;margin: auto;}
.v-f{display: none;position: absolute;top: 50%;left: 50%;width: 100%;max-width: 800px;transform: translate(-50%,-50%);}
@media(max-width: 600px){
    .v-a{height: 40%;width: 90%}
}