@charset "utf-8";

/*-- Global style --*/
body { font-size: 12px;
font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
}
a { color: #4c4c4c; }
a:hover { color: #333; text-decoration: underline; }

/*-- 
 Web color
 gray : #4c4c4c;
 black : #000; 
--*/



/*-- ui-loading --*/
.ui-loading { overflow: hidden; }
.ui-loading img { transition: all .3s ease-in; }
.ui-loading:hover img { transform: scale(1.1); }


/*-- The elements margin --*/
.m-t12 { margin-top: 12px; }
.m-b12 { margin-bottom: 12px; }
.m-t24 { margin-top: 24px; }
.m-t35 { margin-top: 35px; }
.m-t40 { margin-top: 40px; }


/*-- The elements list --*/
.item-box { bottom: 0; left: 0; width: 318px; height: 120px; padding-left: 60px; border-top: 3px solid #193b6d; background: #f2f2f2; overflow: hidden; }
.item-box-new { height: 240px; border-top: 3px solid #193b6d; }
.item-photo { height: 135px; background: #ddd; }
.item-box-new .item-box { border-top: none; background: #193b6d; }
.item-box-new .item-title,
.item-box-new .item-title a { height: 24px; color: #fff; }
.item-box-new .item-sketch a { color: #899ab3; }
.item-box-new .item-sketch a:hover,.bulletin-new-info .item-sketch a:hover { color: #fff; }
.item-datetime { top: 0; left: 12px; width: 35px; height: 40px; padding: 5px 0; line-height: 1.8; color: #000; }
.item-box .item-datetime { text-align: center; }
.item-box-new .item-datetime { background: #193b6d; color: #fff; }
.item-month { text-transform: uppercase; }
.item-day { font: 18px/1 "微软雅黑"; }
.item-title { font-size: 14px; overflow: hidden; }
.item-title a { color: #000; *font-weight: bold; }
/*.item-title a:hover,.home-event-item-title a:hover,.hot-event-title a:hover,.release-info-title a:hover,.location a:hover.location-home,.photo-title a:hover { font-weight: bold; }*/
.item-sketch { padding-right: 12px; }
.item-sketch a,
.item-sketch { color: #666; line-height: 1.6; }
/*.item-sketch a:hover,.hot-event-sketch a:hover,.ourproduct-list-info a:hover,.footmenu ul li a:hover,.location a:hover,.photo-sketch a:hover { color: #000; }*/
.item-more { bottom: 15px; left: 60px; }

/*- The icon about more button ---*/
.ui-more { padding-left: 20px; color: #193b6d; line-height: 13px; }
.ui-more span { top: 1px; left: 0; width: 13px; height: 13px; background: url(/Images/icon.png) no-repeat 0 -40px; }
.ui-more:hover { color: #193b6d; }
.ui-more-white { color: #fff; }
.ui-more-white span { background: url(/Images/icon.png) no-repeat -27px -40px; } 
.ui-more-white:hover { color: #fff; }

/*-- The elements photo list --*/
.photo-box { border-top: 2px solid #193b6d; border-bottom: 1px solid #f2f2f2; padding-bottom: 12px; }
.photo-image { height: 158px; background: #ddd; }
.photo-title { font-size: 14px; }
.photo-title span { margin-right: 12px; }
.photo-sketch { color: #666; line-height: 1.6; }
.photo-title,
.photo-title a { color: #000; }
.photo-sketch,
.photo-sketch a { color: #666; }


/*-- Content title --*/
.content-title { margin-bottom: 20px; }
.content-title h2 { display: inline; padding-bottom: 3px; border-bottom: 1px solid #193b6d; font-weight: normal; font-size: 14px; color: #193b6d; }
.content-title h2 a { color: #193b6d; font-size:16px; }
.content-title h2 a:hover { text-decoration: none; }


/*-- The short line --*/
.ui-short-line { width: 25px; height: 1px; background: #193b6d; font: 0/0 Arial; overflow: hidden; *zoom: 1; }


/*-- Index --*/

#topbar { z-index: 20; height: 40px; padding-right: 200px; background: url("/images/bg/tophbg.png") repeat-x; color: #fff; }
#topbar a { color: #fff; }
#topbar div { margin-left: 20px; line-height: 40px;}
#topbar div span { margin: 0 8px; }
#topbar input { border: none; background: none; }
.search { width: 169px; height: 20px; margin-top: 6px; background: url(/Images/icon.png) no-repeat 0 -10px; }
#topbar .topbar-search { width: 135px; height: 20px; padding-left: 10px; line-height: 20px; }
#topbar .topbar-submit { width: 20px; height: 20px; background: url(/Images/icon.png) no-repeat -175px -10px; _cursor: pointer; }


#header { z-index: 20; height: 80px; padding-top: 16px; background: #fff; width: }
.logo a { display: block; width: 400px; height: 80px; background: url(/Images/logo.png) no-repeat; text-indent: -9999px; line-height: 80px; margin-top:-25px;}
.logo2 a { display: block; width: 500px; height: 80px; background: url(/Images/logo.png); text-indent: -9999px; line-height: 70px; margin-top:-15px;}

.navbar li { float: left; height: 80px; line-height: 80px; }
.navbar li a { padding-left: 35px; color: #193b6d; font-size: 17px; *font-weight: normal; font-family:"微软雅黑";}
.navbar li a:hover { color: #68b92e; text-decoration: none; }



#submenu { top: -126px; right: 0; left: 0; z-index: 10; height: 226px; background: #f2f2f2; background-image:url(/Images/nav/submenubg.png); box-shadow: 0 0 10px rgba(0,0,0,.7); }
.submenu-item { display: none; }
#submenu a { color: #193b6d; }
#submenu a:hover { color: #68b92e; }
.submenu-photo { width: 302px; height: 148px; background: #ddd; }
.submenu-info { margin-left: 332px; }
.submenu-info-cn { font-size: 16px; }
.submenu-info-en { margin-top: 5px; font: 24px/1 "constan"; }
.submenu-info-en a { font: 16px/1 "constan"; font-weight: normal; }
.submenu-information { line-height: 1.6; color: #797979; }
.submenu-nav { width: 364px; _position: relative; _overflow: hidden; }
.submenu-nav-row { _position: relative; _left: -20px; _width: 444px; margin: 0 -20px; _margin: 0; *zoom : 1; }
.submenu-nav li { float: left; width: 162px; margin: 0 20px; height: 35px; }
.submenu-nav li a { display: block; font-size:15px; padding-bottom: 3px; border-bottom: 1px solid #dcdfe4; }
.submenu-nav li a:hover { text-decoration: none; }

#banner { height: 454px; background: #ccc; }
.banner-photo { height: 454px; overflow: hidden; }
.banner-photo img { display: none; position: absolute; top: 50%; left: 50%; margin: -227px 0 0 -960px; }
.banner-photo img:first-child { display: block; }
.banner-page { bottom: 0; left: 0; width: 100%; height: 30px; text-align: center; }
.banner-page span { display: inline-block; width: 8px; height: 8px; margin: 0 5px; background: #fff; border-radius: 50%; font: 0/0 Arial; cursor: pointer; }
.banner-page span:hover,
.banner-page span.active { background: #6c3; }

#wrapper { min-height: 500px; }
.section-header h1 { font: 18px/1 "constan", "微软雅黑"; }
.section-header h1 span { margin-left: 12px; font-size: 14px; color: #6c3; }

.news-section { margin-top: -20px; }
.news-section .news .content-title { margin-top: 20px; }
.home-news .item-photo { height: auto; }
.home-news .item-box { width: 304px; background: none; _background: #f2f2f2 !important; }
.home-news-box .item-title a,.home-news-box .item-sketch a:hover { color: #000; }
.home-news-box .item-sketch a { color: #666; }

.hot-event-photo { height: 110px; background: #ddd; }
.hot-event-title { font-size: 14px; line-height: 1; }
.hot-event-title a { color: #c00; }
.hot-event-sketch a { color: #666; line-height: 1.6; }

.home-event-item { height: 87px; }
.home-event-item-photo { width: 98px; height: 87px; background: #ddd; }
.home-event-item-info { margin-left: 118px; }
.home-event-item-title a { color: #000; }
.home-event-item-sketch a { color: #666; }
/*.home-event-item-sketch a:hover { color: #000; }*/

.release-menu { height: 30px; text-align: center; font-size: 14px; }
.release-title { height: 30px; line-height: 30px; }
.release-prev,
.release-next { top: 0; width: 30px; height: 30px; cursor: pointer; background: #6c3; font: 16px/30px "宋体"; color: #fff; }
.release-prev { left: 0; }
.release-next { right: 0; }
.release-menu .active { background: #6c3; }
.release-container { height: 220px; }
.release-item { width: 292px; }
.release-photo { height: 132px; background: #ddd; }
.release-info-title a { color: #193b6d; }
.release-info-title div { margin-top: 5px; }
.release-info-sketch { line-height: 1.6; }

.ourproduct { position: relative; z-index: 10; height: 86px; }
.ourproduct-title { width: 74px; height: 56px; padding: 15px 8px; background: #6c3; color: #fff; }
.ourproduct-title-cn { font: 14px/1.2 "微软雅黑"; }
.ourproduct-title-en { font: 16px/1.2 "constan"; text-transform: uppercase; }
.ourproduct-list-title { font-size: 13px; }
.ourproduct-list { margin-left: 90px; _margin-left: 85px; width: 178px; _width: 183px; padding: 12px; overflow: hidden; background: #f2f2f2; }
.ourproduct-list-info li { height: 22px; line-height: 22px; }
.ourproduct-list-info a { color: #666; }
.ourproduct-list-icon { right: 8px; bottom: 8px; width: 13px; height: 8px; background: url(/Images/icon.png) no-repeat -94px -46px; cursor: pointer; }

#aside { height: 247px; margin-top: 0px; padding-top: 50px; background: #f2f2f2 url(/Images/footer-bg.jpg) repeat-x top; }
.footmenu { width: 860px; overflow: hidden; }
.footmenu-container { width: 920px; }
.footmenu ul { width: 16%; }
.footmenu ul li { height: 22px; }
.footmenu ul li a { color: #666; }
.footmenu ul li.footmenu-item-first { margin-bottom: 12px; }
.footmenu ul li.footmenu-item-first a { font-weight: bold; color: #193b6d; }
.share li { zoom: 1; padding-left: 50px; }
.share li a { display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #dcdfe4; }
.share li a:hover { opacity: 1!important; filter: alpha(opacity=100)!important; color: #000!important; }
.share li a span { display: block; top: 0; left: 0; width: 40px; height: 40px; background: url(/Images/icon.png) no-repeat; }
.share li a.sina span { background-position: -200px -80px; }
.share li a.txwb span { background-position: -240px -80px; }
.share li a.zone span { background-position: -280px -80px; }
.share li a.wechat span { background-position: -320px -80px; }
.bdshare-button-style0-32 a { background: none !important; color: #4c4c4c !important; float: none !important; margin: 0 !important; text-indent: 0 !important; width: auto !important; }

#footer { height: 67px; background: #640C02; color: #fff; line-height: 80px; }
.foot-logo { width: 80px; height: 13px; margin: 27px 0 0; }
.foot-logo a { display: block; width: 80px; height: 13px; background: url(/Images/icon.png) no-repeat -80px -120px; }
.copyright { margin-left: 100px; }
.copyright a { margin-left: 24px; color: #fff; }
.design-bg { color: #5a6b8c; }
a:hover.design-bg { color: #fff; }
.footer-webmap { color: #fff; margin-right: 8px; }
.footer-webmap:hover { color: #fff; }

/*-- About --*/
.banners-about { height: 240px; background: #ddd; overflow: hidden; }
.banners-about img { position: absolute; top: 0; left: 50%; margin-left: -960px; transition:none; }
.banners-about:hover img { transform: scale(1);}
.banners-about .ui-grid { height: 240px; }
.banners-info { top: 50%; left: 0; height: 100px; margin-top: -52px; color: #fff; }
.banners-info h1 { font-size: 48px; font-weight: normal; line-height: 1; }
.banners-info-cn { font-size: 16px; }
.banners-info-en { font: 24px/1 "constan"; }

.location { height: 40px; background: #f2f2f2; line-height: 40px; color: #999; }
.location span { margin: 0 10px; font: 12px/1 "宋体"; }
.location a { color: #999; }
.location a.location-home { color: #193b6d; }

.sidebar-title { line-height: 1; }
.sidebar-title h1 { font: 18px/1 "constan"; text-transform: uppercase; color: #193b6d; }
.sidebar-title h1 span { margin-left: 12px; font-size: 14px; color: #6c3; }
.sidebar-title div { display: none; top: -20px; right: 24px; width: 49px; height: 55px; background: url(/Images/icon.png) no-repeat 0 -80px; }

.sidebar-menu ul li { background: #f2f2f2; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #fff; }
.sidebar-menu li a { display: block; width: 100%; height: 40px; line-height: 40px; text-indent: 12px; color: #000; transition: all .3s ease-out; }
.sidebar-menu li ul { display: none; background: #fafafa; }
.sidebar-menu li li { padding: 0 12px; background: none; border: none; }
.sidebar-menu li li a { height: 34px; width: auto; margin: 0 12px; line-height: 34px; color: #7d7d7d; border-top: 1px solid #e4e4e4; }
.sidebar-menu li.active,
.sidebar-menu li a:hover,.sidebar-menu li a.current,.sidebar-menu li a.active { background: #193b6d; color: #fff; text-decoration: none; }
.sidebar-menu li li a:hover,.sidebar-menu li li a.a-active { background: none; color: #000; }

.article-title h1 { display: inline; padding-bottom: 5px; border-bottom: 1px solid #193b6d; font-size: 18px; color: #193b6d; font-weight: normal; }
.article { line-height: 1.8; color: #454545; font-size: 14px; }
.article img { margin: 12px 0; }
.company-sketch { margin-top: 30px; }
.article-content { margin-top: 21px; }
.article-content table{border:none; width:100%;}
.article-content td{margin:0px; border:none; padding:4px 10px; height:40px; line-height:40px;background-color:#efefef;}
.article-content tr.firstRow {border-bottom:2px solid #193b6d; font-size:14px;}
.article-content tr{border-bottom:1px solid #fff; }

/*-- Property --*/
.property-map { height: 373px; background: #f2f2f2; }
.property-item { top: 200px; left: 397px; /*width: 464px; height: 176px;*/ }
.property-icon { width: 16px; height: 23px; margin: -6px 0 0 -3px; background: url(/Images/arrow.png) no-repeat 0 0; }
.property-info { top: -192px; left: -330px; _left: -272px; background: #193d6b; display: none; z-index: 20; }
.property-item-photo { width: 210px; height: 176px; background: #ddd; }
.property-item-infos { width: 216px; margin-left: 210px; padding: 15px; color: #fff; }
.property-item-infos dl dt { margin-bottom: 12px; font-size: 14px; }
.property-item-infos dl dd { line-height: 1.8; }
.property-item-infos dl dd p { display: none; }
.property-more { display: block; right: 12px; bottom: 12px; width: 13px; height: 13px; background: url(/Images/icon.png) no-repeat -27px -40px; }
.arrow-bottom { top: 176px; left: 50%; _left: 25%; width: 15px; height: 8px; margin-left: -6px; background: url(/Images/icon.png) no-repeat -373px 0; }

.pop { display: none; top: 0; left: 0; width: 100%; height: 100%; _height: 1024px; z-index: 9998; _background: #fff; }
.pop-information { display: none; top: 490px; left: 50%; z-index: 9999; width: 1020px; min-height: 500px; _height: 500px; padding: 40px; margin-left: -550px; background: #fff; border-radius: 20px; box-shadow: 0 0 10px rgb(200,200,200); }
.pop-close { display: none; top: 10px; right: 10px; width: 40px; height: 40px; background: url(/Images/icon.png) no-repeat -40px -40px; cursor: pointer; }
.pop-header {  }
.pop-header h1 { font-size: 18px; font-weight: normal; color: #193b6d; }
.pop-information:hover .pop-close { display: block; }


@media screen and ( min-width: 0 ) {

	.pop-close { display: block; opacity: 0; transition: all .3s ease-out; }
	.pop-information:hover .pop-close { opacity: 1; }

}


/*-- History --*/
.history-menu { border-bottom: 1px solid #ccc; }
.history-menu a { display: inline-block; padding: 5px 10px; font-size: 14px; }
.history-menu a.active { color: #000; }
.history-datetime { width: 60px; }
.history-list { padding-left: 30px; }
.history-list ol { padding-left: 50px; border-left: 1px dotted #ccc; }
.history-item { width: 100%; }
.history-item:first-child { margin-top: 0; }
.history-time { top: 0; left: -80px; display: block; width: 60px; height: 60px; background: #193b6d; border-radius: 50%; color: #fff; text-align: center; font: 20px/60px "constan"; }
.history-time:hover { color: #fff; }
.history-items { margin-right: 12px; padding: 12px; border-top: 2px solid #193b6d; background: #f2f2f2; }


/*-- Project --*/
.project-item { margin-bottom: 24px; padding: 12px 0; border-top: 5px solid #ccc; border-bottom: 1px solid #ccc; }
.border-t0 { border-top-color: #8ec31e; }
.border-t1 { border-top-color: #009943; }
.border-t2 { border-top-color: #3f99ce; }
.border-t3 { border-top-color: #193b6d; }
.project-item-photo { position: relative; width: 100%; height: 130px; background: #ddd; z-index: 1;.project-item-menu }
.project-item-photo img { position: absolute; top: 0; left: 0;  }
.project-item-name a { color: #000; }
.project-item-name a:hover { color: #f9770f; }
.project-item-menu { margin: 12px 0; text-align: center; line-height: 1.8; z-index: 10; }
.project-item-menu ul { display: none; top: 20px; left: 0; width: 100%; padding: 12px 0; text-align: center; background: #fff; }
.project-item-menu ul li a { color: #666; }

.project-solution-link {  }
.project-solution-link a { display: inline-block; width: 160px; height: 32px; background: #44b036; color: #fff; font-size: 14px; line-height: 32px; border-radius: 5px; }


/*-- Project info --*/
.project-menus-item { margin-bottom: 10px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }
.project-menus-name { margin-bottom: 10px; font-size: 14px; color: #193b6d; }
.project-menus-info { color: #666; line-height: 1.6; }
.project-menus-infos { bottom: 25px; left: 0; display: none; min-width: 150px; padding: 12px; background: #ddd; }
.project-menus-info ul { position: relative; }
.project-menus-info ul li { width: 120px; margin-bottom: 10px; color: #999; cursor: pointer; }
.project-menus-info ul li:hover { color: #193b6d; }
.project-menus-info ul li:hover .project-menus-infos { display: block; }
.project-menus-link { margin-top: 10px; }
.project-menus-link ul li { float: left; margin-top: 10px; width: 120px; }
.project-menus-link ul li a { color: #999; }
.project-menus-link ul li a:hover { color: #003366; }


/*-- Solution --*/
.solution { padding: 40px; border-radius: 20px; box-shadow: 0 0 5px rgb(200,200,200); }
.solution li { width: 90%; margin-bottom: 18px; color: #666; vertical-align:top; }
.solution li label { display: block; width: 90px; float:left; height:30px; line-height:30px; }
.solution li input,.solution li select  { width: 300px; height: 30px; border:#ccc 1px solid; background: #fff; color: #666; line-height:30px;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}
.solution li textarea { width: 300px; height: 90px;border:#ccc 1px solid; background: #fff; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}
.solution li.solution-radio input { width: auto; height: auto; margin: 0 5px 0 10px; background: none; }
.solution li input.solution-submit { width: 100px; background: #67c898; border-radius: 20px; color: #fff; }

/*-- Join --*/
.joblist a { color: #fff; }
.hr-menu,
.school-menu { width: 164px; height: 136px; padding: 12px; }
.hr-photo,
.school-photo { width: 190px; height: 160px; background: #ddd; }
.hr-menu { background: #193b6d; }
.school-menu { background: #44b036; }
.joblist ul li { height: 25px; margin-bottom: 5px; line-height: 25px; }
.hr-menu li { border-bottom: 1px solid #43638a; }
.school li { border-bottom: 1px solid #6dbf59; }
.content-more { bottom: 12px; left: 12px; }

/*-- Job --*/
.staff-item-photo { height: 158px; background: #ddd; }
.staff-item-about span { margin-right: 12px; }


/*-- Join info --*/
/*.job-contact-container { border-top: 4px solid #193b6d; }*/
.job-contact-container table { width: 100%; border-bottom: 1px solid #193b6d; }
.job-contact-container th,
.job-contact-container td { height: 40px; border-bottom: 1px solid #bac4d3; line-height: 40px; text-align: center; color: #666; }
.job-contact-container th { font-weight: bold; color: #000; }
.joining a { display: inline-block; width: 130px; height: 26px; background: #6c3; color: #fff; text-align: center; line-height: 26px; border-radius: 26px; box-shadow: 0 5px 5px rgb(200,200,200); }

/*-- Investor --*/
.bulletin-item { height: 75px; padding-left: 60px; background: #f2f2f2; border-top: 3px solid #193b6d; overflow: hidden; }
.bulletin-item-title { padding-right: 80px; line-height: 1.6; }
.bulletin-item-title a { color: #000; }
.download { top: 15px; right: 10px; }



/*-- Bulletin --*/
.bulletin-new { height: 245px; overflow: hidden; }
.bulletin-new-photo { width: 378px; height: 245px; background: #ddd; }
.bulletin-info { _float: left; height: 245px; padding: 0 30px 0 60px; background: #193b6d; overflow: hidden; color: #fff; }
.bulletin-info .item-datetime { color: #fff; }
.bulletin-info .item-title,
.bulletin-info .item-title a { color: #fff; }
.bulletin-info .item-sketch,
.bulletin-info .item-sketch a { color: #899ab3; }
.bulletin-download { bottom: 15px; left: 60px; }
.bulletin-list {  }
.bulletin-list li { height: 50px; line-height: 50px; background: #f2f2f2; border-bottom: 1px solid #fff; border-top: 1px solid #e1e1e1; }
.bulletin-list .item-datetime { margin: 0 20px; _display: inline; line-height: 1.2; }
.bulletin-list .item-day { font: 16px/1 "constan"; }
.bulletin-list-download { margin-right: 20px; _display: inline; }
.no-load a { color: #999; }
.no-load a:hover { color: #999; text-decoration: none; }
.no-load .ui-more span { background-position: -13px -54px; }
.page a { display: inline-block; width: 36px; height: 36px; margin-right: 12px; text-align: center; line-height: 36px; background: #d8d8d8; color: #fff; }
.page a:hover { background: #999; text-decoration: none; }
.page a.current { background: #6c3; }


/*-- News --*/
.news-new-photo { width: 378px; height: 245px; background: #ddd; }
.news-info { width: 320px; height: 245px; padding-left: 70px; background: #f2f2f2; overflow: hidden; }
.news-new .download { top: auto; right: auto; bottom: 12px; left: 70px; }
.bulletin-list li { height: 50px; line-height: 50px; background: #f2f2f2; }


/*-- Newsinfo --*/
.newsinfo-title { width: 100%; }
.newsinfo-title .item-datetime { _display: inline; margin-right: 20px; color: #193b6d; }
.newsinfo-title h1 { line-height: 50px; font-size: 16px; font-weight: normal; *font-weight: bold; }
.newsinfo-page a { font: 18px/36px "宋体"; }

/*-- Sidebar --*/
.contact { padding: 10px; background: #f2f2f2; border-top: 6px solid #244474; line-height: 1.6; color: #666; }
.contact dl dt { margin-bottom: 10px; color: #000; }
.solution-link { min-height: 77px; _height: 77px; background: #ddd; }
.video { height: 94px; background: #ddd; border-bottom: 2px solid #b2b2b2; }
.video-icon { top: 50%; left: 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px; background: url(/Images/icon.png) no-repeat -132px -52px; cursor: pointer; }

.video-information { display: block; top: 50%; z-index: 9999; width: 700px; min-height: 400px; height: 400px; margin: -240px 0 0 -390px; }
.stock-link { border-top: solid 6px #ff6600; border-bottom: solid 1px #ff6600; } 
.stock-link img:hover { transform: scale(1); }
.contactus-link { padding: 15px 0 0 17px; width: 275px; height: 103px; border-top: solid 6px #003366; background: url(/Images/contactus-bg.jpg) no-repeat; }
.contactus-link h4 { margin-bottom: 10px; font-size: 14px; }
.contactus-link p { font-size: 12px; line-height: 1.3; }


/*-- Search --*/
.search-item { height: 60px; margin-bottom: 8px; padding: 16px; background: #f6f6f6; }
.search-item:first-child { border-top: 3px solid #193b6d; }
.search-item-title { font-size: 14px; line-height: 1; }
.search-item-title a { color: #000; }
.search-item-sketch { margin-top: 8px; font-size: 12px; line-height: 1.8; }
.search-item-sketch a { color: #7b7b7b; }
.search-end-text em { color: #f9770f; }
.search-tips { line-height: 2; }
.search-tips dt { margin-bottom: 8px; color: #666; }
.search-tips dd { position: relative; margin-left: 32px; color: #333; }
.search-tips dd span { position: absolute; top: 10px; left: -12px; display: block; width: 4px; height: 4px; background: #333; border-radius: 50%; }
.search-tips dd a { color: #193b6d; text-decoration: underline; }


/*-- webMap--*/
.webmap-col { margin-top: 48px; font-size: 14px; }
.webmap-menu-title { padding-bottom: 8px; border-bottom: 1px solid #193b6d; font-size: 16px; }
.webmap-menu-title a { color: #193b6d; }
.webmap-menu-list { position: relative; margin-top: 16px; margin-bottom: 8px; padding-left: 156px; min-height: 40px; border: 1px solid #e5e5e5; transition: all .3s ease-out; }
.webmap-menu-list > a { position: absolute; left: 0; top: 0; width: 140px; height: 40px; line-height: 40px; text-align: center; background: #e5e5e5; text-decoration: none; transition: all .3s ease-out; }
.webmap-menu-list span,
.webmap-menu-list span a { display: block; height: 40px; line-height: 40px; }
.webmap-menu-list span { float: left; }
.webmap-menu-list span a { padding: 0 32px; }
.webmap-menu-list:hover > a { background: #68b92e; color: #fff; }
.webmap-menu-list:hover { border: 1px solid #68b92e; }
