@charset "utf-8";

/* **************************************************

Name: China_portal.css

Description: CSS for China_portal

Create: 2016.02.29
Update: XXXX.XX.XX

Copyright 2016 Hitachi, Ltd.

***************************************************** */



/*      China_portal Common
=====================================================*/
h2 {
	margin-bottom: 15px;
}

/* products_service

div.listSort div{
	display: flex;
}
div.listSort div ul{
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
}
div.listSort div ul:nth-child(2){
	margin-right: 0;
}
@media screen and (max-width: 415px){
	div.listSort div{
		display: flex;
		flex-direction: column;
	}
	div.listSort div ul{
		width: 100%;
	}
	div.listSort div ul:nth-child(1){
		margin-bottom: 5px;
	}
} */


/* --- Panel --- */
*:first-child+html ul.Panel {margin-bottom: 15px;}

ul.Panel li {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-color: #363434;
	overflow: hidden;
	border-radius: 7px 7px 5px 5px;
	-moz-border-radius: 7px 7px 5px 5px;
	-webkit-border-radius: 7px 7px 5px 5px;
	-o-border-radius: 7px 7px 5px 5px;
	-ms-border-radius: 7px 7px 5px 5px;
}
ul.Panel li.FirstItem {margin-bottom: 15px;}

ul.Panel li .Inner {
	display: block;
}
ul.Panel li div.Inner {
	height: 25em;
	padding-bottom: 15px;
}

ul.Panel li.Column1 {height: 25em;}

ul.Panel li a {
	display: block;
	zoom: 1;
}
ul.Panel li.Column1 ul a {
	display: inline;
}

ul.Panel li a:link,
ul.Panel li a:visited {
	color: #fff;
	text-decoration: none;
}
ul.Panel li a:hover,
ul.Panel li a:active,
ul.Panel li .hover a {
	color: #fff;
	text-decoration: underline;
}

ul.Panel li img {
	display: block;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
}

ul.Panel li strong {
	display: table-cell;
	width: 185px;
	height: 3.5em;
	padding: 5px 30px 0 15px;
	background-image: url(/image/cn/r5/icon/icon_panel_link_hd.png);
	background-image/*\**/: url(/image/cn/r5/icon/icon_panel_link.png)\9;
	background-repeat: no-repeat;
	background-position: 198px 55%;
	background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-o-background-size: 20px 20px;
	-ms-background-size: 20px 20px;
	color: #fff;
	font-weight: bold;
	line-height: 120%;
	vertical-align: middle;
}
*:first-child+html ul.Panel li strong {
	display: block;
	height: 3em;
	padding: 5px 30px 0 15px;
	background-position: 198px 5px;
	cursor: pointer;
}
.Corporate ul.Panel li strong {
	width: 180px;
	height: 4em;
	padding: 0 35px 0 15px;
	font-size: 90%;
	background-position: 198px 50%;
}
*:first-child+html .Corporate ul.Panel li strong {
	display: block;
	width: 180px;
	height: 3em;
	padding: 0 35px 0 15px;
	background-position: 198px 9px;
	zoom: 1;
}
 ul.Panel > li strong .Hyphen {display: none;}

 ul.Panel li.Column1 strong {
	width: 180px;
	height: 4.0em;
	padding: 0 35px 0 15px;
	background-position: 198px 48%;
}

ul.Panel li span {
	display: block;
	padding: 0 15px;
	color: #fff;
	font-size: 83%;
	line-height: 160%;
}
ul.Panel li .Inner {
	padding: 0;
	font-size: 100%;
}

