@font-face {
    font-family: 'apl';
    font-style: normal;
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Light.eot'); /* IE9 Compat Modes */
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Light.woff') format('woff'), /* Modern Browsers */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'apr';
    font-style: normal;
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Regular.eot'); /* IE9 Compat Modes */
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Regular.woff') format('woff'), /* Modern Browsers */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'apm';
    font-style: normal;
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Medium.eot'); /* IE9 Compat Modes */
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Medium.woff') format('woff'), /* Modern Browsers */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'aph';
    font-style: normal;
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Heavy.eot'); /* IE9 Compat Modes */
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Heavy.woff') format('woff'), /* Modern Browsers */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Heavy.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'apb';
    font-style: normal;
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Bold.eot'); /* IE9 Compat Modes */
    src: url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Bold.woff') format('woff'), /* Modern Browsers */
    url('https://dijia-font.oss-cn-shenzhen.aliyuncs.com/Alibaba-PuHuiTi-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}
a {
	color: #fff;
	text-decoration: none
}
a:hover {
	text-decoration: none;
}
body {
	color: #222;
	font: 14px/1.6 'apr';
	background: #fff;
}
ul li {
	list-style: none
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
*+height:1%;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*+html .clearfix {
	zoom: 1;
} /* IE7 */
.fL {
	float: left !important;
}
.fR {
	float: right !important;
}
img { vertical-align: top;}
.mb30 {margin-bottom: 30px !important;}

/*---------------index--------------*/
#container {
	padding-top: 81px;
	overflow: hidden;
}
#index #container,
#detail #container {
	padding-top: 0;
}
.bannerBox {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.header {
	padding: 20px 100px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	box-sizing: border-box;
	background: #222;
}
#index .header {
	position: absolute;
	background: none;
}
#index .header.hide {
	top: -81px;
}
#index .header.fixed {
	position: fixed;
	top: 0;
	background: #222;
	transition: top 0.3s;
	-webkit-transition: top 0.3s;
}
.header .logo {
	float: left;
}
.header .list {
	margin-top: 13px;
	float: right;
}
.header .list li {
	margin-left: 26px;
	float: left;
	position: relative;
}
.header .list li.li01 a {
	display: block;
	position: relative;
	z-index: 10;
}
.header .list li.li01 input {
	padding: 0 10px;
	width: 0;
	height: 26px;
	position: absolute;
	right: -9px;
	top: -4px;
	color: #010101;
	font-size: 12px;
	line-height: 26px;
	background: #fff;
	border: none;
	border-radius: 12px;
	box-sizing: border-box;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	outline: none;
}
.header .list li.li01:hover input {
	visibility: visible;
	opacity: 1;
	width: 145px;
}
.header .list li.li01:hover a {
	background: url(../images/common/h_img01_on.png) no-repeat;
}
.header .list li.li01:hover a img {
	visibility: hidden;
}
.header .list li.li02 .telBox {
	padding-top: 0;
	width: 143px;
	position: absolute;
	left: -87px;
	top: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.header .list li.li02:hover .telBox {
	padding-top: 25px;
	visibility: visible;
	opacity: 1;
}
.header .list li.li02 .telBox p {
	padding: 9px 10px 8px 0;
	position: relative;
	color: #222;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
	text-align: right;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 10px 10px rgba(4,0,0,0.15);
}
.header .list li.li02 .telBox p img {
	position: absolute;
	left: 91px;
	top: -4px;
}
.header .list li.li02 .telBox p span {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 12px;
}
.header .list li.li02 .telBox p span:before {
	width: 24px;
	height: 3px;
	position: absolute;
	right: 0;
	bottom: 1px;
	z-index: -1;
	background: #FF4C06;
	content: "";
}
.header .gNavi {
	padding: 10px 0 0 100px;
	text-align: center;
}
.header .gNavi li {
	margin: 0 0 0 29px;
	display: inline-block;
}
.header .gNavi li a {
	padding: 0 3px;
	min-width: 55px;
	height: 20px;
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
.header .gNavi li a:before {
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	top: 9px;
	display: none;
	background: #FF4800;
	z-index: -1;
	content: "";
}
.header .gNavi li a:hover:before {
	display: block;
}
.header .gNavi li a span {
	display: block;
}
.header .gNavi li a .zh {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.header .gNavi li a:hover .zh {
	margin-top: -20px;
}
.bannerBox .banner {
	width: 100vw;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.bannerBox .banner03 {
	background: url(../images/common/banner.jpg) no-repeat center center;
	background-size: cover;
}
.bannerBox .banner video {
	width: auto;
	height: auto;
	position: relative;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.bannerBox .banner01 .first_banner_img {
	margin: -57px 0 0 0;
	position: absolute;
	left: 10%;
	top: 50%;
	z-index: 10;
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
}
.bannerBox .banner01 .first_banner_img.show {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
}
.bannerBox .banner01 .first_banner_img p {
	color: #fff;
	font-size: 36px;    
}
.bannerBox .banner01 .first_banner_img p span {
    display: block;
	font-size: 48px; 
}
.bannerBox .banner02 p {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 220px;
	z-index: 10;
	color: #fff;
	font-size: 36px;
	text-align: center;
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
}
.bannerBox .banner03 p {
	margin-top: -116px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 10;
	color: #fff;
	font-size: 36px;
	text-align: center;
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
}
.bannerBox .banner p.show {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
}
.bannerBox .lines {
	position: absolute;
	left: 100px;
	bottom: 25px;
	z-index: 100;
}
.bannerBox .lines p {
	margin-bottom: -7px;
	display: none;
	color: #fff;
	font-size: 14px;
	line-height: 1;
}
.bannerBox .lines .line span {
	margin-right: 4px;
	width: 28px;
	height: 2px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	background: rgba(255,255,255,0.3);
}
.bannerBox .lines .line .end {
	background: #fff;
}
.bannerBox .lines .line span:before {
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	content: "";
}
.bannerBox .lines .line span.on:before {
	width: 100%;
	transition: all 8s linear;
	-webkit-transition: all 8s linear;
}
.bannerBox .page {
	width: 46px;
	height: 46px;
	position: absolute;
	right: 100px;
	bottom: 31px;
	color: #fff;
	font-size: 14px;
	box-sizing: border-box;
	background: url(../images/common/h_bg01.png) no-repeat;
}
.bannerBox .page .cur {
	display: block;
	position: absolute;
	left: 6px;
	top: 2px;
}
.bannerBox .page .add {
	display: block;
	position: absolute;
	right: 6px;
	bottom: 2px;
}
.bannerBox .scrollBox {
	margin-left: -35px;
	width: 70px;
	position: absolute;
	left: 50%;
	bottom: 30px;
	text-align: center;
}
.bannerBox .scrollBox .line {
	width: 2px;
	height: 0;
	position: absolute;
	left: 50%;
	top: -110px;
	background: #fff;
}
.bannerBox .scrollBox .line.on {
	height: 60px;
	transition: all 1s linear;
	-webkit-transition: all 1s linear;
}
.bannerBox .scrollBox .img {
	color: #fff;
	font-size: 12px;
}
.bannerBox .scrollBox .img img {
	margin: 0 auto;
	display: block;
}
.bannerBox .scrollBox span {
	margin: 7px 0 3px;
	display: block;
}
.bannerBox .scrollBox .img .icon {
	animation: mymove 1s linear infinite;
	-webkit-animation: mymove 1s linear  infinite;
}
@keyframes mymove
{
from {transform: translateY(0)}
50% {transform: translateY(5px)}
to {transform: translateY(0)}
}

@-webkit-keyframes mymove
{
from {-webkit-transform: translateY(0)}
50% {-webkit-transform: translateY(5px)}
to {-webkit-transform: translateY(0)}
}

.main .wrap {
	margin: 0 auto;
	width: 1200px;
}

.main .comTtl {
	margin-bottom: 119px;
	padding-bottom: 44px;
	position: relative;
	color: #222;
	font-family: "apm";
	font-size: 24px;
	border-bottom: 1px solid #E2E2E2;
	line-height: 1.05;
}
.main .comTtl .txt01 {
	display: block;
	font-family: "apb";
	font-size: 60px;
}
.main .comTtl .txt01 span {
	color: #ff4800;
}
.main .comTtl .txt02 {
	position: absolute;
	right: 0;
	bottom: 44px;
	color: #999;
	font-family: "apr";
	font-size: 14px;
}

.footer {
	padding: 145px 0 268px;
	overflow: hidden;
	background: #222;
}
#index .footer {
	padding: 117px 0 100px;
}
.footer .fInner {
	margin: 0 auto;
	width: 1200px;
}
.footer .fInner .img {
	margin: 0 0 40px 6px;
	text-align: center;
}
.footer .fInner form {
	margin-bottom: 193px;
}
.footer .fInner form ul {
	margin-bottom: 20px;
}
.footer .fInner form li {
    width: 50%;
    height: 36px;
	float: left;
	position: relative;
}
.footer .fInner form li label.error {
    display: none;
}

.footer .fInner form li:last-child {
	float: right;
}
.footer .fInner form li input {
	width: 575px;
	height: 36px;
	color: #fff;
	font-family: "apr";
	font-size: 14px;
	line-height: 34px;
	border: none;
	border-bottom: 2px solid #333;
	background: none;
	box-sizing: border-box;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	outline: none;
}
.footer .fInner form li input:focus {
	border-bottom: 2px solid #fff;
}
.footer .fInner form textarea {
	margin-bottom: 28px;
	width: 100%;
	height: 160px;
	color: #fff;
	font-family: "apr";
	font-size: 14px;
	resize: none;
	border: none;
	border-bottom: 2px solid #333;
	background: none;
	box-sizing: border-box;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	outline: none;
}
.footer .fInner form textarea:focus {
	border-bottom: 2px solid #fff;
}
.footer .fInner form li input::-webkit-input-placeholder{color:#fff;}
.footer .fInner form li input::-moz-placeholder{color:#fff;opacity:1;}
.footer .fInner form li input:-moz-placeholder{color:#fff;opacity:1;}
.footer .fInner form textarea::-webkit-input-placeholder{color:#fff;}
.footer .fInner form textarea::-moz-placeholder{color:#fff;opacity:1;}
.footer .fInner form textarea:-moz-placeholder{color:#fff;opacity:1;}
.footer .fInner .submit a {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #333;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.footer .fInner .submit a:hover {
	color: #222;
	background: #fff;
}
.footer .inner .lBox {
	margin-top: 16px;
	float: left;
}
.footer .inner .lBox .list {
	margin: 2px 41px 0 0;
	float: left;
}
.footer .inner .lBox .list li {
	margin-right: 10px;
	float: left;
}
.footer .inner .lBox .list li a {
	padding-top: 11px;
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 50%;
	box-sizing: border-box;
	background: #333;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
}
.footer .inner .lBox .list li a img {
	margin: 0 auto;
	display: block;
}
.footer .inner .lBox .list .li02 {
	position: relative;
}
.footer .inner .lBox .list .li02 .ma {
	display: none;
	position: absolute;
	top:-88px;
	left:-20px;
}
.footer .inner .lBox .list .li02:hover .ma {
	display: block;
}
.footer .inner .lBox .list li a:hover {
	background: #fff url(../images/common/f_img02_on.png) no-repeat center 11px;
}
.footer .inner .lBox .list li.li02 a:hover {
	background-image: url(../images/common/f_img03_on.png);
}
.footer .inner .lBox .list li.li03 a:hover {
	background-image: url(../images/common/f_img04_on.png);
}
.footer .inner .lBox .list li a:hover img {
	visibility: hidden;
}
.footer .inner .lBox .txtBox {
	float: left;
}
.footer .inner .lBox .txtBox ul {
	margin-bottom: 2px;
}
.footer .inner .lBox .txtBox li {
	margin-right: 10px;
	display: inline-block;
	color: #333;
	font-size: 12px;
}
.footer .inner .lBox .txtBox li a {
	margin-right: 15px;
	color: #fff;
}
.footer .inner .lBox .txtBox li a:hover {
	color: #ddd;
}
.footer .inner .lBox .txtBox p {
	color: #fff;
	font-size: 12px;
}
.footer .inner .rBox {
	float: right;
	color: #666;
	font-size: 12px;
	text-align: center;
}
.footer .inner .rBox img {
	margin-bottom: 3px;
	display: block;
}
.popBox {
	display: none;
	position: fixed;
	width: 450px;
	height: 190px;
	top:50%;
	left:50%;
	padding:  25px 20px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow:  0 8px 15px rgba(4,0,0,0.6);
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 11000;
}
.popBox .close {
	position: absolute;
	top:-10px;
	right: -40px;
}
.popBox .title {
	text-align: center;
	margin-bottom: 25px;
}
.popBox .title span {
	padding: 0 3px;
	display: inline-block;
	position: relative;
	z-index: 1;
	color: #333;
	font-size: 18px;
}
.popBox .title span:before {
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 6px;
	z-index: -1;
	background: #FF4800;
	content: "";
}
.popBox .text {
	color:#333;
	font-size: 14px;
}
.popBox .text span {
	margin-top: 10px;
	display: block;
	color:#999;
}
.cover {
	display: none;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgba(0,0,0,0.7);

}
/*---------------index----------------*/
#index .main .section01 {
	margin-bottom: -60px;
	padding: 105px 0 0;
}
#index .main .section01 .inner {
	margin-bottom: 65px;
	padding-bottom: 77px;
}
#index .main .section01 .photoBox {
	margin-top: 15px;
	float: right;
	position: relative;
}
#index .main .section01 .photoBox a {
	display: block;
	position: relative;
}
#index .main .section01 .photoBox a span {
	width: 450px;
	height: 180px;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#index .main .section01 .photoBox a span img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#index .main .section01 .photoBox .more {
	display: block;
	position: absolute;
	right: 38px;
	top: 20px;
	z-index: 1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#index .main .section01 .photoBox a:hover span img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#index .main .section01 .photoBox a:hover .more {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
#index .main .section01 .txtBox {
	width: 600px;
	float: left;
}
#index .main .section01 .txtBox .ttl {
	margin-bottom: 19px;
	padding-right: 22px;
	display: inline-block;
	position: relative;
	z-index: 1;
	font-size: 36px;
    font-family: 'apb';
}
#index .main .section01 .txtBox .ttl:before {
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 14px;
	z-index: -1;
	background: #FF4800;
	content: "";
}
#index .main .section01 .txtBox .txt01 {
	margin-bottom: 22px;
	font-size: 12px;
	line-height: 1.85;
}
#index .main .section01 .txtBox .txt02 {
	color: #999;
	font-size: 12px;
	line-height: 1.85;
}
#index .main .section01 .list {
	margin: 0 -30px 114px 0;
}
#index .main .section01 .list li {
	padding: 0 110px 0 120px;
	float: left;
    font-family: 'apb';
}
#index .main .section01 .list li .txt01 {
	margin-bottom: -23px;
	display: block;
	font-size: 12px;
	line-height: 0.9;
}
#index .main .section01 .list li .txt02 {
	margin-bottom: -21px;
	display: block;
	color: #fff;
	font-size: 72px;
	text-stroke: 2px #222;
	-webkit-text-stroke: 2px #222;
}
#index .main .section01 .list li .txt02 span {
	display: inline-block;
	font-size: 46px;
	vertical-align: top;
}
#index .main .section01 .banner {
	position: relative;
}
#index .main .section02 {
	padding: 150px 0 107px;
	background: url(../images/index/bg01.jpg) no-repeat center center;
	background-size: cover;
}
#index .main .section02 .ttl {
	margin-bottom: 78px;
	color: #999;
	font-size: 12px;
	text-align: center;
}
#index .main .section02 .ttl span {
	margin-bottom: -4px;
	padding: 0 13px;
	display: inline-block;
	position: relative;
	z-index: 1;
	color: #222;
    font-family: 'apb';
	font-size: 36px;
}
#index .main .section02 .ttl span:before {
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 14px;
	z-index: -1;
	background: #FF4800;
	content: "";
}
#index .main .section02 ul {
	margin-right: -60px;
}
#index .main .section02 li {
	margin: 0 62px 0 36px;
	width: 310px;
	float: left;
	font-size: 14px;
	line-height: 1.9;
	text-align: center;
}
#index .main .section02 li a {
	display: block;
	color: #222;
}
#index .main .section02 li a > img {
	margin: 0 auto 36px;
	display: block;
}
#index .main .section02 li .txt {
	margin-bottom: 2px;
	display: block;
    font-family: 'apm';
	font-size: 20px;
}
#index .main .section02 li .arrow {
	margin: 18px auto 0;
	width: 35px;
	height: 35px;
	display: block;
	position: relative;
}
#index .main .section02 li .arrow span {
	padding: 14px 0 0 9px;
	width: 35px;
	height: 35px;
	display: block;
	position: relative;
	z-index: 1;
	border-radius: 50%;
	box-sizing: border-box;
}
#index .main .section02 li a:hover .arrow span {
	background: #222 url(../images/index/arrow_on.png) no-repeat -18px 14px;
	animation:arrowmove 1s infinite linear;
	-webkit-animation:arrowmove 1s infinite linear;
}
#index .main .section02 li a:hover .arrow img {
	visibility: hidden;
}
@keyframes arrowmove
{
from { background-position: -18px 14px;}
to { background-position: 35px 14px;}
}

