@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
=====================================================*/
 /* --- Panel --- */
 
 *:first-child+html ul.Panel {
     margin-bottom: 15px;
 }
 
 ul.Panel li {
     position: relative;
     width: 280px;
     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:hover {
     background-color: #e60027;
 }
 
 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; */
     height: 18.6em;
 }
 
 ul.Panel li a {
     display: block;
     zoom: 1;
 }
ul.Panel li a img {
   width:100%;
}
 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/icon/icon_panel_link_hd.gif");
     background-image/*\**/
     : url("../../image/icon/icon_panel_link.gif");
     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/icon/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/icon/icon_panel2_link_hd.gif");
     background-image/*\**/
     : url("../../image/icon/icon_panel2_link.gif");
     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/icon/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;
 }
 /*       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/icon/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/icon/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/icon/bg_g_navi_top_l_on.gif") no-repeat scroll 0 0 #D3D3D3;
 }
 
 ul#GlobalNaviTop2 li.Current a {
     background: url("../../image/icon/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/icon/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/icon/global_navi.png");
     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/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: 980px;
     padding: 0 0 0 40px;
     margin: 0;
     left: 0;
     top: 57px;
     background: url("../../image/icon/pullup_bg.png") 0 0 repeat;
     overflow: hidden;
     z-index: 1;
 }
 
 ul#GlobalNaviTop2 li {
     width: 289px;
 }
 
 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/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/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;
     width: 500px;
     margin: 0 auto;
     padding-bottom: 10px;
 }
@media screen and (max-width: 500px) {
    .JS #TopNewsArea {
        width: 100%;
    }

    #TopNewsArea ul#Tabs {
        height: 83px;
        width: 100%;
    }

    .JS #TopNewsArea ul#Tabs li {
        width: 48%;
    }
}

#TopNewsArea ul#Tabs li {
    display: block;
    float: left;
    border: 1px solid #CCC;
    margin-top: 4px;
    margin-right: 2px;
}
 
 #TopNewsArea ul#Tabs li a {
     display: block;
     height: 36px;
     font-family: Airal, '微软雅黑', 'Simsun';
     text-align: center;
     font-size: 1.2em;
     text-decoration: none;
     font-weight: 900;
     color: #101010;
     letter-spacing: 0.2em;
     line-height: 36px;
     height: 38px;
 }
 
 #TopNewsArea ul#Tabs li.firstTab {
     width: 120px;     
 }
 
 #TopNewsArea ul#Tabs li.secondTab {
     width: 120px;
 }
 
 #TopNewsArea ul#Tabs li.firstTab a {
     background: url("../../image/icon/btn_news_bg.gif") right top no-repeat;
     height: 36px;
 }
 
 #TopNewsArea ul#Tabs li a:hover {
     background: #FFF;
     background: url("../../image/icon/btn_news_bg.gif") bottom 0 no-repeat;
 }
 
 #TopNewsArea ul#Tabs li.current {}
 
 #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: -50px 0 0 1086px;
 }
 
 .more a {
     display: block;
     background-image: url("../../image/icon/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: 96%;
     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;
 }
 
 
 /*       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/icon/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/icon/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/icon/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;
 }
 
 .ImgW120SetStyle div.ImgSet {
     float: left;
     margin-left: 0;
     width: 585px;
 }
 /*update2016.11.10*/
 
 .ImgW180SetStyle .ImgSet ul,
 .ImgW180SetStyle .ImgSet p {
     margin-left: 200px;
 }
 /*update2016.11.10*/
 
 table.TableStyle3 .pre {
     white-space: pre;
 }
 
 #Corporate ul.Panel li.Column1 {
     height: 22em;
 }
 
 #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/icon/shaixuan.jpg") 20px center no-repeat;
     display: block;
     float: left;
 }
 
 #network .areaSearch p span {
     display: none;
 }
 
 #network .sele {
     background: url("../../image/icon/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/icon/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/icon/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/icon/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/icon/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/icon/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/icon/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/icon/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;
 }