ul.Panel li .Radius {
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	background-image: url(/image/cn/r5/bg_radius.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

ul.Panel li .LT {
	top: 0;
	left: 0;
	background-position: 0 0;
}
ul.Panel li .RT {
	top: 0;
	right: 0;
	background-position: -5px 0;
}
ul.Panel li .LB {
	bottom: 0;
	left: 0;
	background-position: 0 -5px;
}
ul.Panel li .RB {
	bottom: 0;
	right: 0;
	background-position: -5px -5px;
}

ul.Panel li.Column1 ul.LinkListStyle2 {
	padding: 0 15px;
	font-size: 76%;
	color: #fff;
}

ul.Panel li.Column1 ul.LinkListStyle2 li {
	width: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 120%;
	background-color: transparent;
}

 ul.Panel li.Column1 ul.ListStyle2 {
	padding: 0 15px;
}

 ul.Panel li.Column1 ul.ListStyle2 li {
	width: auto;
	margin: 0;
	padding: 5px 0 0;
	color: #fff;
	font-size: 90%;
	line-height: 140%;
	background: none transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
}
 ul.Panel li.Column1 ul.ListStyle2 li:first-child {padding: 0;}


/* --- Panel2 --- */
ul.Panel2 li {
	position: relative;
	width: 230px;
	height: 18.75em;
	min-height: 300px;
	margin-bottom: 15px;
	background-color: #f2f2f2;
	border-radius: 7px 7px 5px 5px;
	-moz-border-radius: 7px 7px 5px 5px;
	-webkit-border-radius: 7px 7px 5px 5px;
	-o-border-radius: 7px 7px 5px 5px;
	-ms-border-radius: 7px 7px 5px 5px;
}
ul.Panel2 li .img {
	display: block;
	background-color: #363434;
	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	-ms-border-radius: 7px 7px 0 0;
}
ul.Panel2 li img {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
}
ul.Panel2 li:hover strong {
	color: #b1000e;
	text-decoration: underline;
}
ul.Panel2 li .Panel2Text {
	height: 6.8em;
	padding: 16px 40px 0 15px;
	background-image: url(/image/cn/r5/icon/icon_panel2_link_hd.gif);
	background-image/*\**/: url(/image/cn/r5/icon/icon_panel2_link.gif)\9;
	background-repeat: no-repeat;
	background-position: 198px 50%;
	background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-o-background-size: 20px 20px;
	-ms-background-size: 20px 20px;
}
ul.Panel2 li .Panel2Text a {
	display: block;
	padding-bottom: 7px;
	color: #333;
	font-size: 90%;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}
ul.Panel2 li .Panel2Text a:hover {
	text-decoration: underline;
	color: #333;
}
ul.Panel2 li .Panel2Text .text {
	display: block;
	color: #333;
	font-size: 83%;
	line-height: 140%;
}
ul.Panel2 li .Radius {
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	background-image: url(/image/cn/r5/bg_radius.png);
	background-repeat: no-repeat;
	overflow: hidden;
}
ul.Panel2 li .LT {
	top: 0;
	left: 0;
	background-position: 0 0;
}
ul.Panel2 li .RT {
	top: 0;
	right: 0;
	background-position: -5px 0;
}
ul.Panel2 li .LB {
	bottom: 0;
	left: 0;
	background-position: 0 -5px;
}
ul.Panel2 li .RB {
	bottom: 0;
	right: 0;
	background-position: -5px -5px;
}
.PageTitleStyle1 { margin: 0 0 15px; }
 h3 img {
	vertical-align: middle;
	margin-right: 10px;
}
#VerticalLocalNavi h2 a {
	padding: 8px 15px;
}
#VerticalLocalNavi li a {
	padding-top: 8px;
	padding-bottom: 8px;
}
.TitleStyle1,
.TitleStyle2 {
	position: relative;
	clear: both;
	overflow: hidden;
}
.TitleStyle2 h2 {
	margin: 0 0 25px 0;
	padding: 0;
	background-image: none;
}
.TitleStyle2 h2 img {
	position: relative;
}
.TitleStyle2 h2 span {
	margin: -56px 0 0 40px;
	padding: 10px 15px 10px 40px;
	zoom: 1;
}
.TitleStyle1 ul,
.TitleStyle2 ul {
	position: absolute;
	top: 10px;
	right: 15px;
	text-align :right;
}
.TitleStyle2 ul {top: 23px;}
.TitleStyle1 ul {width: 400px;}
.TitleStyle1 li,
.TitleStyle2 li {
	float: none;
	display: inline-block;
}
* html  .TitleStyle1 li { display: inline; }
*:first-child+html  .TitleStyle1 li { display: inline; }
.TitleStyle1 li {margin: 0 0 0 15px;}

p.TitleStyle1 {
	margin-bottom: 20px;
}

/* --- Panel3 --- */
ul.Panel3 > li {
	height: auto;
	min-height: 300px;
	margin-bottom: 10px;
}
ul.Panel3 > li > a {
	display: block;
	position: relative;
	background: #000;
	border-radius: 5px;
	overflow: hidden;
}
ul.Panel3 > li > a img {
	position: relative;
	opacity: 1;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  width: 100%;
}

ul.Panel3 > li > a:hover img {
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}


ul.Panel3 > li > a h3 {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	bottom: 0;
	background: url('/image/ml_portal/new_version/bg_column.png') left bottom repeat-x;
}