@-webkit-keyframes arrowmove
{
from { background-position: -18px 14px;}
to { background-position: 35px 14px;}
}
#index .main .section03 {
	padding: 117px 0 87px;
}
#index .main .section03 .ttlBox {
	margin-bottom: 31px;
}
#index .main .section03 .ttlBox .tabNavi {
	margin-top: 17px;
	float: left;
}
#index .main .section03 .ttlBox .tabNavi li {
	margin-right: 7px;
	width: 66px;
	float: left;
}
#index .main .section03 .ttlBox .tabNavi li a {
	display: block;
	color: #222;
	font-family: "apb";
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	border: 2px solid rgba(255,255,255,0);
}
#index .main .section03 .ttlBox .tabNavi li a:hover,
#index .main .section03 .ttlBox .tabNavi li.active a {
	border: 2px solid #222;
}
#index .main .section03 .ttlBox p {
	padding-left: 25px;
	float: right;
	position: relative;
	z-index: 1;
	font-family: "apb";
	font-size: 36px;
}
#index .main .section03 .ttlBox p:before {
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 14px;
	z-index: -1;
	background: #FF4800;
	content: "";
}
.main #grid {
	margin-right: -30px;
	position: relative;
}
.main #grid .item,
.main #grid .additem{
	padding: 0 30px 30px 0;
	position: absolute;
	width: 380px;
	top:0;
	left: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.main #grid .item a {
	display: block;
}
.main #grid .item a .img {
	display: block;
	overflow: hidden;
}
.main #grid .item a .img img {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.main #grid .item a:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.main #grid .item a .txtBox {
	display: block;
	position: relative;
	color: #999;
	font-size: 12px;
	line-height: 1.4;
	background: #F6F6F6;
}
.main #grid .item a .txtBox:before {
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #222;
	content: "";
	transition: width 0.3s;
	-webkit-transition: width 0.3s;
}
.main #grid .item a:hover .txtBox:before {
	width: 100%;
}
.main #grid .item a .txtBox .sub {
	padding: 14px 20px 0;
	height: 65px;
	display: block;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	background: url(../images/index/arrow.png) no-repeat right 21px center;
}
.main #grid .item a .txtBox .sub span {
	display: block;
	color: #222;
	font-size: 16px;
}
.main #grid .item a:hover .txtBox .sub {
	color: #fff;
	background-image: url(../images/index/arrow_on.png);
}
.main #grid .item a:hover .txtBox span {
	color: #fff;
}
#index .main .section03 .more {
	border-top: 1px solid #222;
	border-bottom: 3px solid #222;
}
#index .main .section03 .more a {
	display: block;
	color: #000;
	font-size: 14px;
	line-height: 42px;
	text-align: center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#index .main .section03 .more a:hover {
	color: #fff;
	background: #222;
}
#index .main .section04 .img {
	float: left;
}
#index .main .section04 p {
	margin: 42px 0 -4px;
	float: right;
	font-family: "aph";
	font-size: 36px;
	line-height: 0.95;
	text-align: right;
}

