@charset "utf-8";



/*************************************************public-style*************************************************/

.fl {
    display: block;
    float: left;
}

.fr {
    display: block;
    float: right;
}

.clearfix:after,
.clearfix::after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}
.qing {
	display: block;
	clear: both;
}
.container {
    width: 1500px;
    margin: 0 auto;
}

@font-face {
    font-family: 'abook';
    src: url('../fonts/avantgardeitcbybt-book.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/avantgardeitcbybt-book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/avantgardeitcbybt-book.woff') format('woff'), /* Modern Browsers */
    url('../fonts/avantgardeitcbybt-book.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/avantgardeitcbybt-book.svg') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: Arial, Helvetica, sans-serif;
    src: url('../fonts/BOOKOS.TTF') format('truetype');
}
.qing img, .shu12 img, .shu14 img, .shu16 img{
	display: inline !important;
	max-width: 100% !important;
	height: auto !important;
	vertical-align: top;
}
.shu16 {
	line-height: 30px;
	color: #484848;
	font-size: 16px;
}

.shu14 {
	line-height: 30px;
	color: #555;
	font-size: 14px;
}

.shu12 {
	line-height: 30px;
	color: #555;
	font-size: 12px;
}
/************************************************* 头部-导航 *************************************************/

.header {
    position: relative;
    height: 95px;
    background: #1c3d83;
}

.logo {
    margin: 0;
    padding-top: 24px;
}

.logo a {
    display: block;
}

.logo a img {
    vertical-align: top;
}

.header-arrow {
    position: absolute;
    display: block;
    width: 36.15%;
    top: 95px;
    left: 0;
    z-index: 4;
    /* border-left: 18.5vw solid transparent;
    border-right: 18.5vw solid transparent;
    border-left: 18.5vw solid transparent;
    border-right: 18.5vw solid transparent;
    border-bottom: 37px solid transparent;
    border-top: 37px solid #000; */
}
.header-arrow img {
	width: 100%;
}
.nav-tel{
	overflow: hidden;
}
.nav{
	height: 95px;
	margin-right: 30px;
	overflow: hidden;
}
.nav-items {
    float: left;
    width: 8.5em;
    font-size: 16px;
    line-height: 95px;
    text-align: center;
    color: #d5d5d5;
}
.nav-items a {
	position: relative;
	display: block;
	color: #d5d5d5;
}
.nav-items a span {
	position: relative;
	display: block;
	top: 0;
}
.nav-halo {
	display: block;
	position: absolute;
	top: 77px;
	width: 151px;
	height: 18px;
	left: 50%;
	margin-left: -75px;
	background: none;
}
.nav-items:hover .nav-halo,
.nav-items.on .nav-halo {
	background: url('../img/nav-halo.png') no-repeat;
}

.nav-items:hover a,
.nav-items.on a {
	color: #fcd500;
}
/* .nav-items:hover span,
.nav-items.on span {
	top: -95px;
} */

.header-tel {
    display: block;
    width: 244px;
    height: 40px;
    margin-top: 27px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    color: #fcd500;
    border: 1px solid #6a6034;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header-tel-block {
    display: table;
    margin: 0 auto;
}

.header-tel span {
    display: block;
    float: left;
}

.header-telnum {
    font-size: 18px;
}



/* banner start */