ul.Panel3 li a h3 span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px 10px;
	padding: 10px 0;
	border-top: 1px solid #969696;
	vertical-align: middle;
	color: #FFF;
	font-size: 92%;
	background-image: url(/image/cn/r5/icon/icon_panel_link_hd.png);
	background-image/*\**/: url(/image/cn/r5/icon/icon_panel_link.png)\9;
	background-repeat: no-repeat;
	background-position: right 55%;
	background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-o-background-size: 20px 20px;
	-ms-background-size: 20px 20px;
}
ul.Panel3 li a h3.offsite span {
	background-image: url(/image/ml_portal/icon/icon_panel_external_link.png);
}

ul.Panel3 li ul {
	margin: 10px 0;
}
ul.Panel3 li ul.ListStyle2 li {
	background: none;
	padding: 0;
}

/*       index.html->TopPage Navi
=====================================================*/
#GlobalNavi2 {
	position: relative;
	display: block;
	margin: -3px auto 0;
	background: #222 none repeat scroll 0 0;
	padding: 1px 0 0;
	clear: both;
	z-index: 99;
}
#GlobalNavi2 div {
	padding: 0px;
	background: #222;
	margin-bottom:15px;
}
ul#GlobalNaviTop2 li {
	background: url("/image/h1_en/bg_g_navi_top_l.gif") no-repeat scroll 0 0 #D7D7D7;
	float: left;
	margin: 0 3px 0 0;
}
ul#GlobalNaviTop2 li a {
	background: url("/image/h1_en/bg_g_navi_top_r.gif") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid #B6B6B6;
	display: block;
	float: left;
	padding: 5px 8px 7px;
	white-space: nowrap;
}
ul#GlobalNaviTop2 li.Current {
	background: url("/image/h1_en/bg_g_navi_top_l_on.gif") no-repeat scroll 0 0 #D3D3D3;
}
ul#GlobalNaviTop2 li.Current a {
	background: url("/image/h1_en/bg_g_navi_top_r_on.gif") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
	border: medium none;
	padding: 5px 8px 8px;
	text-decoration: none;
}
ul#GlobalNaviTop2 li.Current a em {
	font-style: normal;
}
ul#GlobalNaviTop2 li.Current a:link em {
	color: #08427C;
	text-decoration: underline;
}
ul#GlobalNaviTop2 li.Current a:visited em {
	color: #551A8B;
	text-decoration: underline;
}
ul#GlobalNaviTop2 li.Current a:hover em {
	color: #890000;
	text-decoration: underline;
}
ul#GlobalNaviTop2 li.Current a:active em {
	color: #890000;
	text-decoration: underline;
}
ul#GlobalNaviTop2 li.Current a strong {
	background-color: #3E3A39;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0 4px;
	text-decoration: none;
}
ul#GlobalNaviTop2 {
	width: 100%;
	position: relative;
	display: block;
	float: none;
	height: 58px;
	margin: 0 auto 0;
	padding: 0 2px 0 0;
	font-size: 100%;
	z-index: 10;
}
ul#GlobalNaviTop2 .tempNavi {
	display: none;
}
ul#GlobalNaviTop2 li {
	margin: 0;
	padding: 0 0 0 2px;
	width: 136px;
	height: 57px;
	background: url("/image/ml_portal/mlp/global_navi_bg.gif") 0 0 repeat-y;
	border-bottom: 1px solid #222;
	text-align: center;
}
ul#GlobalNaviTop2 li a {
	float: none;
	padding: 0;
	width: 100%;
	height: 57px;
	line-height: 57px;
	text-align: center;
	background: none;
	text-decoration: none;
	background-color: #222;
	background-image: url("/image/ml_portal/mlp/global_navi.gif");
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: 0;
}