/*---------------about----------------*/
#about .header .gNavi li.li01 a:before {
	display: block;
}
#about .header .gNavi li.li01 a .zh {
	margin-top: -20px;
}
#about .main .section01 {
	padding: 144px 0 119px;
}
#about .main .section01 .comTtl {
	margin-bottom: 51px;
	padding-bottom: 62px;
}
#about .main .section01 .comTtl .txt02 {
	bottom: 64px;
	font-size: 14px;
}
#about .main .section01 .txtBox {
	margin-bottom: 66px;
	padding: 0 0 35px;
	font-size: 14px;
	letter-spacing: 0.2px;
	line-height: 1.7;
}
#about .main .section01 .txtBox .text01 {
	margin-bottom: 25px;
	color: #222;
}
#about .main .section01 .txtBox .text01 span {
	display: inline-block;
	line-height: 18px;
	background: #FF4800;
}
#about .main .section01 .txtBox .text02 {
	margin-bottom: 25px;
	color: #999;
	text-align: justify;
	text-justify: inter-ideograph;
}
#about .main .section01 .list {
	display: flex;
	-webkit-display: flex;
	justify-content: space-between;
	background: url(../images/about/bg01.png) no-repeat center 29px;
}
#about .main .section01 .list li {
    font-family: 'apb';
}
#about .main .section01 .list li .txt01 {
	margin-bottom: -23px;
	display: block;
	font-size: 12px;
	line-height: 0.9;
}
#about .main .section01 .list li .txt02 {
	margin-bottom: -21px;
	display: block;
	color: #fff;
	font-size: 72px;
	text-stroke: 2px #222;
	-webkit-text-stroke: 2px #222;
}
#about .main .section01 .list li .txt02 span {
	display: inline-block;
	font-size: 46px;
	vertical-align: top;
}
#about .main .section02 {
	padding: 154px 0 163px;
	background: #F6F6F6;
}
#about .main .section02 .photo {
	float: right;
}
#about .main .section02 .txtBox {
	margin-top: 7px;
	width: 700px;
	float: left;
}
#about .main .section02 .txtBox .ttl {
	margin-bottom: 72px;
	font-size: 18px;
	font-family: "apm";
	line-height: 1.7;
}
#about .main .section02 .txtBox .ttl .txt01 {
	display: block;
	font-family: "apb";
	font-size: 36px;
}
#about .main .section02 .txtBox .ttl .txt02 {
	display: inline-block;
	position: relative;
	z-index: 1;
}
#about .main .section02 .txtBox .ttl .txt02:before {
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 7px;
	z-index: -1;
	background: #FF4800;
	content: "";
}
#about .main .section02 .txtBox .text01 {
	margin-bottom: 104px;
}
#about .main .section02 .txtBox .text02 {
	margin: 0 -350px 130px 0;
	padding-left: 280px;
	position: relative;
	color: #999;
	font-size: 14px;
	letter-spacing: 0.2px;
	line-height: 1.7;
	background: url(../images/about/img01.png) no-repeat 1px 6px;
}
#about .main .section02 .txtBox .link a img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#about .main .section02 .txtBox .link a:hover img {
	transform: translateX(10px);
	-webkit-transform: translateX(10px)
}
#about .popVideo {
	display: none;
	position: fixed;
	top:50%;
	left:50%;
	width: 1024px;
	height: 580px;
	transform:  translate(-50%,-50%);
	-webkit-transform:  translate(-50%,-50%);
	z-index: 12000;
}
#about .popVideo video {
	width: 1024px;
	height: 580px;

}
#about .popVideo .close {
	position: absolute;
	top:-10px;
	right: -40px;
}
#about .cover {
	display: none;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 11000;
	background: rgba(0,0,0,0.7);
}
#about .main .section03 {
	padding: 128px 0 83px;
}
#about .main .section03 .ttl {
	margin-bottom: 84px;
	text-align: center;
}
#about .main .section03 li {
	margin-bottom: 72px;
	float: left;
}

