@charset "utf-8";



/* ×¢Ò⣺ÒÔϳ¤¶ÈÓÃem»»Ë㣬1em=10px¡£Ìرð×¢ÒâÎÄ×Ö´óС£¬¸¸×Ӳ㼶»á¼Ì³Ð£¬ËùÒÔ²»ÒªÔÚdivÖж¨Òå×ÖÌå´óС£¬Ö»ÄÜÓÃspanÐÞ¸Ä×ÖÌå¡£

------------------------------------------------------------------------------------------------------ */



/* È«¾ÖÑùʽ

-------------------------------------------------------------- */
/*@font-face{ font-family:myFont; src:url('/skin/font/SOURCEHANSANSCN-LIGHT.OTF') format('truetype'); }*/
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:13px; font-family:"Microsoft YaHei","Arial"; color:#666;}

p{line-height:25px;}

img{ border:none; vertical-align:middle;}

td{ vertical-align:center; font-size:14px;}



*{margin:0;padding:0; outline:none;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}

body,button,input,select,textarea{outline:none;}

.body{background:#fff;}

.nbody{background:#efefef;}

ul,ol,li{list-style:none;}

::-webkit-scrollbar
{
width: 5px;
height:5px;
}

::-webkit-scrollbar-track
{
border-radius: 0px;
background: #222222;
}

::-webkit-scrollbar-thumb
{
border-radius: 5px;
background:#64CFD0;
}

::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
background:#64CFD0;
}

img{border:0px;}

table,table tr,table td{border:solid 1px #777777; }

html,body{height:auto;margin:0 auto;}

.hide{display:none;}

.clear{clear:both;}

input,textarea{

	font-family:"Microsoft YaHei","Arial";

	}

h1,h2,h3,h4,h5,h6 { font-weight: normal; }



h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}

h2 { font-size: 2em;  margin:0; padding:0;}

h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}

h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}

h5 { font-size: 1em;  margin:0; padding:0;}

h6 { font-size: 1em; }

