@CHARSET "UTF-8";
html,body{overflow:hidden;overflow-y:auto;}
a,a:hover,a:focus{
	text-decoration: none!important;
}
b{font-weight:bold;}
body,.slider-container,.slider-container *,.news_top *,.footers_main *{
	font-family: "Segoe UI", "Hiragino Sans GB", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif!important; 
}
strong{
	font-weight:bold;
}
strong span{
	font-weight:bold;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}
.center{
	text-align:center;
}
.cd-logo {
  position: absolute;
  top: 0px;
  left: 5%;
}
.cd-logo img {
  display: block;
  width: 150px;
}
@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-logo {
    left: auto;
    right: 5%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-logo {
    top: 0px;
    left: 4em;
	  z-index: 99999;
  }
  .cd-logo img {
	  display: block;
	  width: 220px;
  }
}
@media only screen and (max-width: 390px) {
	.cd-logo img {
	  width: 120px;
	}
}


@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg) scale(1.0);
    -ms-transform: rotate(0deg) scale(1.0);
    -webkit-transform: rotate(0deg) scale(1.0);
    transform: rotate(0deg) scale(1.0);
  }

  25% {
    -moz-transform: rotate(15deg) scale(1.05);
    -ms-transform: rotate(15deg) scale(1.05);
    -webkit-transform: rotate(15deg) scale(1.05);
    transform: rotate(15deg) scale(1.05);
  }

  50% {
    -moz-transform: rotate(-15deg) scale(1.1);
    -ms-transform: rotate(-15deg) scale(1.1);
    -webkit-transform: rotate(-15deg) scale(1.1);
    transform: rotate(-15deg) scale(1.1);
  }

  75% {
    -moz-transform: rotate(5deg) scale(1.08);
    -ms-transform: rotate(5deg) scale(1.08);
    -webkit-transform: rotate(5deg) scale(1.08);
    transform: rotate(5deg) scale(1.08);
  }

  85% {
    -moz-transform: rotate(-5deg) scale(1.05);
    -ms-transform: rotate(-5deg) scale(1.05);
    -webkit-transform: rotate(-5deg) scale(1.05);
    transform: rotate(-5deg) scale(1.05);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg) scale(1.0);
    -ms-transform: rotate(0deg) scale(1.0);
    -webkit-transform: rotate(0deg) scale(1.0);
    transform: rotate(0deg) scale(1.0);
  }

  25% {
    -moz-transform: rotate(15deg) scale(1.05);
    -ms-transform: rotate(15deg) scale(1.05);
    -webkit-transform: rotate(15deg) scale(1.05);
    transform: rotate(15deg) scale(1.05);
  }

  50% {
    -moz-transform: rotate(-15deg) scale(1.1);
    -ms-transform: rotate(-15deg) scale(1.1);
    -webkit-transform: rotate(-15deg) scale(1.1);
    transform: rotate(-15deg) scale(1.1);
  }

  75% {
    -moz-transform: rotate(5deg) scale(1.08);
    -ms-transform: rotate(5deg) scale(1.08);
    -webkit-transform: rotate(5deg) scale(1.08);
    transform: rotate(5deg) scale(1.08);
  }

  85% {
    -moz-transform: rotate(-5deg) scale(1.05);
    -ms-transform: rotate(-5deg) scale(1.05);
    -webkit-transform: rotate(-5deg) scale(1.05);
    transform: rotate(-5deg) scale(1.05);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg) scale(1.0);
    -ms-transform: rotate(0deg) scale(1.0);
    -webkit-transform: rotate(0deg) scale(1.0);
    transform: rotate(0deg) scale(1.0);
  }

  25% {
    -moz-transform: rotate(15deg) scale(1.05);
    -ms-transform: rotate(15deg) scale(1.05);
    -webkit-transform: rotate(15deg) scale(1.05);
    transform: rotate(15deg) scale(1.05);
  }

  50% {
    -moz-transform: rotate(-15deg) scale(1.1);
    -ms-transform: rotate(-15deg) scale(1.1);
    -webkit-transform: rotate(-15deg) scale(1.1);
    transform: rotate(-15deg) scale(1.1);
  }

  75% {
    -moz-transform: rotate(5deg) scale(1.08);
    -ms-transform: rotate(5deg) scale(1.08);
    -webkit-transform: rotate(5deg) scale(1.08);
    transform: rotate(5deg) scale(1.08);
  }

  85% {
    -moz-transform: rotate(-5deg) scale(1.05);
    -ms-transform: rotate(-5deg) scale(1.05);
    -webkit-transform: rotate(-5deg) scale(1.05);
    transform: rotate(-5deg) scale(1.05);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg) scale(1.0);
    -ms-transform: rotate(0deg) scale(1.0);
    -webkit-transform: rotate(0deg) scale(1.0);
    transform: rotate(0deg) scale(1.0);
  }

  25% {
    -moz-transform: rotate(15deg) scale(1.05);
    -ms-transform: rotate(15deg) scale(1.05);
    -webkit-transform: rotate(15deg) scale(1.05);
    transform: rotate(15deg) scale(1.05);
  }

  50% {
    -moz-transform: rotate(-15deg) scale(1.1);
    -ms-transform: rotate(-15deg) scale(1.1);
    -webkit-transform: rotate(-15deg) scale(1.1);
    transform: rotate(-15deg) scale(1.1);
  }

  75% {
    -moz-transform: rotate(5deg) scale(1.08);
    -ms-transform: rotate(5deg) scale(1.08);
    -webkit-transform: rotate(5deg) scale(1.08);
    transform: rotate(5deg) scale(1.08);
  }

  85% {
    -moz-transform: rotate(-5deg) scale(1.05);
    -ms-transform: rotate(-5deg) scale(1.05);
    -webkit-transform: rotate(-5deg) scale(1.05);
    transform: rotate(-5deg) scale(1.05);
  }
}
.shake:hover {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}