/*---------------service----------------*/
#service .header .gNavi li.li02 a:before {
	display: block;
}
#service .header .gNavi li.li02 a .zh {
	margin-top: -20px;
}
#service .main .section01 {
	margin-bottom: -25px;
	padding: 144px 0 0;
}
#service .main .section01 .list {
	margin: 0 -15px 94px;
	overflow: hidden;
}
#service .main .section01 .list > li {
	width: 33.33%;
	float: left;
	position: relative;
}
#service .main .section01 .list li .num {
	display: block;
	position: absolute;
	left: 54%;
	top: 100%;
	color: #F4F4F4;
	font-family: "aph";
	font-size: 265px;
	line-height: 1.2;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#service .main .section01 .list li:hover .num {
	top: 5px;
}
#service .main .section01 .list li div {
	position: relative;
	z-index: 1;
	text-align: center;
}
#service .main .section01 .list li img {
	margin: 0 auto 42px;
	display: block;
}
#service .main .section01 .list li p {
	margin-bottom: 19px;
	color: #999;
	font-size: 12px;
	line-height: 1.35;
}
#service .main .section01 .list li p span {
	display: block;
	color: #222;
	font-family: "apm";
	font-size: 20px;
}
#service .main .section01 .list li a {
	padding: 0 3px;
	display: inline-block;
	position: relative;
	z-index: 1;
	color: #222;
	font-size: 14px;
	line-height: 1.7;
}
#service .main .section01 .list li a:hover:before {
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 5px;
	background: #FF4800;
	z-index: -1;
	content: "";
}
#service .main .section01 .link {
	margin: 0 auto;
	width: 210px;
	position: relative;
	text-align: center;
}
#service .main .section01 .link a {
	padding-right: 22px;
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background: #FF4800 url(../images/service/arrow.png) no-repeat 140px center;
}
#service .main .section01 .link a:hover {
	background-position: 145px center;
}
#service .main .section02 {
	padding: 161px 0 123px;
	background: #F6F6F6;
}
#service .main .section02 .ttl {
	padding: 5px 0 18px;
	width: 313px;
	float: left;
	font-size: 18px;
	font-family: "apm";
	line-height: 0.6;
	border-right: 2px solid #E5E5E5;
}
#service .main .section02 .ttl .txt01 {
	margin-bottom: 26px;
	display: block;
	font-family: "apb";
	font-size: 36px;
}
#service .main .section02 .ttl .txt02 {
	padding-right: 19px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
