@charset "utf-8";

.left.carousel-control { background-image: none; }
.right.carousel-control { background-image: none; }
#YGbannerP a.btnB { display: block; width: 100%; height: 100%; position: absolute; top: 30px; left: 0; opacity: 0; }
.YGbannerPH { overflow: hidden; height: 650px; }
.YGbannerP01Bg0 { background-color: #fff; }
.YGbannerP01Bg1 { background-color: #1a6e93; }
.YGbannerP01Bg2 { background-color: #eee;  } 
.YGbannerP01Bg3 { background-color: #25265c; }
.YGbannerP02Bg0 { background: url("../images/prod02/banner01.jpg") no-repeat center center; }
.YGbannerP02Bg1 { background: url("../images/prod02/banner02.jpg") no-repeat center center; }
.YGbannerP02Bg2 { background: url("../images/prod02/banner03.jpg") no-repeat center center; }
.YGbannerP02Bg3 { background: url("../images/prod02/banner04.jpg") no-repeat center center; }
.YGbannerP02Bg4 { background: url("../images/prod02/banner05.jpg") no-repeat center center; }
.YGbannerP06Bg0 { background: url("../images/prod03/banner01.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerP11Bg0 { background: url("../images/prod11/banner01.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerP11Bg1 { background: url("../images/prod11/banner02.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerP11Bg2 { background: url("../images/prod11/banner03.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerP11Bg3 { background: url("../images/prod11/banner04.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerP11Bg4 { background: url("../images/prod11/banner05.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerP31Bg1 { background: url("../images/prod31/bannerP1.jpg") no-repeat center center; background-size: auto 100%; position:relative; }
.YGbannerABS{ position:absolute; left:auto; bottom:50px; width:100%; height:auto; text-align:center;}
.YGbannerP1 { background: url("../images/bannerP1.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerP2 { background: url("../images/bannerP2.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerP3 { background: url("../images/bannerP3.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerP4 { background: url("../images/bannerP4.jpg") no-repeat center center; background-size: auto 100%; }
.YGBannerP{ height:400px; width:1170px; margin:0 auto; color:#fff;}
.YGBannerP h1{ height:auto; width:auto; padding-top:100px;}
.YGBannerP p{ height:auto; width:700px; padding-top:20px; font-size:18px;}
.YGBannerT1{ height:400px; width:1170px; margin:0 auto; color:#fff; text-align:center;}
.YGBannerT1 h1{ height:auto; width:auto; padding-top:100px; padding-bottom:20px;}
.YGBannerT1 p{ height:auto; width:auto; font-size:16px;}
.YGbannerP01Bg0 a.btnB { background: url("../images/prod01/b01.png") no-repeat center center; background-size: contain; }
.YGbannerP01Bg1 a.btnB { background: url("../images/prod01/b02.png") no-repeat center center; background-size: contain; }
.YGbannerP01Bg2 a.btnB { background: url("../images/prod01/b03.png") no-repeat center center; background-size: contain; }
.YGbannerP01Bg3 a.btnB { background: url("../images/prod01/b04.png") no-repeat center center; background-size: contain; }
.YGbannerP01Bg0 a:hover.btnB { background: url("../images/prod01/b01-1.png") no-repeat center center; background-size: contain; }
.YGbannerP01Bg1 a:hover.btnB { background: url("../images/prod01/b02-1.png") no-repeat center center; background-size: contain; }
.YGbannerP01Bg2 a:hover.btnB { background: url("../images/prod01/b03-1.png") no-repeat center center; background-size: contain; }
.YGbannerP01Bg3 a:hover.btnB { background: url("../images/prod01/b04-1.png") no-repeat center center; background-size: contain; }
.YGProdL01 .col-sm-4 {padding:30px 15px 0px;}
.YGProdL01 .col-sm-4 a{ text-align:center; background:#fff; border:1px solid #e8e8e8; display:block; border-radius:5px; padding:40px 0;}
.YGProdL01 .col-sm-4 a h4{ color:#333; font-size:20px; padding:5px 0;}
.YGProdL01 .col-sm-4 a p{ color:#666; font-size:14px;}
.YGProdL01 .col-sm-4 a img{width:120px;}
.YGProdL01 .col-sm-4 a:hover{ text-decoration:none;box-shadow: 0px 0px 10px #ddd; }
#YGbannerP.noBorder{ border-bottom:none;}
.YGbannerH { overflow: hidden; position:relative; }
.YGbannerBg{ position:absolute; top:0; left:50%; margin-left:-50%; width:100%; height:100%; background-position:center center; background-size:cover; }
.YGbannerAboutBg0 { background:#31b0d5 url("../images/about/banner0.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerAboutBg1 { background:#31b0d5 url("../images/about/banner10.jpg") no-repeat center bottom; background-size: auto 100%; }
.YGbannerAboutBg2 { background:#31b0d5 url("../images/about/banner20.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerAboutBg3 { background:#31b0d5 url("../images/about/banner30.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerAboutBg4 { background:#31b0d5 url("../images/about/banner40.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerAboutBg5 { background:#31b0d5 url("../images/about/banner50.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerAboutBg6 { background:#31b0d5 url("../images/about/banner80.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerNewsBg1 { background:#31b0d5 url("../images/about/banner00.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerBusinessBg1 { background:#31b0d5 url("../images/about/business.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerInvesBg0{ background:#31b0d5 url("../images/about/banner60.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerInvesBg1{ background:#31b0d5 url("../images/about/banner60.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerInvesBg2{ background:#31b0d5 url("../images/about/banner60.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerInvesBg3{ background:#31b0d5 url("../images/about/banner60.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerInvesBg4{ background:#31b0d5 url("../images/about/banner60.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerInvesBg5{ background:#31b0d5 url("../images/about/banner60.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerJobsBg6{ background:#31b0d5 url("../images/about/banner005.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerJobsBg1{ background:#31b0d5 url("../images/about/banner000.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerJobsBg2{ background:#31b0d5 url("../images/about/banner001.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerJobsBg3{ background:#31b0d5 url("../images/about/banner002.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerJobsBg4{ background:#31b0d5 url("../images/about/banner003.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerJobsBg5{ background:#31b0d5 url("../images/about/banner004.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerServerBg0{ background:#31b0d5 url("../images/server/banner000.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerServerBg1{ background:#31b0d5 url("../images/server/banner001.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerServerBg2{ background:#31b0d5 url("../images/server/banner002.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerServerBg3{ background:#31b0d5 url("../images/server/banner003.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerServerBg4{ background:#31b0d5 url("../images/server/banner004.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerServerBg5{ background:#31b0d5 url("../images/server/banner005.jpg") no-repeat center center; background-size: auto 100%; }
.YGbannerServerBg6{ background:#31b0d5 url("../images/server/banner006.jpg") no-repeat center center; background-size: auto 100%; }
.YGIn01 h3{margin-top:0px;}
.YGIn01 p{ font-size:14px;}
footer { background: #f8f8f8;  padding: 20px 0; }
.YGCopyright { padding-top: 10px; border-top: 1px dashed #ccc; color: #666; font-size: 12px; margin-top:20px;}
.YGCopyright a { color: #666; }
.YGfootMenu { color: #666; padding-bottom: 20px; font-size: 12px; line-height: 1.8; }
.YGfootMenu a { color: #666; }
.YGfootMenu h5 { color: #333; }
.YGfootMenu h5 a { color: #333; }
.YGfootMenu ul { padding: 0 0 0 1em; }
.YGfootMenu ul li span{ width: 20px; text-align: center; }
#footMapBox{ text-align:right;}
main { padding: 0; clear: both; }
.YGbre { background: #f5f5f5; }

.YGbre .breadcrumb { margin-bottom: 0; }
.YGbgB { background: #337ab7; padding: 30px 0; }
.YGJobsbg1{ background: #fff url("../images/jobs/picB02.jpg") no-repeat bottom center; padding: 30px 0 250px; }
.YGbgF4 { background: #f4f4f4; padding: 30px 0; }
.YGbgS { background: #fff; padding: 30px 0 10px; }
.YGbgE { background: #eee; padding: 30px 0 50px; }
.YGbgF { background: #fff; padding: 30px 0 50px; }
.YGbgF8 { background: #f8f8f8; padding: 30px 0 50px; }
.YGbgR{ background:url("../images/prod31/pic13.jpg") no-repeat center center;}
.YGbgE h2, .YGbgF h2 { margin: 30px 0; color:#555; font-weight:500; }
.en_title{font-size: 14px;color: #999; line-height: 36px;}
.YGbgE .thumbnail, .YGbgF .thumbnail { border-radius: 0; }
.YGbgE .thumbnail .caption, .YGbgF .thumbnail .caption { padding: 15px; }
.YGbgE .thumbnail p, .YGbgF .thumbnail p { text-indent: 2em; color: #999; }
.YGbg001{ background:url("../images/bg01.jpg") no-repeat center bottom;}
.YGbg002{ background:url("../images/bg02.jpg") no-repeat center bottom;}
.YGheightC { height: 200px; overflow: hidden; }
.YGulInNew ul { margin: 0 0 20px; list-style: none; padding: 0; }
.YGulInNew .text-center { padding: 0 0 20px; }
.YGulInNew ul li { line-height: 26px; }
.YGulInNew ul li a{ color:#666;}
.YGulInNew ul li b{ color:#999; padding-right:6px;}
.YGulInNew li span{ float:right; }
.YGulInNew li h6 { color: #333; font-size: 16px; margin: 10px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.YGulInNew li p { color: #999; font-size:14px; line-height:1.4em; margin-bottom:0; }
.YGulInNew li span { color: #aaa; font-size: 12px; }
.YGulInNew li h6 span a { color: #666; font-size:14px; }
.YGabout0 { font-size: 16px; line-height: 1.8; }
.YGabout0 p { text-indent: 2em; padding: 0; }
.YGabout0 img { margin: 10px 0 30px 30px; }
.YGabout1 { font-size: 16px; line-height: 1.8; display: block; clear: both; padding-bottom: 30px; }
.YGabout1 p { text-indent: 2em; padding: 0; }
.YGabout11 { display: block; border-top: 1px dashed #eee; clear: both; padding-top: 30px; padding-bottom: 30px; }
.YGabout11 p { text-indent: 2em; padding: 0; }
.YGabout11 img { padding-top: 20px; padding-bottom: 20px; }
.YGabout11 h4 { font-size: 18px; font-weight: 700; color: #00afec; padding: 10px 0; }
.YGabout11 h4 span { color: #333; }
.YGabout12{}
.YGabout12 ul{ padding:0; margin:0; list-style:none;}
.YGabout12 li{ padding:15px;}
.YGbgA00 { background: #eee; }
.YGbgA00 a, .YGbgA00 a:focus, .YGbgA00 a:hover { color: #666; font-size: 14px; min-height: 60px; position: relative; text-decoration: none; }
.YGbgA00 a img { width: 50px; position: absolute; top: 8px; }
.YGbgA00 h6 { font-size: 14px; font-weight: 700; color: #000; padding: 10px 0 5px 10px; margin: 0; }
.YGbgA00 p { font-size: 14px; color:#999; padding: 0 0 0 10px; line-height:18px; }
.YGbgA00 .modal-body p { text-indent:2em;}
.YGbgA00 h5 { clear: both; padding: 20px 15px 0px; color: #999; font-size: 16px; }
.YGbgA00 h5 span { color: #999; padding: 0 5px 0 0; }
.YGbgA00 a:hover h6 { color: #005197;}
.YGbgA00 a:hover p { color: #333; }
.YGbgA00 .YGBtnTC a{ color:#fff; min-height:auto;}
.l01{ background:url("../images/icon/l01.png") no-repeat 0 15px;}
.l02{ background:url("../images/icon/l02.png") no-repeat 0 15px;}
.l03{ background:url("../images/icon/l03.png") no-repeat 0 15px;}
.l04{ background:url("../images/icon/l04.png") no-repeat 0 15px;}
.l05{ background:url("../images/icon/l05.png") no-repeat 0 15px;}
#YGnewBanner { min-height: 300px; padding: 50px 0; }
#YGnewBanner .carousel-inner { overflow: visible; }
#YGnewBanner .carousel-caption { bottom: auto; }
#YGnewBanner .left.carousel-control { background: none; }
#YGnewBanner .right.carousel-control { background: none; }
.YGnewMenu { }
.YGnewMenu h4 { border-bottom: 1px dashed #ccc; padding-bottom: 10px; clear: both; }
.YGnewMenu ul { padding: 0px 0 20px 20px; }
.YGnewMenu ul li { padding: 2px 0; }
.YGnewMenu ul li a { font-size: 14px; color: #666; }
.YGnewMenu ul li.active a {  color: #005197; font-weight: 700; }
.YGnewMenu ul li a:hover { color: #005197; }
.YGnewMenu ul.YGnewMenuL { padding: 0px 0 20px 0px; }
.YGnewMenu ul.YGnewMenuL li { padding: 5px 3px; list-style: none; display: inline-block; }
.YGnewMenu ul.YGnewMenuL li a { font-size: 14px; color: #333; display: block; background: #eee; padding: 3px 5px; font-weight: 700; }
.YGnewMenu ul.YGnewMenuL li a:hover { color: #005197; background: #d4f4ff; }
#YGnewTabContent h5 { font-size: 18px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; clear: both; }
#YGnewTabContent ul { margin: 0 0 20px; list-style: none; padding: 0; }
#YGnewTabContent .text-center { padding: 0 0 20px; }
#YGnewTabContent li { padding: 15px 0; clear:both; border-bottom:1px dashed #eee; }
#YGnewTabContent li h6 { color: #333; font-size: 16px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#YGnewTabContent li p { color: #999; font-size:14px;}
#YGnewTabContent li p img{ float:left; height:75px; margin:5px 15px 15px 0; }
#YGnewTabContent li span { color: #aaa; font-size:12px; clear:both; }
#YGnewTabContent li h6 span a { color: #666; font-size: 14px; }
#ygNewsPageBox { }
#ygNewsPageBox p{ text-indent:2em; }
#ygNewsPageBox h4 { padding-bottom: 10px; font-size: 18px; font-weight: 700; text-align: center; border-bottom: 1px dashed #ccc; }
#ygNewsPageBox p.ygNewsPageTags { height: 30px; font-size: 12px; color: #999; text-align: center; }
#ygNewsPageBox p.ygNewsPageTags span { padding: 0 0px; }
#ygNewsPageBox p.pageImg { text-indent: 0; text-align: center; }
#ygNewsPageBox p.pageImg img { max-width: 830px; }
#ygNewsPageBox b { font-weight: bold; }
#ygNewsPageBox strong { font-weight: bold; }
.ygNewsPageLink { clear: both; border-top: 1px dashed #ccc; color: #999; margin: 20px 0 0px 0; padding: 10px 0 0 0; }
.ygNewsPageLink p { padding: 0; text-indent: 0; }
.shareLink { text-align:right;}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.YGProd0 { }
.YGProd0 .dropup { display: inline-block; }
.YGProd0 li p { text-indent: 2em; color: #999; font-size: 14px; line-height:1.2; }
.YGProd0 ul { margin: 0; padding: 0; list-style: none; }
.YGProd0 li h4 { text-align: center; color:#444; font-size:16px;}
.YGProd0 li h4 a{color:#337ab7;}
.YGProd0 p {text-align: left;}
.YGProd0 li:hover h4 { color: #438edb; font-size:16px; font-weight: 600;}
.YGProdUl01 li { height: 200px; overflow: hidden; margin-bottom: 20px; margin-top: 20px; cursor: default; }
.YGProdUl01 li p { opacity: 0; }
.YGProdUl02 li  { margin-bottom:20px; }
.YGProdUl02 li p { font-size: 14px; color: #666; }
.YGProdUl02 li:hover p { color: #333; }
.YGProdUl02 li .img { width: 100%; height:auto; overflow: hidden; border: 1px solid #fff; border-radius: 5px; }
.YGProdUl02 li img { display: block; position: relative; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; opacity:0.7; }
.YGProdUl02 li:hover img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity:1; }
.YGProdUl04 { margin: 40px 0px; cursor: default; list-style:none; padding:0; }
.YGProdUl04 li { padding:7px; border-radius:10px;}
.YGProdUl04 li h4{ padding:0px; font-weight:700; text-align:left; color:#337ab7; }
.YGProdUl04 li p {  padding:0px; text-indent:2em; }
.YGProdUl04 li ul{  margin: 0px;list-style:none; padding:3px 12px 15px; background:#f7f7f7; }
.YGProdUl04 li li{ height:auto; padding:3px; line-height:2em;}
.YGProdUl04 li li a{ text-align:left; font-size:14px; }
.YGProdUl04 .YGP2Bg{ margin:0px; padding:15px; background:#f7f7f7;}
.YGProdUl05 { margin: 40px 0px; cursor: default; list-style:none; padding:0; }
.YGProdUl05 li { border-radius:10px;}
.YGProdUl05 li h5{ padding:0px; font-weight:700; text-align:left; color:#666; font-size:18px; }
.YGProdUl05 li p {  padding:0px; text-indent:2em; font-size:14px; color:#999; }
.YGProdUl05 li ul{  margin: 0px;list-style:none; padding:3px 12px 15px; background:#f7f7f7; }
.YGProdUl05 li li{ height:auto; padding:3px; line-height:2em;}
.YGProdUl05 li li a{ text-align:left; font-size:14px; }
.YGProdUl05 li ul.YGulLA05 {padding:10px 0; background:none;}
.YGProdUl05 li ul.YGulLA05 li{ font-size:14px; line-height:1.4em; color:#999;}
.YGProd1 p { text-indent: 2em; }
.YGPbg001{padding:40px 0;}
.YGPbg001 ul{padding:0; list-style:none;}
.YGPbg001 li{ padding:4px;}
.YGPbg001 li a{display:block; border:1px dashed #ccc; border-radius:5px; padding:10px 10px 10px 50px;  text-align:left; vertical-align:middle; color:#666; margin:0px;}
.YGPbg001 li a:hover{color:#337ab7; text-decoration:none;}
.YGPbg002{padding:40px 0;}
.YGPbg002 ul{padding:0; list-style:none;}
.YGPbg002 li{ padding:4px;}
.YGPbg002 li a{display:block; border:1px dashed #ccc; border-radius:5px; padding:10px 10px 10px 50px;  text-align:left; vertical-align:middle; color:#666; margin:0px;}
.YGPbg002 li a:hover{color:#337ab7; text-decoration:none;}
.YGiconP01 a{ background:#f4f4f4 url("../images/icons/YGiconP01.png") no-repeat 5px 2px;}
.YGiconP02 a{ background:#f4f4f4 url("../images/icons/YGiconP02.png") no-repeat 5px 2px;}
.YGiconP03 a{ background:#f4f4f4 url("../images/icons/YGiconP03.png") no-repeat 5px 2px;}
.YGiconP04 a{ background:#f4f4f4 url("../images/icons/YGiconP04.png") no-repeat 5px 2px;}
.YGiconP05 a{ background:#f4f4f4 url("../images/icons/YGiconP05.png") no-repeat 5px 2px;}
.YGiconP06 a{ background:#f4f4f4 url("../images/icons/YGiconP06.png") no-repeat 5px 2px;}
.YGiconP07 a{ background:#f4f4f4 url("../images/icons/YGiconP07.png") no-repeat 5px 2px;}
.YGiconP08 a{ background:#f4f4f4 url("../images/icons/YGiconP08.png") no-repeat 5px 2px;}
.YGiconP09 a{ background:#f4f4f4 url("../images/icons/YGiconP09.png") no-repeat 5px 2px;}
.YGiconP01 a:hover{ background:#fff url("../images/icons/YGiconP01-1.png") no-repeat 5px 2px;}
.YGiconP02 a:hover{ background:#fff url("../images/icons/YGiconP02-1.png") no-repeat 5px 2px;}
.YGiconP03 a:hover{ background:#fff url("../images/icons/YGiconP03-1.png") no-repeat 5px 2px;}
.YGiconP04 a:hover{ background:#fff url("../images/icons/YGiconP04-1.png") no-repeat 5px 2px;}
.YGiconP05 a:hover{ background:#fff url("../images/icons/YGiconP05-1.png") no-repeat 5px 2px;}
.YGiconP06 a:hover{ background:#fff url("../images/icons/YGiconP06-1.png") no-repeat 5px 2px;}
.YGiconP07 a:hover{ background:#fff url("../images/icons/YGiconP07-1.png") no-repeat 5px 2px;}
.YGiconP08 a:hover{ background:#fff url("../images/icons/YGiconP08-1.png") no-repeat 5px 2px;}
.YGiconP09 a:hover{ background:#fff url("../images/icons/YGiconP09-1.png") no-repeat 5px 2px;}
.YGProd2 { padding-top:30px;  }
.YGProd2 p { text-indent: 2em; }
.YGProd2 .dropup { display: inline-block; }
.YGProd2 li p { text-indent: 2em; color: #777; font-size: 14px; }
.YGProd2 ul { margin: 0; padding: 0; list-style: none; }
.YGProd2 h4 { text-align: center; }
.YGProd2 .YGulLR02 { padding-top:20px; padding-bottom:40px; }
.YGProd2 .YGulLR02 h4 { text-align: left; }
.YGProd2 .YGulLR02 p { font-size: 16px; }
.YGProd3 { }
.YGProd3 .dropup { display: inline-block; }
.YGProd3 li { padding-bottom:30px; padding-top:20px; }
.YGProd3 li p { color: #777; font-size: 14px; }
.YGProd3 ul { margin: 0; padding: 0; list-style: none; }
.YGProd3 h4 { text-align: center; }
.YGProd3 li:hover h4 { color: #438edb; font-weight: 700; }
.YGProd4 { }
.YGProd4 h3{ padding:30px 0 15px; text-align:center; }
.YGProd4 h4{ color:#337ab7; padding:15px 0 5px; font-size:1em; font-weight:bold; }
.YGProd4 p{ text-indent:2em; }
.YGProd4 .img{ padding:25px 0; }
#YGProdScroll01{ padding:0 0 0 25%; position:relative; height:500px; overflow-Y:scroll;}
#YGProdScroll01 .pageScroll{ position:absolute; top:0; left:0;}
#YGProdScroll01 .section { border:1px solid #ddd;}
#YGProdScroll01 .section h4{ padding:30px 0; color:#555; font-weight:700;}
#YGProdScroll01 .section p{ text-indent:2em;}
#YGProdScroll01 .section .img{ padding-bottom:50px;}
.YGBtnTC{ text-align:center; padding-top:20px; clear:both;}
.YGBtnTL{ text-align:left; padding-top:20px; clear:both;}
.YGBtnTR{ text-align: right; padding-top:20px; clear:both;}
.YGinProdList { margin: 0; padding: 0 10px; }
.YGinProdList li { list-style: none; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.YGinProdList li a { display: block; width: 100%; height: 40px; line-height:40px; border: 1px #ddd solid; border-radius: 5px; }
.YGinProdList01 .img { background: url("../images/prod11/pica01.jpg") no-repeat center center; }
.YGinProdList02 .img { background: url("../images/prod11/pica02.jpg") no-repeat center center; }
.YGinProdList03 .img { background: url("../images/prod11/pica03.jpg") no-repeat center center; }
.YGinProdList04 .img { background: url("../images/prod11/pica04.jpg") no-repeat center center; }
.YGinProdList .hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #00b0f0; border-radius: 5px; }
.YGinProdList .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 50px 20px; }
.YGinProdList .hovereffect .img { display: block; position: relative; max-width: none; width: calc(100% + 20px); height:300px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.YGinProdList .hovereffect:hover .img { opacity: 0.4; filter: alpha(opacity=40); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.YGinProdList .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 19px; font-weight:700; overflow: hidden; padding:100px 0 0.5em 0; background-color: transparent;-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;-webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
.YGinProdList .hovereffect:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.YGinProdList .hovereffect h2:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0px, 0); }
.YGinProdList .hovereffect:hover h2:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.YGinProdList .hovereffect a, .hovereffect p { color: #FFF; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
.YGinProdList .hovereffect:hover a, .hovereffect:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.YGinProdList01 h2 { background: url("../images/icon/iconP01.png") no-repeat center top; }
.YGinProdList02 h2 { background: url("../images/icon/iconP02.png") no-repeat center top; }
.YGinProdList03 h2 { background: url("../images/icon/iconP03.png") no-repeat center top; }
.YGinProdList04 h2 { background: url("../images/icon/iconP04.png") no-repeat center top; }


.YGinProdListA { margin: 0; padding: 0 10px; }
.YGinProdListA li { list-style: none; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.YGinProdListA li a { display: block; width: 100%; height: 40px; line-height:40px; }
.YGinProdListA .hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #00b0f0; border-radius: 5px; }
.YGinProdListA .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding:0 }
.YGinProdListA .hovereffect .img { display: block; position: relative; max-width: none; width: calc(100%); height:116px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.YGinProdListA .hovereffect:hover .img { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.YGinProdListA .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 19px; font-weight:700; overflow: hidden; padding:20px 0 0 0; margin:30px 0 0 0 ; background-color: transparent;-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;-webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
.YGinProdListA .hovereffect:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.YGinProdListA .hovereffect a, .hovereffect p { color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
.YGinProdListA .hovereffect:hover a, .hovereffect:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#YGPicBox01 .modal-dialog{width:1140px;}
#YGPicBox02 .modal-dialog{width:1140px;}
#YGPicBox03 .modal-dialog{width:1140px;}
.YGbgP01{ background:#444 url("../images/prod03/bg001.jpg") no-repeat center center;}
.YGbgP01 h2{ color:#fff; }
.YGbgP01 p{ color:#fff; padding:15px; text-indent:2em; }
.YGbgP01 li h4{ color:#666; font-weight:300;}

.YGbgP01 li p{ color:#999; font-size:14px; line-height:18px; padding:0; text-indent:2em; }
.YGbgP02{ background:url("../images/prod03/bg002.jpg") no-repeat center center;}
.YGbgP02 p{  padding:15px; text-indent:2em; text-align:left; }
.YGbgP02 .thumbnail{ background-color:rgba(255,255,255,.5);}
.YGbgP02 .thumbnail p{ color:#666;}
.YGProdMore .row, .YGProdCont .row,.YGJobsCont .row, .YGProdUlAll .row { padding-bottom: 30px; border-top: 1px dashed #ddd; }
.YGProdMore a, .YGProdCont a, .YGJobsCont a { margin: 15px; padding: 10px 20px; }
.YGProdCont p ,.YGJobsCont p { padding: 0 15px; }
.YGProdUlAll { }
.YGProdCont h3,.YGJobsCont h3, .YGProdMore h3, .YGProdUlAll h3 { padding: 15px; }
.YGProdMore h4 a{ padding: 0px; font-weight:bold; }
.YGProdUlAll li { overflow: hidden; position: relative; text-align: center; cursor: default; margin-bottom: 30px; }
.YGProdUlAll li .overlay { width: 100%; height: 100%; display: block; position: absolute; overflow: hidden; left: 0; top: 0; padding: 0px 1em 0; background: #79FAC4; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden; }
.YGProdUlAll li a { display: block; color: #333; }
.YGProdUlAll li img { display: block; position: relative; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; border-radius: 5px; z-index:10; }
/* .YGProdUlAll li:hover img { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } */
.YGProdUlAll li h4 { }
.YGProdUlAll li a.info { display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; color: #fff; border: 1px solid #fff; margin: 50px 0 0 0; background-color: transparent; }
.YGProdUlAll li a.info:hover { box-shadow: 0 0 5px #fff; }
.YGProdUlAll li .overlay a { float: left; width: 50%; display: inline-block; border: 1px solid #fff; color: #fff; }
.YGProdUlAll li:hover .overlay a:hover, .YGProdUlAll li:hover .overlay a:focus { color: #fff; }
.YGProdUlAll li h4, .YGProdUlAll li .overlay a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); visibility: visible; }
.YGProdUlAll li .overlay a span:before { display: inline-block; padding: 8px 10px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.YGProdUlAll li:hover h4, .YGProdUlAll li:hover .overlay, .YGProdUlAll li:hover .overlay a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.YGProdUlAll li:hover .overlay a:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.YGProdUlAll li:hover .overlay a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.YGProdUlAll li:hover .overlay a:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.YGProdUlAll li .YGProdLiA01 { width: 100%; height: 100%; display: block; }
.YGText01 { }
.YGText01 p { text-indent: 2em; }
.YGText01 ul { margin: 0; padding: 0; list-style: none; }
.YGText01 h4 { text-align: center; }
.img {overflow: hidden; }
.td_img{height: 100px; vertical-align: middle; display: inline-block;}
.td_img img{vertical-align: middle;}
.imgP{ padding:25px;}
.bordT{ border-top:1px dashed #ddd;}
.bordE{ background:#eee;}
.YGProdUl03 .front { margin-left: -15px; margin-right: -15px; }
.YGProdUl03 .back { background-color: #337ab7; }
.YGProd03{}
.YGProd03 h3{ text-align:left;}
.YGProd03 p{ text-indent:2em; padding-bottom:1em;}
.YGProd03 .card .front { margin-left: -15px; margin-right: -15px; padding:0 15px; }
.YGProd03 .card .back { padding-top:1px;}
.YGProd03 .card h4 { margin:0; padding:15px; background:#f4f4f4; font-weight:700;}
.YGProd03 .card ol { background:#f4f4f4; padding:0 0 5px 35px; height:8em;}
.YGProd03 .card .back h4 { background:#e6f7f6; font-weight:700; color:#00aba1; }
.YGProd03 .card .back ol { background:#e6f7f6;}
.YGProd04 .card .front { margin-left: -15px; margin-right: -15px; padding:0 15px; }
.YGProd04 .card .back { padding-top:1px;}
.YGProd04 ul { margin: 0; padding: 0 0 35px 0; list-style: none; }
.YGProd04 h4 { text-align: center; }
.YGProd04 li p{ font-size:14px; color:#999; text-align: left; text-indent:2em; }
.YGProd04 li:hover h4 { font-weight:700; color:#00b0f0; }
.YGProd05 ul { margin: 0; padding: 0; list-style: none; }
.YGProd05 h4 { text-align: center; color:#333; font-size:24px; padding:15px 0; }
.YGProd05 li { padding:35px 15px 0; }
.YGProd06 { }
.YGProd06 ul{margin: 0; padding: 0; list-style: none; }
.YGProd06 li{ padding:15px 15px 15px 90px; background:url("../images/icon/iconP13.png") no-repeat 15px 15px; }
.YGProd06 h4{ }
.YGProd06 p{ font-size:14px; color:#999; }

.YGProd07 { padding:15px 15px 15px 90px; background:url("../images/icon/iconP13.png") no-repeat 15px 15px;}
.YGProd07 ul{margin: 0; padding: 0; }
.YGProd07 li{ font-size:14px; color:#999;  }
.YGProd07 h4{ color:#337ab7; }
.YGProd07 p{ font-size:14px; color:#999; }
.YGProd08 {}
.YGProd08 ul{margin: 0; padding:0 15px 15px 30px; }
.YGProd08 li{ font-size:14px; color:#999;  }
.YGProd08 h4{font-size:16px; color:#337ab7; padding:5px 15px; }
.YGProd08 h4 span{ }
.YGProd08 p{ font-size:14px; color:#999; padding:0 15px 15px; }

.YGulLR02{ margin: 0; padding: 0; list-style: none; }
.YGulLR02 li { padding-top:20px;}
.YGulLR02 li h4{ font-weight:700; text-align:left;}
.YGulLR02 li p{ min-height:6em;}
.YGulLR02 li .pH p{ min-height:0;}
.YGulLR01{ margin: 0; padding: 0; list-style: none; }
.YGulLR01 li { padding-top:20px;}
.YGulLR01 li h4{ font-weight:700;}
.YGulLR01 li p{ padding-bottom:0; margin:0; text-indent:0;}
.YGulLR01 .thumbnail{padding:15px 30px;}
.YGulLR01 .thumbnail p{text-indent:0;}
#YGbannerP .carousel-indicators{ bottom:0;}
#YGbannerP .carousel-indicators .active{ border:1px solid #00b0f0;}
#YGbannerP .carousel-indicators li { border:1px solid #999;}
#YGbannerP .carousel-inner{ height:auto;}
#YGcaseSlide{ padding-bottom:50px;}
#YGcaseSlide .carousel-indicators{ bottom:0;}
#YGcaseSlide .carousel-indicators .active{ border:1px solid #00b0f0;}
#YGcaseSlide .carousel-indicators li { border:1px solid #999;}
#YGcaseSlide .carousel-inner{ height:auto;}
#YGcaseSlide .col-xs-5{ margin-top:10px;}
#YGcaseSlide h4{font-weight:700;}
#YGcaseSlide p{ text-indent:2em; padding-top:20px;}
.YGbtnMove{width:100%; height:100%; background:url("../images/prod11/YGbtnMove.png") no-repeat 0 0; background-size:contain;}
.YGbtnM00{width:100%; height:100%; background:url("../images/prod11/YGbtnMove0.png") no-repeat 0 0; background-size:contain; position:absolute; left:center; top:center;}
.YGbtnM01{width:100%; height:100%; background:url("../images/prod11/YGbtnMove.png") no-repeat 0 0; background-size:contain; position:absolute; left:center; top:center; opacity:0;}
#YGTab{}
#YGTab>li>a{ background:#f7f7f7;}
#YGTab>li>a:hover{ background:#eee;}
#YGTab>li.active >a{ background:#337ab7;}
#YGTabContent{ height:565px; border:1px solid #eee; overflow-y:scroll; padding:25px; border-radius:0px 10px 10px 0;}
.YGBorderRa10{ border:1px solid #ddd; background:#fff; border-radius:10px; padding:20px 10px 10px;}
.YGBorderRa10 .btn{ margin-top:20px;}
#YGP02T0Tab,#YGP03T10Tab{border-bottom:none; border-right:1px solid #ddd;padding:10px 0 0 15px;}
#YGP02T0Tab > li,#YGP03T10Tab > li{margin-bottom:0; margin-right:-1px;}
#YGP02T0Tab > li > a,#YGP03T10Tab > li > a{margin-right:0;border-radius:4px 0 0 4px; border:1px solid #eee; border-right:1px solid #ddd; background:#f7f7f7; color:#999;}
#YGP02T0Tab > li > a:hover,#YGP03T10Tab > li > a:hover{ border:1px solid #ddd; background:#eee; color:#555;}
#YGP02T0Tab > li.active > a,#YGP03T10Tab > li.active > a, #YGP02T0Tab > li.active > a:focus ,#YGP03T10Tab > li.active > a:focus, #YGP02T0Tab > li.active > a:hover,#YGP03T10Tab > li.active > a:hover{border:1px solid #ddd; background:#fff;border-right-color:transparent; color:#438edb; font-weight:700;}
#YGP02T0TabContent,#YGP03T10TabContent{ border:1px solid #ddd; background:#fff;border-left-color:transparent; padding:15px 40px;}
#YGP02T0TabContent h4,#YGP03T10TabContent h4{ color:#438edb; font-weight:700;}
#YGP02T0TabContent p,#YGP03T10TabContent p{ text-indent:2em; font-size:14px;}
#YGP02T0TabContent h5,#YGP03T10TabContent h5{ color:#666; font-weight:700; font-size:16px;}
.YGimgBgE001 { background: url("../images/imgBg/imgBgE001.png") no-repeat bottom center; }
.YGimgBgF003 { background: url("../images/imgBg/imgBgF001.png") no-repeat center center; }
.YGimgBgF001 { background: url("../images/imgBg/imgBgF001.jpg") no-repeat bottom center; }
.YGimgBgF002 { background: url("../images/imgBg/imgBgF002.jpg") no-repeat bottom center; }
.YGAboutUl03{ list-style:none; padding:0;}
.YGAboutUl03 {padding-top:15px; padding-bottom:15px; }
.YGAboutUl03  .thumbnail {border: 1px solid #eee; padding:1px; }
.YGAboutUl03  .img { overflow: hidden; border: 1px solid #eee; padding:7px; width:60%; margin:30px auto; }
.YGAboutUl03  img { display: block; }
.YGAboutUl03  h4 { color:#337ab7; font-weight:bold; background:#f7f7f7 url("../images/about/03/iconA01.png") no-repeat 15px 15px; min-height:80px; margin:0;padding:15px 15px 15px 80px;}
.YGAboutUl03  h4 span{ color:#999; clear:both; display:block; font-size:14px; padding:10px 0 0 0;}
.YGAboutUl03  h6 { color:#999;padding:15px 0 0 0; text-align:center;}
.YGAboutUl04 h3{ color:#337ab7; margin-bottom:30px; border-bottom:2px solid #c00; padding-bottom:20px; padding-left:15px;}
.YGAboutUl04 h3 span{ color:#c00; font-size:16px;}
.YGAboutUl04 ul{ padding:0; margin:0 0 15px 0; list-style:none;}
.YGAboutUl04 li{ list-style:none;}
.YGAboutUl04 li h4{padding:5px; font-size:14px; color:#666; background:#eee; margin:3px 0 0 0;}
.YGAboutUl04 li:hover h4{ color:#333;}
.YGulLA02{ margin: 0; padding: 0; list-style: none; }
.YGulLA02 li { padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #ddd;}
.YGulLA02 li h4{ font-weight:700; color:#337ab7;}
.YGulLA02 li p{ min-height:6em;}
.YGulLA02 li .pH p{ min-height:0;}
.YGulLA02 li ul{ padding:0; margin:0;}
.YGulLA02 li ul li{ padding:0; margin:0; list-style: none; border-bottom:none;}
#YGQTab li{padding:0 1px;}
#YGQTabContent .row{ padding-top:20px;}
#YGQTabContent .thumbnail h4{font-weight:700; color:#337ab7; padding-left:10px;}
#YGQTabContent .thumbnail ul{padding:0; margin:10px; list-style:none; font-size:14px;}
#YGQTabContent .thumbnail ul li{line-height:26px;}
#allmap{width:100%;min-width:900px; height:400px;}
.YGAbout04 h4{ margin-top:30px; background:#ddd; padding:5px;}
.YGAbout04 h4 strong{background:#eee; color:#337ab7; padding:10px 20px 10px 10px;}
.YGAbout04 ul{ border-bottom:1px dashed #eee; padding-top:15px; padding-bottom:30px;}
.YGAbout04 ul strong{color:#333;}
.YGAbout04 ul li{padding:5px 0;}
.YGAbout04 img{ margin-top:30px;}
/* .YGAboutMap{ position:relative; padding:20px 0; background:url("../images/about/06/mBg.png") no-repeat center center;} */
.YGaMap00 img{ cursor:default;}
.YGaMaps{position:relative;}
.YGaMapB{position: absolute; left:50%; top:0; display:none; z-index:100;}
.YGaMap00{position: absolute; left:50%; top:0; z-index:101;}
a,input,button,img{ outline:none; }
::-moz-focus-inner{border:0px;}
.YGAboutT p{ font-size:14px; text-indent:2em; color:#999; line-height:1.4em;}
.YGAbout01 { padding-top:10px;}
.YGAbout03 { padding-top:20px; }
.YGAbout05 { padding-top:0px; }
.YGAbout06 h4{ margin-top:30px; color:#337ab7;}
.YGAbout06 p{ text-indent:2em; font-size:14px; color:#999;}
.YGAbout07 h4{ clear:both;}
.YGAbout07 ul { padding:0; margin:0; list-style:none;}
.YGAbout07 li { padding:5px 2em; margin:0; list-style:none; background:url("../images/dlBg.png") no-repeat left 3px; float:left;}
.YGAbout07 li li{ padding-left:3em;background: url("../images/icon/iconList03.png") no-repeat 2em 15px;}
.YGAbout07 li li li{ padding-left:5em;background: url("../images/icon/iconList03.png") no-repeat 4em 15px;}
.YGAbout07 li a{ font-size:16px;}
.YGAbout07 h5{ font-size:16px; line-height:1.6em; padding:5px 0 5px 2em; margin:0;background:url("../images/dlBg.png") no-repeat left 3px;}
.YGAbout07 h6{ font-size:16px; line-height:1.6em; padding:5px 0 5px 3em; margin:0;background:url("../images/icon/iconList04.png") no-repeat 2em 15px;}
.YGAbout07 li.YGU01{ padding:0px 2em 0px 0; background:none; display:block; width:100%; clear:both;}
.YGAbout07 li.YGU02{ padding:0px 2em 0px 0; background:none; display:block; width:100%; clear:both;}
.YGAb{ padding:10px 0 30px; border-bottom:1px dashed #ccc; margin-bottom:30px;}
.YGabout02 { position: relative; }
.YGabout02 h3{ clear:both; text-align:center; font-weight:bold; color:#337ab7;}
.YGabout02:before, .YGabout02:after { content: ""; display: block; width: 100%; clear: both; }
.YGabout02:before { content: ""; width: 3px; height: 100%; background: #ccc; position: absolute; top: 0; left: 50%; }
.YGabout02 .timeline { width: 50%; float: left; position: relative; z-index: 1; }
.YGabout02 .timeline:before, .YGabout02 .timeline:after { content: ""; display: block; width: 100%; clear: both; }
.YGabout02 .timeline:first-child:before, .YGabout02 .timeline:last-child:before { content: ""; width: 25px; height: 25px; border-radius: 50%; background: #fff; border: 4px solid #337ab7; position: absolute; top: 0; right: -14px; z-index: 1; }
.YGabout02 .timeline:last-child:before { top: auto; bottom: 0; }
.YGabout02 .timeline:last-child:nth-child(even):before { right: auto; left: -12px; bottom: -2px; }
.YGabout02 .timeline-content { text-align: center; margin-top: 8px; position: relative; transition: all 0.3s ease 0s; }
.YGabout02 .timeline-content:before { content: ""; width: 100%; height: 3px; background: #337ab7; position: absolute; top: 89px; left: 0; z-index: -1; }
.YGabout02 .circle { width: 180px; height: 180px; border-radius: 50%; background: #fff; border: 8px solid #ddd; float: left; margin-right: 25px; position: relative; }
.YGabout02 .circle:before { content: ""; width: 26px; height: 30px; background: #eee; margin: auto; position: absolute; top: 0; right: -33px; bottom: 0; z-index: -1; box-shadow: inset 7px 0 9px -7px #444; }
.YGabout02 .circle span { display: block; width: 100%; height: 100%; border-radius: 50%; line-height: 160px; border: 3px solid #adabab; font-size: 80px; color: #454344; }
.YGabout02 .circle span:before, .YGabout02 .circle span:after { content: ""; width: 28px; height: 50px; background: #fff; border-radius: 0 0 0 21px; margin: auto; position: absolute; top: -54px; right: -33px; bottom: 0; z-index: -1; }
.YGabout02 .circle span:after { border-radius: 21px 0 0 0; top: 0; bottom: -56px; }
.YGabout02 .content { display: table; padding-right: 40px; position: relative; width:auto; }
.YGabout02 .year { display: block; padding: 5px; margin: 20px 0 50px 0; background: #eee; border-radius: 7px; font-weight:bold; color: #999; }
.YGabout02 .title {font-weight: bold; color: #337ab7; margin-top: 0; }
.YGabout02 .description { font-size: 14px; color: #a6a6a6; text-align: justify; }
.YGabout02 .icon { width: 25px; height: 25px; border-radius: 50%; background: #fff; border: 4px solid #337ab7; position: absolute; top: 78px; right: -14px; }
.YGabout02 .icon:before { content: ""; width: 15px; height: 25px; background: #337ab7; margin: auto; position: absolute; top: -1px; left: -15px; bottom: 0; z-index: -1; }
.YGabout02 .icon span:before, .YGabout02 .icon span:after { content: ""; width: 21px; height: 25px; background: #fff; border-radius: 0 0 21px 0; margin: auto; position: absolute; top: -30px; left: -15px; bottom: 0; z-index: -1; }
.YGabout02 .icon span:after { border-radius: 0 21px 0 0; top: 0; left: -15px; bottom: -30px; }
.YGabout02 .timeline:nth-child(2n) .timeline-content, .YGabout02 .timeline:nth-child(2n) .circle { float: right; }
.YGabout02 .timeline:nth-child(2n) .circle { margin: 0 0 0 25px; }
.YGabout02 .timeline:nth-child(2n) .circle:before { right: auto; left: -33px; box-shadow: -7px 0 9px -7px #444 inset; }
.YGabout02 .timeline:nth-child(2n) .circle span:before, .YGabout02 .timeline:nth-child(2n) .circle span:after { right: auto; left: -33px; border-radius: 0 0 21px 0; }
.YGabout02 .timeline:nth-child(2n) .circle span:after { border-radius: 0 21px 0 0; }
.YGabout02 .timeline:nth-child(2n) .content { padding: 0 0 0 40px; margin-left: 2px; }
.YGabout02 .timeline:nth-child(2n) .icon { right: auto; left: -14px; }
.YGabout02 .timeline:nth-child(2n) .icon:before, .YGabout02 .timeline:nth-child(2n) .icon span:before, .YGabout02 .timeline:nth-child(2n) .icon span:after { left: auto; right: -15px; }
.YGabout02 .timeline:nth-child(2n) .icon span:before { border-radius: 0 0 0 21px; }
.YGabout02 .timeline:nth-child(2n) .icon span:after { border-radius: 21px 0 0 0; }
.YGabout02 .timeline:nth-child(2) { margin-top: 180px; }
.YGabout02 .timeline:nth-child(odd) { margin: -175px 0 0 0; }
.YGabout02 .timeline:nth-child(even) { margin-bottom: 80px; }
.YGabout02 .timeline:first-child, .YGabout02 .timeline:last-child:nth-child(even) { margin: 0; }
.YGabout02 .img-thumbnail{background-color:transparent; border:none;}
.YGInvestorInUl h3,.YGInvestorIn00 h3{color:#333; padding-bottom:10px; margin-bottom:10px; border-bottom:3px solid #c00; position:relative;}
.YGInvestorInUl h3 a{ color:#999; position:absolute; top:5px; right:0; font-size:14px;}
.YGInvestorInUl h3 a:hover{ color:#c00;}
.YGInvestorInUl ul{padding:0; margin:0; list-style:none;}
.YGInvestorInUl ul li{padding:12px 0 12px 20px;border-bottom:1px dashed #ddd; position:relative; background:url("../images/icon/iconList03.png") no-repeat center left;}
.YGInvestorInUl ul li span{color:#999; position:absolute; top:10px; right:0; font-size:14px;}
.YGInvestorIn00 ul{padding:0; margin:0; list-style:none;}
.YGInvestorIn00 ul li{padding:7px 0;border-bottom:1px solid #fff;; position:relative; background:#f7f7f7;}
.YGInvestorIn00 ul li span{color:#337ab7; border-left:3px solid #337ab7; padding-left:5px;}
.YGInvestorRight p{ text-indent:2em; padding:5px;}
.YGInvestorRight ul{ padding:0; margin:0; list-style:none;}
.YGInvestorRight ul li {border-bottom:1px dashed #ddd; padding:5px;}
.YGInvestorRight ul li span{ color:#337ab7; font-size:14px; padding-right:10px;}
#YGInvestorNav{ margin:0 0 35px 0; padding:0; list-style:none;}
#YGInvestorNav li{width:18%; text-align:center; float:left; margin:1%;}
#YGInvestorNav li a{width:auto; height:auto; display:block; text-align:center; background:#eee; border:1px solid #ddd; border-radius:5px; padding:7px; color:#666;}
#YGInvestorNav li a:hover{ background:#fff; border:1px solid #ccc; color:#333;}
#YGInvestorNav li.active a{ background:#337ab7; border:1px solid #337ab7; color:#fff;}
#YGinvTab01 h4,#YGinvTab02 h4{ display:none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border-bottom-color:#fff;}
.YGinvMenu { }
.YGinvMenu h4{ border-bottom: 1px dashed #337ab7; padding-bottom: 10px; clear: both; margin:15px 0; height:40px; color:#337ab7; }
.YGinvH4{ border-bottom: 1px dashed #ccc; padding-bottom: 10px; clear: both; margin:15px 0; height:40px; font-weight:bold; color:#337ab7; }
.YGinvMenu ul { padding: 0px 0 20px 20px; }
.YGinvMenu ul li { padding: 2px 0; }
.YGinvMenu ul li a { font-size: 16px; color: #666; }
.YGinvMenu ul li.active a {  color: #005197; font-weight: 700; }
.YGinvMenu ul li a:hover { color: #005197; }
.YGinvMenu ul.YGinvMenuL { padding: 0px 0 20px 0px; }
.YGinvMenu ul.YGinvMenuL li { padding: 5px 3px; list-style: none; display: inline-block; }
.YGinvMenu ul.YGinvMenuL li a { font-size: 14px; color: #333; display: block; background: #eee; padding: 3px 5px; font-weight: 700; }
.YGinvMenu ul.YGinvMenuL li a:hover { color: #005197; background: #d4f4ff; }
a.pdfIcon{ background:url("../images/icon/pdf_icon.gif") no-repeat 0px 17px; float:right; padding:10px 0px 10px 30px;}
#YGinvTab a{color:#999;}
#YGinvTab .active a{padding:15px 50px;font-weight:bold; color:#337ab7;}
.YGincText{ padding:10px 0;}
.YGincText table{ border:1px solid #eee; font-size:14px;}
.YGincText th{font-weight:bold; color:#fff; background:#337ab7;}
.YGincText td{background:#f7f7f7;}
.YGincText p{ text-indent:2em;}
.YGincText h5{ font-size:16px; font-weight:bold; color:#333; padding:20px 0 0px;}
.YGbusBoxs .thumbnail{ margin-top:20px; background:#f4f4f4;}
.YGbusBoxs .thumbnail .col-xs-6,.YGbusBoxs .thumbnail .col-xs-12{ padding:3px;}
.YGbusBoxs .thumbnail .col-xs-6 a,.YGbusBoxs .thumbnail .col-xs-12 a{ border:1px solid #eee;}
.YGbusBoxs h5{font-size:16px; font-weight:bold; color:#333; padding:10px 10px 10px 40px; margin:0px 0 10px 0; border-bottom:1px dashed #ddd;}
.YGbusBoxs ul{padding:0 0 10px; margin:0; list-style:none; font-size:14px;}
.YGbusT01{ background:url("../images/icon/iconP09.png") no-repeat 10px 6px;}
.YGbusT02{ background:url("../images/icon/iconP10.png") no-repeat 10px 6px;}
.YGbusT03{ background:url("../images/icon/iconP11.png") no-repeat 10px 6px;}
.YGbusT04{ background:url("../images/icon/iconP12.png") no-repeat 10px 6px;}
.YGbusTxt{padding-bottom:30px;}
.YGbusTxt h3{ color:#337ab7; border-bottom:1px dashed #337ab7; padding-bottom:20px; margin-bottom:20px;}
.YGbusTxt h4{ color:#333; font-size:22px; font-weight:bold; padding-top:20px;}
.YGbusTxt h5{ color:#999; font-size:16px; padding-bottom:20px;}
.YGbusTxt .thumbnail h5{ color:#337ab7; font-size:16px; text-align:center; font-weight:bold; padding-bottom:0px;}
.YGbusTxt .thumbnail p{  color:#666; font-size:14px; padding:5px;}

.YGbusTxt p{ text-indent:2em;}
.YGbusTxt ul{ padding:0; margin:0; list-style:none;}
.YGbusB{color:#fff; font-size:14px;}
.YGbusB a{color:#fff; margin:10px auto;}
.YGbusB h5{color:#fff; font-size:16px; font-weight:bold; line-height:1.5em;}
.YGbusList { margin: 0; padding: 0 10px; }
.YGbusList li { list-style: none; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.YGbusList li a { display: block; width: 100%; height: 40px; line-height:40px; border: 1px #ddd solid; border-radius: 5px; }
.YGbusList01 .img { background: url("../images/business/pica01.jpg") no-repeat center center; }
.YGbusList02 .img { background: url("../images/business/pica02.jpg") no-repeat center center; }
.YGbusList03 .img { background: url("../images/business/pica03.jpg") no-repeat center center; }
.YGbusList04 .img { background: url("../images/business/pica04.jpg") no-repeat center center; }
.YGbusList .hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: left; cursor: default; background: #00b0f0; border-radius: 5px; }
.YGbusList .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 10px 15px; }
.YGbusList .hovereffect .img { display: block; position: relative; max-width: none; width: calc(100% + 20px); height:300px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.YGbusList .hovereffect:hover .img { opacity: 0.4; filter: alpha(opacity=40); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.YGbusList .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 19px; font-weight:700; overflow: hidden; padding:120px 0 0.5em 0; background-color: transparent;-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;-webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
.YGbusList .hovereffect:hover h2 { -webkit-transform: translate3d(0, -120px, 0); transform: translate3d(0, -120px, 0); }
.YGbusList .hovereffect h2:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0px, 0); }
.YGbusList .hovereffect:hover h2:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.YGbusList .hovereffect a, .hovereffect p { color: #FFF; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); }
.YGbusList .hovereffect:hover a, .hovereffect:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, -120px, 0); transform: translate3d(0, -120px, 0); }
.YGbusList01 h2 { background: url("../images/icon/iconP01.png") no-repeat center top; }
.YGbusList02 h2 { background: url("../images/icon/iconP02.png") no-repeat center top; }
.YGbusList03 h2 { background: url("../images/icon/iconP03.png") no-repeat center top; }
.YGbusList04 h2 { background: url("../images/icon/iconP04.png") no-repeat center top; }
.YGjobBoxs{ padding:5px 0px;}
.YGjobBoxs ul{ padding:0; margin:0; list-style:none;}
.YGjobBoxs ul li{padding:3px;}
.YGjobMenus{color:#fff;}
#ygHrSearchTimeBox{color:#fff; border-top:1px dashed #31b0d5; padding-top:15px;}
.YGjobMenus a{color:#fff; display: inline-block; margin-right: 15px;}
.YGjobMenus a:hover{color:#fc0;}
.YGjobMenus a.select{color:#ff0;}

#ygHrListBox {}
#ygHrListBox ul{padding:0; margin: 0; list-style: none;}
#ygHrListBox h4{ color:#337ab7; font-weight: bold;}
#ygHrListBox h4 small{ color:#337ab7;}
#ygHrListBox h5,#ygHrListBox li li strong{ font-size:16px; font-weight:bold; color:#666; padding-left: 20px;}
#ygHrListBox p{ font-size:14px;}
#ygHrListBox .list-inline{ padding: 10px 0;}
#ygHrListBox .list-inline li{ padding-left: 0px;padding-right: 15px; padding-bottom: 0px; border-bottom:none; margin-bottom: 0;}
#ygHrListBox .col-sm-2{ padding-top: 25px; text-align: right;}

.YGJobsTit { padding-bottom: 25px;  text-align: center;}
.YGJobsTit h3{color:#337ab7; font-weight: bold;}
.YGJobsTit p{color:#999; font-size:14px;}
.YGJobsTit1 { padding-bottom: 25px;  text-align: center;}
.YGJobsTit1 h3{color:#337ab7; font-weight: bold;}
.YGJobsTit1 h5{color:#999; font-weight: normal; font-size:16px; padding:15px 0;}
.YGJobsTit1 p{color:#666; font-size:18px; font-weight: bold; padding: 10px 0 0 0;}
.YGJobsTable .thumbnail{ border-color:#ddd; }
.YGJobsTable table{ margin-bottom: 0;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 14px 8px;}
.YGJobsTable th{ background: #337ab7; color:#fff; font-weight: bold;}
.YGJobsTable .YGJobsTableD{ background: #fff; color:#337ab7; font-weight: bold;}
.YGJobsTable .YGJobsTableR{ background: #eee; padding: 0; height: 5px; }
.YGJobsUl2 ul{ padding:0; margin:0; list-style:none;}
.YGJobsUl2 li{ padding-bottom:20px;}
.YGJobsUl2 .col-sm-5{ padding-right:15px;}
.YGJobsUl2 .col-sm-7{ padding-left:15px;}
.YGJobsUl2 h4{ padding-top:25px; font-weight:bold; color:#333; font-size:18px; }
.YGJobsUl2 p{ padding-top:10px; font-size:14px; line-height:1.3; }
.YGJobsUl2 span{ font-weight:bold; color:#c00; }
.YGJobsText p{text-indent: 2em;}
.YGJobsOl ol{ padding-top: 70px;}
.YGJobsUl01{ padding: 0; margin: 0; list-style: none;}
.YGJobsUl01 ol{ padding-bottom: 20px; padding-right:20px; font-size:14px; color:#999;}
.YGJobsUl01 ol li{ padding: 4px 0; }
.YGJobsUl01 h4{ padding:5px 0 15px; margin-bottom: 20px; border-bottom: 1px #ccc dashed;font-weight: bold; color:#337ab7; text-align: center; line-height: 1.5em; }

.YGJobsBg01{ background: url("../images/jobs/pic01.png") no-repeat center bottom; background-size: contain auto; padding-bottom:150px;}
.YGJobsBg01 p{ text-indent: 2em;}
.YGJobB{ margin: 40px auto 0; width:56%; background:rgba(255,255,255,.7); border: 3px solid #31b0d5; border-radius: 20px; padding:10px 30px 0;font-size:16px;}
.YGJobB h4{font-size:18px; font-weight: bold; text-align: center; color:#31b0d5; padding:5px 0 15px; border-bottom: 3px dotted #eee;}
.YGJobB ol{padding:0 0px 0 20px; margin: 0; color:#333;}
.YGJobB li{padding-bottom:10px;}

.YGJobsMenu ul{padding: 0; margin: 0 14px; list-style: none;}
.YGJobsMenu ul li{ text-align: center; border: 1px solid #fff; padding: 1px;}
.YGJobsMenu ul li a{ display: block; background: #eee; border: 1px solid #ddd; padding:10px 0; color:#444; border-radius: 4px;}
.YGJobsMenu ul li a:hover{ background: #fff; border: 1px solid #eee;color:#666;}
.YGJobsMenu ul li.active a{ background: #337ab7; border: 1px solid #337ab7; color:#fff;}

.YGJobTab{}
.YGJobTabE { background: #eee; padding: 30px 0 50px; }
.YGJobTabF { background: #fff; padding: 30px 0 50px; }

.YGJobTabF h3{ color:#337ab7; text-align:center;}
.YGJobTabF .YGbg03{ background:#337ab7;}
.YGJobTabF .YGbg04{ background:#5bc0de;}
.YGJobTabF .YGbg05{ background:#5cb85c;}
.YGJobTabF .YGbg03 h3{ color:#fff;}
.YGJobTabF .YGbg04 h3{ color:#fff;}
.YGJobTabF .YGbg05 h3{ color:#fff;}
.YGJobTabF .panel-heading{ padding:0;}
.YGJobTabF .panel-heading a{ padding:10px 15px; display:block;}
.YGJobsL01 ul{padding: 0; margin: 0; list-style: none;}
.YGJobsL01 ul li{ border: 1px dotted #aaa; padding:30px;}
.YGJobsL01 ul li h4{ color:#337ab7; font-size:18px; font-weight:bold; text-align:center;}
.YGJobsL01 ul li p{ text-indent:2em;}
.panel-body h5{padding-left:20px;}
.panel-body p{padding-left:35px;}
h2.TxtColorRed { margin: 15px; color:#c00; font-weight:500; font-size:24px; text-align:center;}
.YGH2Txt{ text-align:center; padding-bottom:15px; font-size:14px; color:#999;}
.YGBox01{}
.YGBox01 .thumbnail{ border-color:#eee; padding:0; border-radius:10px;}
.YGBox01 .thumbnail .caption{ color:#ffa3a7; background:#da242b; padding:5px 20px; border-radius:0 0 10px 10px; font-size:14px;}
.YGBox01 .thumbnail .caption h4{ color:#fff;font-size:16px; font-weight:bold;}
.lBg01{ background:url("../images/prod31/lbg01.jpg") no-repeat center bottom; padding-bottom:220px;}
.YGBox02 .thumbnail{ background:#eee; padding:5px 20px; border-radius:10px; font-size:14px; margin-bottom:85px;}
.YGBox02 .thumbnail h4{ color:#333;font-size:16px; font-weight:bold;}
.YGBox02 .thumbnail span{ color:#c00; position:absolute;top:17px; left:8px;}
.YGBox03 p{ text-indent:2em;}
.YGBox04 h4{font-size:22px; color:#333; margin-bottom:15px;}
.YGBox04 h4 span{color:#c00;}
.YGBox0401{ background:#da242b; color:#fff; padding:20px 0; margin-bottom:50px;}
.YGBox0401 ul{ padding:0; margin:0; list-style:none; font-size:14px;}
.YGBox0402 p{ padding-top:20px; color:#666; font-size:14px;}
.YGBox05 h4{font-size:22px; color:#333; margin-bottom:15px; padding-top:80px;}
.YGBox05 h4 span{color:#c00;}
.YGBox05 ul li{ padding:5px 0; font-size:14px;}
.YGBox0501{ padding-bottom:50px;}
.YGBox0501 h4{ padding-left:40%;}
.YGBox0501 img{width:38%; position:absolute; top:0; left:10px;}
.YGBox0501 ul{ padding:20px 0 20px 40%; margin:0; list-style:none; background:#eee;}
.YGBox0502{ padding-bottom:50px;}
.YGBox0502 h4{ padding-left:20px;}
.YGBox0502 img{width:38%; position:absolute; top:0; right:10px;}
.YGBox0502 ul{ padding:20px 40% 20px 20px; margin:0; list-style:none; background:#eee;}
.YGBox0504{ padding-bottom:50px;}
.YGBox0504 h4{ padding-left:40%;}
.YGBox0504 img{width:38%; position:absolute; top:0; left:10px;}
.YGBox0504 ul{ padding:20px 0 20px 40%; margin:0; list-style:none; background:#eee;}
.YGBox0503{ padding-bottom:50px;}
.YGBox0503 h4{ padding-left:20px;}
.YGBox0503 img{width:38%; position:absolute; top:0; right:10px;}
.YGBox0503 ul{ padding:20px 40% 20px 20px; margin:0; list-style:none; background:#eee;}
.YGBox06 li{ border-bottom:1px dashed #ddd; padding:5px 0;}
.YGBox06 li a{ color:#666;}
.YGBox06 li a:hover{ color:#c00;}
.YGBOxbtn { clear:both; padding:50px 0 0 0; text-align:center;}
.YGBox07{ color:#666; text-align:center;}
.YGBox07 h4{ color:#333;}
.YGBox07 p{ padding:5px 15px; font-size:14px;}
.YGserver0 {}
.YGserver0 h3{ color:#333; padding-top:15px; padding-bottom:15px;}
.YGserver0 h4{ color:#337ab7;}
.YGserver0 ul{ padding:0; margin:0; list-style:none; }
.YGserver0 p{ text-indent:2em;}
.YGserver0 .img{ padding:15px 0;}
.YGserver0 img.pull-left{ padding:0px 30px 15px 0;}
.YGserverUl02  { padding:0; margin:0; list-style:none; }
.YGserverUl02 li { padding:15px;}
.YGserverUl02 li h4 { font-size: 18px; color: #666; text-decoration:none; text-align:center; }
.YGserverUl02 li p { font-size: 14px; color: #666; }
.YGserverUl02 li:hover p { color: #333; }
.YGserverUl02 li .img { width: 100%; overflow: hidden; border: 1px solid #fff; border-radius: 5px; padding:0; }
.YGserverUl02 li img { display: block; position: relative; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; opacity:0.7; }
.YGserverUl02 li:hover img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity:1; }
.YGserverUl01{}
.YGserverUl01 dt{padding:10px 0 0 35px; line-height:35px; font-weight:normal; color:#337ab7; background: url("../images/server/iconQ.png") no-repeat 0 10px;}
.YGserverUl01 dd{padding:6px 0 15px 35px; border-bottom:1px dashed #eee; background: url("../images/server/iconA.png") no-repeat 0 0;}
.YGServerWeiXD{padding-top:20px;}
.YGServerTable01{ margin-top:30px; margin-bottom:30px; border:2px solid #ddd; clear:both;}
.YGServerTable01 table{ margin-bottom:0; font-size:14px; background:#fff;}
.YGServerTable01 table tr td{}
.YGServerTable01 table tr th{ color:#337ab7; background:#eee;}
.YGServerUl03{ padding:0; margin:0; list-style:none;}
.YGServerUl03 li{ margin-bottom:15px;}
.YGServerUl03 li h4{ color:#337ab7;}
#YGCaseList{padding-top:30px; padding-bottom:60px;}
#YGCaseList h4{color:#337ab7; font-size:18px; font-weight:bold; padding:0 0 15px;}
#YGCaseList p{ text-indent:2em;color:#777;}
#YGCaseList ul{ padding:0; margin:0; list-style:none;}
#YGCaseList li{ color:#999; font-size:14px; background:url("../images/icon/iconList03.png") no-repeat 0 7px; padding:0 0 0 1em;}
#YGCaseList .img{padding-top:15px;}
#YGCaseList .carousel-indicators li{ border-color:#00b0f0;}
#YGCaseList .carousel-indicators .active{ background-color:#00b0f0;}
#YGCaseList .carousel-control{ top:auto; bottom:30px;}
.iconN001{ padding:2px 7px;color:#fff; background:#337ab7; font-size:12px; text-align:center; font-weight:bold; border-radius:5px;}
.fontBlue{ color:#337ab7;}
.fontReb{ color:#c00;}
.YGnoIndent{ text-indent:0;}
.YGP0 p{ text-indent:0;}
.YGSolutBox01 ul { padding:0; margin:0; list-style:none;}
.YGSolutBox01 .thumbnail { text-align:center; padding:30px 0;}
.YGSolutBox01 .thumbnail h4{font-size:16px;}
.YGSolutBox01 .thumbnail p{ text-indent:0; font-size:14px;}
.YGSolutBox02 ul { padding:0; margin:0; list-style:none;}
.YGSolutBox02 .thumbnail { text-align:center; padding:30px 0;}
.YGSolutBox02 .thumbnail h4{font-size:16px;}
.YGSolutBox02 .thumbnail p{ text-indent:0; font-size:14px;}
.YGSolutBox03{ background:#f4f4f4; padding:10px 0; border-bottom:1px solid #eee; border-top:1px solid #eee; margin-bottom:30px;}
.YGSolutBox03 h4 {}
.YGSolutBox03 ul { padding:0; margin:0; list-style:none;}
.YGSolutBox03 .thumbnail { text-align:center; padding:30px 0;}
.YGSolutBox03 .thumbnail h4{font-size:16px;}
.YGSolutBox03 .thumbnail p{ text-indent:0; font-size:14px;}
.YGH4Tab{ background:#f4f4f4; margin:30px 0 0 0; padding:30px 15px 15px; font-weight:bold; color:#337ab7; text-align:center;}
.YGSolutBox04{}
.YGSolutBox04 h4{}
.YGSolutBox04 p{ text-indent:2em;}
.YGSolutBox04 ul { padding:0; margin:0; list-style:none;}
.YGSolutBox04 li { padding:15px; text-align:center;}
.YGSolutBox04 li p{ text-align:left; font-size:14px; color:#999;}
.YGSolutBox05{}
.YGSolutBox05 p{ text-indent:2em; text-align:left; padding:15px;}
.YGSolutBox05 ul { padding:0; margin:0; list-style:none;}
.YGSolutBox05 li { padding:15px; text-align:center; font-size:14px; color:#999;}
.YGSolutBox06{}
.YGSolutBox06 h4.text-center{margin-top:50px;}
.YGSolutBox06 h5{ font-size:16px; font-weight:bold; text-indent:1em; margin-top:25px;}
.YGSolutBox06 p{ text-indent:2em; text-align:left; padding:15px;}
.YGSolutBox06 ul { padding:0; margin:0; list-style:none;}
.YGSolutBox06 li { padding:15px; text-align:center;}
.YGSolutBox06 .img { padding:15px 15px 30px; text-align:center;}
.YGSolutBox07{}
.YGSolutBox07 h4{ text-align:left; padding:0 15px; margin-bottom:0;}
.YGSolutBox07 p{ text-indent:2em; text-align:left; padding:15px;}
.YGSolutBox07 .thumbnail  p{ text-indent:0px; text-align:left; padding:15px; font-size:14px;}
.YGSolutBox07 ul { padding:0; margin:0; list-style:none;}
.YGSolutBox07 li { padding:15px; text-align:center;}
.YGSolutBox09{}
.YGSolutBox09 h3{ text-align: center; padding:35px 15px 15px; margin-bottom:0;}
.YGSolutBox09 h4{ text-align:left; padding:15px; margin-bottom:0; font-size:18px; color:#333;}
.YGSolutBox09 p{ text-indent:2em; text-align:left;}
.YGSolutBox09 .thumbnail  p{ text-indent:0px; text-align:left; padding:15px; font-size:14px;}
.YGSolutBox09 ul {}
.YGSolutBox09 li {}
.YGSolutBox10{}
.YGSolutBox10 h4{ text-align:left; padding:5px 15px 10px; border-bottom:1px dashed #eee; margin-bottom:0; color:#337ab7; font-weight:bold;}
.YGSolutBox10 p{ text-indent:2em; text-align:left; padding:15px;}
.YGSolutBox10 .thumbnail  p{ text-indent:2em; text-align:left; padding:15px; font-size:14px;}
.YGSolutBox10 ul { padding:0; margin:0; list-style:none;}
.YGSolutBox10 li { padding:0 15px; text-align:left;}
.YGSolutBox10 li a.btn { margin-left:15px; margin-bottom:15px;}

.top20{ padding-top:20px;}
.top50{ padding-top:50px;}
.top100{ padding-top:100px;}

.YGSearchBox{padding:100px 0 5px;}
.YGSearchTxt{font-size:14px; color:#aaa;padding:10px 15px;}
.YGSerachLi{ padding:0px 0 15px 15px; margin:0;}
.YGSerachLi li{ padding:15px 0; margin:0; border-bottom:1px dashed #ddd;}
.YGSerachLi li h4{ font-size:1.1em;}
.YGSerachLi li h4 strong{  padding:0 5px;}
.YGSerachLi li p{ padding:0; margin:0; font-size:0.8em; line-height:1.4em; color:#999;}
.YGSerachLi li p strong{ color:#666; padding:0 5px;}
.font999{color:#999;}
.font888{color:#888;}
.font666{color:#666;}
.YGTable{ border:1px solid #ccc; font-size:14px;}
.YGTable th{ background:#337ab7; color:#fff; font-weight:bold; }
.YGTable td { border:1px solid #ccc;}
.YGTable td p{ text-indent:0; margin:0; padding:0;}
.ThW10{width:10%;}
.ThW20{width:20%;}
.ThW30{width:30%;}
.ThW40{width:40%;}
.ThW50{width:50%;}
.ThW60{width:60%;}
.ThW70{width:70%;}
.ThW80{width:80%;}
.ThW90{width:90%;}
.YGnavSearchBut{display:none;}

.YGTabH{width:auto;height:720px; overflow-y:scroll;}
.YGTabH h5{padding:30px 0 10px;}
.YGTabH .img{height:auto;}
.modal.in .modal-dialog{-webkit-transform:translate(0,-35%);-ms-transform:translate(0,-35%);-o-transform:translate(0,-35%);transform:translate(0,-35%)}
.modal-dialog{position:absolute;width:auto;margin:10px auto;left:0;right:0;top:35%}
.YGM01 .modal-body{height:550px;overflow-y:scroll;}
.YGM01 H5{font-size:16px; font-weight:700; color:#438edb;padding:10px 0 0;}
.YGM01 H6{font-size:16px; font-weight:700; color:#666;padding:10px 0 0;}
.YGM01 p{ text-indent:2em;}

#YGAboutSwiper{margin-top: 30px; width: 1140px; position: relative;}
#YGAboutSwiper .CATopTitle{margin-bottom: 30px;}
#YGAboutSwiper img{width: 100%;}
#YGAboutSwiper .swiper-pagination-bullet{background: #fff; width: 12px; height: 12px; margin: 0 7px; opacity: .5;}
#YGAboutSwiper .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
#YGAboutSwiper .swiper-button-prev{background: rgba(0,0,0,.4); left: 0; width: 36px; height: auto; margin-top: -28px; padding: 10px 0; opacity: 0; transition: all .3s;}
#YGAboutSwiper .swiper-button-next{background: rgba(0,0,0,.4); right: 0; width: 36px; height: auto; margin-top: -28px; padding: 10px 0; opacity: 0; transition: all .3s;}
#YGAboutSwiper .swiper-wrapper:hover .swiper-button-prev,#YGAboutSwiper .swiper-wrapper:hover .swiper-button-next{opacity: 1;}


.CulturalActivity{padding: 40px 0 0 0;}
.CATopTitle{border-left: solid 8px #ca0000; padding-left: 25px; margin-bottom: 60px;}
.CATopTitle h5{font-size: 42px; font-weight: bold; color: #000; line-height: normal; margin-bottom: 20px;}
.CATopTitle p{font-size: 14px; color: #000; line-height: normal;}
.CACon{min-height: 920px;}
.CACon .container{position: relative;}
.CACon .LeftLine{position: absolute; left: 0; top: 0;}
.CACon .LeftLine .circle{}
.CACon .LeftLine .circle .icon{width: 16px; height: 16px; background: #ca0000; border-radius: 50%; display: block; margin-bottom: 12px;}
.CACon .LeftLine .line{ width: 2px; height: 700px; background: #a0a0a0; display: table; margin: 0 auto; margin-bottom: 12px;}
.CACon .con{position: relative; height: 695px; top: 100px;}
.CACon .con .ConTi{position: absolute; left: 0; top: 0; background: #005bac; border-radius: 10px; padding: 20px 30px; z-index: 2; transform: translate(30px,-50%);}
.CACon .con .ConTi h6{font-size: 28px; color: #fff;margin-bottom: 15px;}
.CACon .con .ConTi h5{font-size: 18px; color: #fff;}
.CACon .con .text{position: absolute; top: 0; right: 0; width: 620px; height: 12em; overflow: hidden;}
.CACon .con .text p{margin-bottom: 0; font-size: 14px; line-height: 2em; text-indent: 2em; color: #000; text-align: justify;}
.CACon .jsf{text-indent: 0 !important;}
.CACon .con .img{overflow: hidden; position: absolute;}
.CACon .con .img img{ width: 100%; height: 100%;object-fit: cover; object-position: center; border-radius: 20px;}
.CACon .con .imgA{ left: 140px;bottom: 0; width: 340px; height: 695px;}
.CACon .con .imgB{ right: 0;bottom: 200px; width: 620px; height: 300px;}
.CACon .con .imgBH{ height: 330PX;}
.CACon .con .row{position: absolute; right: 0; bottom: 0; margin: 0 -10px; display: flex; width: 640px;}
.CACon .con .row .col-4{padding: 0 10px; flex: 0 0 33.33333%;} 
.CACon .con .row .col-4 .img{position: relative; height: 170px;}
.CAConB{background: #eeeeee; padding-top: 40px; height: 1000px;}
.CAConbg{background: #eee; padding: 40px 0; min-height: 950px;}
.CAConB .con{top: 80px;}
.CAConB .con .ConTi{right: 75px; top: 80px; left: auto;}
.CAConB .con .text{left: 30px; width: 330px; height: auto;}
.CAConB .con .img{position: static;}
.CAConB .con .row{right: 0; top: 30px; width: 750px; margin: 0 25px;}
.CAConB .con .row .col-6{padding: 0 25px;}
.CAConB .con .imgA{width: 286px; height: 520px; margin-bottom: 30px;}
.CAConB .con .imgB{width: 286px; height: 216px;}
.CAConB .con .imgC{width: 430px; height: 300px;  margin: 60px 0 30px;}
.CAConB .con .imgD{width: 320px; height: 256px;}

.MoreBrilliant{width: 100%; height: auto; background-size: cover !important; background-position: center bottom !important; background-repeat: no-repeat !important; padding: 60px 0; position: relative;}
.MoreBrilliant .title{ font-size: 48px; font-weight: bold; color: #fff; width: 100%; text-align: center; margin-bottom: 60px;}
#MoreBrilliant{width: 1100px; }
.MoreBrilliant .swiper-button-next{background: url("../images/arrow-right.png") no-repeat; width: 42px; height: 88px; margin-top: -24px; right: 15%; background-size: cover;}
.MoreBrilliant .swiper-button-prev{background: url("../images/arrow-left.png") no-repeat; width: 42px; height: 88px; margin-top: -24px; left: 15%; background-size: cover;}
#MoreBrilliant a{text-decoration: none;}
#MoreBrilliant .img{overflow: hidden; width: 100%; height: 250px;}
#MoreBrilliant .img img{ width: 100%; height: 100%;object-fit: cover; object-position: center; border-radius: 20px 20px 0 0 ;}
#MoreBrilliant .con{background: rgba(255,255,255,.8); padding: 25px 20px; border-radius: 0 0 20px 20px;}
#MoreBrilliant .con h5{margin: 0; font-size: 20px; font-weight: bold; text-align: center; color: #000; transition: all .3s;}
#MoreBrilliant .con p{font-size: 14px; color: #000; line-height: 1.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; transition: all .3s;}
#MoreBrilliant a:hover h5,#MoreBrilliant a:hover p{color: #005bac;}

.codePic{position: fixed; bottom: 90px; right: 15px;}
.codePic img{width: 150px;}
.YGProd07A{background: url("../images/icon/gnicon.png") no-repeat 15px 15px;}

.img80{width: auto; }

.robotCon{box-shadow: 0 3px 16px rgba(140,147,167,.4); min-height: 574px;}
.robotCon p{padding: 0 25px 30px; text-indent: 0;}
.more-bt{display: table;margin: 40px auto 0;}

@media (min-width:768px){.modal-dialog{width:600px}}

@media only screen and (max-width: 1200px) {
	.nav > li > a{padding:15px 8px;}
	.YGnavSearch .input-group{ display:none; position:absolute; right:15px; top:8px;}
	.YGnavSearchBut{display:inline-block;background-color:#5bc0de;border-color:#46b8da;padding:6px 12px;border-radius:4px;color:#fff;height:34px;}
	.YGnavSearchBut:hover{background-color:#31b0d5;border-color:#269abc;color:#fff;}
}
@media only screen and (max-width: 1600px) {
	.MoreBrilliant .swiper-button-next{ right: 10.5%;}
	.MoreBrilliant .swiper-button-prev{  left: 10.5%;}
	.codePic img{width: 134px;}
}
@media only screen and (max-width: 1366px) {
	.MoreBrilliant .swiper-button-next{ right: 20px;}
	.MoreBrilliant .swiper-button-prev{  left: 20px;}
	.codePic img{width: 108px;}
}

@media only screen and (max-width: 990px) {
	.YGabout02:before { left: 100%; }
	.YGabout02 .timeline { width: 100%; float: none; margin-bottom: 20px !important; }
	.YGabout02 .timeline:first-child:before,  .YGabout02 .timeline:last-child:before { left: auto !important; right: -13px !important; }
	.YGabout02 .timeline:nth-child(2n) .circle { float: left; margin: 0 25px 0 0; }
	.YGabout02 .timeline:nth-child(2n) .circle:before { right: -33px; left: auto; box-shadow: 7px 0 9px -7px #444 inset; }
	.YGabout02 .timeline:nth-child(2n) .circle span:before,  .YGabout02 .timeline:nth-child(2n) .circle span:after { right: -33px; left: auto; border-radius: 0 0 0 21px; }
	.YGabout02 .timeline:nth-child(2n) .circle span:after { border-radius: 21px 0 0 0; }
	.YGabout02 .timeline:nth-child(2n) .content { padding: 0 40px 0 0; margin-left: 0; }
	.YGabout02 .timeline:nth-child(2n) .icon { right: -14px; left: auto; }
	.YGabout02 .timeline:nth-child(2n) .icon:before,  .YGabout02 .timeline:nth-child(2n) .icon span:before,  .YGabout02 .timeline:nth-child(2n) .icon span:after { left: -15px; right: auto; }
	.YGabout02 .timeline:nth-child(2n) .icon span:before { border-radius: 0 0 21px 0; }
	.YGabout02 .timeline:nth-child(2n) .icon span:after { border-radius: 0 21px 0 0; }
	.YGabout02 .timeline:nth-child(2),  .YGabout02 .timeline:nth-child(odd),  .YGabout02 .timeline:nth-child(even) { margin: 0; }
	.YGJobsOl ol{ padding-top: 0px;}
	.YGJobB{ width:60%;}
	.nav > li > a{padding:15px 8px;font-size:14px;}
	.nav > li > a span{display:none;}
	.YGnavSearch .input-group{ display:none;}
	.YGnavSearchBut{display:inline-block;}
}
#ygNewsPageBox img{max-width:80%;}
@media only screen and (max-width: 480px) {
	#ygHrListBox a{ margin-top: 0px;}
	.YGabout02:before { left: 0; }
	.YGabout02 .timeline:first-child:before,  .YGabout02 .timeline:last-child:before { left: -12px !important; right: auto !important; }
	.YGabout02 .circle,  .YGabout02 .timeline:nth-child(2n) .circle { width: 130px; height: 130px; float: none; margin: 0 auto; }
	.YGabout02 .timeline-content:before { width: 99.5%; top: 68px; left: 0.5%; }
	.YGabout02 .circle span { line-height: 115px; font-size: 60px; }
	.YGabout02 .circle:before,  .YGabout02 .circle span:before,  .YGabout02 .circle span:after,  .YGabout02 .icon { display: none; }
	.YGabout02 .content,  .YGabout02 .timeline:nth-child(2n) .content { padding: 0 10px; }
	.YGabout02 .year { margin-bottom: 15px; }
	.YGabout02 .description { text-align: center; }
}

@media only screen and (max-width: 768px) {
	#ygHrListBox .col-sm-2{ padding-top: 0px; text-align: left;}
	.YGJobsOl ol{ padding-top: 0px;}
	.YGJobB{ width:80%;}
	.YGbgA00 a h6 { padding: 10px 0 5px 60px; }
	.YGbgA00 a p { padding: 0 0 0 60px; }
	.YGnavSearch .input-group{display:table; position:relative;right:0;top:0;}
	/*手机端*/
	body{font-size:1.2em;}
	.YGbgE,.YGbgF{padding:15px 0 20px;}
	#YGbanner{min-height:200px;}
	#YGbanner .item{min-height:200px; background:url("../images/banner0.png") no-repeat 0 0; background-size:auto 100%;}
	.YGbgE h2, .YGbgF h2{font-size:1.6em; margin:20px 0;}
	.h3, h3{font-size:1.3em;}
	.h4, h4{font-size:1.1em;}
	.YGProdUlAll li .overlay a{font-size:0.8em;padding:5px 0;}
	.btn-group-lg > .btn, .btn-lg{font-size:1em;}
	.YGulInNew li h6{font-size:1.1em; line-height:1.5em; }
	.YGulInNew li h6 span a{font-size:0.8em;}
	.YGCopyright{ padding:0; border:none; text-align:center;}
	.YGCopyright .text-right{ text-align:center;}
	.YGProd06 li{ padding:5px 15px; background:none;}
	.YGProd07{ padding:5px 15px; background:none;}
	.YGProdMore h3{ padding:0 15px;}
	.YGProdMore a, .YGProdCont a, .YGJobsCont a{margin:5px 5px 5px 15px; padding:10px; font-size:0.8em;}
	.YGProd05 h4{ font-size:1.4em; padding:0;}
	.YGProd05 p{ font-size:0.8em; color:#999; line-height:1.2em;}
	.YGProdUl04 li li a{ font-size:0.8em;}
	.YGProd0 li p{ font-size:0.8em; color:#999; line-height:1.5em;}
	.YGBorderRa10{padding:10px 0 0 0;}
	.YGProd2 .YGulLR02 p{ font-size:1em; color:#999; line-height:1.5em;}
	#YGP02T0TabContent, #YGP03T10TabContent{ padding:15px;}
	#YGP02T0TabContent p, #YGP03T10TabContent p{font-size:1em;}
	.YGBorderRa10 .btn{ margin:0 0 10px 0; font-size:0.8em;}
	.YGBorderRa10 .col-xs-3{padding:0 0 0 15px;}
	#YGCaseList{ padding-top:0;}
	#YGCaseList h4{ padding:0; font-size:1.3em;}
	#YGCaseList li{ font-size:1em;}
	.YGJobB{font-size:1em;}
	.YGJobsUl01 ol{font-size:1em;}
	#ygHrListBox h5, #ygHrListBox li li strong{font-size:1em;}
	.btn{font-size:0.8em;}
	#divNav .btn{font-size:14px;}
	.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn{font-size:12px; padding:5px; height:30px; }
	.YGJobTabF{ padding:5px 0;}
	.YGJobsTit1{ padding-bottom:0;}
	.YGJobsUl2 h4{padding-top:0; font-size:1.2em;}
	.YGJobsUl2 p{ font-size:1em; padding:0;}
	.YGJobTabF .panel-heading a{ padding:5px 10px; font-size:0.9em;}
	.YGJobTabF .panel-body{padding:5px 10px; font-size:0.9em; line-height:1.4; color:#999;}
	.YGJobsMenu ul li a{padding:5px 0;}
	.YGJobsTit1 h5{font-size:1em;}
	.YGJobsL01 ul li{ padding:5px 10px;}
	.YGJobB{padding:10px;}
	.nav > li > a{padding:10px;}
	.dropdown-menu{font-size:1em;}
	.YGnavBoxs .YGnavBoxA.dropdown .dropdown-menu li{display:inline-block;width:40%;}
	.YGnavBoxs .YGnavBoxJ.dropdown .dropdown-menu li{display:inline-block;width:40%;}
	.YGnavBoxP1, .YGnavBoxC1, .YGnavBoxS1{display:inline-block;width:45%;}
	.YGnavBoxs .YGnavBox.dropdown .dropdown-menu h4{font-size:1em;}
	.YGnavBoxs .YGnavBox.dropdown .dropdown-menu h4 a{color:#777;}
	#YGCaseList p{font-size:0.8em;}
	.YGProd08 h4{font-size:1.1em;padding:5px;margin-bottom:0px;}
	.YGProd08 p{font-size:0.8em;}
	.YGProd08 li{font-size:0.8em;}
	.YGProd08 ul{padding:5px 5px 5px 10px;}
	.YGBtnTL{text-align:center;padding-top:0;}
	.YGBtnTR{text-align:center;padding-top:0;}
	.YGProd03 .top100{padding-top:5px;}
	.YGProdUl01 li{height:auto;}
	.YGBannerT1{width:100%;height:auto;padding-top:30px;padding-bottom:30px;}
	.YGBannerT1 h1{padding:5px;font-size:1.8em;}
	.YGBannerT1 p{font-size:1em;padding:0;margin:0;}
	.YGinProdList .hovereffect .overlay{padding:0px;}
	.YGinProdList .hovereffect .img{height:140px;}
	.YGinProdList .hovereffect h2{padding:10px;background:none;}
	.YGProd3 li{padding:10px 15px;}
	.YGBtnTC{padding-top:0;}
	.YGnavSearch .input-group{display:table;}
	.YGnavSearchBut{display:none;}

	#YGAboutSwiper{margin-top: 50px; width: 100%;}
	.CulturalActivity{padding: 30px 0 0 0;}
	.CATopTitle{margin-bottom: 0; padding-left: 15px;}
	.CATopTitle h5{font-size: 30px; margin-bottom: 12px;}
	.CACon{height: auto; padding: 40px 0 50px;}
	.CACon .LeftLine{display: none;}
	.CACon .con{top: 0; height: auto; overflow: hidden;}
	.CACon .con .ConTi{position: static; transform: translate(0,0); padding: 10px 2em; margin-bottom: 15px;}
	.CACon .con .ConTi h5{font-size: 24px;}
	.CACon .con .ConTi h6{font-size: 14px;}
	.CACon .con .text{position: static; width: 100%; height: auto; margin-bottom: 15px;}
	.CACon .con .img{position: static;}
	.CACon .con .img img{border-radius: 10px;}
	.CACon .con .imgA{float: left; width: 30%; height: 180px;}
	.CACon .con .imgB{float: right;width: 65%; height: 180px;}
	.CACon .con .row{position: static; width: 100%; margin-top: 15px; float: left;}
	.CACon .con .row .col-4{flex: 0 0 35%;}
	.CACon .con .row .col-4 .img{height: 100px;}
	.CAConB{padding: 30px 0;}
	.CAConB .con{width: 100%;}
	.CAConB .con .row{float: none; margin: 0 -10px;}
	.CAConB .con .row .col-6{flex: 0 0 53%; padding: 0 10px;}
	.CAConB .con .imgA{width: 100%; height: 180px; margin: 0 0 20px;}
	.CAConB .con .imgB{width: 100%; height: 180px;}
	.CAConB .con .imgC{width: 100%; height: 180px; margin: 0 0 20px;}
	.CAConB .con .imgD{width: 100%; height: 180px;}
	.MoreBrilliant{height: auto; padding: 50px 0;}
	.MoreBrilliant .title{display: block; font-size: 30px; margin-bottom: 40px;}
	#MoreBrilliant{width: 70%;}
	.MoreBrilliant .swiper-button-next,.MoreBrilliant .swiper-button-prev{display: none;}
	#MoreBrilliant .img{height: 180px;}
	#MoreBrilliant .con{padding: 20px; }
	.codePic{display: none;}
	.img80{width: 100%; }
}

@media(min-width:768px) {
	.col-sm-5ths { width: 20%; float: left; }
}

@media(min-width:992px) {
	.col-md-5ths { width: 20%; float: left; }
}

@media(min-width:1200px) {
	.YGProdL01 .col-xs-4 {padding:30px 52px 0px;}
	.col-lg-5ths { width: 20%; float: left; }
}
/*IE7*/
div{z-index:1;}
.YGnavLogo{ *padding:0px;}
.YGnavSearch .input-group{ *width:15%;}
.YGnavSearch.navbar-form .input-group > .form-control{ *width:80%;*float:left;*height:30px;*line-height:30px;}
.YGnavSearch .input-group span{ *width:20%;*float:left;}
.row{ *clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {*padding-right: 0px;*padding-left: 0px;}
.carousel-indicators li{ *float: left;}
.YGProdUlAll li .overlay a {  *width: 36%; }
.breadcrumb > li{*float:left;*padding-right:15px;}
.YGbre{*position:relative;*z-index:10;}
.modal{*z-index:11;}
.modal-backdrop{*z-index:20;}
.modal-dialog{*z-index:21; }
#YGnewTabContent LI{ *clear:none;}
.YGProdL01 .col-xs-4{*padding:0;}
.YGabout02 .circle{*z-index:5;}
.YGabout02 .content{*z-index:4;}
.YGabout02 .icon{*display:none;}
.YGbusBoxs .thumbnail .col-xs-6{*padding:0;*width:46%;}
.YGbusBoxs .thumbnail .col-xs-12{*padding:0;*width:92%;}
.YGbusB a{*width:60%;}
.YGbusList .hovereffect H2{*padding:100px 0 0 0;}
.YGbusList .hovereffect .overlay{*padding:0 10%; *width:80%; *font-size:14px; *line-height:1.2em;}
.modal-open .modal{*z-index:100;}
.form-control{*padding:0;}
.YGInvestorInUl UL{*clear:both;}
.YGProd05 LI{*padding:35px 0;}
.YGProdUl04 LI LI.col-md-3{*width:23%;}
.YGProdUl04 .YGP2Bg{ *background:#eee;}
.YGProdUl04 LI UL{ *background:#eee; *margin-bottom:40px;}
.YGProdCont a{*display: inline-block; *float:left; }
.YGProd0 .dropup{*float:left;}
.YGBorderRa10 .clearfix{*clear:both;}
#YGP02T0Tab{*padding:0;*margin:0;}
#YGP02T0TabContent{*padding:0;}
.YGProd2 P{*clear:both;}
.YGProd4 P{*clear:both;}
.YGProdUl04 LI{*padding:0;}
.YGProdUl04 LI h4{*padding:0 15px;}
.YGProdUl04 LI p{*padding:15px;}
#YGP03T10Tab{*padding:0;*margin:0;}
#YGP03T10TabContent{*padding:0;}
.YGSolutBox04 LI{*padding:0;}
.YGSolutBox04 .text-center{*clear:both;}
.YGProdUl05 .clearfix{*clear:both;}
.YGProd4 h4{*clear:both;}
.YGinProdList .hovereffect:hover A{*width:60%;}
.YGJobsMenu UL LI{*padding:0;}
.YGJobsL01 UL LI{*padding:0;}
.YGJobsL01 UL LI p{*padding:15px;}
.YGJobB{*background:#fff;}
#ygHrListBox .clearfix{*clear:both;}
#ygHrSearchBox { position:relative; z-index:20;}
#ygHrSearchBox .input-group-btn{*float:left;*width:10%;}
#ygHrSearchBox input.form-control{*float:left;*width:68%; *padding:0; *line-height: 44px; *height: 44px;}
#ygHrSearchBox .dropdown-menu .divider{*display:none;}

#ygFloatingMenu { width: 80px; height: 415px; position: fixed; right: 0px; bottom: 0px; z-index: 90; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));}
#ygFloatingMenu a { width: 80px; height: 80px; margin: 0 0 3px; display: block; overflow: hidden; line-height: 80px; text-indent: 100px; }
#ygFloatWechatContent { width: 330px; height: 140px; padding: 10px; display: none; border: 1px solid #ccc; background: #fff; position: absolute; right: 82px; bottom: 270px; z-index: 100; }
#ygFloatWechatContent  img{ width: 310px; height: 120px; cursor:pointer;}

#ygFloatWechatContent p { width: 120px; height: 140px; text-align: center; float: left; color: #000; font-size: 12px; line-height: 12px; padding:0; }

#ygFloatingMenu #ygFloatWechat { background: url("../images/ygFloatWechat.png") no-repeat 0 0; }
#ygFloatingMenu #ygFloatWechat:hover, #ygFloatingMenu #ygFloatWechat.select { background: url("../images/ygFloatWechat.png") no-repeat 0 -80px; }

#ygFloatingMenu #ygFloatGoto { background: url("../images/ygFloatGoto2.png") no-repeat 0 0; }
#ygFloatingMenu #ygFloatGoto:hover { background: url("../images/ygFloatGoto2.png") no-repeat 0 -80px; }

#ygHrBox {
	/* margin-left: 8%;*/
}

#ygHrBox th {
	background-color: #A9D0EC;
	color: #000;
	border-bottom: 1px solid #6BA4CB;
	height: 35px;
	line-height: 35px;
	text-align: center;
	padding: 0 5px;
}

#ygHrBox tr {
	background: #fafafa;
}

#ygHrBox tr:nth-of-type(odd) {
	background: #eee;
	margin: 1px;
	padding: 0 10px;
}

#ygHrBox tr:hover {
	background: #CFE7F8;
	color: #000;
}

#ygHrBox td {
	padding: 5px;
	line-height: 20px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

#ygHrBox td strong {
	color: #0655a4;
}

#ygHrBox #HrTable07 td {
	/*border-bottom: 1px solid #eee;*/
	border:1px solid white;
	font-size: 16px;
}

#ygHrBox #HrTable07 tr {
	background: #eef6fd;
}

#ygHrBox #HrTable07 tr:nth-of-type(odd) {
	background: #eef6fd;
	margin: 1px;
	padding: 0 10px;
}

#ygHrBox #HrTable07 tr:hover {
	background: #eef6fd;
	color: #000;
}

#ygHrBox #HrTable07 tr.Bg1 {
	background: #fffbfc;
}

#ygHrBox #HrTable07 tr.Bg1:nth-of-type(odd) {
	background: #fffbfc;
	margin: 1px;
	padding: 0 10px;
}

#ygHrBox #HrTable07 tr.Bg1:hover {
	background: #fffbfc;
	color: #000;
}

#hrlc {
	padding: 0;
	text-indent: 0;
}
.pagination>li>a.page-this{background-color:#337ab7;color:white;}

.navbar-fixed {
	width:100%;
	height: 50px;
	background-color: #fff;
	border:1px solid #dadada;
}

.fix {
	position: fixed;
	left: 0;
	top: 0;
	background-color: #fff;
	border:0px solid #dadada;
	z-index: 999999;
}


#menu.navbar-fixed > li > a {
	text-transform: uppercase;
	color: #a7c44c;
	font-weight: 400;
	font-size: 15px;
	padding: 5px 0;
	border: 2px solid transparent;
	letter-spacing: 0.5px;
	margin: 10px 15px 0 15px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #337ab7 !important;
	background-color: transparent;
}
.about_box{border:0px solid #f7f7f7; }
.about_content{margin-top:20px;}
.hoor_box{ text-align: center; padding:2px 5px;}
.hoor_box dl{border:1px solid #e3e3e3; margin: 0; height: 40px; line-height:40px; padding-left: 20px; text-align: left;}

/* 荣誉证书 */
.clone{ width: 250px; }
.clone img{ width: 100%; }
.workshop{ padding: 30px 0;}
.indexshopbox{ width:1200px;  position:relative; margin-top:40px;}
.indexshopbox .tempWrap{ overflow:hidden;margin: 0 auto;}
.indexshopbox .prev,.indexshopbox .next{ display:block; width:54px; height:91px; overflow:hidden; cursor:pointer; position:absolute; top: 50%; margin-top: -45.5px; z-index:10;}
.indexshopbox .prev{right: 50px; background: url(../images/next.png) no-repeat;}
.indexshopbox .next{left: 30px; background: url(../images/prev.png) no-repeat;  }
.indexshopbox .shopscroll{ position: relative; overflow: hidden;width: 1110px;margin: 0 auto;}
.indexshopbox .shopscroll .workshoplist{ position: relative; }
.workshoplist li{width:250px;  display: inline; float: left; margin:0 6px;}
.workshoplist li a{ display: block;position: relative; background: #F5F3F4; text-align: center; padding: 16px 0;}
.workshoplist li a .workshoppic{ width:250px; margin: 0 auto;}
.workshoplist li a .workshoppic img{ width:313px; height: 500px;}
.workshoplist li a .cover{ top: 0;left: 0; position: absolute; height: 643px; width: 100%; background:url(../images/black.png) repeat; color: #fff; transition: all .4s;filter:alpha(opacity=0);opacity: 0;}
.workshoplist li a .cover p{ font-size: 16px; padding-top: 8px; }
.workshoplist li a:hover .cover{ padding-top: 80px; height: 183px;filter:alpha(opacity=100); opacity: 1;}
.wenhua{ width: 100%;   color:#fff; padding:30px;}
.pro_descont h1{ font-size: 20px; margin:20px 0 0 0;}
.pro_descont dl h2{ font-size: 18px; background: url("../images/dot001.jpg") left no-repeat; padding-left:30px; line-height: 30px; } 
.pro_descont dl p{ color:#888;}
.pro_descont dl h2{ margin:10px 0 0 0;}
.jis_box{ text-align: center; }
.jis_box h2{ text-align: center; font-size: 16px; font-weight: normal; color:#333; margin-top:20px;}
.jis_box p{padding:0 15px; color:#888;}
.jis_box ul li{ float:left; width: 16%; height: 230px; }
.tx_bg{background: #eeeeee; padding-bottom:40px;}
.tab_box{background: #fff;}
.section-title{margin: 50px 0;}
.section-title p{font-size: 20px; color:#888;}
.apply_box{ text-align: center; }
.apply_box ul li{display:inline-block; width: 25%;   margin: 8px 0; text-align:center; vertical-align: top; }
.apply{ width: 95%; /* height: 460px; */ padding:10px; border: 1px solid #f7f7f7; margin: 0 auto; background: #fff; text-align: center;}
.apply dl dd{ display: block; margin:60px 0 40px 0;}
.apply dl dt{ width: 70%; font-weight: normal; margin:0 auto;}
.apply dl dt h2{font-size: 22px; font-weight: normal; margin: 0; line-height: 36px; color:#333; margin-bottom:20px;}
.apply dl dt p{color:#888; margin: 0}

.pro_descont h5{font-size: 26px; color:#333; font-weight: normal;}
.tit_bot_line{height:4px; width: 50px; background: #539bff;}
/* .textpic_bg:nth-child(odd){background: #fafafa;} */

.cases_box{ height: 500px; border:1px solid #f7f7f7; margin-bottom:30px; }

.newimg{ width: 15%; float:left; margin-right:20px;}
.newimg img{ width: 100%; }

/* 表单样式 */
.col_3f5{width: 60%; margin: 0 auto 50px auto;}
.block, .blockregion {position: relative;}
.boxcol {position: relative;}
.formblock .line {padding: 5px 0;border-bottom: 0px solid #ccc;}
.formblock .line .key {
	text-align: right;
	float: left;
	width: 17%;
	margin-right: 3%;
}
.formblock .errorstar {
	color: red;
}
.formblock .label {
	color: #333;
}
.formblock .line {
	padding: 5px 0;
	border-bottom: 0px solid #ccc;
}
.formblock .line .valuediv {
	float: left;
	width: 78%;
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-control {
	height: auto;
}
.formblock .linesubmit {
	margin: 10px 0;
	text-align: center;
}
.dmbtn .more {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	padding: 0 50px;
	height: 45px;
	line-height: 45px;
	overflow: visible;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	background: #1688D3;
	color: #fff;
	text-decoration: none;
	border: 0;
}
.formblock .line .error {
	display: none;
	color: red;
	margin: 0;
	padding: 0;
}


.codeimg{ margin-top:5px; }
.contact_toal h4{
	font-weight: 700;
	color: #337ab7;
	margin-top:50px;
}
.contact_toal ul{margin:20px 0 0 0 ; padding: 0;}
.contact_toal ul li{display:block; line-height: 32px;}
.contact_toal ul li span{ width: 20px; text-align: center; }
.iconct{ margin-right:6px;}
.ewm img {width:100%;}
.t_search{margin-top:15px;}

/*首页聚焦产品线*/
.tabox{width:100%;margin:30px auto;border-top:2px solid #337ab7; background: #fff;}
.tabox .hd{overflow:hidden;background:url(../images/bg.png) 0 -32px #337ab7;border-left:1px solid #ddd;}
.tabox .hd ul{ margin:0;padding:0;  }
.tabox .hd li{position:relative;margin-left:-1px;height:37px;line-height:37px;text-align:center;width:177px;float:left;border-right:1px solid #ddd;border-top:0;font:normal 14px/37px "Microsoft YaHei";_font-weight:bold;cursor:default; color:#fff;}
.tabox .hd li.on{width:176px;background:#fff;border-bottom:1px solid #fff;color:#337ab7;}
.tabox .bd{height:auto;border:1px solid #ddd;border-top:0; padding-bottom:30px;}
.tabox .bd li:nth-child(n){float:left;display:inline;}
.tabox .bd li:nth-child(4n+1){clear:both}

.YGProd0 ul li:nth-child(n){float:left;display:inline;}
.YGProd0 ul li:nth-child(4n+1){clear:both}

.tabox .lh{overflow:hidden; margin: 0; padding:0;}
.tabox .lh li{width:25%;padding:0 10px;float:left;}
.tabox .lh li .p-img{width:100%;height:200px;padding:30px 5px 0 5px;margin:0 auto;text-align:center;}
.tabox .lh li .p-img img{ width: 100%; }
.tabox .lh li .p-name{height:36px;line-height:36px;word-break:break-all;word-wrap:break-word;overflow:hidden; text-align:center; font-size:16px;}
.tabox .lh li .p-price{color:#999;}
.tabox .lh li .p-price strong{color:#337ab7;font-size:14px;font-family:verdana;}
.thumbnail h3{font-size:16px;}
.thumbnail h3 a{color:#337ab7;}

.tabox .lh li:hover .p-name{ font-weight: 600;}
.service_box {text-align: center;}
.service_box img{max-width:60%;}

.index_new h2{font-size:18px; font-weight: 500; border-bottom:1px solid #dfdfdf; padding-bottom:10px; }
.index_new h2 span{font-size:14px; float:right; font-weight: normal; }
.new_top{border-bottom:1px dashed #ccc;}
.new_top .col-sm-4{padding-left:0; padding-right:15px;}
.new_top .col-sm-8{padding-left:0; padding-right:0;}
.new_icon{ margin-right:10px; color:#337ab7; }
.bot_nav{ display: inline-block; margin-right:35px; vertical-align: top; }
.bot_nav ul{ padding:0; }

.newslist{}

/* scr_con style */
.scr_con {position:relative;height:360px; width:100%;margin:20px auto; background: url(../images/line1.png) repeat-y 80px; }
#dv_scroll{position:absolute;height:360px;overflow:hidden;width:98%;}
#dv_scroll .Scroller-Container{width:100%;}
#dv_scroll_bar {position:absolute;right:0;top:40px;width:14px;height:310px;border-left:1px solid #B5B5B5;}
#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:20px;width:14px;height:270px;}
#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:-7px;top:0;width:13px;height:29px;overflow:hidden;background:url(../images/srcoll.gif) no-repeat;cursor:pointer;}
#dv_scroll_text {position:absolute;}


/* 底部表单 */
form {
	width: 100%
}
fieldset {
	border: none;
	margin: 0;

}
fieldset legend {
	font-weight: 500;
	color: #337ab7;
	font-size: 16px;
	margin-bottom:10px;
	text-align: center;
	border:0;
}



ol {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.commentForm li {
	float: left;
	padding: 5px;
}
.commentForm li.last {
	float: none;
	clear: both;
	text-align: center;
}
label {
	cursor: pointer;
	font-weight: bold;
	line-height: 24px;
	vertical-align:top;
}


input,
textarea {
	background-color:#FFF;
	color: #4d4d4d;
	border: 1px solid #c4c4c4;
	font: 13px Helvetica, Arial, "Nimbus Sans L", FreeSans, sans-serif;
	padding: 4px 12px;
	width: 170px;
	_width: 186px;
/* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
-moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
IE filter
filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5)"
}
input:focus,
textarea:focus {
	border-color: #4d4d4d; */
}
/* input[type="submit"] {
background-color: #c50a1f;
color: #fff;
cursor: pointer;
font: italic bold 1em/1.2 Georgia, "Times New Roman", Times, Cambria, "Nimbus Roman No9 L", serif;
border: 1px double #e35061;
margin: 10px;
padding: 5px 10px;
width: auto;

-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;

background: -moz-linear-gradient(top, #e1001a, #c50a1f);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1001a), color-stop(1, #c50a1f));
filter:	progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1001a', EndColorStr='#c50a1f');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1001a', EndColorStr='#c50a1f')";

-moz-box-shadow: 1px 0 0 #c50a1f, -1px 0 0 #c50a1f, 0 1px 0 #c50a1f, 0 -1px 0 #c50a1f, 0 5px 10px -5px #666;
-webkit-box-shadow: 1px 0 0 #c50a1f, -1px 0 0 #c50a1f, 0 1px 0 #c50a1f, 0 -1px 0 #c50a1f, 0 5px 10px -5px #666;
box-shadow: 1px 0 0 #c50a1f, -1px 0 0 #c50a1f, 0 1px 0 #c50a1f, 0 -1px 0 #c50a1f, 0 5px 10px -5px #666;
text-shadow: 1px 1px 3px #333
} */
/* input[type="submit"]:hover {
background: #c50a1f;
text-shadow: none;
} */
textarea {
	width: 380px;
	overflow: auto;
}
.bot_btn{ width: 100px; padding: 5px ; border-radius: 5px; -webkit-border-radius: 5; -moz-border-radius: 5;}


/* IE7 styles */
*+html legend {margin-left: 0px}
*+html textarea {width: 430px}
*+html li.last {padding: 5px}
*+html input[type="submit"] {width: 100px}


/* 滚努证书 */

.block_bg{ display: block; padding-bottom:40px; }
.block_bg:nth-of-type(odd){ background:#fafafa;}
.block_bg:nth-of-type(even){ background:#fff;}

/* 在线客服 */


@font-face { font-family: jdcfont; src: url(../fonts/jdcfont.eot); src: url(../fonts/jdcfont.eot#iefix) format("embedded-opentype"), url(../fonts/jdcfont.woff) format("woff"), url(../fonts/jdcfont.ttf) format("truetype"), url(../fonts/jdcfont.svg#jdcfont) format("svg") }
.jdcfont { font-family: jdcfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }
.jdc-side { display: none; position: fixed; right: 20px; bottom: 20%; z-index: 300; width: 60px }
.mod_hang_qrcode { position: relative }
.mod-qr-tips { height: 70px; background: url(../images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 70px; top: -65px; width: 138px; min-height: 166px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }
.jdc_hang_qrcode .mod_hang_qrcode_show_bg img{ width: 123px; height: 123px;} 
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 60px; height: 60px; color: #0989c5; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 60px; height: 60px; margin: 5px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; margin-top: 5px; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 60px; height: 60px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}

.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}

.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: #fff; background-color: #0989c5 }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9; right:-500px; position: absolute; right: 70px; bottom: 0; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 300px }
.mod_hang_appeal_show ul{ margin: 0; padding:0; }
.mod_hang_appeal_show li {
	*zoom:1; cursor: pointer }
	.mod_hang_appeal_show li:hover { background: #f3f5fb }
	.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
	.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
	.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box h5{}
	.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center }
	.mod_hang_appeal_show .icon_box i { color: #0989c5; font-size: 30px }
	.mod_hang_appeal_show .text_box h5 {padding:0; margin-top: 10px; font-weight: 700; font-size: 16px; color: #03004c; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
	.mod_hang_appeal_show .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 12px; color: #666; cursor: pointer }
	.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }
	.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 226px }
	.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
	.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
	@media (max-width:768px) {
		.jdc-rwd .jdc-side { display: none!important }
	}
	.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg img{ width: 123px; height: 123px;} 
	.jdc-lang-en .mod-qr-tips { position: relative }
	.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }