@charset "utf-8";
/* CSS Document */
/*通用*/
* { margin: 0; border: 0; padding: 0; }
body { font-size: 12px; font-family: "微软雅黑", "Microsoft YaHei"; color: #000; }
a, input { outline: none; text-decoration: none; color: inherit; transition: 0.3s linear 0s; }
.max-w { width: 1200px; margin: 0 auto; }
.top { width: 100%; }
.logo img, .search-br img, .search-r img, .index-title img, .adv-sl img, .adv-ul li>img, .picList .pic img, .news-img img, .footer-ul1>li img, .page-banner img, .mob-adv img { display: block; max-width: 100%; }
.dis-t { display: inline-block; vertical-align: top; }
.dis-m { display: inline-block; vertical-align: middle; }
.dis-b { display: inline-block; vertical-align: bottom; }
.MenuList_b1 .on { border-bottom: 2px solid #e97315; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #e97315 !important; }
.menu-lan a:hover, .login-btn a:hover, .login-btn a:first-child:hover, .search-bl a:hover, .adv-ul li a:hover span, .footer-ul2 li a:hover, h2 a:hover, .about a:hover, h3 a:hover, #pos a:hover, .news-rc .NewsList_e1 li:hover h3, .news-rc .NewsList_e1 li:hover span { color: #e97315; }
.NavList_f1 ul li a:hover { color: #950c1d; }
.ProductDetail_b1 a:hover { border-radius: 10px; }
.ProductDetail_b1>a { display: none; text-decoration: underline; }
.keyword a:hover { text-decoration: underline; }
#BannerShow_b1, img.mob-img, .mob-adv, .mob-video{ display: none; }
.news-rc { clear: both; }
.mob { display: none !important; }
.img1 input { font-size: 16px; color: #fff; background: #e97315; height: 40px; width: 100% !important; font-family: "微软雅黑", "Microsoft YaHei"; cursor: pointer; outline: none; }
.img1 input:hover { color: #e97315; }
#load_more_button { display: none; }
.NewsList_j1 li { width: 32.5%; }
.NewsList_j1 img { transition: 0.5s linear 0s; width: 100%; display: block; }
.NewsList_j1 .page { display: none; }
.NewsList_j1 i { overflow: hidden; max-height: 48px; color: #666; line-height: 24px; font-size: 14px; display: block; text-align: left; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.NewsList_j1 span a { margin-bottom: 5px; border-bottom: 1px solid #bbb; padding: 15px 0; text-align: left; font-weight: bold; width: 100%; color: #333; white-space: nowrap; font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; }
.NewsList_j1 li:hover span a { color: #e97315; }
.NewsList_j1 li:hover img { transform: scale(1.1); }
.addpage { position: fixed; top: 0; width: 255px; }
.addpage2 { position: absolute; left: 0; bottom: 0; width: 255px; }
/*down_list*/

.DownloadClass_a1 { position: relative; }
.DownloadClass_a1_Top { display: none; }
.DownloadClass_a1_Bottom { display: none; }
.DownloadClass_a1_1stGrade li { border-bottom: 1px solid #eee; }
.DownloadClass_a1_1stGrade li:last-child { border-bottom: none; }
.DownloadClass_a1_1stGrade li a { display: block; padding: 20px; }
.DownloadClass_a1_1stGrade li a:hover { background-color: #005bac; color: #fff; }
.DownloadClass_a1_1stGrade li a.on { background-color: #005bac; color: #fff; }
.DownList_a1 { padding: 20px 0; }
.DownList_a1 li { height: 30px; line-height: 30px; padding:15px 0; border-bottom: 1px solid #e8e8e8; }
.DownList_a1 li:last-child { border-bottom: none; }
.DownList_a1 li:hover { }
.DownList_a1 li span { display: block; float: left; font-size: 20px; }
.DownList_a1 li a { display: block; float: right; padding: 0 10px; text-align: center; background-color: #e97315; color: #fff; border-radius: 8px; font-size: 14px; }
.DownList_a1 li a:hover { background-color: #bb3137; color: #fff; }
#kinMaxShow .kinMaxShow_button li { display: inline-block; float: none !important; }
#kinMaxShow .kinMaxShow_button { text-align: center; }
/*top*/
.top { /*background: url(../images/top-bg.jpg) repeat-x top left; */height: 108px;background: #5f5d5d; }
.top-s { display: flex; }
.logo { width: 23%; display: inline-block; vertical-align: top; height: 100%; }
.menu-box { width: 75%; display: inline-block; position: relative; height: 100%; }
.menu-lan { color: #fff; text-align: right; margin-top: 15px; margin-bottom: 5px; margin-right: 3.5%; }
.menu-lan a { color: #fff; text-transform: uppercase; }
.menu-lan span { margin: 0 1%; }
NewsList_j1, .leftLoop .bd { width: 100%; }
/*serch*/
.banner { background: #f2f2f2; }
.search-l { width: 58%; background: #e1dbcc; float: left; padding: 22px 0; }
.search-r { width: 42%; background: #5f5d5d; float: left; padding: 7px 0; position: relative; }
.search-input { line-height: 40px; background: #fff; margin: 0 auto; width: 82%; }
.search-b { width: 82%; margin: 15px auto 0 auto; }
.search-m { margin: 0 auto; width: 100%; }
.search-m img { max-width: 100%; vertical-align: middle; margin-left: 5%; }
.search-m span { color: #c6c6c6; margin: 0 2%; }
.search-m input { width: 70%; }
.img1 { display: inline-block; vertical-align: middle; float: right; width: 16%; }
.img1 a { display: block;/*border-style: solid;border-color: #000 transparent;border-width: 6px 7px 0;*/ background-color: #e97315; width: 100%; height: 40px; text-align: center; color: #ffffff; font-size: 14px; letter-spacing: 3px; }
.img1 a:hover {/*border-color:red transparent;*/ background-color: #96030d; color: #e97315; }
.search-br { width: 41%; }
.search-br span { display: block; height: 13px; line-height: 13px; background: url(../images/ico_tel_13.png) left center no-repeat; padding: 0 0 0 18px; margin-top: 6px; color: #e97315; font-size: 14px; }
.search-br strong { display: block; font-size: 26px; color: #e97315; font-weight: normal; letter-spacing: 1px; }
.search-bl { line-height: normal; margin-right: 3%; width: 55%; line-height: 30px; font-size: 14px; color: #151515; }
.search-bl a { padding: 0 4%; border-left: 1px solid #151515; color: #151515; }
.search-bl a:first-child { border-left: none; padding: 0 4% 0 0; }
.search-box { position: relative; }
.search { bottom: 0%; width: 100%; display: inline-block; vertical-align: top; z-index: 2; }
.search-r img { border: 1px solid #b8967c; margin: 0 auto; }
.login-btn { bottom: 25px; line-height: 25px; color: #fff; position: absolute; text-align: center; width: 100%; }
.login-btn a:hover { text-decoration: underline; }
.login-btn a:first-child { margin-right: 10px; display: inline-block; width: 27.5%; background: #fff; color: #000; }
.login-btn a:first-child:hover { text-decoration: none; border-radius: 5px; transition: 0.3s linear 0s; }


/*首页标题的style start*/
.contitbox {margin: 0 auto;overflow: hidden;margin-top: 10px;text-align: center;background: url(../images/titbg.png) no-repeat center 60px;margin-bottom: 30px;}
.ccsl {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.contitbox h3 {text-align: center;line-height: 40px;font-size: 32px;color: #e97315;font-weight: bold;}
.contitbox p {text-align: center;font-size: 14px;color: #999999;line-height: 17px;margin-bottom: 48px;}

@media screen and (max-width: 650px){
    .contitbox h3{font-size: 24px;}
    .contitbox p{font-size: 12px;}
}
/*首页标题的style end*/

/*products*/
/*.products, .support { padding-top: 50px; background: #f2f2f2; }
.products { padding-bottom: 100px;clear: both; }*/
/*adv*/
.ul-text span {
    vertical-align: middle;
}
.ul-text img {
    vertical-align: middle;
    width: 30px;
    margin-right: 15px;
}
.adv { padding: 100px 0; }
.adv-sl { width: 50%; }
.adv-sr { width: 38%; }
.adv-ul li>img { border: 2px solid #ee7780; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 30px; width: 12.5%; }
.ul-text { }
.adv-ul li { margin-top: 44px; }
.adv-ul li:first-child { margin-top: 0px; }
.ul-text p { font-size: 14px; color: #5c5554; text-align: left; font-family: "微软雅黑", "Microsoft YaHei"; line-height: 2; }
.ul-text p:first-child { line-height: normal; font-size: 24px; color: #e97315; margin-bottom: 20px; }
.adv-box { margin-top: 70px; }
.li3 .adv-sr { width: 31%; }
.li3 .m-r { margin-right: 5%; }
.li3 .adv-sl { width: 63%; vertical-align: bottom; }
.ul-img img:first-child,.page-section .ul-img img:first-child { margin-left: 0; }
.ul-img img,.page-section .ul-img img { margin-left: 2.66666%; float: left; display: block; width: 23%; }
.ul-img { margin-top: 40px; width: 100%; }
.m-r { margin-right: 8%; }
.adv-ul li a { line-height: 50px; text-align: center; background: #e97315; width: 230px; display: inline-block; border-radius: 4px; }
.adv-ul li a img { margin: 0; width: auto; margin-right: 10px; max-width: 100%; display: inline-block; }
.adv-ul li a span { font-size: 24px; color: #fff; }
.adv-ulbox>li { margin-top: 60px; }
.adv-ulbox>li:first-child { margin-top: 0px; }
.picList li { width: 24.2%; }
/*.picList .pic { text-align: center; line-height: 0px; padding-bottom: 20px; transition: all 0.2s linear 0s; }*/
/*.picList .pic img { width: 269px; }*/
.picList .pic { display: block;width: 100%;position: relative;padding: 37% 0; }
.picList .pic img {height: 100%;display: block;position: absolute;left: 50%;top: 0;transform:translateX(-50%);object-fit: cover;}


.picList .pic a:hover img { border-color: #f00; }
.picList .title { line-height: 24px; }
/* 多个左滚动 - 公用类 */
.leftLoop { position: relative; }
.leftLoop .prev, .leftLoop .next { z-index: 9; text-align: center; color: #fff; background: #e5e5e5; display: block; width: 50px; height: 100px; line-height: 100px; overflow: hidden; cursor: pointer; font-size: 30px; position: absolute;top: 50%; transform: translateY(-50%);transition: all 0.5s;    display: none; }
.leftLoop .prev:hover, .leftLoop .next:hover { background: #e97315; }
.leftLoop .prev { left: -70px; }
.leftLoop .next { right: -70px; }
.leftLoop .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; }
.leftLoop .hd ul li { position: relative; _display: inline; float: left; width: 10px; height: 10px; overflow: hidden; background: #ccc; margin-right: 10px; text-indent: -999px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../images/pie.htc); }
.leftLoop .hd ul li.on { background: #f00; }
.leftLoop .bd { }
.leftLoop .bd ul { overflow: hidden; zoom: 1; }
.leftLoop .bd ul li { margin: 0 4px; text-align: center; float: left; display: _inline; background: #fff;box-shadow: rgb(27 43 111 / 6%) 0px 0px 12px 0 }
/*.title p { font-size: 22px; opacity: 0; display: none; }*/
.leftLoop .bd ul li a>p { line-height: 50px; color: #353535;font-size: 18px; }
.leftLoop .bd ul li a { overflow: hidden; display: block; width: 100%; }
.leftLoop .bd ul li:hover .title { color: #e97315; }
/*.picList .title { line-height: 30px; padding: 45px 0 30px 0; font-size: 14px; color: #5f5d5d;font-weight: bold; }*/
.picList .title { background-color: #f5f5f5;padding: 18px;transition: .4s all; }
.leftLoop .bd ul li:hover .title {
    background-color: #e97315;
}
.picList .title h5 {
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    transition: .4s all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.picList .title p {
    font-size: 14px;
    color: #868686;
    line-height: 24px;
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*.leftLoop .bd ul li:hover a>p {display: none;}*/
.leftLoop .bd ul li:hover { background: #fff; }
/*.leftLoop .bd ul li:hover .title p {opacity:1;}*/
.leftLoop .bd ul li:hover .pic { transition: all 0.2s linear 0s; /*transform: scale(1.1);*/ }
/*Support*/
.support { padding-bottom: 120px; }
.bg1 { background: #721b1b; color: #e97315; }
.bg2 { background: #fff; color: #332c2b; }
.bg3 { background: #ad7f5c; color: #fff; }
.su-ul { text-align: center; }
.su-ul li span { height: 100%; }
.su-ul li { width: 33%; height: 170px; }
.su-div p { font-size: 18px; line-height: 25px; position: relative; }
.su-div p:first-child { font-size: 47px; line-height: normal; font-weight: bold; font-family: Impact, Arial; }
.su-div { vertical-align: middle; display: inline-block; width: 90%; height: 140px; position: relative; }
/*.bg1 .su-div{border:1px solid #cba487;}
.bg2 .su-div{border:1px solid #ededed;}
.bg3 .su-div{border:1px solid #fff8ee;}*/
p.bg1:before, p.bg2:before, p.bg3:before { top: -20px; background: #721b1b; z-index: 3; position: absolute; height: 15px; display: block; width: 100%; }
p.bg1:before { background: #721b1b; }
p.bg2:before { background: #fff; }
p.bg3:before { background: #ad7f5c; }
.index-productnav { text-align: center; }
.index-productnav li { display: inline-block; vertical-align: top; width: auto; }
.index-productnav li a { font-size: 16px; color: #353434; display: block; padding: 0 25px; line-height: 35px; }
.index-productnav li a:hover, .news-choose { color: #fff; background: #e97315; border-radius: 20px; }
.news-choose a { color: #fff !important; }
/*about*/
.about { line-height: 28px; font-size: 14px; color: #fff; padding: 80px 0 160px 0; background: url(../images/bg.jpg) no-repeat top center; text-align: center; }
.about a { margin-top: 25px; border: 2px solid; line-height: 30px; width: 116px; display: inline-block; }
/*video*/
.video { position: relative; }
.video>img { width: 100%; display: block; }
.video-l { top: 5%; position: absolute; line-height: 28px; color: #332c2b; width: 61%; font-size: 14px; }
.video-t { margin-bottom:8px; }
.video-play { position: relative; background: #9d1e23; height:295px; }
.video-play img:first-child { cursor: pointer; position: static; }
.video-play img { height:295px ;top:0; position: absolute; right: 0; display: block; }
.video-l .max-w { width: 100%; position:relative;}
.video-l .max-w h1{ color:#9d1e23; font-size:52px; font-family:微软雅黑; text-align:left; line-height:1.2;}
.video-l .max-w span{ display:block; font-size:36px; color:#000000; text-align:right; line-height:1.2; margin-top:10px; position: relative; margin-bottom:20px;}
.video-l .max-w span:before{ content:''; display:block; width:100px; height:2px; background: #000; position:absolute; top:24px; left:154px;}
.video-l .max-w img { display: inline-block; }
video.index-video{ height:295px;}
.video-b {
    font-size: 14px;
    line-height: 1.6;
}
/*news*/
.news { margin: 100px auto; }
.news-l { padding: 35px 20px; background: #f6f6f6; width: 310px; position: relative; }
.news-r { position: relative; padding: 35px 50px; background: #f6f6f6; width: 630px;	/*width: 66%;*/ }
.news-r .index-productnav, .news-l .index-productnav { padding-bottom: 8px; border-bottom: 1px solid #e4e4e4; text-align: left; margin-bottom: 20px; }
.news-r .index-productnav li a, .news-l .index-productnav li a { font-size: 14px; padding: 0 20px; }
.news-img { margin-right: 10px; width: 295px; }
.news-list #page, .news-list .load_more, .news-pr #page, .news-pr .load_more { display: none; }
.news-list { width: 320px; }
.new-m>a, .news-l>a { bottom: 0; right: 0; position: absolute; font-size: 24px; font-weight: bold; color: #fff; font-family: "宋体", "SimSun"; line-height: 32px; text-align: center; background: #a6a6a6; height: 32px; display: inline-block; width: 32px; }
.news-r>a:hover, .news-l>a:hover { background: #3b3b3b; }
.news-pr #NewsList_d1 h2:before, .news-pr #NewsList_d1 h2:after { margin-right: 20px; line-height: 20px; text-align: center; display: inline-block; height: 20px; width: 20px; border-radius: 5px; vertical-align: middle; font-size: 12px; color: #fff; }
.news-pr #NewsList_d1 h2:before { background: #721b1b; content: '问'; }
.news-pr #NewsList_d1 h2:after { top: 41px; left: 0; position: absolute; background: #ad7f5c; content: '答'; }
.news-l .index-productnav .news-choose { font-size: 14px; padding: 0 20px; line-height: 35px; }

/*首页新闻 新改 style start*/
.max-min {width: 100%;max-width: 1300px;min-width: 1010px;margin: 0 auto;}
.index-brand {height:480px;overflow:hidden}
.index-brandbox {position:relative;overflow:hidden;float:left;margin:0 1% 0 0;height:500px;width:32%;background:#f4f4f4;transition:background .5s, padding .5s, margin .5s;cursor:pointer}
.index-brandbox .brand-icon {width:80px;height:50px;overflow:hidden;margin-top: 25px;margin-right: auto;margin-left: auto;margin-bottom: 10px;}
.index-brandbox .icon01 {background-position:left -106px;transition:all .6s ease-out .3s;background-image: url(../images/index_bg07.png);background-repeat: no-repeat;}
.index-brandbox .icon02 {background:url(../images/index_bg09.png) no-repeat;background-position:0 -100px;transition:all .6s ease-out .3s}
.index-brandbox .icon03 {background:url(../images/index_bg08.png) no-repeat;background-position:0 -103px;transition:all .6s ease-out .3s}
.index-brandbox .icon04 {background:url(../images/index_bg10.png) no-repeat;background-position:0 -106px;transition:all .6s ease-out .3s}
.index-brandbox .brand-title {text-align:center;margin-top: 5px;margin-bottom: 5px;}
.index-brandbox .brand-title h4 {font:normal 20px/28px "Microsoft YaHei";color:#484848;transition:all .3s}
.index-brandbox .brand-title p {font:18px/28px "Times New Roman";color:#bababa}
.index-brandbox .brand-title span {margin-top:20px;display:inline-block;width:87px;height:1px;overflow:hidden;background:#c5c5c5}
.index-brandbox ul li {width:80%;color:#777;margin:20px auto 0;text-align:left;font-family: "Microsoft YaHei";font-size: 14px;line-height: 16px;}
.index-brandbox .brand-intro {width:80%;color:#777;margin:20px auto 0;text-align:left;font-family: "Microsoft YaHei";font-size: 14px;line-height: 16px;}

.index-brandri {float:right;width:98%;padding-left:5px;}
.index-brandri dl {width:98%;margin-left:-5px;padding-left:5px;transition:background .4s;cursor:pointer;padding-top: 10px;padding-right: 0;margin-top: 2px;margin-bottom: 2px;}
.index-brandri dl dt {width:10%;float:left;border-right:1px solid #777777;color:#777777;text-align:center;font-size: 14px;line-height: 18px;}
.index-brandri dl dd {width:85%;float:right;padding-right:10px;font-size: 14px;color: #777777;}
.index-brandri dl dd h3 {height:16px;margin-bottom:5px;color:#555555;overflow:hidden;font-size: 14px;line-height: 18px;}
.index-brandri dl dd span {float:right;font-size:14px;color:#777777;margin-bottom:5px}
.index-brandri dl:hover {padding-left:5px;border-left:5px solid #e97315;background-color: #FFFFFF;}
.index-brandri dl:hover dt {color:#e97315;border-color:#e97315}
.index-brandri dl:hover dd {color:#e97315;font-weight: bold;}
.index-brandri dl:hover dd span {color:#e97315;font-weight: bold;}

.index-brandbox .nrand-jia {margin:0 auto;width:114px;height:25px;margin-top: 20px;background:url(../images/index_bg12.png) no-repeat;display:none}
.index-brandbox.hover .icon01, .index-brandbox.hover .icon02, .index-brandbox.hover .icon03, .index-brandbox.hover .icon04 {background-position:0 0}
.index-brandbox.hover .brand-title h4 {color:#fff}
.index-brandbox.hover .brand-title p {color:#d9d9d9}
.index-brandbox.hover .brand-title span {background:#d9d9d9}
.index-brandbox.hover .brand-intro {height:16px;color:#f2f2f2}
.index-brandbox.hover .nrand-jia {display:block}
/*首页新闻 新改 style end*/

/*footer*/
.footer { background: #5f5d5d; width: 100%; padding: 40px 0; margin-top: 100px; }
.footer-top { border-bottom: 1px solid #6a332c; width: 100%; padding-bottom: 20px; margin-bottom: 30px; background: #5f5d5d; }
.keyword { font-size: 14px; color: #ffffff; }
.keyword a:hover{color:#e97315;}
.keyword a { margin-left: 30px; }
.keyword a:first-child { margin-left: 0; }
.footer-ul1>li { vertical-align: middle; display: inline-block; }
.footer-ul2 li { line-height: 30px; font-size: 14px; color: #fff; }
.border { border-left: 1px solid #fff; padding-left: 20px; margin-right: 60px; }
/*cur*/
.cur-border span { height: 100%; }
.cur { background: #f2f2f2; padding: 60px 0; }
.cur-title { padding: 10px; width: 235px; height: 323px; background: #721b1b; }
.cur-border { width: 232px; height: 316px; border: 1px solid #9c4242; }
p.p1 { font-family: Impact; font-size: 36px; color: #e97315; }
p.p2 { margin: 10px 0; font-size: 40px; font-weight: bold; color: #fff; }
p.p3 { line-height: 30px; color: #e97315; font-size: 18px; }
.cur-text { margin-left: 25px; }
.cur .picList li { height: 343px; width: 261px; overflow: hidden; }
.cur .leftLoop .bd ul li:hover, .cur .leftLoop .bd ul li { background: none; }
.cur .leftLoop .bd ul li:hover .pic { position: relative; transition: all 0.3s linear 0s; transform: translateY(0px); }
.cur .picList .pic { padding-bottom: 0px; transition: all 0.3s linear 0s; }
.cur .leftLoop .bd ul li { position: relative; }
.cur .leftLoop .prev, .cur .leftLoop .next { background: #e97315; color: #e97315; width: 32px; height: 23px; line-height: 20px; font-size: 19px; top: -38px; right: 0; left: inherit; display: none; }
.cur .leftLoop .prev { right: 40px; }
.p-text>a { right: 20px; bottom: 25px; position: absolute; text-align: center; display: block; background: #e97315; color: #fff; width: 32px; height: 23px; line-height: 20px; font-size: 19px; }
.p-title { padding: 0 2.5%; transition: 0.5s ease 0s; overflow: hidden; text-overflow: ellipsis; text-align: center; width: 95%; bottom: 0; color: #fff; font-size: 16px; line-height: 55px; height: 55px; background: #ad7f5c; position: absolute; white-space: nowrap; }
.p-text { transition: 0.3s ease 0s; background: #ad7f5c; text-align: left; font-size: 12px; line-height: 20px; z-index: 2222; top: 343px; position: absolute; padding: 60px 30px; color: #fff; width: 201px; height: 223px; }
.p-text>a:hover { color: #666; }
.cur .leftLoop .bd ul li:hover .p-text { top: 0; transition: 0.5s ease 0s; }
.cur .leftLoop .bd ul li:hover .p-title { bottom: -55px; transition: 0.3s ease 0s; }
.cur .leftLoop .bd ul li:hover a>p { display: block; }
.index-title img { margin: 0 auto; }
.footer-ul2 li p { margin-left: 17px; vertical-align: top; display: inline-block; }
.footer-ul2 li p:first-child { margin-left: 0px; }
.search-bg { width: 100%; background: #f2f2f2; clear: both; padding-top: 40px; }
#header .swiper-slide { padding: 0; width: auto; }
#header { margin-bottom: 35px; max-width: 1100px; overflow: hidden; width: 95%; }
#header .index-productnav.swiper-wrapper { display: block; }
/*mob-menu*/
.mob-menu { display: none; text-align: center; height: 108px; overflow: hidden; position: relative; }
.mob-menu .menu-lan { position: absolute; margin-left: 20px; margin-top: 39px; width: inherit; }
.mob-menu .logo { height: 108px; text-align: center; width: inherit; }
.mob-menu .logo img { display: inline-block; }
/*page*/
.aside { width: 255px; margin-right: 25px; }
.ltop h4 { display: none; }
.ltop h3 { text-overflow: ellipsis; line-height: 100px; background: url(../images/page-bg.jpg) repeat-x top left; color: #fff; width: 100%; text-align: center; font-size: 24px; height: 100px; overflow: hidden; white-space: nowrap; font-weight: normal; }
.NavList_f1 ul { font-size: 16px; color: #525252; background: #e4e4e4; }
.NavList_f1 ul li .on { color: #fff7b1 !important; background: #d1b084 !important; }
.NavList_f1 ul li:first-child a { border-top: none; }
.NavList_f1 ul li a { display: block; border-top: 1px solid #dfdfdf; line-height: 55px; text-align:center; height: 55px; }
.aside-contact { display: inline-block; background: #f5f5f5; line-height: 22px; font-size: 14px; color: #212121; padding: 10px 17px; }
.aside-contact img { margin-bottom: 15px; display: block; width: 100%; }
.section { width: 815px; }
#pos span:first-child { display: none; }
#pos b { font-weight: normal; }
#pos { margin-top: 20px; text-align: right; color: #525252; }
#pos a:after { margin: 0 7px; content: '>'; display: inline-block; }
#pos i { display: none; }
.page-title>span { height: 100%; }
.page-title>div { width: 790px; padding: 0 10px; }
.page-section { padding: 55px 20px; background: #f5f5f5; font-size: 16px; color: #696969; line-height: 30px; }
.page-section img { display: block; width: 100%; }
.page-p { margin: 60px 0 8px; color: #545454; font-size: 30px; font-weight: bold; }
.page-p span { color: #a80f1c; }
.max-w.page { position: relative; margin-top: 30px; }
.mob-adv ul li:first-child { margin-left: 0; }
.mob-adv ul li { max-width: 610px; width: 95%; margin-left: 15px; }
.join li { margin-left: 20px; list-style-type: decimal; }
.join table tr td { border-bottom: 1px solid #696969; border-left: 1px solid #696969; }
.join table tr td:first-child { border-left: none; }
.join table { line-height: 40px; margin: 15px 0; border-right: 1px solid #696969; border-left: 1px solid #696969; width: 100%; text-align: center; border-top: 1px solid #696969; }
.page.join-l { text-align: center; }
.page.join-l ul li:first-child, .page1 li:first-child { margin-top: 0px !important; }
.page.join-l ul li { position: relative; margin-top: 220px; border-radius: 5px; width: 200px; line-height: 40px; font-size: 16px; color: #fff; background: #e97315; }
/*.join2 li{margin-top:150px !important;}*/
.join1.dis-t li:after { border-color: transparent transparent transparent #e97315; display: inline-block; border-style: solid; content: ''; border-width: 7px 0 7px 10px; border-radius: 0px; position: absolute; right: -10px; top: 13px; }
.join2.dis-t li:after { border-color: transparent #e97315 transparent transparent; display: inline-block; border-style: solid; content: ''; border-width: 7px 10px 7px 0px; border-radius: 0px; position: absolute; left: -10px; top: 13px; }
.join1 li:before { right: -43px; top: 13px; border-radius: 50%; content: ''; position: absolute; width: 13px; height: 13px; background: #e97315; border: 1px solid #e97315; }
.join2 li:before { left: -43px; top: 13px; border-radius: 50%; content: ''; position: absolute; width: 13px; height: 13px; background: #e97315; border: 1px solid #e97315; }
.join2.dis-t { padding-left: 35px; margin-top: 130px; }
.join1.dis-t { padding-right: 35px; border-right: 1px dashed #e97315; }
.join1 li p, .join2 li p { top: 40px; position: absolute; padding: 10px; z-index: 2; text-align: left; line-height: 20px; color: #333; width: 180px; font-size: 16px; }
.join3 li { margin: 0 1% 58px; padding: 2%; text-align: center; color: #fff; border-radius: 10px; background: #e97315; vertical-align: top; display: inline-block; width: 27.3%; }
.join3 img { width: 45%; margin: 0 auto 2%; display: block; transition: 0.7s ease-out 0s; }
.join3 li:hover img { transform: rotateY(180deg); transition: 0.7s ease-out 0s; }
.page1 { margin-left: 40px; padding-left: 60px; border-left: 4px solid #fff; padding-top: 40px; padding-bottom: 40px; }
.page1 li { margin-top: 20px; position: relative; padding: 25px; font-size: 16px; background: #fff; color: #232323; line-height: 30px; }
.page1 li:before { top: 32px; left: -6px; position: absolute; border-style: solid; border-color: transparent #fff transparent transparent; content: ''; border-width: 6px 6px 6px 0; }
.page1 li span { top: 20px; left: -105px; text-align: center; width: 90px; font-size: 16px; position: absolute; line-height: 36px; color: #fff; background: #ce3f3c; }
.news-rc .ResTitle_a1 br { display: none; }
/*.contact { width: 100%; position: relative; }
.contact img { margin: 0; }
.contact div { width: 39%; top: 40%; right: 7%; position: absolute; }*/
.page-section.map1 { padding: 55px 20px 20px; }
.page-section .adv { line-height: normal; padding: 0; }
.page-section .max-w { width: 100%; }
.page-section .index-title img { margin: 0 auto; width: 60%; }
.page-section .adv-ul li>img { margin-right: 5%; margin-top: 0; }
.page-section .ul-text p:first-child { font-size: 16px; margin-bottom: 5px; }
.page-section .adv-sl img { margin: 0; }
.page-section .index-title { margin: 0 auto 50px; }
.page-section .ul-text p { font-size: 12px; }
/*站点地图*/
.sitemap { width: 100%; }
.sitemap h3 { width: 100%; float: left; font-family: "微软雅黑"; font-weight: bold; font-size: 16px; line-height: 40px; font-weight: 300; color: #a30e1c; text-align: left; margin: 5px 0; border-bottom: 1px dashed #ccc; text-indent: 1em; background: url(../images/ico_dot_6.gif) no-repeat 2px 18px; }
.sitemap h3 span a { margin: 0 15px; font-size: 14px; font-family: "宋体"; font-weight: bold; color: #666; text-decoration: none; }
/*后期修改*/
#goTopBtn { position: fixed; width: 40px; height: 40px; bottom: 35px; cursor: pointer; display: none; z-index: 9999999999; background: #5f5d5d; border-radius: 5px; }
#goTopBtn img { width: 50%; display: block; margin: 0 auto; margin-top: 10px; transition: 0.3s ease 0s; }
#goTopBtn:hover img { transform: rotateY(180deg); transition: 0.3s ease 0s; }
.phone-footer { display: none; width: 100%; background: #5f5d5d; color: #fff; padding: 3% 0; position: fixed; bottom: 0; z-index: 9999; }
.phone-footer ul { width: 100%; }
.phone-footer ul li { width: 25%; float: left; text-align: center; }
.phone-footer ul li img { min-width: 25px; width: 30%; max-height: 70px; display: inline-block; margin-bottom: 5px; }
.phone-footer ul li p { font-size: 3vw; }
.logo:before { vertical-align: middle; height: 108px; content: ''; display: inline-block; }
.logo a { vertical-align: middle; display: inline-block; }
.bg1 .su-div:before, .bg1 .su-div:after, .bg2 .su-div:before, .bg2 .su-div:after, .bg3 .su-div:before, .bg3 .su-div:after { height: 100%; position: absolute; width: 100%; content: ''; box-sizing: border-box; transition: width 0.3s linear 0.3s, height 0.3s linear 0s; }
.bg1 .su-div:before { border-top: 1px solid #cba487; border-right: 1px solid #cba487; right: 0; bottom: 0; }
.bg1 .su-div:after { border-left: 1px solid #cba487; border-bottom: 1px solid #cba487; left: 0; top: 0; }
.bg2 .su-div:before { border-top: 1px solid #ededed; border-right: 1px solid #ededed; right: 0; bottom: 0; }
.bg2 .su-div:after { border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; left: 0; top: 0; }
.bg3 .su-div:before { border-top: 1px solid #fff8ee; border-right: 1px solid #fff8ee; right: 0; bottom: 0; }
.bg3 .su-div:after { border-left: 1px solid #fff8ee; border-bottom: 1px solid #fff8ee; left: 0; top: 0; }
.su-div:hover:before, .su-div:hover:after { width: 0; height: 0; transition: width 0.3s linear 0s, height 0.3s linear 0.3s; }


/*企业愿景*/
.qyyj{ padding-bottom:20px;}
.qyyj .kt{ font-size:16px; font-weight:bold; line-height:24px; margin-top:12px;color:#9d1e23; font-family:微软雅黑;}
.qyyj .kp{ font-size:16px; line-height:24px;}

@media only screen and (max-width: 1200px) {
.leftLoop .next { right: 0; }
.leftLoop .prev { left: 0; }
}
 @media only screen and (max-width: 1101px) {
.search-br strong { font-size: 2.5vw; }
.join3 { font-size: 1.5vw; }
.aside { width: 30%; margin-right: 2.5%; }
.section { width: 67%; }
.page-title>div { width: 96%; padding: 0 1.5%; }
.news-list { width: 57%; }
#header .index-productnav.swiper-wrapper { display: flex; }
.footer-top { width: 90%; margin: 0 auto; }
.new-m { overflow: hidden; width: 90%; margin: 0 auto; }
.news-r { width: 100%; padding: 35px 0; margin: 0 auto 20px; display: block; }
.news-l { width: 100%; padding: 35px 0; }
.about { padding-bottom: 50px; }
.p-text { padding: 30px 2.5%; width: 95%; height: 283px; }
.cur-text { margin-left: 5px; }
.cur .picList .pic img { max-width: inherit; }
.cur .picList li { width: 31.9%; }
.cur-border { width: 100%; }
.cur-title { width: 22%; }
.video>img { width: 1100px; }
.video { overflow: hidden; }
.index-title { margin-bottom: 20px; }
.max-w { width: 100%; }
.search-l { height: 116px; }
.search-input { width: 90%; }
.search-b { margin: 5px auto 0 auto; width: 90%; }
.search-bl { }
.search-bl a:first-child { padding: 0 2% 0 0; }
.search-bl a { padding: 0 2%; }
.leftLoop { width: 95%; overflow: hidden; }
.cur .leftLoop { width: 100%; overflow: hidden; }
.ul-text { }
.footer-box { width: 90%; }
.border { margin-bottom: 20px; padding: 0; border: none; }
.search-r { height: 146px; }
.search-r img { height: 100%; width: 95%; }
.video-l .max-w h1{ font-size:32px; text-align:center}
.video-l .max-w span{ font-size:24px;}
.video-l .max-w span:before{ content:''; display:block; width:60px; height:2px; background: #000; position:absolute; top:16px; left:auto; right:280px;}
.video-l{ width:70%;}
.video-play img{ width:21%;}
video.index-video{ width:78%; background: #000000;}
}
 @media only screen and (max-width: 800px) {
	 .ul-text img{width:22px; margin-right:10px;}
.index-title img { max-width: 80%; }
.join3 { font-size: 2.2vw; }
.adv-ul li>img { width: 63px; margin-right: 5%; }
.page-section .index-title, .adv-ulbox>li:last-child .adv-ul li:last-child { display: none; }
.mob-text { margin-left: 3vw; padding-top: 10vw; width: 62vw; padding-bottom: 3vw; }
.mob-video { background: url(../images/mob-img6.jpg) no-repeat left top; background-size: 100% auto; }
.footer-ul2 li { text-align: center; line-height: 15px; font-size: 12px; }
.footer-box { width: 100%; }
.NewsList_g1 ul li p { white-space: inherit !important; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; overflow: hidden !important; }
.NewsList_g1 ul li h3 { font-size: 14px; }
.news-list .NewsList_g1 ul li { display: inline-block; }
.NewsList_g1 ul li { color: #5b5b5b; border-bottom: 1px dashed #5b5b5b; }
.news-r .index-productnav { text-align: center; border-bottom: none; }
.news-r { padding: 0; }
.about .index-title { margin-bottom: 4%; }
.adv-sr { width: 100%; }
.adv-box { margin: 0 auto; width: 90%; }
.page-section .adv-box { overflow:hidden; width:95%; margin:0 auto;}
.mob-adv { margin: 20px 0; overflow: hidden; width: 100%; }
.page-section .mob-adv { margin: 0 0 20px; margin-left: 2.5%; width: 95%; }
.page-section .mob-adv img { margin: 0; }
.page-section .mob-adv ul li { width: 100%; }
.page-section .adv-ul li { }
.ul-text p { font-size: 12px; color: #332c2b; display: inline-block; vertical-align: middle;  text-align:justify;}
.ul-text { }
.li3 .adv-sr { width: 100%; }
.leftLoop .prev, .leftLoop .next { color: #fff; background: #e97315; display: none; }
.BannerShow_c1, .adv-sl, .nwimg img, .new-m>a { display: none; }
.adv-ulbox>li { margin-top: 0; }
ul.adv-ulbox .adv-sl.dis-m.m-r{ width:100%; margin-right:0;}
ul.adv-ulbox>li:first-child .adv-sl.dis-m.m-r{ margin-bottom:20px;}
ul.adv-ulbox>li:nth-of-type(3) .adv-sl.dis-m.m-r{ margin-bottom:20px;}

ul.adv-ulbox .adv-sl.dis-m{ width:100%; margin-right:0;}
#BannerShow_b1, .adv-ulbox>li:first-child, .mob-adv { display: block; }
.page-p { font-size: 25px; }
.aside { margin-top: 0px; position: relative; overflow: hidden; width: 100%; margin-right: 0; }
.page-title, .search-bg, .news-l, .footer-top, .footer-ul1>li, .ltop, .aside .ResTitle_a1, .aside-contact, .top-s, .footer-ul2 ul, .video, .MenuList_b1, .NewsList_g1 ul li p.ntime, .keyword { display: none; }
.page-section { padding: 30px; }
.NavList_f1>ul>li { background: #e4e4e4; width: auto; }
.page { margin-top: 0 !important; }
.NavList_f1 ul li a { padding: 0 30px; display: block; border-top: none; line-height: 40px; height: 40px; }
#header { width: 100%; position: relative; }
.aside:before, .aside:after, #header:before, #header:after { margin-top: -13.5px; top: 50%; font-size: 20px; z-index: 2; color: #5f5d5d; position: absolute; display: inline-block; }
/*.aside:after,#header:after{right:0; content:'>';}
.aside:before,#header:before {
    left: 0;
    content: '<';
}*/
.NavList_f1 ul li .on { color: #fff; background: #e97315 !important; }
.news-list, .section { width: 100%; }
.mob-menu, .mob-video { display: block; }
.border { margin-right: 0; display: block !important; margin-bottom: 0; }
.cur .picList li { width: 32%; }
.cur .leftLoop { width: 97.5%; overflow: hidden; display: block; margin: 0 auto; }
.video-l { width: 90%; left: 5%; }
.about { padding: 7% 0 4%; text-align: left; background: url(../images/mob-bg.jpg) no-repeat top center; background-size: 100% auto; }
.about a { text-align: center; display: block; margin: 10px auto 0 auto; }
.about p { width: 90%; text-align: left; }
.su-ul li { width: 49%; margin-bottom: 5px; }
.adv-ul li { margin-bottom: 15px; margin-top: 0; color: #ad7f5c; font-size: 18px; font-family: Impact; }
.ul-text p:first-child { font-size: 18px; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.adv, .support { padding: 50px 0; overflow:hidden; }
.products { padding: 10px 0; }
.news { background: #f6f6f6; padding: 11% 0; margin: 0 auto; }
.footer { margin-top: 0px; padding: 20px 0; }
.leftLoop .bd ul li a>p { line-height: 30px; font-size: 14px; }
.picList .title { padding: 45px 0 0 0; }
.search-box { height: inherit; }
.search-bl, .search-br { margin-right: 0%; width: 100%; }
.search-m input { width: 75%; }
.search { width: 100%; }
.search-l, .search-r { width: 100%; float: none; height: inherit; }
.cur-title { padding: 2%; height: inherit; display: block; margin: 0 auto 20px; width: 96%; }
.cur-border { text-align: center; height: inherit; width: 100%; }
.cur-border span { display: none; }
.cur-text { display: block; margin: 0 auto; width: 95%; }
.cur-text p { vertical-align: middle; margin: 10px 20px; display: inline-block; }
.cur { display: none; margin-top: 30px; padding: 0px 0 50px; }
	.mob-text p:last-child { line-height: 6.5vw !important; font-size: 3.2vw !important; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; }

}
@media (max-width:720px){

	
	}
 @media only screen and (max-width: 650px) {
.ul-img img, .page-section .ul-img img { margin-left: 4%; width: 48%; margin-bottom: 4%; }
.ul-img img:nth-child(2n+1), .page-section .ul-img img:nth-child(2n+1) { margin-left: 0; }
#goTopBtn { bottom: 22%; }
.join3 li:nth-child(5), .join3 li:nth-child(6) { margin-bottom: 0; }
.join3 { font-size: 3.5vw; }
.footer { background: #f5f5f5; }
.about p { line-height: 5vw; font-size: 2.8vw; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.about a { width: 20vw; line-height: 5vw; font-size: 2.5vw; text-align: center; display: block; margin: 7% auto 0 auto; min-width: 120px; }
.map { padding: 0 20px; }
.footer-box { margin-bottom: 18%; }
.footer-ul2 li { color: #333; line-height: 5vw; font-size: 3vw; }
.pc { display: none !important; }
.mob { display: block !important; }
.phone-footer { display: inline-block; }
.ProductDetail_b1 .product>p span { font-size: 6vw !important; }
.ProductDetail_b1 .product>p { margin-top: 7.5vw !important; font-size: 3vw !important; }
.join3 li { width: 44%; margin: 0 1% 5%; }
.contact { margin-bottom: 5vw; }
.page1 li:before, .contact img { display: none; }
.contact div { width: 100%; top: 0; right: 0; position: inherit; }
.page1 { margin-left: 0; padding-left: 0; border-left: none; padding-top: 60px; }
.page1 li { margin-top: 80px; }
.page1 li span { top: -50px; left: 0; }
.top-l, .top-r { display: block !important; width: inherit !important; margin: 0 !important; }
.page-p { font-size: 20px; margin: 20px 0; }
.page-section { padding: 30px 10px; }
.footer-ul2 li:last-child p:last-child { margin-left: 0; display: block; }
.products .picList li { width: 50%; }
.cur-text p { margin: 0 20px; }
.cur .picList li { display: inline-block; float: none !important; margin: 0 10px !important; width: 261px; }
.cur .picList .pic img { width: 261px; }
.cur .leftLoop .bd ul { text-align: center; }
.video-b { background: #fff; }
.about { text-align: center; font-size: 12px; line-height: 16px; }
.adv-ul li a { margin-top: 20px; line-height: 34px; width: 160px; }
.adv-ul li a span { font-size: 16px; }
.adv-ulbox>li { margin-top: 10px; }
.news { padding: 5% 0; }
}
 @media only screen and (max-width: 500px) {
.join1.dis-t { padding-right: 6vw; }
.page.join-l ul li { margin-top: 45vw; width: 40vw; line-height: 8vw; font-size: 3.2vw; }
.join1 li:before, .join2 li:before { right: -7.5vw; top: 2.6vw; width: 2.6vw; height: 2.6vw; }
.join2 li:before { right: auto; left: -7.5vw; }
.join1 li p, .join2 li p { top: 8vw; padding: 2vw; line-height: 5vw; width: 38vw; }
.footer-ul2 li p { display: block; margin-left: 0; }
.join1.dis-t li:after, .join2.dis-t li:after { border-width: 1.4vw 0 1.4vw 2vw; right: -1.8vw; top: 2.6vw; }
.join2.dis-t li:after { right: auto; left: -1.8vw; border-width: 1.4vw 2vw 1.4vw 0; }
.join2.dis-t { padding-left: 6vw; margin-top: 27vw; }
}
@media only screen and (max-width: 450px) {
#goTopBtn { bottom: 17%; }
.mob-text p:last-child { -webkit-line-clamp: 9; }
.join1 li:before, .join2 li:before, .join1.dis-t li:after, .join2.dis-t li:after { display: none; }
.page.join-l ul li, .join1 li p, .join2 li p { width: auto; font-size: 16px; }
.join1 li p, .join2 li p { line-height: 6vw; }
.join1.dis-t li { margin-top: 65vw !important; }
.join2.dis-t li { margin-top: 40vw !important; }
.join1 li:first-child { margin-bottom: 50vw; }
.join1.dis-t li:nth-child(3), .join1.dis-t li:nth-child(4) { margin-top: 41vw !important; }
.page.join-l { position: relative; }
.about p { line-height: 6.5vw; font-size: 3.5vw; -webkit-line-clamp: 4; }
.join2.dis-t { display: block; padding-left: 0; margin-top: 0; position: absolute; top: 50vw; width: 100%; }
.join1.dis-t, .join2.dis-t { display: block; border: none; padding-right: 0; }
.footer-ul2 li p:last-child { margin-left: 0; }
.top, .mob-menu { height: 70px; }
.mob-menu .menu-lan { margin-top: -15px; top: 50%; }
.MenuList_d1-hamberger { top: 50% !important; margin-top: -11px !important; }
.mob-menu .logo { width: 50%; height: 70px; display: block; margin: 0 auto; }
.about a { line-height: 6.5vw; font-size: 3.5vw; }
.su-ul li { width: 90%; }
.leftLoop { width: 100%; }
.search { width: 100%; }
.logo a { height: 100%; vertical-align: top; display: inline-block; }
.mob-menu .logo img { height: 100%; display: inline-block; }
}

#pbpage_61{font-size: 16px;color: #696969;line-height: 30px;width: 815px;background-color: #f5f5f5;;}
#pbpage_61 img{width: 100%;}

#pbpage_72{padding: 55px 20px;background: #f5f5f5;font-size: 16px;color: #696969;line-height: 30px;width: 815px;}
#pbpage_72 .page-section img {display: block;width: 100%;}
#pbpage_72 p {font-size: 12px;}

#pbpage_74 .join1{width: 200px;}
#pbpage_74 .join2{width: 0px;}
#pbpage_74 {margin-top: 30px;}


#pbpage_77 img{width: 100%;}
#pbpage_77 p{font-size: 16px;line-height: 30px;color: #696969;}

#pbpage_71  li {line-height: 30px;font-size: 14px;color: #000;}
#pbpage_71  li p:first-child {margin-left: 0px;}
#pbpage_71  li p {margin-left: 17px;vertical-align: top;display: inline-block;}