#service .main .section02 .ttl .txt02:before {
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: -2px;
	z-index: -1;
	background: #FF4800;
	content: "";
}
#service .main .section02 .stepBox {
	padding-top: 41px;
	width: 704px;
	float: right;
	position: relative;
}
#service .main .section02 .stepBox .line {
	height: 3px;
	position: relative;
	background: #E5E5E5;
}
#service .main .section02 .stepBox .line span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 3px;
	background: #FF4800;
	animation: linemove 20s linear infinite;
	-webkit-animation: linemove 20s linear infinite;
}
#service .main .section02 .stepBox .line.hide span {
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
@keyframes linemove
{
from {width: 0;}
5% {width: 0;}
95% {width: 100%;}
to {width: 100%;}
}

@-webkit-keyframes linemove
{
from {width: 0;}
5% {width: 0;}
95% {width: 100%;}
to {width: 100%;}
}
#service .main .section02 .list {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#service .main .section02 .list li {
	width: 11.11%;
	float: left;
	position: relative;
	overflow: hidden;
	color: #999;
	font-family: "apm";
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
}
#service .main .section02 .list li:nth-child(2n) {
	margin-top: 17px;
}
#service .main .section02 .list li .dot {
	margin: 18px auto;
	width: 14px;
	height: 14px;
	display: block;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	border: 3px solid #E5E5E5;
	background: #F6F6F6;
	border-radius: 50%;
	transition: border 0.3s;
	-webkit-transition: border 0.3s;
}
#service .main .section02 .list li .dot:before {
	margin: -3px 0 0 -3px;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	background: #FF4800;
	content: "";
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
#service .main .section02 .list li.cur {
	color: #ff4800;
}
#service .main .section02 .list li.end {
	color: #222;
}
#service .main .section02 .list li.cur .dot,
#service .main .section02 .list li.end .dot {
	border: 3px solid #FF4800;
}
#service .main .section02 .list li.cur .dot:before {
	opacity: 0.5;
	animation: dotmove 1s linear infinite;
	-webkit-animation: dotmove 1s linear infinite;
}
@keyframes dotmove
{
from {opacity: 0.5;}
50% {opacity: 1;}
to {opacity: 0.5;}
}