ul#GlobalNaviTop2 li.navi1 a {
	background-position: center -58px;
}
ul#GlobalNaviTop2 li.navi2 a {
	background-position: center -176px;
}
ul#GlobalNaviTop2 li.navi3 a {
	background-position: center -294px;
}
ul#GlobalNaviTop2 li.navi4 a {
	background-position: center -412px;
}
ul#GlobalNaviTop2 li.hover a {
	background-color: #444;
}
ul#GlobalNaviTop2 li a span {
	color: #FFF;
	display: none;
}
ul#GlobalNaviTop2 li span.arrow {
	position: relative;
	top: -8px;
    top:-11px; /* IE7 */
	display: none;
	width: 100%;
	height: 8px;
	background-image: url("/image/ml_portal/mlp/icon/icon_globalnavi_arrow.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
	z-index: 6;
}
ul#GlobalNaviTop2 li.hover span.arrow {
	display: block;
}
ul#GlobalNaviTop2 li div.PullMenu {
	display: block;
	position: absolute;
	height: 0px;
	width: 925px;
	padding: 0 0 0 40px;
	margin:0;
	left: 0;
	top: 57px;
	background: url("/image/ml_portal/mlp/pullup_bg.png") 0 0 repeat;
	overflow: hidden;
	z-index: 1;
}
 ul#GlobalNaviTop2 li {
	width: 239px;
}
 div#GlobalNavi2 {
	width: 100%;
}
 ul#GlobalNaviTop2 li.navi1 a {
	background-position: center top;
}
 ul#GlobalNaviTop2 li.navi2 a {
	background-position: center -118px;
}
 ul#GlobalNaviTop2 li.navi3 a {
	background-position: center -236px;
}
 ul#GlobalNaviTop2 li.navi4 a {
	background-position: center -354px;
}
 ul#GlobalNaviTop2 li span.arrow {
	top: auto;
	height: 7px;
	background-position: top center;
	margin-top: -7px;
}
ul#GlobalNaviTop2 li div.PullMenu {
	top: auto;
	bottom: 58px;
}
ul#GlobalNaviTop2 li div.PullMenu h2,
ul#GlobalNaviTop2 li div.PullMenu h2 span,
ul#GlobalNaviTop2 li div.PullMenu h2 a,
ul#GlobalNaviTop2 li div.PullMenu h3,
ul#GlobalNaviTop2 li div.PullMenu h3 a {
	clear: both;
	float: left;
	display: block;
	border: 0;
	height: auto;
	width: auto;
	background: none;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #FFF;
}
ul#GlobalNaviTop2 li div.PullMenu h2 {
	display: block;
	width: 90%;
	clear: both;
	margin: 10px 0 0;
	padding: 0 5px 0 0;
}
ul#GlobalNaviTop2 li div.PullMenu h2 span a,
ul#GlobalNaviTop2 li div.PullMenu h2 span a {
	padding: 0 35px 0 0;
	background: url("/image/ml_portal/mlp/icon/icon_pullmenu_h2_link.gif") center right no-repeat;
	font-size: 100%;
	line-height: 2.5;
}
ul#GlobalNaviTop2 li div.PullMenu h3 a,
ul#GlobalNaviTop2 li div.PullMenu h3 a {
	margin: 5px 0 0;
	padding: 0 25px 0 0;
	font-size: 83%;
	line-height: 1.5;
	background: url("/image/ml_portal/mlp/icon/icon_pullmenu_h3_link.gif") center right no-repeat;
}
ul#GlobalNaviTop2 li div.PullMenu div {
	background: none;
	width: auto;
	float: left;
}
ul#GlobalNaviTop2 li.navi1 div.PullMenu div.part1 {
	width: 26%;
}
ul#GlobalNaviTop2 li.navi1 div.PullMenu div.part2 {
	width: 74%;
}
ul#GlobalNaviTop2 li div.PullMenu ul {
	clear: both;
	width: 100%;
	top: 0;
	left: 0;
	display: block;
	padding: 5px 0 0;
}
ul#GlobalNaviTop2 li div.PullMenu ul li {
	display: inline-block;
	width: 205px;
	padding: 0;
	margin: 0 15px 8px 0;
	background: none;
	text-decoration: none;
}
ul#GlobalNaviTop2 li div.PullMenu ul li a {
	display: block;
	background: none;
	padding: 0;
	color: #FFF;
}

/*       index.html->TopPage News
=====================================================*/
#TopNewsArea {
	width: 100%;
	margin: 0 0 20px;
}
#TopNewsArea ul#Tabs {
	display: block;
	clear: both;
	height: 41px;
}
#TopNewsArea ul#Tabs li {
	display: block;
	float: left;
	border: 1px solid #CCC;
	margin-top: 4px;
}
#TopNewsArea ul#Tabs li a {
	display: block;
	height: 36px;
	text-align: center;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: 900;
	color: #101010;
	letter-spacing: 0.2em;
	line-height: 36px;
	background: url("/image/ml_portal/mlp/btn/btn_news_bg.gif") top center no-repeat;
}
#TopNewsArea ul#Tabs li.firstTab {
	width: 430px;
}
#TopNewsArea ul#Tabs li.secondTab {
	width: 430px;
}
#TopNewsArea ul#Tabs li.firstTab a {
	background: url("/image/ml_portal/mlp/btn/btn_news_bg.gif") right top no-repeat;
	height: 36px;
}
#TopNewsArea ul#Tabs li a:hover {
	background: #FFF;
	background: url("/image/ml_portal/mlp/btn/btn_news_bg.gif") bottom 0 no-repeat;
}
#TopNewsArea ul#Tabs li.current {
	border-bottom: 0;
}
#TopNewsArea ul#Tabs li.current a {
	background: #FFF;
	height: 38px;
}
#TopNewsArea .TabContents {
	display: block;
	border: 1px solid #ccc;
	background: #FFF;
}
#TopNewsArea .TabContents dl {
	margin: 20px 40px 0;
}
.more {
	position: absolute;
	float: right;
	width: 78px;
	border: 0;
	margin: -38px 0 0 886px;
}
.more a {
	display: block;
	background-image: url("/image/ml_portal/mlp/btn/btn_news_more.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	width: 78px;
}
.more a:hover {
	background-position: 0 -30px;
}
.more a span {
	display: none;
}
#TopNewsArea .TabContents {
	display: none;
}
#TopNewsArea div.current {
	display: block;
}
#TopNewsArea h3 {
	display: none;
}
.NewsBlockStyle {
	display: block;
	margin: 20px 40px 0;
}
.TopLeftStyle {
	float: left;
	width: 400px;
	padding: 0 40px 0 0;
	margin: 0 0 5px 0;
}
.TopRightStyle {
	float: left;
	width: 400px;
	border-left: solid 1px #CCCCCC;
	padding: 0 0 0 40px;
}
/*news sup*/
.note {
	color: #b1000e;
}

