/***** home begin *****/
.home { padding-bottom: 40px; }
.home .HomeSlide { margin-bottom: 40px; }
.home .section-1f { margin-bottom: 30px; }
.home .section-1f .CatTitle { margin-bottom: 20px; }

.home .section-2f { margin-bottom: 40px; }
.home .section-2f .pic-scroll { width: 100%; margin: 0 auto; position: relative; }
.home .section-2f .pic-scroll .scroll-box { border: 1px solid #C4C4C4; margin: 0px auto; width: 100%; padding: 20px 0 10px; position: relative; }
.home .section-2f .pic-scroll .scroll-box .prev,.pic-scroll .scroll-box .next { cursor: pointer; width: 40px; height: 40px; margin: auto; position: absolute; top: 0; bottom: 0; z-index: 9; }
.home .section-2f .pic-scroll .scroll-box .prev { background: #FFF url(../images/home/scroll1_switch_btn.png) left top no-repeat; left: 20px;  }
.home .section-2f .pic-scroll .scroll-box .next { background: #FFF url(../images/home/scroll1_switch_btn.png) right top no-repeat; right: 20px; }
.home .section-2f .pic-scroll .scroll-box .prev:hover { background: #FFF url(../images/home/scroll1_switch_btn.png) left bottom no-repeat; }
.home .section-2f .pic-scroll .scroll-box .next:hover { background: #FFF url(../images/home/scroll1_switch_btn.png) right bottom no-repeat; }

.home .section-3f {  }
.home .section-3f .BgBox { width: 100%; height: 250px; overflow: hidden; position: relative; }
.home .section-3f .BgBox .pic { width: 5000px; height: 100%; margin-left: -2500px; position: absolute; top: 0; left: 50%; }
.home .section-3f .BgBox .pic img { height: 100%; margin: 0 auto; }
.home .section-3f .WrapBox { height: 100%; position: relative; }
.home .section-3f .WrapBox .logo { width: 320px; height: 100px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; }
.home .section-3f .WrapBox .logo img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.home .section-3f .BgBox .AdText { background: url(../images/home/AdText_bg.png) center no-repeat; width: 164px; height: 44px; line-height: 44px; text-align: center; position: absolute; top: 40px; right: 0; }
.home .section-3f .BgBox .AdText span { font-size: 18px; }
.home .section-3f .BgBox .TelNum { position: absolute; right: 0; bottom: 30px; }
.home .section-3f .BgBox .TelNum>div { text-align: center; }
.home .section-3f .BgBox .TelNum .text { font-size: 18px; }
.home .section-3f .BgBox .TelNum .num { font-size: 26px; }

.home .section-4f { margin-bottom: 40px; }
.home .section-4f .CatTitle { padding: 20px 0 30px; }
.home .section-4f .RowBox-1 { margin-bottom: 10px; }
.home .section-4f .RowBox-1 a,.home .section-4f .RowBox-4 a { background: #FD0000; behavior: url(PIE.htc); border-radius: 5px; color: #FFF; display: block; font-size: 18px; width: 152px; height: 52px; line-height: 52px; margin: 0 auto; text-align: center; }

.home .section-4f .RowBox-2 { margin-bottom: 20px; }

.home .section-4f .RowBox-3 { margin-bottom: 20px; }
.home .section-4f .RowBox-3 .ico { background: url(../images/home/Section_4f_ico.png) center no-repeat; height: 20px; }

.home .section-4f .statistics { background: url(../images/home/statistics_bg.png) center top no-repeat; width: 590px; height: 420px; margin: 0 auto; padding: 0 36px 20px; position: relative; }
.home .section-4f .statistics .LeftFloatText { border: 1px solid #009FE9; width: 230px; height: 210px; padding: 10px; position: absolute; top: 100px; left: -290px; }
.home .section-4f .statistics .LeftFloatText .ContentBox { width: 100%; height: 100%; }
.home .section-4f .statistics .LeftFloatText .ContentBox p { color: #333; font-size: 14px; line-height: 24px; }
.home .section-4f .statistics .LeftFloatText .ContentBox p a { color: #009FE9; font-size: 18px; }
.home .section-4f .statistics .LeftFloatText .ico { position: absolute; right: -10px; bottom: 50px; }
.home .section-4f .statistics .CatBox { height: 100%; }
.home .section-4f .statistics .CatBox .row,.home .section-4f .statistics .CatBox .row .col-xs-6 { height: 100%; }
.home .section-4f .statistics .CatBox .num,.home .section-4f .statistics .CatBox .text { position: relative; }
.home .section-4f .statistics .CatBox .num .RightFloatText,.home .section-4f .statistics .CatBox .text .RightFloatText { border: 1px solid #009FE9; display: none; width: 300px; min-height: 140px; padding: 10px; position: absolute; top: 120px; }
.home .section-4f .statistics .CatBox-1 .num .RightFloatText { right: -800px; }
.home .section-4f .statistics .CatBox-1 .text .RightFloatText { right: -714px; }
.home .section-4f .statistics .CatBox-2 .num .RightFloatText { right: -628px; }
.home .section-4f .statistics .CatBox-2 .text .RightFloatText { right: -541px; }
.home .section-4f .statistics .CatBox-3 .num .RightFloatText { right: -455px; }
.home .section-4f .statistics .CatBox-3 .text .RightFloatText { right: -369px; }
.home .section-4f .statistics .CatBox .num:hover .RightFloatText,.home .section-4f .statistics .CatBox .text:hover .RightFloatText { display: block; }

.home .section-4f .statistics .CatBox .RightFloatText .ContentBox { width: 100%; height: 100%; }
.home .section-4f .statistics .CatBox .RightFloatText .ContentBox p { color: #333; font-size: 14px; line-height: 24px; }
.home .section-4f .statistics .CatBox .RightFloatText .ico { position: absolute; left: -10px; bottom: 50px; }

.home .section-4f .statistics .num { background: url(../images/home/cylinder_blue.png) center bottom no-repeat; height: 100%; position: relative; }
.home .section-4f .statistics .num .field-1 { width: 100%; text-align: center; position: absolute; top: 60px; left: 0; }
.home .section-4f .statistics .num .field-2 { color: #FFF; font-size: 18px; width: 100%; padding: 0 30px; text-align: center; position: absolute; left: 0; bottom: 110px; }
.home .section-4f .statistics .text { background: url(../images/home/cylinder_red.png) center bottom no-repeat; height: 100%; position: relative; }
.home .section-4f .statistics .text .field-1 { width: 100%; text-align: center; position: absolute; left: 0; bottom: 140px; }
.home .section-4f .statistics .text .field-2 { color: #FFF; font-size: 16px; width: 100%; line-height: 16px; padding: 0 30px; text-align: center; position: absolute; left: 0; bottom: 26px; }
.home .section-4f .StatisticsCat { width: 590px; margin: 0 auto; padding: 0 36px; }
.home .section-4f .StatisticsCat .CatName { height: 30px; line-height: 30px; text-align: center; }
.home .section-4f .StatisticsCat .CatName span { font-size: 20px; }

.home .section-4f .RowBox-4 { margin-bottom: 20px; }

.home .section-4f .RowBox-5 .box { width: 510px; margin: 0 auto; }
.home .section-4f .RowBox-5 .rectangular { background: #FF5D5B; behavior: url(PIE.htc); border-radius: 5px; height: 48px; line-height: 48px; margin-bottom: 10px; text-align: center; }
.home .section-4f .RowBox-5 .rectangular span { color: #FFF; font-size: 20px; }
.home .section-4f .RowBox-5 .TextBox { border: 1px solid #FF5D5B; height: 120px; padding: 0 10px; }
.home .section-4f .RowBox-5 .TextBox p { font-size: 16px; margin-bottom: 0; }
.home .section-4f .RowBox-5 .TextBox-2 p,.home .section-4f .RowBox-5 .TextBox-3 p { text-align: center; }

.home .section-5f { background: url(../images/home/section_5f_bg.png) center no-repeat; height: 850px; }
.home .section-5f .CatTitle { padding: 20px 0 30px; }
.home .section-5f .RowBox-1 { margin-bottom: 20px; }
.home .section-5f .RowBox-1 .box { width: 420px; margin: 0 auto; }
.home .section-5f .RowBox-1 .box>div { background: #EEE; width: 176px; height: 50px; line-height: 50px; text-align: center; transition-duration: 0.3s; }
.home .section-5f .RowBox-1 .box>div>a { display: block; font-size: 18px; width: 100%; height: 100%; transition-duration: 0.3s; }
.home .section-5f .RowBox-1 .box>div:hover,.home .section-5f .RowBox-1 .box>.current { background: #009FE9; }
.home .section-5f .RowBox-1 .box>div:hover>a,.home .section-5f .RowBox-1 .box>.current a { color: #FFF; }
.home .section-5f .RowBox-1 .left { float: left; }
.home .section-5f .RowBox-1 .right { float: right; }

.home .section-6f {  }
.home .section-6f .BgBox { width: 100%; height: 250px; overflow: hidden; position: relative; }
.home .section-6f .BgBox .pic { width: 5000px; height: 100%; margin-left: -2500px; position: absolute; top: 0; left: 50%; }
.home .section-6f .BgBox .pic img { height: 100%; margin: 0 auto; }
.home .section-6f .WrapBox { height: 100%; position: relative; }
.home .section-6f .WrapBox .logo { width: 320px; height: 100px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; }
.home .section-6f .WrapBox .logo img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.home .section-6f .BgBox .AdText { background: url(../images/home/AdText_bg.png) center no-repeat; width: 164px; height: 44px; line-height: 44px; text-align: center; position: absolute; top: 40px; right: 0; }
.home .section-6f .BgBox .AdText a { display: block; font-size: 18px; width: 100%; height: 100%; }
.home .section-6f .BgBox .AdText a:hover { color: #FD0000; }
.home .section-6f .BgBox .TelNum { position: absolute; right: 0; bottom: 30px; }
.home .section-6f .BgBox .TelNum>div { text-align: center; }
.home .section-6f .BgBox .TelNum .text { font-size: 18px; }
.home .section-6f .BgBox .TelNum .num { font-size: 26px; }

.home .section-7f { margin-bottom: 10px; }
.home .section-7f .pic-scroll { width: 100%; margin: 0 auto; position: relative; }
.home .section-7f .pic-scroll .scroll-box { margin: 0 auto; width: 100%; position: relative; }
.home .section-7f .pic-scroll .scroll-box .prev,.pic-scroll .scroll-box .next { cursor: pointer; width: 40px; height: 40px; margin: auto; position: absolute; top: 0; bottom: 0; z-index: 9; }
.home .section-7f .pic-scroll .scroll-box .prev { background: #FFF url(../images/home/scroll1_switch_btn.png) left top no-repeat; left: 20px;  }
.home .section-7f .pic-scroll .scroll-box .next { background: #FFF url(../images/home/scroll1_switch_btn.png) right top no-repeat; right: 20px; }
.home .section-7f .pic-scroll .scroll-box .prev:hover { background: #FFF url(../images/home/scroll1_switch_btn.png) left bottom no-repeat; }
.home .section-7f .pic-scroll .scroll-box .next:hover { background: #FFF url(../images/home/scroll1_switch_btn.png) right bottom no-repeat; }

.home .section-8f { margin-bottom: 40px; }
.home .section-8f .TdContent { height: 490px; }
.home .section-8f .box { height: 50%; }
.home .section-8f .box .row { height: 100%; }

.home .section-8f .left .pic { height: 100%; }
.home .section-8f .left .pic a { display: block; width: 100%; height: 100%; position: relative; }
.home .section-8f .left .pic img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; }
.home .section-8f .left .text { height: 100%; padding: 18px 30px 18px 0; }
.home .section-8f .left .title { max-height: 60px; margin-bottom: 20px; overflow: hidden; }
.home .section-8f .left .title a { font-size: 18px; line-height: 30px; }
.home .section-8f .left .title a:hover { color: #FD0000; }
.home .section-8f .left .excerpt { max-height: 120px; overflow: hidden; }
.home .section-8f .left .excerpt p { color: #666; line-height: 24px; }

.home .section-8f .right .pic { width: 100%; height: 100%; }
.home .section-8f .right .pic a { display: block; width: 100%; height: 100%; position: relative; }
.home .section-8f .right .pic img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.home .section-9f { margin-bottom: 40px; }
.home .section-9f .TdContent { height: 276px; }
.home .section-9f .TdContent .row,.home .section-9f .TdContent .row>div { height: 100%; }
.home .section-9f .pic { height: 100%; padding: 15px 0; }
.home .section-9f .pic a { display: block; width: 100%; height: 100%; position: relative; }
.home .section-9f .pic img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.home .section-9f .text { height: 100%; padding: 20px 20px 20px 0; }
.home .section-9f .text .title { max-height: 48px; margin-bottom: 20px; overflow: hidden; }
.home .section-9f .text .title a { font-size: 18px; line-height: 24px; transition-duration: 0.3s; }
.home .section-9f .text .title a:hover { color: #009FE9; }
.home .section-9f .text .excerpt { max-height: 120px; overflow: hidden; }
.home .section-9f .text .excerpt p { color: #666; line-height: 24px; margin-bottom: 0; }

.home .section-10f { margin-bottom: 40px; }
.home .section-10f .pic-scroll { width: 100%; margin: 0 auto; position: relative; }
.home .section-10f .pic-scroll .scroll-box { border: 1px solid #C4C4C4; margin: 0px auto; width: 100%; padding: 20px 0 10px; position: relative; }
.home .section-10f .pic-scroll .scroll-box .prev,.pic-scroll .scroll-box .next { cursor: pointer; width: 40px; height: 40px; margin: auto; position: absolute; top: 0; bottom: 0; z-index: 9; }
.home .section-10f .pic-scroll .scroll-box .prev { background: #FFF url(../images/home/scroll1_switch_btn.png) left top no-repeat; left: 20px;  }
.home .section-10f .pic-scroll .scroll-box .next { background: #FFF url(../images/home/scroll1_switch_btn.png) right top no-repeat; right: 20px; }
.home .section-10f .pic-scroll .scroll-box .prev:hover { background: #FFF url(../images/home/scroll1_switch_btn.png) left bottom no-repeat; }
.home .section-10f .pic-scroll .scroll-box .next:hover { background: #FFF url(../images/home/scroll1_switch_btn.png) right bottom no-repeat; }

.home .section-11f { margin-bottom: 40px; }
.home .section-11f .BgBox { width: 100%; height: 250px; overflow: hidden; position: relative; }
.home .section-11f .BgBox .pic { width: 5000px; height: 100%; margin-left: -2500px; position: absolute; top: 0; left: 50%; }
.home .section-11f .BgBox .pic img { height: 100%; margin: 0 auto; }
.home .section-11f .WrapBox { height: 100%; position: relative; }
.home .section-11f .WrapBox .logo { width: 320px; height: 100px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; }
.home .section-11f .WrapBox .logo img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.home .section-11f .BgBox .AdText { background: url(../images/home/AdText_bg.png) center no-repeat; width: 164px; height: 44px; line-height: 44px; text-align: center; position: absolute; top: 40px; right: 0; }
.home .section-11f .BgBox .AdText a { display: block; font-size: 18px; width: 100%; height: 100%; }
.home .section-11f .BgBox .AdText a:hover { color: #FD0000; }
.home .section-11f .BgBox .TelNum { position: absolute; right: 0; bottom: 30px; }
.home .section-11f .BgBox .TelNum>div { text-align: center; }
.home .section-11f .BgBox .TelNum .text { font-size: 18px; }
.home .section-11f .BgBox .TelNum .num { font-size: 26px; }

.home .section-12f { margin-bottom: 40px; }
.home .section-12f .TdContent { height: 490px; }
.home .section-12f .TdContent .box { padding: 15px 15px 0; }
.home .section-12f .left .pic { height: 270px; padding-right: 0; }
.home .section-12f .left .pic a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.home .section-12f .left .pic img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.home .section-12f .left .text { height: 270px; }
.home .section-12f .text .title { max-height: 48px; margin-bottom: 20px; overflow: hidden; }
.home .section-12f .text .title a { font-size: 18px; line-height: 24px; transition-duration: 0.3s; }
.home .section-12f .text .title a:hover { color: #009FE9; }
.home .section-12f .text .excerpt { max-height: 192px; overflow: hidden; }
.home .section-12f .text .excerpt p { color: #666; line-height: 24px; margin-bottom: 0; }
.home .section-12f .PostList {  }
.home .section-12f .PostList ul li { height: 40px; line-height: 40px; }
.home .section-12f .PostList .link {  }
.home .section-12f .PostList .link a { font-size: 16px; transition-duration: 0.3s; }
.home .section-12f .PostList .date {  }
.home .section-12f .PostList .date span { font-size: 16px; transition-duration: 0.3s; }
.home .section-12f .PostList ul li:hover a,.home .section-12f .PostList ul li:hover span { color: #009FE9; }

.home .section-12f .right .TdContent { padding-top: 15px; }
.home .section-12f .right .CatBox { margin-bottom: 8px; padding-left: 10px; }
.home .section-12f .right .CatBox .title { height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home .section-12f .right .CatBox .title a { font-size: 18px; transition-duration: 0.3s; }
.home .section-12f .right .CatBox .title a:hover { color: #009FE9; }
.home .section-12f .right .CatBox .excerpt { max-height: 72px; overflow: hidden; }
.home .section-12f .right .CatBox .excerpt p { color: #666; line-height: 24px; margin-bottom: 0; }

.home .section-13f { margin-bottom: 10px; }
.home .section-13f .pic-scroll { width: 100%; margin: 0 auto; position: relative; }
.home .section-13f .pic-scroll .scroll-box { margin: 0 auto; width: 100%; position: relative; }
.home .section-13f .pic-scroll .scroll-box .prev,.pic-scroll .scroll-box .next { cursor: pointer; width: 40px; height: 40px; margin: auto; position: absolute; top: 0; bottom: 0; z-index: 9; }
.home .section-13f .pic-scroll .scroll-box .prev { background: #FFF url(../images/home/scroll1_switch_btn.png) left top no-repeat; left: 20px;  }
.home .section-13f .pic-scroll .scroll-box .next { background: #FFF url(../images/home/scroll1_switch_btn.png) right top no-repeat; right: 20px; }
.home .section-13f .pic-scroll .scroll-box .prev:hover { background: #FFF url(../images/home/scroll1_switch_btn.png) left bottom no-repeat; }
.home .section-13f .pic-scroll .scroll-box .next:hover { background: #FFF url(../images/home/scroll1_switch_btn.png) right bottom no-repeat; }

/***** home end *****/

/***** ProductCenter begin *****/
.ProductCenter { margin-bottom: 50px; }
.ProductCenter .ProductList {  }
.ProductCenter .ProductList ul li { margin-bottom: 30px; }
.ProductCenter .ProductList .ContentBox { border: 1px solid #E5E5E5; padding-bottom: 20px; transition-duration: 0.3s; }
.ProductCenter .ProductList .pic { width: 100%; margin-bottom: 10px; }
.ProductCenter .ProductList .pic a { display: block; width: 100%; overflow: hidden; padding-bottom: 70%; position: relative; }
.ProductCenter .ProductList .pic img { width: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; }
.ProductCenter .ProductList .text { padding: 0 20px; }
.ProductCenter .ProductList .text .title { height: 30px; line-height: 30px; }
.ProductCenter .ProductList .text .title a { color: #333; font-size: 16px; transition-duration: 0.3s; }
.ProductCenter .ProductList .text .title a:hover { color: #FFCA0A; }
.ProductCenter .ProductList .text .excerpt { height: 60px; margin-bottom: 10px; overflow: hidden; }
.ProductCenter .ProductList .text .excerpt p { color: #666; font-size: 14px; line-height: 20px; margin-bottom: 0; }
.ProductCenter .ProductList .text .more { background: #FFF; behavior: url(PIE.htc); border: 1px solid #E5E5E5; border-radius: 10px; width: 100px; height: 32px; margin: 0 auto; text-align: center; }
.ProductCenter .ProductList .text .more:hover { border: 1px solid #FFCA0A; }
.ProductCenter .ProductList .text .more a { color: #E5E5E5; display: block; font-size: 16px; width: 100px; height: 30px; line-height: 30px; }
.ProductCenter .ProductList .text .more a:hover { color: #FFCA0A;  }
.ProductCenter .ProductList ul li:hover .ContentBox { border: 1px solid #FFCA0A; }
/***** ProductCenter end *****/

/***** ProductDetails begin *****/
.ProductDetails { margin-bottom: 50px; }
.ProductDetails .ProductInfo {  }
.ProductDetails .ProductInfo .left {  }
.ProductDetails .ProductInfo .right {  }
.ProductDetails .ProductInfo .pic { width: 100%; }
.ProductDetails .ProductInfo .pic a { display: block; width: 100%; overflow: hidden; padding-bottom: 78%; position: relative; }
.ProductDetails .ProductInfo .pic img { width: 100%; position: absolute; top: 0; left: 0; }
.ProductDetails .ProductInfo .text { width: 100%; overflow: hidden; padding-bottom: 78%; position: relative; }
.ProductDetails .ProductInfo .text .article { width: 100%; height: 100%; position: absolute; top: 0; right: 0; }
.ProductDetails .ProductInfo .text .title { height: 40px; line-height: 40px; overflow: hidden; }
.ProductDetails .ProductInfo .text .title span { color: #333; font-size: 18px; }
.ProductDetails .ProductInfo .text .content {  }
.ProductDetails .ProductInfo .text .content p { color: #666; font-size: 16px; line-height: 28px; }
/***** ProductDetails end *****/

/***** CaseShow begin *****/
.CaseShow { margin-bottom: 60px; }
.CaseShow .CasePic {  }
.CaseShow .CasePic .left { padding-left: 0; }
.CaseShow .CasePic .right { padding-right: 0; }
.CaseShow .CasePic a { display: block; width: 100%; overflow: hidden; padding-bottom: 75%; position: relative; }
.CaseShow .CasePic img { width: 100%; position: absolute; top: 0; left: 0; }
.CaseShow .CaseText { width: 100%; }
.CaseShow .CaseText dt { height: 30px; line-height: 30px; }
.CaseShow .CaseText dt span { color: #333; font-size: 18px; }
.CaseShow .CaseText dd p { color: #666; font-size: 14px; line-height: 24px; }
/***** CaseShow end *****/

/***** Question begin *****/
.Question { margin-bottom: 50px; }
.Question .list { margin-bottom: 20px; }
.Question .list ul li { border-bottom: 1px dashed #CCC; height: 62px; line-height: 62px; }
.Question .list .title { float: left; width: 70%; height: 100%; }
.Question .list .title a { color: #757575; font-size: 16px; margin-left: 22px; }
.Question .list .views { background: url(../images/Question/views_ico.png) left top no-repeat; float: right; height: 100%; padding-left: 30px; text-align: right; }
.Question .list .views span { color: #757575; font-size: 16px; }
.Question .list ul li:hover .title a,.Question .list ul li:hover .views span { color: #FFCA0A; }
.Question .list ul li:hover .views { background: url(../images/Question/views_ico.png) left -62px no-repeat; }
/***** Question end *****/

/***** QuestionDetails begin *****/
.QuestionDetails { margin-bottom: 50px; }
.QuestionDetails .CatContent { width: 100%; padding: 0 146px; }
.QuestionDetails .article { width: 100%; }
.QuestionDetails .title { height: 62px; line-height: 62px; text-align: center; }
.QuestionDetails .title span { color: #333; font-size: 18px; }
.QuestionDetails .meta { height: 30px; line-height: 30px; margin-bottom: 20px; }
.QuestionDetails .meta .left { overflow: hidden; }
.QuestionDetails .meta .left span { color: #333; font-size: 12px; }
.QuestionDetails .meta .left .from { margin-right: 50px; }
.QuestionDetails .meta .right { overflow: hidden; text-align: right; }
.QuestionDetails .meta .right span { color: #FFCA0A; font-size: 12px; }
.QuestionDetails .content dl { position: relative; }
.QuestionDetails .content dt { float: left; width: 90px; position: absolute; top: 0; left: 0; }
.QuestionDetails .content dt span { color: #333; font-size: 16px; line-height: 30px; }
.QuestionDetails .content dd { float: right; width: 100%; padding-left: 100px; }
.QuestionDetails .content dd p { color: #666; font-size: 14px; line-height: 30px; }
.QuestionDetails .PrevNext { height: 30px; line-height: 30px; }
.QuestionDetails .PrevNext a,.QuestionDetails .PrevNext span { color: #333; font-size: 16px; }
.QuestionDetails .PrevNext a:hover { color: #FFCA0A; }
.QuestionDetails .PrevNext .next { text-align: right; }

@media screen and (max-width: 1440px){
	.QuestionDetails .CatContent { padding: 0 120px; }
}
/***** QuestionDetails end *****/

/***** IndustryDynamics begin *****/
.IndustryDynamics { margin-bottom: 50px; }
.IndustryDynamics .PicList {  }
.IndustryDynamics .PicList ul li { margin-bottom: 30px; }
.IndustryDynamics .PicList .ContentBox { width: 100%; overflow: hidden; padding-bottom: 86%; position: relative; }
.IndustryDynamics .PicList .pic { width: 600px; height: 100%; margin-left: -300px; position: absolute; top: 0; left: 50%; }
.IndustryDynamics .PicList .pic img { height: 100%; margin: 0 auto; }
.IndustryDynamics .PicList .FloatLayer { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.IndustryDynamics .PicList .FloatLayer .bg { width: 100%; height: 100%; }
.IndustryDynamics .PicList .FloatText { display: none; width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; }
.IndustryDynamics .PicList .FloatText a { color: #FFF; font-size: 18px; letter-spacing: 1px; }
/***** IndustryDynamics end *****/

/***** ColumnCustomer begin *****/
.ColumnCustomer {  }
.ColumnCustomer .CustomerList {  }
.ColumnCustomer .CustomerList ul li { margin-bottom: 30px; }
.ColumnCustomer .CustomerList .ContentBox { width: 100%; }
.ColumnCustomer .CustomerList .pic { border: 1px solid #F0F0F0; width: 100%; overflow: hidden; padding-bottom: 50%; position: relative; }
.ColumnCustomer .CustomerList .pic img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
/***** ColumnCustomer end *****/

/***** ColumnContact begin *****/
.ColumnContact {  }
.ColumnContact .ContactInfo { position: relative; }
.ColumnContact .ContactInfo .left { width: 440px; position: absolute; top: 0; left: 0; }
.ColumnContact .ContactInfo .InfoBox { width: 100%; }
.ColumnContact .ContactInfo .logo { margin-bottom: 20px; }
.ColumnContact .ContactInfo a {  }
.ColumnContact .ContactInfo img {  }
.ColumnContact .ContactInfo .list {  }
.ColumnContact .ContactInfo .list p { color: #333; font-size: 18px; line-height: 36px; }
.ColumnContact .ContactInfo .right { float: right; width: 100%; padding-left: 460px; }
.ColumnContact .ContactInfo .right .map { border: 1px solid #F0F0F0; width: 100%; height: 260px; margin-bottom: 20px; }
/***** ColumnContact end *****/

/***** ColumnJoin begin *****/
.ColumnJoin { margin-bottom: 50px; }
.ColumnJoin .JobList { padding: 0 120px; }
/* .ColumnJoin .JobList ul li { border-bottom: 1px solid #E6E6E6; } */
.ColumnJoin .JobName { background: url(../images/ColumnJoin/SlideDown.png) right center no-repeat; cursor: pointer; }
.ColumnJoin .JobName .zh { color: #939393; font-size: 18px; height: 40px; line-height: 40px; }
.ColumnJoin .JobName .en { color: #333; font-size: 16px; height: 40px; line-height: 40px; }
.ColumnJoin .JobList .opened .JobName { background: url(../images/ColumnJoin/SlideUp.png) right center no-repeat; }
.ColumnJoin .JobTag {  }
.ColumnJoin .JobTag span { color: #333; float: left; height: 30px; line-height: 30px; }
.ColumnJoin .JobTag .department { margin-right: 5px; }
.ColumnJoin .JobTag .num { margin-left: 5px; }
.ColumnJoin .JobDescription { display: none; }
.ColumnJoin .JobDescription dl { margin-bottom: 20px; }
.ColumnJoin .JobDescription dt { height: 40px; line-height: 40px; overflow: hidden; }
.ColumnJoin .JobDescription dt span { color: #333; font-size: 14px; }
.ColumnJoin .JobDescription dd {  }
.ColumnJoin .JobDescription dd p { color: #333; font-size: 14px; line-height: 26px; }
/***** ColumnJoin end *****/

/***** ColumnHonor begin *****/
.ColumnHonor { margin-bottom: 50px; }
.ColumnHonor .PicTextList {  }
.ColumnHonor .PicTextList ul li { margin-bottom: 30px; }
.ColumnHonor .PicTextList .ContentBox { width: 100%; }
.ColumnHonor .PicTextList .pic { width: 100%; margin-bottom: 20px; overflow: hidden; padding-bottom: 83%; position: relative; }
.ColumnHonor .PicTextList .pic img { width: 100%; position: absolute; top: 0; left: 0; }
.ColumnHonor .PicTextList .text { border-top: 1px solid #EAE7E7; height: 52px; line-height: 52px; }
.ColumnHonor .PicTextList .text span { color: #666; font-size: 20px; letter-spacing: 2px; }
.ColumnHonor .PicTextList ul li:hover .text { border-top: 1px solid #FFCA0A; }
.ColumnHonor .PicTextList ul li:hover .text span { color: #FFCA0A; }
/***** ColumnHonor end *****/


/***** ColumnAlbum begin *****/
.ColumnAlbum {  }
.ColumnAlbum .AlbumBox { width: 966px; margin: 0 auto; position: relative; }
.ColumnAlbum .pic-scroll { width: 100%; overflow: hidden; position: relative; }
.ColumnAlbum .pic-scroll .prev,.ColumnAlbum .pic-scroll .next { behavior: url(PIE.htc); border-radius: 50%; cursor: pointer; width: 62px; height: 62px; margin: auto; position: absolute; top: 0; bottom: 0; z-index: 9; }
.ColumnAlbum .pic-scroll .prev { background: #4A4F55 url(../images/Album/prev.png) 36px center no-repeat; left: -30px;  }
.ColumnAlbum .pic-scroll .next { background: #4A4F55 url(../images/Album/next.png) 12px center no-repeat; right: -30px; }
/***** ColumnAlbum end *****/

/*2016.6.24 add*/
.ty_mark{ width: 100%; text-align: center; font-size: 20px; color: #333333; overflow: hidden;  border-bottom: 1px solid #c4c4c4; border-right:1px solid #c4c4c4; }
.ty_mark .left{ width: 320px; float: left; box-sizing: border-box;}
.ty_mark .right{ width: 320px; float: left; box-sizing: border-box;}
.ty_mark .center{ width: calc( 100% - 640px); float: left; box-sizing: border-box; border-top: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4; height: 400px;}
.ty_mark .center img{ width: 100%; height: 100%;}
.ty_mark li{ height: 80px; line-height: 80px; box-sizing: border-box; border: 1px solid #c4c4c4; border-bottom: 0;}
.ty_mark .right li{border-left: 0; border-right: 0;}
.ty_mark li.h{ height: 106px; line-height: 106px;}
.home .section-4f{ overflow: hidden;}
.ty_mark li a{ width: 100%; height: 100%; display: block; box-sizing: border-box;}
.ty_mark li a:hover,.ty_mark li a:active{ border-left: 3px solid #009fe9;}