@-webkit-keyframes dotmove
{
from {opacity: 0.5;}
50% {opacity: 1;}
to {opacity: 0.5;}
}

#service .main .section03 {
	padding: 167px 0 169px;
}
#service .main .section03 .sliderBox {
	position: relative;
}
#service .main .section03 .sliderBox .prev {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	cursor: pointer;
}
#service .main .section03 .sliderBox .next {
	position: absolute;
	left: 50px;
	bottom: 0;
	z-index: 10;
	cursor: pointer;
}
#service .main .section03 .sliderBox .prev:hover img,
#service .main .section03 .sliderBox .next:hover img {
	opacity: 0.95;
}
#service .main .section03 .sliderBox .photo {
	width: 380px;
	height: 520px;
	position: relative;
	float: left;
}
#service .main .section03 .sliderBox .txtBox {
	margin-top: 10px;
	width: 707px;
	float: right;
	position: relative;
}
#service .main .section03 .sliderBox .ttl {
	margin-bottom: 26px;
	position: relative;
}
#service .main .section03 .sliderBox .ttl:before {
	width: 144px;
	height: 2px;
	position: absolute;
	left: -186px;
	top: 50px;
	background: url(../images/service/line.png) no-repeat;
	content: "";
}
#service .main .section03 .sliderBox .ttl .num {
	margin-right: 16px;
	display: inline-block;
	color: #fff;
	font-family: "aph";
	font-size: 60px;
	text-stroke: 2px #222;
	-webkit-text-stroke: 2px #222;
}
#service .main .section03 .sliderBox .ttl .txt {
	display: inline-block;
	line-height: 1.4;
}
#service .main .section03 .sliderBox .ttl .txt span {
	display: block;
	font-family: "apm";
	font-size: 24px;
}
#service .main .section03 .sliderBox .en {
	position: absolute;
	right: -41px;
	top: 40px;
	color: #e5e5e5;
	font-family: "apb";
	font-size: 24px;
	line-height: 0.65;
	transform: rotate(90deg);
}
#service .main .section03 .sliderBox .en span {
	font-size: 36px;
}
#service .main .section03 .sliderBox p {
	margin: 0 0 23px 4px;
	width: 470px;
	color: #999;
	font-size: 12px;
	line-height: 1.8;
}
#service .main .section03 .sliderBox .link {
	margin: 63px 0 0 2px;
}
#service .main .section03 .sliderBox .link a img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#service .main .section03 .sliderBox .link a:hover img {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
#service .main .section03 .sliderBox .next02 {
	width: 120px;
	height: 120px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	border-radius: 50%;
	border: 1px solid #222;
	box-sizing: border-box;
}
#service .main .section03 .sliderBox .next02 a {
	display: block;
	color: #222;
	font-size: 18px;
	line-height: 118px;
	text-align: center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#service .main .section03 .sliderBox .next02 a:hover {
	padding-left: 42px;
}
#service .main .section03 .sliderBox .next02 a img {
	display: block;
	position: absolute;
	left: -65px;
	top: 56px;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#service .main .section03 .sliderBox .next02 a:hover img {
	left: -44px;
	opacity: 1;
}

/*---------------case----------------*/
#case .header .gNavi li.li03 a:before {
	display: block;
}
#case .header .gNavi li.li03 a .zh {
	margin-top: -20px;
}
#case .main .section01 {
	padding: 144px 0 257px;
}
#case .main .section01 .noneText {
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
	color: #999;	
}

