@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

@font-face {
	font-family: 'FuturaBT-Medium';
	src: url("../font/futurabt-medium_.otf");
}

input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

input {}

body {}

img {
	border: none;
}

li {
	list-style: none;
}

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

a {
	color: inherit;
	text-decoration: none;cursor: pointer;
}
.cl {
	clear: both;
}

.kongs {
	width: auto;
	border: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

html,
body {
	height: 100%;
}

.section {
	height: 100%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.pageone {
	background-image: url(../images/b11.jpg);
}

.pagetwo {
	background-image: url(../images/b2.jpg);
}

.pagethree {
	background-image: url(../images/b3.jpg);
}

.pagefour {
	background-image: url(../images/b4.jpg);
}

.pagefive {
	background-image: url(../images/b5.jpg);
}

.pagesix {
	background-color: #1C1C1C;
}


/**/

@keyframes firstPart {
	0% {
		bottom: 40px;
	}
	100% {
		bottom: 20px;
	}
}


/**/

.index-header-w {
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
	background: rgba(28, 28, 28, 1);
}
.index-header-w.subnav-fixed{
	background: rgba(28, 28, 28, 1);
}
.index-header {
	width: 80%;
	height: 80px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	transition: 0.3s all;
}

.index-header .logo {
	transition: 0.3s all;
	padding: 25px 0px;
}

.index-header .logo img {
	display: block;
	height: 100%;
}

.index-header .logo-r {
	display: flex;
	justify-content: flex-end;
}

.index-header .logo-r .nav {
	display: flex;
	justify-content: flex-end;
}

.index-header .logo-r .nav p a {
	color: white;
	font-size: 14px;
	font-weight: 400;
	line-height: 80px;
	display: block;
	padding: 0px 20px;
	position: relative;
	text-transform: uppercase;
	transition: 0.3s all;
}

.index-header .logo-r .nav p a:after {
	content: "";
	display: block;
	width: 0%;
	margin: auto;
	height: 2px;
	background-color: #E97017;
	position: absolute;
	bottom: 20%;
	left: 0;
	right: 0;
	transition: 0.3s all;
}

.index-header .logo-r .nav p a:hover:after,
.index-header .logo-r .nav p.hover a:after {
	width: 40%;
	transition: 0.3s all;
}

.index-header .logo-r .search i {
	color: white;
	line-height: 80px;
	display: block;
	padding: 0px 20px;
	font-size: 20px;
	cursor: pointer;
}

.index-header .logo-r .language {
	color: #E97017;
	line-height: 80px;
	display: block;
	padding: 0px 20px;
	font-size: 14px;
	cursor: pointer;
	transition: 0.3s all;
}

.index-header .logo-r .language a {
	padding: 10px;
	border-radius: 3px;
	transition: 0.3s all;
}

.index-header .logo-r .language a:hover {
	background-color: #E97017;
	color: white;
	transition: 0.3s all;
}
.index-header-w.subnav-fixed .index-header{
	height: 60px;
	transition: 0.3s all;
}
.index-header-w.subnav-fixed .index-header .logo{
	padding: 18px 0px;
	transition: 0.3s all;
}
.index-header-w.subnav-fixed .index-header .logo-r .nav p a{
	transition: 0.3s all;
	line-height: 60px;
}
.index-header-w.subnav-fixed .index-header .logo-r .language{
	transition: 0.3s all;
	line-height: 60px;
}
/**/

.pageone-text {
	width: 680px;
	margin: auto;
	height: 100%;
	padding-top: 12%;
	position: relative;
	z-index: 4;
}
.pageone-text.ones{
	width: 1200px;
	text-align: center;
}


.pagethree .pageone-text {
	width: 710px;
}

.pagefour .pageone-text {
	width: 900px;
	padding-top: 24%;
}

.pagefive .pageone-text {
	width: 900px;
	padding-top: 24%;
}

.pagefive .pageone-text p.t4 {
	bottom: 140px;
}

p.index-title {
	display: block;
	text-transform: uppercase;
	font-size: 52px;
	font-family: 'FuturaBT-Medium';
	font-weight: 500;
	line-height: 66px;
	color: rgba(255, 255, 255, 1);
}
p.index-title.ones{
	font-size: 70px;
	line-height: 80px;
}

.pageone-text p.t2 {
	margin: 25px auto;
	font-weight: normal;
	font-size: 16px;
	color: rgba(255, 255, 255, 1);
	font-style: oblique;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.pageone-text p.t2 a {
	display: block;
	position: relative;
	padding-right: 10px;
	line-height: 2;
	margin-right: 10px;
}

.pageone-text p.t2 a:after {
	content: "";
	height: 15px;
	width: 1px;
	background-color: white;
	position: absolute;
	top: 9px;
	left: 100%;
}

.pageone-text p.t2 a:last-child:after {
	display: none;
}

.pageone-text p.t2 a:hover {
	color: #E97017;
}

.pageone-text p.t3 {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	opacity: 0.9;
}

.pageone-text p.t4 {
	width: 160px;
	padding: 0px 0px;
	display: block;
	margin: auto;
	border: 1px solid transparent;
	border-radius: 10px;
	transition: 0.3s all;
	position: absolute;
	bottom: 200px;
	left: 0;
	right: 0;
}

.pageone-text p.t4 a {
	width: 160px;
	display: block;
	margin: auto;
	line-height: 45px;
	background-color: #E97017;
	color: white;
	text-align: center;
	border-radius: 10px;
	border: 1px solid transparent;
}

.pageone-text p.t4 a:after {
	content: "";
	display: block;
	width: 100%;
	height: 45px;
	border: 1px solid #E97017;
	border-radius: 10px;
	transition: 0.3s all;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
}

.pageone-text p.t4 a:hover:after {
	padding: 10px;
	top: -10px;
	left: -10px;
	transition: 0.3s all;
}
.pageone-text p.t-img{
	max-width: 800px;
	margin: 35px auto 0;
	display: flex;
	justify-content: center;
}
.pageone-text p.t-img a{
	display: block;
	width: 49%;
}
.pageone-text p.t-img a img{
	display: block;
	width: 100%;
}
.pageone-text .pagetwo-t2 {
	display: flex;
	justify-content: space-between;
	margin: 12px auto 25px;
}

.pageone-text .pagetwo-t2 .left {
	text-align: center;
	color: white;
	display: block;
	width: 100px;
	border-right: 2px solid white;
	padding-right: 20px;
}

.pageone-text .pagetwo-t2 .left span {
	display: block;
	font-weight: bold;
	font-size: 42px;
}

.pageone-text .pagetwo-t2 .t2 {
	flex-wrap: wrap;
	width: 526px;
	margin: auto;
}

.pageone-text .pagetwo-t2 .t2 a {
	line-height: 1.8;
}

.pageone-text .pagetwo-t2 .t2 a:after {
	top: 6px;
}


/**/

.jono-index-nextpages {
	display: block;
	width: 80px;
	text-align: center;
	color: white;
	position: fixed;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9;
	cursor: pointer;
	animation-name: firstPart;
	animation-duration: 0.8s;
	animation-timing-function: linear;
	animation-delay: 0.3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
}

.jono-index-next i {
	display: block;
	font-size: 40px;
	margin-bottom: -10px;
}


/**/

#jono-index-video {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 3;
}


/**/

footer {
	width: 100%;
	background-color: #1C1C1C;
	padding: 55px 0px 0px;
}

.footer {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.footer .left {
	width: 490px;
}

.footer .left p.t1 {
	display: flex;
	justify-content: space-between;
	color: white;
	border-bottom: 1px solid white;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.footer .left p.t1 span,
.footer .left p.t1 a {
	display: flex;
	justify-content: flex-start;
	line-height: 35px;
	font-size: 14px;
}
.footer .left p.t1 a:hover{
	color: #E97017;
}
.footer .left p.t1 span i,
.footer .left p.t1 a i {
	display: block;
	margin-right: 6px;
	font-size: 18px;
}

.footer .left p.t2 {
	color: white;
	font-family: 'FuturaBT-Medium';
	margin-bottom: 15px;
}

.footer .left p.t3 {
	color: white;
	font-size: 14px;
	padding-left: 30px;
	position: relative;
	line-height: 1.8;
	margin-bottom: 15px;
}

.footer .left p.t3:before {
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	font-size: 18px;
}

.footer .left p.t4 {
	height: 60px;
	margin-top: 30px;
}

.footer .left p.t4 img {
	display: block;
	height: 100%;
}

.footer .right {
	width: 610px;
	padding-top: 15px;
	padding-bottom: 60px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.footer .right .list p.t1 a {
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin-bottom: 20px;
}

.footer .right .list p.t2 a {
	display: block;
	color: white;
	font-size: 14px;
	line-height: 2;
}

.footer .right .social-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	bottom: -10px;
	right: 0;
}

.footer .right .social-list a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border: 2px solid white;
	border-radius: 5px;
	color: white;
	margin-left: 35px;
	transition: 0.4s all;
}

.footer .right .social-list a i {
	display: block;
	margin: auto;
	font-size: 18px;
}
.footer .right .social-list a i.icon-instagram-fill{
	font-size: 24px;
}
.footer .right .social-list a:hover {
	background-color: white;
	color: black;
	transition: 0.4s all;
	border-radius: 100%;
}

.footer-copyright {
	width: 100%;
	margin-top: 55px;
	border-top: 1px solid white;
	line-height: 60px;
	color: white;
	text-align: center;
	font-size: 15px;
}

.banner {
	width: 100%;
	padding-top: 80px;
	background: rgba(28, 28, 28, 1);
}

.banner img {
	display: block;
	width: 100%;
}

.about-main01 {
	width: 100%;
	background-color: #F5F5F5FF;
}

.about-main01 .title01 {
	width: 1340px;
	max-width: 100%;
	margin: -50px auto 0px;
	position: relative;
	z-index: 99;
	padding: 0px 70px;
	background-color: #8D7E6A;
	line-height: 120px;
	font-size: 28px;
	font-family: 'FuturaBT-Medium';
	text-transform: uppercase;
	color: white;
	letter-spacing: 3px;
	font-weight: bolder;
}

.about-main01 .title01 i {
	display: block;
	position: absolute;
	line-height: 120px;
	top: 0;
	right: 70px;
	color: #FFFFFF;
	opacity: 0.2;
	font-size: 80px;
}

.about-title02 {
	width: 1340px;
	max-width: 100%;
	margin: auto;
	background-color: white;
	color: #1C1C1CFF;
	font-family: 'FuturaBT-Medium';
	font-size: 22px;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 40px 85px;
	position: relative;
}

.about-title02:after {
	content: "";
	display: block;
	width: 5px;
	height: 50px;
	background-color: black;
	border-radius: 2px;
	position: absolute;
	top: 40px;
	left: 70px;
}

.about-main01 .desc {
	width: 1340px;
	max-width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	background-color: white;
	padding: 0px 70px 40px;
}

.about-main01 .desc .left,
.about-main01 .desc .right{
	width: 48%;
	font-size: 14px;
	color: #707070FF;
}

.about-main01 .desc p {
	line-height: 1.6;
	margin-bottom: 15px;
}
.about-main01 .desc .left p.stys span{
	display: block;
	line-height: 1.8;
	position: relative;
	padding-left: 10px;
	text-transform: capitalize;
}
.about-main01 .desc .left p.stys span:after{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	margin: auto;
	border-radius: 100%;
	background-color: #E97017;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.about-main01 .desc .right {
	width: 48%;
}

.about-main01 .desc .right img {
	display: block;
	width: 100%;
}

.about-main01 .desc02 {
	width: 1340px;
	max-width: 100%;
	margin: auto;
	background-color: white;
	padding: 0px 70px 70px;
	font-size: 14px;
	color: #707070FF;
}

.about-main02 {
	width: 100%;
	position: relative;
}

.about-main02 img {
	display: block;
	width: 100%;
}

.about-main02 .text {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding-top: 35px;
}

.about-main02 .text .list {
	width: 200px;
	text-align: center;
}
.about-main02 .text .list:nth-child(1),
.about-main02 .text .list:nth-child(2){
	width: 160px;
}
.about-main02 .text p.t1 {
	font-family: 'FuturaBT-Medium';
	color: #1C1C1C;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}

.about-main02 .text p.t1 span {
	font-size: 48px;
}

.about-main02 .text p.t2 {
	color: #1C1C1C;
	text-transform: uppercase;
	font-size: 15px;
}

.about-main03 {
	width: 100%;
	background-color: white;
	padding: 40px 0px;
}

.about-main03 img.maps {
	display: block;
	width: 100%;
	margin: -70px auto 0px;
}

.about-main03 .about-title02 {
	background-color: transparent
}

.about-main04 {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.about-main04 .list {
	width: 30%;
	padding-left: 25px;
	margin-bottom: 30px;
}

.about-main04 .list p.t1 {
	font-family: 'FuturaBT-Medium';
	color: #1C1C1C;
	font-weight: bold;
	position: relative;
}

.about-main04 .list p.t1:before {
	content: "";
	display: block;
	width: 9px;
	height: 6px;
	background: rgba(233, 112, 23, 1);
	border-radius: 50%;
	opacity: 1;
	position: absolute;
	top: 10px;
	left: -15px;
}

.about-main04 .list p.t2 {
	color: #707070;
	font-size: 15px;
	margin: 5px 0px 10px;
	max-width: 80%;
	display: block;
}

.about-main04 .list p.t3 {
	font-family: 'FuturaBT-Medium';
	color: #1C1C1C;
	font-weight: bold;
	font-size: 22px;
}

.about-main05 {
	width: 1200px;
	margin: 0px auto 45px;
	display: flex;
	justify-content: space-between;
}

.about-main05 .list {
	width: 380px;
	background-color: #F5F5F5;
	padding: 20px 30px;
}

.about-main05 .list p.t1 {
	width: 100%;
	margin-bottom: 12px;
}

.about-main05 .list p.t1 img {
	display: block;
	width: 100%;
}

.about-main05 .list p.t2 {
	color: #707070;
	font-size: 14px;
	line-height: 1.6;
}

.about-main06 {
	width: 100%;
}

.about-main06 .list {
	position: relative;
	width: 100%;
	margin-bottom: 55px;
}

.about-main06 .list:before {
	content: "";
	display: block;
	width: 100%;
	height: 60%;
	background: rgba(245, 245, 245, 1);
	position: absolute;
	top: 20%;
	z-index: -1;
}

.about-main06 .list:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: white;
	position: absolute;
	top: 32%;
	z-index: -1;
}

.about-main06 .list img.teampic {
	width: 70%;
	display: block;
	float: right;
}

.about-main06 .list .text {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 60%;
	height: 135px;
	margin: auto;
}

.about-main06 .list .text p {
	display: inline-block;
	color: #1C1C1C;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 15px;
	line-height: 55px;
	padding: 0px 15px;
}

.about-main06 .list .team {
	color: #B7B7B7;
	font-size: 28px;
	letter-spacing: 15px;
	position: absolute;
	top: 8%;
	right: 72%;
}

.about-main06 .list-r img.teampic {
	float: none;
}

.about-main06 .list-r .text {
	right: 20%;
	text-align: right;
}

.about-main06 .list-r .team {
	top: 8%;
	left: 72%;
}


/**/

.about-main07 {
	width: 100%;
	position: relative;
	margin-top: 90px;
}

.about-main07 img.pic {
	display: block;
	width: 100%;
}

.about-main07 .text {
	width: 1200px;
	max-width: 96%;
	margin: auto;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
}

.about-main07 .text p.t1 {
	color: #1C1C1C;
	font-weight: bold;
	font-size: 32px;
	position: relative;
	font-family: 'FuturaBT-Medium';
	display: inline-block;
	border-bottom: 2px solid #1C1C1C;
	line-height: 1;
	margin-bottom: 5px;
}

.about-main07 .text p.t2 {
	color: #707070;
}

.about-main07 .text p.t3 {
	margin-top: 35px;
	color: #707070;
	font-size: 14px;
	line-height: 1.8;
}

.bottom-chat {
	width: 100%;
	height: 60px;
	background-color: #E97017;
	overflow: hidden;
}

.bottom-chat .w1200 {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bottom-chat .w1200 p.t1 {
	color: white;
	display: flex;
	line-height: 60px;
	justify-content: flex-start;
	font-style: italic;
}

.bottom-chat .w1200 p.t1 i {
	font-size: 26px;
	margin-left: 8px;
	line-height: 60px;
	display: block;
}
.bottom-chat .w1200 p.t2{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.bottom-chat .w1200 p.t2 a {
	line-height: 40px;
	height: 40px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: white;
	border-radius: 5px;
	border: 2px solid white;
	padding: 0px 15px;
	transition: 0.3s all;
	margin-left: 12px;
}

.bottom-chat .w1200 p.t2 a i {
	display: block;
	font-size: 26px;
	margin-right: 8px;
}

.bottom-chat .w1200 p.t2 a:hover {
	background-color: white;
	color: #E97017;
	transition: 0.3s all;
}

/**/

.big-typename {
	text-align: center;
	position: relative;
	z-index: 2;
	font-family: 'FuturaBT-Medium';
	font-weight: bold;
	font-size: 40px;
	letter-spacing: 5px;
	line-height: 60px;
	margin: 40px 0px;
	color: #1C1C1C;
	text-transform: uppercase;
	padding: 40px 0px;
}

.big-typename span {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	color: #E97017;
	top: 0;
	bottom: 0;
	height: 60px;
	font-size: 60px;
	font-weight: normal;
	z-index: -1;
	opacity: 0.2;
	text-transform: uppercase;
	line-height: 1;
}

.contact-main01 {
	width: 1100px;
	margin: 20px auto 50px;
	display: flex;
	justify-content: space-between;
}

.contact-main01 .list {
	text-align: center;
}

.contact-main01 .list p.t1 {
	display: block;
	margin: auto;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: rgba(233, 112, 23, 0.3);
	text-align: center;
	color: #E97017;
	transition: 0.3s all;
}

.contact-main01 .list p.t1 i {
	display: block;
	font-size: 32px;
	line-height: 80px;
}

.contact-main01 .list p.t2 {
	color: #1c1c1c;
	font-weight: bold;
	margin: 20px 0px 12px;
}

.contact-main01 .list p.t3 {
	color: #707070;
	font-size: 14px;
	line-height: 1.7;
}

.contact-main01 .list:hover p.t1 {
	background-color: #E97017;
	color: white;
	transition: 0.3s all;
}

.contact-title {
	text-align: center;
	margin: 125px auto 50px;
}

.contact-title p.t1 {
	color: #E97017;
	font-size: 24px;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 6px;
}

.contact-title p.t2 {
	color: #B7B7B7;
	font-size: 15px;
}

.contact-main02 {
	width: 1100px;
	margin: 0px auto 85px;
}

.contact-main02 .list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	position: relative;
}

.contact-main02 .list.must:before {
	content: "*";
	display: block;
	line-height: 60px;
	color: #E97017;
	position: absolute;
	top: 0;
	left: 0;
}

.contact-main02 .list p.t1 {
	width: 340px;
	line-height: 60px;
	color: #1C1C1C;
	font-weight: bold;
	font-size: 20px;
	padding-left: 15px;
}

.contact-main02 .list p.t2 {
	width: 760px;
}

.contact-main02 .list p.t2 input {
	display: block;
	width: 100%;
	padding: 0px 15px;
	height: 60px;
	border: 1px solid #707070;
	border-radius: 5px;
}

.contact-main02 .list p.t2 textarea {
	display: block;
	width: 100%;
	padding: 15px 15px;
	height: 200px;
	border: 1px solid #707070;
	border-radius: 5px;
}

.contact-main02 .list p.t2 button {
	background-color: #E97017;
	width: 240px;
	height: 60px;
	border-radius: 10px;
	border: none;
	color: white;
	margin-left: 80px;
	font-size: 18px;
	line-height: 60px;
	display: flex;
	justify-content: center;
	cursor: pointer;
	transition: 0.3s all;
}

.contact-main02 .list p.t2 button i {
	line-height: 60px;
	font-size: 22px;
	margin-left: 10px;
}

.contact-main02 .list p.t2 input:focus,
.contact-main02 .list p.t2 textarea:focus {
	border: 1px solid #E97017;
	box-shadow: 0px 0px 4px #E97017;
}

.contact-main02 .list p.t2 button:hover {
	background: rgba(233, 112, 23, 0.6);
	transition: 0.3s all;
}
.contact-main02 .list-textarea p.t2{
	display: flex;
	justify-content: flex-start;
}
.contact-main02 .list-textarea p.t2 input{
	width: 240px;
}
.contact-main02 .list-textarea p.t2 img{
	display: block;
	height: 60px;
}
/**/

.news-main {
	width: 1200px;
	margin: 55px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news-main .list {
	width: 380px;
	border-bottom: 1px solid #1C1C1C;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 30px;
}

.news-main .list p.t1 {
	width: 100%;
	overflow: hidden;
}

.news-main .list p.t1 img {
	display: block;
	width: 100%;
	transition: 0.3s all;
}

.news-main .list p.t2 {
	color: #1C1C1C;
	font-size: 14px;
	margin: 20px 0px;
	line-height: 1.8;
}

.news-main .list p.t3 {
	font-size: 12px;
	color: #B7B7B7;
}

.news-main .list:hover {
	border-bottom: 1px solid #E97017;
}

.news-main .list:hover p.t1 img {
	transform: scale(1.1);
	transition: 0.3s all;
}

.news-main .list:hover p.t2,
.news-main .list:hover p.t3 {
	color: #E97017;
}

.news-main .list:before {
	content: "";
	width: 0%;
	height: 1px;
	background-color: #E97017;
	position: absolute;
	bottom: -1px;
	transition: 0.5s all;
}

.news-main .list:hover:before {
	width: 100%;
	transition: 0.5s all;
}


/**/

h1.show-h1 {
	width: 1200px;
	margin: 40px auto;
	background-color: white;
	color: #1C1C1CFF;
	font-family: 'FuturaBT-Medium';
	font-size: 22px;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 0px 25px;
	position: relative;
}
h1.show-h1.protit:after {
	height: 26px;
}

h1.show-h1:after {
	content: "";
	display: block;
	width: 5px;
	height: 50px;
	background-color: black;
	border-radius: 2px;
	position: absolute;
	top: 0px;
	left: 0px;
}
h2.show-h2 {
	width: 1200px;
	margin: 20px auto;
	background-color: #CFCFCF;
	color: #1C1C1CFF;
	font-family: 'FuturaBT-Medium';
	font-size: 18px;
	text-transform: uppercase;
	line-height: 30px;
	height: 30px;
	padding: 0px 20px;
	position: relative;
}

h2.show-h2:after{
	content: "";
	display: block;
	width: 5px;
	height: 30px;
	background-color: black;
	border-radius: 2px;
	position: absolute;
	top: 0px;
	left: 0px;
}




.show-times {
	width: 1200px;
	margin: auto;
	color: #707070;
	font-size: 15px;
}

article.show-content {
	width: 1200px;
	margin: 40px auto;
	color: #707070;
	font-size: 15px;
	line-height: 2;
}

article.show-content img {
	display: block;
	margin: 5px 0px 10px;
	width: 100%;
	height: auto !important;
}
article.show-content video{
	max-width: 100% !important;
	width: 1200px !important;
    margin: 12px auto !important;
    height: auto !important;
}
article.show-content ul{
	padding-left: 30px;
	margin: 10px 0px;
}
article.show-content ul li{
	list-style-type: decimal;
}
article.show-content h3,
article.show-content h2{
	width: 1200px;
	margin: 20px auto;
	background-color: #CFCFCF;
	color: #1C1C1CFF;
	font-family: 'FuturaBT-Medium';
	font-size: 18px;
	text-transform: uppercase;
	line-height: 30px;
	padding: 0px 20px;
	position: relative;
}

article.show-content h3:after,
article.show-content h2:after{
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	background-color: black;
	border-radius: 2px;
	position: absolute;
	top: 0px;
	left: 0px;
}
/**/

.solution-type {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	color: #B7B7B7;
	font-weight: bold;
	font-size: 13px;
}

.solution-type p a {
	display: block;
	line-height: 34px;
	padding: 0px 15px;
	transition: 0.2s all;
}

.solution-type p a:hover,
.solution-type p.hover a {
	background-color: #E97017;
	color: white;
	border-radius: 8px;
	transition: 0.2s all;
}

.solution-title {
	width: 1200px;
	margin: 35px auto 25px;
	color: #E97017;
	font-size: 20px;
	border-top: 2px dotted #CFCFCF;
	padding-top: 35px;
	font-weight: bold;
	font-family: 'FuturaBT-Medium';
	text-transform: uppercase;
}
.solution-title span{
	font-size: 16px;
	text-transform: capitalize;
	font-family: 'FuturaBT-Medium';
	margin-left: 6px;
}
.solution-list {
	width: 1200px;
	margin: 0px auto 55px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.solution-list .list {
	width: 580px;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}

.solution-list .list img {
	display: block;
	width: 100%;
	transition: 0.3s all;
}

.solution-list .list img:hover {
	transform: scale(1.1, 1.1);
	transition: 0.3s all;
}

.solution-list .list.hover .text {
	left: -240px;
	transition: 0.3s all;
}

.solution-list .list .text {
	width: 240px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(28, 28, 28, .8);
	color: white;
	transition: 0.3s all;
	padding: 40px;
}

.solution-list .list .text p.t1 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.solution-list .list .text p.t2 {
	font-size: 16px;
	margin-bottom: 25px;
	line-height: 1.6;
}

.solution-list .list .text p.t3 {
	font-size: 40px;
	font-weight: bold;
}

.solution-list .list .text p.t3 span {
	font-size: 15px;
	margin-left: 5px;
	font-weight: normal;
}

.solution-list .list .text p.t4 {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	padding: 0px 40px;
}

.solution-list .list .text p.t4 a {
	width: 40%;
	display: flex;
	justify-content: space-between;
	line-height: 24px;
}

.solution-list .list .text p.t4 a i {
	font-size: 10px;
	display: block;
}

.solution-list .list .text p.t4 a:first-child:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	top: 6px;
	width: 1px;
	margin: auto;
	height: 12px;
	background-color: white
}

.solution-list .list .text p.t4 a:hover {
	color: #E97017;
}


/**/

.show-solution-type {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: flex-start;
}

.show-solution-type p {
	display: flex;
	justify-content: flex-start;
	font-size: 14px;
	margin-right: 50px;
	text-transform: uppercase;
	line-height: 20px;
}

.show-solution-type p span.s1 {
	display: block;
	background-color: #707070;
	color: white;
	padding: 0px 18px;
	margin-right: 15px;
}

.show-solution-type p span.s2 {
	display: block;
	color: #707070;
	font-style: italic;
	font-weight: bold;
}


/**/

.show-updown {
	width: 1200px;
	margin: 10px auto 50px;
	display: flex;
	justify-content: space-between;
}

.show-updown p a {
	display: flex;
	justify-content: flex-start;
	color: #1C1C1C;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 24px;
	font-size: 15px;
}

.show-updown p a i {
	display: block;
	margin-left: 10px;
}

.show-updown p:first-child a i {
	margin-left: 0;
	margin-right: 10px;
}

.show-updown p:nth-child(2) a i {
	font-size: 12px;
}

.show-updown p a:hover {
	color: #E97017;
}


/**/

.show-message {
	width: 1100px;
	margin: 0px auto 35px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.show-message .list {
	width: 32%;
	margin-bottom: 50px;
	position: relative;
}

.show-message .list-textarea {
	width: 100%;
}
.show-message .list-textarea p.t2{
	display: flex;
	justify-content: space-between;
}
.show-message .list-textarea p.t2 input{
	width: 260px !important;
}
.show-message .list-textarea p.t2 img{
	height: 50px;
}
.show-message .list.must:before {
	content: "*";
	display: block;
	line-height: 60px;
	color: #E97017;
	position: absolute;
	top: 0;
	left: 0;
}

.show-message .list p.t1 {
	width: 100%;
	line-height: 60px;
	color: #1C1C1C;
	font-weight: bold;
	font-size: 20px;
	padding-left: 15px;
}

.show-message .list p.t2 {
	width: 100%;
}

.show-message .list p.t2 input {
	display: block;
	width: 100%;
	padding: 0px 15px;
	height: 50px;
	border: 1px solid #707070;
	border-radius: 5px;
}

.show-message .list p.t2 textarea {
	display: block;
	width: 100%;
	padding: 15px 15px;
	height: 200px;
	border: 1px solid #707070;
	border-radius: 5px;
}

.show-message .list p.t2 button {
	background-color: #E97017;
	width: 440px;
	margin: auto;
	height: 60px;
	border-radius: 10px;
	border: none;
	color: white;
	font-size: 18px;
	line-height: 60px;
	display: flex;
	justify-content: center;
	cursor: pointer;
	transition: 0.3s all;
}

.show-message .list p.t2 button i {
	line-height: 60px;
	font-size: 22px;
	margin-left: 10px;
}

.show-message .list p.t2 input:focus,
.show-message .list p.t2 textarea:focus {
	border: 1px solid #E97017;
	box-shadow: 0px 0px 4px #E97017;
}

.show-message .list p.t2 button:hover {
	background: rgba(233, 112, 23, 0.6);
	transition: 0.3s all;
}

/**/

.product-type {
	width: 1200px;
	margin: 15px auto 55px;
	display: flex;
	justify-content: space-between;
}

.product-type a {
	color: #B7B7B7;
	font-size: 14px;
	display: block;
	padding: 5px;
	font-weight: bold;
	text-transform: capitalize;
}

.product-type a:hover,
.product-type a.hover {
	color: #E97017;
}


/**/
.product-main{
	margin-top: 55px;
}
.product-title {
	width: 1200px;
	margin: auto;
	color: #E97017;
	font-size: 18px;
	border-top: 1px solid #FCEADC;
	line-height: 90px;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'FuturaBT-Medium';
}

.product-title:before {
	content: "";
	display: block;
	width: 200px;
	height: 12px;
	background-color: #E97017;
	position: absolute;
	top: 0px;
	left: 0px;
}

.product-title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top-color: #E97017;
	position: absolute;
	top: 0;
	left: 188px;
}

.product-list {
	width: 1200px;
	margin: 0px auto 55px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product-list .list.kongs,
.product-list .list.kongs:hover {
	height: 0;
	border: none;
	background-color: transparent
}

.product-list .kongs:before {
	display: none;
}

.product-list .list {
	width: 380px;
	border-top: 3px solid #E97017;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	transition: 0.3s all;
}

.product-list .list:hover img {
	transition: 0.3s all;
	transform: scale(1.1, 1.1);
}

.product-list .list:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-left: 10px solid transparent;
	border-top: 10px solid transparent;
	border-right: 10px solid #E97017;
	border-bottom: 10px solid #E97017;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: 0.3s all;
	z-index: -1;
}

.product-list .list:hover:before {
	border-left: 0px solid transparent;
	border-top: 0px solid transparent;
	border-right: 380px solid #E97017;
	border-bottom: 80px solid #E97017;
	transition: 0.3s all;
}

.product-list .list p.t1 {
	display: block;
	width: 100%;
	overflow: hidden;
}

.product-list .list p.t1 img {
	display: block;
	width: 100%;
	transition: 0.3s all;
}

.product-list .list p.t2 {
	color: #707070;
	text-align: center;
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	padding: 25px 0px;
}

.product-list .list:hover p.t2 {
	border-left: 1px solid #E97017;
	border-right: 1px solid #E97017;
	border-bottom: 1px solid #E97017;
	color: white;
}


/**/

.index-bar {
	width: 45px;
	background: rgba(28, 28, 28, 0.8);
	position: fixed;
	right: 0;
	top: 15%;
	border-radius: 10px 0px 0px 10px;
	z-index: 9999;
}

.index-bar .list {
	color: white;
	display: block;
	text-align: center;
	line-height: 55px;
	position: relative;
	cursor: pointer;
}

.index-bar .list:hover,
.index-bar .list.hover {
	color: #E97017;
}

.index-bar .list i {
	display: block;
	font-size: 20px;
	color: white;
}

.index-bar .list:after {
	content: "";
	width: 50%;
	display: block;
	margin: auto;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.index-bar .list:last-child:after {
	display: none;
}

.index-bar .list.bar-tels p.tels {
	width: 300px;
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	background-color: #E97017;
	padding: 12px 40px 12px 20px;
	color: white;
	text-align: left;
	display: none;
}

.index-bar .list.bar-tels p.tels span.s1 {
	font-weight: bold;
	border-bottom: 1px solid white;
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 1.8;
	margin-bottom: 15px;
}

.index-bar .list.bar-tels p.tels span.s2 {
	display: block;
	line-height: 2.2;
	font-size: 15px;
}

.bar-message-w {
	width: 100%;
	padding: 50px 0px;
	background-color: white;
	position: fixed;
	top: 15%;
	z-index: 9998;
	display: none;
}

.bar-message-w p.close {
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 100%;
	border: 1px solid #E97017;
	color: #E97017;
	text-align: center;
	line-height: 30px;
	position: absolute;
	top: 20px;
	right: 70px;
	cursor: pointer;
}

.bar-message-w p.close i {
	display: block;
	line-height: 30px;
}

.bar-message-w p.close:hover {
	background-color: #E97017;
	color: white;
}

.bar-message {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.bar-message .left {
	width: 800px;
	border-right: 1px solid #B7B7B7;
	padding-right: 45px;
}
.bannerr{
	display: block;
	width: 100%;
}

.bar-message .contact-title {
	width: 100%;
	text-align: left;
	margin: 0px 0px 30px;
}

.bar-message .left .show-message {
	width: 100%;
}

.bar-message .left .show-message .list p.t2 input {
	height: 36px;
	padding: 0px 10px;
}

.bar-message .left .show-message .list p.t2 textarea {
	height: 140px;
	padding: 10px;
}

.bar-message .left .show-message .list p.t1 {
	font-size: 16px;
	line-height: 30px;
}

.bar-message .left .show-message .list.must:before {
	line-height: 30px;
}

.bar-message .left .show-message .list {
	margin-bottom: 25px;
}

.bar-message .left .show-message .list p.t2 button {
	width: 100%;
	height: 36px;
	font-size: 15px;
	line-height: 36px;
}

.bar-message .left .show-message .list p.t2 button i {
	line-height: 36px;
	font-size: 18px;
}

.bar-message .right {
	width: 360px;
}

.bar-message .right .list p {
	padding-left: 45px;
	color: #707070;
	position: relative;
	font-size: 15px;
	margin-bottom: 25px;
	line-height: 1.7;
}

.bar-message .right .list p:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
}

.bar-qrcode {
	width: 150px;
	position: fixed;
	top: 20%;
	right: 45px;
	background-color: white;
	padding: 8px;
	text-align: center;
	display: none;
}

.bar-qrcode img {
	display: block;
	width: 100%;
}


/**/

.down-main {
	width: 1200px;
	margin: 35px auto 60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.down-main .list {
	width: 380px;
	background-color: white;
	box-shadow: 0px 0px 8px #ccc;
	transition: .3s all;
	margin-bottom: 30px;
}

.down-main .list p.t1 {
	display: block;
	width: 100%;
	overflow: hidden;
}

.down-main .list p.t1 img {
	display: block;
	width: 100%;
	transition: .3s all;
}

.down-main .list p.t2 {
	padding: 22px 15px;
	display: flex;
	justify-content: flex-start;
	color: #707070;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

.down-main .list p.t2 i {
	display: block;
	color: #E97017;
	font-size: 20px;
	margin-right: 8px;
	font-weight: normal;
}

.down-main .list:hover {
	background-color: #E97017;
	transition: .3s all;
}

.down-main .list:hover img {
	transform: scale(1.1, 1.1);
	transition: .3s all;
}

.down-main .list:hover p.t2,
.down-main .list:hover p.t2 i {
	color: white;
	transition: .3s all;
}


/**/

.video-name {
	width: 1200px;
	margin: 15px auto 45px;
	display: flex;
	justify-content: flex-start;
	font-size: 28px;
	font-weight: bold;
	line-height: 40px;
	color: #1C1C1C;
}

.video-name span {
	display: block;
	background: rgba(252, 234, 220, 1);
	border-radius: 0px 40px 40px 0px;
	color: #E97017;
	padding: 0px 18px;
	font-size: 14px;
	margin-right: 15px;
	line-height: 40px;
	height: 40px;
}

.video-main {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.video-main .left {
	width: 900px;
}

.video-main .right {
	width: 280px;
}

.video-main .right p.type {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}

.video-main .right p.type span {
	display: block;
	width: 31%;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #E97017;
	border-radius: 15px;
	color: #E97017;
	cursor: pointer;
}

.video-main .right p.type span.hover ,
.video-main .right p.type span:hover {
	background-color: #E97017;
	color: white;
}
.video-main .right .play-list-w{
	overflow: auto;
}
.video-main .right .play-list {
	width: 100%;
	display: none;
}
.video-main .right .play-list.hover{
	display: block;
}

.video-main .right .play-list .list{
	display: block;
	width: 96%;
	position: relative;
	margin-bottom: 18px;
}

.video-main .right .play-list .list img {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.video-main .right .play-list .list p.icon {
	width: 39px;
	height: 39px;
	margin: auto;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	line-height: 39px;
	border-radius: 100%;
	background-color: rgba(255, 255, 255.7);
	box-shadow: 0px 0px 6px #CCCCCC;
}

.video-main .right .play-list .list p.icon i {
	color: black;
	font-size: 22px;
	line-height: 39px;
}

.video-main .right .play-list .list p.title {
	color: #989696;
	font-size: 14px;
}

#v-scrollbar::-webkit-scrollbar {
	width: 8px;
}

#v-scrollbar::-webkit-scrollbar-track {
	background-color: #DFDFDF;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

#v-scrollbar::-webkit-scrollbar-thumb {
	background-color: #FFBB87;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}


/*项目列表页*/

.solution-title-c {
	text-align: center;
}

.solution-fangan {
	width: 1200px;
	margin: 60px auto;
}

.solution-fangan .list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.solution-fangan .list .left {
	width: 280px;
}

.solution-fangan .list .left img {
	display: block;
	width: 100%;
}

.solution-fangan .list .right {
	width: 900px;
	position: relative;
}

.solution-fangan .list .right p.t1 {
	color: #1C1C1C;
	font-weight: bold;
	margin-bottom: 15px;
}

.solution-fangan .list .right p.t2,
.solution-fangan .list .right .t2 {
	color: #707070;
	font-size: 14px;
	line-height: 1.6;
}

.solution-fangan .list .right .t2 p {
	margin-bottom: 8px;
}

.solution-fangan .list .right p.t3 {
	display: block;
	position: absolute;
	width: 900px;
	bottom: 0;
}

.solution-fangan .list .right p.t3 img {
	display: block;
	width: 900px;
}

.solution-fangan .list .pics {
	width: 100%;
	margin-top: 30px;
}

.solution-fangan .list .pics img {
	display: block;
	width: 100%;
}

.solution-fangan-tips {
	color: #B7B7B7;
	font-size: 12px;
	width: 1200px;
	margin: auto;
}
.rubbish-before{
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.rubbish-before .list{
	width: 290px;
    border-top: 3px solid #E97017;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    transition: 0.3s all;
}
.rubbish-before .list img{
	display: block;
	width: 100%;
	height: 175px;
}
.rubbish-before .list p{
	    color: black;
	    height: 60px;
    text-align: center;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    padding: 15px 0px 5px;
    display: block;
}
.rubbish-before .list p.t2{
	font-size: 14px;
	    color: #707070;
    border-bottom: 1px solid #EBEBEB;
	    line-height: 1.8;
    padding: 15px 15px 15px;
    text-align: left;
    height: 150px;
}
.rubbish-before .list:after{
	    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #E97017;
    border-bottom: 10px solid #E97017;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.3s all;
    z-index: -1;
}

.contact-list{
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contact-list .list{
	width: 32%;
	border: 1px solid #E97017;
	border-radius: 5px;
	margin-bottom: 20px;
}
.contact-list .list2{
	width: 66%;
}
.contact-list .list p.t1{
	font-weight: bold;
	padding: 15px;
	font-size: 18px;
}
.contact-list .list .t2{
	padding: 5px 15px 15px;
}
.contact-list .list .li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1.9;
	padding: 0 5px;
	border-bottom: 1px solid #B7B7B7;
}
.contact-list .list .li span{
	width: 140px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #707070;
}
.contact-list .list .li span i{
	display: block;
	margin-right: 6px;
	font-size: 20px;
}
.contact-list .list .li a{
	display: block;
	font-weight: bold;
	color: #555;
	transition: 0.3 all;
}
.contact-list .list .li a[href]:hover{
	color: #E97017;
	text-decoration: underline;
	transition: 0.3 all;
}
.contact-list .list .btn{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 25px;
}
.contact-list .list .btn a{
	display: block;
	margin-right: 15px;
	border-radius: 4px;
	background-color: #E97017;
	text-align: center;
	line-height: 40px;
	width: 150px;
	color: #ffffff;
	transition: 0.3s all;
}
.contact-list .list .btn a:hover{
	background-color: rgba(233, 112, 23, 0.3);
	color: #666;
	transition: 0.3s all;
}
.worldmap{
	width: 1200px;
	margin: 0 auto 25px;
}
.worldmap img{
	display: block;
	width: 100%;
}














/*小屏幕*/
@media only screen and (max-width: 1366px) {
	.index-header{
		width: 98%;
	}
	p.index-title{
		font-size: 40px;
		line-height: 44px;
	}
	.pageone-text p.t4{
		bottom: 20%;
	}
	.pagefour .pageone-text{
		padding-top: 17%;
	}
	.pagefive .pageone-text{
		padding-top: 20%;
	}
	.bottom-chat .w1200{
		width: 96%;
	}
	.footer{
		width: 96%;
	}
	.about-main01 .title01,
	.about-title02,
	.about-main01 .desc,
	.about-main01 .desc02{
		width: 100%;
	}
	.about-main02 .text{
		width: 96%;
	}
	.about-main02{
		background-color: #d0d0d0
	}
	.about-main02 .text{
		position: static;
		padding-bottom: 30px;
	}
	.about-main02 img{
		display: none;
	}
	.about-main04{
		width: 96%;
	}
	.bar-message{
		width: 96%;
	}
	.bar-message .left{
		width: 730px;
	}
	.about-main05{
		width: 96%;
	}
}




{
	width: 600px;
}