@charset "utf-8";

@font-face {
	font-family: 'fzltxhk';
	src:
		url('http://www.xam.com/templates/xiangaimao/css/fzltxhk--gbk1-0-webfont.eot');
	/* IE9*/
	src:
		url('http://www.xam.com/templates/xiangaimao/css/fzltxhk--gbk1-0-webfont.eot?#iefix')
		format('fzltxhk'), /* IE6-IE8 */    
		
		
		
		url('http://www.xam.com/templates/xiangaimao/css/fzltxhk--gbk1-0-webfont.woff')
		format('fzltxhk'), /* chrome、firefox */    
		
		
		
		url('http://www.xam.com/templates/xiangaimao/css/fzltxhk--gbk1-0-webfont.ttf')
		format('truetype'),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  
		 url('font/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}

html {
	font-size: 625%;
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: .875rem;
	line-height: 26px;
	font-weight: 500;
	color: #333333;
	-webkit-text-size-adjust: none;
	-webkit-font-size-adjust: none
}

body, h1, h2, h3, h4, p, ul, ol, form, fieldset, figure {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: "Microsoft YaHei", "Microsoft Yahei UI", "Helvetica Neue",
		Helvetica, Arial, SimHei, "\5B8B\4F53", simsun, sans-serif;
	color: #01010;
}

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

a {
	text-decoration: none;
	color: #010100;
}

@font-face {
	font-family: 'SimploW00-Black';
	font-weight: 400;
	font-style: normal
}

body {
	background: #fff;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body {
	width: 100%;
	height: 100%
}

.varWrapperClass {
	width: 100%;
}

a {
	padding: 0;
	margin: 0;
	text-decoration: none
}

p, ul, ol, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 400;
	line-height: inherit
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.clearfix {
	display: inline-block
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

:focus {
	outline: none;
	outline-width: 0
}

html, p, .main-navigation article, .block-title article, .block-title p,
	.about-agency p, .blog-topic p, .agency-design ul li,
	.agency-development ul li, .agency-video-production ul li,
	.agency-clients .bx-wrapper .bx-viewport ul li, .agency-clients .bx-wrapper .bx-viewport ul li .author span,
	.agency-founder-poster-wrapper i, .agency-founder-poster-wrapper p,
	.project-service ul li, .project-nav a span, .social-share li,
	.landing-slogan .landing-slogan-wrapper a, .agency-history,
	.agency-heros li .hero-desig, .blog-page #more_posts, .agency-clients .bx-wrapper .bx-viewport ul li p,
	.agency-page .agency-tag p, .contact ul li .icon, .office-on-map p,
	.contact-form-wrapper label, .blog-details-photo .blogs-title i {
	font-weight: 500
}

.contact-form-wrapper input[type="text"], .contact-form-wrapper textarea,
	.project-nav a, .about-agency p strong, .blog-topic p strong,
	.blog-page #more_posts, .landing-slogan .landing-slogan-wrapper,
	.contact-form-wrapper input[type="submit"], .contact ul li .icon span {
	font-weight: 400;
	outline: none;
	outline-width: 0
}

.tag-line .tag-line-bold, .agency-heros li .hero-name {
	font-weight: 900
}

header {
	width: 100%;
	padding: 30px;
	top: 0;
	left: 0;
	height: auto;
	margin: 0;
	padding: 0;
}

header h1 {
	display: table;
	top: 40px;
	left: 94px;
}

h1 span {
	float: left;
	color: #b3b3b3;
	display: table-cell;
	vertical-align: middle;
	line-height: initial;
	text-transform: uppercase
}

h1 .td-logo {
	width: 118px;
	height: 108px;
	display: table;
	z-index: 99;
}

h1 .band {
	width: 118px;
	height: 108px;
	padding: 0;
	text-align: center;
}

h1 .band object {
	width: 118px;
	height: 108px;
	font-size: 0;
	z-index: 3;
	border: 1px solid green;
}

@
keyframes bg-pos-move { 0% {
	background-position: -30px 0
}

100%{
background-position




















































































































































:




















































































































































-30
px










































































 










































































-50
px










































































 










































































}
}
@
-moz-keyframes bg-pos-move { 0% {
	background-position: -30px 0
}

100%
{
background-position




















































































































































:




















































































































































-30
px




















































































































































-50
px




















































































































































}
}
@
-webkit-keyframes bg-pos-move { 0% {
	background-position: -30px 0
}

100%
{
background-position




















































































































































:




















































































































































-30
px




















































































































































-50
px




















































































































































}
}
@
-ms-keyframes bg-pos-move { 0% {
	background-position: -30px 0
}

100%
{
background-position




















































































































































:




















































































































































-30
px




















































































































































-50
px




















































































































































}
}
@
-o-keyframes bg-pos-move { 0% {
	background-position: -30px 0
}

100%
{
background-position




















































































































































:




















































































































































-30
px




















































































































































-50
px




















































































































































}
}
h2 {
	font-size: 1.667em
}

img {
	display: block;
	max-width: 100%;
}

div, figure, figcaption {
	box-sizing: border-box;
}

.fontweight-500 {
	font-weight: 500;
}

.none {
	display: none;
}

.clearfix:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

body {
	width: 100%;
	background: #FFF;
}

.wrapanim {
	z-index: 2;
	position: relative;
}

#wrapper {
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	height: auto;
}

.logo {
	float: left;
	width: 6.3%;
	margin: 0;
	padding: 0;
	margin-left: 4.9%;
}

.share {
	float: right;
	width: 28.6%;
}

ul.ico-list {
	float: right;
	margin: 0;
	padding: 0;
	width: 51.4%;
}

ul.ico-list li {
	float: right;
	width: 10%;
	margin-left: 5%;
	background: none;
}

ul.ico-list li a img {
	width: 100%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	border: 2px solid #333;
	background: url(../img/ico-facebook.png) no-repeat;
	background-size: cover;
}

ul.ico-list li a:hover img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	border: 2px solid #c9c9c9;
	background: url(../img/ico-facebook-sel.png) #c9c9c9 no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-facebook a img {
	background: url(../img/ico-facebook.png) no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-facebook a:hover img {
	background: url(../img/ico-facebook-sel.png) #c9c9c9 no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-twitter a img {
	background: url(../img/ico-tuite.png) no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-twitter a:hover img {
	background: url(../img/ico-tuite-sel.png) #c9c9c9 no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-tumbl a img {
	background: url(../img/ico-t.png) no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-tumbl a:hover img {
	background: url(../img/ico-t-sel.png) #c9c9c9 no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-weibo a img {
	background: url(../img/ico-sina.png) no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-weibo a:hover img {
	background: url(../img/ico-sina-sel.png) #c9c9c9 no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-qq a img {
	background: url(../img/ico-qq.png) no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-qq a:hover img {
	background: url(../img/ico-qq-sel.png) #c9c9c9 no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-wx a img {
	background: url(../img/ico-weixin.png) no-repeat;
	background-size: cover;
}

ul.ico-list li.ico-wx a:hover img {
	background: url(../img/ico-weixin-sel.png) #c9c9c9 no-repeat;
	background-size: cover;
}

.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

ul.language-sel {
	float: right;
	margin: 0;
	padding: 0;
	width: 21%;
	margin-right: 13.9%;
}

.language-sel li {
	float: right;
	width: 87%;
}

a.langtext:hover  span.language-cntext {
	color: #fff;
}

.language-sel li a.langtext span.langtexttag svg {
	
}

.language-sel li a.langtext span.langtexttag svg rect {
	fill: #fff;
	stroke: #333;
	stroke-width: 1;
	opacity: 1;
}

.language-sel li a.langtext span.langtexttag svg circle {
	fill: #fff;
	stroke: #333;
	stroke-width: 1;
	opacity: 1;
}

.language-sel li a.langtext  span.langtexttag svg line {
	stroke: #333;
	opacity: 1;
	stroke-width: 2;
}

.language-sel li a.langtext  span.langtexttag svg text {
	fill: #333;
	font-size: 1.3rem;
}

.language-sel li a.langtext:hover span.langtexttag svg rect {
	fill: #c9c9c9;
	stroke: #c9c9c9;
}

.language-sel li a.langtext:hover span.langtexttag svg circle {
	fill: #c9c9c9;
	stroke: #FFF;
}

.language-sel li a.langtext:hover  span.langtexttag svg line {
	fill: #c9c9c9;
	stroke: #FFF;
}

.language-sel li a.langtext:hover  span.langtexttag svg text {
	fill: #FFF;
}

.head-top {
	margin-top: 3%;
}

.langls {
	float: left;
	width: 5%;
	margin-top: -0.37%;
	height: auto;
	position: absolute;
	background: #f4f4f4;
}

.langls li {
	float: left;
	width: 100%;
	margin: 0;
}

.langls li a {
	display: block;
	width: 100%;
	text-align: center;
	height: 100%;
	font-size:1.3rem;
}

.langls li a:hover {
	background: #dcdcdc;
}

.nav-button {
	width: 100%;
	height: auto;
	float: right;
	overflow: hidden;
}

.nav-buttonico {
	float: right;
	width: 8%;
	margin-top: 2%;
	margin-right: 15%;
	width: 8%;
	overflow: hidden;
}

div.model-language {
	float: right;
	width: 15%;
	text-align: center;
	right: 0;
	margin-right: 12%;
	display: none;
	position: absolute;
}

div.model-language ul {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

div.model-language ul li {
	float: left;
	width: 100%;
	padding-top: 5%;
	width: 100%;
}

div.model-language ul li a {
	width: 100%;
	text-align: center;
}

div.model-language ul li ul.model-lang-list {
	margin: 0;
	padding: 0;
}

div.model-language ul li  ul.model-lang-list li {
	padding-top: 5%;
	float: left;
	width: 80%;
	margin-left: 10%;
	padding-bottom: 2%;
	border-top: .01rem solid #b5b5b5;
}

.nav-buttonico a svg {
	width: 100%;
}

.nav-list {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 0;
	z-index: -1;
	z-index: 999;
	overflow: hidden;
}

.nav-list-close {
	float: right;
	background: url(../img/navbg.png) repeat;
	width: 80px;
	margin-top: 23%;
	display: block;
}

.nav-list 
.nav-list-close a {
	float: left;
}

.nav-list-ls {
	height: 100%;
	width: 300px;
	float: right;
	background: url(../img/navbg.png) repeat;
	z-index: 999;
}

.nav-list-ls ul {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 50%;
}

.nav-list-ls ul li {
	float: left;
	width: 100%;
	padding-top: 5%;
	text-align: right;
}

.nav-list-ls ul li a {
	float: right;
	margin-right: 21%;
}

.nav-list-ls ul li span {
	float: left;
	margin-left: 5%;
}

.nav-list-ls ul li.nav-list-def span {
	transform: rotate(270deg);
	-ms-transform: rotate(270deg); /* IE 9 */
	-moz-transform: rotate(270deg); /* Firefox */
	-webkit-transform: rotate(270deg); /* Safari 和 Chrome */
	-o-transform: rotate(270deg);
}

.nav-list-ls ul li.nav-list-def span svg line {
	stroke: rgb(170, 168, 209);
	stroke-width: 2;
}

.nav-web-jt {
	display: block;
	margin-top: 2%;
}

.nav-web-jt svg line {
	stroke: #333;
	stroke-width: 2;
}

.nav-model-jt {
	width: 20%;
	display: none;
}

.nav-list-ls ul li a, .nav-list-ls ul li ul li a {
	font-size:1.3rem;
}

li.nav-list-def .nav-web-jt {
	margin-top: -1.5%;
}

.nav-list-ls ul li.nav-list-def a {
	color: #9997c9;
}

.nav-list-ls ul li.nav-list-def ul.nav-list-son li a {
	color: #fff;
}

.nav-list-ls ul li.nav-list-def ul.nav-list-son li a:hover {
	color: #9997c9;
}

li.nav-model-list {
	display: none;
}

ul.nav-list-son {
	margin: 0;
	width: 100%;
	height: 0px;
	overflow: hidden;
}

.nav-list-ls ul li.nav-list-def ul.nav-list-son {
	display: block;
	background: #a9a8d2;
	margin-top: 5%;
	padding-bottom: 5%;
}

ul.nav-list-son li {
	width: 100%;
}

ul.nav-list-son li a {
	
}
/************首页屏******************/
.first {
	width: 100%;
	height: auto;
	clear: both;
}

.first-left {
	float: left;
	width: 70%;
	padding: 0;
	margin: 0;
	overflow: auto;
	overflow: auto;
	margin-left: -25%;
}

.first-left svg {
	opacity: 0.9;
}

.first-right {
	float: left;
	width: 45%;
	margin-top: 17%;
}

.first-right p {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	text-align: center;
	color: #333;
	font-size:1.2rem;
}

.first-right p span {
	padding-right: 3%;
	font-size: 1.2rem;
	letter-spacing: .1rem;
	padding-bottom: 0;
}

.first-button {
	width: 100%;
	position: relative;
	margin-top: 20%;
	text-align: center;
}

.first-button .more-button {
	display: block;
	width: 20%;
	margin: 0 auto;
	position: relative;
}

.secon {
	width: 100%;
	clear: both;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.secon ul {
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}

.secon ul li {
	float: left;
	font-size: 0;
	width: 20.5%;
}

.secon-left {
	margin-top: 30%;
	margin-left: 5%;
	position: absolute;
	display: block;
	width: 5.8%;
}

.secon-left a svg line {
	stroke: #949494;
	stroke-width: 10;
}

.secon-left a:hover svg {
	background: url(../img/jtbg.png) repeat;
}

.secon-left a:hover svg line {
	stroke: #ffffff;
}

.secon-right {
	margin-top: 30%;
	right: 5%;
	position: absolute;
	display: block;
	width: 5.8%;
}

.secon-right a svg line {
	stroke: #949494;
	stroke-width: 10;
}

.secon-right a:hover svg {
	background: url(../img/jtbg.png) repeat;
}

.secon-right a:hover svg line {
	stroke: #ffffff;
}

.secon-sel {
	display: block;
	width: 10%;
	margin-top: 59.5%;
	left: 45%;
	position: absolute;
}

.secon-sel ul {
	width: 100%;
	margin: 0;
}

.secon-sel ul li {
	float: left;
}

.secon-sel ul li a svg circle {
	stroke: #949494;
	fill: #949494;
	stroke-width: 1;
}

.secon-sel ul li a.active svg circle {
	stroke: #FFFFFF;
	fill: #ffffff;
	stroke-width: 1;
}

.more-button {
	display: block;
	width: 4.2%;
	margin-left: 4.8%;
	top: 90.5%;
	height: auto;
	position: absolute;
}

.secon ul li span.more-button {
	display: block;
	width: 9.6%;
	margin-left: 19%;
	position: absolute;
	height: auto;
}

.more-button a svg rect {
	fill: none;
	stroke: #333;
	stroke-width: 1;
	opacity: 1;
}

.more-button  a svg circle {
	fill: none;
	stroke: #333;
	stroke-width: 1;
	opacity: 1;
}

.more-button a svg line {
	stroke: #333;
	opacity: 1;
	stroke-width: 1;
}

.more-button a svg text {
	fill: #333;
	font-size: 1.3rem;
}

.more-button a:hover svg rect {
	fill: #c9c9c9;
	stroke: #FFF;
	stroke-width: 1;
	opacity: 1;
}

.more-button  a:hover svg circle {
	fill: #c9c9c9;
	stroke: #fff;
	stroke-width: 1;
	opacity: 1;
}

.more-button a:hover svg line {
	stroke: #fff;
	opacity: 1;
	stroke-width: 1;
}
.more-button a:hover svg text {
	fill: #FFF;
}

.third {
	width: 100%;
	clear: both;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.third-img {
	float: left;
	width: 100%;
	font-size: 0;
	height: auto;
}

.third-text {
	float: left;
	display: block;
	width: 25%;
	left: 13%;
	margin-top: 10%;
	position: absolute;
}

.third-text p {
	line-height: 190%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size:1.2rem;
}

.third .more-button {
	margin-left: 4%;
}

.third-text h1 {
	width: 100%;
	float: left;
	height: auto;
	font-size: 1.4rem;
}

.third-text h1 span {
	float: left;
	padding-bottom: 3%;
	margin-right: 7%;
	color: #000;
}

.third-text h1 span.third-text-en {
	font-size: 1.5rem;
	font-weight: 700;
}

.third .more-button {
	width: 9%;
	left: 9%;
	margin-top: -20%;
	position: absolute;
}

.main-four {
	clear: both;
	margin: 0 auto;
	width: auto;
	width: 41%;
	padding-top: 2%;
	padding-bottom: 2%;
	text-align: center;
}

div.main-four img {
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity:0;
}

.index-line {
	width: 100%;
	height: 7%;
	background: #efefef;
}

.listed {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 1%;
}

.listed-text {
	float: left;
	width: 80%;
	margin-left: 14%;
}

.listed-text h1 {
	margin: 0;
	padding: 0;
	margin-bottom: 1.5%;
	font-size: 1.4rem;
}

.listed-text p {
	font-size: 1.2rem;
	width: 25%;
	padding: 0;
	margin: 0;
}

.listed-img {
	padding-top: 3%;
	float: left;
	width: 22.7%;
	font-size: 0;
	margin-left: 14%;
}

.listed-img-moble {
	display: none;
}

.listed-right {
	float: left;
	width: 50%;
	margin-left: 5%;
	overflow: hidden;
}

.listed-right ul.listed-right-ul {
	width: 300%;
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 10%;
}

.listed-right ul.listed-right-ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 33%;
}

.listed-right ul.listed-right-ul li ul {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
}

.listed-right ul.listed-right-ul li ul li {
	float: left;
	width: 49%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

.listed-right ul.listed-right-ul li ul li p a {
	font-size: 1.2rem;
}

.listed-right .secon-left {
	margin-top: 15%;
	width: 4%;
	margin-left: -2%;
}

.listed-right .secon-right {
	margin-top: 15%;
	width: 4%;
	margin-right: 0%;
}

.listed-right-button {
	display: block;
	width: 15%;
	margin-top: 38%;
	left: 65%;
	float: left;
	position: absolute;
	text-align: center;
	clear: both;
}

.listed-right-button a {
	width: 11%;
	display: block;
	margin: 0;
	float: left;
	padding: 0;
}

.listed-right-button a svg circle {
	stroke: #949494;
	fill: #949494;
	stroke-width: 1;
}

.listed-right-button a.active svg circle {
	stroke: #cacaca;
	fill: #cacaca;
	stroke-width: 1;
}

.indexbanner {
	float: left;
	font-size: 0;
	padding-top: 5%;
	width: 100%;
	height: auto;
}
/******************联系我们***********************/
.linkme {
	width: 100%;
	float: left;
	clear: both;
}

.linkme h1 {
	font-size: 1.6rem;
	float: left;
	margin-left: 20%;
	padding-top: 4%;
}

.linkme-lx {
	float: left;
	margin: 0;
	width: 100%;
	padding: 0;
	margin-left: 20%;
	margin-top: 3%;
}

.linkme-lx li {
	width: 10%;
	float: left;
	margin: 0;
	padding: 0;
}

.linkme-lx li svg text {
	fill: #333;
	font-size: 1.2rem;
}

.linkme-sub {
	float: left;
	width: 60%;
	margin: 0;
	padding: 0;
	margin-left: 20%;
}

.linkme-sub ul {
	float: left;
}

.linkme-sub li {
	float: left;
	width: 35%;
	margin-right: 3%;
}

.linkme-sub li .linkme-inputtext {
	float: left;
	width: 35%;
	margin-right: 3%;
	overflow: hidden;
	margin-bottom: 0;
}

.linkme-sub li div.linkme-error {
	border-top: .1rem solid #ccc;
	font-size: 1rem;
	color: red;
	margin-bottom: 10%;
	font-family: 'fzltxhk';
	font-weight: 500;
	font-style: normal;
}

.linkme-sub li .linkme-inputtext {
	float: left;
	width: 100%;
	height: auto;
}

.linkme-sub li .linkme-error {
	float: left;
	width: 100%;
	border-top: .1rem solid #ccc;
}

li div.limeke-error-des {
	color: red;
}

.linkme-sub li .linkme-inputtext span {
	margin-right: 2%;
	float: left;
	display: block;
	width: 73%;
	overflow: hidden;
}

.linkme-sub li .linkme-inputtext span.line-title {
	width: auto;
	line-height: 140%;
	font-size:1.2rem;
}

.linkme-sub ul li .linkme-inputtext span input {
	height: 100%;
	border: 0;
	float: left;
	width: 100%;
	font-weight: 500;
	font-size: 1.2rem;
}

.linkme-sub  li.linkme-leve {
	border-bottom: 0;
	margin-bottom: 0.5%;
	font-size:1.2rem;
}

.linkme-sub  li.linkme-text {
	border: 1px solid #ccc;
	width: 73%;
	float: left;
}

.linkme-sub  li.linkme-text textarea {
	border: 0;
	width: 99%;
	font-size: 1.6rem;
}

.link-send {
	float: right;
	width: 18%;
	margin-top: -6.5%;
	cursor: pointer;
}

.link-send button {
	border: 0;
	background: none;
}

.link-send button  svg rect {
	fill: none;
	stroke: #333;
	stroke-width: 1;
	opacity: 1;
	cursor: pointer;
}

.link-send  button svg circle {
	fill: none;
	stroke: #333;
	stroke-width: 1;
	opacity: 1;
	cursor: pointer;
}

.link-send button  svg line {
	stroke: #333;
	opacity: 1;
	stroke-width: 1;
}

.link-send  button svg text {
	fill: #333;
	font-size: 1.1rem;
	cursor: pointer;
}

.link-send button:hover svg rect {
	fill: #c9c9c9;
	stroke: #FFF;
	stroke-width: 1;
	opacity: 1;
}

.link-send  button:hover svg circle {
	fill: #c9c9c9;
	stroke: #fff;
	stroke-width: 1;
	opacity: 1;
}

.link-send button:hover svg line {
	stroke: #fff;
	opacity: 1;
	stroke-width: 1;
}

.link-send button:hover svg text {
	fill: #FFF;
	font-size: 1.2rem;
}

.brand-top {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	margin-top: 3%;
}
.list_viewtitle{
	width: 96%;
	margin-left:2%;
	height: auto;
	float: left;
	text-align: center;
	display: block;
	padding-top: 3%;
	font-size: 2.5rem;
	line-height: 300%;
	font-weight:700;
	letter-spacing: .4rem;
}

.brand-text {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	display: block;
	padding-top: 3%;
}

.brand-text-model, #model-brand {
	display: none;
}

.brand-text p {
	font-size: 1.5rem;
	line-height: 150%;
	letter-spacing: .4rem;
}

.brand-text h1 {
	font-size: 3.5rem;
	line-height: 300%;
	letter-spacing: .4rem;
}

.brand-text h1 {
	color: #333333;
	font-size: 4.2rem;
	text-align: center;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
}

.brand-cooperate {
	font-size: 0;
	margin: 0;
	padding: 0;
	margin-top: 0.4%;
	float: left;
}

.technology-content {
	width: 56.6%;
	margin: 0 auto;
	padding: 0;
}

.technology-video {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	max-width: 100%;
}

#my-video {
	margin: 0 auto;
}

.vjs-big-play-centered .vjs-big-play-button {
	opacity: 0 !important;
}

.newslist {
	width: 100%;
	float: left;
	padding-bttom:0;
}

.newslist .newstext {
	width: 70%;
	margin: 0 auto;
}

.newshead {
	float: left;
	width: 100%;
	height: auto;
}

.newshead svg {
	width: 13%;
	height: auto;
	float: left;
	margin-left: 0;
}

.newshead svg rect {
	fill: #eecbdc;
	stroke-width: 0;
}

.newshead0 svg rect {
	fill: #eecbdc;
	stroke-width: 0;
}

.newshead1 svg rect {
	fill: #d8a3ec;
	stroke-width: 0;
}

.newshead2 svg rect {
	fill: #9494e5;
	stroke-width: 0;
}

.newsdata {
	float: left;
	width: 9.1%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	margin-top: 2.5%;
	position: absolute;
}

.newsdata p {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 1.6rem;
}

.newsdata p.newsdata-d {
	font-weight: 700;
	font-size: 1.8rem;
}

.newstitle {
	float: left;
	width: 84%;
	margin-left: 3%;
	line-height: 400%;
	height:100%;
}

.newstitle h1 a {
	font-size: 3.6rem;
	letter-spacing: 1rem;
}

.news-date {
	width: 100%;
	margin-top: 11%;
	padding-left: 16%;
	font-size: 1.8rem;
	color: #c2c2c2;
}

.news-content {
	width: 100%;
	float: left;
	padding-top: 3%;
	height: auto;
	font-size: 1.6rem;
	color: #3e3a39;
	line-height: 250%;
}

.news-img {
display:flex;
justify-content:center;
align-items:center;
	float: left;
	width: 100%;
	text-align:center;
	font-size: 0;
	padding-top: 5%;
	padding-bottom: 15%;
}

.mmbb-banner {
	margin-bottom: -15.5%;
}

.newstext-top .newstitle h1 a {
	color: #FFF;
}

.icowx {
	position: absolute;
	width: 17%;
	margin-left: -9%;
	display: none;
}
/*********************翻页**************************************/
.pageflip {
	float: left;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-top: -7%;
	padding-left: 46.5%;
}

.pageflip a {
	float: left;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	margin-top: 0.8%;
	margin-right: 1%;
}

.pageflip a.page-step {
	margin-top: 0%;
}

.pageflip a img {
	width: auto;
	height: auto;
}

.newscontent {
	float: left;
	width: 100%;
	margin-top: 4%;
	padding-bottom: 5%;
	background: #f5f5f5;
}

.newscon-title {
	padding-top: 5%;
	padding-bottom: 5%;
	width: 100%;
	border-bottom: .1rem solid #959595;
}

.newscon-title h1 {
	font-size: 3.7rem;
	text-align: center;
}

.newscon-titme {
	width: 100%;
	padding-top: 3%;
	padding-bottom: 3%;
	text-align: center;
}

.newscon-con {
	width: 80%;
	margin: 0 auto;
	line-height: 200%;
	font-size: 1.6rem;
}

.newscon-con p img {
	margin: 0 auto;
	margin-top: 3%;
}

.mfjz {
	float: left;
	width: 100%;
}

.mfjz-title {
	width: 80%;
	margin: 0 auto;
	font-size: 2.2rem;
	padding-top: 6%;
	padding-bottom: 2%;
	border-bottom: .2rem solid #333;
}

.mfjz-list {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

ul.mfjzimg {
	float: left;
	margin: 0;
	padding: 0;
	width: 300%;
}

ul.mfjzimg li {
	float: left;
	margin: 0;
	padding: 0;
	width: 33.3%;
}

ul.mfjzimg li ul {
	float: left;
	width: 100%;
	overflow: hidden;
}

ul.mfjzimg li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	overflow: hidden;
}

.mfjzimg-img {
	float: left;
	width: 37.7%;
	margin-left: 8%;
	margin-top: 13%;
}

.mfjzimg-text {
	float: left;
	width: 43%;
	margin-top: 11%;
	margin-left: 5%;
}

.mfjzimg-text h1 {
	font-size: 1.4rem;
	padding-bottom: 6%;
}

.mfjzimg-text p {
	line-height: 150%;
}

.jrtj-left, .jrtj-right {
	width: 5%;
	margin-top: -23%;
}

.jrtj-left a svg line, .jrtj-right  a svg line {
	stroke: #cfcfcf;
	stroke-width: 8;
}

.mdtyt {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

.mdtyt-head {
	width: 80%;
	margin: 0 auto;
	border-bottom: .2rem solid;
}

.mdtyt-con {
	width: 80%;
	margin: 0 auto;
}

.mdtyt-con-left {
	float: left;
	width: 36%;
	margin-left: 4%;
	margin-top: 6%;
	height: auto;
}

.mdtyt-con-rightimg {
	float: left;
	width: 50%;
	height: auto;
	margin-left: 4%;
	margin-top: 6%;
}

.mdtyt-con-rightimg img {
	width: 100%;
}

.mdtyt-con-right {
	float: left;
	width: 35%;
	height: auto;
	position: absolute;
	margin-left: 37%;
	margin-top: 8%;
}

.mdtyt-con-right p {
	margin-bottom: 3%;
}
/********页面联系我们**********/
.right-link {
	width: 216px;
	height:225px;
	padding: 0;
	position: fixed;
	top: 45%;
	color: #707070;
	overflow: hidden;
	right: -150px;
	z-index: 9;
	display: none;
}

.returntop {
	position: fixed;
	width: 65px;
	height: 65px;
	right: 0;
	padding-left: 0;
	margin-top: 240px;
	display: none;
}
a.rtlink .returntop{
	background:url(../img/returntop.jpg) no-repeat;
	background-size:cover;
}
a.rtlink:hover .returntop{
	background:url(../img/returntopsel.jpg) no-repeat;
	background-size:cover;
}
.right-link-left, .right-link-leftwx {
	float: left;
	background: #fff;
	height: 100%;
	width: 0%;
	overflow: hidden;
	border-left: 0;
	border-right: 0;
}
.right-link-left-border{
	width:100%;
	height:100%;
	border: .1rem solid #707070;
}
.right-link-right {
	float: left;
	width: 30%;
	margin-left: 0;
	height: 80%;
	cursor:pointer;
	background: #707070;
}

.right-link-leftico {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 18%;
	text-align: center;
}

.right-link-leftico img {
	width: 33%;
	margin: 0 auto;
}

.right-link-leftwx .right-link-leftico {
	margin-top: 10%;
}

.right-link-leftwx .right-link-leftico span.wximg img {
	width: 23%;
	margin: 0 auto;
}

.right-link-leftwx .right-link-leftico span.wxnum img {
	width: 63%;
	padding-top: 7%;
	margin: 0 auto;
}

.right-link-lefttext, .right-link-leftweixin {
	width: 100%;
	margin-top: 15%;
	line-height: 170%;
	float: left;
	font-size: 1rem;
	text-align: center;
	font-family: "Microsoft YaHei";
}
.right-link-lefttext{
	margin-top:1%;
}
.right-link-lefttext p.gzbd{
	font-size:.8rem;
}
.right-link-lefttext p.ljcphd{
	width:84%;
	margin-left:8%;
}

.right-link-righttop, .right-link-rightatt {
	float: left;
	width: 80%;
	color: #fff;
	font-size: 1.2rem;
	padding-bottom: 30%;
	margin-left: 10%;
	margin-top: 35%;
	letter-spacing:.1rem;
	line-height: 170%;
	text-align: center;
	padding-right: 0;
}

.right-link-rightatt {
	float: left;
	border-bottom: 0;
	margin-top: 10%;
}

.right-link-lines {
	width: 80%;
	float: left;
	height: 0;
	font-size: 0;
	margin-left: 10%;
	border-top: .1rem Solid #fff;
}

.right-linksel, .right-linkselweixin {
	right:.1rem;
}

.right-linksel .right-link-left, .right-linkselweixin .right-link-leftwx
{
	width: 70%;
}

.foot-lines {
	width: 60%;
	margin-left: 20%;
	margin-top: 2%;
	border-top: .1rem dashed #dedede;
	height: auto;
	float: left;
	line-height: 600%;
	color: #686868;
}
.pageList{
	width:100%;
	height:50px;
	text-align:center;
	font-size:1.4rem;
}
.pageList input{
	marign-top:-1%;
	line-height:130%;
}
.pageList button{
	line-height:130%;
}
.pageList a{
	margin-right:2%;
}
.return_list{
	background:#efefef;
}
.return_list a{
}
.return_list a:hover{
	color:#a197ca;
}

/********************@@@@@@@@@start****************************/
@media ( max-width : 699px) {
	html {
		
	}
	.home .tag-line {
		font-size: 1.8em
	}
}

@media ( min-width : 700px) and (max-width: 1024px) {
	html {
		
	}
}

@media ( max-width : 5000px) {
}

@media ( max-width : 2100px) {
}

@media ( max-width : 1900px) {
}

@media ( max-width : 1800px) {
}

@media ( max-width : 1700px) {
	.language-sel li a.langtext span.langtexttag svg text {
		font-size: 1.2rem;
	}
	.brand-text h1 {
		font-size: 3.2rem;
	}
	.newsdata {
		margin-top: 2.1%;
	}
	.newsdata p {
		font-size: 1.6rem;
	}
	.newsdata p.newsdata-d {
		font-size: 1.8rem;
	}
	.newstitle h1 a {
		font-size: 3.0rem;
		letter-spacing: 1rem;
	}
	.news-date {
		font-size: 1.6rem;
	}
	.news-content {
		font-size: 1.4rem;
	}
}

@media ( max-width : 1700px) and (max-height: 780px) {
}

@media ( max-width : 1600px) {
}

@media ( max-width : 1500px) {
	.newsdata {
		margin-top: 1.8%;
	}
	.newsdata p {
		font-size: 1.4rem;
	}
	.newsdata p.newsdata-d {
		font-size: 1.5rem;
	}
	.newstitle h1 a {
		font-size: 2.6rem;
		letter-spacing: 0.6rem;
	}
	.news-date {
		font-size: 1.4rem;
	}
	.news-content {
		font-size: 1.4rem;
	}
}

@media ( max-width : 1300px) {
	.newsdata {
		margin-top: 1.2%;
	}
	.newsdata p {
		font-size: 1.2rem;
	}
	.newsdata p.newsdata-d {
		font-size: 1.3rem;
	}
	.newstitle h1 a {
		font-size: 2rem;
		letter-spacing: 0.6rem;
	}
	.news-date {
		font-size: 1.2rem;
	}
	.news-content {
		font-size: 1.2rem;
	}
	.brand-text p {
		font-size: 3rem;
	}
}

@media ( max-width : 1100px) {
	.newsdata {
		margin-top: 1.0%;
	}
	.newsdata p {
		font-size: 1.2rem;
	}
	.newsdata p.newsdata-d {
		font-size: 1.1rem;
	}
	.newstitle h1 a {
		font-size: 1.8rem;
		letter-spacing: 0.5rem;
	}
	.news-date {
		font-size: 1.0rem;
	}
	.news-content {
		font-size: 1.0rem;
	}
	.first-right {
		margin-top: 10%;
	}
	.first-button .more-button {
		width: 25%;
	}
}

@media ( max-width : 1080px) {
}

@media ( max-width : 1024px) {
	.language-sel li a.langtext span.langtexttag svg text {
		font-size: 1.1rem;
	}
	.logo {
		width: 12%;
	}
	.share {
		width: 54%;
	}
	.langls {
		width: 10%;
		margin-top: -0.5%;
	}
	.right-link {
		width: 206px;
		height: 216px;
	}
	.right-link-lefttext {
		font-size: 1rem;
	}
}

@media ( max-width : 1023px) {
}

@media ( max-width : 980px) {
}

@media ( max-width : 800px) {
}

@media ( max-width : 768px) {
}

@media ( max-width : 767px) {
	.brand-text h1 {
		font-size: 2.2rem;
	}
	/***猫粉见证****/
	.mfjzimg-img {
		width: 100%;
		margin-left: 28%;
	}
	.mfjzimg-text {
		width: 100%;
	}
	.main-four {
		width: 65%;
		margin-left: 30%;
	}
}

@media ( max-width : 736px) {
	.listed-right-button {
		margin-top: 93%;
	}
}

@media ( max-width : 600px) {
	.language-sel li a.langtext span.langtexttag svg text {
		font-size: 1.1rem;
	}
	.nav-buttonico {
		width: 55%;
	}
	.langls {
		width: 7%;
		margin-top: -0.6%;
	}
	.share {
		width: 45%;
	}
	div.model-language {
		width: 10%;
	}
	.newscon-title h1 {
		font-size: 1.6rem;
	}
	.newscon-con {
		width: 95%;
		line-height: 200%;
		font-size: 1rem;
	}
	/***猫粉见证****/
	.mfjzimg-img {
		margin-left: 18%;
	}
}

@media ( max-width : 568px) {
}

@media ( max-width : 567px) {
	.newsdata {
		margin-top: 1.5%;
	}
	.newsdata p {
		font-size: 0.875rem;
	}
	.newsdata p.newsdata-d {
		font-size: 1rem;
	}
	.newstitle h1 a {
		font-size: 1.2rem;
		letter-spacing: .3rem;
	}
	.news-date {
		margin-top: 8%;
		padding-left: 16%;
		font-size: .875rem;
	}
	.news-content {
		padding-top: 3%;
		font-size: .875rem;
		line-height: 170%;
	}
	.mmbb-banner {
		margin-bottom: -13.5%;
	}
	.pageflip {
		padding-left: 34%;
	}
	.pageflip a {
		margin-top: 1.7%;
		margin-right: 5%;
	}
	.brand-text p {
		font-size: 1.5rem;
	}
	.listed-right-button {
		margin-top: 110%;
	}
}

@media ( max-width : 480px) {
	.language-sel li a.langtext span.langtexttag svg text {
		font-size: 1.1rem;
	}
	.langls {
		width: 7%;
		margin-top: -0.6%;
	}
	.logo {
		width: 18%;
	}
	.share {
		width: 55%;
	}
	.brand-text h1 {
		font-size: 1.8rem;
	}
	.newscon-title h1 {
		font-size: 1.2rem;
	}
	.listed-right-button {
		margin-top: 128%;
	}
}

@media ( max-width : 384px) {
}

@media ( max-width : 360px) {
}
/*********************@@@@@@@@end*****************************/