#case .main .section01 .comTtl {
	margin-bottom: 2px;
}
#case .main .section01 .tabNavi {
	margin-bottom: 30px;
	text-align: center;
	border-bottom: 1px solid #E2E2E2;
}
#case .main .section01 .tabNavi li {
	margin: 0 18px;
	display: inline-block;
}
#case .main .section01 .tabNavi li a {
	display: block;
	color: #222;
	font-family: "apm";
	font-size: 14px;
	line-height: 40px;
}
#case .main .section01 .tabNavi li.active a,
#case .main .section01 .tabNavi li a:hover {
	color: #fe5411;
	font-family: "apb";
}
#case .main .section01 .loading {
	margin: 87px auto 0;
	width: 16px;
	height: 158px;
	position: relative;
	text-align: center;
}
#case .main .section01 .loading .dot {
	position: absolute;
	left: 5px;
	top: 142px;
}
#case .main .section01 .loading .dot span {
	margin-top: 2px;
	width: 3px;
	height: 3px;
	display: block;
	visibility: hidden;
	opacity: 0;
	background: #222;
	border-radius: 2px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#case .main .section01 .loading .dot span.show {
	opacity: 1;
	visibility: visible;
}

/*---------------case_detail----------------*/
#detail .header .gNavi li.li03 a:before {
	display: block;
}
#detail .header .gNavi li.li03 a .zh {
	margin-top: -20px;
}
#detail .bannerBox {
	background: url(../images/case_detail/bg01.jpg) no-repeat center center;
	background-size: cover;
}
#detail .bannerBox .logoImg {
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	position: absolute;
	left: 50%;
	top: 50%;
}
#detail .bannerBox .txt01 {
	position: absolute;
	left: 100px;
	bottom: 29px;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}
#detail .bannerBox .txt01 span {
	display: block;
	font-size: 48px;
}
#detail .bannerBox .linkList {
	position: absolute;
	right: 100px;
	bottom: 28px;
}
#detail .bannerBox .linkList li {
	width: 22px;
	height: 21px;
	margin-left: 20px;
	float: left;
	cursor: pointer;
}
#detail .bannerBox .linkList li a:hover img {
	opacity: 0.9;
}
#share-qrcode { background-image: url(../images/case_detail/img02.png); }
#share-qzone { background-image: url(../images/case_detail/img03.png); }
#share-sina { background-image: url(../images/case_detail/img04.png); }
#detail .main .section01 {
	padding: 150px 0 160px;
}
#detail .main .section01 .inner {
	margin-bottom: 141px;
}
#detail .main .section01 .ttl {
	padding: 7px 0 0 0;
	float: left;
	font-size: 18px;
	font-family: "apm";
	line-height: 0.65;
}
#detail .main .section01 .ttl .txt01 {
	margin-bottom: 23px;
	display: block;
	font-family: "apb";
	font-size: 36px;
}
#detail .main .section01 .ttl .txt02 {
	padding-right: 19px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
#detail .main .section01 .ttl .txt02:before {
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: -2px;
	z-index: -1;
	background: #FF4800;
	content: "";
}
#detail .main .section01 .txtBox {
	width: 798px;
	float: right;
}
#detail .main .section01 .txtBox p {
	margin-bottom: 19px;
	line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}
#detail .main .section01 .arrow {
	margin-top: 38px;
}
#detail .main .section01 .arrow .prev {
	float: left;
}
#detail .main .section01 .arrow .next {
	float: right;
}
#detail .main .section01 .arrow a {
	display: block;
	border-radius: 50%;
}
#detail .main .section01 .arrow a:hover {
	background: #222 url(../images/case_detail/prev_on.png) no-repeat;
}
#detail .main .section01 .arrow .next a:hover {
	background-image: url(../images/case_detail/next_on.png);
}
#detail .main .section01 .arrow a:hover img {
	visibility: hidden;
}

