/* CSS Document */
@import url("core.css");
/**/

body, html { font-family:Microsoft yahei, Arial, Helvetica, sans-serif; font-size:14px; color:#333 }
a { color:#333 }
a:hover { color:#802ba8 }
.w1200 { width:1200px; margin:0 auto; }
.l780 { float:left; width:780px }
.r390 { float:right; width:390px }
.mtop40 { margin-top:40px; }
.mbottom40 { margin-bottom:40px }
.ptop40 { padding-top:40px }
.pbottom40 { padding-bottom:40px }
/**/



#topbar { background:#ececec; line-height:32px; color:#666; }
#topbar .w1200 { position:relative }
#topbar span { position:absolute; right:0; top:0; line-height:32px }
#topbar span a { color:#666; float:left; vertical-align:middle }
#topbar span em { margin:0 8px; font-style:normal; font-size:12px; float:left; line-height:30px }
#topbar span a:hover { color:#a62f89 }
/**/



.header { position:relative; padding-top: 40px; padding-bottom: 40px; }
.header .logo { }
.header .logo img { width: 110px; height:auto; display:inline-block; float:left; }
.header .logo font { font-size: 20px; color:#333; display:inline-block; margin-left: 30px; float:left; padding-top:3px; font-weight: bold; }
.search_from { position:absolute; border:1px solid #942586; position:absolute; right:86px; top:38px; }
.search_from input { width:315px; border:0; padding:2px 10px; height:30px; float:left; display:block }
.search_from button { float:left; display:block; border:0; width:44px; height:30px; background:#942586 url(../images/icon/icon_search.png) no-repeat center center; cursor:pointer }
.hemail { position:absolute; right:0; top:46px; color:#333; background:url(../images/icon_email.png) no-repeat left center; padding-left:28px; }
/**/



nav { background:url(../images/navbg.png) repeat-x; height:46px; position:relative; z-index:999 }
#menu { margin:0 auto; width:1200px }
#menu ul li { float:left; width:200px; position:relative; text-align:center }
#menu ul li .sub_menu { position:absolute; left:0; top:46px; padding: 0px 0px; display:none; width:195px; background:rgba(128, 43, 168, 0.5); }
#menu ul li a { display:block; width:100%; color:#fff; font-size:16px; height:46px; line-height:45px }
#menu ul li>a:before { background:url(../images/icon/icon1.png) no-repeat center center; width:15px; height:15px; display:inline-block; vertical-align:middle; margin-right:10px; content:""; }
#menu ul li>a span { display:inline-block; vertical-align:middle; }
#menu li.on a, #menu li.hover a, #menu li.selected a { background:url(../images/navhover.png) no-repeat left center }
#menu li.selected li a { background:none }
#menu ul li.selected .sub_menu { display:block }
#menu ul li#menu86>a:before { background-image:url(../images/icon/icon2.png); background-position:center 1px }
#menu ul li#menu93>a:before { background-image:url(../images/icon/icon3.png) }
#menu ul li#menu100>a:before { background-image:url(../images/icon/icon4.png) }
#menu ul li#menu108>a:before { background-image:url(../images/icon/icon5.png) }
#menu ul li#menu114>a:before { background-image:url(../images/icon/icon6.png) }
#menu ul li li { background:none; width:100% }
#menu ul li li a { height:auto; line-height:normal; padding:10px; color:#fff; }
#menu ul li li a:before { display:none }
#menu ul li li a:hover { background:#a244cf; color:#fff }
/**/
#istop-blog { width:950px; padding-left:65px; position:relative; margin-left:auto; margin-right:auto; padding-bottom:15px }
#istop-blog:before { content:""; width:53px; height:67px; display:block; position:absolute; left:0; top:0; background:url(../images/istop.png) no-repeat }
#istop-slider { text-align:center }
#istop-slider h2 { font-size:23px; color:#000; }
#istop-slider p { display:block; padding-top:8px }
#istop-slider .swiper-slide { background:#fff }
.swiper-pagination-clicks { position:absolute; right:-125px; bottom:0; text-align:right; }
.swiper-pagination-clicks span { display:inline-block; margin-right:5px; width:22px; height:5px; background:#ececec; opacity:1; border-radius:0 }
.swiper-pagination-clicks span.swiper-pagination-bullet-active { background:#d184df }
/***/
.l988 { margin-top:15px; width:988px; float:left }
.l988 img { width:100%; height:520px; }
.r212 { width:212px; float:right; background:#9a0fb3; height:520px; margin-top:15px; color:#fff }
.r212 li { padding:18px 18px; }
.r212 a { color:#fff; }
.r212 p { display:block; position:relative; line-height:1.5; }
.r212 p a.date { background:url(../images/icon_vi.png) no-repeat right center; display:block; padding-right:20px; display:block; position:absolute; right: 0; bottom: 0; font-size: 12px; }
.istop_h1_title { border-bottom:1px dotted #fff; padding-bottom:8px; margin-bottom: 10px; }
.istop_h1_title a { display:block; font-size:16px; font-weight:bold; padding-left: 40px; position:relative }
.istop_h1_title a i { width:22px; height:22px; position:absolute; left: 5px; top:0; font-size:12px; display:block; text-align:center; padding-top:7px; background: url(../images/icon_date.png) no-repeat; background-size: 100% 100%; font-style: normal; }
.r212 li.on { background:#5c187c; position:relative }
.r212 li.on:before { content:""; display:block; width:19px; height:43px; position:absolute; left:-18px; top:50%; margin-top:-21px; background: url(../images/icon_rjt.png) no-repeat; z-index: 90; }
.r212 li:first-child { padding-top:25px }
.r212 li:last-child .istop_h1_title a i { background-image:url(../images/icon_vis.png); }
.r212 li:last-child p { text-align:center; }
.r212 li:last-child p.fonts a { margin:0 5px }
.r212 li:last-child p em { margin: 10px }
.r212 li:last-child p { margin-bottom:5px }
/**/
.top_blog { text-align:center }
.top_blog h2 { font-size:24px; margin-bottom:10px }
.top_blog p { font-size:16px; line-height:1.5; color:#666; position:relative; }
.top_blog p a { position:absolute; right:0; top:2px; font-size:14px }
.top_blog p font { display:block; width:880px; margin:0 auto }
/**/
.swiper-pagination-click { position:absolute; right:25px; bottom:15px; z-index:900 }
.swiper-pagination-click span { width:12px; height:12px; background:#c1c1c1; display:inline-block; margin:0 5px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; opacity:1 }
.swiper-pagination-click span.swiper-pagination-bullet-active { background:#fff }
/**/
.h1_title { border-bottom:1px dotted #e0e0e0; position:relative; padding-left:20px; padding-bottom:16px; margin-top:15px; }
.h1_title a.title { font-size:18px; color:#000; font-weight:bold; }
.h1_title a.more { font-size:14px; color:#333; position:absolute; right:20px; top:2px; }
.h1_title a.more:hover, .h3_title a.more:hover, .h3_title a.more:hover { color:#992c89 }
#company_cat li a font:hover { text-decoration:underline }
/**/
.blog_box { position:relative; padding:20px; margin:2px 0; padding-left:114px; min-height:112px; border-bottom:1px dotted #e0e0e0 }
.blog_box .cat { display:block; padding:0 15px; padding-top:10px; text-align:center; width:72px; height:72px; background:#722995; color:#fff; font-size:18px; line-height:1.5; position:absolute; left:20px; top:23px }
.blog_box li { font-size:14px; position:relative; padding-right:90px; line-height:1.7 }
.blog_box li .date { position:absolute; right:0; top:2px; color:#666; line-height:1.7 }
.blog_box li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#blogin { border-bottom:0 }
#company_cat { background:#f5f5f5; border-bottom:0 }
#company_cat li { padding-right:0 }
#company_cat li a font { color:#dd0200 }
#company_cat li em { margin:0 15px; color:#999; font-size:12px; }
#company_cat li.fonts a { margin-right:17px }
#company_cat .cat { background:#a52086 }
/**/
.h2_title { text-align:center; font-weight:normal; position:relative }
.h2_title font { font-size:24px; }
.h2_title span { display:block; color:#999; font-size:14px; padding-top:10px }
.h2_title a { color:#333 }
.h2_title a.more { font-size:14px; color:#333; position:absolute; right:20px; top:12px; }
.h2_title a.more:hover { color:#992c89 }
/**/
.h3_title { position:relative; margin-bottom:15px }
.h3_title .title { font-size:18px; font-weight:bold; color:#333; display:inline-block; border-bottom:2px solid #802ba8; padding-bottom:5px }
.h3_title a.more { font-size:14px; color:#333; position:absolute; right:0px; top:2px; }
/**/
.blog_box2 { padding:15px; padding-bottom:10px; border-bottom:1px dotted #e0e0e0; }
.blog_box2:first-child { margin-bottom:0px }
.blog_box2:first-child { border-top:1px dotted #e0e0e0 }
.blog_box2 li { font-size:14px; position:relative; padding-right:90px; line-height:1.7; margin:3px 0 }
.blog_box2 li .date { position:absolute; right:0; top:2px; color:#666; line-height:1.7 }

.new_row_3 .blog_box { width: 33%; float: left; padding:15px; padding-bottom:10px; border-bottom:1px dotted #e0e0e0; }
.new_row_3 .blog_box:first-child { margin-bottom:0px }
.new_row_3 .blog_box:first-child { border-top:1px dotted #e0e0e0 }
.new_row_3 .blog_box li { font-size:14px; position:relative; padding-right:90px; line-height:1.7; margin:3px 0 }
.new_row_3 .blog_box li .date { position:absolute; right:0; top:2px; color:#666; line-height:1.7 }


/**/
.border_desc #video_list li #video_137 img{height:auto}
#video_title{background:url(../images/vids.png) no-repeat 270px center; }
.video-box-slider{padding:0 25px; position:relative;margin-top:53px;}
#video-slider{}
#video-slider b{display:none}
#video-slider img{width:100%;display:block;height:auto;}
#video-slider .thumb{position:relative}
#video-slider .thumb:before{background:url(../images/icon_vd.png) no-repeat center center; background-size:45px 45px; content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:80; cursor:pointer}
.swiper-pagination-prev { background:url(../images/icon/prev.png) no-repeat; width:16px; height:36px; position:absolute; left:0; top:50%; margin-top:-18px; cursor:pointer; z-index:900 }
.swiper-pagination-next { background:url(../images/icon/next.png) no-repeat; width:16px; height:36px; position:absolute; right:0; top:50%; margin-top:-18px; cursor:pointer; z-index:900 }
.swiper-pagination-prev:not(.swiper-button-disabled):hover {
 background-image:url(../images/icon/prev1.png)
}
.swiper-pagination-next:not(.swiper-button-disabled):hover {
 background-image:url(../images/icon/next1.png)
}
/**/
#videos_title { text-align: left; line-height: 0.8; margin-bottom: 25px; }
.video-box-play { }
.video_lt { float: left; width: 80%; padding-right: 0; background: #000; }
#awards_video { width: 100%; height: 350px; background: #000; }
.video_rt { width: 20%; float: right; background: #9a0fb3; height: 404px; padding-top: 0; }
.video_rt ul { height: 400px; overflow: auto; }
.video_rt li {  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.video_rt li a { font-size: 15px; font-weight: bold; line-height: 1.5; color: #fff; display: block; padding:10px 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; }
.video_rt li.on a{ background:#5c187c}
.title_video { background: #000; padding: 15px 25px; color: #fff; font-size: 16px; font-weight: bold; height:51px; }
/**/
#service_ul { margin-top:40px }
#service_ul li { float:left; width:33.33333%; text-align:center; padding:48px 30px }
 #service_ul li:nth-child(2n) {
 background:#f6f6f6;
}
#service_ul li .icon { height:68px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom:15px }
#service_ul li .icon { background:url(../images/icon/1.png) no-repeat center center }
 #service_ul li:nth-child(1) .icon {
 background-image:url(../images/icon/1.png)
}
 #service_ul li:nth-child(2) .icon {
 background-image:url(../images/icon/2.png)
}
 #service_ul li:nth-child(3) .icon {
 background-image:url(../images/icon/3.png)
}
 #service_ul li:nth-child(4) .icon {
 background-image:url(../images/icon/4.png)
}
 #service_ul li:nth-child(5) .icon {
 background-image:url(../images/icon/5.png)
}
 #service_ul li:nth-child(6) .icon {
 background-image:url(../images/icon/6.png)
}
 #service_ul li:nth-child(1):hover .icon {
 background-image:url(../images/icon/1on.png)
}
 #service_ul li:nth-child(2):hover .icon {
 background-image:url(../images/icon/2on.png)
}
 #service_ul li:nth-child(3):hover .icon {
 background-image:url(../images/icon/3on.png)
}
 #service_ul li:nth-child(4):hover .icon {
 background-image:url(../images/icon/4on.png)
}
 #service_ul li:nth-child(5):hover .icon {
 background-image:url(../images/icon/5on.png)
}
 #service_ul li:nth-child(6):hover .icon {
 background-image:url(../images/icon/6on.png)
}
#service_ul li .icon img { max-height:68px; width:auto }
#service_ul li b { font-size:18px; display:block; margin-bottom:5px; }
#service_ul li p { font-size:14px; line-height:1.5 }
/**/
#myad1 img, #myad2 img { display:block; width:100%; height:auto }
.myad { margin-bottom:18px }
.myad:last-child { margin-bottom:0 }
.myad img { display:block; width:100%; height:auto }
#company-logo { margin-top:50px }
#company-logo li { float:left; width:20%; padding:10px; overflow:hidden; text-align:center }
#company-logo li a { border:1px solid #eee; display:block; overflow:hidden }
#company-logo li a:hover { border-color:#a62f89 }
#company-logo li img { max-width:100%; height:58px; display:block; margin:0 auto }
#company-logo ul { padding:0 20px }
.swiper-logo-prev { background:url(../images/icon/prev.png) no-repeat; width:16px; height:36px; position:absolute; left:0; top:50%; margin-top:-18px; cursor:pointer; z-index:900 }
.swiper-logo-next { background:url(../images/icon/next.png) no-repeat; width:16px; height:36px; position:absolute; right:0; top:50%; margin-top:-18px; cursor:pointer; z-index:900 }
.swiper-logo-prev:not(.swiper-button-disabled):hover {
 background-image:url(../images/icon/prev1.png)
}
.swiper-logo-next:not(.swiper-button-disabled):hover {
 background-image:url(../images/icon/next1.png)
}
.swiper-button-disabled { opacity:0.2; cursor:not-allowed }
.swiper-button-disabled:hover { }
/***/
#activities-pics { margin-top:40px }
#activities-pics a * { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#activities-pics img { display:block; width:288px; height:192px; }
#activities-pics a { display:block; position:relative; font-size:14px; color:#fff; overflow:hidden }
#activities-pics a:hover img { transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); }
#activities-pics a:hover p { }
#activities-pics a p { display:block; background:rgba(0, 0, 0, 0.4); position:absolute; left:0; bottom:0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:10px 0px; width:100%; text-align:center }
.swiper-activities-btn { width:20px; height:46px; position:absolute; top:50%; margin-top:-23px; background:rgba(0, 0, 0, 0.5) url(../images/icon/prev1.png) no-repeat center center; background-size:auto 25px; z-index:900; cursor:pointer }
.swiper-activities-btn.swiper-activities-prev { left:10px; }
.swiper-activities-btn.swiper-activities-next { right:10px; background-image:url(../images/icon/next1.png) }
 .swiper-activities-prev:not(.swiper-button-disabled):hover {
 background-color:#992c89;
 background-image:url(../images/icon/prev2.png)
}
 .swiper-activities-next:not(.swiper-button-disabled):hover {
 background-color:#992c89;
 background-image:url(../images/icon/next2.png)
}
.swiper-activities-btn.swiper-button-disabled { cursor:not-allowed }
/**/
.flink { }
.flink a { font-size:16px; margin-right:20px; margin-top:15px; float:left }
/**/
footer { margin-top:50px; background:#333 }
.fmenu { background:#666; text-align:center; padding:10px 0 }
.fmenu a { display:inline-block; color:#fff }
.fmenu a:hover { text-decoration:underline }
.fmenu em { font-size:12px; color:#fff; vertical-align:middle; display:inline-block; margin:0 15px }
.fcontact { color:#fff; line-height:1.5; float:left; width:800px; margin-right:15px; }
.fcontact a { color:#fff }
.fcontact p { display:block; padding-left:25px; position:relative; }
.fcontact p:before { content:""; display:block; position:absolute; left:0; top:0; background:url(../images/icon/icon_tel.png) no-repeat center; height:20px; width:20px; background-size: 12px; }
.fcontact p.address:before { background:url(../images/icon/icon_add.png) no-repeat center; top:-1px; background-size: 10px 10px; }
.fcontact p.email:before { background:url(../images/icon/icon_email.png) no-repeat center; top:0px; background-size: 12px; }
.fcontact p.zip:before { background:url(../images/icon/icon_zip.png) no-repeat center; top:-1px; background-size: 12px; }
.fcontact p.website:before { background:url(../images/icon/icon_web.png) no-repeat center; top:1px; background-size: 12px; }
.footercontact { border-bottom:1px solid #666; padding:20px 0 }
.fcode { float:left; color:#fff; text-align:center; padding-left:15px; position:relative }
.fcode p { display:block; margin-top:5px; }
.fcode:before { width:1px; height:100px; content:""; background:#fff; display:block; position:absolute; left:0; top:0 }
copyright { color:#fff; text-align:center; padding:15px 0; display:block }
copyright a { color:#fff; vertical-align:top }
copyright a:hover { color:#fff; text-decoration:underline }
/**/
#kefu { position:fixed; right:15px; top:40%; width:65px; z-index:999 }
#kefu span { background-color:#fff }
#kefu .feedback { display:block; width:100%; background:#fff url(../images/icon/icon_feedback.png) no-repeat center 10px; -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); text-align:center }
#kefu .wechat { display:block; width:100%; background:#fff url(../images/codeiocn.jpg) no-repeat center 10px; background-size:auto 25px; -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); text-align:center; margin-top:10px }
#kefu .feedback a { height:65px; display:block; padding-top:45px; font-size:12px }
#kefu .wechat a { height:65px; display:block; padding-top:45px; font-size:12px }
#kefu #scrollTop { cursor:pointer; background:#fff url(../images/icon/scroltop.png) no-repeat center center; padding:15px 0; -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); display:block; margin-top:10px; display:none }
#kefu .wechat { position:relative }
#kefu .wechat font { display:none; width:100px; position:absolute; right:65px; top:0; padding-right:10px }
#kefu .wechat font img { display:block; width:100%; height:auto; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 20%); box-shadow: 0px 0px 5px rgb(0 0 0 / 20%); }
#kefu .wechat:hover font { display:block; }