.CatchCopy {
	font-size: 120%;
}

/*       products.html
=====================================================*/
.ImgW100SetStyle p.Img {
	float: left;
	width: 100px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
.ImgW100SetStyle div.ImgSet {
	float: left;
}
.Grid4 div.ImgW100SetStyle div.ImgSet {
	width: 650px;
}


/*        products.html->CaseStudy
=========================================================================================== */
#products .CaseStudyStyle {
	-moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
	overflow:hidden;
	background-color:#f2f2f2;
	padding:20px;
	width:auto;
	position:relative;
	margin:0 -15px;
	clear:both;
}
#products .CaseStudyStyle .leftSet {
	-moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
	display:block;
	float:left;
	width:50%;
	padding:0 15px 0 0;
}
#products .CaseStudyStyle .RightSet {
	display:block;
	float:right;
	width: 50%;
}
#products .CaseStudyStyle .RightSet h2 {
	background:none;
	margin:0;
	padding:0;
}
#products .CaseStudyStyle .RightSet h2 span {
	padding:0 0 10px;
}
#logo-css {
	position: absolute;
	width: 15%;
	top: 10%;
	right: 4%;
	z-index: 9999;
}
.product_top_menu a:link {
	color: #fff;
	text-decoration: none;
}
.product_top_menu a:visited {
	color: #fff;
	text-decoration: none;
}
.product_top_menu a:hover {
	text-decoration: none;
}
.product_top_menu a {
	text-decoration: none;
}
.product_top {
	width: 965px;
	height: 676px;
	position: relative;
}
.product_top_menu {
	width: 966px;
	height: 136px;
	background: url("/image/ml_portal/products_services/menu_bg_03.jpg") no-repeat;
	position: relative;
}
.product_top_menu li {
	width: 207px;
	height: 67px;
	text-align: center;
	float: left;
	font-size: 18px;
	color: #FFF;
	line-height: 67px;
	cursor: pointer;
}
.product_top_menu li p {
	font-size: 12px;
}
.product_top_menu li.on {
	background: #e60027 url("/image/ml_portal/products_services/xsjt_09.jpg") no-repeat center 10px;
}
.pr_top {
	overflow: hidden;
	width: 966px;
	height: 290px;
}
.pr_top ul {
	position: relative;
}
.pr_top ul li {
	position: absolute;
	top: 0;
	width: 966px;
	height: 290px;
}
.pr2_top {
	float: left;
	width: 623px;
	height: 200px;
	overflow: hidden;
}
.pr2_top ul {
	position: relative;
}
.pr2_top ul li {
	position: absolute;
	top: 0;
	width: 623px;
	height: 200px;
}
.pr3_top {
	float: left;
	width: 342px;
	height: 200px;
	overflow: hidden;
}
.pr3_top ul {
	position: relative;
}
.pr3_top ul li {
	position: absolute;
	left: 0;
	width: 342px;
	height: 200px;
}
.pr4_top {
	width: 966px;
	height: 50px;
	overflow: hidden;
}
.pr4_top ul {
	position: relative;
}
.pr4_top ul li {
	position: absolute;
	top: 0;
	width: 966px;
	height: 50px;
}
.product_case {
	width: 965px;
	height: 160px;
	background: #efefef;
	margin: 30px auto 50px auto;
}
.product_case .tp_left {
	float: left;
	width: 419px;
	height: 105px;
	border: 1px solid #d3d3d3;
	padding: 9px;
	background: #FFF;
	margin-left: 14px;
	margin-top: 18px;
}
.product_case .tp_right {
	float: right;
	width: 484px;
	height: 138px;
	margin-top: 18px;
	padding-right: 16px;
}
.product_case .tp_right h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
.product_case .tp_right p {
	font-size: 14px;
	margin-top: 8px;
}
.product_case .tp_right h5 {
	font-size: 14px;
	text-align: right;
}
.product_case .tp_right h5 a {
	color: #b1000e;
	text-decoration: underline;
}


