﻿

@media (max-width : 750px ){
	
 body {
    min-width: 750px;
  }
  img {
    max-width: 100%;
  }
	
	
	.leaveword_bg {
	background: none;
	width: auto;
	height: auto;
}
	
	.LeavewordGroup {
	background: none;
	width: auto;
	height: auto;
}
	
	
	
	
	.info_text {
	float: left;
	line-height: 49px;
}
	
	.info_title {
	font-size: 33px;
	line-height: 53px;
	color: #9b933f;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin: 20px 0 20px 0 ;
}
	
	.info_block {
		
	width: 700px;
	height: auto;
	text-align: left;
	font-size: 28px;
	display: inline-block;
	color: #363636;
}
	
	
	
	.lw_username {width:100px; height:22px;background:#e8e8e8; border:1px solid #ccc;line-height:22px;}
.lw_sex {height:25px; background:#e8e8e8;}
.lw_tel {width:180px; height:22px;background:#e8e8e8; border:1px solid #ccc;line-height:22px;}
.lw_email {width:180px; height:22px;background:#e8e8e8; border:1px solid #ccc;line-height:22px;}
.lw_address {width:180px; height:22px;background:#e8e8e8; border:1px solid #ccc;line-height:22px;}
.lw_content {width:450px; height:138px; background:#e8e8e8;border:1px solid #ccc;line-height:25px;}

	.lw_submit {background-image:url("images/tj_btn.jpg"); width:134px; height: 32px; border: 0px none;}
.lw_reset {width:134px; height:32px;}
	#lw_reset {display:none;}
	
	#liuyan {
		font-size: 20px;
	}
	.leaveword
{
	font-size: 22px;
	margin: 10px 0 50px 0px;
	width: 100%;
}

	

#pc_ver {
	display: none;
}

#m_ver {
	display: block;
}
	
	
 
	
  .UnitBlock {
    width: 100%;
    padding: 0;
	margin: 0;
  }

	
	
	#Header {
    	height: 120px;
    	z-index: 10000;
	 	text-align: center;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
  	}
	
	
	.HeaderLogo {
		margin: 0px 0 0 54px;
		float: left;
	}
	
	.HeaderLogo img
	{
		width: 109px;
	}
	
	
	
	
	/* 手机版 导航菜单 三 的 样式*/
  .MenuNav {
    display: block;
    float:right;
    width: 34px;
	margin:0 0 0 0;
	  padding: 52px 45px 0 0;
    cursor: pointer;
	position: relative;
	  z-index: 999;
  }
	
  	.MenuNav .icon-bar {
    background-color: #fff;
    display: block;
    width: 34px;
    height: 2px;
    border-radius: 1px;
    margin-bottom: 10px;
  }
	
  .Menu {
    position: fixed;
    top: 0;
    right: -200px;
    float: none;
    background: #ff6b80;
    width: 180px;
    overflow: hidden;
    height: 2000px;
    padding: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	  margin: 0;
	  z-index: 10000;
  }
	
 .Menu.on {
    right: 0px;
  }
  .Menu ul {
    padding-top: 20px;
	  line-height: 30px;
	  height: 50px;
  }
  .Menu ul li {
    float: none;
	  width:180px;
    text-align: center;
	  height: 50px;
	  line-height: 50px;
  }
  .Menu ul li a {
    font-size: 22px;
	height: 60px;
	  margin: 0;
	  padding: 0;
	  line-height: 50px;
	  font-weight: lighter;
  }
		

/*菜单栏 鼠标移动上去的效果*/
.Menu ul li:hover {
    /*border-bottom: 1px solid #83d6d0;*/
  height: 50px;
	  margin: 0;
	  padding: 0;
	  line-height: 50px;
	color: #3df4e4;
	text-decoration: underline;
	background-image: none;
}


.Menu ul li a:hover {
  		height: 50px;
	  margin: 0;
	  padding: 0;
	  line-height: 50px;
	color: #3df4e4;
	text-decoration: underline;
		background-image: none;
}
	
	.Menu ul li a.on {
height: 50px;
	  margin: 0;
	  padding: 0;
	  line-height: 50px;
		background-image: none;

	
	
}

.Menu ul li a {
	height: 50px;
	  margin: 0;
	  padding: 0;
	  line-height: 50px;
		background-image: none;
	}
	
  .MenuMask {
    position: fixed;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 9999;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .MenuMask.on {
    width: 100%;
  }
	
	

	
	/** 3x1 模式
	<div class="info_3x1type_group">
			  <div class="info_3x1type_clip">
				  <div class="info_3x1type_pic">
					  <img src="" alt="" class="">
				  </div>
				  <div class="info_3x1type_title">
					  title
				  </div>
			  </div>
			  <div class="info_3x1type_clip">
				  <div class="info_3x1type_pic">
					  <img src="" alt="" class="">
				  </div>
				  <div class="info_3x1type_title">
					  title
				  </div>
			  </div>
			  <div class="info_3x1type_clip">
				  <div class="info_3x1type_pic">
					  <img src="" alt="" class="">
				  </div>
				  <div class="info_3x1type_title">
					  title
				  </div>
			  </div>
		  </div>
	**/
	.info_3x1type_group {
		width: 100%;
		height: auto;
		text-align: center;
		display: inline-block;
		margin: 5px 0 5px 0;
	}
	.info_3x1type_clip {
		width: 33%;
		float:left;
		text-align: center;
	}
	.info_3x1type_title {
		color: #878787;
		font-size: 22px;
		width:100%;
	}
	.info_3x1type_pic {
		text-align: center;
		width:100%;
	}
	


	
	.HeaderPosition {
		display: block;
		float: left;
		color: white;
		font-size: 30px;
		font-weight: bold;
		line-height: 118px;
		margin: 5px 0 0 50px;
		width: 400px;
		padding: 0 0 0 0;
		text-align: left;
		letter-spacing: 22px;
		
		
		
}
	
	.HeaderPhone {
		display: none;
	}

	

#IndexSliderMobile {
	display: block;
  	height: 402px;
	width: 750px;
 	position: absolute;
  	top: 0;
  	left: 50%;
  	margin-left: -375px;
  	overflow: hidden;
}

#IndexSliderPc {
	display: none;
}

#IndexSlider {
	height: 402px;
  	margin: 121px 0 0 0;
}

.IndexBrand {
	height: 980px;
	overflow: visible;
	background-image: none;
	background-color: #f3f6f8;
}

.IndexBrandTextArea {
	margin: 48px 0 0 0;
	width: 750px;
	float: left;
}

.IndexBrandText {
	padding: 25px 0 0 0;
	width: 681px;
	display:inline-block;
	font-size: 22px;
	line-height: 38px;
	text-align: left;
}

.IndexBrandMore {
	margin: 30px 0 0 0;
	width: 750px;
	display:block;
	text-align: center;
}

.IndexBrandPhoto {
	float: left;
	margin: 39px 0 0 0px;
	width: 100%;
	text-align: center;
	background: url("images/index_brand_mobile_bg.jpg") top center no-repeat;
	height: 508px;
	padding: 22px 0 0 0;
}


.IndexGuide {
	background: url("images/mobile_index_guide_bg.jpg") no-repeat center;
	height: 220px;
	width: 750px;
	margin: 90px 0 0 0;
}

.IndexGuideText {
	display: none;
}


	

.IndexMarketArea {
	width: 690px;
	margin: 0 30px 0 30px;
	background-color: white;
	height: 500px;
	text-align: center;
}

.IndexMarketPhoto {
	display: none;
}

.IndexMarketPoint1 ,.IndexMarketPoint2 , .IndexMarketPoint3 {
	display: none;
}

.IndexMarketTitle {
	margin: 30px 0 0 0;
	float: center;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	width: 100%;
	
	
}

.IndexMarketSubtitle {
	margin: 30px 0 0 0;
	float: left;
	text-align: center;
	width: 100%;
	font-size: 38px;
}

.IndexMarketText {
	margin: 60px 0 0 0;
	text-align: left;
	font-size: 22px;
	line-height: 40px;
	width: 561px;
	display: inline-block;
	float: none;
}

.IndexFeature {
	background-color: #ffffff;
	height:973px;
	position: relative;
	margin: 0 0 0 0;
	z-index: 0;
}

.IndexFeatureClip {
	width: 570px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	float: none;
}

.IndexFeatureGroup {
	padding: 27px 0 0 0;
	text-align: center;
}

.IndexFeaturePhoto {
	width: 100%;
	text-align: center;
	margin: 26px 0 0 0;
}

.IndexFeaturePhoto img{
	width: 273px;
}

.IndexFeatureTitle {
margin: 55px 0 0 0;
	color: #05b1a2;
	font-weight: bold;
	font-size: 35px;
	width: 100%;
	text-align: center;
}

.IndexFeatureText {
	margin: 23px 0 0 0;
	color: white;
	font-weight: lighter;
	font-size: 21px;
	line-height: 36px;
	width: 90%;
	display: inline-block;
}

.IndexProduct {
	height: auto;
	width: 100%;
	background:url("images/index_product_list_area_mobile_bg.jpg") no-repeat center top;
	height:821px;
}

.IndexProductListArea {
	width: 100%;
	height: auto;
}

.IndexProductEnglishTitle {
	margin: 52px 0 0 0;
}

.IndexProductListGroup {
margin: 30px 0 0 0;
	font-size: 16px;
	width: 100%;
	text-align: center;
}

.IndexProductClip0 , .IndexProductClip1 , .IndexProductClip2 ,.IndexProductClip3 , .IndexProductClip4 , .IndexProductClip5 , .IndexProductClip6 , .IndexProductClip7 , .IndexProductClip8 , .IndexProductClip9 , .IndexProductClip10 , .IndexProductClip11 {
	background-size: 100px 100px;
	width: 200px;
	height: 150px;
	display: inline-block;
	vertical-align:top
	
}
	
	.IndexProductClip1 {
	background: url("images/index_product_mobile_clip1_bg_normal.jpg") no-repeat center top;
	width: 584px;
	height: 584px;
	display: inline-block;
	margin: 0 12px 24px 12px;
	vertical-align:top
}

.IndexProductClipBg {
	margin: 137px 0 0 112px;
	width: 360px;
	height: 310px;
	background: url("images/index_product_clip_bg_normal.png");
	text-align: center;
}

.IndexProductSplit {
	display: none;
}

.IndexProductShowArea {
	width: 750px;
	text-align: center;
	padding:61px 0 5px 0;
}

.IndexProductShowClip {
	display: inline-block;
	width: 223px;
	height: 272px;
	overflow: hidden;
	margin: 0 5px 58px 5px;
}

.IndexProductShowClip img{
	width: 223px;
}

.IndexProductShowSplit {
		display: inline-block;
	width: 15px;
	height: 200px;
	display: none;
}

.IndexNewsTitlePhoto {
	margin: 41px 0 0 0;
}

.IndexNewsGroup {
	margin: 50px 0 20px 37px;
	text-align: left;
}

.IndexNewsPhoto img{
	width: 203px;
}

.IndexNewsPhoto {
	float: left;
}

.IndexNewsDate {
	margin: 10px 0 0 37px;
	font-size: 22px;
	color: #8b8e94;
	text-align: left;
	float: left;
	width: 400px;
	height: 30px;
	line-height: 30px;
	background-color: white;
	position:relative;
	
}

.IndexNewsTitle {
	margin: 15px 0 0 37px;
	font-size: 26px;
	color: #010101;
	text-align: left;
	width: 400px;
	float: left;
}

.IndexNewsText {
		margin: 23px 0 0 37px;
	font-size: 22px;
	color: #8b8e94;
	text-align: left;
	width:  400px;
	line-height: 32px;
	float: left;
}

.IndexNewsReadMore {
	display: none;
}

.IndexNewsClip {
	margin: 0 0 36px 0;
	width: 100%;
}

.CommonRightLogo {
	padding: 45px 0 0 41px;
	float: left;
}

.CommonRightLogo img{
	width: 221px;
}

.CommonRightLinkArea {
	margin: 68px 0 0 65px;
	float: left;
	width: 420px;
}

.CommonRightLinkGroup {
	display: none;
}

.CommonRightPhoto {
	margin:0 0 0 0px;
	float: left;
}

.CommonRightPhoto img{
	width: 334px;
}

.CommonRightCompanyInfo {
	margin: 20px 0 0 65px;
	float: left;
	width: 400px;
	font-size: 22px;
	line-height: 36px;
}

.CommonRightWechatArea {
	display: none;
}

.CommonRightICPInfo {
	width: 750px;
	text-align: center;
	color: white;
	padding: 13px 0 0 0;
	float: left;
	font-size: 22px;
}

.CommonRightICPLine {
	display: block;
	width: 100%;
	height: 0px;
	overflow: hidden;
	border-bottom: 1px white solid;
	padding: 50px 0 0 0;
}

.CommonRightLine {
	display: none;
}

.LeavewordInput {
	margin: 0 0 0 0;
}

.LeavewordIconMobile {
		float: left;
	margin: 26px 0 0 40px;
	width: 98px;
	text-align:center;
		display: block;
}

.LeavewordNamePos {
		float: left;
	width: 555px;
	margin: 0 0 20px 0;
}

.LeavewordSubmitPos {
	margin: 59px 0 0 0;
	width: 100%;
	text-align: center;
}

.ContactGroup {
		margin: 39px 0 0 20px;
	width: 100%;
		height: auto;
		background-color: white;
}

.ContactIcon {
		float: left;
	margin: 0 0 0 112px;
}

	
.ContactText {
	float: left;
	margin: 0 0 0 18px;
	text-align: left;
	font-size: 22px;
	color: #1d1a1a;
	line-height: 56px;
		width: auto;
}
	

.ContactMap {
		margin: 51px 0 0 0;
		position:relative;
	width: 100%;
	text-align: center;
}
	
	

.SubpageTreeNavText {
	width: 100%;
	float: left;
	height: 55px;
	line-height: 29px;
	font-size: 22px;
	color: #898989;
	text-align: center;
	margin: 7px 0 0 0px;
}

.SubpageTreeNavLink {
	margin: 0 0 0 0px;
	float: none;
}

	
	.SbpageP3Group1 {
	background: url("images/subpage_p3_bg1.jpg") center;
	width: 750px;
	height: 492px;
}

.SubpageP3Title1 {
	color: black;
	font-size: 28px;
	font-weight:bold;
	width: 100%;
	text-align: center;
	padding: 45px 0 0 0;
}

.SubpageP3Text2 {
	font-size: 22px;
	line-height: 40px;
	padding: 30px 5% 0 5%;
	width: 90%;
	text-align: left;
	
}

.SbpageP3Group2 {
	background: url("images/subpage_p3_bg2.jpg") no-repeat;
	width: 750px;
	height: 451px;
	margin: 54px 0 0 0;
	padding: 0;
}

.SubpageP3Text4 {
	color: white;
	font-size: 22px;
	line-height: 36px;
	padding: 28px 0 0 72px;
}
	

	

.SubpageInfoText {
	position: relative;
	margin:70px 0 28px 0 ;
	width: 90%;
	text-align: left;
	font-size: 22px;
	color: black;
	line-height: 36px;
	display: inline-block;
	padding: 0;
}

.SubpageP5Group1 {
		width:730px;
	display: inline-block;
	margin: 43px 0 0 0;
}

.SubpageP5Title1 {
		color: white;
	font-size: 28px;
	font-weight:bold;
	width: 100%;
	text-align: center;
	margin: 16px 0 0 0;
}

.SubpageP5Title2 {
		color: white;
	font-size: 25px;
	font-weight:lighter;
	width: 100%;
	text-align: center;
	line-height: 25px;
	margin: 5px 0 0 0;
}

.SubpageP5Photo1 {
	position: relative;
	z-index: -1;
	margin: -38px 0 0 0;
	padding: 0 0 0 0;
	width: 750px;
}

.SubpageP5Photo1 img {
 width: 750px;
}

.SubpageP5Text1 {
	margin:  40px 0 40px 0 ;
	font-size: 22px;
	line-height: 36px;
	width: 90%;
	display: inline-block;
	float: center;
	padding: 0 5% 0 5%;
}

.SubpageP5Photo3 {
	background: url("images/subpage_p5_photo_bg2.jpg");
	background-size:750px 565px;
	width: 750px;
	height: 765px;
	margin: 90px 0 70px 0;
	text-align: center;
}

.SubpageP5Photo2 {
		background: url("images/subpage_p5_photo_bg1.jpg");
	background-size:750px 244px;
	width: 750px;
	height: 244px;
	padding: 0;
	margin: 0;
}

.SubpageP5Title3 {
		width: 100%;
	padding: 75px 0 0 0;
	font-size: 28px;
	font-weight:bold;
	text-align: center;
}

.SubpageP5Title4 {
	font-size: 25px;
	font-weight:normal;
	width: 100%;
	text-align: center;
	line-height: 42px;
	margin: 20px 0 0 0;
}

.SubpageP5Text2 {
	width: 558px;
	background-color: white;
	text-align: left;
	margin: -48px 0 0 0;
	position: relative;
	z-index: 1;
	font-size: 22px;
	line-height: 36px;
	display: inline-block;
	padding: 40px 40px 0 40px;
}

.SubpageP5Title5 {
		width: 100%;
	padding: 113px 0 0 0;
	font-size: 28px;
	font-weight:bold;
	text-align: center;
	color: white;
	display: block;
}

.SubpageP5Text3 {
	width: 560px;
	background-color: white;
	text-align: left;
	margin: 80px 0 0 0;
	position: relative;
	z-index: 1;
	font-size: 22px;
	line-height: 36px;
	display: inline-block;
	padding: 60px 60px 60px 60px;
}

.SubpageP4Clip {
margin: 48px 0 0 0;
	width: 750px;
	height: auto;
}

.SubpageP4Photo {
	margin: 0 5% 0 5%;
	float: left;
}

.SubpageP4Photo img{
	width: 675px;
}

.SubpageP4Title {
		float: left;
	margin: 37px 0 0 27px;
	font-size: 25px;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.SubpageP4Text {
	float: left;
	margin: 43px 5% 0 5%;
	font-size: 22px;
	line-height: 36px;
	width: 90%;
	height: auto;
	display: inline-block;
}

.SubpageP4BGGray {
	display: none;
}

	
	
.SubpageListNavLinkSelected {
		display:inline-block;
	width: 250px;
	height: 70px;
	font-size: 22px;
	color: white;
	line-height: 70px;
	text-align: center;
	background-color: #fe8301;
	font-weight: bold;
	margin: 0 10px 0 10px;
}

.SubpageListNavLinkUnselected {
	display:inline-block;
	width: 250px;
	height: 70px;
	font-size: 22px;
	color: white;
	line-height: 70px;
	text-align: center;
	background-color: gray;
	font-weight: bold;
	margin: 0 10px 0 10px;
}

.SubpageP1Pic1 img{
	width: 700px;
}

.SubpageP1GrayBg1 {
		background-color: #eeeeee;
	position: relative;
	z-index: -1;
	margin:-111px 0 0 0 ;
	height: auto;
	width: 86%;
	text-align: center;
	font-size: 22px;
	color: black;
	line-height: 38px;
	padding: 130px 7% 40px 7%;
}

.SubpageP7Clip {
		width: 358px;
	height: 520px;
	margin: 0 6px 0 6px;
	display: inline-block;
	vertical-align:top
}

.SubpageP7Title {
	line-height: 62px;
	height: 62px;
	font-size: 25px;
	font-weight: bold;
	width: 100%;
}

.SubpageP7Text {
	line-height: 36px;
	font-size: 22px;
	font-weight: lighter;
	width: 95%;
	display: inline-block;
	text-align: left;
	color: #060606;
}
.SubpageP7Text a{
	color: #060606;
}

	
.SubpageP2Block1Left {
	padding: 38px 0 0 0;
	float: center;
	width: 100%;
	text-align: center;
}
	
	.SubpageP2Block1Left img{
		width: 626px;
	}
	

	


.SubpageP2Block1Right {
		padding: 19px 0 0 62px;
	font-size: 22px;
	line-height: 36px;
	float: left;
	width: 626px;
}

.SubpageP2Group1Clip {
	margin: 0 0 45px 0;
	width:706px;
	height: auto;
	display: inline-block;
	float: none;
	text-align: left;
}

.SubpageP2Group1Photo {
	float: left;
	
}
.SubpageP2Group1Photo img{
	width: 240px;
}

.SubpageP2Group2Photo img{
	width: 240px;
}

.SubpageP2Group1Title {
	width: 178px;
	height: 43px;
	line-height: 43px;
	background-color: #fe8301;
	margin:  10px 0 0 33px;
	display: inline-block;
	color: white;
	font-size: 22px;
	font-weight: bold;
	padding: 0 0 0 0;
	text-align: center;
}

.SubpageP2Group1Text {
	width: 468px;
	display: block;
	float: left;
	font-size: 22px;
	text-align: left;
	line-height: 36px;
	margin:  45px 0 0 260px;
	color: white;
	font-weight: normal;
}

.SubpageP2Title2 {
		margin: 63px 0 0 0;
}

.SubpageP2Group2Clip {
			margin: 0 0 45px 0;
	width:706px;
	height: auto;
	display: inline-block;
	float: none;
}

.SubpageP2Group2Photo {
	float: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
	.SubpageP2Group2Photo img{
		width: 735px;
	}

.SubpageP2Group2Title {
	width: 211px;
	height:43px;
	line-height: 43px;
	background-color: #fe8301;
	margin:   10px 0 0 33px;
	display: inline-block;
	color: white;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	float: left;
}

.SubpageP2Group2Text {
	width: 700px;
	font-size: 22px;
	text-align: left;
	line-height: 40px;
	margin:  22px 0px 0 0px;
	float: none;
	display: inline-block;
}

.SubpageP2Text1 {
	margin: 22px 5% 0 5%;
	width: 90%;
	display: inline-block;
	text-align: left;
	font-size: 22px;
	line-height: 36px;
}

.SubpageP2Group6 {
	margin: 40px 0 0 0;
	text-align: center;
}

.SubpageP2Group6Clip {
	width: 350px;
	display: inline-block;
	font-size: 22px;
	color: #060606;
	line-height: 36px;
	text-align: center;
	padding: 0 10px 30px 10px;
	vertical-align:top
}

.SubpageP2Group6Title {
	height: 67px;
	line-height: 67px;
	font-size: 22px;
	font-weight: bold;
}

.SubpageP2Group4Bg {
	background: url("images/subpage_p2_bg5.jpg") no-repeat center;
	width: 750px;
	height: 472px;
	margin: 60px 0 0 0;
}

.SubpageP2Title7 {
	color: black;
	font-size: 22px;
	line-height: 36px;
	font-weight:normal;
	width: 100%;
	text-align: center;
	margin: 30px 0 0 0;
}

.SubpageP2Title5 {
	color: black;
	font-size: 35px;
	font-weight:bold;
	width: 100%;
	text-align: center;
	padding: 120px 0 0 0;
}

.SubpageP2Group4Clip {
		width: 350px;
	height: 85px;
	display:inline-block;
	margin: 20px 10px 60px 10px;
}

.SubpageP2GroupTitle {
		background: url("images/subpage_p2_bg3.jpg");
	background-size: 81px 97px;
	width: 81px;
	height: 77px;
	color: white;
	font-size: 24px;
	line-height: 30px;
	padding: 20px 0 0 0;
	font-weight: lighter;
	float: left;
	margin: 10px 0 0 0;
}

.SubpageP2GroupText {
	float: left;
	font-size: 22px;
	width: 255px;
	padding: 8px 0 0 13px;
	text-align: left;
	line-height: 28px;
}

.SubpageP2Group5Left {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
	text-align: center;
}
.SubpageP2Group5Left img{
	width: 735px;
}

.SubpageP2Group5Title {
	font-size: 28px;
	font-weight: bold;
	margin: 37px 0 0 34px;
}

.SubpageP2Group5Text {
		font-size: 22px;
	line-height: 42px;
	padding: 65px 0 0px 52px;
	width: 663px;
	margin: 0 0 0px 0;
}

	
.SubpageP2Group4 {
		margin: 15px 0 0px 0;
	text-align: center;
}

.SubpageP2Group5Right {
		float: left;
	background: url("images/subpage_p2_bg4.jpg") no-repeat left;
	width: 750px;
	height: 434px;
}

.SubpageNewsClip {
	width: 730px;
	height: 145px;
	border: 1px solid #dbdbdb;
	background-color: #f9f9f9;
	display: inline-block;
	margin: 0 0 20px 0;
}


	
.SubpageNewsDate {
	width: 55px;
	height: 52px;
	background-color: #dbdbdb;
	margin:36px 0 0 0 ;
	float: left;
}

.SubpageNewsDay {
	width: 100%;
	color: #8b8e94;
	font-size: 18px;
	padding: 12px 0 0 0;
	text-align: center;
}

.SubpageNewsYear {
	font-size: 10px;
	color: #8b8e94;
	width: 100%;
	text-align: center;
	padding: 3px 0 0 0;
}

.SubpageNewsPhoto {
	float: left;
	padding: 13px 0 0 10px;
}

.SubpageNewsPhoto img{
	width: 120px;
}

.SubpageNewsLine {
		height: 120px;
	width: 0px;
	overflow: hidden;
	margin: 13px 21px 0 21px;
	border-left: 1px solid #dbdbdb;
	float: left;
}

.SubpageNewsTitle {
		float: left;
	font-size: 24px;
	width: 493px;
	margin: 18px 0 0 0;
	text-align: left;
}

.SubpageNewsBrief {
	float: left;
	font-size: 22px;
	color: #8b8e94;
	width: 493px;
	margin: 14px 0 0 0;
	text-align: left;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
}

.SubpageNewsReadMore {
	display: none;
}

.SubpagePageInfo {
	width: 100%;
	text-align: center;
	margin: 50px 0 50px 0;
	color: black;
	font-size: 22px;
}

.MenuArea1, .MenuArea2 ,  .MenuArea3 ,  .MenuArea4 , .MenuArea5, .MenuArea6, .MenuArea7, .MenuArea8
	{
		background-image:none;
	}
	
.IndexBrandTitle {
	font-size: 35px;
	text-align: center;
}

.IndexBrandSubtitle {
	font-size: 28px;
	text-align: center;
	margin:30px 0 0 0 ;
}

.IndexBrandLine {
	margin: 25px 0 0 0;
}

	

.IndexFeatureGroupPhotoTitle {
		background: url("images/index_feature_group_photo_title_mobile_bg.png");
	height: 79px;
	width: 140px;
	margin: -76px 0 0 215px;
	font-size: 28px;
	font-weight: normal;
	padding: 58px 0 0 0;
	position: absolute;
}

.IndexFeatureGroupTitle {
	padding: 72px 0 0 0;
	width: 566px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	margin: 0 0 0 0;
}

.IndexFeatureGroupText {
	padding: 22px 34px 0 34px;
	font-size: 22px;
	color: #717070;
	line-height: 40px;
	width: 498px;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	text-align: center;
	height: 160px;
}

.IndexProductTitle {
	font-size: 35px;
	font-weight: bold;
	padding: 65px 0 0 0;
	width: 100%;
	text-align: center;
	color: black;
}

.IndexProductSubtitle {
	font-size: 28px;
	font-weight: normal;
	margin: 25px 0 0 0;
	width: 100%;
	text-align: center;
	color: black;
}

.IndexProductListTitle {
	padding: 47px 0 0 0;
	text-align: center;
	width: 100%;
	font-weight: bold;
	font-size: 25px;
	color: white;
}

.IndexProductListText {
	margin: 25px 0 0 0;
	width: 291px;
	display: inline-block;
	font-size: 22px;
	line-height: 40px;
	color: white;
	font-weight: lighter;
}

.IndexBizModeTitle {
	font-size: 35px;
	width: 400px;
	height: 45px;
	font-weight: bold;
}

.IndexBizModeGroupClip {
	width: 730px;
	display: inline-block;
	height: 305px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.IndexBizModeGroup {
	
}

.IndexBizModeGroupTextArea {
		width: 348px;
	height: 305px;
	float: left;
	padding: 0 0 0 30px;
	text-align: left;
	color: white;
}

.IndexBizModeGroupTitle {
	font-size: 25px;
}

.IndexBizModeGroupSubtitle {
	font-size: 22px;
	line-height: 32px;
	width: 340px;
}

.IndexBizModeGroupTrititle {
	font-size: 22px;
	line-height: 32px;
	width: 340px;
}

	
.IndexSupport {
	background: url("images/index_support_mobile_bg.jpg") no-repeat center;
	width: 100%;
	height: 929px;
	margin: 20px 0 0 0;
	text-align: center;
}

.IndexSupportTitle {
	font-size: 35px;
}

.IndexSupportSubtitle {
	margin: 10px 0 0 0;
}

.IndexSupportTrititle {
	padding: 15px 0 0 0;
	width: 100%;
	text-align: center;
	font-size: 22px;
	font-weight: lighter;
	width: 90%;
	line-height: 40px;
	display: inline-block;
}

.IndexSupportGroupClip {
	display: inline-block;
	background: url("images/index_support_group_mobile_bg1.jpg") no-repeat bottom center;
	height: 600px;
	width: 582px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.IndexSupportGroupText {
	margin: 34px 0 0 0;
	font-size: 25px;
	line-height: 48px;
}

.IndexSupportGroupTitle {
	width: 200px;
}

.IndexSupportGroupAreaName {
	color: white;
	font-size: 22px;
	margin: 48px 0 0 0;
}

.IndexBizModeGroupLine {
	width: 188px;
	height: 0px;
	border-top: 1px solid white;
	margin: 11px 0 0 -66px;
}

.IndexNewsTitleArea {
	margin: 55px 0 0 0;
	color: #717070;
	font-weight: bold;
	font-size: 35px;
	width: 100%;
	text-align: center;
}

.CommonRight {
	height: auto;
	width: 100%;
	background: url("images/common_right_bg.jpg") top repeat-x;
	background-color: #ff8e50;
	height: 337px;
	color: white;
}


	
.SubpageTreeNav {
	width: 100%;
	height: 55px;
	overflow: hidden;
	background: url("images/subpage_tree_nav_mobile_bg.jpg") center;
}

.SubpageInfoTitle {
	font-size: 35px;
}

.SubpageInfoSubtitle {
		font-size: 28px;
}

.SubpageP1Group1 {
	margin: 25px 0 0 0;
	clear: both;
	height: auto;
}

.SubpageP1Group1Left {
	margin: 0 0 0 17pxpx;
	float: none;
	width: 100%;
	text-align: center;
}

.SubpageP1Group1Right {
	margin:25px 0 0 20px;
	width: 710px;
	font-size: 22px;
	line-height: 40px;
	float: none;
	display: inline-block;
	text-align: left;
}

.SubpageP1Group2 {
	background: url("images/subpage_p1_photo2.jpg") center;
	margin: 31px 0 54px 0;
	width: 750px;
	height: 413px;
	text-align: center;
}

.SubpageP1Group2Area {
	font-size: 22px;
	line-height: 40px;
	font-weight: normal;
	color: white;
	background-color: #ff6b80;
	display: inline-block;
	width: 665px;
	height: 275px;
	margin: 63px 0 0 0;
	padding: 20px 0 0 0;
}

.SubpageP1Group4 {
		margin: 36px 0 60px 0;
	clear: both;
	height: 480px;
}

.SubpageP1Group4Photo {
	float: center;
	width: 100%;
	text-align: center;
}

.SubpageP1Group4Text {
	float: center;
	font-size: 22px;
	line-height: 40px;
	width: 700px;
	margin: 20px 0 40px 40px;
	text-align: left;
	display: inline-block;
	
}

.SubpageP2Group1 {
	margin: 14px 0 42px 0;
	width: 100%;
	text-align: center;
	background: url("images/subpage_p2_mobile_photo1.jpg") left;
	height: 301px;
}

.SubpageP2Group2 {
	margin: 20px 0 0 0;
	width: 100%;
	text-align: center;
	background-color: #f3f6f8;
	height: 980px;
	overflow: hidden;
	padding: 10px 0 0 0;
}

.SubpageP2Group3 {
	background: url("images/subpage_p2_bg1.jpg") no-repeat top center;
	width: 750px;
	height: 154px;
	text-align: center;
	margin: 0px 0 0 0;
	padding: 40px 0 0 0 ;
}

.SubpageP2Group5 {
	height: 310px;
	font-size: 22px;
	line-height: 40px;
	width: 700px;
	display: inline-block;
	text-align: left;
	margin: 30px 0 0 0;
}

.SubpageInfoCurvePhoto {
		width: 100%;
	text-align: center;
	margin: 19px 0 0 0;
}

.SubpageP3Group1 {
	margin: 24px 0 0 0;
	display: inline-block;
	width:93%;
	text-align: left;
	font-size: 22px;
	line-height: 40px;
}

.SubpageP3Group2 {
	margin: 32px 0 0 0;
	width: 720px;
	display: inline-block;
}

.SubpageP3Group2Tilte {
	background: #05b1a2;
	width: 250px;
	height: 40px;
	color: white;
	padding: 0 0 0 12px;
	line-height: 40px;
	font-size: 22px;
}

.SubpageP3Group2Subtilte {
	padding: 8px 0 8px 0px;
	font-size: 22px;
	line-height: 40px;
		width: 448px;
}

.SubpageP3Group3 {
		background: url("images/subpage_p3_mobile_photo2.jpg");
	width: 100%;
	height: 595px;
	margin: 31px 0 0 0;
	color: white;
}

.SubpageP3Group3Title {
	padding: 51px 0 0 0;
	width: 100%;
	text-align: center;
	font-size:35px;
	font-weight: bold;
}

.SubpageP3Group3Subtitle {
	padding: 35px 0 0 0;
	width: 100%;
	text-align: center;
	font-size: 21px;
	font-weight: normal;
	line-height: 44px;
}

.SubpageP3Group4Left {
	background: url("images/subpage_p3_mobile_photo3.jpg");
	width: 658px;
	height: 759px;
	display: inline-block;
	vertical-align:top;
	margin: 43px 0 0 0;
}

.SubpageP3Group4Right {
	background: url("images/subpage_p3_mobile_photo4.jpg");
	width: 661px;
	height: 640px;
	display: inline-block;
	vertical-align:top;
	margin: 40px 0 0 0;
}

.SubpageP3Group4Title {
	color: #05b1a2;
	font-size: 32px;
	font-weight: bold;
	margin: 36px 0 20px 0;
	width: 100%;
	text-align: center;
}

.SubpageP3Group4LeftClip {
	display: inline-block;
	width: 610px;
	line-height: 33px;
	font-size: 22px;
}



.SubpageP3Group2Text {
	float: left;
	width: 448px;
	text-align: left;
	margin: 2px 0 0 25px;
}
.SubpageP3Group4LeftTitle {
	float: left;
	width: 95px;
	color: #05b1a2;
}

.SubpageP3Group4LeftSubtitle {
	float: left;
	width: 510px;
	text-align: left;
}

	
.SubpageP3Group4RightClip {
	display: inline-block;
	width: 600px;
	line-height: 50px;
	font-size: 22px;
}

.SubpageP3Group4RightTitle {
	float: left;
	width: 130px;
	color: #05b1a2;
}

.SubpageP3Group4RightSubtitle {
	float: left;
	width: 470px;
	text-align: left;
}


.SubpageP3Group6Clip {
	width: 705px;
	display: inline-block;
	height: 110px;
	vertical-align: top;
	margin: 0 15px 30px 15px;
	font-size: 22px;
}

.SubpageP3Group6Title {
	height: 36px;
	width: 685px;
	background-color: #ff6b80;
	text-align: left;
	color: white;
	font-weight: normal;
	padding: 0 0 0 20px;
	line-height: 36px;
}

.SubpageP3Group6Text {
	width: 685px;
	text-align: left;
	margin: 10px 0 10px 20px;
	font-size: 22px;
	line-height: 40px;
}
	
.SubpageP5Group1Text {
	margin: 25px 0 0px 0px;
	width: 730px;
	float: none;
	text-align: center;
}

	.SubpageP5Group2Subtitle ,.SubpageP5Group4Subtitle{
	width: 510px;
	height: auto;
	color: black;
	font-weight: lighter;
	line-height: 40px;
		font-size: 22px;
		text-align: left;
		padding: 5px 0 5px 25px;
		margin: 0 0 0 5px;
}
	
.SubpageP5Group2 {
	width: 730px;
	display: inline-block;
	float: none;
	text-align: left;
	margin: 0 0 0 15px;
}

	.SubpageP5Group2Title,.SubpageP5Group4Title {
	width: 730px;
	background-color: #ff6b80;
	height: 45px;
	padding: 0 0 0 25px;
	color: white;
	font-weight: normal;
	line-height: 45px;
	font-size: 22px;
		margin: 0 0 0 10px;
		text-align: left;
}

	
.SubpageP5MobileGroup1 {
	margin: 0px 0 0 0;
	width: 750px;
	text-align: center;
}

.SubpageP5Group1PhotoClip {
	margin: 0 1px 2px 1px;
	display: inline-block;
	float: none;
	padding: 0 0 0 0;
}

.SubpageP5MobileGroup2 {
		margin: 25px 0 0 0;
	width: 750px;
	text-align: center;
}

.SubpageP5Group3 {
		margin: 25px 0 0 0;
}

.SubpageP5Group3Title {
	text-align: left;
	font-size: 22px;
}

.SubpageP5Group3Subtitle {
	text-align: left;
	font-size: 22px;
	line-height: 40px;
	width: 680px;
}

.SubpageP5Group4 {
	margin: 25px 0 0 0;
}

.SubpageP5Group5 {
	margin: 25px 0 0 0;
}

.SubpageP5Group5Title {
	width: 155px;
	background-color: #05b1a2;
	height: 40px;
	
	padding: 0 0 0 10px;
	color: white;
	font-weight: normal;
	line-height: 40px;
	float: left;
	font-size: 22px;
}

.SubpageP5Group5Subtitle {
	width: 525px;
	height: 80px;
	padding: 0 0 0 10px;
	color: black;
	font-weight: lighter;
	line-height: 40px;
	float: left;
	text-align: left;
	font-size: 22px;
}

	
	.SubpageP4Group1Clip1 {
	background: url("images/subpage_p4_mobile_photo1.jpg");
}
	
	.SubpageP4Group1Clip2 {
	background: url("images/subpage_p4_mobile_photo2.jpg");
}
	
	.SubpageP4Group1Clip3 {
	background: url("images/subpage_p4_mobile_photo3.jpg");
}
	
	.SubpageP4Group1Clip4 {
	background: url("images/subpage_p4_mobile_photo4.jpg");
}
	
	.SubpageP4Group1Clip5 {
	background: url("images/subpage_p4_mobile_photo5.jpg");
}
	
	.SubpageP4Group1Clip6{
	background: url("images/subpage_p4_mobile_photo6.jpg");
}
	
	.SubpageP4Group1Clip7 {
	background: url("images/subpage_p4_mobile_photo7.jpg");
}


	
.SubpageP4Group1 {
	margin: 45px 0 64px 0;
}

.SubpageP4Group1ClipTitle {
	font-size: 22px;
	font-weight: normal;
	margin: 24px 0 0 0;
}

.SubpageP4Group1ClipSubtitle {
		width: 250px;
	display: inline-block;
	line-height: 36px;
	font-size: 22px;
	font-weight: normal;
}

.SubpageP4Group1Clip {
	width: 338px;
	height: 260px;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 20px 10px;
}

.SubpageP4Group1ClipText {
	background: url("images/common_alpha_black_bg.png");
	width: 286px;
	height: 168px;
	color: white;
	font-weight: lighter;
	margin: 44px 0 0 0;
	display: inline-block;
}

.SubpageP4Group2 {
		margin: 20px 0 0 0;
	width: 680px;
	text-align: left;
	display: inline-block;
	font-size: 22px;
	line-height: 40px;
}

.SubpageP4Group3Clip {
	display: inline-block;
	width: 339px;
	margin: 0 10px 0 10px;
	vertical-align: top;
	height: 270px;
}

.SubpageP4Group3Text {
	color: white;
	font-weight: normal;
	width: 232px;
	height: 42px;
	background-color: #ff6b80;
	text-align: center;
	line-height: 42px;
	display: inline-block;
	margin: -21px 0 0 0;
	font-size: 22px;
}

.SubpageP4Group4 {
	margin: 20px 0 0 0;
	width: 680px;
	text-align: center;
	display: inline-block;
	font-size: 22px;
	line-height: 40px;
}

.SubpageP4Group5BlackBg {
	background: url("images/common_alpha_black_bg.png");
	width: 636px;
	height: 178px;
	margin: 53px 57px 0 57px;
	display: inline-block;
	padding: 30px 0 0 0;
}

.SubpageP4Group5 {
	background: url("images/subpage_p4_mobile_photo12.jpg");
	margin: 22px 0 50px 0;
	width: 100%;
	height: 314px;
	color: white;
	text-align: center;
	font-weight: lighter;
	overflow: hidden;
}

.SubpageP4Group5Clip {
	width: 140px;
	height: 30px;
	line-height: 60px;
	display: inline-block;
	font-size: 22px;
	font-weight: normal;
}

.SubpageP4Group6Photo {
	margin: 0 0 0 0;
	float: left;
	text-align: center;
	width: 100%;
}

.SubpageP4Group6Text {
	margin: 15px 0 40px 19px;
	float: left;
	width: 712px;
}

.SubpageP4Group6Title {
	width: 692px;
	background-color: #ff6b80;
	color: white;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	padding:  0 0 0 20px;
	font-size: 22px;
}

.SubpageP4Group6Subtitle {
		width: 692px;
	color: black;
	font-size: 22px;
	line-height: 40px;
	font-weight: normal;
	padding:  0 0 0 20px;
}

.SubpageP4Group7 {
	background: url("images/subpage_p4_mobile_photo14.jpg");
	width: 100%;
	height: 472px;
	margin: 40px 0 80px 0;
	text-align: center;
}


.SubpageP4Group7BlackBg {
	background: url("images/common_alpha_black_bg.png");
	width:645px;
	height: 308px;
	color: white;
	margin: 70px 0 0 0 ;
	display: inline-block;
	padding: 40px 15px 0 15px;
	font-size: 22px;
	line-height: 40px;
}

.SubpageP4Group8 {
	background: url("images/subpage_p4_mobile_photo15.jpg");
	width: 750px;
	height: 900px;
}

.SubpageP4Group8Title {
	text-align: right;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	width: auto;
}

.SubpageP4Group8Subtitle {
	width: auto;
	text-align: left;
	font-weight: lighter;
	line-height: 26px;
	font-size: 22px;
	margin: 5px 0 0 0;
}

.SubpageP4Group8Clip {
	width: auto;
	float: left;
}

.SubpageP4Group8Clip1 {
	margin: 237px 0 0 115px;
	width: 130px;
}

.SubpageP4Group8Clip2 {
	margin: 25px 0 0 276px;
	width: 250px;
	position: absolute;
}

.SubpageP4Group8Clip3 {
	margin: 65px 0 0 505px;
	width: 126px;
	position: absolute;
}

.SubpageP4Group8Clip4 {
	margin: 210px 0 0 555px;
	position: absolute;
	width: 184px;
}

.SubpageP4Group8Clip5 {
	margin:625px 0 0 30px;
	position: absolute;
	width: 144px;
}

.SubpageP4Group8Clip6 {
	margin:525px 0 0 185px;
	position: absolute;
	width: 130px;
}

.SubpageP4Group8Clip7 {
	margin:625px 0 0 325px;
	position: absolute;
	width: 134px;
}

.SubpageP4Group8Clip8 {
	margin:525px 0 0 470px;
	position: absolute;
	width: 134px;
}

.SubpageP4Group8Clip9 {
	margin:690px 0 0 610px;
	position: absolute;
	width: 134px;
}
	
	
}
