@charset "UTF-8";/*fp-seed:gebxu85h47vt scope-ua9z5x9n5unj*/

/*------------// Overall //------------------*/
body{font-family: "Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; color:#333; margin:0;line-break: 100%;background-color: transparent}
body {font-weight: 400\0; font-family: "Microsoft YaHei"; padding-top: 0.1px;font-size: 0.22rem}
html,body{-webkit-text-size-adjust:none;vertical-align: baseline;position: relative;min-height: 100%;background-color: #fff;z-index: 1}/*@vendor 487vo6zbx5w*/
* {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; border-collapse:collapse;border-spacing:0}
th, td { border-collapse:collapse; text-align:center;font-weight:normal;vertical-align:middle}
/* a:link{text-decoration:none; color:#666} */
/* a:visited{text-decoration:none; color:#666} */
a{text-decoration:none; color:#666}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
img{vertical-align: middle; border:0;-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0); display: inline-block; outline: none;max-width:100%;max-height:100%}
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;vertical-align: baseline;box-sizing: border-box}
img{vertical-align: middle}
ol,ul,li{list-style-type:none;vertical-align: baseline}
h1,h2,h3,h4,h5,h6{ font-weight:normal;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;vertical-align: baseline}
input[type=button]{-webkit-appearance:none;outline:none}
a, input{-webkit-tap-highlight-color: rgba(0,0,0,0);vertical-align: baseline}
input,select,textarea{outline:none; border:none; background:none;vertical-align: baseline}
select::-ms-expand{display:none}
input::-ms-expand{display:none}
button{overflow: hidden;outline: none;background-color: transparent;border: none;padding: 0;margin: 0;font-family: 'Microsoft YaHei';font: 400 14px Microsoft YaHei}
::-webkit-input-placeholder{font-size: 0.22rem;color: #aaa}
q,blockquote{quotes:none}
/* a {transition: all 0.5s ease-in-out} */
textarea {font-family: '微软雅黑'}
.clear{ clear:both; height:0; overflow:hidden; display:block}
.float_left{ float:left}
.float_right{ float:right}
.container{width:100%; min-width:1200px; margin:0px auto;max-width: 1920px}
.container01{background-color: #f6f6f6}
.container02{background-color: #f0f2f8}
.container-main{width:1200px; margin:0px auto;position:relative;padding-top: 50px;padding-bottom: 60px}
.container-main01{padding-top: 40px;padding-bottom: 70px}
.container-main02{padding-top: 40px;padding-bottom: 0px}
.clearfix{clear:both;content:"";display:table}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
.container_bg{background-color: #eee}
.none{display: none!important}
.block{display: block!important}
.wow,.ani{visibility: visible}
.open{overflow: hidden}
input{width: 2.00rem}
a:hover, a:focus{text-decoration: none}
/* @font-face {font-family: Century Gothic} */

.phone {
	width: 100%;
	position: relative;
	min-height: 100%;
	overflow: hidden;
	padding-bottom: 0.0rem;
	max-width: 640px;
	margin: 0 auto;
	z-index: 1}
.head {
	position: relative;
	width: 100%;
	height: 1.00rem;
	overflow: hidden;
	background-color: #fff}
.logo {
	width: 3rem;
	float: left;
	margin-left: 0.2rem;
	margin-top: 0.1rem}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden}
.head-hot {
	float: right;
	margin-right: 0.20rem;
	margin-top: 0.30rem;
	font-size: 0.22rem;
	line-height: 0.26rem;
	color: #478ed4;
	font-weight: bold}
.head-hot p:nth-of-type(1) {
	font-size: 0.16rem;
	line-height: 0.26rem;
	font-weight: normal;
	color: #666;
	    background: url(../images/dianhua.png) no-repeat left;
    background-size: contain;
    padding-left: 0.3rem}
/*导航样式*/

.g-nav li {
    height: 29px;
    line-height: 29px;
    float: left;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
    text-align: center;
    width: 25%;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0}
.g-nav {
    clear: both;
    height: 59px;
    overflow: hidden;
    background-color: #2f5da7}
.banner {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative}
.banner-swiper {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative}
.banner-swiper .swiper-pagination {
	position: absolute;
	bottom: 0.22rem;
	left: 0;
	font-size: 0;
	text-align: center;
	width: 100%}
.banner-swiper .swiper-pagination span {
	display: inline-block;
	width: 0.25rem;
	height: 0.04rem;
	border-radius: 0;
	opacity: 1!important;
	margin: 0 0.08rem!important}
.banner-swiper .swiper-pagination span.swiper-pagination-bullet {
	background-color: rgba(0, 0, 0, 0.5)}
.banner-swiper .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: rgba(255, 255, 255, 1.0)}
.index-nav {
	width: 100%;
	height: auto;
	padding-top: 0.28rem;
	padding-bottom: 0.45rem;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: space-around;
  	-webkit-justify-content: space-around;
  	-ms-flex-pack: space-around;
  	justify-content: space-around;
    -webkit-box-align: center;
  	-webkit-align-items: center;
  	-ms-flex-align: center;
  	align-items: center;
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-webkit-flex-direction: row;
  	-ms-flex-direction: row;
  	flex-direction: row}
.index-nav a {
	display: block;
	width: auto;
	height: auto;
	overflow: hidden}
.index-nav-icon {
	width: 0.60rem;
	height: 0.60rem;
	/*overflow: hidden;*/
	margin: 0 auto}
.index-nav-icon img {
	width: 100%;
	height: 100%}
.index-nav-name {
	width: 100%;
	text-align: center;
	font-size: 0.22rem;
	line-height: 0.32rem;
	color: #666;
	margin-top: 0.10rem}
.index-title {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #f4f4f4;
	position: relative;
	padding-top: 0.31rem;
	margin-bottom: 0.32rem}
.index-title span {
	font-size: 0.28rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	width: 1.73rem;
	height: 0.87rem;
	line-height: 1.05rem;
	position: absolute;
	bottom: 0;
	left: 0.1rem;
	z-index: 5;
	background: url('../images/icon01.png') no-repeat center;
	background-size: 100% 100%}
.index-title .title {
	height: 0.63rem;
	background-color: #478ed4;
	line-height: 0.63rem;
	color: #fff;
	overflow: hidden}
.index-title .title p {
	float: left;
	margin-left: 1.8rem;
	line-height: 0.63rem;
	height: 0.63rem;
	font-size: 0.20rem;
	color: #fff;
	max-width: 3.5rem}
.index-title .title a {
	float: right;
	height: 0.63rem;
	line-height: 0.63rem;
	margin-right: 0.20rem;
	position: relative;
	font-size: 0.22rem;
	color: #fff;
	padding-right: 0.25rem}
.index-title .title a i {
	position: absolute;
	top: 50%;
	right: 0;
	width: 0.11rem;
	height: 0.22rem;
	margin-top: -0.10rem;
	background: url('../images/icon02.png') no-repeat center;
	background-size: 100% 100%}
.index-products-ad {
	width: 6.00rem;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0.25rem}
.index-products-list {
	width: 6.00rem;
	margin: 0 auto;
	overflow: hidden;
	height: auto;
	margin-bottom: 0.20rem}
.index-products-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.index-products-list ul li {
	width: 1.90rem;
	float: left;
	margin-right: 0.15rem;
	margin-bottom: 0.30rem;
	overflow: hidden}
.index-products-list ul li:nth-of-type(3n) {
	margin-right: 0}
.index-products-list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden}
.index-products-img {
	width: 100%;
	height: 1.90rem;
	position: relative;
	overflow: hidden}
.index-products-img span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	border: 0.01rem solid #e6e6e6}
.index-products-name {
	width: 100%;
	height: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.22rem;
	color: #666;
	line-height: 0.32rem;
	margin-top: 0.16rem;
	text-align: center}
.index-cases-list {
	width: 6.00rem;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 0.25rem}
.index-cases-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.index-cases-list ul li {
	float: right;
	width: 100%;
	margin-bottom: 0.20rem;
	height: auto;
	position: relative}
.index-cases-list ul li:nth-of-type(1) {
	width: 100%;
	float: none}
.index-cases-list ul li:nth-of-type(2),
.index-cases-list ul li:nth-of-type(4) {
	float: left;
max-height: 140px}
.index-cases-list ul li a {
	display: block;
	width: 100%;
	
	position: relative;
	overflow: hidden}
.index-cases-img {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative}
.index-cases-modal {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 8;
	width: 100%;
	height: 0.60rem;
	line-height: 0.60rem;
	color: #fff;
	box-sizing: border-box;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 0 0.20rem;
	font-size: 0.22rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis}
.index-honor-list {
	width: 6.00rem;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 0.55rem}
.index-honor-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.index-honor-list ul li {
	float: left;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.22rem;
	width: 2.90rem}
.index-honor-list ul li:nth-of-type(2n) {
	float: right}
.index-honor-img {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative}
.index-honor-img span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	border: 0.01rem solid #dedede}
.index-honor-modal {
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 0;
    /* -webkit-transform: scale3d(0.3, 0.3, 0.3); */
    transform: scale3d(0.3, 0.3, 0.3);
    visibility: hidden;
    transition: all 0.5s ease-in-out;
	background-color: rgba(0, 0, 0, 0.5)}
.index-honor-modal-close {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%}
.index-honor-modal-con {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 120;
	transform: translate(-50%, -50%);
	max-width: 95%;
	max-height: 95%;
	width: auto;
	height: auto}
.index-honor-modal-img {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center}
.index-honor-modal-name {
	text-align: center;
	font-size: 0.22rem;
	color: #fff;
	line-height: 0.32rem;
	margin-top: 0.10rem}
.index-intr {
	width: 6.00rem;
	height: auto;
	overflow: hidden;
	margin: 0 auto}
.index-intr-item {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.60rem}
.index-intr-title {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.30rem}
.index-intr-title-num {
	float: left;
	position: relative;
	width: 0.90rem;
	line-height: 0.65rem;
	height: 0.70rem}
.index-intr-title-num span {
	display: block;
	width: 100%;
	height: 0.70rem;
	line-height: 0.64rem;
	font-size: 0.52rem;
	color: #478ed4;
	font-weight: bold;
	text-align: center;
	border-bottom: 0.06rem solid #478ed4}
.index-intr-title-num em {
	width: 100%;
	position: absolute;
	bottom: 0.33rem;
	left: 0;
	height: 0.02rem;
	background-color: #fff;
	z-index: 15;
	transform: rotate(-20deg)}
.index-intr-title-txt {
	margin-left: 0.90rem;
	position: relative;
	height: 0.70rem;
	overflow: hidden}
.index-intr-title-txt p:nth-of-type(1) {
	height: 0.35rem;
	line-height: 0.35rem;
	font-size: 0.24rem;
	color: #666;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 0.60rem;
	box-sizing: border-box}
.index-intr-title-txt p:nth-of-type(2) {
	height: 0.35rem;
	line-height: 0.35rem;
	font-size: 0.20rem;
	color: #fff;
	background-color: #478ed4;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 0.60rem;
	box-sizing: border-box}
.index-intr-title-txt em {
	width: 0.0rem;
	height: 0.0rem;
	/* background-color: #fff; */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	box-sizing: border-box;
	width: 0; 
	height: 0; 
	border-top: 0.64rem solid #fff; 
	border-right: 0.37rem solid transparent}
.index-intr-title-txt i {
	width: 0.70rem;
	height: 0.03rem;
	background-color: #478ed4;
	position: absolute;
	bottom: 0.35rem;
	left: -0.16rem;
	z-index: 18;
	box-sizing: border-box;
	transform: rotate(-60deg)}
.index-intr-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.44rem;
	color: #666;
	margin-bottom: 0.30rem}
.index-news-list {
	width: 6.00rem;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 0.55rem}
.index-news-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.index-news-list ul li {
	width: 100%;
	border-bottom: 0.01rem dashed #ccc; 
	height: auto;
	overflow: hidden}
.index-news-list ul li a {
	display: block;
	width: 100%;
	
	overflow: hidden}
.index-news-list ul li a>p {
	float: left;
	line-height: 0.70rem;
	height: 0.70rem;
	max-width: 4.60rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.22rem;
	color: #666}
.index-news-list ul li a>span {
	float: right;
	line-height: 0.70rem;
	height: 0.70rem;
	font-size: 0.22rem;
	color: #999}
.index-news-list ul li:nth-of-type(1) {
	border-bottom-style: solid;
	margin-bottom: 0.05rem}
.index-news-img {
	width: 100%;
	text-align: center;
	overflow: hidden}
.index-news-name {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.24rem;
	line-height: 0.34rem;
	color: #666;
	font-weight: bold;
	margin-top: 0.23rem;
	margin-bottom: 0.15rem}
.index-news-brief {
	width: 100%;
	height: 0.72rem;
	overflow: hidden;
	font-size: 0.22rem;
	line-height: 0.36rem;
	color: #999;
	word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical}
.index-news-date {
	width: 100%;
	font-size: 0.22rem;
	line-height: 0.32rem;
	color: #999;
	margin-top: 0.15rem;
	margin-bottom: 0.33rem}
.footer {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-top: 0.27rem solid #478ed4;
	background-color: #478ed4;
	padding-bottom: 1.30rem}
.toTop {
	width: 100%;
	height: 0.68rem;
	line-height: 0.66rem;
	text-align: center;
	color: #fff;
	font-size: 0.22rem;
	position: relative}
.toTop span {
	display: inline-block;
	position: relative;
	width: 0.31rem;
	height: 0.25rem;
	background: url('../images/totop.png') no-repeat center;
	background-size: 100% 100%;
	margin-right: 0.16rem;
	top: 0.04rem}
.toTop em {
	position: absolute;
	left: 0;
	bottom: 0.02rem;
	width: 100%;
	height: 0.02rem;
	background-color: #478ed4}
.toTop i {
	position: absolute;
	left: 0;
	bottom: 0.00rem;
	width: 100%;
	height: 0.02rem;
	background-color: #478ed4}
.copyright {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 0.22rem;
	color: #fff;
	line-height: 0.38rem;
	text-align: center;
	padding-top: 0.27rem}
.tabBar {
	position: fixed;
	_position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.90rem;
	z-index: 25;
	background-color: #fff;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: space-around;
  	-webkit-justify-content: space-around;
  	-ms-flex-pack: space-around;
  	justify-content: space-around;
    -webkit-box-align: center;
  	-webkit-align-items: center;
  	-ms-flex-align: center;
  	align-items: center;
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-webkit-flex-direction: row;
  	-ms-flex-direction: row;
  	flex-direction: row}
.tabBar a {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden}
.tabBar a span {
	display: block;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: 0 auto}
.tabBar a:nth-of-type(1) span {
	width: 0.32rem;
	height: 0.28rem;
	background-image: url('../images/tabbar-icon01.png')}
.tabBar a.active:nth-of-type(1) span {
	background-image: url('../images/tabbar-icon02.png')}
.tabBar a:nth-of-type(2) span {
	width: 0.33rem;
	height: 0.28rem;
	background-image: url('../images/tabbar-icon03.png')}
.tabBar a.active:nth-of-type(2) span {
	background-image: url('../images/tabbar-icon04.png')}
.tabBar a:nth-of-type(3) span {
	width: 0.28rem;
	height: 0.28rem;
	background-image: url('../images/tabbar-icon022.png')}
.tabBar a.active:nth-of-type(3) span {
	background-image: url('../images/tabbar-icon022.png')}
.tabBar a:nth-of-type(4) span {
	width: 0.29rem;
	height: 0.29rem;
	background-image: url('../images/tabbar-icon05.png')}
.tabBar a.active:nth-of-type(4) span {
	background-image: url('../images/tabbar-icon06.png')}
.tabBar a:nth-of-type(5) span {
	width: 0.29rem;
	height: 0.28rem;
	background-image: url('../images/tabbar-icon07.png')}
.tabBar a.active:nth-of-type(5) span {
	background-image: url('../images/tabbar-icon08.png')}
.tabBar a p {
	width: 100%;
	text-align: center;
	overflow: hidden;
	font-size: 0.20rem;
	line-height: 0.30rem;
	color: #666;
	margin-top: 0.02rem}
.tabBar a.active p {
	color: #478ed4}
.productsBody {
	background-color: #f4f4f4}
.head-return {
	float: left;
	margin-left: 0.20rem;
	overflow: hidden;
	margin-top: 0.38rem}
.head-return a {
	display: block;
	width: 0.15rem;
	height: 0.29rem;
	background: url('../images/icon03.png') no-repeat center;
	background-size: 100% 100%}
.head-title {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	height: 1.00rem;
	line-height: 1.00rem;
	max-width: 5.40rem;
	text-align: center;
	font-size: 0.30rem;
	color: #666;
	overflow: hidden}
.products-nav {
	width: 6.00rem;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 0.37rem;
	padding-bottom: 0.20rem}
.products-nav ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.products-nav ul li {
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.20rem}
.products-nav ul li:nth-of-type(2n) {
	float: right}
.products-nav ul li a {
	display: block;
	width: 2.90rem;
	height: 0.70rem;
	line-height: 0.70rem;
	text-align: center;
	background-color: #fff;
	font-size: 0.22rem;
	color: #666}
.products-nav ul li a.active {
	color: #fff;
	background-color: #739a42}
.products-list {
	width: 6.00rem;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.40rem}
.products-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.products-list ul li {
	float: left;
	width: 2.90rem;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 0.20rem}
.products-list ul li:nth-of-type(2n) {
	float: right}
.products-list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff}
.products-img {
	width: 100%;
	height: 2.90rem;
	background-color: #fff;
	overflow: hidden;
	text-align: center}
.products-name {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 0.60rem;
	height: 0.60rem;
	color: #666;
	font-size: 0.22rem;
	border-top: 0.01rem solid #eee}
.products-more {
	width: 6.00rem;
	margin: 0 auto;
	overflow: hidden;
text-align: center;
	margin-bottom: 0.30rem}
.products-more a {
	display: initial;
	position: relative;
	width: 100%;
	color: #999;
	text-align: center;
	font-size: 0.22rem;
    margin-right: 5px;
    padding: 6px;
    background-color: #ffffff}
.products-more a i {
	position: absolute;
	top: 50%;
	transform: translate(0%, -50%);
	margin-top: 0.02rem;
	width: 35.83333%;
	/* height: 0.01rem; */
	background-color: #dbdbdb;
	border-top: 0.01rem solid #dbdbdb}
.products-more a i:nth-of-type(1) {
	left: 0}
.products-more a i:nth-of-type(2) {
	right: 0}
.productsDetails-top {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	border-top: 0.01rem solid #ccc;
	padding-top: 0.55rem;
	padding-bottom: 0.37rem;
	padding-right: 0.20rem;
	padding-left: 0.20rem}
.productsDetails-name {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 0.30rem;
	line-height: 0.40rem;
	color: #666;
	margin-bottom: 0.05rem}
.productsDetails-swiper {
	width: 100%;
	height: auto;
	overflow: hidden}
.productsDetails-btn {
	width: 100%;
	margin-top: 0.10rem;
	position: relative;
	font-size: 0;
	text-align: center;
	height: 0.28rem;
	overflow: hidden}
.productsDetails-pagination {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	overflow: hidden;
	font-size: 0;
	text-align: center;
	z-index: 3}
.productsDetails-pagination span {
	width: 0.16rem;
	height: 0.16rem;
	display: inline-block;
	opacity: 1;
	margin: 0 0.07rem;
	border-radius: 100%}
.productsDetails-pagination span.swiper-pagination-bullet {
	background-color: #ccc}
.productsDetails-pagination span.swiper-pagination-bullet-active {
	background-color: #478ed4}
.productsDetails-prev {
	width: 0.15rem;
	height: 0.28rem;
	position: absolute;
	top: 0;
	left: 0.90rem;
	z-index: 15;
	background: url('../images/productsdetails-prev.png') no-repeat center;
	background-size: 100% 100%}
.productsDetails-next {
	width: 0.15rem;
	height: 0.28rem;
	position: absolute;
	top: 0;
	right: 0.90rem;
	z-index: 15;
	background: url('../images/productsdetails-next.png') no-repeat center;
	background-size: 100% 100%}
.productsDetails-brief {
	width: 100%;
	background-color: #fff;
	padding: 0.40rem 0.20rem 0.63rem;
	margin-top: 0.08rem;
	margin-bottom: 0.20rem}
.productsDetails-brief-item {
	width: 100%;
	margin-bottom: 0.15rem;
	overflow: hidden}
.productsDetails-brief-item-title {
	float: left;
	width: 2.00rem;
	height: 0.65rem;
	line-height: 0.65rem;
	background-color: #478ed4;
	color: #fff;
	text-align: center;
	font-size: 0.22rem}
.productsDetails-brief-item-txt {
	margin-left: 2.00rem;
	border: 0.01rem solid #e4e4e4;
	border-left: none;
	height: 0.65rem;
	line-height: 0.63rem;
	font-size: 0.22rem;
	color: #666;
	padding: 0 0.40rem}
.productsDetails-brief-txt {
	width: 100%;
	height: auto;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.44rem;
	color: #666;
	margin-top: 0.54rem}
/*.productsDetails-brief-txt p:first-child {
	font-weight: bold;
	color: #478ed4;
	position: relative;
	padding-left: 0.20rem}
.productsDetails-brief-txt p:first-child span {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0%, -50%);
	margin-top: 0.0rem;
	width: 0.04rem;
	height: 0.22rem;
	background-color: #478ed4}*/
.productsDetails-item {
	width: 100%;
	overflow: hidden;
	padding: 0.20rem 0.20rem 0.45rem;
	background-color: #fff;
	margin-bottom: 0.20rem}
.productsDetails-item-title {
	width: 100%;
	height: 0.70rem;
	position: relative;
	border-bottom: 0.01rem solid #ccc;
	margin-bottom: 0.12rem}
.productsDetails-item-title span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
	height: 0.70rem;
	line-height: 0.70rem;
	font-size: 0.30rem;
	font-weight: bold;
	color: #478ed4;
	/* border-bottom: 0.02rem solid #87c235; */
}
.productsDetails-item-title span em {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 15;
	max-width: 1.80rem;
	width: 100%;
	height: 0;
	border-bottom: 0.02rem solid #87c235}
.productsDetails-item-txt {
	width: 100%;
	height: auto;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.44rem;
	color: #666;
	/* margin-top: 0.12rem; */
	margin-bottom: 0.40rem}
.productsDetails-item-txt-margin .productsDetails-item-txt {
	margin-bottom: 0.10rem}
.productsDetails-advantage-list {
	width: 100%;
	height: auto;
	background-color: #fff}
.productsDetails-advantage-list ul {
	width: 100%;
	background-color: #fff}
.productsDetails-advantage-list ul li {
	background-color: #fff;
	width: 2.90rem;
	margin-bottom: 0.20rem;
	box-shadow: 0.0rem 0.0rem 0.15rem 0.05rem #f3f3f3;
	padding-top: 0.28rem;
	padding-bottom: 0.16rem;
	overflow: hidden;
	float: left}
.productsDetails-advantage-list ul li:nth-of-type(2n) {
	float: right}
.productsDetails-advantage-icon {
	text-align: center;
	line-height: 0.70rem;
	height: 0.70rem;
	margin-bottom: 0.13rem}
.productsDetails-advantage-txt {
	width: 98%;
	margin: 0 auto;
	text-align: center;
	font-size: 0.22rem;
	line-height: 0.36rem;
	color: #666;
	height: 0.72rem;
	overflow: hidden;
	word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: center;
  	-webkit-justify-content: center;
  	-ms-flex-pack: center;
  	justify-content: center;
    -webkit-box-align: center;
  	-webkit-align-items: center;
  	-ms-flex-align: center;
  	align-items: center;
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-webkit-flex-direction: row;
  	-ms-flex-direction: row;
  	flex-direction: row}
.productsDetails-item-img {
	width: 100%;
	text-align: center;
	overflow: hidden}
.productsDetails-particulars {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0.12rem}
.productsDetails-particulars ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.productsDetails-particulars ul li {
	float: left;
	width: 1.87rem;
	height: 1.61rem;
	overflow: hidden;
	margin-bottom: 0.20rem;
	margin-right: 0.195rem}
.productsDetails-particulars ul li:nth-of-type(3n) {
	margin-right: 0}
.productsDetails-particulars ul li img {
	width: 100%;
	height: 100%}
.productsDetails-item-strength .productsDetails-item-txt{
	margin-bottom: 0.05rem}
.productsDetails-strength-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 0.25rem}
.productsDetails-strength-title {
	width: 100%;
	padding-left: 0.20rem;
	position: relative;
	overflow: hidden;
	font-size: 0.24rem;
	line-height: 0.34rem;
	color: #478ed4;
	font-weight: bold;
	margin-bottom: 0.21rem}
.productsDetails-strength-title span {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0%, -50%);
	width: 0.05rem;
	height: 0.23rem;
	background-color: #478ed4}
.productsDetails-strength-item {
	width: 100%;
	height: auto;
	overflow: hidden}
.productsDetails-strength-item ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.productsDetails-strength-item ul li {
	width: 2.90rem;
	float: left;
	margin-bottom: 0.20rem}
.productsDetails-strength-item ul li:nth-of-type(1) {
	float: none;
	width: 100%}
.productsDetails-strength-item ul li:nth-of-type(3) {
	float: right}
.engineering-top {
	width: 100%;
	padding: 0.30rem 0.20rem;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 0.20rem}
.engineering-top .productsDetails-item-title span em,
.engineering-middle .productsDetails-item-title span em,
.engineering-bottom .productsDetails-item-title span em {
	width: 1.20rem}
.engineering-top-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.38rem;
	color: #666;
	margin-top: 0.15rem}
.engineering-middle {
	width: 100%;
	padding: 0.15rem 0.20rem 0.35rem;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 0.20rem}
.engineering-middle-list {
	width: 100%;
	height: auto;
	overflow: hidden}
.engineering-middle-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.engineering-middle-list ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 0.15rem}
.engineering-middle-title {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 0.28rem;
	color: #478ed4;
	font-weight: bold;
	line-height: 0.55rem;
	height: 0.55rem}
.engineering-middle-title i {
	font-size: 0.44rem;
	font-weight: bold;
	letter-spacing: -0.02rem;
	margin-right: 0.15rem;
	position: relative;
	top: 0.04rem}
.engineering-middle-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.38rem;
	color: #666;
	margin-top: 0.15rem;
	margin-bottom: 0.10rem}
.engineering-bottom {
	width: 100%;
	padding: 0.15rem 0.20rem 0.65rem;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 0.20rem}
.engineering-bottom-list {
	width: 100%;
	height: auto;
	padding-top: 0.50rem}
.engineering-bottom-list ul li {
	width: 1.95rem;
	float: left;
	margin-right: 0.075rem;
	height: auto}
.engineering-bottom-list ul li:nth-of-type(3n) {
	margin-right: 0}
.engineering-bottom-num {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	height: 1.10rem;
	line-height: 1.10rem;
	text-align: center;
	border-radius: 0.10rem;
	color: #478ed4;
	font-size: 0.22rem;
	font-weight: bold;
	box-shadow: 0.0rem 0.0rem 0.20rem 0.05rem #f5f5f5}
.engineering-bottom-num span {
	font-size: 0.48rem;
	font-weight: bold;
	margin-right: 0.16rem}
.engineering-bottom-txt {
	width: 100%;
	overflow: hidden;
	font-size: 0.22rem;
	text-align: center;
	line-height: 0.32rem;
	font-weight: bold;
	color: #666;
	margin-top: 0.16rem}
.engineering-service {
	width: 100%;
	padding: 0.0rem 0.20rem 0.65rem;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 0.20rem}
.engineering-service ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.engineering-service ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 0.20rem;
	padding-bottom: 0.15rem;
	border-bottom: 0.01rem solid #ccc}
.engineering-service-title {
	float: left;
	text-align: center;
	width: 1.10rem;
	overflow: hidden;
	font-size: 0.22rem;
	line-height: 0.32rem;
	color: #478ed4;
	margin-top: 0.10rem}
.engineering-service-title p:first-child {
	line-height: 0.60rem;
	height: 0.60rem;
	margin-bottom: 0.02rem}
.engineering-service-txt {
	float: right;
	width: 4.45rem;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.38rem;
	color: #666;
	margin-top: 0.15rem}
.engineering-service ul li:nth-of-type(2) .engineering-service-txt {
	margin-top: 0}
.cases-list {
	width: 100%;
	padding: 0.35rem 0.20rem 0.25rem;
	overflow: hidden;
	border-top: 0.01rem solid #ccc}
.cases-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.cases-list ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 0.20rem}
.cases-list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	text-align: center}
.cases-img {
	width: 100%;
	height: auto;
	overflow: hidden}
.cases-name {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	font-size: 0.22rem;
	color: #666;
	height: 0.80rem;
	line-height: 0.80rem;
	background-color: #fff}
.casesDetails {
	width: 100%;
	padding: 0.48rem 0.20rem 0.55rem;
	overflow: hidden;
	border-top: 0.01rem solid #ccc;
	background-color: #fff}
.casesDetails-title {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 0.28rem;
	line-height: 0.38rem;
	color: #666;
	margin-bottom: 0.40rem}
.casesDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.44rem;
	color: #666}
.introduction {
	width: 100%;
	padding: 0.30rem 0.20rem 0.40rem;
	overflow: hidden;
	border-top: 0.01rem solid #ccc;
	background-color: #fff}
.introduction-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.44rem;
	color: #666;
	/* margin-bottom: 0.20rem; */
}
.introduction-title-margin {
	margin-top: 0.20rem;
	margin-bottom: 0.20rem}
.introduction-advantage-brief {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.36rem;
	color: #666}
.introduction-advantage-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0.30rem}
.introduction-advantage-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.introduction-advantage-list ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.35rem}
.introduction-advantage-list ul li:last-child {
	margin-bottom: 0.25rem}
.introduction-advantage-title {
	position: relative;
	font-size: 0.22rem;
	line-height: 0.34rem;
	color: #478ed4;
	font-weight: bold;
	padding-left: 0.45rem;
	margin-bottom: 0.05rem}
.introduction-advantage-title img {
	position: absolute;
	top: 0;
	left: 0;
	width: 0.33rem;
	height: 0.33rem}
.introduction-advantage-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.44rem;
	color: #666}
.introduction-mission-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0.30rem}
.introduction-mission-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.introduction-mission-list ul li {
	width: 100%;
	overflow: hidden;
	height: auto;
	margin-bottom: 0.30rem;
	position: relative;
	background-color: #aaa}
.introduction-mission-img {
	position: relative;
	width: 100%;
	min-height: 2.00rem;
	overflow: hidden}
.introduction-mission-modal {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 15;
	width: 33.3333333333%;
	background-color: rgba(107, 166, 25, 0.95);
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: center;
  	-webkit-justify-content: center;
  	-ms-flex-pack: center;
  	justify-content: center;
    -webkit-box-align: center;
  	-webkit-align-items: center;
  	-ms-flex-align: center;
  	align-items: center;
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-webkit-flex-direction: row;
  	-ms-flex-direction: row;
  	flex-direction: row}
.introduction-mission-name {
	display: block;
	width: auto;
	text-align: center;
	font-size: 0.24rem;
	color: #fff;
	line-height: 0.34rem;
	position: relative;
	padding-bottom: 0.21rem}
.introduction-mission-name span {
	width: 0.45rem;
	height: 0.01rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #fff}
.introduction-course-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: 0.20rem}
.introduction-course-list ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative}
.introduction-course-list ul li {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: auto;
	padding-top: 0.15rem;
	margin-bottom: 0.08rem}
.introduction-course-list ul li:last-child {
	margin-bottom: 0}
.introduction-course-line {
	position: absolute;
	top: 0.0rem;
	left: 0.05rem;
	width: 0.05rem;
	height: 100%;
	z-index: 2;
	background-color: #e5e5e5;
	border-radius: 0.025rem}
.introduction-course-year {
	position: relative;
	z-index: 5;
	padding-left: 0.30rem}
.introduction-course-year p {
	width: 1.10rem;
	height: 0.45rem;
	line-height: 0.45rem;
	text-align: center;
	background-color: #87c235;
	color: #fff;
	font-size: 0.22rem}
.introduction-course-year span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 0.14rem;
	height: 0.14rem;
	border-radius: 0.07rem;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 15;
	border: 0.02rem solid #87c235;
	transform: translate(-0%, -50%)}
.introduction-course-year em {
	position: absolute;
	z-index: 15;
	top: 50%;
	left: 0.18rem;
	transform: translate(-0%, -50%);
	width: 0;
	height: 0;
	border-top: 0.08rem solid transparent; 
	border-right: 0.12rem solid #87c235;
	border-bottom: 0.08rem solid transparent}
.introduction-course-txt {
	width: 100%;
	position: relative;
	z-index: 5;
	padding-left: 0.30rem;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.36rem;
	color: #666;
	margin-top: 0.14rem;
	margin-bottom: 0.02rem}
.service-list {
	width: 6.00rem;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 0.55rem;
	padding-bottom: 0.25rem}
.service-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.service-list ul li {
	float: left;
	width: 2.90rem;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.20rem;
	background-color: #fff}
.service-list ul li:nth-of-type(2n) {
	float: right}
.service-list ul li a {
	display: block;
	width: 100%;
	
	overflow: hidden;
	background-color: #fff;
	text-align: center}
.service-img {
	width: 100%;
	height: 2.90rem;
	overflow: hidden;
	text-align: center;
	background-color: #fff}
.service-name {
	width: 100%;
	padding: 0.0rem 0.15rem;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	line-height: 0.70rem;
	height: 0.70rem;
	font-size: 0.22rem;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis}
.serviceDetails {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0.45rem 0.20rem 0.35rem;
	border-top: 0.01rem solid #ccc;
	background-color: #fff}
.serviceDetails-title {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 0.28rem;
	color: #666;
	line-height: 0.38rem}
.serviceDetails-date {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 0.20rem;
	line-height: 0.30rem;
	color: #999;
	margin-top: 0.10rem;
	margin-bottom: 0.30rem}
.serviceDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.20rem;
	line-height: 0.36rem;
	color: #666}
.contact {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0.0rem 0.20rem 0.0rem;
	border-top: 0.01rem solid #ccc;
	background-color: #fff}
.contact-item {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 0.01rem solid #ccc;
	padding-bottom: 0.45rem;
	padding-top: 0.45rem}
.contact-item:first-child {
	padding-bottom: 0.65rem}
.contact-item:last-child {
	border-bottom: none}
.contact-item-title {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 0.30rem;
	line-height: 0.40rem;
	color: #478ed4;
	font-weight: bold;
	padding-bottom: 0.0rem;
	position: relative;
	margin-bottom: 0.22rem}
.contact-item-title span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0.50rem;
	height: 0.03rem;
	background-color: #478ed4;
	display: none}
.contact-item:first-child .contact-item-title {
	padding-bottom: 0.25rem}
.contact-item:first-child .contact-item-title span {
	display: block}
.contact-item-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.38rem;
	color: #666;
	margin-bottom: 0.0rem}
.contact-item:first-child .contact-item-txt {
	margin-bottom: 0.25rem}
.contact-item-txt a {
	font-size: 0.22rem;
	line-height: 0.38rem;
	color: #666}
.contact-item-map {
	width: 100%;
	overflow: hidden}
.contact-item-map img {
	max-width: none;
	max-height: none}
.news-list {
	width: 6.00rem;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 0.35rem;
	padding-bottom: 0.30rem}
.news-list ul {
	width: 100%;
	height: auto;
	overflow: hidden}
.news-list ul li {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.20rem;
	background-color: #fff}
.news-list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff}
.news-img {
	float: left;
	width: 2.23rem;
	height: 2.20rem;
	overflow: hidden;
	text-align: left}
.news-txt {
	margin-left: 2.45rem;
	padding-right: 0.20rem;
	overflow: hidden;
	height: auto;
	padding-top: 0.20rem}
.news-name {
	width: 100%;
	height: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.24rem;
	line-height: 0.34rem;
	color: #666}
.news-brief {
	width: 100%;
	height: 0.80rem;
	overflow: hidden;
	font-size: 0.22rem;
	line-height: 0.40rem;
	color: #999;
	margin-top: 0.15rem;
	margin-bottom: 0.10rem}
.news-date {
	width: 100%;
	height: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.22rem;
	line-height: 0.32rem;
	color: #ccc}
.newsDetails {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0.45rem 0.20rem 0.65rem;
	border-top: 0.01rem solid #ccc;
	background-color: #fff}
.newsDetails-title {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 0.28rem;
	color: #666;
	line-height: 0.38rem}
.newsDetails-date {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	font-size: 0.20rem;
	line-height: 0.30rem;
	color: #999;
	margin-top: 0.08rem;
	margin-bottom: 0.36rem}
.newsDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 0.22rem;
	line-height: 0.44rem;
	color: #666}

.productsDetails-brief-txt .green{
	font-weight: bold;
	color: #478ed4;
	position: relative;
	padding-left: 0.20rem}
.productsDetails-brief-txt .green:first-child span {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0%, -50%);
	margin-top: 0.0rem;
	width: 0.04rem;
	height: 0.22rem;
	background-color: #478ed4}

.code{
	text-align: center;overflow:hidden;margin-top:0.2rem}
.code img{
	width:1.3rem;height:1.3rem}

.jituan {
    clear: both;
    overflow: hidden;
    padding-top: 0.1rem}
.jituan img{
	float:left;width:1.2rem;height: 0.4rem;margin: 0px 0.2rem;margin-top: 0.05rem}
.jituan div{
	display: block;float:left;font-size:0.2rem;color:#fff;margin-top:0.2rem}
.jituan div a{
	color:#fff;font-size: 0.2rem
}
.emm{
	position: relative;overflow: hidden;clear: both;height: 0.04rem;margin-top:0.3rem}
.emm em {
    position: absolute;
    left: 0;
    bottom: 0.02rem;
    width: 100%;
    height: 0.02rem;
    background-color: #478ed4}
.emm i {
    position: absolute;
    left: 0;
    bottom: 0.00rem;
    width: 100%;
    height: 0.02rem;
    background-color:#478ed4}