/*        about.html
=========================================================================================== */
.Identitych {
	width:100%;
}
.Identitych h2 {
	background: none;
}
.Identitych span {
	background: none;
	padding: 10px 0;
}
.Identitych ul.LinkListStyle1 {
	margin: 60px 0 0 0;
}
.Identitych ul.LinkListStyle1 li.button {
	background: url("/image/ml_portal/about/button.gif") no-repeat 0 0 scroll;
	width: 130px;
	height: 30px;
}
.Identitych ul.LinkListStyle1 li.button a {
	color: #FFF;
	text-decoration: none;
	padding: 0 15px;
}
.Identitych ul.sp {
	clear: both;
	margin: 5px 0 0 0;
}
.Identitych ul.sp li {
	float: left;
	margin: 0 20px 0 0;
}
#Corporate h3 {
    position: relative;
}
#Corporate .h3Sub {
	position: absolute;
	top: 2px;
	right: 0;
	color: #333;
	font-size: 83%;
	font-weight: normal;
}
.ImgW120SetStyle p.Img {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 0 15px;
    /* width: 120px; */
    width: 240px;
}
.ImgW120SetStyle div.ImgSet {
    float: left;
    margin-left: 0;
    width: 585px;
}

/*update2017.4.12 -- about\global\index.html*/
.ImgW180SetStyle .Img{
	width: 170px
}
.ImgW180SetStyle .ImgSet ul,
.ImgW180SetStyle .ImgSet p {
	margin-left:170px;
}
/*update2017.4.12*/

table.TableStyle3 .pre {
    white-space: pre;
}
#Corporate ul.Panel li.Column1 img{
	width: 100%;
	height: auto!important;
}
#Corporate ul.Panel li div.Inner {height: 20em;}

