@charset "utf-8";
/* CSS Document */

.container-1000{width: 100%; height: auto; max-width: 1000px; margin: 0 auto; padding: 0;}

.index-about {position: relative;overflow: hidden;}
.index-about .index-container {width: 100%;padding: 0;}
.index-about .text {position: absolute;left: 5%;top: 15%;width: 80%; max-width: 700px; z-index: 11;color: #fff;}
.index-about .title-1 {overflow: hidden;font-size: 20px;}
.index-about .title-2 {margin-top:20px; font-size: 36px; line-height: 40px; font-weight: bold;}
.index-about .title-3 {margin-top:20px; font-size: 40px; font-weight: bold;}
.index-about .title-4 {margin:10px 0; font-size: 26px; line-height: 30px; font-weight: bold;}
.index-about .title-5 {margin:10px 0; font-size: 18px; line-height: 30px;}
.index-about .abouttxt1 {margin: 0 auto; padding:18px 0; width: 100%; height: auto;}
.index-about .abouttxt1 ul{margin: 0 auto; padding: 0; width: 100%; height: auto;}
.index-about .abouttxt1 ul li{margin: 0 auto; padding:10px 0; width: 100%; display:inline-block; height: auto;color: #fff;font-size: 16px; line-height: 20px;}
.index-about .abouttxt1 ul li i{color: #fff;font-size: 16px; line-height: 30px; margin-right: 5px; float: left;width: 20px;}
.index-about .abouttxt1 ul li p{ color: #fff;font-size: 16px; line-height: 30px;  width: calc(100% - 30px);font-weight: 500; float: left;}
.index-about .abouttxt1 ul li p strong{ font-weight: 700;}

.index-about .abouttxt1 ul li ul.nei{margin: 0 auto; padding: 0;  width: 100%; height: auto; padding-left: 25px;}
.index-about .abouttxt1 ul li ul.nei li{margin: 0 auto; padding:5px 0; width: 100%; clear: both;height: auto;color: #fff;font-size: 16px; line-height: 20px;}
.index-about .abouttxt1 ul li ul.nei li i{color: #fff;font-size: 14px; line-height: 20px; margin-right: 5px; float: left;width: auto;}
.index-about .abouttxt1 ul li ul.nei li p{ color: #fff;font-size: 14px; line-height: 20px;font-weight: 400;   width: calc(100% - 60px); float: left;}




.index-about .text-1 {margin: 40px 0 20px 0; font-size: 14px; width:100%; max-width: 600px;}
.index-about .more-1 {margin-top: 6%;}
.index-about .more-1 a {color:#fff;font-weight: normal;}
.index-about .more-1 a::after {background: url('../images/r1.svg') center no-repeat;} 
.index-about .more-1 a:hover {opacity: 1;font-weight: normal;color:#00bea0;}
.index-about .more-1 a:hover::after {right: -5px;background: url('../images/r4.svg') center no-repeat;}
.index-about .data {position: absolute;width: 70%;bottom: 5%;left: 5%;z-index: 11;text-align: center; background: rgba(0,79,133,.8); padding: 30px 60px;}
.index-about .data-item {float: left;width: 25%;color: #fff;text-align: left;}
.index-about .data-item .title-3 {position: relative;display: inline-block;padding-right: 30px;font-size: 40px; font-weight: bold;}
.index-about .data-item .title-3 strong{display: block;font-weight: normal;}
.index-about .data-item .title-3 sup{position: absolute;right: 0;top:10%;font-size: 30px;}
.index-about .data-item .text-2 {overflow: hidden;font-size: 18px; padding: 15px 0;}
.index-about .data-item:nth-child(2) {margin-left: 4%;width: 25%;}
.index-about .data-item:nth-child(3) {margin-left: 5%;width: auto;}
.index-about .data-item:last-child {float: right;width: auto;}




.contact-about {position: relative;overflow: hidden;}
.contact-about .index-container {width: 100%;padding: 0;}
.contact-about .text {position: absolute;left: 5%;top: 23%;width: 80%;max-width: 700px; padding: 50px;color: #fff; background: rgba(0,78,133,.3); border: 1px solid rgba(255,255,255,.2); display: inline-block;}
.contact-about .title-1 {overflow: hidden;font-size: 20px;}
.contact-about .title-2 {margin-top:20px; font-size: 60px; font-weight: bold;}
.contact-about .title-3 {margin-top:20px; font-size: 20px; font-weight: bold;}



.contact-about .contact-zong{width:100%; float: left; height: auto; margin:30px 0; padding: 0;}
.contact-about .contact-zong ul{width:100%; float: left; height: auto; margin:0; padding: 0;}
.contact-about .contact-zong ul li{width:100%; float: left; height: auto; margin:8px 0; padding:15px 0; border-bottom: 1px dashed rgba(255,255,255,.2);}


.contact-about .contact-zong ul li .img{width: 50px;height: auto; margin: 0; padding: 0;text-align: left; float: left;}
.contact-about .contact-zong ul li .img img{width: 30px; height: auto; margin: 0; padding: 0; filter: brightness(0) invert(1)}
.contact-about .contact-zong ul li .txt{width:calc(100% - 50px);float: left; height: auto; margin: 0; padding:10px 0; font-size: 16px; color: #fff; line-height: 20px; text-align: left;}


  .w1720,
  .w1820 {
    padding: 0 5vw;
  }

.corporate_honors {
  background: #f0f0f0; padding: 100px 0 30px 0;
}

.pu_title h1{font-size: 32px; text-align: center;}
.pu_title h6{font-size: 14px; text-align: center; font-weight: 400; margin: 15px 0 30px 0; color: #666;}
.corporate_honors .rs_cen {
  margin: 0.58rem 0 0;
  background: url('../img/4.jpg') no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
}
.corporate_honors .rs_cen .mySwiper1 {
  padding: 0 0 0.4rem 0;
}
.corporate_honors .rs_cen .mySwiper1 .swiper-slide img {
  transition: 0.4s;
  transform: scale(0.8);
  transform-origin: center bottom;
  width: 100%;
}
.corporate_honors .rs_cen .mySwiper1 .swiper-slide-active img {
  transform: scale(1);
}
.corporate_honors .rs_bot {
  margin: 0.1rem 0 0;
  padding: 0.9rem 0;
  position: relative;
}
.corporate_honors .rs_bot .switch {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.corporate_honors .rs_bot .switch .prev i,
.corporate_honors .rs_bot .switch .next i {
  cursor: pointer;
  transition: 0.4s; line-height: 50px; text-align: center;
  font-weight: bold;
  color: #004e85;
}
.corporate_honors .rs_bot .switch .prev:hover i,
.corporate_honors .rs_bot .switch .next:hover i {
  color: #fff;
}
.corporate_honors .rs_bot .switch .next {
  margin: 0 0 0 10px; border-radius: 50%; width: 50px; height: 50px; border: 1px solid #004e85;text-align: center; background: #fff;display: block;float: left;
}
.corporate_honors .rs_bot .switch .prev {
  border-radius: 50%; width: 50px; height: 50px; border: 1px solid #004e85;text-align: center; background: #fff;display: block;float: left;
}

.corporate_honors .rs_bot .switch .prev:hover,
.corporate_honors .rs_bot .switch .next:hover {
  background: #004e85;color: #fff;
}


.corporate_honors .rs_bot .swiper_list {
  width: 100%;
  text-align: center;
}
.corporate_honors .rs_bot .swiper_list p {
  color: #000;
  display: none;font-size: 18px;
}
.corporate_honors .rs_bot .swiper_list p.active {
  display: block;
}


.tsemid-about-whatcanwedo {background: #f0f2f4;padding: 5% 0;overflow: hidden;}
.tsemid-about-whatcanwedo .tsemid-about-content{width: 100%;margin: auto;padding-bottom: 3%;}
.tsemid-about-whatcanwedo-left {float: left;width: 45%;}
.tsemid-about-text {padding-left: 2rem;position: relative;overflow: hidden;margin-top: 15rem;width: 80%;}
.tsemid-about-text::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;background-color: #004e85;}
.tsemid-about-text .title-2 {color: #000;font-size: 24px; line-height: 30px; font-weight: 600;}
.tsemid-about-text .text-2 {width: 100%; margin-top: 20px;font-size: 16px; line-height: 20px;}

.tsemid-about-text .text-2 .t1{color: #004e85;font-size: 20px; line-height: 30px;width: 100%;font-weight: 700; }
.tsemid-about-text .text-2 .t2{color: #000;font-size: 16px; line-height: 30px;width: 100%; }
.tsemid-about-text .text-2 .t2 span{color: #000;font-size: 16px; line-height: 30px;width: 100%;margin-top: 20px; height: auto; display: block;font-weight: 700;}
.tsemid-about-text .text-2 .t2 p{color: #666;font-size: 14px; line-height: 20px;width: 100%;padding-left: 15px; }
.tsemid-about-text .text-2 .t2 p i{color: #888;font-size: 14px; line-height: 20px;  float: left;width: 20px;}




.tsemid-about-whatcanwedo-right {float: right;width: 47%;}
.tsemid-about-whatcanwedo-right img {max-width: 100%;display: block;}

.tsemid-content-title .title-1{color: #6c95b2; font-size: 46px;line-height: 40px; margin: 10px 0; font-weight: 600; }
.tsemid-content-title .title-1 strong{font-weight: normal;color: #3200c8;}
.tsemid-content-title .text-1{color: #000; font-size: 30px;font-weight: bold;margin: 0;}


.circleyuan{width:100%;margin: auto;position: relative;}
.circleyuan .edge{position: absolute;left: 50%;top: 50%;width: 80%;z-index: 33;transform: translate(-50%,-50%);border:3px dotted #d9d7dd;border-radius: 50%;}
.circleyuan .edge img{width: 100%;height: auto;display: block;}
.circleyuan .edge .text{color: #372e50;}
.circleyuan .edge .middle-circle {position: absolute;z-index:11;background:#fff;border-radius: 50%;box-shadow:0px 34px 54px 0px rgba(23, 0, 93, 0.13);width: 22%;font-size: 12px; line-height: 12px;text-align: center;}
.circleyuan .edge .middle-circle-1{right:-20%;top:15%;transform: translateX(-50%);}
.circleyuan .edge .middle-circle-2{left:45%;top:-12%;transform: translate(-50%);}
.circleyuan .edge .middle-circle-3{left:85%;top:75%;transform: translate(-50%);}
.circleyuan .edge .middle-circle-4{left:0;top:30%;transform: translate(-50%);}
.circleyuan .edge .middle-circle-5{right:55%;top:80%;transform: translate(-50%);}
.circleyuan .edge .middle-circle-1 div,
.circleyuan .edge .middle-circle-2 div,.circleyuan .edge .middle-circle-4 div,.circleyuan .edge .middle-circle-5 div,
.circleyuan .edge .middle-circle-3 div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.circleyuan .edge .middle-circle-1 img,
.circleyuan .edge .middle-circle-2 img,.circleyuan .edge .middle-circle-4 img,.circleyuan .edge .middle-circle-5 img,
.circleyuan .edge .middle-circle-3 img{width: 100%;height: auto;display: block;} 
.circleyuan .virtual{position: absolute;left: 50%;top:50%;width: 55%;z-index:22;transform: translate(-50%,-50%);margin: auto;display: flex;align-items: center;background:#004e85;border-radius: 50%;opacity: .05;}
.circleyuan  .txt{color:#372e50;position: absolute;opacity: .2;}
.circleyuan  .tx1{left:6%;top:25%;transform: rotate(300deg);}
.circleyuan  .tx2{right:6%;top:25%;transform: rotate(-300deg);}
.circleyuan  .tx3{left:50%;bottom:7%;transform: translateX(-50%);}
.circleyuan .virtual img{display: block;width: 100%;height: auto;}
.circleyuan .circular{position: absolute;left: 50%;top:50%;width: 30%;transform: translate(-50%,-50%);background:#004e85;border-radius: 50%;margin:auto;display: flex; justify-content: center; align-items: center;overflow: hidden;z-index: 45;border: 5px solid #fff;box-shadow: 0px 30px 54px 0px rgba(0, 78, 133, 0.32);}
.circleyuan .circular img{display: block;width: 100%;height: auto; text-align: center;}
.circleyuan .circular .logo{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width:60%;z-index: 8; font-size: 18px; font-weight: bold;text-align: center;line-height: 20px; color: #fff;}



.circleyuan .circular .logo img{width: 100%;height: auto;display: block;}
.circleyuan .circular .small-circle{border-radius:50%;position: absolute;}
.circleyuan .circular .small-circle .pic{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.circleyuan .circular .small-circle .pic img{width: 100%;height: auto;display: block;object-fit: cover;} 
.circleyuan svg {position: absolute;display: block;width: 80%;height: 80%;left: 50%;top: 50%;transform: translate(-50%,-50%);overflow: visible;}
.circleyuan svg path {opacity: 0;}
.circleyuan svg text {fill: #372e50;opacity: .2;font-size: 5px;}
.circleyuan .svg1 {transform: translate(-50%,-50%) rotate(35deg);}
.circleyuan .svg2 {transform: translate(-50%,-50%) rotate(115deg);}
.circleyuan .svg3 {transform: translate(-50%,-50%) rotate(180deg);}
.circleyuan .svg4 {transform: translate(-50%,-50%) rotate(240deg);}
.circleyuan .svg5 {transform: translate(-50%,-50%) rotate(330deg);}
.circleyuan .edge {animation: xuanzhuan 20000ms infinite linear;}


.circleyuan .edge .middle-circle-1{transform: translate(-50%); animation: turnrotate2 9000ms infinite linear;}
.circleyuan .edge .middle-circle-2{transform: translate(-50%); animation: turnrotate2 9000ms infinite linear;}
.circleyuan .edge .middle-circle-3{transform: translate(-50%); animation: turnrotate3 9000ms infinite linear;}
.circleyuan .edge .middle-circle-4{transform: translate(-50%); animation: turnrotate3 9000ms infinite linear;}
.circleyuan .edge .middle-circle-5{transform: translate(-50%); animation: turnrotate3 9000ms infinite linear;}

.sustainability2-1{margin: 0 auto; padding:0; width: 100%; height: auto;position: relative; display: block;z-index: 10;}


.sustainability2-1 .icon{margin:0 auto; width:100%;  height:auto; min-height: 200px; padding: 40px 0; border-bottom: 1px solid #e3e3e3; display: inline-block;}


.sustainability2-1 .icon .txt1{margin:0 auto; width:60px;float: left;height:auto;font-size: 40px; color: #e3e3e3;padding: 0; line-height: 80px; text-align: center; font-weight: 500;font-family:'Wix Madefor Display', Arial;}
.sustainability2-1 .icon .txt2{margin:0 3%; width:calc(90% - 70px); float: left;height:auto;font-size: 15px; color: #000; line-height: 22px; padding: 0;text-align: left; font-weight: normal;}
.sustainability2-1 .icon .txt2 h4{margin:0 ; width:100%; float: left;height:auto;font-size: 16px; color: #000; line-height: 30px; padding: 0; margin-bottom: 15px; text-align: left; font-weight: bold;}

.sustainability2-1 .icon .txt2 ul{margin:5px auto 0 auto; padding:0; width:100%; height:auto; }

.sustainability2-1 .icon .txt2 ul li{width: 100%; height: auto; margin: 0; padding:0; display: inline-block;color: #666666;font-size: 14px; line-height: 20px; position: relative;}
.sustainability2-1 .icon .txt2 ul li i{color: #888;font-size: 14px; line-height: 20px; margin-right: 5px; float: left;width: 20px;}
.sustainability2-1 .icon .txt2 ul li p{ color: #888;font-size: 14px; line-height: 20px;  width: calc(100% - 30px); float: left;}



.anlicon{margin:60px auto 0 auto; padding:0; width:100%; max-width: 600px; height:auto;}
.anlicon h3{margin:0 auto; padding:0; width:100%; height:auto; font-size:40px; line-height:30px; color:#000; animation: fadeInLeft 0.4s both 0.2s;}
.anlicon h4{margin:10px auto 20px auto; padding:0; width:100%; height:auto; font-size:24px; line-height:30px; color:#0f5c9e;font-weight: normal;animation: fadeInRight 0.2s both 0.2s;}
.anlicon p{margin:40px auto 0 auto; padding:0; width:100%; height:auto; font-size:18px; line-height:30px; color:#000; animation: fadeInUp 0.6s both 0.2s;}


.page-news {padding: 3% 0;overflow: hidden;position: relative;}
.page-news-content {width: 76%;margin: auto;}
.page-news-item {position: relative;}
.page-news-item a{display: block;overflow: hidden;padding: 5% 0;border-radius: 12px;position: relative;}

.page-news-item .zong{float: left;width: 62%;border-radius: 10px;} 

.page-news-item .date {float: left;width: 150px;margin: 30px 50px 0 0; background: #004e85; padding: 20px;}
.page-news-item .date strong{display: block;font-size: 30px;margin: 0;padding: 0;text-align: center;font-weight:normal;color: #fff;}
.page-news-item .date span{display: block;font-size: 16px;text-align: center;color: #fff;}
.page-news-item .text {float: left;width: calc(100% - 230px);}	
.page-news-item .title-1 {font-size: 20px;font-weight: bold;margin-top: 5%;color: #000;}
.page-news-item .text-2 {font-size: 14px;line-height: 25px;color: #666;margin-top: 2%; height: 75px; overflow: hidden; }
.page-news-item .viewdetail-3 {margin-top: 6%; color: #004e85; font-size: 16px; line-height: 24px;}
.page-news-item .viewdetail-3 i{margin-left: 10px; color: #004e85; font-size: 16px; line-height: 24px;}



.page-news-item .img {float: right;width: 30%;border-radius: 10px;}
.page-news-item a:hover {background: #fff;padding: 5%;overflow: hidden;box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);}
.page-news-item a:hover .title-1  {color: #004e85;}
.page-news-item a:hover .text-2  {color: #000;}
.page-news-item a::before {content: '';width: 100%;height: 1px;background: #ccc;position: absolute;left: 0;bottom: 0;opacity: .5;}
.page-news-item a:hover::before {display: none;}



.sinoquare-news-detail {margin-top: 8.8rem;padding: 5% 0;}
.sinoquare-news-top {position: relative;}
.sinoquare-news-path {overflow: hidden;}
.sinoquare-news-path a,.sinoquare-news-path i ,.sinoquare-news-path a span,.sinoquare-news-path span {display: inline-block;vertical-align: middle;color: #a4a7a9;}
.sinoquare-news-path a {font-weight: bold;}
.sinoquare-news-path i {width: 1.9rem;height: 2.3rem;background: url('../images/f9.png') center no-repeat;background-size: 100%;filter: invert(1);margin-right: 1rem;opacity: .3;}
.sinoquare-news-path a span {margin: 0;}
.sinoquare-news-path span {margin: 0 .5rem;}
.sinoquare-news-path a:hover span {color: #ec0000;}
.sinoquare-news-title {overflow: hidden;width: 60%;}
.sinoquare-news-title .title-1{margin-top: 3rem;font-weight: 900;color: #000;}
.sinoquare-news-title .text-1{margin-top: 1rem;color: #72777c;}
.sinoquare-news-detail-share {position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1111;}
.sinoquare-news-bottom {overflow: hidden;background: #f5f7fe;position: relative;}
.sinoquare-news-bottom .sinoquare-content {position: relative;overflow: hidden;}
/*.sinoquare-news-bottom .sinoquare-content::before {content: '';width: 1px;height: 100%;right: 30%;top: 0;position: absolute;background: #e5e7ee;}*/
.sinoquare-news-bottom-left {float: left;width: 65%;overflow: hidden;padding: 5% 0 0 0;}
.sinoquare-news-bottom-item {margin: 10% auto;overflow: hidden;position: relative;padding-bottom: 10%;}
.sinoquare-news-bottom-item .title-1{font-weight: bold;color: #999;margin-bottom: 2rem;}
.sinoquare-news-bottom-item .navs-1 {overflow: hidden;margin: 1rem auto;}
.sinoquare-news-bottom-item .navs-1 a {display: block;color: #72777c;margin-bottom: .2rem;}
.sinoquare-news-bottom-item .navs-1 a.cur {font-weight: bold;color: #333;text-decoration: underline #ec0000;}
.sinoquare-news-bottom-item .navs-1 a:hover {color: #000;}
.sinoquare-news-bottom-item .other-1 {margin: auto;}
.sinoquare-other-news-item {overflow: hidden;margin-bottom: 20px; padding: 20px; background: #fff;}
.sinoquare-other-news-item .img {border-radius: 10px;}
.sinoquare-other-news-item .img img {width: 100%; height: auto;}

.sinoquare-other-news-item .text {padding: 5% 0;overflow: hidden;}
.sinoquare-other-news-item .text-1 {overflow: hidden;}
.sinoquare-other-news-item .text-1 span{display: inline-block;background: #ec0000;color: #fff;border-radius: .6rem;padding: .2rem 1rem;}
.sinoquare-other-news-item .title-1 {color: #000;font-size: 18px; margin: 0; padding: 0; margin-top: 8px;}
.sinoquare-other-news-item .data-1 {margin-top: 10px;overflow: hidden;}
.sinoquare-other-news-item .data-1 i {display: inline-block;vertical-align: middle;margin-right: 10px;background: url('../img/data.png') center no-repeat;background-size: 100%;width: 1.8rem;height: 1.8rem;opacity: .3;}
.sinoquare-other-news-item .data-1 span {display: inline-block;vertical-align: middle;color: #999;}
.sinoquare-other-news-item a:hover .pic {transform: scale(1.05);}
.sinoquare-news-bottom-right {float: right;width: 25%;overflow: hidden;position: relative;padding: 4% 0 5% 0;}
.sinoquare-news-detail-main {padding: 5% 0;overflow: hidden;position: relative;font-size: 16px; line-height: 25px; text-align: center;}
.sinoquare-news-detail-main h1{padding: 20px 0;font-size: 28px; line-height: 40px;}
.sinoquare-news-detail-main img {max-width: 100%;height: auto;}
.sinoquare-news-detail-bottom {position: relative;overflow: hidden;padding: 3% 0;border-top: 1px solid #e5e7ee;color: #888;}
.sinoquare-news-detail-bottom .pre{width: 100%; height: auto; font-size: 14px; line-height: 24px; padding: 5px 0;}

.sinoquare-news-detail-bottom a { font-size: 14px; line-height: 24px;color: #000;}
.sinoquare-news-detail-bottom a:hover {color: #004e85;}
.sinoquare-news-detail-bottom .linkurl-1 {position: absolute;right: 1%;top: 50%;transform: translateY(-50%);} 

.linkurl-1 {text-align: center;margin: auto;display: inline-block;}
/*
.linkurl-1 a {display: block;width: 180px;line-height: 40px;position: relative;}
.linkurl-1 a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #004e85;transform: skewX(-30deg);}
.linkurl-1 span {font-weight: bold;color: #fff;position: relative;z-index: 11;display: inline-block;vertical-align: middle;}
.linkurl-1 i {position: relative;z-index: 10;display: inline-block;vertical-align: middle;margin-left: 10px;width: 16px;height: 13px;background: url('../images/r1.svg') center no-repeat;background-size: 100%;}

*/



a.btn-default{
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	color: #fff;
	background: #004e85;
	text-transform: capitalize;
	padding: 20px 50px 20px 30px;
	border: none;
	transition: 0.5s ease-in-out;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.btn-default::before{
	content: '\f062';
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: 200;
    transition: 0.3s ease-in-out;
    background: transparent;
    color: #fff;
    transform: translate(-30px, -50%) rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-default::after{ 
	content: '';
    display: block;
    position: absolute;
	top: 0;
    left: 0;
    bottom: 0;
	width: 0;
	height: 106%;
    background:#004e85;
    transition: 0.4s ease-in-out;
	z-index: -1;
}

a.btn-default:hover{
	color: #fff;background: #000;
}

.btn-default:hover:before{
    color: #fff;
}

.btn-default:hover::after{
	width: 106%;
}


.brandmain{margin:0 auto; padding: 60px 0; width: 100%; height: auto; background: #f3f3f3;}
.brandmain .img{margin:10px auto; padding:0 20px; width: 100%; height: auto; background: #fff; box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);}
.brandmain .img img{max-width: 100%; height: auto;}


@media (max-width:1440px){
.index-about .data {position: absolute;width: 90%;bottom: 5%;left: 5%;z-index: 11;text-align: center; background: rgba(0,79,133,.8); padding:10px 50px;}

}
	
	
@media (max-width:640px){
	.index-about{height: 100vh; overflow: hidden;width: 100%;}	
.index-about .text {position: absolute;left: 5%;top: 15%;width: 90%;z-index: 11;color: #fff;}
.index-about .title-1 {overflow: hidden;font-size: 20px;}
.index-about .title-2 {margin-top:10px; font-size: 20px; font-weight: bold;}
.index-about .title-3 {margin-top:10px; font-size: 20px; font-weight: bold;}
.index-about .text-1 {margin: 10px 0; font-size: 14px; width:100%; max-width: 600px;}	
	
.index-about .data {position: absolute;width: 90%;bottom: 5%;left: 5%;z-index: 11;text-align: center; background: rgba(0,79,133,.8); padding:10px 20px;}
.index-about .data-item {float: left;width: 45%; margin:0 2%; color: #fff;text-align: center;padding:8px 0; border-bottom: 1px solid rgba(255,255,255,.1);}
.index-about .data-item .title-3 {position: relative;display: inline-block;margin: 0;padding: 0; padding-right: 20px;font-size: 20px; font-weight: bold; line-height: 20px;}
.index-about .data-item .title-3 strong{display: block;font-weight: normal;}
.index-about .data-item .title-3 sup{position: absolute;right: 0;top:10%;font-size: 14px;margin: 0; padding: 0; line-height: 20px;}
.index-about .data-item .text-2 {overflow: hidden;font-size: 12px; line-height: 20px;padding: 0;margin: 0;}
.index-about .data-item:nth-child(2) {margin-left: 0;width: 45%;}
.index-about .data-item:nth-child(3) {margin-left: 0;width: 45%;}
.index-about .data-item:last-child {float: left;width: 45%;}	
	
	.index-about .aboutimg	{width: 100%; height: auto; margin: 15px 0;padding: 0; }
	.index-about .aboutimg	img{width: 100%; height: auto;border: 3px solid #fff; }
	
	
  .w1720,
  .w1820 {
    padding: 0 20px;
  }

.corporate_honors {
  background: #f0f0f0; padding: 30px 0;
}
	
.pu_title h1{font-size: 30px; text-align: center;}
.pu_title h6{font-size: 14px; text-align: center; margin: 15px 0 ; color: #666;}	

.page-news-item .zong{float: left;width: 100%;border-radius: 10px;} 
.page-news-item .date {float: left;width: 100%;margin: 10px 0; background: #004e85; display: none;padding: 10px;}
.page-news-item .text {float: left;width: 100%;}
.page-news-item .title-1 {font-size: 20px;font-weight: bold;margin-top: 5%;color: #000;}
.page-news-item .text-2 {font-size: 14px;line-height: 25px;color: #666;margin-top: 2%; height: 75px; overflow: hidden; }
.page-news-item .viewdetail-3 {margin-top: 6%; color: #004e85; font-size: 16px; line-height: 24px;}
.page-news-item .viewdetail-3 i{margin-left: 10px; color: #004e85; font-size: 16px; line-height: 24px;}
.page-news-item .img {float: right;width: 100%;border-radius: 10px;}
	
	
.sinoquare-news-bottom .sinoquare-content::before {content: '';width:0px;height: 100%;right: 30%;top: 0;position: absolute;background: #e5e7ee;}	
.sinoquare-news-bottom-left {float: left;width: 100%;overflow: hidden;padding: 5% 0 0 0;}
.sinoquare-news-bottom-right {float: right;width: 100%;overflow: hidden;position: relative;padding: 4% 0 5% 0;}	
	
	
.contact-about .text {position: absolute;left: 5%;top: 23%;width: 90%;max-width: 700px; padding: 20px;color: #fff; background: rgba(0,78,133,.3); border: 1px solid rgba(255,255,255,.2); display: inline-block;}
.contact-about .title-1 {overflow: hidden;font-size: 14px;}
.contact-about .title-3 {margin-top:20px; font-size: 24px; font-weight: normal;}	
	
.tsemid-about-whatcanwedo-left {float: left;width: 100%;}	
.tsemid-about-whatcanwedo-right {float: right;width: 100%;}	
.tsemid-about-text {padding-left: 20px;position: relative;overflow: hidden;margin-top: 40px;width: 90%;}
.tsemid-about-text::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;background-color: #004e85;}
.tsemid-about-text .title-2 {color: #000;font-size: 24px;font-weight: 600; line-height: 30px;}
.tsemid-about-text .text-2 {color: #004e85;margin-top: 20px;font-size: 14px; line-height: 20px}	

.tsemid-content-title .title-1{color: #6c95b2; font-size: 20px;line-height: 30px; margin: 10px 0; font-weight: 600; }	
	
	
	.zsimg{margin: 0 5%; padding: 0; width: 90%; height: auto;}
	.zsimg img{max-width: 100%; height: auto;margin-bottom: 10px;}
	
	
.circleyuan .edge .middle-circle-1 div,
.circleyuan .edge .middle-circle-2 div,
.circleyuan .edge .middle-circle-3 div{font-size: 12px;}	
	
	
}