body{background:#fff;}

/* Ò³Ãæ»ù±¾ÔªËØ

-------------------------------------------------------------- */



/* Á´½ÓÑùʽ */

a {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:none;}



/* ³£ÓÃÔªËØ */

.clear { clear:both; font-size:1px; line-height:0px; height:0px; }



/* ²ã¸¡¶¯ */

.left { float: left; }

.right{ float: right; }

.center { margin: 0 auto; }



/* ÎÄ×Ö¶ÔÆë */

.tleft { text-align:left; }

.tright { text-align:right; }

.tcenter {text-align:center; }



img{

	webkit-transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

	}

/* top

-------------------------------------------------------------- */

.header{
	position: fixed;
    width: 100%;
    left: 0;
    top: 0px;
    transition: all .5s ease;
    z-index: 100;
}
.header.active{
	background:#fff;
	box-shadow: 0px 1px 6px #bbb;
	transition: all .5s ease;
}	
.headernr{
	width:1400px;
	margin:0 auto;
}
.logo{
	overflow:hidden;
	height:100px;
}
.logo img{
	margin:10px 0 0 17px;
}
.menu, .menu ul {
	list-style: none;
	padding: 0;
}
.nav > li {
	display: inline-block;
	outline: 0;
}
.nav > ul{

	width:100%;
	margin-bottom:0px;

	}

.nav span{

	display:block;

	width:1px;

	height:30px;

	background:rgba(255,255,255,0.7);

	margin-top:16px;

}

.nav span:last-child{

	display:none;

}

.nav .menu > li{
	float:left;
	text-align:center;
	padding:0 30px;
	line-height:100px;
	
}
.nav .menu > li img{
	margin-top:40px;
}
.nav .menu > li > a{
	color:#fff;
	font-size:18px;
	display:block;
	position:relative;
}
.header.active .nav .menu > li > a{
	color:#333;
}
.nav .menu > li > a::after {
	position: absolute;
	content: "";
	bottom:32px;
	left: 0%;
	width: 100%;
	height:1px;
	background: #fff;
	transform: scaleX(0);
	transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nav .menu > li > a:hover::after,
.nav .menu > li.current > a::after{
  transform: scaleX(1);
  background:#64CFD0;
}
.nav .menu > li:last-child  > a:hover::after{
	transform: scaleX(0);
}
.nav .menu > li:hover  > a{
	color:#64CFD0;
}

.nav .menu > li.current > a{
	color:#64CFD0;
}
.header.active .nav .menu > li:hover > a,
.header.active .nav .menu > li.current  >a{
	color:#64CFD0;
}
.nav .menu > li .submenu{
    position: absolute;
    top: 100px;
    z-index: 9999;
    background:rgba(100,207,208,1);
    height: 60px;
	line-height:60px;
    width: 100%;
    left: 0;
	display:none;
}

.nav .menu > li .submenu a{
	color:#fff;
	font-size:16px;
	margin:0 20px;
}

.nav .menu > li .submenu a:hover{
	color:#fff;
}
.mobile-header{
	display:none;
}
#menu span {
    width: 1.875rem;
    height: 0.1875rem;
    background-color: #473f5f;
    margin: 0 auto 0.4375rem;
    display: block;
    line-height: 1;
    transition: all 0.5s;
}
#menu{
	width: 3.5rem;
	height: 3.5rem;
	display: block;
	position: absolute;
	right: 0rem;
	top: 30px;
	text-align: center;
	line-height: 3.5rem;
	z-index: 5;
	padding-top: 1rem;
	transition: all 0.5s;
	opacity: 1;
}
#menu.active{
	opacity: 0;
}
#menu span{
	width: 2rem;
	height: 2px;
	background-color: #64CFD0;
	margin: 0 auto 6px;
	display: block;
	line-height: 1;
	transition: all 0.5s;
}
#menu:hover span{
	background-color:#fff;
}
#menu span:last-child{
	margin-bottom: 0;
}
/*sidenav*/
#sidenav{
	text-align: center;
	position: fixed;
	right: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index:9999;
	padding: 0 ;
	transition: all 0.5s;
}
#sidenav.active{
	right: 0;
}
#sidenav .nav-close{
	width: 20px;
	height:20px;
	display: block;
	transition: all 0.5s;
	font-size:24px;
	line-height:20px;
}
#sidenav .nav-close:before {
    content: "\00d7";
    color: #fff;
	font-size:40px;
}
#sidenav .nav-close span{
	color:#fff;
}
#sidenav .nav-close:hover{
	transform: rotate(180deg);
}
#sidenav .nav-close:hover span{
	background-color: #ffe700;
}
#sidenav .nav-close span:nth-child(1){
	transform: rotate(45deg);
}
#sidenav .close span:nth-child(2){
	transform: rotate(-45deg);
}
#sidenav ul li {
    padding: 15px 0;
    border-bottom: 1px solid #666;
}
#sidenav ul li a {
    color: #fff;
    font-size: 16px;
}
#sidenav ul li a:hover{
	color:#fff;
}
.cont{
	width:92%;
	overflow:hidden;
	margin:auto;
}
.ncont{
	width:1400px;
	margin:0 auto;
}
.cont1{
	width:1200px;
	height:auto;
	margin:auto;
}
/*search*/
.headewm {
    width: 100px;
	height:100px;
    padding-top: 34px;
    text-align: center;
	position:relative;
	cursor:pointer;
}
.headewmimg{
	display:none;
	position:absolute;
	right:0;
	top:100px;
	background:#fff;
	text-align:center;
	border:1px solid #ddd;
	width:120px;
}
.headewmimg img{
	width:100px;
	margin:0 auto;
}
.nav-button {
	position: absolute;
    right: 100px;
    top: 0;
    min-width:100px;
    height: 100px;
    z-index: 1;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav-button:before {
	display:block;
	content:'';
	border-width:0 0 60px 27px;
	position:absolute;
	right:0;
	bottom:0;
	width:130px;
	transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
}
.nav-button form {
	color:#ffffff;
	display:block;
	padding:0 15px 0 10px;
	height:100px;
	overflow:hidden;
	font-size:15px;
}
.nav-button form i {
	float:left;
	position:relative;
	margin-top:27px;
	width:36px;
	height:36px;
	cursor:pointer;
}
.nav-button form i:before {
	display:block;
	content:'';
	border:2.2px solid #ffffff;
	width:16px;
	height:16px;
	position:absolute;
	left:8px;
	top:9px;
	border-radius:50%;
	transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
}
.nav-button form i:after {
	display:block;
	content:'';
	background:#ffffff;
	width:3px;
	height:7px;
	position:absolute;
	left:22px;
	top:21px;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
}
.nav-button form b {
	float:left;
	font-weight:normal;
	position:relative;
	z-index:1;
	width:54px;
	overflow:hidden;
	cursor:pointer;
	transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
	opacity:1;
	line-height:60px;
	font-size: 16px;
}
.nav-button form input.text {
	float:left;
	border:none;
	background:none;
	padding:0 6px;
	font-size:15px;
	height:30px;
	line-height:30px;
	transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
	color:#ffffff;
	position:relative;
	z-index:1;
	outline:none;
	margin:30px 5px 0 0;
	width:0;
	opacity:0;
}
.nav-button form input.text::-webkit-input-placeholder {
	color:#ffffff;
	opacity:.45;
}
.nav-button form input.text:-moz-placeholder {
	color:#ffffff;
	opacity:.45;
}
.nav-button form input.text::-moz-placeholder {
	color:#ffffff;
	opacity:.45;
}
.nav-button form input.text:-ms-input-placeholder {
	color:#ffffff;
	opacity:.45;
}
.nav-button form input.submit {
	display:none !important;
}
.nav-button:hover{
	background:#009944;
}
.nav-button:focus:before,.nav-button:hover:before {
	border-width:0 0 60px 13px;
	opacity:1;
	width:232px;
}
.nav-button:focus form input.text,.nav-button:hover form input.text {
	width:140px;
	opacity:1;
}
.nav-button:focus form b,.nav-button:hover form b {
	width:0;
	opacity:0;
}

/*loading*/
.loading {
    width: 100%;
    height: 100%;
    background: #64CFD0;
    opacity: 1;
    position: fixed;
}
.loadingdiv{
	width:123px;
	height:145px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-72px 0 0 -55px;
}
.loading .loadingdiv > div {
	min-width : 40px ;
    min-height : 40px ;
    width : 123px ;
    height : 40px ;
    text-align: center;
}
.loading .loadingdiv > div > div {
  background-color : #ffffff ;
    min-height : 40px;
    height : 100% ;
    width : 4%;
    margin-left: 8%;
    display : inline-block ;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    -moz-animation: stretchdelay 1.2s infinite ease-in-out;
    -o-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
	border-radius:2px;
}
.loading .loadingdiv > div > div:first-child{
    margin-left: 0;
}
.loading .loadingdiv > div > .c2 {
	-webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -o-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.loading .loadingdiv > div > .c3 {
	-webkit-animation-delay: -1.0s;
    -moz-animation-delay: -1.0s;
    -o-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.loading .loadingdiv > div > .c4 {
	-webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -o-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.loading .loadingdiv > div > .c5 {
	-webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    -o-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0% , 40% , 100% { -webkit-transform: scaleY( 0.4 ) }
    20% { -webkit-transform: scaleY( 1.0 ) }
}
@-moz-keyframes stretchdelay {
    0% , 40% , 100% { -moz-transform: scaleY( 0.4 ) }
    20% { -moz-transform: scaleY( 1.0 ) }
}
@-o-keyframes stretchdelay {
    0% , 40% , 100% { -o-transform: scaleY( 0.4 ) }
    20% { -o-transform: scaleY( 1.0 ) }
}
@keyframes stretchdelay {
    0% , 40% , 100% {
        transform: scaleY( 0.4 );
    }  20% {
           transform: scaleY( 1.0 );
       }
}
.loading .loadingdiv > span {
	background:url(/skin/images/logoloading.png) no-repeat;
	width: 123px;
	height: 100px;
	text-align: center;
	display:block;
	margin:0 auto 5px auto;
}

video::-webkit-media-controls{
	display:none !important;
}

video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display{}

video::-webkit-media-controls-time-remaining-display {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-toggle-closed-captions-button {}

video::-webkit-media-controls-volume-slider {}	
.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* banner

-------------------------------------------------------------- */
.pagebox{
    width: 100%;
    margin: 0px auto;
}
.banner{
    max-height: 960px;
    margin-top: 0px;
    transition: all .4s ease;
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    z-index: 0;
}
.banner .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.banner .swiper-slide {
    overflow: hidden;
    color: #fff;
}
.banner .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.banner .container {
    width: 1400px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.banner .slide-title,
.banner .slide-text,
.banner .slide-btns {
    max-width: 790px;
}
.banner .slide-title h2 {
    font-size: 50px;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
    margin: 0 0 20px;
    text-transform: capitalize;
    transition: all .4s ease;
}
.banner .slide-line {
    height: 2px;
    width: 60px;
    background: #fff;
    margin-bottom: 20px;
}
.banner .slide-text p {
    opacity: 1;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0 0 40px;
    transition: all .4s ease;
}
.banner .theme-btn-s2 {
    background-color: #64CFD0;
    font-size: 14px;
    font-weight: 500;
    line-height: initial;
    text-align: center;
    color: #fff;
    padding: 14px 32px;
    border: 0px;
    border-radius: 3px;
    text-transform: uppercase;
    display: inline-block;
    transition: all .4s ease;
}
.banner .swiper-pagination-bullet{
	width:12px;
	height:12px;
	background:#fff;
	opacity:0.8;
}
.banner .swiper-pagination-bullet-active{
	background:#64CFD0;
	opacity:1;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:40px;
}
/*shubiao*/
.shubiao-index{
	position:absolute;
	bottom:100px;
	left:50%;
	width:60px;
	margin-left:-30px;
	z-index:9999;
}
.shubiao{
	width:14px;
	margin:40px auto 0;
	position:relative;
}
.shubiao-ncon{
	margin-top:70px;
}
.shubiao_line {
    width: 1px;
    height: 60px;
    background: #fff;
    margin:10px auto;
}
.shubiao_pinyin{
	font-size:14px;
	font-family:Arial;
	text-align:center;
	color:#fff;
	margin-top:5px;
}
#shubiao{
	width:14px;
	margin:0 auto;
}
.mouse {
  position: relative;
  width: 14px;
  height: 22px;
  border-radius: 30px;
  border: 2px solid rgba(255, 255, 255, 0.8);
}
.mouse:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-animation: scroll 1s infinite alternate;
          animation: scroll 1s infinite alternate;
}

@-webkit-keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}
@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}

/**/
.bannernews{
	position:absolute;
	right:0;
	bottom:0;
	height:100px;
	width:50%;
	background:#1d7342;
	border-radius:30px 0 0 0 ;
}
.bannernews .bannernews-container{
	max-width:720px;
	margin:0 auto 0 0;
	overflow:hidden;
	height:100px;
	position:relative;
}
.bannernews-swiper-button{
	position:absolute;
	right:0px;
	top:10px;
	z-index:9999;
}
.bannernews-swiper-button .swiper-button-next,
.bannernews-swiper-button .swiper-button-prev {
    background: url(/skin/images/bannernewsl.png) no-repeat center center;
    width: 15px;
    height: 16px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    float: left;
	margin-top:20px;
}
.bannernews-swiper-button .swiper-button-prev {
    background: url(/skin/images/bannernewsr.png) no-repeat center center;
	margin-top:40px;
}
.bannernews-swiper-button .swiper-button-next{
	margin-left:-5px;
}
.bannernews_tit{
	width:80%;
	padding-left:20px;
	padding-top:20px;
}
.bannernews_tit p{
	color:#fff;
	font-size:18px;
	text-align:right;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bannernews_tit span {
    color: #7da58c;
    display: block;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bannernews_date{
	width:15%;
	text-align:left;
	padding-top:20px;
	font-family:Arial;
	color:#fff;
	font-size:18px;
	padding-left:10px;
}
.bannernews_date span{
	font-size:40px;
	color:#fff;
	font-family:Arial;
}
/* tit

-------------------------------------------------------------- */
.tit h3{
	text-align:left;
	margin-bottom:5px;
	font-size:36px;
	font-weight:bold;
	font-family:΢ÈíÑźÚ;
	color:#262626;
}
.tit h3 a{
	font-size:36px;
	font-weight:bold;
	font-family:΢ÈíÑźÚ;
	color:#262626;
	
}
.tit .pinyin{
	font-size:24px;
	font-family:Arial;
	color:#ccc;
}
/* about
-------------------------------------------------------------- */
.div-table {
    display: table;
    width: 100%;
    height: 100%;
}
.div-td {
    display: table-cell;
    vertical-align: middle;
}
.martop{
	margin-top:80px;
}
.marbottom{
	margin-bottom:80px;
}
.about{
	text-align:left;
}
.about .cont{
	background:url(/skin/images/aboutbg.jpg) no-repeat right top #fff;
}
.aboutimg{
	padding-right:80px;
}
.coreposition{
	background:#64CFD0;
}
.positionimg img{
	width:100%;
}
.positiontit h3{
	font-size:14px;
	
}
.positiontit img{
	margin:40px auto;
}
.positiontit{
	text-align:center;
	color:#fff;
}
.positiontit h4{
	font-size:18px;
}
.positionline{
	width:80%;
	margin:0 auto;
	height:2px;
	background:#fff;
	margin-top:50px;
}
.corepositiontit{
	width:90%;
	margin:60px auto 0 auto;
}
.corepositiontit h3{
	line-height:40px;
	font-weight:normal;
}
.corepositiontit h3 img{
	vertical-align:middle;
	margin:-3px 10px 0 0;
}
.corepositiontit p{
	font-size:16px;
	color:#1a1a1a;
	position:relative;
	padding-left:25%;
}
.corepositiontit p::after{
	background:#ccc;
	height:1px;
	content:"";
	width:24%;
	left:0;
	top:12px;
	position:absolute;
}
.corepositiontit p span{
	position:absolute;
	right:0;
	top:5px;
}
.corepositiontit p span img{
	margin:0 10px;
}
.slogon-container{
    margin-top: 50px;
}
.slogon-container .swiper-button-next,
.slogon-container .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 10px;
    margin-top: -5px;
    z-index: 10;
    cursor: pointer;
    background-size: 5px 10px;
    background-position: center;
    background-repeat: no-repeat;
}
.slogon-container .swiper-button-prev {
    background-image: url(/skin/images/index05.png);
    left:90%;
}
.slogon-container .swiper-button-next{
    background-image: url(/skin/images/index06.png);
    right:0;
}
.aboutnr p{
	font-size:16px;
	line-height:30px;
	color:#404040;
	padding-right:80px;
}

.aboutdian{
	background:#64CFD0;
	width:6px;
	height:6px;
	border-radius:50%;
}
.aboutmore a{
	background:url(/skin/images/index04.png) no-repeat 90% center #64CFD0;
	width:215px;
	height:45px;
	line-height:45px;
	display:block;
	text-align:left;
	color:#fff;
	font-size:16px;
	padding-left:20px;
	border-radius:40px;
	transition: all .5s ease;
}
.aboutmore a:hover{
	border-radius:0px;
	transition: all .5s ease;
}
/*brand*/
.brandtit li{
	width:23.5%;
	margin:0 1%;
	float:left;
	position:relative;
	cursor:pointer;
	
	
}
.brandtit li:first-child{
	margin-left:0;
}
.brandtit li:last-child{
	margin-right:0;
	float:right;
}
.brandtit li div img{
	max-width:100%;
}
.brandtit li div.brandliimg{
	position:absolute;
    top: -117px;
	opacity:0;
	transition: all .5s ease;
}
.brandtit li.active div.brandliimg{
	opacity:1;
	transition: all .5s ease;
}
.brandlogo{
	background:url(/skin/images/brandbg.jpg) no-repeat right bottom #fff;
	height:210px;
	width:100%;
	padding:30px 0 0 20px;
}
.brandtit li.active .brandlogo{
	box-shadow: 0 1px 5px #dadada;
	background:url(/skin/images/brandbgh.jpg) no-repeat right bottom #fff;
}
.brandtit li.active .brandlogo p{
	color:#64CFD0;
}
.brandlogo p{
	margin-top:20px;
	font-size:16px;
	color:#999;
}
.brandtit li.tit{
	padding:50px 0 0 50px;
}
.brandimg{
	position:relative;
}
.brandimg img{
	width:100%;
}
.brandimgbg {
    position: absolute;
	background: -o-linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0));
	background: -moz-linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0));
	background: -webkit-linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0));
	background: linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0)); 
    width: 100%;
    height: 100%;
    left:0;
    transition: all .5s ease;
    opacity: 0.5;
	top:0;
}
.brandimg p{
	position:absolute;
	left:10%;
	top:40%;
	color:#fff;
	font-size:18px;
	text-align:left;
	width:36%;
	line-height:36px;
}