/*        network.html->HCH&GROUP
=========================================================================================== */
#Area {
	display: block;
	clear: both;
}
#keywordSearch {
	margin: 20px 0;
	font-size: 83%;
}
#wordFilter {
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: 83%;
}
#keywordSearch span.clear {
	display: none;
	position: relative;
	margin-left: -25px;
	width: 12px;
	height: 12px;
	padding: 5px;
	line-height: 0;
	cursor: pointer;
}
#Area li {
	float: left;
	background: none;
	font-size: 90%;
	padding: 0;
	margin: 0 4px 0 0;
}
#Area li a {
	display: block;
	color: #FFF;
	padding: 3px 6px;
	text-decoration: none;
	background: #CCC;
}
#Area li.on a {
	display: block;
	color: #FFF;
	padding: 3px 6px;
	text-decoration: none;
	background: #666;
}
#Area li a:hover {
	background: #000;
}
#Lists .ClearFix {
	margin: 0 0 20px;
}
#Lists ul {
	list-style: none;
	margin: 0 0 20px;
}
#Lists ul li {
	display: block;
	width: 40%;
	margin: 0 8% 5px 0;
	float: left;
}
#Lists ul li span {
	display: none;
	float: right;
	color: #ddd;
}
#Lists ul li.hide {
	display: none;
}
#Lists ul li span.highlight {
	color: #900;
	display: inline;
	float: none;
}
#Lists ul li span span.highlight {
	color: #ddd;
}
#filterCount {
	margin: 0 10px;
}
#network .LeftStyle {
	width: 478px;
	float: left;
}
.TableWidthStyle {
	width: 100px;
}
#network .areaSearch {
	width: 270px;
	height: 60px;
	background: #E5E5E5 url("/image/ml_portal/network/search/shaixuan.jpg") 20px center no-repeat;
	display: block;
	float: left;
}
#network .areaSearch p span {
	display: none;
}
#network .sele {
	background: url("/image/ml_portal/network/search/location1.jpg") no-repeat;
	display: inline-block;
	width: 140px;
	height: 40px;
	position: relative;
	left: 120px;
	top: 10px;
}
.loca1 {
	position: relative;
	left: 48px;
	top: 12px;
	font-size: 80%
}
/* network group result search right */
#network .keywordSearch {
	display: block;
	width: 674px;
	height: 60px;
	background: #BFBFBF url("/image/ml_portal/network/search/shaixuan2.jpg") 40px center no-repeat;
	float: left;
	margin: 0 0 0 21px;
}
#network .keywordSearch p span {
	display: none;
}
#network #keywordSearch {
	position: relative;
	margin: 0;
	padding: 10px;
}
#network #keywordSearch span.clear {
	position: absolute;
	display: none;
	right: 15px;
	width: 30px;
	height: 40px;
	margin: 0;
	padding: 0;
	line-height: 40px;
	text-align: center;
	background: url("/image/ml_portal/network/search/icons.gif") -10px -138px no-repeat;
}
#network #wordFilter {
	padding: 0 55px 0 40px;
	width: 408px;
	height: 40px;
	border: 1px solid #ccc;
	font-size: 100%;
	position: relative;
	left: 150px;
	border: 0;
	line-height: 40px;
	background: #FFF url("/image/ml_portal/network/search/icons.gif") -5px -94px no-repeat;
}
#network .listbgstyle {
	background: #E5E5E5;
	display: block;
	float: left;
	width: 965px;
}
#network .searchResult {
	width: 410px;
	height: 29px;
	margin: 10px auto 30px;
	background: url("/image/ml_portal/network/search/resultbg.gif") 5% 50% no-repeat;
	text-align: center;
	line-height: 5px;
	font-size: 80%;
	font-weight: bold;
}
#network .searchResult p {
	top: 7px;
}
#network ul#selector {
	display: block;
	width: 100%;
	margin: 10px 10px 0 0;
}
#network ul#selector li {
	display: block;
}
#network ul#selector li a.area {
	display: block;
	margin: 0 0 0 115px;
	text-align: center;
	font-size: 83%;
	line-height: 2;
	width: 140px;
	height: 40px;
	cursor: pointer;
	border-bottom: 10px solid #e5e5e5;
	background: #f9f9f9 url("/image/ml_portal/network/search/icons.gif") -5px -3px no-repeat;
}
#network ul#selector li a.area:hover {
	text-decoration: none;
}
#network ul#selector li a.area span {
	display: block;
	width: 100%;
	line-height: 40px;
}
#network ul#selector li.hover a.area span {
	color: #900;
	background: url("/image/ml_portal/network/search/icons.gif") right -48px no-repeat;
}
#network ul#selector ul.myListStyle {
	display: none;
	position: absolute;
	z-index: 5;
	background: #fff;
	border: 10px solid #e5e5e5;
	padding: 15px;
	width: 915px;
}
#network ul#selector ul.myListStyle li {
	display: block;
	float: left;
	font-size: 79%;
	margin: 0;
}
#network ul#selector ul.myListStyle li a {
	display: block;
	margin: 0 5px 0 0;
	padding: 2px 3px;
	line-height: 1.5;
}
#network ul#selector ul.myListStyle li a:link {
	color: #000;
	text-decoration: none;
}
#network ul#selector ul.myListStyle li a:hover {
	background-color: #CCC;
}
#network ul#selector ul.myListStyle li.on a {
	background: #900;
	color: #FFF;
	padding: 2px 3px;
}
#network .searchResult {
	display: none;
}
#network #Lists {
	margin: 20px 0;
}
#network #Lists ul li.hide {
	display: none;
}
#network #Lists ul li span.highlight {
	color: #900;
	display: inline;
	float: none;
}
#network Lists ul li span span.highlight {
	color: #ddd;
}
#network #filterCount {
	line-height: 2.5;
}
#network #filterCount strong {
	color: #900;
}

/* Network_Tab & BaiduMap*/
#corpInfo {
	display: block;
	position: relative;
	width:100%;
}
#corpInfo #allmap {
	border: 5px solid #DDD;
	font-size: 90%;
	height: 600px;
	padding: 3px;
	width: auto;
	position: relative;
}
#corpInfo .Section {
	display: none;
}
.TabControl {
	background:url("/image/ml_portal/mlp/googlemap_bg.png") no-repeat 0 0 scroll;
	font-size: 79%;
	width: 240px;
	height: 260px;
	padding: 5px;
	right: 2px;
	top: 10px;
	position: absolute;
	z-index:1;
}
.TabControl li {
	float: left;
	clear: both;
	margin: 4px 4px 0;
}
.TabControl li a {
	color: #000000;
	display: block;
	padding: 0 5px;
	line-height: 25px;
	text-decoration: none;
}
.TabControl li a:hover {
	background: none repeat scroll 0 0 #EFEFEF;
	color: #000000;
}
.TabControl li.current a {
	background: none repeat scroll 0 0 #A5A4A4;
	color: #FFFFFF;
}
#titleStyle {
	background: none;
	height: 30px;
	width: 260px;
}
#titleStyle span {
	margin: 0 0 0 -20px;
}
#allmap .BMap_bubble_content strong {
	line-height: 2;
}
#allmap .BMap_bubble_content .iw_poi_content {
	line-height: 1.4;
	font-size: 85%;
}
#allmap .BMap_pop {
	margin-bottom: -20px;
}
.baiduMap {
	width: auto;
	height: 460px;
	display: block;
	margin: 0 0 20px;
}