/* banner */
.banner a{
    display: block;
}
.banner a img {
    vertical-align: top;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.ban-box {
    height: auto;
    overflow: hidden;
    position: relative;
}

.ban-con {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.ban-block {
    width: 9999px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.ban-con-items {
    float: left;
    width: 100%;
    height: 100%;
}

.ban-con-items a {
    display: block;
    width: 100%;
    height: 100%;
}

div.ban-icon {
    position: absolute;
    display: table;
    bottom: 40px;
    left: 50%;
    z-index: 2;
}

div.ban-icon a {
    float: left;
    width:50px;
    height: 3px;
    margin: 0 8px;
    padding: 0;
    background: #fff;
    display: block;
    text-indent: -1000px
}

div.ban-icon a.on {
    background: #fcd500;
}
/* banner end */


/* 服务项目 start */
.service-items{
	padding: 41px 0 20px;
	background: #dece8f;
}
.seri-title{
	display: block;
	height: 31px;
	margin-top: 8px;
	background: url('../img/seri-title-bg.png') left center repeat-x;
}
.seri-tit-eng{
	display: block;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	color: #b6a667;
}
.seri-title span {
	display: block;
	width: 184px;
	margin: 0  auto;
	text-align: center;
	background: #dece8f;
}
.seri-title span img{
	vertical-align: top;
}
.seri-list{
	margin-left: -22px;
	margin-top: 30px;
	overflow: hidden;
}
.seri-list-items{
	float: left;
	width: 33.33%;
	margin-bottom: 24px;
	padding-left: 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serili-block{
	padding: 26px 0 32px;
	background: #e1d39a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 0 0 8px #d7c78a;
}
.seri-pic-block {
	position: relative;
	display: block;
	height: 117px;
	overflow: hidden;
}
.seri-pic{
	position: absolute;
	display: block;
	width: 117px;
	left: -100%;
}
.seri-pic-gray{
	position: absolute;
	display: block;
	width: 117px;
	left: 50%;
	margin-left: -58px;
}
.seri-pic,
.seri-pic-gray {
	display: inline-block;
}
.seri-pic img,
.seri-pic-gray img{
	width: 100%;
	vertical-align: top;
}
.seri-pic-mask{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.seri-art{
	position: relative;
	height: 152px;
	margin-top: 8px;
}
.seri-art1,
.seri-art2 {
	position: absolute;
	width: 100%;
	padding: 0 12.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.seri-art1{
	top: 0;
	left: 0;
}
.seri-art2{
	top: 0;
	left: 100%;
}
.seri-art-tit{
	display: block;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 42px;
	color: #000;
}
.seri-art-tit a{
	position: relative;
	display: block;
	color: #000;
}
.seriai-line{
	position: absolute;
	display: block;
	width: 107px;
	height: 1px;
	left: 50%;
	margin-left: -53px;
	bottom: 1px;
	background: #c5b678;
}
.seri-art-num{
	display: block;
	margin: 18px auto 23px;
	text-align: center;
	font-family: abook;
	font-size: 16px;
	line-height: 1;
	color: #aa9c64;
}
.seri-article{
	display: block;
	max-height: 4em;
	font-size: 14px;
	line-height: 2em;
	text-align: center;
	color: #68634e;
	overflow: hidden;
}

.seri-list-items:hover .serili-block {
	background: #e8ddb1;
	box-shadow: 0 0 8px #c9ba81;
}
.seri-list-items:hover .seri-pic-gray {
	left: 150%;
}
.seri-list-items:hover .seri-pic{
	display: block;
	left: 50%;
	margin-left: -58px;
}
.seri-list-items:hover .seri-art1{
	left: -100%;
}
.seri-list-items:hover .seri-art2{
	left: 0;
}
/* 服务项目 end */

/* 案例展示 start */
.case-show{
	padding: 57px 0 47px;
}
.index-title{
	display: block;
	height: 31px;
	margin-top: 8px;
	background: url('../img/seri-title-bg2.png') left center repeat-x;
}
.index-tit-eng{
	display: block;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	color: #c6c6c6;
}
.index-title span {
	display: block;
	width: 184px;
	margin: 0  auto;
	text-align: center;
	background: #fff;
}
.index-title span img{
	vertical-align: top;
}
.cases-main{
	padding-top: 24px;
	overflow: hidden;
}
.cases-nav{
	display: table;
	margin: 0 auto;
}
.cases-nav-items{
	float: left;
	display: block;
	margin: 0 10px 9px;
	padding: 0 28px;
	font-size: 16px;
	line-height: 34px;
	color: #333;
	border: 2px solid #dfdfdf;
	cursor: pointer;
}
.cases-list{
	margin-left: -20px;
}
.cases-items{
	float: left;
	width: 30%;
	margin-top: 20px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cases-block{
	display: block;
	position: relative;
	overflow: hidden;
}
.cases-block span{
	display: block;
}
.cases-pic{
	width: 100%;
}
.cases-block span img{
	width: 100%;
	vertical-align: top;
}
.cases-pic-mask{
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	background: url('../img/cases-pic-mask.png') no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.cases-text{
	display: table-cell;
	position: relative;
	padding: 0 5%;
	margin: 0 auto;
	top: 50%;
	margin-top: -8px;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #fff;
}
.cases-block:hover .cases-pic-mask{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.cases-nav-items:hover,
.cases-nav-items.on {
	color: #fff;
	background:#004b8b;
	border:2px solid #004b8b;
}

.index-more{
	display: block;
	width: 191px;
	height: 46px;
	margin: 48px auto 0;
	font-size: 14px;
	line-height: 44px;
	overflow: hidden;
	text-align: center;
	color: #636363;
	border: 1px solid #bababa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index-more span{
	display: block;
	position: relative;
	top: 0;
}
.index-more:hover span{
	top: -100%;
}
/* 案例展示 end */

/* 关于 start */
.aboutus {
	width: 100%;
	height: 502px;
	background: url('../img/aboutus-bg.jpg') top center no-repeat;
	background-size: cover;
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/aboutus-bg.jpg',sizingMethod='scale');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/aboutus-bg.jpg',sizingMethod='scale');
	overflow: hidden;
}
.aboutus-tit{
	width: 337px;
	padding: 129px 0 153px;
	text-align: center;
}
.aboutus-title,
.aboutus-more {
	width: 145px;
}
.aboutus-title img,
.aboutus-more img {
	width: 100%;
	vertical-align: top;
}
.aboutus-more{
	display: block;
	margin-top: 89px;
}
.aboutus-main{
	display: block;
	margin-left:410px;
	margin-right: 460px;
	padding-top: 158px;
}
.aum-tit-line{
	display: block;
	width: 80px;
	height: 2px;
	background: #4081b8;
	margin-top:10px;
	margin-bottom:25px;
}
.aum-js{
	display: block;
	line-height: 28px;
	font-size: 14px;
	color: #fff;
}
.ab-intuk{
	display: block;
	width: 398px;
	float: right;
	margin-top: 40px;
}
.ab-intu{
	display: block;
	width: 398px;
	height: 398px;
}
/* 关于 end */
/*公司新闻begin*/
.in-nek{
	display: block;
	padding: 54px 0 50px;
}
.in-nelb{
	display: block;
	overflow: hidden;
	margin-left: -80px;
	padding-top:6px;
}
.in-nelb li{
	overflow: hidden;
	width: 710px;
	float: left;
	padding: 37px 0;
	border-bottom: 1px solid #dadada;
	margin-left: 80px;
}
.in-nejk{
	display: block;
	margin-right: 300px;
}
.in-netu{
	display: block;
	width: 253px;
	height: 178px;
	overflow: hidden;
	float: right;
}
.in-nejk{
	display: block;
	margin-right: 300px;
	padding-top: 12px;
}
.in-nej-ti{
	display: block;
	height: 56px;
	margin-bottom: 4px;
	font-size:16px;
	color: #000;
	line-height:28px;
	
}
.in-nej-ti:visited{
	color: #000000;
}
.in-nej-js{
	display: block;
	height: 52px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 26px;
	color: #6d6d6d;
}
.in-nej-js:visited{
	color: #6D6D6D;
}
.in-nej-da{
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #b7b7b7;	
}
.in-nelb li:hover .in-nej-ti{ 
	font-size: 18px;
}
.in-nelb li:hover .in-nej-js{
	color: #222;
}
.in-nelb li:hover .in-netu img{
	transform: scale(1.15);
-ms-transform: scale(1.15);	/* IE 9 */
-webkit-transform: scale(1.15);	/* Safari 和 Chrome */
-o-transform: scale(1.15);	/* Opera */
-moz-transform: scale(1.15);
}
/*公司新闻end*/
/*底部 begin*/
.footer{
	display: block;
	border-top:8px solid #d5c37d;
	background: #1c3d83;
	overflow: hidden;
	padding:34px 0;
}
.fo-gs{
	display: block;
	width: 450px;
	border-bottom: 1px solid #4a4a4a;
	margin-bottom: 12px;
	font-size:18px;
	color: #bababa;
	line-height:50px;
}
.fo-lx{
	display: block;
	font-size:14px;
	color: #bababa;
	line-height:30px;
}
.fo-lx a, .fo-lx a:visited, .fo-nav a, .fo-nav a:visited{
	color: #bababa;
}
.baq{
	text-align: right;
}
.fo-nav{
	display: block;
	border-bottom: 1px solid #4a4a4a;
	margin-bottom: 12px;
	padding: 10px 0;
	font-size:14px;
	color: #bababa;
	line-height:30px;
}
.fo-nav a:hover{
	color: #eee;
}
.fo-ewm-m{
	text-align: center;
	font-size:14px;
	color: #bababa;
	line-height: 18px;
}
.fo-ewm-tu{
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #5f5f5f; 
}
.fo-ewm{
	width: 140px;
	margin:0 auto;
}
/*底部end*/
/*******************************************service*********************************************/
.ban-ny{
	display: block;
	height: 230px;
	position: relative;
	background: url(../img/ban-ser.jpg) center center no-repeat;
}
.ban-ny-en{
	padding-top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height:40px;
	text-align: center;
	color: #fff;
}
.ban-ny-cn{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	line-height:40px;
	text-align: center;
	color: #fcd500;
}
.ba-qk{
	display: block;
	position: absolute;
	width:93px;
	height: 102px;
	left: 50%;
	margin-left:-46px;
	bottom:-17px;
}
.ba-q{
	display: block;
}
.ban-ny-t{
	display: block;
	position: absolute;
	left: 50%;
	top: 112px;
	width:0;
	height: 1px;	
	background: url(../img/ser-t.png) center center no-repeat;
}
.ban-ny-t{
	animation:ban-ny-t 1.5s linear both;
	-webkit-animation:ban-ny-t 1.5s linear both;
	-moz-animation:ban-ny-t 1.5s linear both;
	-o-animation:ban-ny-t 1.5s linear both;
}
@keyframes ban-ny-t{
0%{width: 0; left: 50%;}
100%{width: 100%; left:0;}
}
@-webkit-keyframes ban-ny-t{
0%{width: 0; left: 50%;}
100%{width: 100%; left:0;}
}
@-moz-keyframes ban-ny-t{
0%{width: 0; left: 50%;}
100%{width: 100%; left:0;}
}
@-o-keyframes ban-ny-t{
0%{width: 0; left: 50%;}
100%{width: 100%; left:0;}
}
.ba-q{
	animation:ba-q 4s linear 2s infinite alternate both;
	-webkit-animation:ba-q 4s linear 2s infinite alternate both;
	-moz-animation:ba-q 4s linear 2s infinite alternate both;
	-o-animation:ba-q 4s linear 2s infinite alternate both;
}
@keyframes ba-q{
0%{
	transform: rotateY(0deg);
-ms-transform: rotateY(0deg);		/* IE 9 */
-webkit-transform: rotateY(0deg);	/* Safari and Chrome */
-o-transform: rotateY(0deg);		/* Opera */
-moz-transform: rotateY(0deg);
}
30%{
	transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);
}
100%{
	transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);
}
}
@-webkit-keyframes ba-q{
0%{
	transform: rotateY(0deg);
-ms-transform: rotateY(0deg);		/* IE 9 */
-webkit-transform: rotateY(0deg);	/* Safari and Chrome */
-o-transform: rotateY(0deg);		/* Opera */
-moz-transform: rotateY(0deg);
}
30%{
	transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);
}
100%{
	transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);
}
}
@-moz-keyframes ba-q{
0%{
	transform: rotateY(0deg);
-ms-transform: rotateY(0deg);		/* IE 9 */
-webkit-transform: rotateY(0deg);	/* Safari and Chrome */
-o-transform: rotateY(0deg);		/* Opera */
-moz-transform: rotateY(0deg);
}
30%{
	transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);
}
100%{
	transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);
}
}
@-o-keyframes ba-q{
0%{
	transform: rotateY(0deg);
-ms-transform: rotateY(0deg);		/* IE 9 */
-webkit-transform: rotateY(0deg);	/* Safari and Chrome */
-o-transform: rotateY(0deg);		/* Opera */
-moz-transform: rotateY(0deg);
}
30%{
	transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);
}
100%{
	transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);
}
}
/*服务列表*/
.serlb{
	overflow: visible;
}
.serlb .seri-list-items{
	margin-bottom: 44px;
}
.serlb .serili-block{
	background: #fff;
	box-shadow: 0 0 0px #090204;
}
.serlb .seri-article{
	color: #737373;
}
.serlb .seri-list-items:hover .serili-block {
	background: #fff;
	box-shadow: 0 0 18px #e9e9e9;
}
.clear50{
	clear: both;
	height: 50px;
}
.clear40{
	clear: both;
	height: 40px;
}
.clear15{
	clear: both;
	height: 15px;
}
/************************************news****************************************/
.yema{
	display: block;
	padding-top: 37px;
	font-size: 14px;
	color: #525252;
	line-height: 26px;
}
.yema table{
	margin: 0 auto;
}
.yema a{
	display: block;
	float: left;
	padding: 0 14px;
	margin: 0 6px;
	height: 27px;
	overflow: hidden;
}
.yema a.prev, .yema a.next{
	color: #939393;
	font-family: "宋体";
	font-weight: bold;
}
.yema a span{
	display: block;	
	position: relative;
	top: 0;
	color: #939393;
}
.yema a:hover span, .yema a.on span{
	top: -100%;
	color: #525252;
	border-bottom: 1px solid #7a7a7a;
}
.yema a.prev:hover, .yema a.next:hover{
	color: #525252;
}
/************************************contact****************************************/
.map{
	display: block;
	width: 50%;
}
.map-x{
	padding-left: 40px;
}
.co-add{
	display: block;
	border-bottom: 1px dashed #dad7cb;
	padding: 18px 0;
	overflow: hidden;
}
.co-add img{
	display: block;
	float: left;
}
.co-adm{
	display: block;
	margin-left: 44px;
	font-size: 14px;
	color: #000;
	line-height: 30px;
}
.con-gs{
	padding:12px 0;
	border-bottom: 1px dashed #dad7cb;
}
/******************************case********************************/
.ca-lei{
	display: block;
	overflow: hidden;
	margin-bottom: 34px;
}
.ca-lei table{
	margin: 0 auto;
}
.ca-lei a{
	display: block;
	float: left;
	padding: 0 45px;
	height: 34px;
	overflow: hidden;
	margin: 6px;
	border: 2px solid #dfdfdf;
	font-size: 16px;
	line-height: 34px;
	color: #424242;
}
.ca-lei a span{
	display: block;
	position: relative;
	top: 0;
}
.ca-lei a.on span, .ca-lei a:hover span{
	top: -100%;
	color:#FFFFFF ;
}
.ca-lei a.on, .ca-lei a:hover{
	background: #004b8b;
	color:fff;
	border:2px solid #FFFFFF;	
	
}
.case-lb{
	display: block;
	clear: left;
	width:1400px;
	margin: auto;
}
.case-lb li{
	display: block;
	float: left;
	width: 32%;
}
.case-zs{
	display: block;
	margin: 0 15px 30px;
	
}
.caj{
	display: block;
	width:34px;
	height: 34px;
	float: right;
	background: url(../img/caj2.png) center center no-repeat;
}
.case-zs:hover .caj{
	transform: rotateY(180deg);
-ms-transform: rotateY(180deg);		/* IE 9 */
-webkit-transform: rotateY(180deg);	/* Safari and Chrome */
-o-transform: rotateY(180deg);		/* Opera */
-moz-transform: rotateY(180deg);
	background: url(../img/caj.png) center center no-repeat;
}
.catuk{
	display: block;
	position: relative;
	overflow: hidden;
}
.catu{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-size:cover !important;
	left: 0;
	top: 0;
}
.ca-mk{
	display: block;
	padding:24px 20px;
	overflow: hidden;
}
.ca-m1{
	display: block; 
	margin-right: 40px;
	font-size: 16px;
	line-height: 34px;
	color: #000;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.case-zs:hover .ca-m1{
	color: #004b8b;
}
.case-zs:hover .ca-mk{
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.23);  
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.23);  
  box-shadow:0 0 10px rgba(0, 0, 0, 0.23); 
}
.case-zs:hover .catu{
-ms-transform: rotate(-0deg)  scale(1.15);		/* IE 9 */
-webkit-transform: rotate(-0deg)  scale(1.15);	/* Safari and Chrome */
-o-transform: rotate(-0deg)  scale(1.15);		/* Opera */
-moz-transform: rotate(-0deg)  scale(1.15);
transform: rotate(-0deg)  scale(1.15);
}
/*.cantuk #btn_prev, .cantuk #btn_next{
	display: block;
	position: absolute;
	left: 0;
	top: 74px;
	width:59px;
	height: 148px;
	background: url(../img/canzj1.png) center center no-repeat;
}
.cantuk #btn_prev{
	left: 0 !important;
	margin-left: 0 !important;
	background: url(../img/canzj1.png) center center no-repeat;
}
.cantuk #btn_next{
	right: 0 !important;
	margin-right: 0 !important;
	background: url(../img/canzj1.png) center center no-repeat;
}*/

