@font-face { font-family: 'Conv_DINCondensedC'; src: url('../fonts/DINCondensedC.eot'); src: local('Ã¢ËœÂº'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg'); font-weight: normal; font-style: normal; }
body { font-family: "å¾®è½¯é›…é»‘", Helvetica Neue, sans-serif, Arial; height: 100%; position: relative; }
input[type="text"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
h1, h2, h3, h4, h5, h6, figure { font-weight: 400; }
.fl { float: left; }
.fr { float: right; }
::-webkit-selection {
color:#fff;
background:#ff9600;
}
::-moz-selection {
color:#fff;
background:#ff9600;
}
::selection { color: #fff; background: #ff9600; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase, .initialism { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
a { color: #6E6E6E; text-decoration: none }
a:focus, a:hover { color: #ff9600; transition: none }
a.text-gray:hover { color: #6E6E6E }
p { margin: 0 }
dl, dd, ul, li { margin: 0; padding: 0; list-style: none }
.fixed { z-index: 9999; }
.bg-gray { background: #F7F7F7 }
.bg-sub { background: #6e6e6e }
/* æ ‡ç­¾ */
.tag { display: inline-block; transition: .5s }
.tag.padding { padding: 5px 12px }
.tags { color: #ff9600!important; border: 1px solid #ff9600!important; background-color: unset; }
/* è‹±æ–‡å­—ä½“begin */
.Conv_DINCondensedC { font-family: "Conv_DINCondensedC"; }
/* è‹±æ–‡å­—ä½“end */

.mb5 { margin-bottom: 5px; }
/* è¡Œè· begin*/
.blank { height: 10px; line-height: 10px; clear: both; font-size: 0 }
.blank-small { height: 20px; line-height: 20px; clear: both; font-size: 0 }
.blank-middle { height: 30px; line-height: 30px; clear: both; font-size: 0 }
.blank-big { height: 50px; line-height: 50px; clear: both; font-size: 0 }
.blank-large { height: 80px; line-height: 80px; clear: both; font-size: 0 }
/* è¡Œè· end*/

.sidebar-l { margin-right: 30px }
.sidebar-r { margin-left: 0px; }
.container-layout { max-width: 1200px; }
.line-large { margin-left: -15px; margin-right: -15px }
.line-large .x1, .line-large .x2, .line-large .x3, .line-large .x4, .line-large .x5, .line-large .x6, .line-large .x7, .line-large .x8, .line-large .x9, .line-large .x10, .line-large .x11, .line-large .x12, .line-large .xl1, .line-large .xl2, .line-large .xl3, .line-large .xl4, .line-large .xl5, .line-large .xl6, .line-large .xl7, .line-large .xl8, .line-large .xl9, .line-large .xl10, .line-large .xl11, .line-large .xl12, .line-large .xs1, .line-large .xs2, .line-large .xs3, .line-large .xs4, .line-large .xs5, .line-large .xs6, .line-large .xs7, .line-large .xs8, .line-large .xs9, .line-large .xs10, .line-large .xs11, .line-large .xs12, .line-large .xm1, .line-large .xm2, .line-large .xm3, .line-large .xm4, .line-large .xm5, .line-large .xm6, .line-large .xm7, .line-large .xm8, .line-large .xm9, .line-large .xm10, .line-large .xm11, .line-large .xm12, .line-large .xb1, .line-large .xb2, .line-large .xb3, .line-large .xb4, .line-large .xb5, .line-large .xb6, .line-large .xb7, .line-large .xb8, .line-large .xb9, .line-large .xb10, .line-large .xb11, .line-large .xb12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
/* owl-carouselè½®æ’­æ’ä»¶ */
.owl-carousel .owl-dots { position: absolute; top: 50%; padding: 0; text-align: left; width: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.owl-carousel .owl-dots .owl-dot { display: inline-block; position: relative; vertical-align: middle }
.owl-carousel .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 0 5px; border-radius: 50%; background: #d3d3d3; display: inline-block; text-align: center; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s }
.owl-carousel .owl-dots .owl-dot.active span { width: 16px; height: 8px; background: #000; border-radius: 20px }
.owl-carousel .owl-nav i { font-size: 24px; color: #fff }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { background: #000; width: 42px; height: 42px; line-height: 48px; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; text-align: center; border-radius: 50%; opacity: 0 }
.owl-carousel .owl-nav .owl-prev { background: #000; left: 20px; right: auto }
.owl-carousel .owl-nav .owl-next { right: 20px }
/* owl-carouselè½®æ’­æ’ä»¶ */

/* é¦–é¡µè½®æ’­ */
.slides-arrow:hover .owl-nav .owl-next, .slides-arrow:hover .owl-nav .owl-prev { opacity: .3 }
.slides-arrow.dot-center .owl-dots { position: relative; /*top: -30px;*/ padding: 0; text-align: center; vertical-align: middle; display: inline-block; width: 100% }
/* é¦–é¡µè½®æ’­ */

/* å¸¸ç”¨TAB */
.tab-normal .tab-head { border-radius: 0; font-size: 0; -webkit-text-size-adjust: none; width: 100%; }
.tab-normal .tab .tab-nav li { display: inline-block; width: auto; text-align: center }
.tab-normal .tab .tab-nav li a { background: #fff; color: #6e6e6e; border-radius: 30px; padding: 0px 20px; height: 42px; line-height: 42px; margin: 0 10px; display: block; border: 0; font-size: 16px; }
.tab-normal .tab .tab-nav .active a { background: linear-gradient(-45deg, #FFD100, #ff9600); cursor: default; color: #fff; border-bottom: 0px solid #FD3C6B; }
.tab-normal .tab .tab-nav .active { background: none }
.tab-normal .tab .tab-nav .active a:hover { color: #FFF }
.tab-normal .tab .tab-nav li a:focus { outline: none; }
.tab-normal .tab .tab-nav li a:hover { background: linear-gradient(-45deg, #FFD100, #ff9600); color: #fff }
.tab-normal .tab .tab-body { padding: 0; border-radius: 0; border-top: 0px solid #ff0000 }
/* å¸¸ç”¨TAB */


/* é¦–é¡µæœåŠ¡é¡¹ç›® */
.service_left { float: left; width: 20.5%; }
.service_left h2 { overflow: hidden; padding: 40px 0; background-color: #00824a; color: #fff; text-indent: 38px; }
.service_left h2 a { display: block; font-size: 32px; color: #fff }
.service_left h2 p { font-size: 20px; text-transform: uppercase; font-weight: normal }
.service_left ul li a { height: 50px; line-height: 50px; background-color: #EEEEEE; display: block; font-size: 16px; text-indent: 20px; }
.service_left ul li a:hover { color: #FFF; background-color: #FF9600; }
.service_left ul li .hover { background-color: #FF9600; display: block; color: #FFF; }
.service_left .phone22 { overflow: hidden; margin-top: 10px; padding-left: 75px; border-radius: 10px; background: url(../images/pro_phone.png) no-repeat 20px center; background-color: #00824a; padding-top: 30px; padding-right: 0; padding-bottom: 30px; }
.service_left .phone22 p { font-size: 16px; color: #fff; }
.service_left .phone22 b { display: block; font-size: 24px; color: #fff; font-family: 'Times New Roman' }
.service_right { float: right; width: 78.5%; margin-left: -15px; margin-right: -15px }
.service_right .x4 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.service_right .media-img { position: relative; }
.service_right .media-img .mask { opacity: 0; z-index: 3; background: url(../images/solution-hover.png) no-repeat center center; width: 100%; height: 100%; position: absolute; bottom: 0; top: 0; left: 0; right: 0; transition: 0.3s; }
.service_right .media-img .mask .subtitle { padding: 25px }
.service_right .media-img .mask .more { position: absolute; bottom: 25px; right: 25px }
.service_right .media-img:hover .mask { z-index: 5; transition: 0.3s; opacity: 1; transform: scale(1.1); }
.service_right .media-img .linear-link { z-index: 1; opacity: 1; background: linear-gradient(to bottom, rgba(0,0,0,.2) 65%, rgba(0,0,0,.8) 100%); width: 100%; height: 100%; position: absolute; bottom: 0; top: 0; left: 0; right: 0; transition: 0.3s; }
.service_right .media-img .linear-link .subtitle { padding: 0 25px; z-index: 3; width: 100%; bottom: 25px; left: 0; position: absolute; transition: 0.3s; }
/* é¦–é¡µæœåŠ¡é¡¹ç›® */
/*é¦–é¡µå…¬å¸ç®€ä»‹*/
.box-5 { width: 100%; background-color: #00824A; height: 510px; margin-top: 30px; }
.box-5xs { overflow: visible; position: relative; }
.wz02 { display: block; position: absolute; right: 0px; top: -26px; }
.k3 { display: block; position: absolute; bottom: -90px; right: -222px; }
.box-5-main { padding-top: 50px; }
.box-5-main ul { overflow: hidden; }
.box-5-main ul li { float: right; width: 593px; }
.box-5-main ul img { display: block; float: left; }
.box-5-main ul li i { display: block; font-size: 20px; color: #fff; font-style: normal; }
.box-5-main ul li p { width: 100%; height: 25px; background-color: #fefefe; overflow: hidden; line-height: 25px; margin-top: 8px; }
.box-5-main ul li p em { display: block; float: left; width: 189px; height: 25px; background-color: #FF9600; text-align: center; font-size: 16px; color: #232427; font-style: normal; }
.box-5-main ul li p b { display: block; float: left; font-weight: normal; font-size: 16px; color: #232427; margin-left: 20px; }
.box-5-main ul li p sub { display: block; font-size: 20px; color: #232427; line-height: 25px; float: right; margin-right: 30px; }

.box-5-main .box-left { width: 63%;  float: left; }
.box-5-main .box-left p { font-size: 16px; line-height: 40px; color: #fff; text-indent: 35px; margin-top: 35px; }
.box-5-main .box-left a { margin-right: 30px; }
.box-5-main .box-right img { width: 33.5%;  border: 5px solid #fff; border-radius: 10px; margin-top: 45px; float: right; }

/* é¦–é¡µå…¬å¸ç®€ä»‹*/
/* é¦–é¡µè§£å†³æ–¹æ¡ˆ */
.solution .media-img { position: relative; }
.solution .media-img .mask { opacity: 0; z-index: 3; background: url(../images/solution-hover.png) no-repeat center center; width: 100%; height: 100%; position: absolute; bottom: 0; top: 0; left: 0; right: 0; transition: 0.3s; }
.solution .media-img .mask .subtitle { padding: 25px }
.solution .media-img .mask .more { position: absolute; bottom: 25px; right: 25px }
.solution .media-img:hover .mask { z-index: 5; transition: 0.3s; opacity: 1; transform: scale(1.1); }
.solution .media-img .linear-link { z-index: 1; opacity: 1; background: linear-gradient(to bottom, rgba(0,0,0,.2) 65%, rgba(0,0,0,.8) 100%); width: 100%; height: 100%; position: absolute; bottom: 0; top: 0; left: 0; right: 0; transition: 0.3s; }
.solution .media-img .linear-link .subtitle { padding: 0 25px; z-index: 3; width: 100%; bottom: 25px; left: 0; position: absolute; transition: 0.3s; }
/* é¦–é¡µè§£å†³æ–¹æ¡ˆ */
/*air*/
.air { overflow: hidden; width: 100%; background: url("../images/airbg.jpg") no-repeat center; height: 197px; margin-top: 20px; }
.air .airPhone { font-size: 14px; color: #fff; margin-top: 140px; text-indent: 275px; }
.air .airPhone b { font-size: 24px; }
/* é¦–é¡µæ–°é—» */
.news { overflow: hidden; width: 100%; padding: 60px 0; }
.news .newsLt { float: left; width: 755px; }
.news .newsRt { float: right; width: 365px; }
.news .newsNav { overflow: hidden }
.news .newsNav li { width: 140px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; background-color: #eee; float: left; margin-right: 10px; }
.news .newsNav li a { color: #666666; text-decoration: none }
.news .newsNav li:hover, .news .newsNav li.cur { background: #00824a }
.news .newsNav li:hover a, .news .newsNav li.cur a { color: #fff }
.news .newsBox, .news .newsCon, .news dl { overflow: hidden; width: 100%; }
.news .newsBox { margin-top: 35px; height: 325px; width: 755px; position: relative }
.news .newsCon { position: absolute; left: 0; top: 0; display: none }
.news .newsCon:first-child { display: block }
.news dl dt { width: 167px; height: 120px; float: left; }
.news dl dd { width: 570px; float: right; margin-top: 0px; overflow: hidden; }
.news dl dd h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px }
.news dl dd h3 a { color: #00824a }
.news dl dd p { font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #666666; margin-top: 10px }
.news .newsLi { overflow: hidden; width: 100%; margin-top: 20px; border-top: 1px solid #c9c9c9; }
.news .newsLi li { font-size: 14px; overflow: hidden; width: 100%; padding: 14px 0; border-bottom: 1px dashed #c9c9c9 }
.news .newsLi li a { display: block; width: 380px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.news .newsLi li span { float: right; display: block; color: #999999; }
.news .NewTit { overflow: hidden; width: 100%; }
.news .NewTit h3 { font-weight: normal; font-size: 24px; float: left; }
.news .NewTit h3 a { color: #00824a }
.news .btnLt { float: right; width: 78px; }
.news .btnLt a { width: 37px; height: 33px; display: block; }
.news .btnLt a.newsTop { background: url("../images/newstop.jpg") no-repeat center top; float: left; }
.news .btnLt a.newsBtm { background: url("../images/newsbottom.jpg") no-repeat center top; float: right; }
.news .btnLt a:hover { background-position: bottom }
.news .newsDa { width: 365px; height: 355px; position: relative; margin-top: 10px; overflow: hidden }
.news .listDa { position: absolute; top: 0; left: 0 }
.news .listDa li { padding: 14px 0; width: 100%; border-bottom: 1px dotted #bbbbbb; }
.news .listDa li h3{ background: url("../images/answerwen.png") no-repeat left center; padding-left: 35px; font-size: 13px; color: #666666; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; }
.news .listDa li h3 a { color: #333333 }
.news .listDa li p { background: url("../images/answerda.png") no-repeat left center; padding-left: 35px; font-size: 13px; color: #666666; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; }
/* é¦–é¡µæ–°é—» end */

/* è·¯å¾„ */
.nav-bread { padding: 0; height: 70px; line-height: 70px; font-size: 0 }
.nav-bread h2 { font-size: 24px; font-weight: 600 }
.nav-bread a { color: #888888; font-size: 14px; display: inline-block; }
.nav-bread a:hover { color: #ff9600 }
.nav-bread a:after { content: ""; padding: 0 10px; background: url(../images/nav-bread.png) no-repeat center 50%; }
.nav-bread a:last-child:after { content: ""; background: none; }
/* è·¯å¾„ */

/* ä¸Šä¸‹ç¯‡  */
.prenext-pro a.button { height: 70px; line-height: 70px; padding: 0 25px }
.prenext-pro a.button:hover { background: #ff9600; color: #fff }
.prenext-pro a.border { border: 1px solid #eee }
/*åˆ†é¡µ begin*/
.pagination li { margin: 0 5px; font-size: 14px; border: none; border-radius: 4px; }
.pagination li a { border-radius: 4px; color: #6e6e6e; background: #fff; padding: 12px 16px; border: 1px solid #DCDCDC; }
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a, .pagination li a:hover { background: #ff9600; color: #fff; border: 1px solid #ff9600; }
/*åˆ†é¡µ end*/

/* æ ‡é¢˜æ ·å¼-å±…ä¸­ */
.title-c { position: relative; }
.title-c h3 { position: relative; font-size: 30px; text-transform: uppercase; margin: 0 auto 50px auto; font-weight: 600 }
.title-c h3:before { background: #FFD100; content: ''; display: block; position: absolute; width: 30px; height: 3px; bottom: -15px; left: 50%; margin-left: -15px; }
/* æ ‡é¢˜æ ·å¼-å·¦ */
.title-l h2 { line-height: 28px; height: 28px; color: #333; position: relative; font-size: 18px; letter-spacing: 0; padding-left: 20px; margin-bottom: 10px; }
.title-l h2:before { content: ''; display: block; position: absolute; width: 5px; height: 20px; top: 4px; background: #ff9600; left: 0 }
/* ä¸‹æ‹‰åˆ†ç±» */
.nav-tree { font-size: 0; height: 70px; line-height: 70px }/*font-size:0åŽ»æŽ‰ display:inline-blocké—´éš” */
.nav-tree li { position: relative; display: inline-block; }
.nav-tree li a { color: #6E6E6E; display: block; padding: 0 30px; font-size: 16px; background: #fff; }
.nav-tree li a.active, .nav-tree li a.cur { background: linear-gradient(-45deg, #FFD100, #ff9600); color: #fff }
.nav-tree li.focusa a { background: linear-gradient(-45deg, #FFD100, #ff9600); color: #fff; border-bottom-left-radius: 0px; border-bottom-right-radius: 0; }
.nav-tree li ul:after { position: absolute; top: -8px; left: 50%; margin-left: -8px; display: inline-block; border-right: 8px solid transparent; border-bottom: 8px solid #fff; border-left: 8px solid transparent; content: ''; }
.nav-tree li ul { top: 70px; left: 0; background: #fff; padding: 10px 0; z-index: 99; position: absolute; width: 100%; display: none; border-radius: 0px; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.03); }
.nav-tree li ul li { display: block; width: 100%; text-align: left; }
.nav-tree li ul li.children a { font-size: 14px; background: #fff; border-radius: 0; box-shadow: none; display: block; color: #6e6e6e; line-height: 34px; height: 34px }
.nav-tree li ul li.children a.active, .nav-tree li ul li.children a:hover { color: #ff9600 }
/*
.nav-tree li ul li.children:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}
.nav-tree li ul li.children:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
*/
/* ä¸‹æ‹‰åˆ†ç±» */

/* å±žæ€§ */
.filter-box .padding-big { padding: 15px 25px }
.filter-box dl { margin: 15px 0; }
.filter-box dl dt { width: 8%; display: block; float: left; line-height: 24px; font-weight: normal }
.filter-box dl dd { display: block; float: left; position: relative; }
.filter-nav ul li { margin: 0; display: block; float: left; width: auto; line-height: 24px; }
.filter-nav ul li a { margin: 0 10px 0 0; padding: 2px 10px; cursor: pointer; display: block; color: #6E6E6E; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
.filter-nav ul li a:hover { color: #ff9600; }
.filter-nav ul li a.active { color: #fff; background: #ff9600 }
.filter-nav ul li b { font-weight: normal; }
/* æ¨ªå‘ä¸å¸¦ICOå¯¼èˆª */
.nav-x { background: #fff; width: 100%; position: relative; }
.nav-x .menu-toggle h3 { display: none }
.nav-x ul { font-size: 0; -webkit-text-size-adjust: none; text-align: center }
.nav-x li { display: inline-block }
.nav-x li i { margin: 0px auto 5px auto; font-size: 24px; display: block; }
.nav-x li a { font-size: 16px; padding: 0; height: 70px; line-height: 70px; color: #6e6e6e; text-align: center; display: block; }
.nav-x li a:hover { color: #ff9600 }
.nav-x li a.active { background: linear-gradient(-45deg, #FFD100, #ff9600); color: #fff }
.col-2 { width: 10% }
/* æ¨ªå‘ä¸å¸¦ICOå¯¼èˆª */

/* æ–°é—»åˆ—è¡¨ */
.list-news { margin-bottom: 30px }
.list-news .time { margin-top: 70px; margin-right: -20px; padding: 15px 0 10px 0; border-right: 1px solid #eee; }
.list-news .time .text-large { font-size: 52px; line-height: 54px; }
.list-news .news { margin-top: 70px; margin-left: 50px; margin-right: 30px }
.list-news .news h3 a { display: block; font-size: 24px; color: #333; margin-bottom: 20px }
.list-news .button { margin-top: 70px; width: 70px; line-height: 56px; font-size: 24px; border: 1px solid #ebebeb; }
.list-news:hover .button { background: #ff9600; color: #fff; border: 1px solid #ff9600 }
.list-news:hover h3 a { color: #ff9600 }
/* æ–°é—»åˆ—è¡¨ */

/* çº¯æ–‡å­—åˆ—è¡¨  begin*/
.list-post-text li { padding: 5px 0; }
.list-post-text li a { display: block; }
.list-post-text li.dot a { padding-left: 15px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-post-text li.dot:hover a:before { background: #ff9600; }
.list-post-text li.dot a:before { content: ''; position: absolute; left: -2px; background: #ccc; width: 6px; height: 6px; top: 9px; border-radius: 50% }
/* çº¯æ–‡å­—åˆ—è¡¨  end*/

/* ä¸‹è½½åˆ—è¡¨ */
.normal-list li { position: relative; display: block; background: #FFF; margin-bottom: 20px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
.normal-list li a { display: block; font-size: 16px; line-height: 24px; padding: 25px 30px 25px 50px; color: #333; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
.normal-list li span { color: #888888; position: absolute; right: 30px; top: 28px }
.normal-list li:hover { background: #ff9600; color: #FFF; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
.normal-list li:hover a, .normal-list li:hover span { color: #FFF }
.normal-list li.dot:hover a:before { background: #fff; }
.normal-list li.dot a { position: relative }
.normal-list li.dot a:before { content: ''; position: absolute; left: 30px; background: #ececec; width: 7px; height: 7px; top: 35px; border-radius: 50% }
/* ä¸‹è½½è¯¦ç»†é¡µbegin */
.download-detail { position: relative; z-index: 3 }
.download-detail .button-big { padding: 15px 25px }
/* ä¸‹è½½è¯¦ç»†é¡µend */

/* ===è§†é¢‘æ•™ç¨‹ beign*/
	/* ====è§†é¢‘æ•™ç¨‹åˆ—è¡¨ begin*/
.video-list .media { -webkit-transition: .5s; transition: .5s; }
.video-list .media:hover { box-shadow: 0 30px 50px rgba(229,229,229,.8) }
.video-list .media-img { position: relative; overflow: hidden }
.video-list .media-body .padding-big { padding: 20px }
.video-list .media-body h2 { margin: 0 0 20px 0; overflow: hidden }
.video-list .media a.play { opacity: .6; position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; width: 48px; height: 48px; line-height: 48px; background: rgba(0,0,0,.6); z-index: 2; -webkit-transition: .5s; -o-transition: .5s; transition: .5s }
.video-list .media .playtime { position: absolute; bottom: 10px; right: 10px; padding: 0 8px; height: 20px; line-height: 18px; background: rgba(0,0,0,.5); z-index: 2; -webkit-transition: .5s; -o-transition: .5s; transition: .5s }
.video-list .media:hover a.collect, .video-list .media:hover a.play { opacity: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s }
.video-list .excerpt-info ul li.v2-1 { width: 50% }
.video-list .excerpt-info ul li.v2-2 { width: 50%; }
/* è§†é¢‘æ•™ç¨‹åˆ—è¡¨ end*/

	/* =====è§†é¢‘å†…å®¹é¡µ */
.video-detail .tab-head { border-radius: 0; font-size: 0; -webkit-text-size-adjust: none; padding-left: 25px; border-bottom: 1px solid #EFEFEF }
.video-detail .tab .tab-nav li { display: inline-block; width: 13%; margin: 0 }
/* .video-detail .tab .tab-nav li:last-child {margin-right:0px} */
.video-detail .tab .tab-nav li a { color: #616770; padding: 18px 0; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; display: block; line-height: 20px; font-weight: 500; border-radius: 0; font-size: 16px; text-align: center; }
.video-detail .tab .tab-nav .active { border-radius: 0px; }
.video-detail .tab .tab-nav .active a { margin-bottom: -1px; cursor: default; background: #FFF; border-bottom: 2px solid #ff9600; font-weight: 600 }
.video-detail .tab .tab-nav li a, .video-detail .tab .tab-nav .active a:focus { outline: none; }
.video-detail .tab .tab-body { border-radius: 0; border-top: solid 0px #ebebeb; padding: 25px }
/* ======æ’­æ”¾å™¨ */
.jw-video-expense { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #616770; z-index: 1; display: none }
.jw-video-expense .apply { position: absolute; left: 50%; margin-left: -176px; top: 50%; margin-top: -50px }
.jw-video-expense .button { cursor: pointer }
.video-period .price { font-size: 32px; margin-top: 5px }
.video-buy-now { cursor: pointer; width: 130px; float: right }
.video-free-now { width: 130px; padding: 10px 0; float: right }
.video-title h1 { font-size: 24px; display: block; }
.video-period-title { padding: 15px 10px 15px 20px }
.video-period-list { overflow: hidden; height: 410px; overflow-y: auto }
.video-period-list li { height: 69px; width: 100%; border-bottom: 1px #433D3D solid; position: relative; text-align: left }
.video-period-list li a { display: block; padding: 8px 10px 8px 50px }
.video-period-list li a.cur { background: #2D2D2D; display: block; }
.video-period-list li:hover { background: #2D2D2D; }
.video-period-list li p { font-size: 14px; color: #888888; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.video-period-list li:before { content: ""; position: absolute; width: 20px; height: 13px; left: 18px; top: 15px; background: url(../images/video-ico.png) no-repeat; z-index: 4 }
.video-period-list li .video-info { padding-top: 8px; position: relative; color: #616770 }
.video-period-list li .video-info span { position: absolute; right: 0; width: 62px; text-align: right }
.video-period-list li:last-child { border-bottom: none }
.video-content-tit { padding: 5px 30px 0; line-height: 50px; border-bottom: 1px solid #ECEFF5 }
.video-content-tit h2 { font-size: 18px; color: #434C5A; border-bottom: 1px solid #434C5A; display: block; width: 72px; margin-bottom: -1px }
/* æ’­æ”¾å™¨ end*/
	/* è§†é¢‘å†…å®¹é¡µend */
/* è§†é¢‘æ•™ç¨‹ end*/

/* æ¨ªå‘å·¦å›¾å³å­—åˆ—è¡¨ begin*/
.list-post-x .media { margin-bottom: 20px }
.list-post-x .media.border { border: 0; border-bottom: 1px solid #ECEFF5; padding-bottom: 20px }
.list-post-x .media img { transition: all .3s ease-out }
.list-post-x .media .thumb-md { position: relative; max-width: 100px; overflow: hidden }
.list-post-x .media .thumb-md .playtime { position: absolute; bottom: 5px; right: 5px; padding: 0 5px; height: 20px; line-height: 18px; background: rgba(0,0,0,.6); z-index: 3; -webkit-transition: .5s; -o-transition: .5s; transition: .5s }
.list-post-x .media .thumb-md .playicon { position: absolute; bottom: 5px; left: 5px; width: 20px; height: 20px; line-height: 18px }
.list-post-x .media:hover img { transition: all .3s ease-out; transform: scale(1.1) }
.list-post-x .media.media-x .float-left { margin-right: 15px }
.list-post-x .media.media-x .float-right { margin-left: 15px }
.list-post-x .media.media-x .media-body { text-align: left; padding: 0 }
.list-post-x .media a:hover { color: #434C5A }
.list-post-x .media-body p { color: #888888; line-height: 22px }
.list-post-x .media:last-child { margin-bottom: 0 }
/* æ¨ªå‘ä¸Šå›¾ä¸‹å­—åˆ—è¡¨ end *

/* å†…å®¹ begin */
.article { overflow: hidden }
.article .padding-large { padding: 30px 50px }
.article .post h1 { font-size: 28px; font-weight: 600; }
.article .post h2 { font-size: 24px; font-weight: 600; margin: 10px 0 }
.article .post h3 { font-size: 20px; font-weight: 600; margin: 10px 0 }
.article .post hr { margin: 10px 0; height: 1px }
.article .post strong { font-size: 16px; margin: 10px 0 }
.article .post table { margin: 20px 0 }
.article .post table th { background: #daf0fd; color: #fff; border: 1px solid #fff }
.article .post table tr.ue-table-interlace-color-single { background: #daf0fd }
.article .post p { font-size: 16px; line-height: 28px; margin-bottom: 10px }
.article .post img { max-width: 100%; height: auto !important; }
.article .post a { text-decoration: none; }
.article .post a:hover { color: #ff9600; border-bottom: 0 solid #ff9600 }
.article .post .text-right { text-align: right }
.article .post ul li { padding: 0 0 5px 20px; position: relative; font-size: 16px }
.article .post ul li p { line-height: 24px }
.article .post ul li:before { content: ''; position: absolute; top: 8px; left: 0; background: #888888; width: 7px; height: 7px; border-radius: 50% }
.article .post ol { padding: 10px 0 0 0 }
.article .post ol.list-paddingleft-2 { position: relative }
.article .post ol li { padding: 0; position: relative }
.article .post ol li p { line-height: 26px; font-size: 16px; color: #888888 }
/* å†…å®¹ end */

/* äº§å“åˆ—è¡¨*/
.product-list .media { -webkit-transition: .3s; transition: .3s; }
.product-list .media:hover { -webkit-transition: .3s; transition: .3s; box-shadow: 0 5px 20px 5px rgba(0,0,0,.05); }
.product-list .media-body { padding: 10px 0 0 0 }
.product-list .media:hover .media-body h2 a { color: #ff9600; }
.price-info ul li.v2-1 { width: 50% }
.price-info ul li.v2-2 { width: 50%; }
/*äº§å“åˆ—è¡¨*/

/* äº§å“è¯¦ç»†é¡µbegin */
.product-description .padding-large { padding: 30px 0 0 30px }
.product-description .padding-large-top { padding: 0 }
.product-description p { line-height: 24px }
.product-description .zoomimg { width: 474px }/* PCç«¯ç‹¬æœ‰ */
/* äº§å“è¯¦æƒ…TAB begin */
.product-overview .tab-head { border-radius: 0; font-size: 0; -webkit-text-size-adjust: none; width: 100%; border-bottom: 1px solid #EFEFEF }
.product-overview .tab .tab-nav li { display: inline-block; width: 12%; }
.product-overview .tab .tab-nav li a { margin-bottom: -1px; color: #6E6E6E; padding: 20px 0; display: block; line-height: 24px; border: 0; border-radius: 0; font-size: 18px; text-align: center; }
.product-overview .tab .tab-nav .active { border-radius: 0px; }
.product-overview .tab .tab-nav .active a { cursor: default; color: #ff9600; background: #FFF; border-bottom: 3px solid #ff9600; }
.product-overview .tab .tab-nav li a, .product-overview .tab .tab-nav .active a:focus { outline: none; }
.product-overview .tab .tab-body { padding: 0; border-radius: 0; border-top: solid 0px #ebebeb; }
/* äº§å“è¯¦æƒ…TAB END */

/* æ”¾å¤§é•œ begin */
#zoomimg { cursor: pointer; display: block }
.pro-thumb .item img { border: 1px solid #ececec }
.pro-thumb .item:hover img { border: 1px solid #ff9600 }
.pro-thumb:hover .owl-nav .owl-prev, .pro-thumb:hover .owl-nav .owl-next { opacity: .6; }
/* æ”¾å¤§é•œ end */

/* å•†å“å‚æ•° */
.attribute li { position: relative; color: #666; line-height: 32px; }
/* .attribute li:before {content:'';position:absolute;left:0px;background:#ccc;width:6px;height:6px;top:11px;border-radius:50%;} */
.attribute li span { color: #999 }
/* å•†å“å‚æ•° end */

/* å•†å“è¯¦æƒ… */
.content img { max-width: 100% !important; height: auto !important; }
/* å•†å“è¯¦æƒ… end */

/* äº§å“è¯¦ç»†é¡µend */

.job-list { transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
.job-list:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.3); transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
.job-list dt { font-weight: normal }
/* å¼¹å‡ºå±‚*/

.dialog { border-radius: 0; border: 0 solid #ebebeb; margin: 0 auto; box-shadow: 0 10px 25px rgba(0,0,0,0.3); }
.dialog .dialog-head { font-size: 18px; border-bottom: 0; background: #FFF; color: #383838; }
.dialog .dialog-head .close { float: right; line-height: 24px }
.dialog .dialog-body { padding: 10px 40px 40px 40px; }
.dialog-body h3 { font-size: 24px; font-weight: 600; color: #333; margin-bottom: 10px }
.dialog-body .form-group { padding-bottom: 20px }
.dialog-body .input { height: 48px; line-height: 24px; padding: 0 12px; border: 1px solid #ebebeb; width: 100%; display: block; border-radius: 0px; -webkit-appearance: none; box-shadow: 0 0px 0px rgba(0,0,0,0.0) inset; background: transparent; }
.dialog-body .textarea { padding: 10px 12px; line-height: 24px; width: 100%; background: transparent; border: 1px solid #ebebeb; }
.dialog-body .label { padding-bottom: 10px; display: block; line-height: 24px; }
.dialog-body .label label { font-weight: 400; }
.dialog-body select { padding: 0 30px 0 8px; color: #ADADAD; border-radius: 0px; width: 100%; height: 48px; line-height: 48px; border: solid 1px #ebebeb; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/select-down.png) no-repeat right 50%; }
.dialog-body .form-tips .dialog-body .input-help ul { border: solid 0px #ebebeb; background: #fff; padding: 5px 10px; box-shadow: 0 0 0 #fff; border-radius: 0 0 4px 4px; width: 150px; min-width: 150px; width: auto; _width: 150px; color: #EE3333; font-size: 12px }
.dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {
color: #6E6E6E;
}
.dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {
color: #6E6E6E;
}
.dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {
color: #6E6E6E;
}
.dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {
color: #6E6E6E;
}
.dialog-body .input-group .addon { background-color: #fff; border: 0px solid #EBEBEB; border-radius: 0px; line-height: 1; padding: 0; text-align: center }
.dialog-body .input-group .addon img { max-height: 50px }
/* å¼¹å‡ºå±‚ end*/

/*  è”ç³»æˆ‘ä»¬begin  */
.inside h2 { font-size: 36px; font-weight: 400; margin-bottom: 20px }
.inside .contact { padding: 0 0 50px 0; }
.inside .contact hr { height: 1px; background: #F2F2F2 }
.inside .contact .media { margin: 0; padding: 0 0 30px 0; }
.inside .contact .media span { width: 42px; height: 42px; line-height: 64px; }
.inside .contact .media i { font-size: 36px; }
.inside .contact .media .media-body { padding: 0 0 0 10px; margin-top: 0px; }
.inside .contact .media .media-body a, .inside .contact .media .media-body p { color: #333; }
.inside .wx { border: 1px solid #eee; padding: 20px 30px; }
.home-contact { background: #cacaca }
.home-contact .title { position: relative; width: 590px; float: right; text-align: left; }
.home-contact .title h2 { font-size: 64px; line-height: 64px; padding-top: 25%; padding-right: 50px; padding-bottom: 30px; }
.home-contact .title h2 span { color: #ff9600 }
.home-contact .title a { font-size: 24px; text-decoration: none; border-bottom: 2px solid #ff9600; color: #FFF; }
.home-contact .title a:hover { border-bottom: 0 solid #82CC37; }
.home-contact .gb { position: relative; width: 590px; float: right; text-align: left; }
/*guestbook*/
.guestbook { padding: 50px 80px 50px 0 }
.guestbook h2 { font-size: 24px; font-weight: 600 }
.guestbook .padding { padding: 50px; }
.guestbook .form-group { padding-bottom: 20px }
.guestbook .input { font-size: 16px; padding: 0 15px; height: 50px; line-height: 50px; border: 0; width: 100%; display: block; -webkit-appearance: none; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; box-shadow: 0 0px 0px rgba(0,0,0,0.0) inset; }
.guestbook .textarea { padding: 12px; line-height: 24px; width: 100%; font-size: 16px; background: #fff; border: 0; }
.guestbook .label { display: block; line-height: 24px; }
.guestbook .label label { font-weight: 400; }
.guestbook .field { font-size: 16px }
.guestbook select { font-size: 16px; padding: 0 35px 0 15px; width: 100%; height: 50px; line-height: 50px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url(../images/select-down.png) no-repeat right 50%; color: #666; }
.guestbook .form-tips .guestbook .input-help ul { border: 0; background: #fff; padding: 5px 10px; box-shadow: 0 0 0 #fff; border-radius: 0 0 4px 4px; width: 150px; min-width: 150px; width: auto; _width: 150px; color: #EE3333; font-size: 12px }
.guestbook .input::-webkit-input-placeholder, .guestbook .textarea::-webkit-input-placeholder {
color: #111;
font-size: 16px;
}
.guestbook .input:-moz-placeholder, .guestbook .textarea:-moz-placeholder {
color: #111;
font-size: 16px;
}
.guestbook .input::-moz-placeholder, .guestbook .textarea::-moz-placeholder {
color: #111;
font-size: 16px;
}
.guestbook .input:-ms-input-placeholder, .guestbook .textarea:-ms-input-placeholder {
color: #111;
font-size: 16px;
}
/* è”ç³»æˆ‘ä»¬end */

.channel-banner { height: 350px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 0; padding: 0; }
.channel-banner .banner-info { position: absolute; top: 50%; margin-top: -50px; left: 0; right: 0; z-index: 3 }
.channel-banner .banner-info h3 { font-size: 40px; font-weight: 600; position: relative; margin-bottom: 30px }
.channel-banner .banner-info h3:before { left: 50%; margin-left: -15px; bottom: -10px; width: 30px; height: 3px; background: #ff9600; content: ''; display: block; position: absolute; }
.channel-banner .banner-info p { font-size: 36px; }
/* åº•éƒ¨åœ°å›¾ç‰ˆæƒ begin*/
footer { padding: 70px 0 0 0; }
footer h3 { font-weight: 700; color: #fff }
footer ul li.item-1 { width: 15% }
footer ul li.item-2 { width: 15% }
footer ul li.item-3 { width: 15% }
footer ul li.item-4 { width: 15% }
footer ul li.item-5 { width: 30% }
footer ul li.item-6 { width: 10% }
footer ul li ul li a { line-height: 32px; color: #888 }
footer ul li ul li a:hover, footer .contact .media .media-body a:hover { color: #fff; }
footer .contact { padding-top: 3px }
footer .contact .media { margin: 0 0 5px 0; padding: 0 0 10px 0; }
footer .contact .media span { width: 24px; height: 24px; }
footer .contact .media i { line-height: 24px; }
footer .contact .media .media-body a, footer .contact .media .media-body { padding: 0; color: #888; line-height: 24px; }
footer .qr { margin-left: 20px; background: #484848; }
footer .qr img { width: 100% }
footer .copyright { padding: 20px 0 60px 0; color: #888; border-top: 1px solid #404040; }
footer .copyright a { margin-left: 5px; color: #888 }
footer .tab-head { border-radius: 0; font-size: 0; -webkit-text-size-adjust: none; padding: 0; border-bottom: 1px solid #404040 }
footer .tab .tab-nav li { display: inline-block; width: auto; margin: 0 20px 0 0 }
footer .tab .tab-nav li a { color: #888; padding: 10px 0; border: 0; border-bottom: 1px solid transparent; margin-bottom: -1px; display: block; line-height: 20px; border-radius: 0; font-size: 16px; }
footer .tab .tab-nav .active { border-radius: 0px; }
footer .tab .tab-nav .active a { margin-bottom: -1px; cursor: default; border-bottom: 1px solid #FFB133; }
footer .tab .tab-nav li a, footer .tab .tab-nav .active a:focus { outline: none; }
footer .tab .tab-body { border-radius: 0; border-top: solid 0px #ebebeb; padding: 25px 0 }
footer .tab .tab-body .flink a { display: inline-block; margin-right: 15px; line-height: 24px }
footer .tab .tab-body .flink a img { width: 110px; height: 58px; }

/* åº•éƒ¨åœ°å›¾ç‰ˆæƒ end*/
@media screen and (max-width:1440px) {
.container-layout { max-width: 98%; }
}