/*---------------team----------------*/
#team .header .gNavi li.li04 a:before {
	display: block;
}
#team .header .gNavi li.li04 a .zh {
	margin-top: -20px;
}
#team .main .section01 {
	padding: 144px 0 65px;
}
#team .main .section01 .comTtl {
	margin-bottom: 75px;
	border: none;
}
#team .main .section01 .comTtl .txt01 {
	font-weight: bold;
}
#team .main .section01 .comTtl .txt02 {
	font-size: 14px;
	line-height: 1.25;
	text-align: right;
}
#team .main .section01 .inner {
	margin-bottom: 72px;
	padding-left: 600px;
	position: relative;
}
#team .main .section01 .inner .photo {
	position: absolute;
	left: 0;
	bottom: 0;
}
#team .main .section01 .inner .photo .icon {
	position: absolute;
	left: 19px;
	top: 67px;
}
#team .main .section01 .inner .photo span {
	display: block;
	position: absolute;
	left: 20px;
	bottom: 17px;
	color: #fff;
	font-family: "apm";
	font-size: 16px;
	line-height: 1.1;
}
#team .main .section01 .inner .txtBox {
	padding: 45px 65px 0;
	width: 600px;
	height: 380px;
	box-sizing: border-box;
	background: #F6F6F6 url(../images/team/img06.png) no-repeat 340px bottom;
}
#team .main .section01 .inner .txtBox .ttl {
	margin-bottom: 33px;
	padding-bottom: 14px;
	border-bottom: 1px solid #E5E5E5;
}
#team .main .section01 .inner .txtBox .ttl > span {
	display: inline-block;
}
#team .main .section01 .inner .txtBox .ttl .txt01 {
	margin-right: 19px;
	font-family: "apm";
	font-size: 36px;
}
#team .main .section01 .inner .txtBox .ttl .txt02 {
	color: #999;
	font-size: 14px;
	line-height: 1.3;
}
#team .main .section01 .inner .txtBox .text {
	line-height: 1.7;
}
#team .main .section01 .inner02 {
	padding: 0 600px 0 0;
}
#team .main .section01 .inner02 .photo {
	left: auto;
	right: 0;
}
#team .main .section01 .inner02 .photo .icon {
	left: auto;
	right: 21px;
	top: 72px;
}
#team .main .section01 .inner02 .photo span {
	left: auto;
	right: 20px;
	text-align: right;
}
#team .main .section01 .inner02 .txtBox {
	background-position: 65px bottom;
}
#team .main .section01 .inner02 .txtBox .ttl {
	text-align: right;
}
#team .main .section01 .inner02 .txtBox .ttl .txt01 {
	margin: 0 -3px 0 16px;
}
#team .main .section01 .inner02 .txtBox .text {
	text-align: right;
}
#team .main .section02 {
	padding-bottom: 150px;
}
#team .main .section02 .lBox {
	width: 400px;
	float: left;
}
#team .main .section02 .lBox .ttl {
	margin-bottom: 56px;
	font-size: 18px;
	font-family: "apm";
	line-height: 1.25;
}
#team .main .section02 .lBox .ttl .txt01 {
	display: block;
	font-family: "apb";
	font-size: 36px;
}
#team .main .section02 .lBox .ttl .txt02 {
	display: inline-block;
	position: relative;
	z-index: 1;
}
#team .main .section02 .lBox .ttl .txt02:before {
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 3px;
	z-index: -1;
	background: #FF4800;
	content: "";
}
#team .main .section02 .lBox p {
	margin-bottom: 21px;
}
#team .main .section02 .lBox .link {
	margin-top: 250px;
	width: 193px;
}
#team .main .section02 .lBox .link a {
	padding: 11px 18px 0;
	height: 50px;
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	box-sizing: border-box;
	border-radius: 3px;
	background: #FF4800;
}
#team .main .section02 .rBox {
	margin-top: 110px;
	width: 600px;
	float: right;
}
#team .main .section02 .rBox dt {
	margin-bottom: 10px;
}
#team .main .section02 .rBox dt a {
	display: block;
	position: relative;
	color: #222;
	font-size: 18px;
	line-height: 56px;
	border-bottom: 1px solid #E2E2E2;
	background: url(../images/team/icon01.png) no-repeat right 27px;
}
#team .main .section02 .rBox dt.on a {
	border-color: #222;
	background-image: url(../images/team/icon02.png);
}
#team .main .section02 .rBox dt.on a:before {
	width: 22px;
	height: 2px;
	position: absolute;
	left: -42px;
	top: 26px;
	background: #FF4800;
	content: "";
}
#team .main .section02 .rBox dd p {
	padding: 9px 0 11px;
	color: #999;
	font-size: 12px;
	line-height: 1.65;
}
#team .main .section02 .rBox dd {
	display: none;
}

/*---------------contact----------------*/
#contact .header .gNavi li.li05 a:before {
	display: block;
}
#contact .header .gNavi li.li05 a .zh {
	margin-top: -20px;
}
#contact .main .section01 {
	padding: 144px 0 162px;
}
#contact .main .section01 .comTtl {
	margin-bottom: 0;
	border: none;
}
#contact .main .section01 .map {
	margin-bottom: 85px;
}
#contact .main .section01 .inner .txtBox {
	width: 500px;
	float: left;
}
#contact .main .section01 .inner .txtBox p {
	margin-bottom: 29px;
	color: #ff4900;
	font-size: 24px;
}
#contact .main .section01 .inner .txtBox dl {
	line-height: 1.7;
}
#contact .main .section01 .inner .txtBox dd {
	margin-bottom: 24px;
}
#contact .main .section01 .inner .txtBox dd a {
	color: #222;
	text-decoration: underline;
}
#contact .main .section01 .inner form {
	margin-top: 17px;
	width: 600px;
	float: right;
}
#contact .main .section01 .inner form input {
	margin-bottom: 33px;
	width: 100%;
	height: 40px;
	display: block;
	color: #222;
	font-family: "apr";
	font-size: 14px;
	line-height: 40px;
	border: none;
	border-bottom: 1px solid #222;
	box-sizing: border-box;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	outline: none;
}
#contact .main .section01 .inner form textarea {
	margin-bottom: 20px;
	padding-top: 7px;
	width: 100%;
	height: 163px;
	display: block;
	color: #222;
	font-family: "apr";
	font-size: 14px;
	resize: none;
	border: none;
	border-bottom: 1px solid #222;
	box-sizing: border-box;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	outline: none;
}
#contact .main .section01 .inner form input::-webkit-input-placeholder{color:#222;}
#contact .main .section01 .inner form input::-moz-placeholder{color:#222;opacity:1;}
#contact .main .section01 .inner form input:-moz-placeholder{color:#222;opacity:1;}
#contact .main .section01 .inner form textarea::-webkit-input-placeholder{color:#222;}
#contact .main .section01 .inner form textarea::-moz-placeholder{color:#222;opacity:1;}
#contact .main .section01 .inner form textarea:-moz-placeholder{color:#222;opacity:1;}
#contact .main .section01 .inner form .submit a {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #333;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#contact .main .section01 .inner form .submit a:hover {
	background: #000;
}