.cantuk div.ban-icon {
    position: absolute;
    display: table;
    bottom: 30px;
    left: 50%;
    z-index: 2;
}
.cantuk  div.ban-icon a {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    padding: 0;
    background: #ccc;
    display: block;
    border-radius: 100%;
    text-indent: -100000px
}

.cantuk  div.ban-icon a.on {
    background: #fcd500;
}

/******************************case-view********************************/
.cantuk{
	display: block;
	width: 1000px;
	position: relative;
}
.ca-nyjk{
	display: block;
	width: 400px;
	position: relative;
}
.cantk{
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background: #cdcdcd;
	left: -38px;
}
.cantd{
	display: block;
	position: absolute;
	width: 3px;
	height:60px;
	background: #000;
	left: -1px;
}
.ca-ny-ti{
	display: block;
	margin-bottom: 4px;
	font-size:30px;
	line-height: 38px;
	color: #000000;
}
.ca-ny-ti2{
	display: block;
	margin-bottom: 38px;
	font-size:14px;
	line-height: 22px;
	color: #c0c0c0;
}
.ca-ny-js{
	display: block;
	height: 292px;
	font-size: 14px;
	line-height: 30px;
	color: #6f6f6f;
}
.caxg{
	display: block;
	clear: both;
}
.caxg-ti{
	display: block;
	height: 48px;
	position: relative;
	margin-bottom: 26px;
	background: #fcd500;
	text-align: center;
	font-size:18px;
	line-height: 48px;
	color: #000;
}
.caxg-ti b{
	display: block;
	position: absolute;
	width: 18px;
	height: 8px;
	background: url(../img/caxgj.png) center center no-repeat;
	left: 50%;
	margin-left: -9px;
	bottom: -8px;
}
.caxlb{
	display: block;
	margin-left: -20px;
}
.caxlb li{
	display: block;
	width: 190px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.caxlb li a{
	display: block;
	overflow: hidden;
}
.caxlb li a:hover .catu{
-ms-transform: rotate(-4deg)  scale(1.15);		/* IE 9 */
-webkit-transform: rotate(-4deg)  scale(1.15);	/* Safari and Chrome */
-o-transform: rotate(-4deg)  scale(1.15);		/* Opera */
-moz-transform: rotate(-4deg)  scale(1.15);
transform: rotate(-4deg)  scale(1.15);
}
/******************************about********************************/
.pink{
	position: relative;
}
.brand{
	background: #f3f3f3;
	overflow: hidden;
	padding: 60px 0;
}
.brand .index-title span{
	background: #f3f3f3;
}
.brand-list{
	display: block;
	margin-top: 40px;
	clear: both;
}
.brand-list li{
	display: block;
	position: relative;
	width:375px;
	height: 316px;
	padding:30px 72px;
	margin-bottom: 40px;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.brand-ti{
	display: block;
	margin-top: 40px;
	margin-bottom: 18px;
	text-align: center;
	font-size: 18px;
	line-height:44px;
	color: #000;
}
.brand-js{
	display: block;
	padding-top:40px;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	color: #858585;
}
.brand-q{
	display: block;
	width:14px;
	height:14px;
	margin: 0 auto;
	background: url(../img/ppq2.jpg) center center no-repeat;
}
.brand-list li:hover{
	z-index: 6;
	box-shadow: 0 0 8px #c5c5c5;
}
.brand-list li:hover .brand-ti{
	font-size: 24px;
}
.brand-list li:hover .brand-q{
	background: url(../img/ppq1.jpg) center center no-repeat;
}

.ppt{
	display: block;
	position: absolute;
	left: 0;
	top:189px;
	width: 100%;
	height: 1px;
	background: #e2e2e2;
}
#marquee1{
	width: 1500px;
	margin: 0 auto;
	height: 356px;
	padding: 10px 10px;
	overflow: hidden;
}
.control{height:30; overflow:hidden; padding-top: 40px;}
.control table{
	margin: 0 auto;
}
.control table a{
	display: block;
	float: left;
	margin: 0 17px;
}
/*关于我们*/
.abntuk{
	display: block;
	position: relative;
	float: left;
	 overflow: hidden;
}
.abntbg{
	display: block;
	width: 208px;
	height: 208px;
	background: #fcd500;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	
}
.abntu{
	display: block;
	width: 444px;
	height: 548px;
	position: relative;
	overflow: hidden;
	z-index: 3;
	margin-left: 20px;
	margin-bottom: 20px;
}
.sank{
	display: block;
	float: right;
	width: 210px;
	height: 548px;
}
.sank1{
	display: block;
    font-family: 'abook';
    color: #3c3c3c;
}
.sank2{
	font-size:16px;
	line-height:30px;
	color: #939393;
}
.sank10{
	display: inline-block;
    font-size:48px;
    line-height: 50px;	
}
.sank11{
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	position: relative;
	top: -24px;
}
.abntuk:hover .abntu img{
-ms-transform: rotate(-4deg)  scale(1.15);		/* IE 9 */
-webkit-transform: rotate(-4deg)  scale(1.15);	/* Safari and Chrome */
-o-transform: rotate(-4deg)  scale(1.15);		/* Opera */
-moz-transform: rotate(-4deg)  scale(1.15);
transform: rotate(-4deg)  scale(1.15);
}
}
/*关于我们*/
.abny{
	padding-top: 40px;
	overflow: hidden;
}
.abk{
	display: block;
	margin-left: 560px;
	margin-right: 265px;
	position: relative;
}
.abntk1{
	display: block;
	position: relative;
	left: -8%;
}
.abntk2{
	display: block;
	position: relative;
	margin-top:-55px;
}
.abn{
	overflow: hidden;
	margin-top: 40px;
	line-height: 28px;
	font-size: 14px;
	color: #626262;
	height: 280px;
	overflow: hidden;
	margin-bottom: 40px;
}
.abfjk{
	display: block;
}
.abfjk a{
	display: block;
	float: left;
	margin-right:17px;
}
#marquee2{
	height: 280px;
	overflow: hidden;
}
/**********************************news-view*******************************/
.ne-ny{
	display: block;
	border: 1px solid #ddd;
	background: #F3F3F3;
	padding: 80px;
}
.ne-ny-ti{
	display: block;
	line-height: 50px;
	font-size: 24px;
	color: #000000;
	margin-bottom: 25px;
	text-align: center;
}
.ne-ny-gjc{
	padding: 20px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: 25px;
	line-height: 26px;
	font-size: 12px;
	color: #777;	
}
.ne-ny-gjc a, .ne-ny-gjc a:visited{
	color: #777;	
} 
.fank{
	margin-top: 30px;
	padding-top: 30px;
	overflow: hidden;
	border-top: 1px solid #ddd;
}
.fank .fl a{
	display: block;
	line-height: 22px;
	font-size: 12px;
	color: #777;
}
.fank .fl a:visited{
	color: #777;
}
.fank .fl a:hover{
	color: #004b8b;
}
.fan-hui{
	display: block;
	float: right;
	width: 120px;
	height: 38px;
	text-align: center;
	border: 1px solid #ddd;
	line-height: 38px;
	font-size: 14px;
	color: #777;
}
.fan-hui:hover{
	background: #004b8b;
	border-color: #004b8b;
	color: #fff;
}
/* 动画 */
.nav-items a,
.nav-halo,
.seri-list-items,
.seri-pic-gray,
.seri-pic,
.seri-art1,
.seri-art2,
.cases-pic-mask,
.cases-nav-items,
.in-nej-ti,
.in-nej-js,
.in-netu img,
.index-more span,
.fo-nav a,
.ba-q,
.yema a span,
.yema a,
.ca-lei a span,
.ca-lei a,
.caj,
.ca-m1,
.ca-mk,
.catu,
.brand-list li,
.brand-ti,
.brand-q,
.abntu img,
.fan-hui,
.fank .fl a {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}