/* 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:#f57f1f }
.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:20px; padding-bottom:20px; }
.header .logo { }
.header .logo img { width:280px; 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 #f57f1f; 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:#f57f1f 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:#f57f1f; height:46px; position:relative; z-index:999 }
#menu { margin:0 auto; width:1200px }
#menu ul li { float:left; width:171px; position:relative; text-align:center }
#menu ul li .sub_menu{ position:absolute; left:0; top:46px; padding: 0px 0px; display:none; width:100%; background:#d96608; }
#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:#d96608}
#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#menu96>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#menu97>a:before { background-image:url(../images/icon7.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:#f57f1f; color:#fff }
/**/
#istop-blog { width:950px; padding-left:65px; position:relative; margin-left:auto; margin-right:auto; padding-bottom:15px;margin-bottom:35px; }
#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:24px; 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:#f57f1f }
.istop_box{height:90px}
/***/
.tabs_box{margin-top:15px}
.tabs_box span{float:left;width:50%;height:50px;line-height:50px;text-align:center;font-size:16px;display:block;border:1px solid #ddd;color:#000}
.tabs_box span:last-child{border-left:0}
.tabs_box span.on{border-color:#f57f1f;background:#f57f1f;color:#fff}
/**/
.l780 { width:780px; float:left }
.l780 img { width:100%; height:100%; }
.r390{float:right;width:390px}
.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; }
/**/
.blog_index{}
.blog_index ul{padding:0 15px}
.blog_index li{position:relative;padding-right:100px;font-size:14px;line-height:1.7;margin-top:5px;}
.blog_index p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display:block}
.blog_index p a{background:url(../images/cjicon.jpg) no-repeat left center;display:inline-block;padding-left:10px}
.blog_index span{position:absolute;right:0;top:0}
/**/
.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:10px; bottom:10px; 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 solid #f57f1f; position:relative; padding-left:15px; padding-bottom:10px;margin-bottom:10px}
.h1_title a.title { font-size:18px; color:#f57f1f; font-weight:bold;background:url(../images/cion.jpg) no-repeat left 0px;padding-left:20px}
.h1_title a.more { font-size:14px; color:#333; position:absolute; right:15px; 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 }
/**/
.indeAds{padding:35px 0;float:left;width:100%}
.indeAds .myadx{float:left;width:385px;margin-right:22.5px}
.indeAds .myadx img{display:block;width:100%;height:auto;}
.indeAds .myadx:last-child{float:right;margin-right:0}
.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 {  font-weight:normal; position:relative;border-bottom:1px solid #ddd;margin-bottom:18px}
.h2_title font {font-size: 20px; color:#f57f1f;font-weight: bold;display: inline-block;padding: 0 25px;padding-bottom: 12px;position:relative}
.h2_title font:after{width:100%;height:3px;content:"";position:absolute;left:0;bottom:-2px;background:#f57f1f;display:block}
.h2_title a { color:#333 }
.h2_title a.more { font-size:14px; color:#333; position:absolute; right:15px; top:5px; }
.h2_title a.more:hover { color:#992c89 }
.news96_box{float:left;width:48.5%;position:relative;padding-left:90px;line-height:1.7;}
.news96_box label{position:absolute;left:0;top:0;}
.news96_box label a{color:#f57f1f}
.news96_box.news96_0{margin-left:3%}
.news96_box li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display:block;margin-bottom:5px}
.news96_box li:last-child{margin-bottom:0}
.news96_box li a{background:url(../images/cjicon.jpg) no-repeat left center;padding-left:10px;}
/**/
.h3_title { position:relative;border-bottom:1px solid #ddd;float:left;width:100%;margin-bottom:18px}
.h3_title span{float:left;width:33.3333%;text-align:center;padding:0;padding-bottom:12px;position:relative;font-size:20px;}
.h3_title span.on{color:#f57f1f;font-weight:bold}
.h3_title span.on:after{width:100%;height:3px;position:absolute;left:0;bottom:-2px;background:#f57f1f;content:'';display:block}
/**/
.blog_box2:first-child{margin-bottom:15px}
.blog_box2 {}
.blog_box2 li { font-size:14px; position:relative; padding-right:90px; line-height:1.7;margin-bottom:5px}
.blog_box2 li a{background:url(../images/cjicon.jpg) no-repeat left center;padding-left:10px;}
.blog_box2 li .date{ position:absolute; right:0; top:2px; color:#666; line-height:1.7 }
.blog_box2 ul{padding:0 15px;display:none}
/**/
#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:#f57f1f;
 background-image:url(../images/icon/prev2.png)
}
 .swiper-activities-next:not(.swiper-button-disabled):hover {
 background-color:#f57f1f;
 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; }