body, html, article, section, h1, h2, p, a, ul, li, em, div, small, span, footer, canvas, figure, figcaption, input { margin: 0; padding: 0;}
body { font-family: 微软雅黑, 黑体, Arial, Helvetica, sans-serif; color: #535353; margin: 0 auto; position: relative;font-size: 62.5%;}
div, dl, dt, td, dd, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, code, fieldset, legend, p, blockquote { list-style: none; margin: 0; padding: 0; }
input, textarea { padding: 0; margin: 0; resize: none; outline: none; -webkit-user-select: auto;}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
display: none;
}
select { appearance: none; -webkit-appearance: none; border-radius: 0; }
img { vertical-align: middle; }
a img { border: 0; }
img { -webkit-transform: scale(1) rotate(0deg) translate3d(0, 0, 0); transform: scale(1) rotate(0deg) translate3d(0, 0, 0); }
a { color: #535353; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }
a:hover { text-decoration: none; }
.clear{clear:both;height:0;overflow:hidden;}
.ico{background: url("../img/ico.png") no-repeat}
/**/
.transition{transition:0.5s ease;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;-o-transition: 0.5s ease}
/**/
.w_1200{width: 1200px;margin: 0 auto;overflow: hidden;}
/**/
.page_count{text-align: right;padding-bottom: 10px;font-size: 13px;}
.page_count i{font-style: inherit;font-size: 14px;font-weight: bold;padding: 0 5px;}
ul.pagination{overflow: hidden;text-align: right;padding-bottom: 20px;margin-top: 30px;}
ul.pagination li{display: inline-block;padding: 0 !important;}
ul.pagination li a, ul.pagination li span{border: 1px solid #e4eaec;text-decoration: none;display: block;text-align: center;min-width:25px;padding: 0 2px;line-height: 25px;height: 25px;font-size: 13px;}
ul.pagination li span{background: #e5e5e5;color: #b3b3b3;}
ul.pagination li.active span{background-color: #ff8d00 !important;color: #ffffff !important;border-color: #ff8d00 !important;}
/**/
.animate-box .move-up,
.animate-box .move-left,
.animate-box .move-right,
.animate-box .move-down,
.animate-box .move-scale
{opacity: 0}
/**/
#header .top{width: 100%;height: 40px;background: #1a1a1a}
#header .top .w_1200{overflow: inherit;display: flex}
#header .top .l{position: relative;z-index: 1;width: 50%;display: flex}
#header .top .l:before {position: absolute;background: #ff8d00 none repeat scroll 0 0;content: "";top: 0;right: 50%;width: 500%;height: 50px;-webkit-transform: skewX(45deg);transform: skewX(45deg);z-index: -1;}
#header .top .l i{display: block;width: 32px;height: 25px;background-size: 210px;margin-top: 15px;}
#header .top .l span{line-height: 55px;font-size: 14px;color: #ffffff;letter-spacing: 1px;font-weight: bold;}
#header .top .r{width: 50%;text-align: right;line-height:40px;color: #f5f7ff;font-size: 12px;letter-spacing: 1px;}
#header .top .r a{color: #f5f7ff;padding-left: 12px;text-decoration: underline;}
#header .header{height:90px;display: flex;justify-content: space-between;}
#header .header .logo{line-height: 90px}
#header .header .logo img{height: 70px;}
#header .header .menu ul{overflow: hidden}
#header .header .menu ul li{float: left;}
#header .header .menu ul li a{font-size: 15px;display: block;width:100px;text-align:center;line-height: 90px;height:90px;color: #1a1a1a;font-weight: bold}
#header .header .menu ul li a:hover,#header .header .menu ul li a.on{color: #ff8d00}
/**/
#foot{width: 100%;background-color: #1a1a1a;padding:35px 0 20px ;color: #746532;}
#foot a{color:#746532;}
#foot .footer .t{overflow: hidden}
#foot .footer .t .l{width: 220px;float: left}
#foot .footer .t .l .online{display: block;width: 136px;height: 38px;margin-bottom: 18px;line-height: 38px;text-align: center;font-size: 16px;border-radius: 19px;color: #fff;background:#ff8d00;cursor: pointer}
#foot .footer .t .l .online a{display: block;color: #fff;}
#foot .footer .t .l .tel p:first-of-type{font-size: 14px;line-height: 20px;}
#foot .footer .t .l .tel p:last-of-type{font-size: 24px;color: #ff8d00;line-height: 26px;padding-top: 10px;}
#foot .footer .t .c{width:250px;float: left;text-align: center;border-left: 1px solid #7c7c7c;border-right: 1px solid #7c7c7c;box-sizing: border-box}
#foot .footer .t .c img{width:160px;}
#foot .footer .t .c p{line-height: 38px;margin-top: 6px;font-size: 15px}
#foot .footer .t .r{width: 730px;float: left;display: flex;justify-content: flex-end;}
#foot .footer .t .r ul{overflow: hidden;width:20%;float: left}
#foot .footer.en .t .r ul:nth-of-type(3){width: 26%}
#foot .footer .t .r ul li:first-of-type{font-weight: 600;line-height: 24px;margin-bottom: 12px;color:#ff8d00;font-size: 15px}
#foot .footer .t .r ul li a{line-height:30px;font-size: 15px}

#foot .friend_link{overflow: hidden;font-size: 12px;padding: 10px 0 7px;margin-top: 40px;border-top:1px solid #7c7c7c;}
#foot .friend_link span{float: left}
#foot .friend_link a{padding:0 10px 5px 0;float: left}

#foot .copyright{font-size: 12px}
#foot .copyright a,#foot .copyright span{padding-left: 10px}
#foot .copyright a:nth-of-type(1){padding-left:0}
#foot .copyright a img{margin:-3px 3px 0 0}

#foot .idx{width: 0;height: 0;display: block;overflow: hidden}
/**/
#index.index .banner{background:#000;height:550px;overflow:hidden;position: relative;width: 100%}
#index.index .banner .bd{ position:relative; z-index:0;}
#index.index .banner .bd li a{display: block;background-size: cover;background-position: center;height:700px;width: 100%;position: relative}
#index.index .banner .hd { height: 15px; overflow: hidden; position: absolute; right:10px; bottom:10px; z-index: 1; }
#index.index .banner .hd ul { overflow: hidden; zoom: 1; float: left; }
#index.index .banner .hd ul li { float: left; margin-right:5px; width: 13px; height: 13px; line-height: 14px; text-align: center; background: #fff; cursor: pointer;border-radius: 50px;}
#index.index .banner .hd ul li.on { background: #ff8d00; }

#index.index .title{text-align: center}
#index.index .title p:first-of-type{line-height: 78px;height: 78px;font-size: 36px;position: relative;color: #ff8d00}
#index.index .title p:first-of-type:after {display: block;content: "";width: 40px;height: 2px;background: #07294d;position: absolute;bottom: 0;left: 50%;margin-left: -20px;}
#index.index .title p:last-of-type{line-height: 50px;font-size: 18px;}
#index.index .about{background: #f3f3f3;padding:18px 0 92px;position: relative;}
#index.index .about .con{overflow: hidden}
#index.index .about .l{line-height: 24px;font-size: 16px;color: #666;width:55%;float: left}
#index.index .about .l p:first-of-type{color: #000;font-size: 18px;margin-bottom: 10px !important;}
#index.index .about .l p{margin-bottom: 24px;}
#index.index .about .r{width: 40%;float: right}
#index.index .about .r img{width: 100%}

#index.index .waist{background: url('../img/s.jpg') no-repeat center; background-size: cover;width: 100%;height: 250px;position: relative;}
#index.index .waist p{font-size: 26px;padding-top: 80px;color: #fff;text-align: center;}
#index.index .waist a{display: block;font-size: 15px;color: #fff;margin: 30px auto 0;width: 100px;text-align: center;padding:7px 0;border-radius: 5px;background: #ff8d00}

#index.index .news{padding-top: 50px}
#index.index .news .con{padding-top: 30px}
#index.index .news .con ul{overflow: hidden}
#index.index .news .con ul li{width: 48%;float: left;}
#index.index .news .con ul li:nth-of-type(2n){float:right}
#index.index .news .con ul li a{width:100%;overflow: hidden;display:flex;justify-content: space-between;}
#index.index .news .con ul li .date{width:60px;font-size: 36px;line-height: 44px;}
#index.index .news .con ul li .txt{overflow: hidden;width:100%}
#index.index .news .con ul li .txt p:nth-of-type(1){line-height: 26px;font-size: 18px;font-weight: 600;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;}
#index.index .news .con ul li .txt p:nth-of-type(2){line-height: 20px;font-size: 12px;}
#index.index .news .con ul li .txt p:nth-of-type(3){padding:10px 0 46px 0;line-height: 24px;color: #666;font-size: 13px;}
#index.index .news .con ul li .txt p:nth-of-type(3) span{height: 70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#index.index .news .con ul li a:hover{color:#ff8d00 }
/**/
.x-main .main .title{text-align: center;padding: 30px 0 80px;}
.x-main .main .title p:first-of-type{font-size: 40px;color: #000000;}
.x-main .main .title p:last-of-type{letter-spacing: 2px;font-size: 32px;color: #696969;}
.x-main .banner{width: 100%;height:250px;background-size: cover;position: relative}
.x-main .banner .title{position: absolute;left: 16%;top: 7%;font-size: 30px;font-weight: bold}
.x-main .banner .title p:nth-of-type(1){color: #3b3b3b}
.x-main .banner .title p:nth-of-type(2){color: #ff8d00;text-indent: 2em;font-size: 38px;}
/**/
.right-nav{width: 320px;float: right;}
.right-nav .tt{width: 100%; border-bottom: 1px solid #ccc;position: relative;font-size: 15px;font-weight: bold;padding:0 0 10px 13px;}
.right-nav .tt:before{content: "";width: 5px;height: 50%;position: absolute;left: 0;top: 25%;background: #ff8d00;margin-top: -5px;}
.right-nav .right-box{background: #fff;padding: 20px;margin-bottom: 20px}
.right-nav .right-box ul{overflow: hidden}
.right-nav .right-box ul li{padding: 10px 15px;border-bottom: 1px solid #F1F1F1;width: 100%;float: left;box-sizing: border-box;font-size: 13px;}
.right-nav .right-box ul li a{font-size: 13px;}
.right-nav .right-box img{width: 100%}
/**/
#way {font-size: 0.9rem;padding: 1rem 0;}
/**/
#pages.about .banner{background: url("../img/banner-about.jpg") no-repeat center center;}
#pages.about .main .content{font-size: 15px;line-height: 2;padding-bottom: 100px;overflow: hidden}
#pages.about .main .content img{width: 400px;padding: 0 30px 10px;}
#pages.about .main .content img.img_1{float: right;}
#pages.about .main .content img.img_2{float: left;padding-top: 30px}
#pages.about .main .content p{padding-bottom: 20px;text-indent: 2rem}
#pages.about .main .content p:nth-of-type(4){padding-top: 30px}
/**/
#product .banner{background: url("../img/banner-pro.jpg") no-repeat center center;}
#product .main{background: url("../img/bg.png");padding-bottom: 50px}
#product.index .main ul{overflow: hidden}
#product.index .main ul li{float: left;width: 100%;margin-bottom: 50px}
#product.index .main ul li:nth-of-type(1){background: #dadb92}
#product.index .main ul li:nth-of-type(2){background: #fde8a9}
#product.index .main ul li:nth-of-type(3){background: #dbba92}
#product.index .main ul li .con{float: left;padding:40px 60px;width:730px;box-sizing: border-box}
#product.index .main ul li .con .tt{font-size: 26px;color: #000000;padding-bottom: 20px}
#product.index .main ul li .con .txt{line-height: 1.8;font-size: 14px;}
#product.index .main ul li .con .more a{font-size: 14px;background: #ff8d00;color: #000;padding: 10px 0;border-radius: 7px;display: block;width: 110px;text-align: center;margin-top: 35px;}
#product.index .main ul li .img{float:right;width: 470px}
#product.index .main ul li .img img{width: 100%}
#product.index .main ul li:nth-of-type(2) .con{float: right;padding: 32px 60px;}
#product.index .main ul li:nth-of-type(2) .img{float: left}
/**/
#product.list .main{background: #f8f6e9}
#product.list .main ul.list{overflow: hidden}
#product.list .main ul.list li{float: left;width: 25%;padding: 10px;box-sizing: border-box;height:280px}
#product.list .main ul.list li a{background: #ffffff;text-align: center;display: block;width: 100%;height: 100%;padding: 10px;box-sizing: border-box}
#product.list .main ul.list li a .img{width:260px;height: 200px;overflow: hidden;}
#product.list .main ul.list li a img{width: 100%}
#product.list .main ul.list li a p{padding-top: 10px;font-size: 14px;}
/**/
#product.detail .main{background: none}
#product.detail .main .content{width: 860px;float: left;background: #fff;padding: 20px;box-sizing: border-box}
#product.detail .main .title{text-align: center;padding:0 0 10px;font-size: 19px;font-weight: 400;}
#product.detail .main .t{font-size:13px;text-align: center}
#product.detail .main .summary{font-size: 14px;padding: 20px 10px;border-bottom:1px solid #f0efef;color: #aeaeae;text-indent: 2em;line-height: 1.8}
#product.detail .main .content .con {padding: 20px;box-sizing: border-box;line-height: 2;font-size: 13px}
#product.detail .main .content .con a{text-decoration: underline}
#product.detail .main .content .con img{max-width: 80% !important;}
#product.detail .main .content .con table{border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
#product.detail .main .content .con table td,#product.detail .main .content table th {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 3px 5px;}
#product.detail .main .more{overflow: hidden;padding:20px 10px 50px;box-sizing: border-box}
#product.detail .main .more a{display: block;width: 50%;float: left;font-size: 13px}
#product.detail .main .more a:hover{color: #fc813a}
/**/
#news .banner{background: url("../img/banner-news.jpg") no-repeat center center;}
#news {background: #f0f9ff;padding-bottom: 50px}
#news.index .main{overflow: hidden}
#news.index .main .title{padding-bottom: 40px;}
#news.index .main .list{width: 860px;float: left;background: #fff;padding: 20px;box-sizing: border-box}
#news.index .main .list ul li{padding: 10px 15px;border-bottom: 1px solid #F1F1F1;}
#news.index .main .list ul li:last-of-type{border: none}
#news.index .main .list ul li p:nth-of-type(1) {font-size:18px;line-height: 36px;font-weight: bold;}
#news.index .main .list ul li p:nth-of-type(2) {font-size: 14px;color: #999999;padding-bottom: 5px}
#news.index .main .list ul li p:nth-of-type(3) {font-size: 14px;line-height: 24px;color: #999999;text-indent: 2em;}
/**/
#news.detail .main .content{width: 860px;float: left;background: #fff;padding: 20px;box-sizing: border-box}
#news.detail .main .title{text-align: center;padding:0 0 10px;font-size: 19px;font-weight: 400;}
#news.detail .main .t{font-size:13px;text-align: center}
#news.detail .main .summary{font-size: 14px;padding: 20px 10px;border-bottom:1px solid #f0efef;color: #aeaeae;text-indent: 2em;line-height: 1.8}
#news.detail .main .content .con {padding: 20px;box-sizing: border-box;line-height: 2;font-size: 13px}
#news.detail .main .content .con a{text-decoration: underline}
#news.detail .main .content .con img{max-width: 80% !important;}
#news.detail .main .content .con table{border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
#news.detail .main .content .con table td,#news.detail .main .content table th {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 3px 5px;}
#news.detail .main .more{overflow: hidden;padding:20px 10px 50px;box-sizing: border-box}
#news.detail .main .more a{display: block;width: 50%;float: left;font-size: 13px}
#news.detail .main .more a:hover{color: #fc813a}
/**/
#pages.contact .banner{background: url("../img/banner-contact.jpg") no-repeat center center;}
#pages.contact .main .content{font-size: 15px;line-height: 2;padding-bottom: 100px;overflow: hidden}
#pages.contact .main .content .con{width: 50%;float:left;padding-right: 50px;box-sizing: border-box}
#pages.contact #map{height: 300px;width: 50%;float: right;}
/**/
#pages.equipment{background: #f0f9ff;}
#pages.equipment .banner{background: url("../img/banner-equipment.jpg") no-repeat center center;}
#pages.equipment .main{background: #fff;margin-top: 30px;padding: 20px;box-sizing: border-box;}
#pages.equipment .main .content{font-size: 15px;line-height: 2;padding-bottom: 100px;overflow: hidden}
#pages.equipment .main .content .con{overflow: hidden}
#pages.equipment .main .content .tt{padding: 10px;font-weight: bold;position: relative;color: #ff8d00}
#pages.equipment .main .content .tt:before{width: 4px;height: 40%;background:#ff8d00;content: '';position: absolute;left: 0;top: 30%}
#pages.equipment #img{margin-top: 25px;border-top: 1px solid #ddd}
#pages.equipment #img ul{overflow: hidden}
#pages.equipment #img ul li{float: left;width: 50%;padding:25px 50px;box-sizing: border-box}
#pages.equipment #img ul li img{width: 100%}

#pages.equipment #video{margin-top: 25px;border-top: 1px solid #ddd}
#pages.equipment #video ul{overflow: hidden}
#pages.equipment #video ul li{float: left;width: 50%;padding:25px 50px;box-sizing: border-box}
#pages.equipment #video ul li p.txt{text-align: center;padding: 5px;}
/**/
#right-nav ul{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
#right-nav ul li{background:#ff8d00;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
#right-nav ul li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
#right-nav ul li img{width: 30px;height:30px;}
#right-nav ul li h4{color: #fff;font-size:14px;margin:2px 0 2px 15px;}
#right-nav ul li:hover{background:#cf1322}
#right-nav ul li .hideBox{display: none;position: absolute;right:120px;padding:10px 0 10px; top:-10px;z-index: 999;}
#right-nav ul li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
#right-nav ul li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
#right-nav ul li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
#right-nav ul li .hideBox .hb .qqtalk{margin-top: 10px;}
#right-nav ul li .hideBox .hb .qqtalk a{display: flex;align-items: center}
#right-nav ul li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
#right-nav ul li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
#right-nav ul li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}
/**/
.video-js{font-size:10px;color:#fff}
.video-js .vjs-control-bar,.video-js .vjs-big-play-button,.video-js .vjs-menu-button .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,0.7)}
.video-js .vjs-slider{background-color:#73859f;background-color:rgba(115,133,159,0.5)}
.video-js .vjs-volume-level,.video-js .vjs-play-progress,.video-js .vjs-slider-bar{background:#fff}
.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,0.5)}
.video-js .vjs-load-progress div{background:white;background:rgba(115,133,159,0.75)}
.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started .vjs-big-play-button{display:block}
.video-js .vjs-big-play-button{font-size:2.5em;line-height:2.3em;height:2.5em;width:2.5em;-webkit-border-radius:2.5em;-moz-border-radius:2.5em;border-radius:2.5em;background-color:#73859f;background-color:rgba(115,133,159,.5);border-width:0.15em;margin-top:-1.25em;margin-left:-1.75em}
.vjs-big-play-button .vjs-icon-placeholder{font-size:1.63em}
.vjs-loading-spinner{font-size:2.5em;width:2em;height:2em;border-radius:1em;margin-top:-1em;margin-left:-1.5em}
.video-js .vjs-time-control{display:block;padding:0 0.5em}
.video-js .vjs-time-divider{text-align:center;padding:0}
.video-js .vjs-remaining-time{display:none}