﻿body { background:#f5fbff; }
h1, h2, h3, h4, h5, h6 {}
p {}
a:link{ color: #0086cf;text-decoration:none; }
a:visited{ color:#fff;text-decoration:none; }
a:hover,a:active,a:focus{ color:#333; text-decoration:none; }
table {
    border-collapse: inherit;
}



.o-container { min-width:1200px; }
.o-layout, .layout, .responsive-banner { min-width:1200px; }


.responsive-banner .swiper-container {
      width: 100%;
      height: 100%;
}
.responsive-banner .swiper-slide {
      width: auto;
      overflow: hidden;
      text-align: center;
      font-size: 18px;
      background: #fff;

      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.responsive-banner .swiper-slide img{
      width: 100%;
      height: 100%;
}
.responsive-banner .swiper-slide video{
	object-fit:fill
	width: 100%;
	height: 100%;
}


.responsive-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.swiper-pagination-bullet {
	width: 50px;
	height: 2px;
	display: inline-block;
	background: rgba(128,128,128,0.3);
	margin: 0 3px;
	cursor: pointer;
	border-radius:0;
	opacity: 1;
}
.swiper-pagination-bullet-active {
    background: rgba(255,255,255,0.4);
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

@media only screen and (max-width:640px) {
	.responsive-banner .swiper-pagination{
		top:auto;
		bottom:10px;
		background:none;
	}
	.o-container { width:100%; min-width: inherit; }
	.o-layout, .layout, .responsive-banner { min-width:inherit; }
}




.header.page { width:100%; height:99px; border-bottom:1px solid #FFF; background-color:rgba(0,13,105,1.0)!important; background: #000d69; filter:alpha(opacity=100); *background: #000d69; *filter:alpha(opacity=100);  }
.header-wrapper { position:relative; }
.header-logo { float:left; width:30%; margin-top:20px; overflow:hidden; }
.header-nav { float:left; width:70%; }
.header-nav ul { margin-top:10px; }
.header-nav ul li { float:left; height:88px; line-height:77px; padding:0 3px; margin:0 2%; position:relative; }
.header-nav ul li:hover { border-bottom:2px solid #FFF; }
.header-nav ul li a { font-size:18px; color: #FFF; width:100%; height:100%; display:block; }
.header-nav ul li a:hover { color:#FFF; }

.header-btn.r-hiden { display:none; }

.nav-list {
    
	padding:0px;
    background-color: #039;
    left: -35px;
	width:140px;
    box-sizing: border-box;
	display: none;
}
.header-nav ul li .nav-list a { border-top:1px #FFF solid; color:#FFF; text-align:center; font-size:15px; height:50px; line-height:50px; display:block; }
.header-nav li:hover .nav-list{
	display:block;
}

@media only screen and (max-width:640px) {
	.header-wrapper { flex-wrap:wrap;font-size:20px;justify-content:space-between; }
	.header {background-color:#000e6c;padding:8px;opacity:1.0; height:auto; border-bottom:none; background-color:#f5fbff;  }
	.header-nav.r-show {
		width:100%;font-size:14px;text-align:center;display:none;
	}
	.header-nav ul {}
	.header-nav ul li { float:left; width:33.333333%; height:40px; line-height:40px; margin:0; padding:0; text-align:center; }
	.header-nav ul li a { font-size:14px; }
	.header-logo {
		float: left;
		width:60%;
		margin-top:0;
		overflow: hidden;
	}
	.header-logo img { height:50px; }
	.header-btn { height:50px; line-height:36px; }
	.header-btn.r-hiden { display: block; float:right; }
	.btn-nav { height:26px;width:34px; box-sizing:content-box; border:1px solid transparent; }
	
	.hdp { position:relative; }
	.hdp-txt { position: absolute; width:80%; }
	.responsive-banner .swiper-slide img.hdp-txt {
		width: 80%;
		height:auto;
		margin-top:10%;
		margin-left:10%;
	}
}

.index_page {
	width:100%;
	height:100%;
	
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	z-index:9;
	position:relative;
}

.two-txt {
	padding:97px;
	overflow:hidden;
}
.two-txt h2 { font-size:42px; line-height:1.6; font-weight:600; color: #FFF; }
.two-txt h3 { font-size:24px; line-height:2.0; color:#FFF; }
.two-pic {}
.two-pic ul {}
.two-pic ul li { float:left; width:25%; height:auto; text-align:center; display: inline-block; }
.two-pic ul li img {
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.two-pic ul li img:hover {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

@media only screen and (max-width:640px) {
.two-txt {
	margin-top:20px;
	padding:1rem;
	overflow:hidden;
}
.two-txt h2 { font-size:1.8rem; line-height:1.4; font-weight:600; color:#d2f9fc; }
.two-txt h3 { font-size:1.0rem; line-height:1.5; color:#d2f9fc; }
.two-pic { padding:0 0.5rem 1rem; overflow:hidden; }
.two-pic ul {}
.two-pic ul li { float:left; width:50%; height:auto; text-align:center; display: inline-block; padding:0.5rem; }
.two-pic ul li img {
	width:100%;
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.two-pic ul li img:hover {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
}

.responsive-three { padding:60px 0 40px;}
.responsive-three .swiper-container {
        width: 100%;
        height: 200px;
        margin: 20px auto;
}
.responsive-three .swiper-slide {
        text-align: center;
        font-size: 16px;
        
        
		
}
.responsive-three .swiper-slide p {
	font-size:15px;
	color:#FFF;
	line-height:2.2;
}
@media only screen and (max-width:640px) {
.responsive-three { padding:5px 0 20px;}
.responsive-three .swiper-container {
        width: 100%;
        height: auto;
        margin: 15px auto 20px;
}
.responsive-three .swiper-slide {
        text-align: center;
        font-size: 16px;
        
        
		
}
.responsive-three .swiper-slide p {
	font-size:14px;
	color:#FFF;
	line-height:1.2;
}
.responsive-three .swiper-slide img {
	width:100%;
}
}

.responsive-four { padding:0px 0 10px;}
.responsive-four .four-txt {
	padding:30px 97px 50px;
	overflow:hidden;
}
.responsive-four .four-txt h2 { font-size:42px; line-height:1.6; font-weight:600; color: #FFF; }
.responsive-four .four-txt h3 { font-size:24px; line-height:2.0; color:#FFF; }
.responsive-four .swiper-container {
        width: 100%;
        height: 230px;
        margin: 20px auto;
}
.responsive-four .swiper-slide {
        text-align: center;
        font-size: 16px;
}
.responsive-four .swiper-slide p {
	font-size:16px;
	color:#FFF;
	line-height:2.4;
}
.responsive-four .swiper-slide img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.responsive-four .swiper-slide img:hover {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
@media only screen and (max-width:640px) {
.responsive-four .four-txt {
	padding:1rem;
	overflow:hidden;
}
.responsive-four .four-txt h2 { font-size:1.8rem; line-height:1.4; font-weight:600; color:#d2f9fc; }
.responsive-four .four-txt h3 { font-size:1.0rem; line-height:1.5; color:#d2f9fc; }
.responsive-four { padding:5px 0 30px;}
.responsive-four .swiper-container {
        width: 100%;
        height: auto;
        margin: 15pxpx auto 20px;
}
.responsive-four .swiper-slide {
        text-align: center;
        font-size: 15px;
}
.responsive-four .swiper-slide p {
	font-size:14px;
	color:#FFF;
	line-height:1.2;
}
.responsive-four .swiper-slide img {
	width:100%;
}
}

.responsive-five { padding-bottom:40px; overflow:hidden; }
.responsive-five-left { float:left; width:634px; height:auto; }
.responsive-five-right { float:right; width:541px; height:auto; }
.responsive-five-left-1 { float:left; width:634px; height:566px; }
.responsive-five-left-2 { float:left; width:304px; height:236px; margin-top:30px }
.responsive-five-left-3 { float:right; width:304px; height:236px; margin-top:30px }
.responsive-five-left-4 { float:left; width:541px; height:260px; }
.responsive-five-left-5 { float:left; width:541px; height:542px; margin-top:30px }

.shadower { background:#e8f4fb; border-radius:12px; -moz-box-shadow:0px 0px 10px #6E6B6B; -webkit-box-shadow:0px 0px 10px #6E6B6B; box-shadow:0px 0px 10px #6E6B6B; }

.responsive-five-left-1 h2, .responsive-five-left-2 h2, .responsive-five-left-3 h2, .responsive-five-left-4 h2, .responsive-five-left-5 h2 { font-size:34px; font-weight:700; color:#4074af; height:82px; line-height:82px; border-bottom: 1px solid #b6d8f1; text-align:center; }
.responsive-five-left-4 h2 a { color:#4074af; }
.responsive-five-left-1-pic { padding:0 40px; margin-top:36px; overflow:hidden; }
.responsive-five-left-1-pic img { float:left; width:48%;  }
.responsive-five-left-1-pic p { margin-left:2%; float:left; width:50%; height:135px; border-bottom: 1px solid #b6d8f1; font-size:24px; color: #3A3A3A; }
.responsive-five-left-1 ul { padding:20px 40px; overflow:hidden; }
.responsive-five-left-1 ul li { line-height:2.0; font-size:22px; color:#333; padding-left:20px; background:url(404.png) left center no-repeat; }
.responsive-five-left-1 ul li a { font-size:22px; color: #666; }
.responsive-five-left-1 ul li a:hover { color:#0d5ba2; }
.responsive-five-left-2 p { text-align:center; margin-top:30px; }
.responsive-five-left-3 p { width:100%; text-align:center; margin-top:40px; }
.responsive-five-left-3 p img { margin:0 30px; }
.responsive-five-left-4 p { width:100%; text-align:center; margin-top:60px; }

.responsive-five-left-5 ul { padding:0 40px; overflow:hidden; }
.responsive-five-left-5 ul li { border-bottom: 1px solid #b6d8f1; margin-top:18px; overflow:hidden; }
.responsive-five-left-5 ul li p { font-size:14px; color:#333; line-height:1.0; }
.responsive-five-left-5 ul li a { font-size:22px; line-height:1.8; display:block; }
.responsive-five-left-5 ul li a:hover { color:#0d5ba2; }

@media only screen and (max-width:640px) {
.responsive-five { padding:0 12px; overflow:hidden; }
.responsive-five-left { float:left; width:100%; height:auto; }
.responsive-five-right { float:right; width:100%; height:auto; margin-top:30px; }
.responsive-five-left-1 { float:left; width:100%; height:auto; overflow:hidden; }
.responsive-five-left-2 { float:left; width:48%; height:auto; margin-top:30px }
.responsive-five-left-3 { float:right; width:48%; height:auto; margin-top:30px }
.responsive-five-left-4 { float:left; width:100%; height:auto; }
.responsive-five-left-5 { float:left; width:100%; height:auto; margin-top:30px }

.shadower { background:#e8f4fb; border-radius:12px; -moz-box-shadow:0px 0px 10px #6E6B6B; -webkit-box-shadow:0px 0px 10px #6E6B6B; box-shadow:0px 0px 10px #6E6B6B; }

.responsive-five-left-1 h2, .responsive-five-left-2 h2, .responsive-five-left-3 h2, .responsive-five-left-4 h2, .responsive-five-left-5 h2 { font-size:1.8rem; padding:10px 0; font-weight:700; color:#4074af; height: auto; line-height:1.2; border-bottom: 1px solid #b6d8f1; text-align:center; }
.responsive-five-left-1-pic { padding:0 12px; margin-top:10px; overflow:hidden; }
.responsive-five-left-1-pic img { float:left; width:48%; height:7rem; }
.responsive-five-left-1-pic p { margin-left:2%; float:left; width:50%; height: 7rem; border-bottom: 1px solid #b6d8f1; font-size:18px; color: #3A3A3A; }
.responsive-five-left-1 ul { padding:12px 12px; overflow:hidden; }
.responsive-five-left-1 ul li { line-height:1.6; font-size:16px; color:#333; padding-left:10px; background:url(404.png) left center no-repeat; }
.responsive-five-left-1 ul li a { font-size:16px; color: #666; }
.responsive-five-left-1 ul li a:hover { color:#0d5ba2; }

.responsive-five-left-2 p { text-align:center; margin-top:10px; height:80px; }
.responsive-five-left-2 p img { max-width:80%; }
.responsive-five-left-3 p { width:100%; text-align:center; margin-top:10px; height:80px; }
.responsive-five-left-3 p img { max-width:40%; margin:0 10px; }

.responsive-five-left-4 p { width:100%; text-align:center; padding:30px 0; margin-top:0; }
.responsive-five-left-4 p img { max-width:80%; }
.responsive-five-left-5 ul { padding:0 12px 12px; overflow:hidden; }
.responsive-five-left-5 ul li { border-bottom: 1px solid #b6d8f1; margin-top:12px; overflow:hidden; }
.responsive-five-left-5 ul li p { font-size:12px; color:#333; line-height:1.0; }
.responsive-five-left-5 ul li a { font-size:16px; line-height:1.8; display:block; }
.responsive-five-left-5 ul li a:hover { color:#0d5ba2; }	
}

.responsive-six { padding:20px 0 140px; margin-top:60px; }
.responsive-six .six-txt {
	padding:10px 20px 50px 97px;
	overflow:hidden;
}
.responsive-six .six-txt h2 { font-size:42px; line-height:1.6; font-weight:600; color: #FFF; }
.responsive-six .six-txt h3 { font-size:24px; line-height:2.0; color:#FFF; }
.responsive-six .swiper-container {
        width: 100%;
        height: 186px;
        margin: 20px auto;
}
.responsive-four .swiper-slide {
        text-align: center;
        font-size: 16px;
}
.responsive-four .swiper-slide p {
	font-size:16px;
	color:#FFF;
	line-height:2.4;
}
@media only screen and (max-width:640px) {
.responsive-six .six-txt {
	padding:1rem;
	overflow:hidden;
}
.responsive-six .six-txt h2 { font-size:1.8rem; line-height:1.4; font-weight:600; color:#d2f9fc; }
.responsive-six .six-txt h3 { font-size:1.0rem; line-height:1.5; color:#d2f9fc; }
.responsive-six { padding:5px 0 20px; margin-top:40px; }
.responsive-six .swiper-container {
        width: 100%;
        height: auto;
        margin: 15px auto 20px;
}
.responsive-six .swiper-slide {
        text-align: center;
        font-size: 15px;
}
.responsive-six .swiper-slide p {
	font-size:14px;
	color:#FFF;
	line-height:1.2;
}
.responsive-six .swiper-slide img {
	width:100%;
}
}


.page_lead {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:0 0 160px;
}

.page_lead_tit { padding:140px 0 90px; }
.page_lead_tit h2 { font-size:34px; font-weight:700; color:#FFF; text-align:center; }
.lead_info { padding:0 6.1%; }
.lead_info .lead_info_pic { float:left; width:34%; }
.lead_info .lead_info_pic.o_tright { text-align:right; }
.lead_info .lead_info_pic img { max-width:100%; }
.lead_info_tit { float:left; width:20%; margin-top:100px; }
.lead_info_tit.o_tright { float:right; }
.lead_info_tit h3 { font-size:48px; font-weight:800; color:#FFF; text-align:left; line-height:1.0; }
.lead_info_tit.o_tright h3 { text-align:right; }
.lead_info .lead_info_desc { float:right; width:46%; margin-top:110px; }
.lead_info .lead_info_desc.o_tright { text-align:right; }
.lead_info .lead_info_desc h3 { font-size:32px; font-weight:700; color:#FFF; text-align:left; }
.lead_info .lead_info_desc h4 { font-size:30px; font-weight:500; color:#FFF; text-align:left; line-height:2.0; }
.lead_info .lead_info_desc.o_tright h3 { text-align:right; }
.lead_info .lead_info_desc.o_tright h4 { text-align:right; }
.head_line { padding:56px 0; overflow:hidden; }

@media only screen and (max-width:640px) {
.page_lead {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:0 0 160px;
}

.page_lead_tit { padding:20px 0 20px; }
.page_lead_tit h2 { font-size:22px; font-weight:700; color:#FFF; text-align:center; }
.lead_info { padding:0 4%; }
.lead_info .lead_info_pic { float:left; width:100%; }
.lead_info .lead_info_pic.o_tright { text-align:right; }
.lead_info .lead_info_pic img { max-width:100%; }
.lead_info_tit { float:left; width:100%; margin-top:15px; }
.lead_info_tit h3 { font-size:24px; font-weight:800; color:#FFF; text-align:left; line-height:1.0; }
.lead_info_tit.o_tright h3 { text-align:left; }
.lead_info .lead_info_desc { float:left; width:100%; margin-top:15px; }
.lead_info .lead_info_desc.o_tright { text-align:left; }
.lead_info .lead_info_desc h3 { font-size:18px; font-weight:700; color:#FFF; text-align:left; }
.lead_info .lead_info_desc h4 { font-size:16px; font-weight:500; color:#FFF; text-align:left; line-height:2.0; }
.lead_info .lead_info_desc.o_tright h3 { text-align:left; }
.lead_info .lead_info_desc.o_tright h4 { text-align:left; }
.head_line { padding:10px 0; overflow:hidden; }
.head_line img { width:100%; }
}

.page_leader {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:0 0 160px;
}

.page_leader_tit { padding:180px 98px 0; }
.page_leader_tit h2 { padding:35px 0; border-bottom:1px solid #FFF; font-size:40px; font-weight:700; color:#FFF; }

.page_leader_list {}
.leader_info { width:906px; height:343px; background:#FFF; overflow:hidden; margin:90px auto; }
.shadower_leader { border:2px solid #FFF; background:#e8f4fb; border-radius:12px; -moz-box-shadow:0px 0px 10px #6E6B6B; -webkit-box-shadow:0px 0px 10px #6E6B6B; box-shadow:0px 0px 10px #6E6B6B; }
.leader_line { text-align:center; margin:0 auto; }
.leader_line img {}

.leader_info_pic { float:left; }
.leader_info_pic img {}
.leader_info_tit { float: left; width:200px; text-align:right; margin-top:132px; }
.leader_info_tit h2 { font-size:38px; font-weight:700; line-height:1.0 }
.leader_info_desc { float:left; margin-left:50px; margin-top:140px; }
.leader_info_desc h3 { font-size:24px; font-weight:700; line-height:1.0; }
.leader_info_desc h4 { font-size:22px; line-height:2.8; }

@media only screen and (max-width:640px) {
.page_leader {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:0 0 40px;
}

.page_leader_tit { padding:30px 20px 0; }
.page_leader_tit h2 { padding:20px 0; border-bottom:1px solid #FFF; font-size:22px; font-weight:700; color:#FFF; }

.page_leader_list {}
.leader_info { width:96%; height: auto; background:#FFF; overflow:hidden; margin:15px 2%; padding:12px; }
.shadower_leader { border:2px solid #FFF; background:#e8f4fb; border-radius:12px; -moz-box-shadow:0px 0px 10px #6E6B6B; -webkit-box-shadow:0px 0px 10px #6E6B6B; box-shadow:0px 0px 10px #6E6B6B; }
.leader_line { text-align:center; margin:0 auto; }
.leader_line img {}

.leader_info_pic { float: none; text-align:center; }
.leader_info_pic img { max-width: 100%; }
.leader_info_tit { float: left; width:100%; text-align: left; margin-top:12px; }
.leader_info_tit h2 { font-size:20px; font-weight:700; line-height:1.0; text-align:center; }
.leader_info_desc { float:left; margin-left:0px; margin-top:10px; width:100%; }
.leader_info_desc h3 { font-size:16px; font-weight:700; line-height:1.2; text-align:center; }
.leader_info_desc h4 { font-size:15px; line-height:1.2; text-align:center; }	
}



.page_contact {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:186px 0 240px;
}

.contact-wrapper { padding:0 78px; overflow:hidden; }
.contact-wrapper h2 { font-size:34px; font-weight:700; color:#FFF; border-bottom:1px solid #FFF; padding:40px 0; margin:0 20px; }
.contact-wrapper ul {}
.contact-wrapper ul li { float:left; width:329px; height:494px; overflow:hidden; margin:100px 9px 0; overflow:hidden; }
.contact-wrapper ul li img { max-width:100%; }

@media only screen and (max-width:640px) {
.page_contact {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:20px 0 50px;
}

.contact-wrapper { padding:0 15px; overflow:hidden; }
.contact-wrapper h2 { font-size:28px; font-weight:700; color:#FFF; border-bottom:1px solid #FFF; padding:10px 0; margin:0 10px; }
.contact-wrapper ul { padding-top:15px; overflow:hidden; }
.contact-wrapper ul li { float:left; width:50%; height: auto; overflow:hidden; margin:0; overflow:hidden; }
.contact-wrapper ul li img { max-width:100%; }
}


.page_about {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:0px 0 0px;
}
.about-wrapper { padding:0 98px; }
.about_title { text-align:center; padding:74px 0; overflow:hidden; }
.about-wrapper h2 { font-size:36px; font-weight:700; padding-bottom:37px; border-bottom:1px solid #000; }
.about_content { font-size:18px; line-height: 2.0; padding:30px 0 90px; overflow:hidden; }
.about_pic1 { padding:50px 0 278px; }
@media only screen and (max-width:640px) {
.page_about {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:0px 0 0px;
}
.about-wrapper { padding:0 12px; }
.about_title { text-align:center; padding:20px 0; overflow:hidden; }
.about_title img { width:100%; }
.about-wrapper h2 { font-size:18px; font-weight:700; padding-bottom:15px; border-bottom:1px solid #000; }
.about_content { font-size:18px; line-height: 2.0; padding:20px 0 40px; overflow:hidden; }
.about_pic1 { padding:20px 0 40px; }
.about_pic1 img { width:100%; }
}


.page_tech {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:0px 0 0px;
}
.tech-wrapper {}
.tech-title { text-align:center; }
.tech-title h2 { font-size:36px; font-weight:700; padding:120px 0 40px;  }
.tech-pic { text-align:center; margin-bottom:50px; overflow:hidden; }
.tech-pic h3 { font-size:24px; font-weight:700; text-align: left; line-height:2.2; padding:0 98px; }
.tech-pic h4 { font-size:22px; padding-bottom:100px; text-align:left; line-height:1.8; padding:0 98px; }
.tech-pic p { padding-top:80px; }
.tech-pic img { max-width:100%; text-align:center; margin:0 auto; margin-bottom:100px; }

@media only screen and (max-width:640px) {
.page_tech {
	width:100%;
	height:100%;
	background:url(404.png) center no-repeat;
	background-position: center center;
	background-size:100% 100%;
	background-size:cover;
	padding:0px 0 0px;
}
.tech-wrapper {}
.tech-title { text-align:center; }
.tech-title h2 { font-size:24px; font-weight:700; padding:32px 0 40px;  }
.tech-pic { text-align:center; margin-bottom:10px; overflow:hidden; }
.tech-pic h3 { font-size:18px; font-weight:700; text-align: left; line-height:2.2; padding:0 15px; }
.tech-pic h4 { font-size:16px; padding-bottom:20px; text-align:left; line-height:1.8; padding:0 20px; }
.tech-pic p { padding:0 30px; padding-top:30px; }
.tech-pic img { max-width:100%; text-align:center; margin:0 auto; margin-bottom:20px; }
.tech-pic .tech-pic-b  img { width:60%; } 
}

.footer { font-size:16px; text-align:center; background:#181515; }
@media only screen and (max-width:640px) {
	.footer { padding:12px; font-size:14px; text-align:center; background:#181515; height: auto; line-height:1.4; }
}