@charset "utf-8";
/*=============== 顶部 ===============*/
/* 01 顶部菜单 */
.top-bar { width: 100%; min-width: 1200px; height: 40px; line-height: 40px; background: #061939; font-size: 12px; }
.top-bar .lt { float: left; width: 800px; color: #fff; }
.top-bar .rt { float: left; width: 400px; }
.top-bar .rt li { float: right; height: 12px; line-height: 12px; border-left: 1px solid #5b616b; margin-left: 18px; padding-left: 18px; margin-top: 14px; color: #fff; }
.top-bar .rt li:last-child { border-left: 0px; }
.top-bar .rt li a { color: #aaadb2; }
.top-bar .rt li a:hover { color: #fff; }
/* 02 LOGO */
.main-area { width: 100%; min-width: 1200px; height: 90px; background: #fff; }
.main-logo { float: left; width: 230px; height: 90px; }
.main-logo img { width: 200px; height: 50px; margin-top: 20px; }
/* 03 主导航 */
.main-navi { float: left; width: 720px; height: 90px; line-height: 90px; }
.main-navi a { margin-right: 50px; font-size: 16px; }
/* 04 搜索区 */
.main-search { position: relative; float: left; width: 320px; height: 50px; margin-top: 30px; }
.main-search .ipt { width: 298px; height: 48px; border: 1px solid #e7e8ea; border-radius: 0px; }
.main-search .btn { position: absolute; width: 50px; height: 50px; border: 0px; border-radius: 0px; background: transparent; top: 0px; right: 0px; cursor: pointer; border-left: 1px solid #e7e8ea; }
.main-search .icon-1 { color: #5b616b; font-size: 16px; font-weight: bold; }
/* 05 热线电话 */
.hot-line { position: relative; float: left; width:250px; height: 50px; line-height: 50px; margin-top: 20px; text-align: right; }
.hot-line span{font-size: 26px; font-weight: bold}
/*=============== 首页 ===============*/
/* 01 轮播区 */
.main-slider { position: relative; width: 100%; min-width: 1200px; height: 500px; }
/* 02 业务展示 */
.index-section { width: 100%; min-width: 1180px; padding: 60px 0px; }
.index-sec-title { text-align: center; }
.index-sec-title span { display: inline-block; font-size: 22px; font-weight: bold; }
.index-sec-title h3 { font-size: 20px; }
.index-sec-title p { color: #999; margin-top: 20px; }
.index-sec-body { margin-top: 50px; margin-bottom: 20px; }
.index-about-video { float: left; width: 550px; height: 498px; background: #fff; }
.index-about-video p { margin: 20px 15px 15px 15px; font-size: 12px; color: #5b616b; line-height: 20px; }
.index-about-img { float: left; width: 620px; height: 498px; margin-left: 30px; }
.index-about-img img { width: 620px; height: 498px; }
.index-about-more { margin-top: 20px; text-align: center; }
.index-about-more a { display: inline-block; width: 120px; height: 34px; line-height: 34px; border: 1px solid #e7e8ea; color: #5b616b; font-size: 12px; }
.index-about-more a:hover { border: 1px solid #5b616b; color: #5b616b; }
.index-pro-list { }
.index-pro-list li { float: left; width: 358px; height: 360px; border: 1px solid #ddd; margin-right: 20px; margin-bottom: 20px; padding: 10px; text-align: center; }
.index-pro-list li:nth-child(4n+0) { margin-right: 0px; }
.index-pro-list li:hover { box-shadow: 0px 0px 10px #ddd; }
.index-pro-list li img { width: 320px; height: 320px; }
.index-pro-list li .title { width: 358px; height: 30px; line-height: 30px; border-top: 1px solid #f3f3f3; padding-top: 8px; }
.index-client-list { width: 960px; margin: 0 auto; margin-top: 40px; margin-bottom: 20px; }
.index-client-list li { position: relative; float: left; background: #f5f5f5; width: 161px; height: auto; border-left: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; text-align: center; padding: 25px 15px; }
.index-client-list li:nth-child(-n+5) { border-top: 1px solid #e7e8ea; }
.index-client-list li:nth-child(5n+0) { border-right: 1px solid #e7e8ea; width: 160px; }
.index-client-list li:last-child { border-right: 1px solid #e7e8ea; }
/* 03 索引标题 */
.home-title { width: 100%; height: 40px; line-height: 40px; margin-top: 30px; }
.home-title h2 { font-size: 22px; }
.home-title-cls { margin-left: 30px; color: #5b616b; }
/* 04 新品推荐 */
.new-product { width: 1200px; margin-top: 5px; }
.new-product li { position: relative; float: left; width: 209px; height: 236px; border-left: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; text-align: center; padding: 15px; }
.new-product li:nth-child(-n+5) { border-top: 1px solid #e7e8ea; }
.new-product li:nth-child(5n+0) { border-right: 1px solid #e7e8ea; width: 208px; }
.new-product li:last-child { border-right: 1px solid #e7e8ea; }
.new-product li:hover { box-shadow: 1px 1px 8px #e7e8ea; }
.new-product li img { width: 200px; height: 200px; }
.new-product li .pro-name { border-top: 1px solid #eee; padding: 15px 0px 3px 0px; }
/*=============== 联系我们 ===============*/
.contact-info { width: 1200px; margin-top: 10px; }
.contact-info li { position: relative; float: left; width: 399px; height: 90px; border-left: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; text-align: center; }
.contact-info li:nth-child(-n+3) { border-top: 1px solid #e7e8ea; }
.contact-info li:nth-child(3n+0) { border-right: 1px solid #e7e8ea; width: 398px; }
.contact-info li:last-child { border-right: 1px solid #e7e8ea; }
.contact-info li i { position: absolute; display: inline-block; width: 50px; height: 50px; top: 20px; left: 25px; font-size: 50px; color: #aaadb2; }
.contact-info li span { position: absolute; display: inline-block; top: 26px; left: 90px; font-size: 12px; color: #999; }
.contact-info li b { position: absolute; display: inline-block; top: 46px; left: 90px; font-size: 14px; color: #29313e; font-weight: normal; }
.contact-info li .add { display: inline-block; margin-left: 5px; font-size: 12px; padding: 3px 10px; background: #ff6600; color: #fff; border-radius: 3px; }
.contact-map-area { width: 1198px; height: 540px; border: 1px solid #e7e8ea; margin-top: 20px; }
/*=============== 产品展厅 ===============*/
.product-cls { width: 1198px; height: 40px; line-height: 40px; background: #f5f5f5; margin-top: 10px; }
.product-cls a { float: left; height: 40px; line-height: 40px; padding: 0px 25px; color: #5b616b; }
.product-cls a:hover { background: #dbdde0; }
.product-cls a.active { background: #dbdde0; }
.product-cls span { float: right; margin-right: 15px; color: #5b616b; }
.pro-detail { width: 1200px; margin-top: 15px; }
.pro-detail .lt { float: left; width: 380px; margin-right: 40px; }
/*.pro-detail .lt .navi-title { padding: 10px; font-size: 16px; color: #fff; }*/
/*.pro-detail .lt ul { padding: 10px 0px; }*/
/*.pro-detail .lt ul li { width: 165px; height: 36px; line-height: 36px; padding: 0px 15px 0px 20px; background: #e7e8ea; border-bottom: 1px solid #fff; }*/
/*.pro-detail .lt ul li i { float: right; color: #aaadb2; }*/
/*.pro-detail .lt ul li a { display: inline-block; width: 100%; }*/
/*.pro-detail .lt ul li:hover,*/
/*.pro-detail .lt ul li.active { background: #061939; }*/
/*.pro-detail .lt ul li.active a,*/
/*.pro-detail .lt ul li:hover a { color: #fff; }*/
/*.pro-detail .lt ul li.active i,*/
/*.pro-detail .lt ul li:hover i { color: #fff; }*/
.pro-detail .lt #showsum {
    left: 20px;
    margin-top: 10px;
}
.pro-detail .lt .showpage{
    position: relative;
    width: 350px;
}
.pro-detail .lt .showpage a {
    display: block;
    width: 15px;
    border: 1px solid #ddd;
    height: 45px;
    line-height: 45px;
    background: #eee;
    text-align: center;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -56px;
    text-decoration: none;
    color: #999;
}
.pro-detail .lt .showpage a#shownext {
    left: auto;
    right: 0;
}
.pro-detail .rt { float: left; width: 780px; }
.pro-detail .rt .pro-title { height: 26px; line-height: 26px; }
.pro-detail .rt .pro-title .share { float: right; }
.pro-detail .rt .pro-title h1 { float: left; font-size: 26px; font-weight: bold; }
.pro-detail .rt .description{margin: 15px 0}
.pro-detail .rt .pro-info {font-size: 14px; line-height: 20px; margin-top: 10px; }
.pro-detail .rt .pro-info .title{font-weight: bold}
.pro-detail .rt .pro-info .content{padding:10px 0 0 0; }
.pro-detail .rt .pdf{display: flex;align-items: center;justify-content: flex-end;margin-top: 20px;}
.pro-detail .rt .pdf .btn{padding: 5px 15px;background: #0033ff; color: #fff;border-radius: 5px}
.pro-detail .rt .pdf .btn.disable{background: grey;}
.pro-content-wrap{
    padding: 15px 0;
}
.pro-content-wrap .pro-content { width: 100%; margin: 30px 0; }
.pro-content-wrap .pro-content .sub-title { height: 40px; line-height: 40px;  margin-bottom: 20px; border-bottom: 1px solid #c9c9c9}
.pro-content-wrap .pro-content .sub-title h2 { display: inline-block; line-height: 39px; font-size: 15px; font-weight: bold; border-bottom: 2px solid #061939; color: #fff; background: #333;
padding: 0 15px}
.pro-content-wrap .pro-content img { max-width: 1198px; }
.pro-content-wrap .pro-content .img-group { width: 900px; }
.pro-content-wrap .pro-content .img-group li { float: left; width: 200px; height: 150px; border: 1px solid #e7e8ea; padding: 7px; margin-right: 12px; margin-bottom: 12px; text-align: center; }
.pro-content-wrap .pro-content .img-group li:nth-child(4n+0) { margin-right: 0px; }
.pro-content-wrap .pro-content .img-group li:hover { border: 1px solid #061939; }
.pro-content-wrap .pro-content .img-group li img { width: 200px; height: 150px; }
.pro-content-wrap .pro-content .img-group li .more { display: inline-block; width: 100%; height: 150px; }
.pro-content-wrap .pro-content .img-group li span { display: inline-block; font-size: 60px; margin-top: 12px; }
/*=============== 文章中心 ===============*/
.article-list { float: left; width: 900px; min-height: 500px; margin-right: 100px; margin-top: 10px; }
.article-list li { width: 900px; border-bottom: 1px solid #e7e8ea; padding: 30px 0px; }
.article-list li .img-area { float: left; width: 168px; height: 128px; border: 1px solid #e7e8ea; padding: 5px; }
.article-list li .img-area img { float: left; width: 168px; height: 128px; }
.article-list li .news-info { float: left; width: 700px; margin-left: 20px; }
.article-list li .news-info .title { height: 20px; line-height: 18px; font-size: 18px; font-weight: bold; }
.article-list li .news-info .auther { height: 40px; line-height: 40px; font-size: 12px; color: #5b616b; }
.article-list li .news-info .auther span { margin-right: 30px; }
.article-list li .news-info p { height: 40px; line-height: 20px; font-size: 12px; color: #5b616b; }
.article-list li .tags { margin-top: 18px; }
.article-list li .tags a { float: left; padding: 2px 6px; border-radius: 4px; border: 1px solid #aaadb2; color: #5b616b; margin-right: 5px; font-size: 12px; }
.article-list li .tags a:hover { background: #5b616b; color: #fff; border: 1px solid #5b616b; }
.news-rt { position: relative; float: left; width: 168px; border: 1px solid #e7e8ea; padding: 15px; margin-top: 30px; }
.news-rt h3 { display: inline-block; height: 15px; line-height: 15px; font-size: 15px; font-weight: bold; border-left: 6px solid #29313e; text-indent: 10px; }
.news-rt ul li { margin-top: 18px; }
.news-rt ul li img { width: 166px; height: 166px; border: 1px solid #e7e8ea; }
.news-rt ul li p { margin-top: 5px; height: 20px; line-height: 20px; }
.news-detail { float: left; width: 900px; min-height: 500px; margin-right: 100px; margin-top: 30px; }
.news-detail .title { text-align: center; }
.news-detail .title h1 { font-size: 26px; font-weight: bold; }
.news-detail .title .auther { margin-top: 30px; font-size: 12px; padding: 8px 0px; background: #e7e8ea; }
.news-detail .title .auther span { margin: 0px 30px; }
.news-detail .dd { margin-top: 40px; line-height: 22px; }
.news-detail .content { margin-top: 30px; }
.news-detail .content h2 { font-size: 20px; font-weight: bold; line-height: 40px; }
.news-detail .content h3 { font-size: 16px; font-weight: bold; line-height: 32px; }
.news-detail .content p { line-height: 22px; margin: 10px 0px; text-indent: 2em; }
.news-detail .content img { max-width: 900px; }
.news-detail .content a { color: #2281DD; font-weight: bold; }
.news-detail .content a:hover { text-decoration: underline; }
.news-detail .share { margin-top: 50px; }
.news-detail .share .download { float: left; padding: 6px 20px; background: #2281DD; color: #fff; }
.news-detail .news-xg { margin-top: 20px; line-height: 26px; border-top: 1px solid #e7e8ea; padding: 20px 0px; }
.news-detail .news-xg a { color: #2281DD; font-weight: bold; }
.news-detail .news-xg a:hover { text-decoration: underline; }
.news-detail .tags { margin-bottom: 30px; height: 20px; line-height: 20px; }
.news-detail .tags a { float: left; padding: 2px 8px; height: 20px; line-height: 20px; border-radius: 4px; border: 1px solid #aaadb2; color: #5b616b; margin-right: 5px; font-size: 12px; }
.news-detail .tags a:hover { background: #5b616b; color: #fff; border: 1px solid #5b616b; }
/*=============== 产品定制 ===============*/
.soul-list { width: 1200px; }
.soul-list li { width: 1198px; height: 280px; border: 1px solid #e7e8ea; margin-bottom: 20px; }
.soul-list li .lt { float: left; width: 520px; height: 240px; margin-top: 20px; margin-left: 24px; }
.soul-list li .lt h2 { display: inline-block; font-size: 24px; }
.soul-list li .lt p { margin-top: 12px; height: 120px; line-height: 20px; color: #5b616b; font-size: 13px; }
.soul-list li .lt .detail-bt { display: inline-block; padding: 6px 16px; border-radius: 4px; margin-top: 40px; color: #fff; background: #0033ff }
.soul-list li .lt .detail-bt:hover { background: #2281DD; color: #fff; }
.soul-list li .rt { float: right; width: 600px; height: 280px; background: #f9f9f9; }
.soul-list li .rt dl { margin: 0; }
.soul-list li .rt dl dd { float: left; width: 140px; height: 170px; margin: 0px 10px; border: 1px solid transparent; padding: 5px; text-align: center; }
.soul-list li .rt dl dd a { color: #5b616b; }
.soul-list li .rt dl dd:hover { float: left; border: 1px solid #eee; box-shadow: 1px 1px 8px #e7e8ea; }
.soul-list li .rt dl dd img { width: 140px; height: 140px; }
.soul-list li .rt dl dd p { height: 30px; line-height: 30px; font-size: 13px; margin-top: 4px; }
.soul-list li.right .lt{float: right}
.soul-list li.right .rt{float: left}
.solution_d_lt { float: left; width: 200px; margin-top: 10px; }
.solution_d_lt ul li { width: 130px; height: 40px; line-height: 40px; border: 1px solid #e7e8ea; margin-bottom: 5px; padding: 0px 10px 0px 20px; }
.solution_d_lt ul li a { display: inline-block; width: 100%; color: #5b616b; }
.solution_d_lt ul li a:hover { color: #fff; }
.solution_d_lt ul li i { float: right; font-size: 12px; color: #aaadb2; }
.solution_d_lt ul li.active,
.solution_d_lt ul li:hover { background: #061939; border: 1px solid #061939; }
.solution_d_lt ul li.active a,
.solution_d_lt ul li:hover a { color: #fff; }
.solution_d_lt ul li.active i,
.solution_d_lt ul li:hover i { color: #fff; }
.solution_d_rt { float: left; width: 960px; margin-top: 10px; margin-right: 40px; }
.solution_d_rt .s-title { height: 30px; line-height: 30px; }
.solution_d_rt .s-title h1 { display: inline-block; font-size: 30px; color: #061939; }
.solution_d_rt .sub { height: 50px; line-height: 50px; margin-top: 30px; }
.solution_d_rt .sub h2 { display: inline-block; font-size: 18px; height: 18px; line-height: 18px; border-left: 6px solid #061939; text-indent: 10px; }
.solution_d_rt .s-content { margin-top: 15px;}
.solution_d_rt .s-content p { line-height: 22px; margin: 10px 0px; text-indent: 2em; }
.solution_d_lt .pro-case { width: 200px; margin-top: 5px; }
.solution_d_lt .pro-case li { position: relative; float: left; width: 198px; height: 198px; border: 1px solid #e7e8ea;text-align: center;padding: 0px;}
.solution_d_lt .pro-case li:hover { border-color:#061939!important; box-shadow: none; background: none;}
.solution_d_lt .pro-case li img { width: 198px; height: 198px; }
.solution_d_lt .pro-case li .pro-name { border-top: 1px solid #eee; padding: 15px 0px 3px 0px; }
/*=============== 关于我们 ===============*/
.solution_d_rt .abt-list { width: 960px; margin-top: 30px; }
.solution_d_rt .abt-list li { position: relative; float: left; width: 161px; height: auto; border-left: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; text-align: center; padding: 25px 15px; }
.solution_d_rt .abt-list p { margin-top: 5px; }
.solution_d_rt .abt-list li:nth-child(-n+5) { border-top: 1px solid #e7e8ea; }
.solution_d_rt .abt-list li:nth-child(5n+0) { border-right: 1px solid #e7e8ea; width: 160px; }
.solution_d_rt .abt-list li:last-child { border-right: 1px solid #e7e8ea; }
.solution_d_rt .abt-list li i { font-size: 36px; }
.solution_d_rt .client-list { width: 960px; margin-top: 10px; }
.solution_d_rt .client-list li { position: relative; float: left; width: 161px; height: auto; border-left: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; text-align: center; padding: 25px 15px; }
.solution_d_rt .client-list li:nth-child(-n+5) { border-top: 1px solid #e7e8ea; }
.solution_d_rt .client-list li:nth-child(5n+0) { border-right: 1px solid #e7e8ea; width: 160px; }
.solution_d_rt .client-list li:last-child { border-right: 1px solid #e7e8ea; }
.solution_d_rt .abt-list li img { }
.solution_d_rt .pro-case { width: 960px; margin-top: 5px; }
.solution_d_rt .pro-case li { position: relative; float: left; width: 209px; height: 236px; border-left: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; text-align: center; padding: 15px; }
.solution_d_rt .pro-case li:nth-child(-n+4) { border-top: 1px solid #e7e8ea; }
.solution_d_rt .pro-case li:nth-child(4n+0) { border-right: 1px solid #e7e8ea; width: 208px; }
.solution_d_rt .pro-case li:last-child { border-right: 1px solid #e7e8ea; }
.solution_d_rt .pro-case li:hover { box-shadow: 1px 1px 8px #e7e8ea; }
.solution_d_rt .pro-case li img { width: 200px; height: 200px; }
.solution_d_rt .pro-case li .pro-name { border-top: 1px solid #eee; padding: 15px 0px 3px 0px; }
/*=============== 下载中心 ===============*/
.d-title { margin-top: 10px; width: 1180px; padding: 12px 9px; border: 1px solid #e7e8ea; background: #e7e8ea; }
.d-title li { float: left; height: 20px; line-height: 20px; font-weight: bold; }
.d-title li:nth-child(1) { width: 120px; }
.d-title li:nth-child(2) { width: 600px; }
.d-title li:nth-child(3) { width: 200px; }
.d-title li:nth-child(4) { width: 120px; }
.d-title li:nth-child(5) { width: 140px; text-align: right; }
.d-list { width: 1200px; }
.d-list li { height: 50px; line-height: 50px; border-bottom: 1px dotted #e7e8ea; }
.d-list li:hover { background: #f9f9f9; }
.d-list li dl dd { float: left; }
.d-list li dl dd:nth-child(1) { width: 120px; padding-left: 10px; }
.d-list li dl dd:nth-child(2) { width: 600px; }
.d-list li dl dd:nth-child(3) { width: 200px; }
.d-list li dl dd:nth-child(4) { width: 120px; }
.d-list li dl dd:nth-child(5) { width: 140px; text-align: right; padding-right: 10px; }
.d-list li dl dd a { display: inline-block; padding: 0px 10px; line-height: 24px; background: #2281DD; color: #fff; font-size: 12px; border-radius: 4px; }
.d-list li dl dd a:hover { background: #1F73C5; }
.d-list li dl dd i { font-size: 12px; }
/*=============== 底部样式 ===============*/
.footer { width: 100%; min-width: 1200px;background: #333333;}
.footer-itr { width: 1200px; border-bottom: 1px solid #061939; padding: 30px 0px; }
.footer-itr li { float: left; width: 239px; height: 74px; border-right: 1px solid #5b616b; text-align: center; color: #5b616b; font-size: 14px; }
.footer-itr li:last-child { width: 240px; border-right: 0px; }
.footer-itr li i { font-size: 46px; }
.footer-itr li p { color: #e7e8ea; margin-top: 5px; }
.footer-navi { float: left; width: 700px; margin-top: 30px; }
.footer-navi li { float: left; width: 175px; }
.footer-navi li dl dt { color: #aaadb2; margin-bottom: 10px; }
.footer-navi li dl dd { font-size: 12px; line-height: 26px; }
.footer-navi li dl dd a { color: #5b616b; }
.footer-navi li dl dd a:hover { color: #aaadb2; }
.footer-ewm { float: right; width: 120px; margin-top: 30px; text-align: right; }
.footer-sv { float: left; width: 200px; margin-top: 30px; margin-left: 40px; text-align: center; }
.footer-sv b { display: inline-block; font-size: 18px; color: #2281DD; }
.footer-sv p { color: #aaadb2; margin-top: 5px; }
.footer-sv span { display: inline-block; font-size: 12px; color: #aaadb2; }
.footer-sv .hot-line { margin-top: 20px; text-align: center; }
.footer-sv .hot-line a { display: inline-block; padding: 6px 20px; border: 1px solid #2281DD; color: #2281DD; font-size: 12px; }
.footer-sv .hot-line a:hover { border: 1px solid #2281DD; color: #fff; background: #2281DD; }
.footer .copy-links { width: 100%; min-width: 1200px;padding: 15px 0; color: #fff; font-size: 12px; }
.footer .copy-links .copyright { float: left; width: 500px; color: #fff; }
.footer .copy-links .links { float: left; width: 700px; text-align: right; }
.footer .copy-links .links a ,.footer .copy-links .copyright a{ color: #fff; margin-left: 20px; }
.footer .copy-links .links a:hover, .footer .copy-links .copyright a:hover { color: #fff; }
.footer .copy-links .links span { color: #fff; }
.footer .index-about-left{
    float: left;width: 540px;
    color: #fff;
    padding-right: 50px;
}
.footer .index-about-left h3{
    font-size: 36px;
    color: #fff;
}
.footer .index-about-left p{
    padding-top: 30px;
}
.footer .index-about-img{
    height: 498px;
}
    /*=============== 供应商查询 ===============*/
/*=============== 111 ===============*/
/*=============== 111 ===============*/
/*=============== 111 ===============*/
/*=============== 111 ===============*/
/*=============== 111 ===============*/
/*=============== 111 ===============*/
/*=============== 右侧悬浮 ===============*/
.right-bar { position: fixed; bottom: 200px; right: 20px; }
.right-bar li { position: relative; width: 48px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #ddd; background: #f9f9f9; margin-bottom: 5px; }
.right-bar li:hover { border: 1px solid #333; background: #333; margin-bottom: 5px; }
.right-bar li a { display: inline-block; width: 100%; color: #888; }
.right-bar li:hover a { color: #fff; }
.right-bar li i { font-size: 22px; }
.right-bar li:hover .pop-ewm { display: block; }
.right-bar li .pop-ewm { position: absolute; display: none; top: -56px; right: 55px; width: 128px; height: 158px; text-align: center; border: 1px solid #ddd; background: #fff; }
.right-bar li .pop-ewm img { width: 120px; height: 120px; margin-top: 4px; }
.right-bar li .pop-ewm p { font-size: 12px; line-height: 28px; }
/* 00 视频背景样式 */
.tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 4; }
.tp-dottedoverlay.twoxtwo { background: url(../images/gridtile.png); }
.tp-dottedoverlay.twoxtwowhite { background: url(../images/gridtile_white.png); }
.tp-dottedoverlay.threexthree { background: url(../images/gridtile_3x3.png); }
.tp-dottedoverlay.threexthreewhite { background: url(../images/gridtile_3x3_white.png); }
.overlay { background: rgba(0,0,0, 0.2); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; z-index: 6; }
a.overlay:hover { background: rgba(255,255,255, 0.2); }
.overlay.dark-0 { background-color: rgba(0,0,0,0); }
.overlay.dark-1 { background-color: rgba(0,0,0,.1); }
.overlay.dark-2 { background-color: rgba(0,0,0,.2); }
.overlay.dark-3 { background-color: rgba(0,0,0,.3); }
.overlay.dark-4 { background-color: rgba(0,0,0,.4); }
.overlay.dark-5 { background-color: rgba(0,0,0,.5); }
.overlay.dark-6 { background-color: rgba(0,0,0,.6); }
.overlay.dark-7 { background-color: rgba(0,0,0,.7); }
.overlay.dark-8 { background-color: rgba(0,0,0,.8); }
.overlay.dark-9 { background-color: rgba(0,0,0,.9); }
.overlay.dark-10 { background-color: rgba(0,0,0,1); }
section { display: block; position: relative; padding: 80px 0; border-bottom: rgba(0,0,0,0.1) 1px solid; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; background-size: cover !important; box-sizing: border-box !important; }
section:after, section:before { content: " "; display: table; }
section#slider { display: block; padding: 0; margin: 0; box-shadow: none; background-color: #151515; overflow: hidden !important; border-bottom: 0; z-index: 0; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; }
section#slider.transparent { background-color: transparent; }
section#slider.parallax-slider:before { background-color: rgba(0,0,0,0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }
section#slider .slider-video { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; }
section#slider .slider-video video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; }
section#slider canvas { width: auto !important; height: auto !important; }
section#slider a:hover { color: #fff; }
.slider-text-area { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9; letter-spacing: 4px; text-align: center; }
.slider-text-area h1 { margin-top: 140px; font-size: 60px; font-weight: bold; color: #f3f3f3; text-shadow: 1px 1px 8px #666; }
.slider-text-area p { margin-top: 20px; font-size: 36px; color: rgba(255,255,255,0.8); letter-spacing: 12px; margin-left: 10px; }
.slider-list { margin: 0 auto; margin-top: 30px; width: 480px; height: 34px; line-height: 34px; color: #061939; background: rgba(255,255,255,0.8); }
.slider-list span { margin: 0px; font-size: 16px; color: #061939;}
.slider-list em { font-size: 16px; font-style: normal; }
.slider-ul { margin-top: 80px; color: #f3f3f3; text-align: left; margin-left: 450px; }
.slider-ul li { margin: 15px 0px; font-size: 14px; letter-spacing: 2px; }
.slider-ul li i { font-size: 15px; margin-right: 4px; }
.index-section { width: 100%; min-width: 1180px; padding: 40px 0px; }
.index-sec-title { text-align: center; }
.index-sec-title span { display: inline-block; font-size: 22px; font-weight: bold; }
.index-sec-title h3 { font-size: 30px; font-weight: bold}
.index-sec-title p { color: #333; margin-top: 20px; }
.index-sec-body { margin-top: 50px; margin-bottom: 20px; }
.index-about-video { float: left; width: 590px; height: 390px; background: #fff; }
.index-about-video p { margin: 20px 15px 15px 15px; font-size: 12px; color: #5b616b; line-height: 20px; text-indent: 2em; }
.index-about-video img { width: 100%; height: 100%; }
.index-about-video .name{line-height: 25px; text-align: center;padding: 5px 0}
.index-about-img { float: left; width: 590px; height: 390px; margin-left: 20px; }
.index-about-img img { width: 100%; height: 100%; }
.index-about-img .name{line-height: 25px; text-align: center;padding: 5px 0}
.index-about-more { margin-top: 50px; margin-bottom: 30px; text-align: center; }
/*产品修改*/
.pro-cls2 { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #c9c9c9; margin-top: 20px; }
.pro-cls2 h2 { float: left; font-size: 20px; line-height: 40px; background: #333; color: #fff; font-weight: bold; padding: 0 20px}
.pro-cls2 .right{
    float: right;
}
.pro-cls2 .right a {
    position: relative;
    padding:0 15px 0 15px;
    font-size: 13px;
}
.pro-cls2 .right a:last-child {
    padding-right: 0;
}
.pro-cls2 .right a:after{
    content: '';
    width: 1px;
    background: #666;
    height: 11px;
    position: absolute;
    right: 0;
    top: 4px;
}
.pro-cls2 .right a:last-child:after{
    display: none;
}
.pro-cls2 .right a.more{
    color: #0074ff;
    font-weight: bold;
}
.product-list { margin-top: 20px; margin-bottom: 10px; min-height: 500px;}
.product-list li { float: left; width: 202px; padding: 10px; margin-right: 20px; margin-bottom: 12px; border: 1px solid #e7e8ea; text-align: center; }
.product-list li:hover { border: 1px solid #0074ff; }
.product-list li:nth-child(5n+0) { margin-right: 0px; }
.product-list li:hover { box-shadow: 0px 0px 10px #ddd; }
.product-list li img { width: 202px; height: 202px; }
.product-list li .pro-name { height: 30px; line-height: 30px; margin-top: 10px; font-size: 13px; }
.product-list li:hover .pro-name a { color: #2281DD; }
/*产品列表*/
.cates-wrap{
    width: 1170px;
    padding: 15px;
    border:1px solid #aeaeae;
}
.cates-wrap li{
    padding: 8px 0;
    font-size: 13px;
}
.cates-wrap li .name{
    float: left;
    width: 120px;
    color: #666;
    line-height: 26px;
    font-weight: bold;
}
.cates-wrap li .values{
    float: left;
    width: 1050px;
    line-height: 26px;
}
.cates-wrap li .values a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 30px;
    color: #666;
}
.cates-wrap li .values a.active,.cates-wrap li .name a.active{
    color: #0074ff;
}
.empty{
    font-size: 14px;
    text-align: center;
    padding: 30px 0;
}
.empty .ico i{
    font-size: 50px;
}