/*产品首页*/
.indexcat_centent{
	text-align: center;
	margin: 30px 10px;
}
.indexcat_div{
	text-align: center;
	width:30%;
	height: 15em;
	margin:1.6%;
	float: left;
	background-size: cover!important;
}
.indexcat_div h2{
	font-family: "Segoe UI", "Hiragino Sans GB", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 2em;
	color: #fff;
	text-align: center;
    margin: auto;
    position: relative;
	cursor: default;
	top:50px;
	letter-spacing:3px;
	text-shadow: rgba(0,0,0,1) 0px 2px 5px;
	-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.indexcat_div button{ 
    width: 120px;  
    padding:8px;  
	top: 60px;
	position: relative;
    background-color:#005bac;  
    border-color: #005bac;
    color: #fff;
    -moz-border-radius: 40px;  
    -webkit-border-radius: 40px;  
    border-radius: 40px; /* future proofing */  
    -khtml-border-radius: 40px; /* for old Konqueror browsers */  
    text-align: center;  
    border: 1px solid transparent;  
    font-weight: 600;  
    font-size:120%;
	outline:none;
	cursor:pointer;
}  
.indexcatlogo{
	width: 90px;
    height: 90px;
    margin: auto;
    top: 30%;
    position: relative;
	background-size:90px!important;
	cursor:pointer;
} 
@media only screen and (max-width: 1023px) {
	.indexcat_div{
		text-align: center;
		width:46%;
		height: 15em;
		margin:2%;
		float: left;
		background:#EAEAEA;
	}
}
@media only screen and (max-width: 750px) {
	.indexcat_div{
		text-align: center;
		width:100%;
		height: 15em;
		margin:5% auto;
		float: left;
		background:#EAEAEA;
	}
}



/*首页热门产品*/

.index-product-top{
}
.index-product-top h2{
	font-size: 2em;
    padding: 0 5em;
	text-align:center;
}
.index-product-top h4{
	font-size: 1.2em;
	padding: 1em 5em 0em;
	text-align:center;
}
.index-product-top .swiper-pagination-bullet {
	width: 30px;
	height: 8px;
	border-radius: 10px;
	background-color: #999;
	opacity: 1;
}
.index-product-top .swiper-pagination-bullet-active {
	background: #005bae;
}
.index-product-top .swiper-container {
	margin-top: 60px;
	width:90vw;
}
.top-product {
	position: absolute;
	top: 8%;
	left: 3%;
	color: #606a72;
}
.index-product-top .top-product a {
	margin-top: 100px;
}
.index-product-top .top-product h3 {
	font-size: 2em;
	line-height: 2;
	cursor: default;
}
.index-product-top .top-product div {
	font-size: 1em;
	line-height: 1.8;
	margin: 0 0 80px 0;
	cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
} 
.index-product-top .swiper-slide img{
	width: 100%;
    max-width: 100%;　
}


@media only screen and (max-width: 2560px) {
	.index-product-top .top-product h3 {
		font-size: 3em;
	}
	.index-product-top .top-product div {
		font-size: 1.5em;
	} 
	.index-product-top .top-product a {
		font-size: 1.5em;
	}
	.index-product-top .swiper-container {
		width:93vw;
	}
}
@media only screen and (max-width: 1920px) {
	.index-product-top .top-product h3 {
		font-size: 2.8em;
	}
	.index-product-top .top-product div {
		font-size: 1.4em;
	} 
	.index-product-top .top-product a {
		font-size: 1.4em;
	}
	.index-product-top .swiper-container {
		width:92vw;
	}
}
@media only screen and (max-width: 1440px) {
	.index-product-top .top-product h3 {
		font-size: 2em;
	}
	.index-product-top .top-product div {
		font-size: 1em;
	} 
	.index-product-top .top-product a {
		font-size: 1.1em;
	}
	.index-product-top .swiper-container {
		width:90vw;
	}
}
@media only screen and (max-width: 1024px) {
	.index-product-top .top-product h3 {
		font-size: 1.6em;
	}
	.index-product-top .top-product div {
		font-size: 0.8em;
	} 
	.index-product-top .top-product a {
		font-size: 1em;
	}
}
@media only screen and (max-width: 800px) {
	.index-product-top .top-product div {
		-webkit-line-clamp: 2;
		margin: 0 0 40px 0;
	} 
	.index-product-top .top-product a {
		font-size: 0.9em;
	}
	.index-product-top .swiper-container {
		width:100vw;
	}
}
@media only screen and (max-width: 768px){
	.index-product-top h2{
		font-size: 1.5em;
		padding: 0 1em;
	}
	.index-product-top h4 {
		font-size: 1.1em;
		padding: 1em 1em 2em;
	}
}
@media only screen and (max-width: 550px) {
	.index-product-top .top-product h3 {
		font-size: 1.3em;
		margin-bottom:10px;
	}
	.index-product-top .top-product div {
		display:none;
	} 
	.index-product-top .top-product a {
		font-size: 0.8em;
	}
}





/*首页切换模块*/
.index-s1{
	width: 100%;
    padding: 2em 0em;
    text-align: center;
}
.index-s1 h2{
	font-size: 2em;
    padding: 0 5em;
}
.index-s1 h4{
	font-size: 1.2em;
	padding: 1em 5em 2em;
}
.index-s1-ul1{
    padding: 0 5em;
}
.index-s1-ul1 li{
    width: 18%;
	margin: 0 1%;
    float: left;	
    cursor: pointer;

}
.index-s1-ul1 li>p {
	padding: 1em 0 1.5em;
	font-size: 1.3em;
    transition: color .4s;
    position: relative;
}
.index-s1-ul1 li:hover p::after {
    width: 70%;
}
.index-s1-ul1 li:hover p{
    color:#005bac;
}
.index-s1-ul1 li.select p::after {
    width: 70%;
}
.index-s1-ul1 li p::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 0;
    height: 5px;
    background-color: #005bac;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .25s ease;
    transition: width .3s ease;
}
.index-s1-ul1 li>div {
    background-position: 0 0!important;
    background-size: cover!important;
    width: 7em;
	height: 7em;
    margin: 0 auto;
    background-repeat: no-repeat;
}
.index-s1-ul1 li.select{
    color:#005bac;
}
.index-s1-ul1 li.select>div{
    background-position: 100% 0!important;
}
.index-s1-ul2 {
    background-color: #f7f8fa;
    padding: 30px 0;
    text-align: left;
}
.index-s1-ul2 li:hover {
    background-color: #fff;
    box-shadow: 0px 5px 15px #e3e5e8;
}
.index-s1-ul2>div:first-child {
    display: block;
}
.index-s1-ul2>div {
    padding: 0 5em;
    display: none;
}
.index-s1-ul2 li {
    display: inline-block;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 1em;
    padding: 20px 30px;
    transition: all .6s;
    cursor: pointer;
    text-align: left;
    vertical-align: top;
}
.index-s1-ul2 li h5 {
    display: inline-block;
    position: relative;
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
    transition: all .4s;
}
.index-s1-ul2 li h5::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #005bac;
    left: 0;
    bottom: -6px;
    transition: all .3s;
}
.index-s1-ul2 li:hover h5::after {
    width: 100%;
}
.index-s1-ul2 li p {
    color: #a3a3a3;
    font-size: 16px;
    line-height: 1.6;
    min-height: 130px;
}
.s1-a-list>a.more, .s3-a-list>a.more {
    display: none;
}
a.more {
    display: block;
    color: #999;
    margin-top: 30px;
    text-align: center;
}
.s1-a-list>a.select, .s3-a-list>a.select {
    display: block;
} 
.s1-a-list>a.select i.right{
	margin-left:10px;
	position: absolute;
    transition: ease-in all .6s;
}
.s1-a-list>a.select:hover i.right{
	margin-left:100%!important;
    transition: ease-in all .6s;
}
.s1-a-list>a.select i.left{
	margin-left:-90%;
	position: absolute;
    transition: ease-in all .6s;
}
.s1-a-list>a.select:hover i.left{
	margin-left:-25px!important;
    transition: ease-in all 1.2s;
}
@media only screen and (max-width: 2560px) {
	.index-s1-ul1 li>div {
		background-position: 0 0!important;
		background-size: cover!important;
		width: 9em;
		height: 9em;
		margin: 0 auto;
		background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 1440px) {
	.index-s1-ul1 li>div {
		background-position: 0 0!important;
		background-size: cover!important;
		width: 7em;
		height: 7em;
		margin: 0 auto;
		background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 1098px) {
	.index-s1-ul1 {
		padding: 0 1em;
	}
	.index-s1-ul1 li>div {
		background-position: 0 0!important;
		background-size: cover!important;
		width: 5em;
		height: 5em;
		margin: 0 auto;
		background-repeat: no-repeat;
	}
	.index-s1-ul2>div {
		padding: 0 1%;
		display: none;
	}
	.index-s1-ul2 li {
		display: inline-block;
		width: 47.5%;
		margin-left: 1%;
		margin-bottom: 1em;
		padding: 20px 30px;
		transition: all .6s;
		cursor: pointer;
		text-align: left;
		vertical-align: top;
	}
}
@media only screen and (max-width: 768px) {
	.index-s1 h2{
		font-size: 1.5em;
		padding: 0 1em;
	}
	.index-s1 h4{
		font-size: 1.1em;
		padding: 1em 1em 2em;
	}
	.index-s1-ul1{
		padding: 0 1em;
	}
	.index-s1-ul2 li {
		padding: 20px 20px;
	}
}
@media only screen and (max-width: 650px) {
	.index-s1-ul1 li>div {
		background-position: 0 0!important;
		background-size: cover!important;
		width: 4em;
		height: 4em;
		margin: 0 auto;
		background-repeat: no-repeat;
	}
	.index-s1-ul2 li {
		display: inline-block;
		width: 100%;
		margin-left: 1%;
		margin-bottom: 1em;
		padding: 20px 20px;
		transition: all .6s;
		cursor: pointer;
		text-align: left;
		vertical-align: top;
	}
	.index-s1-ul2 li p {
		min-height: 30px;
	}
}
@media only screen and (max-width: 599px) {
	.index-s1-ul1 li>div {
		background-position: 0 0!important;
		background-size: cover!important;
		width: 3em;
		height: 3em;
		margin: 0 auto;
		background-repeat: no-repeat;
	}	
	.index-s1-ul2 li {
		padding: 10px 10px;
	}
}
@media only screen and (max-width: 400px) {
	.index-s1-ul1 li>p {
		padding: 1em 0 1.5em;
		font-size: 1em;
		transition: color .4s;
		position: relative;
	}	
	.index-s1-ul2 li p {
		font-size:14px;
	}
}






/*首页三缩略*/
.container {
  margin: 50px auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; 
}
.container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .container {
      max-width: 576px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }
  @media (min-width: 2000px) {
    .container {
      max-width: 90%;
	  width:90%;
    } 
	.indexcat_div{
	  height:25em;
	}
	.indexcat_div h2{
	  top:30%;
	}
	.indexcat_div button{
	  top:145px;
	}
  }


/*关于我们*/
.pic_achieve ul{
  height:100%;
}

.pic_achieve ul li{
    float: left;
    width: 23%;
    height: 17vh;
    margin-bottom: 30px;
    transition: all 1s;
    cursor: pointer;
    margin-right: 1%;
    margin-left: 1%;
}

.ach1{
	text-align:	center;
	font-size: 2.2em;
	padding: 1em 0 2em;
}

.pic_achieve ul li:hover{
  transform: scale(1);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 0 10px #888888;
}

@media screen and (orientation:portrait){
	.pic_achieve ul li{
		float: left;
		width: 23%;
		height: 10vw;
		margin-bottom: 2vw;
		transition: all 1s;
		cursor: pointer;
		margin-right: 1%;
		margin-left: 1%;
	}
}
@media only screen and (max-width: 768px) {
	.ach1{
		text-align:	center;
		font-size: 2.2em;
		padding: 1em 0 1em;
	}
}
@media only screen and (max-width: 700px) {
	.pic_achieve ul li{
		float: left;
		width: 43%;
		height: 17vw;
		margin-bottom: 2vh;
		transition: all 1s;
		cursor: pointer;
		margin-right: 3.5%;
		margin-left: 3.5%;
	}
	.ach1{
		text-align:	center;
		font-size: 1.5em;
		padding: 1em 0 1em;
	}
}

@media only screen and (max-width: 600px) {
	.ach1{
		font-size: 1.8em;
	}
}


.top_achieve{
	text-align: center;
}
.pic_achieve_cn ul{
  height:100%;
}

.pic_achieve_cn ul li{
    float: left;
    width: 23%;
    height: 17vh;
    margin-bottom: 50px;
    transition: all 1s;
    cursor: pointer;
    margin-right: 1%;
    margin-left: 1%;
}

.ach3{
	text-align:	center;
	font-size: 2.2em;
	padding: 1em 0 2em;
}

.ach2{
	text-align:	left;
	width:100%;
	font-size: 1.2em;
	line-height: 1.5em;
    padding: 0em 5em 2em;
	margin-top:-2%;
}
.ach_cent_img{
	width:40%;
	height:100%;
	float:left;
	text-align: center;
	display: flex;
	border-right:1px #bdbdbd dashed;
}
.ach_cent_img img{
	margin:auto;
	max-width: 80%;
	align-items: center;
}
.ach_cent_cent{
	width:55%;
	height:100%;
	float:right;
	text-align:left;
}
.ach_cent_cent_1{
	font-size: 2.5em;
	height:1.6em;
	line-height:1.6em;
	display: block;
	color:#0756a0;
}
.ach_cent_cent_2{
	font-size: 1em;
	display: block;
}
.pic_achieve_cn ul li:hover .ach_cent_cent_1{
	font-weight: bold;
	color:#D92629;
}
.art_title img{
	max-width:60%;
}

@media screen and (orientation:portrait){
	.pic_achieve_cn ul li{
		float: left;
		width: 23%;
		height: 10vw;
		margin-bottom: 2vw;
		transition: all 1s;
		cursor: pointer;
		margin-right: 1%;
		margin-left: 1%;
	}
}
@media only screen and (max-width: 1024px) {
	.pic_achieve_cn ul li{
		float: left;
		width: 43%;
		height: 17vw;
		margin-bottom: 2vh;
		transition: all 1s;
		cursor: pointer;
		margin-right: 3.5%;
		margin-left: 3.5%;
	}
	.ach3{
		text-align:	center;
		font-size: 1.5em;
		padding: 1em 0 1em;
	}
	.ach2{
		text-align:	left;
		font-size: 1em;
		padding: 0em 0 1em;
	}
	.ach_cent_cent_1{
		font-size: 3.5em;
		height:1.7em;
		line-height:1.7em;
		display: block;
	}
	.ach_cent_cent_2{
		font-size: 1.3em;
		display: block;
	}
	
}
@media only screen and (max-width: 800px) {
	.ach3{
		text-align:	center;
		font-size: 2.2em;
		padding: 1em 0 1em;
	}
	.ach_cent_cent_1{
		font-size: 3em;
		height:1.7em;
		line-height:1.7em;
		display: block;
	}
	.ach_cent_cent_2{
		font-size: 1.1em;
		display: block;
	}
}
@media only screen and (max-width: 700px) {
	.pic_achieve_cn ul li{
		float: left;
		width: 43%;
		height: 17vw;
		margin-bottom: 2vh;
		transition: all 1s;
		cursor: pointer;
		margin-right: 3.5%;
		margin-left: 3.5%;
	}
	.ach3{
		text-align:	center;
		font-size: 1.5em;
		padding: 1em 0 1em;
	}
	.ach2{
		text-align:	left;
		font-size: 1em;
		padding: 0em 0 1em;
	}
	.ach_cent_cent_1{
		font-size: 2.8em;
		height:1.7em;
		line-height:1.7em;
		display: block;
	}
	.ach_cent_cent_2{
		font-size: 1em;
		display: block;
	}
	.art_title img{
		max-width:90%;
	}
}
@media only screen and (max-width: 600px) {
	.pic_achieve_cn ul li{
		float: left;
		width: 100%;
		height: 22vw;
		margin-bottom: 2.5vh;
		margin-right: 3.5%;
		margin-left: 3.5%;
	}
	.ach3{
		text-align:	center;
		font-size: 1.8em;
		padding: 1em 0 1em;
	}
	.ach2{
		text-align:	left;
		font-size: 1em;
		padding: 0em 0 1em;
	}	
	.ach_cent_cent{
		width:65%;
		height:100%;
		float:right;
		text-align:left;
	}
	.ach_cent_img{
		width:30%;
		height:100%;
		float:left;
		text-align: center;
		display: flex;
		border-right:1px #bdbdbd dashed;
	}
	.ach_cent_img img{
		margin:auto;
		max-height: 60%;
		align-items: center;
	}
	.ach_cent_cent_1{
		font-size: 2.8em;
		height:1.7em;
		line-height:1.7em;
		display: block;
	}
	.ach_cent_cent_2{
		font-size: 1.4em;
		display: block;
	}
}
@media only screen and (max-width: 499px) {
	.pic_achieve_cn ul li{
		margin-bottom: 4vh;
	}
	.ach_cent_cent_1{
		font-size: 2.5em;
		height:1.6em;
		line-height:1.6em;
		display: block;
	}
	.ach_cent_cent_2{
		font-size: 1.1em;
		display: block;
	}
	.art_title img{
		max-width:100%;
	}
}
@media only screen and (max-width: 400px) {
	.ach_cent_cent_1{
		font-size: 2.5em;
		height:1.5em;
		line-height:1.5em;
		display: block;
	}
	.ach_cent_cent_2{
		font-size: 1em;
		display: block;
	}
}
@media only screen and (max-width: 375px) {
	.ach_cent_cent_1{
		font-size: 2.4em;
		height:1.5em;
		line-height:1.5em;
		display: block;
	}
	.ach_cent_cent_2{
		font-size: 1em;
		display: block;
	}
}
@media only screen and (max-width: 355px) {
	.ach_cent_cent_1{
		font-size: 2.2em;
		height:1.4em;
		line-height:1.4em;
		display: block;
	}
	.ach_cent_cent_2{
		font-size: 1em;
		display: block;
	}
}
 








/*单独介绍页面*/

.page_solution_list {
    background-color: #f7f8fa;
    padding: 5em 2em;
    width: 100%;
    text-align: center;
}
.page_solution_list_content_article {
    width: 29%;
    margin: 1em 2% 2em;
    float: left;
    padding-bottom: 2em;
    background-color: #fff;
    padding-top: 0.5em;
    min-height: 23em;
}
.page_solution_list_content_article:hover {
    -moz-box-shadow: 2px 5px 10px #d4d4d4;
    -webkit-box-shadow: 2px 5px 10px #d4d4d4;
    box-shadow: 2px 5px 10px #d4d4d4;
}
.page_solution_list_content_cont_pic{
    background-size: cover!important;
    width: 90%;
    height: 220px;
    margin: 1em 5%;
}
.page_solution_list_content_cont_title,.page_solution_list_content_cont_desc{
    margin: 0 5%;
    line-height: 2em;
}
.page_solution_list_content_cont_title{
    text-align:center;
    padding-bottom: 3%;
    border-bottom: 1px #b2b2b2 solid;
    font-size: 1.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.page_solution_list_content_cont_desc{
    text-align:left;
    margin: 1em 5%;
    line-height: 1.3em;
    color: #b2b2b2;
	text-indent: 2em;
	min-height: 100px;    
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
	cursor: default;
}
.product_list_title {
    font-size: 1.5em;
}
@media only screen and (max-width: 2560px) {
	.page_solution_list_content_cont_pic{
		height: 350px;
	}
}
@media only screen and (max-width: 1920px) {
	.page_solution_list_content_cont_pic{
		height: 300px;
	}
}
@media only screen and (max-width: 1440px) {
	.page_solution_list_content_cont_pic{
		height: 220px;
	}
}
@media only screen and (max-width: 1280px) {
	.page_solution_list_content_cont_pic{
		height: 200px;
	}
	.page_solution_list_content_cont_title {
		font-size: 1em;
	}
}
@media only screen and (max-width: 1024px) {
	.page_solution_list_content_cont_pic{
		height: 150px;
	}
	.page_solution_list_content_cont_title {
		font-size: 0.9em;
	}
	.page_product_list .product_list_content_article:nth-child(4n){
		display: none;
	}
}
@media only screen and (max-width: 799px) {
	.page_solution_list_content_article {
		width: 95%;
		margin: 1em 2.5% 2em;
	}
	.page_solution_list_content_cont_pic{
		height: 250px;
	}
	.page_solution_list_content_cont_title {
		font-size: 1.1em;
	}
	.page_solution_list_content_cont_desc {
		min-height:50px;
	}
	.page_product_list .product_list_content_article:nth-child(4n){
		display: block;
	}
}
@media only screen and (max-width: 599px) {
	.page_solution_list_content_cont_pic{
		height: 150px;
	}
	.page_solution_list_content_cont_title {
		font-size: 0.9em;
	}
}







/*新闻页面、联系我们*/
.art_text div div .form-control{
	border: 2px #c7c7c7 solid!important;
	background: none;
}
.art_text div div .form-control:focus{
	border-color:#8F8F8F;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.5),0 0 6px #ffffff;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.08),0 0 8px rgba(194,194,194,0.8);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(194,194,194,0.8);
}
.art_text div .c{
	width:70%;
	margin:0 auto;
}

.contact_column{
	width:30%;
	margin:0 1%;
	float:left;
	font-size:19px;
}

@media only screen and (max-width: 768px) {
	.art_text div label{
		padding: 20px;
	}
	
	.art_text div .c{
		width:90%;
		margin:0 auto;
	}
	.contact_column{
		width:100%;
		margin:0 1%!important;
		float:left;
		font-size:19px;
	}
}

.art_div{
	background: #f9f9f9;
	background-color:rgba(249,249,249,0.9); 
	z-index: 10;
	position: relative; 
	margin:-40vh auto 0 auto;
	padding:1em;
	width:90vw;
}
.art_title{
	width: 100%;
	padding: 1.5em 10px;
	font-size: 2em;
	line-height: 1.5em;
	text-align: center;
}
.art_text{
	padding: 0 2em 2em;
}
.art_text P{
	font-family: "Segoe UI", "Hiragino Sans GB", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif!important; 
	background:none!important;
	font-size: 1.2em;
	text-indent: 2em;
	line-height: 1.6em;
	margin: 0.35em 0;
}
.art_text P img{
	max-width: 100%!important;
	display:block;
	margin: 0 auto;
}
.download_button{
	width:80%;
	text-align:center;
	margin:2em auto 1em;
}
.download_button a img{
	max-width:100%;
}

@media only screen and (max-width: 2560px) {
	.art_title{
		width: 100%;
		padding: 1.5em 10px;
		font-size: 2.5em;
		line-height: 1.5em;
		text-align: center;
	}
	.art_text{
		padding: 0 2em 2em;
	}
	.art_text P{
		font-size: 1.4em!important;
		text-indent: 2em;
		line-height: 1.5em;
	}
}
@media only screen and (max-width: 1440px) {
	.art_title{
		width: 100%;
		padding: 1.5em 10px;
		font-size: 2.2em;
		line-height: 1.5em;
		text-align: center;
	}
	.art_text{
		padding: 0 2em 2em;
	}
	.art_text P{
		font-size: 1.2em!important;
		text-indent: 2em;
		line-height: 1.4em;
	}
}
@media only screen and (max-width: 1098px) {
	.art_div{
		margin:-50vh auto 0 auto;		
	}
	.art_title{
		width: 100%;
		padding: 1.5em 10px;
		font-size: 2em;
		line-height: 1.5em;
		text-align: center;
	}
	.art_text{
		padding: 0 2em 2em;
	}
	.art_text P{
		font-size: 1.2em!important;
		text-indent: 2em;
		line-height: 1.4em;
	}
}
@media only screen and (max-width: 768px) {
	.art_title{
		width: 100%;
		padding: 1.5em 10px;
		font-size: 1.6em;
		line-height: 1.5em;
		text-align: center;
	}
	.art_text{
		padding: 0 0 2em;
	}
	.art_text P{
		font-size: 1.1em!important;
		text-indent: 2em;
		line-height: 1.3em;
	}
}




/*产品主图*/

	.product_img{
		width:900px;
		height:900px;
		line-height: 900px;
		overflow:hidden;
		text-align:center;
		margin: 0 auto;
	}
	.product_img img{
		width:100%;
		height:auto;
	}
	.product_img_hidden{
		display:none;
	}
	.sld{
		text-align:center;
		margin:0 auto;
		min-width:100px;
	}
	.sld div{
		width:15px;
		height:15px;
		border-radius:50%;
		border:2px solid #000;
		background:#000;
		margin: 10px;
		float:left;
		text-align:center;
		cursor: pointer;
	}
	.sld div.selected{
		background:#0087ff;
		cursor: default;
	}
	@media only screen and (max-width: 2560px) {
		.product_img{
			width:700px;
			height:700px;
			line-height: 700px;
		}
	}
	@media only screen and (max-width: 1920px) {
		.product_img{
			width:600px;
			height:600px;
			line-height: 600px;
		}
	}
	@media only screen and (max-width: 1440px) {
		.product_img{
			width:500px;
			height:500px;
			line-height: 500px;
		}
	}
	@media only screen and (max-width: 800px) {
		.product_img{
			width:480px;
			height:480px;
			line-height: 480px;
		}
	}
	@media only screen and (max-width: 500px) {
		.product_img{
			width:350px;
			height:350px;
			line-height:350px;
		}
	}
	@media only screen and (max-width: 400px) {
		.product_img{
			width:300px;
			height:300px;
			line-height:300px;
		}
	}



/*产品页面*/
.product_title{
	width: 100%;
	padding: 1.5em 10px;
	font-size: 2.5em;
	line-height: 1.5em;
	text-align: center;
}
.product_text{
	padding: 0 2em 2em;
}
.product_text P{
	font-family: "Segoe UI", "Hiragino Sans GB", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif!important; 
	background:none!important;
	font-size: 1.3em;
	text-indent: 2em;
	line-height: 1.7em;
}
.product_text P img{
	max-width: 100%!important;
	height: auto!important;
	display:block;
	margin: 0 auto;
}
.product_text_content p b,.product_text_characteristics p b,.product_text_configuration p b{
	font-size:3rem;
	line-height:2em;
}
.product_title_thumb{
	float:left;
	width:40%;
}
.product_title_introduction{
	float:left;
	width:55%;
}
.product_title_introduction_model{
	font-size: 0.9em;
	display: block;
	line-height: 2em;
}
.product_title_introduction_excerpt{
	text-align: left; 
	text-indent:2em;
	font-size: 2rem;
	line-height: 1.5em;
	min-height:7em;
}
.product_title_introduction_button{
	width:55%;
	float:right;
	text-align: center;
	padding-top: 10px;
	margin-right: 5%;
}
.product_title_introduction_button a img{
	max-width:45%;
}
.brands_art{
	height:2em;
	line-height: 2em; 
	font-size: 120%;
	text-align: center; 
	float:left;
	border:1px solid #A6A6A6;
}
 
.brands_art:hover {
  background: #A6A6A6; 
  color: #fff;
}
.brands_art_activation{
  background: #A6A6A6; 
  color: #fff;
}
.brands_art_one{
  margin:0 30%; 
  width:40%; 
  cursor: default;
}

.product_text_parameter_div{
	width:20%;
	font-size:0;
	vertical-align:top;
	display:inline-block;
	margin:1em 1.5% 2em;
	font-size: 1em;
	line-height: 2em;
	padding: 0 1em;
}

.product_text_parameter_div .canshus{
	width: 2em; 
	height: 2em; 
	color:#fff;
	font-size:bold;
	background-color:#0067e1; 
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%;
	float:left; 
	text-align:center;
	margin-right:5px;
}
.product_text_configuration_div{
	width:30%;
	font-size:0;
	vertical-align:top;
	display:inline-block;
	margin:1em 1% 2em 2%;
	font-size: 1.5rem;
	line-height: 1.5em;
	padding: 0 1em;
}
.product_text_configuration_div b{
	font-weight:bold;
	display: block;
	font-size: 2rem;
	line-height: 2em;
}

.product_text_configuration_div img{
	width:100px;
}

.product_list{
	width: 100%;
	padding: 2em 2em;
	text-align: center;
}
.product_list_content_article{
	width:20%;
	margin:1em 2.5% 2em;
	float: left;	
	-moz-box-shadow: 2px 5px 10px #d4d4d4;
    -webkit-box-shadow: 2px 5px 10px #d4d4d4;
    box-shadow: 2px 5px 10px #d4d4d4;
    padding-bottom: 2em;
    background-color: #fff;
    padding-top: 0.5em;
	min-height: 23em;
}
.product_list_content_cont_desc{
	margin: 0 15px;
    font-size: 0.9em;
    line-height: 1.3em;
    text-align: left;
	min-height: 5em;
	max-height: 5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
	cursor: default;
}

.product_list_content_cont_title{
	text-align:center;
	font-size:1.2em;
	font-weight: bold;
	height:2em;
	line-height: 2em;
}
.product_list_content_cont a img{
	width:95%!important;
	max-width: 95%;
	background: #fff;
}

@media only screen and (max-width: 2560px) {
	.product_list_content_cont_title{
		font-size:1.6em;
	}
	.product_title{
		width: 100%;
		padding: 1.5em 10px;
		font-size: 3em;
		line-height: 1.5em;
		text-align: center;
	}
	.product_text{
		padding: 0 2em 2em;
	}
	.product_text P{
		font-size: 1.3em!important;
		text-indent: 2em;
		line-height: 1.6em;
	}
}
@media only screen and (max-width: 1440px) {
	.product_list_content_cont_title{
		font-size:1.1em;
		font-weight: bold;
		margin: 0 15px 0.5em;
		border-bottom: 1px solid #868686;
	}
	.product_title{
		width: 100%;
		padding: 1.5em 10px;
		font-size: 2.5em;
		line-height: 1.5em;
		text-align: center;
	}
	.product_text{
		padding: 0 2em 2em;
	}
	.product_text P{
		font-size: 1.1em!important;
		text-indent: 2em;
		line-height: 1.6em;
	}
}
@media only screen and (max-width: 1098px) {
	.product_list_content_article{
		width:30%;
		margin:1em 1% 2em 2%;
		float: left;	
	}
	.product_list_content_cont_title{
		font-size:2rem;
		font-weight: bold;
	}
	.product_div{
		margin:-50vh auto 0 auto;		
	}
	.product_title{
		width: 100%;
		padding: 1.5em 10px;
		font-size: 2.3em;
		line-height: 1.5em;
		text-align: center;
	}
	.product_text{
		padding: 0 2em 2em;
	}
	.product_text P{
		font-size: 1.3em!important;
		text-indent: 2em;
		line-height: 1.6em;
	}
	.product_text_parameter_div{
		width:32.2%;
		font-size:0;
		vertical-align:top;
		display:inline-block;
		margin:1em 0 2em;
		font-size: 1em;
		line-height: 2em;
		padding: 0 1em;
	} 
	.product_text_configuration_div{
		width:30%;
		font-size:0;
		vertical-align:top;
		display:inline-block;
		margin:1em 1.5% 1em;
		font-size: 1.5rem;
		line-height: 1.5em;
		padding: 0 1em;
	}
	.product_title_introduction_excerpt{
		text-align: left; 
		text-indent:2em;
		font-size: 1.9rem;
		line-height: 1.5em;
		min-height:7em;
	}
	.product_title_introduction_button{
		width:100%;
		float:right;
		text-align: center;
		padding-top: 20px;
		margin-right: 0;
	}
}
@media only screen and (max-width: 768px) {
	.product_list_content_article{
		width:45%;
		margin:1em 2.5% 2em;
		float: left;	
	}
	.product_list_content_cont_title{
		font-size:2rem;
		font-weight: bold;
	}
	.product_title{
		width: 100%;
		padding: 1.5em 10px;
		font-size: 1.8em;
		line-height: 1.5em;
		text-align: center;
	}
	.product_text{
		padding: 0 0 2em;
	}
	.product_text P{
		font-size: 1.1em!important;
		text-indent: 2em;
		line-height: 1.6em;
	}
	.product_title_introduction_excerpt{
		text-align: left; 
		text-indent:2em;
		font-size: 1.35rem;
		line-height: 1.5em;
		min-height:7em;
	}
	.product_text_configuration_div{
		width:45%;
		vertical-align:top;
		display:inline-block;
		margin:0.5em 1.5%;
		font-size: 1.5rem;
		line-height: 1.5em;
		padding: 0 1em;
	}
}
@media only screen and (max-width: 650px) {
	.product_text_parameter_div{
		width:49%;
		vertical-align:top;
		display:inline-block;
		margin:1em 0 2em;
		font-size: 0.8em;
		line-height: 1.6em;
		padding: 0 1em;
	} 
	.product_text_parameter_div .canshus{
		width: 1.6em; 
		height: 1.6em; 
	}
	.product_title_introduction_model{
		display: block;
		font-size:0.9em;
		line-height: 1rem;
		padding: 0 0 1em;
	}
	.product_title_introduction_excerpt{
		text-align: left; 
		text-indent:2em;
		font-size: 1.1rem;
		line-height: 1.5em;
		min-height:7em;
	}
	.product_list{
		padding: 2em 0.5em;
	}
	.product_list_content_cont_title{
		font-size: 2em;
		line-height:1.5em;
	}
	.product_list_content_cont_desc{
		font-size: 1.2em;
		line-height: 1.5em;
	}
}
@media only screen and (max-width: 599px) {
	.product_text_configuration_div{
		width:97%;
		font-size:0;
		vertical-align:top;
		display:inline-block;
		margin:0.5em 1.5%;
		font-size: 1.5rem;
		line-height: 1.5em;
		padding: 0 1em;
	}	
	.product_list_content_article{
		min-height: auto;
	}
}
@media only screen and (max-width: 565px) {
	.product_title_thumb{
		width:100%;
	}
	.product_title_introduction{
		width:100%;
		margin-top:20px;
	}
	.product_title_introduction_model{
		display: block;
		font-size:0.9em;
		line-height: 1rem;
		padding: 0 0 1em;
		font-size:bold;
	}
	.product_title_introduction_excerpt{
		text-align: left; 
		text-indent:2em;
		font-size: 1.6rem;
		line-height: 1.5em;
		min-height:7em;
	}
}
@media only screen and (max-width: 465px) {
	.product_list_content_article{
		width:95%;
		margin:1em 2.5% 1.5em;
		float: left;	
	}
	.product_text_parameter_div{
		width:49%;
		vertical-align:top;
		display:inline-block;
		margin:1em 0 2em;
		font-size: 0.7em;
		line-height: 1.4em;
		padding: 0 1em;
	} 
	.product_text_parameter_div .canshus{
		width: 1.4em; 
		height: 1.4em; 
	}
}



/*首页3大产品*/
.index_product{
	width:100%;
	padding: 2em 5em;
	text-align: center;
}
.index_product_div{
	width: 30%;
	float: left;
	margin: 1em 1.33%;
}
.index_product_div a img{
	width: 100%;
}
.index_product_title{
	font-size:2.3rem;
	font-weight:bold;
	margin:2em 0;
	cursor: default;
}
.index_product_desc{
	font-size:2rem;
	text-indent: 2em;
	text-align: left;
	width: 100%;
	line-height: 2.5rem;
	letter-spacing: 2px;
	margin:0 0 2em;
	cursor: default;
}
.index_product_url{	
	border-bottom: 3em solid #005bac;
	border-right: 50px solid transparent;
	height: 0;
	width: 60%;
	line-height: 3em;
	font-size: 2rem;
	color: #fff;
}
.index_product_url a,.index_product_url a:hover{
	text-decoration: none;
	color: #fff;
	margin-top:-2em;
}
@media only screen and (max-width: 999px) { 
	.index_product_div{
		width: 80%;
		float: left;
		margin: 3em 10%;
	}
	
}

@media only screen and (max-width: 789px) { 
	.index_product{
		padding: 2em 2em;
	}
}
@media only screen and (max-width: 665px) { 
	.index_product{
		padding: 2em 1em;
	}
	.index_product_div{
		width: 94%;
		float: left;
		margin: 3em 3%;
	}	
}
	
	

	







/*2019改版新闻列表*/

/*单独介绍页面*/

.the2019_news_list {
    background-color: #fff;
    padding: 5em 2em;
    width: 100%;
    text-align: center;
}
.the2019_news_list_content_article {
    width: 29%;
    margin: 1em 2% 2em;
    float: left;
    padding-bottom: 2em;
    background-color: #fafafa;
    padding-top: 0.5em;
    min-height: 23em;
}
.the2019_news_list_content_article:hover {
    background-color: #fff;
    -moz-box-shadow: 2px 5px 10px #d4d4d4;
    -webkit-box-shadow: 2px 5px 10px #d4d4d4;
    box-shadow: 2px 5px 10px #d4d4d4;
}
.the2019_news_list_content_cont_pic{
    background-size: cover!important;
    width: 90%;
    height: 220px;
    margin: 1em 5%;
}
.the2019_news_list_content_cont_title,.the2019_news_list_content_cont_desc{
    margin: 0 5%;
    line-height: 2em;
}
.the2019_news_list_content_cont_title{
    text-align:center;
    padding-bottom: 3%;
    border-bottom: 1px #b2b2b2 solid;
    font-size: 1.1em;
	max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.the2019_news_list_content_cont_desc{
    text-align:left;
    margin: 1em 5% 2em 5%;
    line-height: 1.3em;
    color: #b2b2b2;
	text-indent: 2em;
	min-height: 100px;    
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
	cursor: default;
}
.the2019_news_list_content_more:hover {
    background: #444;
    border: 2px solid #333;
    color: #fff;
    transition: 0.4s;
}
.the2019_news_list_content_more{    
	color:#888;
	padding: 5px 20px;
    border: 2px solid #888;
    transition: 0.4s;
    border-radius: 50px;
    background-color: rgba(255,255,255,0.6);
}

@media only screen and (max-width: 2560px) {
	.the2019_news_list_content_cont_pic{
		height: 350px;
	}
}
@media only screen and (max-width: 1920px) {
	.the2019_news_list_content_cont_pic{
		height: 300px;
	}
}
@media only screen and (max-width: 1440px) {
	.the2019_news_list_content_cont_pic{
		height: 220px;
	}
}
@media only screen and (max-width: 1280px) {
	.the2019_news_list_content_cont_pic{
		height: 200px;
	}
	.the2019_news_list_content_cont_title {
		font-size: 1em;
	}
}
@media only screen and (max-width: 1024px) {
	.the2019_news_list_content_cont_pic{
		height: 150px;
	}
	.the2019_news_list_content_cont_title {
		font-size: 0.9em;
	}
}
@media only screen and (max-width: 799px) {
	.the2019_news_list_content_article {
		width: 95%;
		margin: 1em 2.5% 2em;
	}
	.the2019_news_list_content_cont_pic{
		height: 250px;
	}
	.the2019_news_list_content_cont_title {
		font-size: 1.1em;
	}
	.the2019_news_list_content_cont_desc {
		min-height:50px;
	}
}
@media only screen and (max-width: 599px) {
	.the2019_news_list_content_cont_pic{
		height: 150px;
	}
	.the2019_news_list_content_cont_title {
		font-size: 0.9em;
	}
}





/*首页关于我们*/
/**首页公司介绍**/

		.indexaboutwe{
			width:100%;
			padding:5em 0;
			background:#666 url("/themes/simpleboot3/public/assets/imgs/indexbg1.jpg") no-repeat center fixed;
			background-size: cover;
		}
		.indexaboutwe_div{
			width:90%;
			margin:0 auto;
		}
		.indexaboutwe_div_left{
			width:50%;
			float:left;
			padding:2em;
		}
		.indexaboutwe_div_left h1{
			font-size:5rem;
			padding:1em 0;
			font-weight: bold;
			text-indent: 1.2em;
			color:#f1f1f1;
		}
		.indexaboutwe_div_left .indexaboutwe_more{
			color:#fff;
			text-indent: 0;
			text-align:right;
			font-weight:bold;
			margin: 2em 0;
		}
		.indexaboutwe_div_left .indexaboutwe_more span{ 
			padding:30px;
			background-color: rgba(0, 91, 172,1); 
			transition: all 1s;
		}
		.indexaboutwe_div_left .indexaboutwe_more span:hover{
			color:#000;
			padding:30px;
			background-color: rgba(255,255,255,1);
			transition: all 1s;
		}
		.indexaboutwe_div_left .indexaboutwe_content{
			color:#f1f1f1;
			font-size:3rem;
			text-indent: 2em;
			line-height:1.6em;
		}
		.indexaboutwe_div_right{
			width:45%;
			float:left;
			padding:2em;
			text-align:right;
		}
		.indexaboutwe_div_right img{
			max-width:80%;
		}
		.indexaboutwe_div_right_div{
			width:90%;
			margin:12% auto 0;
			background:#f1f1f1;
			text-align:center;
		}

		@media only screen and (max-width: 2560px) {
			.indexaboutwe_div_left h1{
				font-size:3rem;
			}
			.indexaboutwe_div_left .indexaboutwe_more span{
				padding:18px;
			}
			.indexaboutwe_div_left .indexaboutwe_more span:hover{
				padding:18px;
			}
			.indexaboutwe_div_left .indexaboutwe_content{
				font-size:2rem;
			}
			
		}

		@media only screen and (max-width: 1920px) {
			.indexaboutwe_div_right{
				width:40%;
			}
			.indexaboutwe_div{
				width:90%;
			}
			.indexaboutwe_div_left{
				width:60%;
				float:left;
				padding:2em;
			}
			.indexaboutwe_div_right img{
				max-width:100%;
			}
			.indexaboutwe_div_left .indexaboutwe_content{
				font-size:1.8rem;
			}
			
		}
		@media only screen and (max-width: 1499px) {
			.indexaboutwe{
				padding:3em 0;
			}
			.indexaboutwe_div{
				width:90%;
				margin:0 auto;
				background:#f1f1f1;
			}
			.indexaboutwe_div_left h1{
				font-size:2.8rem;
				padding:0.5em 0;
				text-indent: 1.2em;
			} 
			.indexaboutwe_div_left .indexaboutwe_content{
				font-size:1.5rem;
				line-height:1.6em;
			}
		}
		@media only screen and (max-width: 1280px) {
			.indexaboutwe_div_left{
				width:100%;
			}
			.indexaboutwe_div_right{
				width:100%;
			}
			.indexaboutwe_div_left h1{
				font-size:2.5rem;
			}
			.indexaboutwe_div_right_div{
				width:100%;
				margin:0;
			}
			.indexaboutwe_div_right img {
				 max-width: 40%;
			}
		}
		@media only screen and (max-width: 1024px) {			
			.indexaboutwe_div_left{
				width:100%;
				float:right;
				padding:2em;
			}
			.indexaboutwe_div_left h1{
				font-size:3rem;
				padding:1em 0;
				font-weight: bold;
				text-indent: 1.2em;
			}
			.indexaboutwe_div_left .indexaboutwe_more{
				text-indent: 0;
				text-align:right;
				font-weight:bold;
			}
			.indexaboutwe_div_left .indexaboutwe_content{
				font-size:1.8rem;
				text-indent: 2em;
				line-height:1.5em;
			}
			.indexaboutwe_div_right{	
				display:block;
				width:100%;
				float:left;
				margin:0;
			}
			.indexaboutwe_div_right_div{
				margin:0;
			}
			.indexaboutwe_div_right img {
				 max-width: 50%;
			}
		}		
		@media only screen and (max-width: 700px) {
			.indexaboutwe{
				padding:1em 0;
			}
			.indexaboutwe_div{
				width:95%;
			}
			.indexaboutwe_div_left h1{
				font-size:2.5rem;
				padding:1em 0;
				font-weight: bold;
				text-indent: 0;
				text-align:center;
			}
			.indexaboutwe_div_left .indexaboutwe_content{
				font-size:1.6rem;
				text-indent: 2em;
				line-height:1.3em;
			}
			.indexaboutwe_div_left .indexaboutwe_content p{
				margin-bottom:1em;
			}
			.indexaboutwe_div_left {
				padding: 0 1em 1em;
			}
			.indexaboutwe_div_right {
				padding: 1em 1em 0;
			}
			.indexaboutwe_div_right img {
				 max-width: 70%;
			}
		}




/*新首页新闻*/
.index_news_top4{
	width:100%;
	padding: 2em 2em;
	text-align: center;
}
.news_top4_title{
	font-size: 2em;
}
.news_top4_content{
	padding: 2em;
}
.news_top4_content_article_one{
    position: relative;
	width:50%;
	height: 25em;
	float:left; 
    background-size: cover!important;
}
.news_top4_content_article_one_content{    
	position: absolute;
    bottom: 0;
	background:rgba(0,0,0,0.6);
	float:left;
	-moz-box-shadow: 2px 5px 10px #d4d4d4;
    -webkit-box-shadow: 2px 5px 10px #d4d4d4;
    box-shadow: 2px 5px 10px #d4d4d4;
}
.news_top4_content_article_content{ 
	background:#fff;
	float:left;
	width:48%;
	margin:0 0 2em 2%;
	-moz-box-shadow: 2px 5px 10px #d4d4d4;
    -webkit-box-shadow: 2px 5px 10px #d4d4d4;
    box-shadow: 2px 5px 10px #d4d4d4;
}
.news_top4_content_article_one_content:hover,.news_top4_content_article_content:hover{
	-moz-box-shadow: 3px 5px 10px #ccc;
    -webkit-box-shadow: 3px 5px 10px #ccc;
    box-shadow: 3px 5px 10px #ccc;
}
.news_top4_content_article_one img{
    width: 100%;
}
.news_top4_content_article{
    position: relative;
	float:left;
	width:50%;
}
.news_top4_content_date{
	width: 7em;
	height:7em;
	color: #fff; 
	float: left;
	cursor: default;
	background:rgba(0,0,0,0.6);
}
.news_top4_content_date b{
	font-size: 2em;
	line-height: 1.5em;
}
.news_top4_content_article_one_title {
	color:#fff;
    font-size: 1.2em;
    line-height: 2.9em;
    font-weight: 100;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	max-height: 2.4em;
	padding: 0 2em 0.5em;
}
.news_top4_content_article_one_title a,.news_top4_content_article_one_title a:hover{
    color:#fff;
}
.news_top4_content_article_title,.news_top4_content_article_title a,.news_top4_content_article_title a:hover{
    color:#111;
}
.news_top4_content_article_one_desc {
	color: #a7a7a7; 
	font-size: 0.95em;
    line-height: 1.1em;
    text-align: left;
    text-indent: 1em;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	max-height: 3.3em;
	padding: 0 1.5em;
}
@media only screen and (max-width: 1024px) {
	.index_news_top4{
		width:100%;
		padding: 2em 1em;
		text-align: center;
	}	
}
@media only screen and (max-width: 1010px) {
	.news_top4_content_article_one{
		width:100%;
		height:65vw;
		margin:2em auto;
	}
	.news_top4_content_article_content{
		width:100%;
		margin:2em auto;
	}
}
@media only screen and (max-width: 650px) {
	.news_top4_content{
		padding: 2em 0;
	}
}




/*首页新闻*/
.news_top{
	width:100%;
	padding: 2em 5em;
	text-align: center;
}
.news_top_title{
	font-size: 2em;
}
.news_top_content{
	padding: 2em;
}
.news_top_content_article{
	float:left;
	width:42%;
	background: #e7e7e7;
	margin:2em 3%;
}
.news_top_content_date{
	width: 7em;
	height:7em;
	color: #fff; 
	float: left;
	background: #9c9c9c;
	cursor: default;
}
.news_top_content_date b{
	font-size: 2em;
	line-height: 1.5em;
}
.news_top_content_cont{
	height:7em;
	max-width:70%;
	padding-left:10px;
	float: left;
}
.news_top_content_cont_title{
	font-size: 1.2em;
	line-height: 2.9em;
	font-weight: bold;
}
.news_top_content_cont_desc{
	font-size: 0.9em;
	line-height: 1em; 
	text-align: left;
	text-indent: 1em; 
	cursor: default;
}
.news_top_content_article:hover .news_top_content_date{
    color:#6BA1F4;
	background: #272727;
}
.news_top_more{
	clear: both;
	font-size: 1.3em;
	width:100%;
}
.news_top_more a {
  color: #000;
  z-index: 5;
  display: inline-block;
  position: relative;
  padding: 0.5rem;
  cursor: pointer;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 2.0rem;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  text-decoration: none;
}
.news_top_more a:before {
  z-index: -1;
  content: "";
  position: absolute;
  color: #fff!important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: rotateX(-85deg);
          transform: rotateX(-85deg);
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
  will-change: transform;
  text-decoration: none;
}
.news_top_more a:hover:before {
  color: #fff!important;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  text-decoration: none;
}
.news_top_more a:active,.news_top_more a:hover{
	color: #fff!important;
}

@media only screen and (max-width: 2560px) { 
	.news_top_content_cont{
		max-width:80%;
	} 
}

@media only screen and (max-width: 1440px) { 
	.news_top_content_cont{
		max-width:70%;
	} 
}

@media only screen and (max-width: 1098px) {  
	.news_top_content_article{
		width:100%;
	} 
	.news_top_content_cont{
		max-width:80%;
	}
}

@media only screen and (max-width: 768px) {
	.news_top{
		width:100%;
		padding: 2em 0;
		text-align: center;
	}
	.news_top_title{
		font-size: 2em;
	}
	.news_top_content{
		padding: 2em 1em;
	}
	.news_top_content_article{
		float:left;
		width:100%;
		background: #e7e7e7;
		margin:1em 0;
	}
	.news_top_content_date{
		width: 5em;
		height:5em;
		color: #fff; 
		float: left;
		background: #9c9c9c;
		cursor: default;
	}
	.news_top_content_date b{
		font-size: 1.5em;
		line-height: 1.1em;
	}
	.news_top_content_cont{
		height:5em;
		max-width:85%;
		padding-left:10px;
		float: left;
	}
	.news_top_content_cont_title{
		font-size: 0.9em;
		line-height: 2em;
		font-weight: bold;
	}
	.news_top_content_cont_desc{
		font-size: 0.8em;
		line-height: 1.2em; 
		text-align: left;
		text-indent: 1em; 
		cursor: default;
	}
}

@media only screen and (max-width: 480px) {
	.news_top_content_cont_title{
		font-size: 0.85em;
		line-height: 2em;
		font-weight: bold;
	}
	.news_top_content_cont_desc{
		font-size: 0.8em;
		line-height: 1.2em; 
		text-align: left;
		text-indent: 1em; 
		cursor: default;
	}
	.news_top_content_cont{
		max-width:70%;
	}
	
}

@media only screen and (max-width: 350px) {
	.news_top_content_cont_title{
		font-size: 0.7em;
		line-height: 1.6em;
		font-weight: bold;
	}
	.news_top_content_cont{
		max-width:70%;
	}
	.news_top_content_cont_desc{
		font-size: 0.75em;
		line-height: 1.2em; 
		text-align: left;
		text-indent: 1em; 
		cursor: default;
	}
	
}





.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */

/*end reset*/


ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
/*-- footers_main --*/
.footers_main{
	padding:0;
}
.footers_main h1{
	font-family: 'Viga', sans-serif;
    font-size: 36px;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;  /*80px*/
    text-transform: uppercase;
}
.footers_content{
    margin: 0 auto;
    width: 100%;
}
.footer-grids{
	background: #282828;
    padding: 3em 3em;
}
p.footer-gd {
    color: #908F8F;
    font-weight: 500;
	font-size:14px;
}
p.footer-gd a {
	color:#fff;
}
p.footer-gd a:hover {
	color: #2e99ff;
}
.footer{
	float:left;
}
.footer h3{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 32px;
    font-family: 'Viga', sans-serif;
}
.footer.one {
    width: 37%;
}
p.adam{
	float:right;
	color:#6F6E6E !important;
	font-size:13px !important;
	margin-top:20px;
}
.footer.three {
    width: 23%;
}
.footer.one p{
	color:#908F8F;
	line-height:2em;
	font-size:14px;
}
.footer.two {
    width: 23%;
    margin: 0 8%;
}
.footer.two ul{
	margin:0;
	padding:0;
}
.footer.two ul li{
	list-style-type:none;
	display:block;
    line-height: 1.5em;
	font-size:14px;
}
.footer.two ul li a{
color:#908F8F;	
display:block;
}
.footer.two ul li a.fb {
	background: url('../imgs/social2.png') no-repeat 0px 4px;  
    padding: 10px 0 12px 52px;
}
.footer.two ul li a.fb1 {
	background: url('../imgs/social1.png') no-repeat 0px 4px;
    padding: 10px 0 12px 52px;
}
.footer.two ul li a.fb2 {
    background: url('../imgs/social3.png') no-repeat 0px 4px;
    padding: 10px 0 12px 52px;
}
.footer.two ul li a.fb3 {
    background: url('../imgs/social4.png') no-repeat 0px 4px;
    padding: 10px 0 12px 52px;
}
.footer.two ul li a.fb4 {
    background: url('../imgs/social5.png') no-repeat 0px 4px;
    padding: 10px 0 12px 52px;
}
.footer.three ul li {
    list-style-type: none;
    display: block;
    color: #908F8F;
    font-size: 14px;
    line-height: 2.5em;
}
.footer.three ul li span {
    display: block;
}
.footer.three ul li:nth-child(1) {
    background: url('../imgs/icon2.png') no-repeat 0px 6px;
    padding-left: 38px;
}
.footer.three ul li:nth-child(2) {
    background: url('../imgs/icon3.png') no-repeat 0px 6px;
    padding-left: 38px;
}
.footer.three ul li:nth-child(3) {
    background: url('../imgs/icon1.png') no-repeat 0px 6px;
    padding-left: 38px;
}
.footer.three ul li a {
    display: block;
	color:#908F8F;
}
.footer.three ul li:nth-child(4),.footer.three ul li:nth-child(5) {
    background: url('../imgs/icon4.png') no-repeat 0px 6px;
    padding-left: 38px;
} 
.copy-right-grids {
	padding: 20px 20px;
    background: #211E1E;
}
.copy-left{
	float:left;
}
.copy-right{
	float:right;
}
.copy-right ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 0px;
    border-left: 1px solid #444343;
    padding: 0 12px;
}
.copy-right ul li a {
    color: #908F8F;
	font-size:13px;
}
.copy-right ul li:nth-child(1) {
    border: none;
}
.footer.two ul li a.fb:hover {
    background: url('../imgs/social3hover.png') no-repeat 0px 4px;
}
.footer.two ul li a.fb1:hover {
    background: url('../imgs/social2hover.png') no-repeat 0px 4px;
}
.footer.two ul li a.fb2:hover {
    background: url('../imgs/social4hover.png') no-repeat 0px 4px;
}
.footer.two ul li a.fb3:hover {
    background: url('../imgs/social5hover.png') no-repeat 0px 4px;
}
.footer.two ul li a.fb4:hover {
    background: url('../imgs/social1hover.png') no-repeat 0px 4px;
}
.footer.two ul li a:hover,.copy-right ul li a:hover,.footer.three ul li a:hover{
	color:#2e99ff;
}
/*-- responsive media queries --*/

@media (max-width: 1440px){
	.footers_content {
		width: 100%;
	}	
}
@media (max-width: 1366px){
	.footer.one {
		width: 38%;
	}
	.footer-grids {
		padding: 2.5em 2.5em;
	}	
}
@media (max-width: 1280px){
	.footers_main {
		padding: 0;
	}	
}
@media (max-width: 1080px){
	.footers_content {
		width: 100%;
	}
	.footer h3 {
		font-size: 19px;
	}
	.copy-left {
		float: none;
		text-align: center;
		margin-bottom: 15px;
	}
	.copy-right {
		float: none;
		text-align: center;
	}
	.footer.two ul li a.fb2 ,.footer.two ul li a.fb,.footer.two ul li a.fb1,.footer.two ul li a.fb3,.footer.two ul li a.fb4{
		padding: 10px 0 10px 38px;
	}
	.footer h3 {
		font-size: 18px;
	}
	.footers_main h1 {
		font-size: 34px;
	}	
}
@media (max-width: 1024px){
	.footer-grids {
		padding: 2em 2em;
	}
	.footers_content {
		width: 100%;
	}
	.footers_main h1 {
		font-size: 33px;
		margin-bottom: 0;/*55px*/
	}
}
@media (max-width: 991px){
	.footer.two {
		width: 27%;
		margin: 0 5%;
	}
	.footer.three {
		width: 25%;
	}	
}
@media (max-width: 800px){
	.footers_content {
		width: 100%;
	}
	.footer.one p {
		font-size: 13px;
	}
	.footer.two ul li {
		font-size: 13px;
	}
	.footer.three ul li {
		font-size: 13px;
	}	
	.footer.three ul li:nth-child(1),.footer.three ul li:nth-child(2),{
		padding-left: 32px;	
	}
	.footer h3 {
		font-size: 16px;
	}
}
@media (max-width: 768px){
	.footers_content {
		width: 100%;
	}
	p.footer-gd {
		font-size: 13px;
	}	
	.footers_main {
		padding: 0;
	}
	.footers_main h1 {
		margin-bottom: 120px;
	}
}
@media (max-width: 736px){
	.footers_main {
		padding: 0;
	}
	.footers_main h1 {
		margin-bottom: 0;/*60px*/
	}
	.footer.one {
		width: 35%;
	}
	.footer.two {
		width: 29%;
		margin: 0 4%;
	}
	.footer.three {
		width: 27%;
	}	
}
@media (max-width: 667px){
	.footer.one {
		width: 100%;
	}
	.footer.two {
		width: 48%;
		margin: 0 4% 0 0;
	}	
	.footer.three {
		width: 48%;
	}
	.footer.one {
		margin-bottom: 40px;
	}
}
@media (max-width: 640px){
	.footers_main h1 {
		font-size: 30px;
	}	
	.footer-grids {
		padding: 2.5em 2.5em;
	}
}
@media (max-width: 600px){
	.footers_main {
		padding: 0;
	}
	.footers_main h1 {
		font-size: 28px;
		margin-bottom: 0;/*45px*/
	}
}
@media (max-width: 568px){
	
}
@media (max-width: 480px){
	.footer-grids {
		padding: 1.5em 1.5em;
	}
	.copy-right-grids {
		padding: 20px 10px;
	}
	.copy-right ul li {
		padding: 0 10px;
	}
	p.footer-gd {
		line-height: 1.8em;
	}	
	p.adam {
		margin-top: 9px;
	}
	.footers_main h1 {
		font-size: 26px;
		margin-bottom: 0;/*38px*/
	}
}
@media (max-width: 414px){
.footer.two {
    width: 100%;
}
.footer.three {
    width: 100%;
}
.footer h3 {
    margin-bottom: 18px;
}
.footer.one {
    margin-bottom: 0;
}
.footer.two {
    width: 100%;
    margin: 30px 0;
}
.footer-grids {
    padding: 2em 2em;
}
.footers_main h1 {
    font-size: 25px;
}
.copy-right ul li {
    line-height: 1.8em;
}	
}
@media (max-width: 384px){
	
}
@media (max-width: 375px){
	.footers_main h1 {
		font-size: 23px;
	}
	.footers_main {
		padding: 0;
	}	
}
@media (max-width: 320px){
	.copy-right ul li{
		border:none;	
	}
	.footers_main h1 {
		font-size: 21px;
	}
	.footer-grids {
		padding: 1em 1em;
	}
	.footers_main {
		padding: 0;
	}	
}

.art_banner{
	width: 100%;
	height: 70vh;
	background-size: cover!important;
	background-position: 50%!important;
	overflow: hidden;
	position: relative;
}
.art_banner_gray{
	height:100%;
	width:100%;
	background:#000;
	filter:alpha(Opacity=20);
	-moz-opacity:0.2;
	opacity: 0.2;
	position: absolute;
}
.art_banner_name{
	cursor: default;
	padding-top:25vh;
	font-size:4vw;
	text-align:center; 
	color:#fff; 
	position: absolute; 
	width:100%; 
	z-index: 1;  
	text-shadow: rgba(0,0,0,1) 0px 2px 5px;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.art_banner_name h5{
	font-size: 0.5em;
    padding: 1em 0;
}



/*AMD banner*/
.art_banner_amd{
	width: 100%;
	min-height: 550px;
	background-size: cover!important;
	background-position: 50%!important;
	position: relative;
}
.amd_art_banner{
	background-color: #fff;
    padding: 30px;
    left: 100px;
    bottom: 100px;
    position: absolute;
    width: 40%;    
	z-index: 100;
    cursor: default;
}
.amd_art_banner>p{	
    font-size: 2em;
    padding: 0.5em 0;
}
.amd_art_banner>div{	
    font-size: 1.2em;
    line-height: 1.5em;
	padding:0.5em 0;
}
.amd_logo{
    width: 650px;
    height: 650px;
    background-image: url('/themes/simpleboot3/public/assets/imgs/amd/amd_arrow_white.svg');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 50px;
    left: 50px;
    bottom: 50px;
    position: absolute;
	overflow: hidden;
}

.bgwhite{
	background:#fff!important;
}
.amd_more{
	margin:1.5em 0 ;
	text-align:center;
}
.amd_more a{
	padding:15px;
	border:2px solid #333;
	transition: 0.4s;
}
.amd_more a:hover{
	background:#444;
	border:2px solid #333;
	color:#fff;
	transition: 0.4s;
}
.amd_release{
	width: 50%;
    right: 50px;
    bottom: 100px;
    position: absolute;
    overflow: hidden;
}
@media only screen and (max-width: 2560px){
	.art_banner_amd{
		min-height: 750px;
	}
	.amd_art_banner{
		padding: 50px;
		left: 150px;
		bottom: 150px;
	}
	.amd_art_banner>p{	
		font-size: 2.3em;
		padding: 0.5em 0;
	}
	.amd_art_banner>div{	
		font-size: 1.4em;
		line-height: 1.5em;
		padding:0.5em 0;
	}
	.amd_logo{
		left: 100px;
		bottom: 100px;
	}
}
@media only screen and (max-width: 1920px){
	.art_banner_amd{
		min-height: 700px;
	}
	.amd_art_banner{
		padding: 30px;
	}
}
@media only screen and (max-width: 1440px){
	.art_banner_amd{
		min-height: 550px;
	}
	.amd_art_banner{
		padding: 30px;
		left: 100px;
		bottom: 100px;
	}
	.amd_art_banner>p{	
		font-size: 2.0em;
	}
	.amd_art_banner>div{	
		font-size: 1.2em;
		line-height: 1.5em;
	}
	.amd_logo{
		left: 50px;
		bottom: 50px;
	}
}
@media only screen and (max-width: 1024px){
	.art_banner_amd{
		min-height: 500px;
	}
	.amd_art_banner{
		width: 70%;
		padding: 30px;
		left: 100px;
		bottom: 100px;
		background: rgba(255,255,255,0.65);
	}
	.amd_art_banner>p{	
		font-size: 2.0em;
		color:#000;
	}
	.amd_art_banner>div{	
		font-size: 1.2em;
		line-height: 1.5em;
		color:#000;
	}
	.amd_logo{
		left: 50px;
		bottom: 50px;
	}
	.amd_release{
		display:none;
	}
}
@media only screen and (max-width: 699px){
	.art_banner_amd{
		min-height: 500px;
	}
	.amd_art_banner{
		width: 70%;
		padding: 30px;
		left: 100px;
		bottom: 100px;
		background: rgba(255,255,255,0.65);
	}
	.amd_art_banner>p{	
		font-size: 1.3em;
		color:#000;
	}
	.amd_art_banner>div{	
		font-size: 1.1em;
		line-height: 1.3em;
		color:#000;
	}
	.amd_logo{
		left: 50px;
		bottom: 50px;
	}
}



@media screen and (orientation:portrait){
	.art_banner{
		height: 70vw;
		background-size: cover!important;
		background-position:center!important;
		overflow: hidden;
		position: relative;
	}
	.art_banner_gray{
		height:100%;
		width:100%;
		background:#000;
		filter:alpha(Opacity=20);
		-moz-opacity:0.2;
		opacity: 0.2;
		position: absolute;
	}
	.art_banner_name{
		padding-top:25vw;
		font-size:4vh;
		text-align:center; 
		color:#fff; 
		position: absolute; 
		width:100%; 
		z-index: 1;  
		text-shadow: rgba(0,0,0,1) 0px 2px 5px;
		-webkit-margin-before: 0.67em;
		-webkit-margin-after: 0.67em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
}




/*网站建设页*/
.web_art_banner{
	width: 100%;
	min-height: 60vh;
	background-size: cover!important;
	background-position: 50%!important;
	overflow: hidden;
	position: relative;
	padding: 3em 0;
}
.web_art_banner_name{
	cursor: default;
	padding-top:15vh;
	font-size:4vw;
	text-align:center; 
	color:#fff; 
	width:100%; 
	z-index: 1;  
	text-shadow: rgba(0,0,0,1) 0px 2px 5px;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.web_art_banner_name_title{
	background: url('/themes/simpleboot3/public/assets/imgs/web_border1.svg') no-repeat center;
	background-position:  center;
	background-size: contain;
	padding: 0.7em 0;
}
.web_art_banner_name_desc{
	background: url('/themes/simpleboot3/public/assets/imgs/web_desc_bg.svg') no-repeat center;
	background-position:  center;
	background-size: cover;
	font-size:2rem;
	width:50%;
	margin:10px auto;
	text-align:left;
	line-height:1.5em;
	padding:2em;
}
@media only screen and (max-width: 2560px){
	.web_art_banner_name{
		cursor: default;
		padding-top:10vh;
		font-size:6vw;
		text-align:center; 
		color:#fff; 
		width:100%; 
		z-index: 1;  
		text-shadow: rgba(0,0,0,1) 0px 2px 5px;
		-webkit-margin-before: 0.67em;
		-webkit-margin-after: 0.67em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
	.web_art_banner_name_desc{
		font-size: 1.7vw;
		width:65%;
		padding:3em;
	}
}
@media only screen and (max-width: 1440px){
	.web_art_banner_name{
		cursor: default;
		padding-top:10vh;
		font-size:4vw;
		text-align:center; 
		color:#fff; 
		width:100%; 
		z-index: 1;  
		text-shadow: rgba(0,0,0,1) 0px 2px 5px;
		-webkit-margin-before: 0.67em;
		-webkit-margin-after: 0.67em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
	.web_art_banner_name_desc{
		font-size: 1.7vw;
		width:60%;
		padding:2em;
	}
}
@media only screen and (max-width: 1366px){
	.web_art_banner_name{
		cursor: default;
		padding-top:10vh;
		font-size:4vw;
		text-align:center; 
		color:#fff; 
		width:100%; 
		z-index: 1;  
		text-shadow: rgba(0,0,0,1) 0px 2px 5px;
		-webkit-margin-before: 0.67em;
		-webkit-margin-after: 0.67em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
	.web_art_banner_name_desc{
		font-size: 1.5vw;
		width:50%;
		padding:2em;
	}
}
@media screen and (orientation:portrait){
	.web_art_banner{
		min-height: 70vw;
		background-size: cover!important;
		background-position:center!important;
		overflow: hidden;
		position: relative;
	}
	.web_art_banner_name{
		padding-top:15vw;
		font-size:7vh;
		text-align:center; 
		color:#fff; 
		width:100%; 
		z-index: 1;  
		text-shadow: rgba(0,0,0,1) 0px 2px 5px;
		-webkit-margin-before: 0.67em;
		-webkit-margin-after: 0.67em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
	@media only screen and (max-width: 1080px){
		.web_art_banner_name_desc{
			font-size: 3.1vw;
			width:90%;
			padding:3em 1em;
		}
	}
	@media only screen and (max-width: 665px){
		.web_art_banner_name_desc{
			font-size: 5vw;
			width:90%;
			padding:3em 1em;
		}
		
	}
}


.we_advantage{
	background: url('/themes/simpleboot3/public/assets/imgs/weyoushi.svg') no-repeat center;	background-position:  center;
	background-size:contain;
	font-size:3em;
	margin:1em auto; 
	padding:1em 0;
	width: 50%;
	text-align: center;
}
@media only screen and (max-width: 665px){
	.we_advantage{
		background: url('/themes/simpleboot3/public/assets/imgs/weyoushi.svg') no-repeat center;	background-position:  center;
		background-size:contain;
		font-size:3em;
		margin:1em auto; 
		padding:1.3em 0 1em 0;
		width: 70%;
		text-align: center;
	}
}
@media only screen and (max-width: 455px){
	.we_advantage{
		background: url('/themes/simpleboot3/public/assets/imgs/weyoushi.svg') no-repeat center;	background-position:  center;
		background-size:contain;
		font-size:2em;
		margin:1em auto; 
		padding:1.3em 0 1em 0;
		width: 70%;
		text-align: center;
	}
}

.we_advantage_four{
	padding:1em 5%;
	width:100%;
}
.we_advantage_four_div{
	width:24.5%;
	display:inline-block;
	vertical-align:top;
	text-align: center;
	cursor: default;
}
.we_advantage_four_div img{
	 width: 85%;
}
.we_advantage_four_div_title{	
	text-align:center;
	padding:10px 0;
	margin:1em auto; 
	width:80%;
	border-radius:25px;
	-moz-border-radius:50%;
	font-size: 2.5rem!important;
	color:#fff;
	letter-spacing: 2px;
}
.we_advantage_four_div_title_A{	
	background:-webkit-linear-gradient(to bottom right, #f52b89, #8e0678);
	background:-o-linear-gradient(to bottom right, #f52b89, #8e0678);
	background:-moz-linear-gradient(to bottom right, #f52b89, #8e0678);
	background: linear-gradient(to bottom right, #f52b89, #8e0678);
}
.we_advantage_four_div_title_B{	
	background:-webkit-linear-gradient(to right bottom, #22b6fa, #113c82);
	background:-o-linear-gradient(to right bottom, #22b6fa, #113c82);
	background:-moz-linear-gradient(to right bottom, #22b6fa, #113c82);
	background: linear-gradient(to right bottom, #22b6fa, #113c82);
}
.we_advantage_four_div_title_C{	
	background:-webkit-linear-gradient(to bottom right, #b4df34, #0d8020);
	background:-o-linear-gradient(to bottom right, #b4df34, #0d8020);
	background:-moz-linear-gradient(to bottom right, #b4df34, #0d8020);
	background: linear-gradient(to bottom right, #b4df34, #0d8020);
}
.we_advantage_four_div_title_D{	
	background:-webkit-linear-gradient(to bottom right, #feec01, #c71c21);
	background:-o-linear-gradient(to bottom right, #feec01, #c71c21);
	background:-moz-linear-gradient(to bottom right, #feec01, #c71c21);
	background: linear-gradient(to bottom right, #feec01, #c71c21);
}
.we_advantage_four_div_desc{
	text-align:left;
	padding:10px 0;
	line-height: 1.2em;
	letter-spacing: 2px;
	margin:1em auto;
	width:85%;font-size: 1.8rem!important;
	color:#333;
	text-indent: 2em;
}
@media only screen and (max-width: 1190px){
	.we_advantage_four_div_title{	
		font-size: 2rem!important;
	}
}
@media only screen and (max-width: 1024px){
	.we_advantage_four_div_title{	
		font-size: 1.8rem!important;
	}
}
@media only screen and (max-width: 999px){
	.we_advantage_four_div{
		width:49.5%;
		display:inline-block;
		vertical-align:top;
		text-align: center;
		cursor: default;
		margin: 1em 0;
	}
}
@media only screen and (max-width: 499px){
	.we_advantage_four_div{
		width:100%;
		display:inline-block;
		vertical-align:top;
		text-align: center;
		cursor: default;
		margin: 1em 0;
	}
}


.web_in{
	width:100%;
	padding: 3% 5% 3.5% 5%;
}
.web_in_blue{
	background: #7a9cff;
}
.web_in_red{
	background: #f03e3e;
}
.web_in_white{
	background: #fff;
}
.web_in_yellow{
	background: #ebd100;
}
.web_in_green{
	background: #6ec97b;
}
.d1{
	max-height:80vh;
	max-width:50%;
	float: left;
	margin-top: 3%;
}
.d1_1,.d1_2,.d1_3,.d1_4{
    margin-left: -10%;
    transition-duration: 3s;
/*     以下三值为默认值，稍后会详细介绍 */
    transition-property: all;
    transition-timing-function: ease;
    transition-delay: 0s;
    -webkit-transition-duration: 3s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
}
.web_in_right{
	width:40%;
	float: right;
	padding:5% 5% 0 0;
}
.web_in_right_title{
	border: 3px #fff solid;
	height: 10em;
	width:7em;
}
.web_in_right_title_div{
	position: absolute;
	margin: 0.5em 0 0 1em;
	font-size: 4rem;
	padding: 1rem 0;
	color:#fff;
	line-height: 1.1em;
}
.web_in_right_desc{
	color:#fff;
	padding:3rem 0;
	font-size:2rem;
	margin:1em 0;
	line-height: 1.3em;
}
.web_in_right_url,.web_in_right_url:hover{
	color:#fff!important;
	padding:1rem 2rem;
	margin-top:6em;
	text-align: center;
	font-size:2rem;
	border: 3px solid #fff;
}
.web_in_right_url i{
	position: absolute;
	margin-left: 0;
	margin-top:-1rem;
	font-size:2em;
	height:3.5rem;
	padding: 0 1rem;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.web_in_right_url:hover i{
	margin-left: 10px;
}

.d2{
	max-height:80%;
	max-width:80%;
	float: right;
	margin-top: 3%;
}
.d2_1,.d2_2,.d2_3{
    transition-duration: 3s;
    transition-property: all;
    transition-timing-function: ease;
    transition-delay: 0s;
    -webkit-transition-duration: 3s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
}
.d2_1{
	width:60%;
	margin-right: -10%;
}
.d2_2{
	width:55%;
	margin-right: -20%;
}
.d2_3{
	width:45%;
	margin-right: -20%;
}
.web_in_left{
	width:40%;
	float: left;
	padding:5% 0 0 5%;
}
.web_in_left_title{
	border: 3px #000 solid;
	height: 10em;
	width:7em;
}
.web_in_left_title_div{
	position: absolute;
	margin: 0.5em 0 0 1em;
	font-size: 4rem;
	padding: 1rem 0;
	color:#000;
	line-height: 1.1em;
}
.web_in_left_desc{
	color:#000;
	padding:3rem 0;
	font-size:2rem;
	margin:1em 0;
	line-height: 1.3em;
}
.web_in_left_url,.web_in_left_url:hover{
	color:#000!important;
	padding:1rem 2rem;
	margin-top:6em;
	text-align: center;
	font-size:2rem;
	border: 3px solid #000;
	text
}
.web_in_left_url i{
	position: absolute;
	margin-left: 0;
	margin-top:-1rem;
	font-size:2em;
	height:3.5rem;
	padding: 0 1rem;
	transition: all .5s;
	-webkit-transition:all .5s;
}
.web_in_left_url:hover i{
	margin-left: 10px;
}

.web_fool{
	width:90%;
	margin:2% 5%;
	cursor: default;
}
.web_fool_art_left{
	width:45%;
	padding:0 2em;
	float: left;
}
.web_fool_art_right{
	width:45%;
	padding:0 2em;
	float: right;
}
.web_fool_art{
	width:100%;
	border-bottom: 1px #616161 solid;
	margin:1rem 0;
	font-size: 2.5rem;
	height:5rem;
	line-height: 5rem;
}
.web_fool_art_title{
	border-bottom: 2px #f00 solid;
	float: left;
	width:6em;
	height:5rem;
	transition: all 2s;
	-webkit-transition: all 2s;
}
.web_fool_art_desc{
	width:100%;
	font-size: 1.7rem;
	line-height: 1.3em;
}
.web_fool_art_desc_left{
	width:55%;
	float:left;
}
.web_fool_art_desc_right{
	width:44%;
	float:right;	
}

@media only screen and (max-width: 1024px){
	.web_fool_art_left{
		width:48%;
		padding:0 1em;
		float: left;
	}
	.web_fool_art_right{
		width:48%;
		padding:0 1em;
		float: right;
	}
}
@media only screen and (max-width: 800px){
	.d1{
		margin-top: 15%;
	}
	.d2{
		margin-top: 15%;
	}
	.web_fool{
		width:95%;
		margin:2% auto;
	}
	.web_fool_art_left,.web_fool_art_right{
			width:100%;
			padding: 0 2rem;
	}
}

@media screen and (orientation:portrait){
	.web_in{
		padding: 3% 5% 7% 5%;
	}
	@media only screen and (max-width: 1000px){
		.web_fool_art_left,.web_fool_art_right{
			width:100%;
			padding: 0 2rem;
		}
	}
	@media only screen and (max-width: 665px){
		.d1{
			max-height:80vw;
			max-width:100%;
			float: left;
		}
		.web_in_right{
			width:100%;
			float: right;
			padding:10% 1% 0 0;
		}
		.d2{
			max-height:80vw;
			max-width:100%;
			float: right;
		}
		.d2_1,.d2_2,.d2_3{
			position: relative;
			width: 100%;
		}
		.web_in_left{
			width:100%;
			float: left;
			padding:10% 1% 0 0;
		}
		.web_fool_art_left,.web_fool_art_right{
			padding: 0 1rem;
		}
	}
	@media only screen and (max-width: 465px){
		.web_fool_art_desc_left,.web_fool_art_desc_right{
			width:100%;
		}
	}

}