.abotab{width: 100%;overflow: hidden;position: relative;}
.abotab .tit{
	position:absolute;
	left:25%;
	top:15%;
	width:50%;
	text-align:center;
	color:#fff;
	z-index:10;
}
.abotab .tit h3{
	text-align:center;
	color:#fff;
}
.abotab .tit h3 a{
	color:#fff;
}
.abotab .tit .pinyin{
	color:#fff;
}
.abotab-contain{width: 100%;}
.abotab-bg{width: 100%;}
.abotab-bg ul li{position: absolute;top: 0;left: 0;width: 100%;transition: transform 2.5s ease,opacity 1.5s;opacity: 0;transform: scale(1.1);}
.abotab-bg ul li.ontrue {opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);z-index: 2;}
.abotab-bg ul li img{width: 100%;object-fit: cover;}
.abotab-li{position: absolute;z-index: 4;width: 100%;height: 100%;}
.abotab-li ul{display: block;width: 100%;}
.abotab-li ul li{width: 16.666666%;float: left;position: relative;transition: all .6s ease;}
.abotab-li ul li:after{content: "";width: 1px;height: 100%;background: #fff;opacity: .2;position: absolute;top: 0;right: 0;}
.abotab-li ul li:last-child:after{display: none;}
.abotab-lilink{display: block;position: relative;width: 100%;height: 100%;top: 0;left: 0;}
.abotab-lizz{position: absolute;width: 100%;top: 0;left: 0;height: 100%;background: #000;opacity: .36;transition: all .4s ease;}
.abotab-liwords{position: absolute;left: 0;width: 100%;bottom: 20%;text-align: center;z-index: 6;padding: 0 9%;transition: all .6s ease 300ms;}
.abotab-liic{width: 100%;}
.abotab-liic img{max-width: 100%;margin: 0 auto;}
.abotab-liicy{display: block;}
.abotab-liwords h5{font-size: 24px;color: #fff;margin-top: 20px; font-weight:normal; font-family:΢ÈíÑźÚ;}
.abotab-li ul.aboHover:hover li{width: 15%;}
.abotab-li ul.aboHover li:hover{width: 25%;}
.abotab-li ul li:hover .abotab-lizz{opacity: .24;}
.abotab-li ul li:hover .abotab-liwords{bottom: 40%;}
.abotab-li ul li:hover .abotab-liwords h5{color:#64CFD0;}

/* pro
-------------------------------------------------------------- */
.pro_list{
	text-align:center;
	box-shadow:-1px 3px 5px #eee;
	height:320px;
}
.proimg{
	width:100%; 
	overflow:hidden; 
	position: relative;
    height: 170px;
    display: block;
	margin:50px 0 20px;
}
.proimg img{
	-webkit-filter: grayscale(1); /* Webkit */
    filter: grayscale(1); /* W3C */
	opacity:0.5;
	transition: all 0.8s;
}
.pro_list:hover img{
	-webkit-filter: grayscale(0); /* Webkit */
    filter: grayscale(0); /* W3C */
	opacity:1;
}
.pro_list:hover .promore{
	display:block;
}
.promore{
	background:url(/skin/images/promore.png) no-repeat;
	width:50px;
	height:50px;
	margin:0 auto;
	display:none;
	transition: all 0.5s;
}
.prodesc{
	background:url(/skin/images/product02.png) no-repeat top center;
	font-size:14px;
	color:#c7c5cd;
	text-align:center;
	line-height:20px;
	padding-top:30px;
	transition: all .5s ease;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pro-swiper-button {
    position: absolute;
	right:0;
	bottom:0;
    z-index: 10;
}
.pro-swiper-button .swiper-button-next,
.pro-swiper-button .swiper-button-prev {
    background: url(/skin/images/lingyu08H.png) no-repeat center center #dedede;
    width: 50px;
    height:50px;
}
.pro-swiper-button .swiper-button-prev {
    background: url(/skin/images/lingyu09.png) no-repeat center center #009944;
}
/* news
-------------------------------------------------------------- */
.newstj{
	position:relative;
}
.newstjinfo{
	position:absolute;
	left:10%;
	bottom:80px;
	width:80%;
}
.newstjdate span{
	font-family:Arial;
	font-size:14px;
	color:#fff;
}
.newstjdate p{
	font-family:Arial;
	font-size:32px;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
}
.newstjmore{
	background:url(/skin/images/index04.png) no-repeat 90% center #64CFD0;
	width:215px;
	height:45px;
	line-height:45px;
	display:block;
	text-align:left;
	color:#fff;
	font-size:16px;
	padding-left:20px;
	border-radius:40px;
	transition: all .5s ease;
}
.newstjmore:hover{
	border-radius:0px;
	transition: all .5s ease;
}
.newstjbt{
	font-size:32px;
	color:#fff;
	line-height:55px;
	margin:50px 0;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newstjimg{
	width:100%; 
	overflow:hidden; 
	position: relative;
    height: 973px;
    display: block;
}
.newstjimg img{
	transition: all 0.8s;
	width:100%;
}
.newstjbg {
    position: absolute;
	background: -o-linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
	background: -moz-linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
	background: -webkit-linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
	background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0)); 
    width: 100%;
    height: 100%;
    left:0;
    transition: all .5s ease;
    opacity: 1;
	top:0;
}
.newstj:hover .newstjbg{
	opacity:0.3;
}
.newsnrr{
	padding-left:2.5%;
}
.newsnrrinfo{
	margin:40px 40px 20px 40px;
}
.newslist .item{
	float:left;
	display:block;
	width:48%;
	margin-bottom:40px;
	background:#fff;
}
.newslist .item:nth-child(2),
.newslist .item:nth-child(3),
.newslist .item:nth-child(5){
	margin-left:4%;
}
.newslist .item .newsimg{
	display:none;
}
.newslist .item:first-child .newsimg{
	display:block;
	width:100%; 
	overflow:hidden; 
	background:#64CFD0; 
	position: relative;
    height: 336px;
    display: block;
}
.newslist .item:first-child .newsimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.newslist a:hover:first-child .newsimg img{
	transform: translate(-50%, -50%) scale(1.2);
    transition: all .5s ease;
}
.newslist .newsbt{
	font-size:20px;
	color:#262626;
	line-height:35px;
	margin-bottom:65px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newslist .newsms{
	font-size:16px;
	color:#999;
	line-height:28px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height:56px;
}
.newslist a:hover{
	background:#64CFD0;
}
.newslist a:hover .newsbt,
.newslist a:hover .newsms{
	color:#fff;
}
.newslist .newsmore{
	margin-top:20px;
	background:url(/skin/images/newsmore.png) no-repeat 99% center;	
	font-size:16px;
	color:#666;
	border-top:1px solid #cccccc;
	line-height:60px;
}
.newslist a:hover .newsmore{
	color:#fff;
	border-top:1px solid #fff;
	background:url(/skin/images/newsmoreh.png) no-repeat 99% center;	
}

/* link
-------------------------------------------------------------- */
.link{
	width:100%;
	overflow:hidden;
}
.link .linknr{
	padding:35px 0;
	line-height:30px;
}
.link .linknr span{
	font-size:16px;
	color:#888;
	
}
.link .linknr a{
	color:#888;
	font-size:16px;
	padding-right:5px;
	border-right:1px solid #bebebe;
}
.link .linknr a:last-child{
	border-right:none;
}
.link .linknr a:hover{
	color:#64CFD0;
}
/* footer
-------------------------------------------------------------- */
.footer{
	width:100%;
	overflow:hidden;
	background:#3e3e3e;
	padding:75px 0 0 0;
}
.footer h4{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:60px;
}
.botnav li{
	float:left;
	width:18%;
}
.botnav li:nth-child(3){
	width:28%;
}
.botnav p{
	line-height:40px;
}
.botnav p a{
	color:#ccc;
	font-size:16px;
}
.lxwm li{
	float:right;
	margin-left:10%;
	text-align:right;
}
.lxwm li:last-child{
	margin-left:0;
}
.lxwm li h3 a{
	background:#64CFD0;
	width:150px;
	line-height:50px;
	display:block;
	color:#fff;
	border-radius:25px;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	margin-bottom:40px;
	transition: all 0.5s ease;
}
.lxwm li h3 a:hover{
	border-radius:0;
	transition: all 0.5s ease;
}
.lxwm li h3 a img{
	vertical-align:middle;
	margin:-3px 5px 0 0;
}
.lxwm li p{
	font-size:16px;
	color:#fff;
}
.lxwm li h4{
	line-height:40px;
}
.lxwm li h4 a{
	font-size:24px;
	font-family:Arial;
	color:#fff;
}
.footer p a:hover{
	color:#fff;
}
.footlxwm{
	border-top:1px solid #4d4d4d;
	border-bottom:1px solid #4d4d4d;
	padding:30px 0;
	margin-top:60px;
	
}
.footlxwm p{
	color:#fff;
	font-size:16px;
	line-height:34px;
}
.footlxwm > div{
	background:url(/skin/images/add.png) no-repeat left center;
	padding-left:80px;
}
.footlxwm > div:nth-child(2){
	background:url(/skin/images/tel.png) no-repeat left center;
}
.footlxwm > div:last-child{
	background:url(/skin/images/email.png) no-repeat left center;
}
.footlxwm a{
	color:#fff;
	font-size:16px;
}
.footlxwm a:hover{
	color:#ccc;
}
.bot{
	width:100%;
	overflow:hidden;
	color:#fff;
	background:#3e3e3e;
	text-align:left;
	font-size:16px;
	padding:30px 0;
	line-height:26px;
}
.bot a{
	color:#fff;
	font-size:16px;
}
.bot .cont div:nth-child(2){
	text-align:right;
}

/* banner_n
-------------------------------------------------------------- */

.banner_n{ 
	width:100%; 
	height:700px;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat !important;
  background-position:top center !important;
  background-attachment:fixed !important;
}
.capitalize{
	position: absolute;
    width: 90%;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 5%;
    line-height: 1.6;
    transform: translate(0, -50%);
    z-index: 4;
}
.capitalize .ad-tit {
    font-size: 55px;
    font-weight: normal;
	color:#fff;
	letter-spacing:5px;
	margin-bottom:40px;
}
.mbanner{
	display:none;
}
/* position
-------------------------------------------------------------- */
.nabout_menu{
	text-align:center;
	margin-bottom:20px;
}
.nabout_menu a {
    font-size: 16px;
    padding: 10px 50px;
    color: #333;
    transition: 0.3s ease 0s;
	background:#fff;
	margin:0 2px;
	display:inline-block;
	position:relative;
	z-index:1;
	margin-bottom:10px;
}
.nabout_menu a:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #64CFD0;
    left: 0%;
    width: 0%;
    bottom: 0;
    height: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.nabout_menu a:hover:before,
.nabout_menu a.cur:before{
	width:100%;
}
.nabout_menu a.cur,
.nabout_menu a:hover{
	color:#fff;
}
.ntit{
	text-align:left;
	font-size:32px;
	border-bottom:1px solid #e4e4e4;
	margin:50px 0;
	line-height:60px;
	clear: both;
}
.position {
	line-height:50px;
	background:#f5f5f5;
	font-size:16px;
}
.position a{
	font-size:16px;
}
.position img{
	vertical-align:middle;
	margin:-3px 3px 0 0;
}
.ncontent{
	margin-bottom:50px;
}
.naboutnr p{ font-size:16px; line-height:30px;}
/* youshi*/
.youshih{ overflow:hidden; position: relative;
    border-bottom: 20px solid #fff;
    background: #fff;
    width: 100%;
    height: 0;
    padding-bottom: 20%;
    transition: all 600ms ease;}
.youshih > div{
	position:relative;
	margin-bottom:30px;
	padding:0 15px;
	overflow:hidden;
}
.youshink h4{ font-size:20px; font-weight:bold; color:#64CFD0;}
.youshink{    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;}
.youshink .pic{width: 100%;
    height: 100%;
    transition: all 600ms ease;}
.youshink .l1{ background:#f5f5f5;width: 50%;
    overflow: hidden; padding:25px;}
.youshink .l2{    position: relative;
    width: 50%;
    padding: 0px;
    overflow: hidden;}
.youshih:nth-child(2n) .youshink {
  	    flex-direction: row-reverse;
  }
/* nabout
-------------------------------------------------------------- */
.nabout img{
	max-width:100%;
}
.wenhua > div{
	position:relative;
	margin-bottom:30px;
	padding:0 15px;
	overflow:hidden;
}
.naboutnr .pp{
	position:relative;
	margin-bottom:30px;
    margin: 1%;
    width: 48%;
    height: 380px;
	overflow:hidden;
}

	.naboutnr .pp .ppbt{ 
	position: absolute;
    bottom: 20%;
    right: 10%;
    font-size: 30px;
    color: #fff;
    font-weight: bold;}
.naboutnr .pp img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

.pp:hover img{
	transform: translate(-50%, -50%) scale(1.2);
    transition: all .5s ease;
}
.whicon {
    position: absolute;
    width: 14%;
    left: 10%;
    top: 33%;
	text-align:center;
}
.whicon img{
	max-width:100%;
}
.wenhua .whinfo {
    position: absolute;
    top: 30%;
    left: 28%;
    width: 67%;
}
.wenhua .whinfo::before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 77px;
    background: #fff;
    left: -5.7%;
    top: 5px;
}
.wenhua .whinfo .whtitle {
    color: #fff;
    font-size: 30px;
    line-height: 54px;
}
.wenhua .whinfo .whsubtitle {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    padding-right: 20px;
}
.nhoner p{
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
}
.nhonor_list{
	width:23%;
	margin:15px 1%;
	float:left;
}
.nhonor_list1{
	width:31.33%;
	margin:15px 1%;
	float:left;
}
.nhonorimg{
	display:block;
	width:100%; 
	overflow:hidden; 
	background:#fff; 
	position: relative;
    height: 220px;
    display: block;
}
.nhonorimg1{
	display:block;
	width:100%; 
	overflow:hidden; 
	background:#fff; 
	position: relative;
    height: 300px;
    display: block;}
.nhonorimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.nhonorimg1 img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.nhonor_list:hover .nhonorimg img{
	transform: translate(-50%, -50%) scale(1.2);
    transition: all .5s ease;
}
.nhonor_list1:hover .nhonorimg1 img{
	transform: translate(-50%, -50%) scale(1.2);
    transition: all .5s ease;
}
.nhonortit{
	height:56px;
	line-height:56px;
	background:#f5f5f5;
	text-align:center;
	font-size:16px;
}
.nhonor_list:hover .nhonortit{
	background:#64CFD0;
	color:#fff;
}
.nhonor_list1:hover .nhonortit{
	background:#64CFD0;
	color:#fff;
}
/* nstore
-------------------------------------------------------------- */
.storelist{
	width:48%;
	margin:15px 1%;
	float:left;
}
.storeimg{
	display:block;
	width:100%; 
	overflow:hidden; 
	background:#fff; 
	position: relative;
    height: 350px;
    display: block;
}
.storeimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
/* nmassgenr
-------------------------------------------------------------- */
.nmessage{
	margin-top:40px;
	margin-bottom:40px;
}
.nmessagenr{
	width:100%;
	overflow:hidden;
	padding-bottom:50px;
}
.nmessagenr ul{
	width:100%;
	overflow:hidden;
}
.nmessagenr ul li{
	width:49%;
	overflow:hidden;
	float:left;
	margin:10px 0;
}
.nmessagenr ul li:nth-child(odd){
    margin-right: 2%;
}
.nmessagenr ul li:last-child{
	width:100%;
	margin: 10px auto;
}
.nmessagenr ul li select{
    width:100%;
	height:50px;
	line-height:50px;
	border-radius:5px;
	font-size:14px;
	border:solid 1px #e2e2e2;
	background: #f5f5f5;
	padding-left:10px;
}
.nmessagenr ul li input{
	width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	border-radius:5px;
	font-size:14px;
	border:solid 1px #e2e2e2;
}
.nmessagenr ul li .name{
	background:#f5f5f5 url(../images/message01.png) no-repeat 10px center;
	padding-left:40px;
}
.nmessagenr ul li .phone{
	background:#f5f5f5 url(../images/message02.png) no-repeat 10px center;
	padding-left:40px;
}
.nmessagenr ul li .email{
	background:#f5f5f5 url(../images/message03.png) no-repeat 10px center;
	padding-left:40px;
}
.nmessagenr ul li .city{
	background:#f5f5f5 url(../images/message05.png) no-repeat 10px center;
	padding-left:40px;
}
.nmessagenr ul li textarea{
	width:100%;
	height:140px;
	line-height:30px;
	border:solid 1px #e2e2e2;
	border-radius:5px;
	padding:5px 5px 5px 40px;
	font-size: 14px;
	background:#f5f5f5 url(../images/message04.png) no-repeat 10px 12px;
}
.nmessagenr .tjbtn{
	width:100%;
	overflow:hidden;
	margin: 20px auto;
}
.nmessagenr .tjbtn button{
	width: 100%;
    height: 50px;
    overflow: hidden;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background:#64CFD0;
    font-size: 16px;
	border-radius:5px;
}
.nmessagenr input::-webkit-input-placeholder {
        color: #cdd2db;
      }
.nmessagenr input::-moz-input-placeholder {
        color: #cdd2db;
      }
.nmessagenr input::-ms-input-placeholder {
        color: #cdd2db;
      }
	  
.nmessagenr textarea::-webkit-input-placeholder {
        color: #cdd2db;
      }
.nmessagenr textarea::-moz-input-placeholder {
        color: #cdd2db;
      }
.nmessagenr textarea::-ms-input-placeholder {
        color: #cdd2db;
      }
.has-error em{
	color:#64CFD0;
	font-style:normal;
	font-size:12px;
	margin-left:45px;
}
/* nnews
-------------------------------------------------------------- */
.nnewslist li {
    width: 31.333%;
    box-sizing: border-box;
	margin:15px 1%;
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	background:#fff;
}
.nnewsimg{
    overflow: hidden;
    background: #fff;
    position: relative;
    height: 260px;
}
.nnewsimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.nnewslist li:hover .nnewsimg  img{
	transform:translate(-50%, -50%) scale(1.1);
}
.nnewslist .nnewscon {
    padding: 28px;
    background: #fff;
}
.nnewslist .nnewsbt {
    font-size: 18px;
    color: #000;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 10px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.nnewslist .nnewsms {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.nnewslist .nnewscb {
    border-top: 1px solid #e5e5e5;
    background: #fff;
    padding: 16px 20px;
	position:relative;
}
.nnewslist .nnewsxq {
    font-size: 14px;
    color: #b7b7b7;
    line-height: 22px;
    position: relative;
    z-index: 2;
    -webkit-transition: all .8s;
    transition: all .8s;
	float:left;
}
.nnewslist .nnewsdate {
    font-size: 14px;
    color: #b7b7b7;
    line-height: 22px;
    font-family: "Arial";
    position: relative;
    z-index: 2;
    -webkit-transition: all .8s;
    transition: all .5s;
	float:right;
}
.nnewslist li:hover .nnewscb:before {
	transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);
	background:#64CFD0;
	transition: all 0.5s ease;
	height:100%;
}
.nnewscb:before {
    content: "";
    width: 100%;
    height: 0px;
    background: #64CFD0;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .5s 0s ease-in-out;
    transition: all .5s 0s ease-in-out;
    z-index: 1;
}
.nnewslist li:hover .nnewsdate,
.nnewslist li:hover .nnewsxq{
	color:#fff;
}
.nnewslist li:hover .nnewsbt{
	color:#64CFD0;
}
.nnewsnrcon{
	background:#fff;
	padding:60px 100px;
	margin-top:50px;
}
.nnewsnr h1{
	text-align:center;
	font-size:22px;
	padding:15px 0;
	margin:0 0 10px 0;
	line-height:36px;
	border-bottom:1px solid #d9d9d9;
}
.nnewsnr .fbtime{
	font-size:14px;
	padding:15px 0;
	text-align:center;
}
.info{
	background:#f5f5f5;
	padding:10px;
	margin-bottom:15px;
	line-height:24px;
}
.news_content{
	line-height:28px;
}
/*ndownload*/
.ndownloadlist{
	background:#f7f7f7;
	box-shadow:0 0 5px rgba(0,0,0,.15);
	margin-bottom:30px;
	padding:20px;
}
.ndownloadlist:hover{
	background:#64CFD0;
}
.ndownloadlist:hover h3,
.ndownloadlist:hover p{
	color:#fff;
}
/* ncontact
-------------------------------------------------------------- */
#map{
	height:400px;
}

.map{
	display:block;
	overflow:hidden; 
	height: 400px;
	position: relative;
    display: block;}
.map img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
}
.ncontactdiv{
	background:#64CFD0;
	padding:30px;
	height:400px;
}
.ncontactdiv li{
	background:url(/skin/images/add.png) no-repeat left center;
	color:#fff;
	border-bottom:1px solid #fff;
	padding:15px 0 15px 50px;
}
.ncontactdiv li:nth-child(3){
	background:url(/skin/images/tel.png) no-repeat left center;
}
.ncontactdiv li:nth-child(2){
	background:url(/skin/images/email.png) no-repeat left center;
}
.ncontactdiv li h3{
	font-size:18px;
	margin-bottom:5px;
}
.ncontactdiv li p{
	font-size:16px;
	color:#fff;
}
.ncontactdiv li p a{
	color:#fff;
	font-size:16px;
}
/* npro
-------------------------------------------------------------- */
.npronr_list{ 
	overflow:hidden; 
	margin:15px 1%;
	width:31%;
	float:left;
	position:relative;
}
.npronr_list a{
	display:block;
	overflow:hidden;
	width:100%;
}
.npronr_list .nproimg{
	width:100%; 
	overflow:hidden; 
	background:#fff; 
	position: relative;
    width: 100%;
    height: 300px;
    display: block;
}
.npronr_list .nproimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.npronr_list .nprotit{
    height:60px;
	padding:0 20px;
	background:#f5f5f5;
	text-align:left;
	line-height:60px;
}
.npronr_list .nprotit .nprotit_box {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-right: 20px;
}
.npronr_list .nprotit .nprotit_name{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 16px;
}
.npronr_list .nprotit .nprotit_img{
    position: absolute;
    right: 0;
    top: 0px;
    display: block;
    width: 20px;
    height: 60px;
    overflow: hidden;
    background: url(/skin/images/pro06.png) no-repeat right center;
}
.npronr_list a:hover .nprotit{
	background:#009944;
}
.npronr_list a:hover .nprotit .nprotit_name{
	color:#fff;
}
.npronr_list a:hover .nprotit .nprotit_img{
	background: url(/skin/images/pro06.png) no-repeat left center;
}
.npronr_list:hover  img{
	transform:translate(-50%, -50%) scale(1.2);
}
.nprolf{
	width:50%;
}
.nprolf img{
	max-width:100%;
	width:100%;
	border:1px solid #ddd;
	padding:3px;
}
.nprort{
	width:45%;
}
.nprort h3,
.nprort p{
	font-size:16px;
	margin:0;
	line-height:40px;
	color:#666;
}
.nprort h3 span{
	color:#009944;
	font-size:16px;
}
.nproinfo{
	font-size:16px;
	color:#666;
	line-height:30px;
}
/*²úƷչʾ½áÊø*/
	
/* dede_pages

-------------------------------------------------------------- */

.dede_pages{
		width:100%; 
		overflow:hidden; 
		margin-top: 30px;
		text-align: center;
}

.dede_pages ul {
    padding: 12px 0px 12px 0;
	display: inline-block;
}

.dede_pages ul li {
    float: left;
    margin-right: 6px;
	border:1px solid #dcdcdc;
	padding:5px 10px;
	font-size:14px;
}
.dede_pages ul li.thisclass{
    box-sizing: border-box;
	background:#64CFD0;
	color:#fff;
	border:1px solid #64CFD0;
}
.dede_pages ul li.thisclass a{
	color:#fff;
}
.dede_pages ul li:hover a{
	color:#fff;
}
.dede_pages ul li:hover{
    background:#64CFD0;
	color: #fff;
	cursor:pointer;
	border:1px solid #64CFD0;
}
.dede_pages ul li:hover span{
	color:#fff;
}
.page1{
	width:100%;
	overflow:hidden;
	margin-top:50px;
	margin-bottom:50px;
}
.pageleft,
.pageright{
	width:50%;
	float:left;
	height:50px;
	line-height:50px;
	background:#f4f4f4
}
.pageright{
	float:right;
	background:#eee;
}
.page1 .pageleft:hover,
.page1 .pageright:hover{
	background:#64CFD0;  
}
.pageleft p{
	background:url(/skin/images/news02.png) no-repeat  left center ;
}
.pageright p{
	background:url(/skin/images/news03.png) no-repeat right center;
}
.pageleft:hover p{
	background:url(/skin/images/news02H.png) no-repeat  left center ;
	color:#fff;
}
.pageright:hover p{
	background:url(/skin/images/news03H.png) no-repeat right center;
	color:#fff;
}

.page1 .pageleft p{
	padding:0 10px 0 80px;
}
.page1 .pageright p{
	padding:0 80px 0 20px;
}
.page1 p{
	width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	font-size: 14px;
}
.page1 p a{
	color:#454545;
	font-size: 14px;
}
.pageleft:hover p a,
.pageleft p:hover a
.pageright:hover p a,
.pageright p:hover a{
	color:#fff;
}
.page1 p a:hover{
	color:#fff;
}
/**/

@media(max-width:1600px) {
	.newslist .newsbt{
		margin-bottom:40px;
	}
	.newslist .item:first-child .newsimg{
		height:310px;
	}
	.newstjimg{
		height:897px;
	}
	.newstjbt{
		font-size:28px;
		line-height:45px;
	}
	.headernr{
		width:92%;
	}
	

}
@media(max-width:1500px){
	.positiontit img{
		margin:20px auto;
	}
	.ncont{
		width:1200px;
	}
	.naboutnr .pp{ height:330px;}
	.nhonorimg{
		height:270px;
	}
	.nnewsimg{
		height:250px;
	}
}
@media(max-width:1440px) {
	.banner .container {
		width: 90%;
	}
	.youshih{ padding-bottom:25%;}
	.banner .slide-title h2 {
		font-size: 38px;
	}
	.banner .slide-text p {
		font-size: 20px;
	}
	.newslist .item:first-child .newsimg{
		height:290px;
	}
	.newsnrrinfo{
		margin:30px 30px 20px 30px;
	}
	.newstjimg{
		height:837px;
	}
	.newslist .newsbt{
		font-size:18px;
		margin-bottom:30px;
	}
	.footlxwm > div{
		padding-left:60px;
	}
	.positionline{
		margin-top:30px;
	}
	.nhonorimg{
		height:255px;
	}
	.nnewsimg{
		height:240px;
	}
	.whicon{
		width:16%;
	}
	.wenhua .whinfo {
		left: 32%;
		width: 60%;
	}
	.wenhua .whinfo .whsubtitle{
		font-size:16px;
	}
	.wenhua .whinfo .whtitle{
		font-size:26px;
	}
}
@media(max-width:1300px) {
	.newslist .item:first-child .newsimg{
		height:270px;
	}
	.newsnrrinfo{
		margin:20px 20px 10px 20px;
	}
	.newstjimg{
		height:777px;
	}
	
}
@media(max-width:1200px) {
	.banner_n{
		height:600px;
	}
	.naboutnr .pp{ height:280px;}
	.youshih {
    padding-bottom: 32%;
}
	.capitalize{
		top:60%;
	}
	.capitalize .ad-tit{
		font-size:50px;
	}
	.banner .slide-title h2 {
		font-size: 32px;
	}
	.banner .slide-text p {
		font-size: 18px;
	}
	.newslist .item:first-child .newsimg{
		height:240px;
	}
	.newslist .item{
		margin-bottom:25px;
	}
	.newslist .newsbt {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.newslist .newsms{
		font-size:14px;
	}
	.newstjimg{
		height:703px;
	}
	.newstjbt {
		font-size: 22px;
		line-height: 40px;
	}
	.aboutimg{
		padding:0;
	}
	.aboutnr{
		padding-left:50px;
	}
	.marbottom {
		margin-bottom: 50px;
	}
	.martop {
		margin-top: 50px;
	}
	.abotab-liwords h5{
		font-size:20px;
	}
	.ncont{
		width:1024px;
	}
	.nhonorimg{
		height:220px;
	}
	.nnewsimg{
		height:200px;
	}
	.nnewslist .nnewscon {
		padding: 18px;
	}
	.whicon img{
		width:80%;
	}
	.wenhua .whinfo {
		left: 27%;
		width: 68%;
	}
	.whicon {
		width: 16%;
		left: 5%;
	}
	.wenhua > div >img{
		max-width:100%;
	}
	.nnewsnrcon {
		padding: 40px 40px;
	}
	
}
@media(max-width:1024px) {
	.ncont{
		width:92%;
	}
	.youshih {
    padding-bottom: 38%;
}
	.capitalize .ad-tit{
		font-size:40px;
	}
	.banner_n{
		height:500px;
	}
	.banner .slide-title h2 {
		font-size: 30px;
	}
	.banner .slide-text p {
		font-size: 18px;
	}
	.hidden-s{
		display:none;
	}
	.mobile-header{
		display:block;
	}
	.aboutnr p{
		padding-right:40px;
	}
	.positiontit h4{
		font-size:16px;
	}
	.tit h3 a,.tit h3{
		font-size:30px;
	}
	.tit .pinyin{
		font-size:20px;
	}
	.brandtit li.tit {
		padding: 50px 0 0 20px;
	}
	.brandlogo{
		height:180px;
		background-size:40% 80%;
		padding-top:20px;
	}
	.brandtit li.active .brandlogo{
	    background:url(/skin/images/brandbgh.jpg) no-repeat right bottom #fff;
		background-size:40% 80%;
	}
	.newslist .item:first-child .newsimg{
		height:200px;
	}
	.newslist .item{
		margin-bottom:20px;
	}
	.newslist .newsbt {
		margin-bottom: 10px;
	}
	.newslist .newsms{
		font-size:14px;
	}
	.newslist .newsmore{
		margin-top:10px;
		font-size:14px;
		line-height:50px;
	}
	.newstjimg{
		height:587px;
	}
	.newsnrrinfo {
		margin: 15px 15px 5px 15px;
	}
	.newstjbt {
		font-size: 18px;
		line-height:34px;
	}
	.lxwm li:first-child{
		margin-left:5%;
	}
	.botnav p a,
	.bot,.bot a,
	.footlxwm p{
		font-size:14px;
	}
	.footlxwm p{
		line-height:28px;
	}
	.nhonorimg{
		height:200px;
	}
	.nnewsimg{
		height:180px;
	}
	.nnewslist .nnewsbt{
		font-size:16px;
	}
	.wenhua .whinfo .whtitle {
		font-size: 26px;
		line-height:46px;
	}
	.wenhua .whinfo{
		top:24%;
	}
	.whicon {
		top:32%;
	}
	.ncontactdiv,#map{
		height:440px;
	}
	
}
@media(max-width:991px) {
	.abotab-liwords h5 {
		font-size: 16px;
	}
	.tit h3 a,.tit h3{
		font-size:26px;
	}
	.tit .pinyin{
		font-size:16px;
	}
	.lxwm{
		margin-top:20px;
	}
	.lxwm li{
		float:left;
		margin:0 30px 0 0;
	}
	.lxwm li:first-child {
		margin-left: 0;
	}
	.footlxwm{
		margin-top:30px;
	}
	.bot .cont div:nth-child(2) {
		text-align: left;
	}
	.newstjmore{
		width:100%;
	}
	.brandimg p{
	    width: 80%;
	    top: 30%;
	}
}
@media(max-width:768px) {	
.storelist{
	width:98%;
	margin:15px 1%;
	float:none;
}
	.naboutnr .pp{ height:200px; width:100%;}
.storeimg{
    height: 200px;
}
	.banner .slide-title h2 {
		font-size: 26px;
	}
	.banner .slide-text p {
		font-size: 16px;
	}
	.left,.right{
		float:none;
	}
	.banner_n {
		height: 450px;
	}
	.capitalize .ad-tit {
		font-size: 36px;
	}
	.brandlogo {
		height: 150px;
	}
	.brandlogo p{
		font-size:14px;
	}
	.brandtit li.tit {
		padding: 30px 0 0 20px;
	}
	.positiontit img {
		margin: 10px auto;
	}
	.aboutnr .marbottom{
		margin-bottom:20px;
	}
	.aboutnr .martop{
		margin-top:20px;
	}
	.abotab-liwords{
		bottom:10%;
	}
	.footlxwm > div {
		padding-left: 40px;
	}
	.aboutnr p{
		font-size:14px;
	}
	.nhonorimg{
		height:150px;
	}
	.nnewsimg{
		height:140px;
	}
	.shubiao-ncon{
		margin-top:30px;
	}
	.nabout_menu a{
		padding:10px 30px;
	}
	.ntit{
		font-size:28px;
	}
	.wenhua .whinfo{
		top:14%;
	}
	.whicon {
		top:28%;
	}
	.wenhua .whinfo .whtitle {
		font-size: 22px;
		line-height: 40px;
	}
	.pageleft, .pageright{
		width:100%;
		margin-bottom:15px;
	}
	.youshih{
  	margin-bottom:0px;
    background:#fff;
    padding-bottom:185%;
    border:none;
  }
.youshink{
    position: static !important;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    display: inline;
    flex-wrap: nowrap;
}
    .youshih .l1 {
    position:relative;
  	overflow:hidden;
    width:100%;
    height:0;
    padding-bottom:110%;
  }
  .youshih:nth-child(10) .l1{ padding-bottom:173%;}
    .youshih .pic {
  	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
    .youshih .l2 {
  	    padding: 40px 5% 40px 5%;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 35%;
  }
}
@media(max-width:767px) {
	.cont{
		width:95%;
	}
	.footlxwm > div{
		margin-bottom:10px;
	}
	.corepositiontit {
		width: 96%;
		margin: 20px auto 0 auto;
	}
	.corepositiontit p {
		font-size: 14px;
		margin-top: 20px;
	}
	
	.aboutnr{
		padding:0 15px;
	}
	.aboutnr p{
		padding:0;
	}
	.newstjmore{
		width:215px;
	}
	.newstj{
		display:none;
	}
	.newsnrr{
		padding:0;
	}
	.wenhua .whinfo{
		top:30%;
	}
	.whicon {
		top:32%;
	}
	.wenhua .whinfo .whtitle {
		font-size: 26px;
		line-height: 46px;
	}
	.wenhua > div{
		margin-bottom:15px;
	}
	.ncontactdiv{
		height:auto;
	}
}
@media(max-width:640px) {
	.banner .slide-title h2 {
		font-size: 22px;
	}
	.banner .slide-text p {
		font-size: 14px;
	}
	.logo {
		height: 80px;
	}
	.header{
		height:80px;
	}
	.logo img {
		margin: 2px 0 0 5px;
	}
	#menu{
		top:18px;
	}
	.tit h3 a,.tit h3{
		font-size:22px;
	}
	.tit .pinyin{
		font-size:14px;
	}
	.brandlogo p{
		margin-top:15px;
		line-height:20px;
	}
	.abotab-liic img{
		width:42%;
	}
	.abotab-liwords h5 {
		font-size: 14px;
		height: 40px;
		line-height: 20px;
		margin-top: 10px;
	}
	.abotab-liwords {
		bottom: 5%;
	}
	.abotab .tit{
		top:10%;
		display:none;
	}
	.nhonor_list {
		width: 48%;
		margin:8px 1%;
	}
	.nhonor_list1 {
		width: 48%;
		margin:8px 1%;
	}
	.nhonorimg {
		height: 190px;
	}
	.nhonorimg1{
	    height:150px;
	}
	.nnewslist li {
		width: 48%;
		margin: 8px 1%;
	}
	.nnewsimg {
		height: 180px;
	}
	.nmessagenr ul li{
		width:100%;
		margin-right:0;
	}
	.nnewsnrcon {
		padding: 20px 15px;
	}
	.brandimg p{
	    font-size: 16px;
	    line-height: 30px;
	}
}

@media(max-width:500px) {
	.banner .slide-title h2 {
		font-size: 18px;
	}
	.brandlogo {
		height: 110px;
		padding:10px 0 0 10px;
	}	
	
	.naboutnr .pp{ height:280px;}
	.brandlogo p{
		margin-top:10px;
	}
	.brand .tit .pinyin{
		display:none;
	}
	.marbottom {
		margin-bottom: 30px;
	}
	.martop {
		margin-top: 30px;
	}
	.newsnrrinfo{
		margin:10px 10px 0 10px;
	}
	.newslist .newsbt {
		font-size: 14px;
		margin-bottom: 0px;
	}
	.newslist .newsms{
		font-size:12px;
		height:auto;
		line-height:26px;
		-webkit-line-clamp:1;
	}
	.newslist .newsmore{
		margin-top:5px;
	}
	.newslist .item:first-child .newsimg {
		height: 147px;
	}
	.shubiao_line{
		height:30px;
	}
	.nabout_menu a {
		padding: 6px 20px;
		font-size:14px;
	}
	.banner_n {
		height: 380px;
	}
	.capitalize .ad-tit {
		font-size: 30px;
		margin-bottom:10px;
	}
	.shubiao-ncon {
		margin-top: 5px;
	}
	.capitalize {
		top: 65%;
	}
	.position a {
		font-size: 14px;
	}
	.ntit {
		font-size: 22px;
		margin:30px 0;
	}
	.wenhua .whinfo{
		top:26%;
	}
	.whicon {
		top:32%;
	}
	.wenhua .whinfo .whtitle {
		font-size: 22px;
		line-height: 40px;
	}
	.nhonorimg{
		height:150px;
	}
	.nnewsimg{
		height:140px;
	}
}
@media(max-width:414px) {
	.positionline {
		margin-top: 15px;
	}
	.newslist .item{
		width:100%;
	}
	.naboutnr .pp{ height:200px;}
	.newslist .item:nth-child(2), .newslist .item:nth-child(3), .newslist .item:nth-child(5) {
		margin-left: 0;
	}
	.botnav li{
		width:30%;
		height:240px;
	}
	.botnav li:nth-child(3){
		width:40%;
	}
	.wenhua .whinfo{
		top:24%;
	}
	.whicon {
		top:34%;
	}
	.nhonor_list,
	.nnewslist li,
	.nhonor_list1 {
		width: 100%;
		margin: 8px 0;
	}
	.nhonorimg,
	.nnewsimg,
	.nhonorimg1 {
		height:auto;
	}
	.nhonorimg img,
	.nnewsimg img,
	.nhonorimg1 img{
		position:relative;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
	}
	.nhonor_list:hover .nhonorimg img,
	.nnewslist li:hover .nnewsimg  img,
	.nnewslist1 li:hover .nnewsimg  img{
		transform: translate(0%, 0%) scale(1);
	}
	.map{ height:120px;}
	
	
}
@media(max-width:375px) {	
	.wenhua .whinfo{
		top:14%;
	}
	.whicon {
		top:29%;
	}
	.wenhua .whinfo .whtitle {
		font-size: 18px;
		line-height: 34px;
		font-weight:bold;
	}
}
@media(max-width:320px) {
    
		.lxwm li{ padding-top:20px;}
		.lxwm li p{ text-align:left;}
	
}

.map-service-right{ margin:0px auto;}
.china-map{width:748px;height:618px;background:url(/skin/images/map_black_bg.png) center no-repeat;position:relative; margin:0px auto;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#64CFD0}
.region-list.active .area-box .pulse{border-color:#64CFD0;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #64CFD0,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #64CFD0,0 0 20px #64CFD0 inset;box-shadow:0 0 12px #64CFD0,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap; display:none;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}
.postition-3{left:358px;top:516px}
.postition-4{left:473px;top:348px}
.postition-5{left:526px;top:394px}
.postition-6{left:526px;top:515px}
.postition-7{left:652px;top:200px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:559px;top:229px}
.postition-9{left:637px;top:371px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:554px;top:539px}
.postition-11{left:604px;top:300px}
.postition-13{left:470px;top:250px}
.douhao{width:0}
.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #dcdcdc;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#64CFD0; color:#fff; border: 1px solid #64CFD0; }
.ab_pages ul a:hover{ background:#64CFD0; color:#fff; border: 1px solid #64CFD0;}
.ab_pages .page-status{ display:none;}
.ab_pages span.page-num{ display:none;}<!--0.00013303756713867-->