/*        brandchannel.html
=========================================================================================== */
#video .VideoBanner {
	clear:both;
	overflow:hidden;
	width:100%;
	height:auto;
	background-color:#b1010e;
}
#video .VideoBanner .BannerBackground {
	display:block;
	width:auto;
	height:100%;
	float:left;
	margin:30px 0 0 45px;
	color:#FFF;
}
#video .VideoBanner .BannerBackground h2 {
	margin:0;
	padding:0;
	font-size:130%;
	background:none;
}
#video .VideoBanner .BannerBackground h2 span {
	background:none;
	padding:0;
	margin:0;
	color:#FFF;
}
#video .VideoBanner .BannerBackground p {
	font-size:120%;
}
#video .VideoBanner .BannerPic {
	display:block;
	float:right;
}
#video .VideoBanner .BannerPic .ImgOnlyStyle,
#video .VideoBanner .BannerPic .ImgOnlyStyle img {
	margin:0;
}

#video .ColumnSet {
	width: auto;
	margin-left: -15px;
	overflow: hidden;
}
#video .Column1 .img a {
    width: 100%;
}
#video .Column1 .img img{
    width: 100%;
}

#video ul.Panel2 li .Panel2Text {
	background-position: 96% 50%;
}

#video .ColumnSet .Column1 .ImgOnlyStyle {
	margin: 0;
}
#video .ColumnSet .Column1 .ImgOnlyStyle .img img{
	margin: 0;
}

 /*update [Add 2017.10.24]
=========================================================================================== */
#Footer p.recordFiling{
	margin-top: 10px
}
.FatMenuLink{
	overflow: auto;
}
.FatMenuList{
	font-size: 12px;
	padding:10px 15px;
}
.FatMenuList li a{
	color:#333;
	text-decoration: none
}
.FMGrid2 .FatMenuList li{
	float: left;
	width: 33%
}
.FMGrid3 .FatMenuList li{
	float: left;
	width: 33%
}
.FatMenu{
	padding-bottom: 10px
}
 .wechat {
 	text-align: center;
 	margin-top: 15px;
 	font-size: 69%;
 	display: inline-block;
 }

 .wechat .FloatLeft {
 	float: left;
 	margin-right: -2px;
 }

 .wechat img {
	 width: 100px;
	 margin-left: 12px;
 }
 .wechat span {
	 display: block;
}

 .wechatCenter {
	 margin-top: 30px;
	 margin-bottom: 30px;
 	text-align: center;
 }

 .wechat .Section {
	padding: 5px 32px 5px 20px;
	 text-align: center;
	 margin: 0 auto;
 }

 .wechatCenter .wechat .Section:nth-child(1),
 .wechatCenter .wechat .Section:nth-child(2),
 .wechatCenter .wechat .Section:nth-child(3){
 	border-right: #eee 1px solid;
 }

#BrandingCtrl .brandSlider_nav{
    background: url(../../../image/ml_portal/new_version//btn_slider_controler.png) left center no-repeat;
    width: 40px;
    height: 52px;
    left: 0;
    top: 48%;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    z-index: 11;
    opacity: .7
}
#BrandingCtrl .brandSlider_nav.next {
    background-position: right center;
    left: auto;
    right: 0;
}
#BrandingCtrl .brandSlider_nav:hover{
	opacity: 1
}
#FatBannerCtrl{
	width: 965px;
    margin: 0 auto;
    position: relative;
}
#FatBannerCtrl .brandSlider_nav{
    background:#dedede url(../../../image/ml_portal/new_version//btn_slider_controler.png) -310px 45px no-repeat;
    width: 16px;
    height: 142px;
    left: -35px;
    top: 48%;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    z-index: 11;
}
#FatBannerCtrl .brandSlider_nav.next {
    background-position: -749px 45px;
    left: auto;
    right: -35px;
}
#FatBannerCtrl .brandSlider_nav:hover{
	background-color: #969696
}