@import url(animate.min.css);

@import url(../dist/css/swiper.min.css);

@import url(font-awesome.min.css);



/* 公用样式表*/

body, ul, li, dl, dt, dd, h1, h2, h3, h4, p, div, input, i, span { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { font-family: "Hiragino Sans GB", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; }

* { padding: 0; margin: 0; -webkit-transform-style: preserve-3d; -webkit-transform-style: flat; }

html, body { margin: 0px; width: 100%; height: 100%; }

body { font-family: "Hiragino Sans GB", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti; color: #444; overflow-x: hidden; }

a { text-decoration: none; }

input, select, button { font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft  YaHei"; outline: none; }



/*鼠标hover移入效果*/

a:hover, .h-prod-list ul li:hover .h-p-t h3:after, .swiper-button-next:hover, .swiper-button-prev:hover, .m-n-close:hover, .search-popup button:hover, .prod-nav ul li a:hover i, .prod-c-info a:hover i, .news-list:hover .news-l-info, .news-list:hover .news-list-cont i, .news-list:hover .news-list-deta dl dt, .prod-list ul li:hover .prod-c-info i, .contact-l-cont:hover, .other-prod-list ul li:hover .prod-c-info i, .news-list:hover .news-link-more span, .news-list:hover .news-list-text h4 { -webkit-transition: all 0.5s ease-in-out; -moz-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; }



/*鼠标移出效果*/

a, .h-prod-list ul li .h-p-t h3:after, .swiper-button-next, .swiper-button-prev, .m-n-close, .search-popup button, .prod-nav ul li a i, .prod-c-info a i, .news-list .news-l-info, .news-list .news-list-cont i, .news-list .news-list-deta dl dt, .prod-list ul li .prod-c-info i, .contact-l-cont, .other-prod-list ul li .prod-c-info i, .news-list .news-link-more span, .news-list .news-list-text h4 { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }

img { border: 0; vertical-align: middle;    /*  去掉图片底部默认的3像素空白缝隙*/ }

table { border-collapse: collapse;    /*合并外连线*/ }



/*公共类*/

.row { width: 1360px; margin: 0 auto; /*position: relative; */ }

.fl { float: left; }

.fr { float: right; }

.al { text-align: left; }

.ac { text-align: center; }

.ar { text-align: right; }

.hide { display: none; }

.all-height { line-height: 27px; }

.gray-bg { background: #f5f5f5; width: 100% }

.links-top a { color: #ccc; }

.links-top a:hover { color: #f1f1f1; }



/* css去掉iPhone、iPad默认按钮样式 */

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }



/*清除浮动*/

.clearfix:before, .clearfix:after {    /*清除浮动，最好最标准的写法*/







content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1;    /*IE/7/6*/    /*兼容IE6下的写法*/ }



/*颜色*/

.col-red { color: #dd231e }
.col-block { color: #222 }


/* css3鼠标经过图片放大 */

.news-l-pic img, .ab-cul-info img { -webkit-transition: all ease .3s; transition: all ease .3s }

.news-list:hover .news-l-pic img, .ab-cul-info:hover img { -webkit-transform: scale(1.12); transform: scale(1.12); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

@keyframes scal {

	from { -webkit-transform: scale(1, 1); }

	to { -webkit-transform: scale(1.1, 1.1); }

}

@-webkit-keyframes scal {

	from { -webkit-transform: scale(1, 1); }

	to { -webkit-transform: scale(1.1, 1.1); }

}



/*弹窗*/

.mask { background-color: #000; background-color: rgba(0, 0, 0, 0.4); height: 100%; width: 100%; top: 0; left: 0; position: fixed;  z-index: 98;   opacity: 0;
  visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.mask-show {  opacity: 1;
  visibility: visible;}



.popup { width: 40%; background: #fff; position: fixed;  /* top: 50%; left: 50%; margin: -15% 0 0 -20%; */ box-shadow: 0 2px 5px rgba(0, 0, 0, .3); border-radius: 4px; /* padding: 40px 0 30px;  */z-index: 999;  overflow: hidden;

	  opacity: 0;
  visibility: hidden;

        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;

}

.popup-show{   opacity: 1;
  visibility: visible; }


.popup .close { width: 46px; height: 46px; position: absolute; right: 0; top: 0; cursor: pointer; }



.popup  .close i { width: 46px; height: 46px;  background: url(../images/msg_close.png) 0 0 no-repeat; font-style: normal; display:block; line-height:46px; text-align: center;  font-size:24px;}

.popup-title{background:#da251c; height:46px; line-height:46px; color:#fff; }
.popup-title h3{ margin-left: 20px; line-height:46px; font-weight: normal; font-size:16px; }

.popup-cont{ margin: 3% 5% 5%;   }
.popup-cont .message{ margin: 0; }


/*网站头部*/
.top_header{width: 100%; height:28px; background: #222;}

.top_test_left{ float: left; width: 50%; color: #fff; font-size: 12px; line-height: 28px; text-align: left;}

.top_test_right{color: #fff; font-size: 12px; float: right; width: 50%; line-height: 28px; text-align: right;}


.header { background: #fff; width: 100%; float: left; position: relative; }

.header h1 { margin-top: 20px; margin-bottom: 15px; }

.header h1 img { width: 100%; }

.header h2 { margin-top: 20px; margin-bottom: 15px; }

.header h2 img { width: 100%; }



/* 手机导航 */

.wap-nav { position: absolute; right: 5%; top: 50%; margin-top: -10px; height: 20px; display: none }

.wap-nav i { line-height: 20px; font-size: 18px; }

.js-wap-close { color: #fff; padding-bottom: 3%; display: none }

.js-wap-close i { color: #da251c; padding: 5px 10px; position: absolute; top: 2%; right: 2%; font-size: 18px; }



/*主导航*/

.main-nav-box { background: url(../images/main-nav-bg.jpg) repeat-x left top; height: 45px; float: left; width: 100%; border-bottom: 3px solid #db3a2f; position: relative; }

.main-nav ul li { float: left; font-size: 15px; position: relative; }

.main-nav ul li>a { color: #fff; display: block; height: 43px; line-height: 43px; padding: 0 35px; background: url(../images/main-nav-line.jpg) no-repeat left center; }

.main-nav ul li>a:hover, .main-nav ul li.cur>a, .main-nav ul li.hover>a { color: #dd231e; }

.main-nav ul li:first-child>a { background: none; }

.m-n-down { background: #070304; left: 0; top: 45px; position: absolute; width: 160px; z-index: 10; -webkit-transition: opacity .25s linear, top .25s linear; transition: opacity .25s linear, top .25s linear; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; opacity: 0; visibility: hidden; }

.main-nav ul li:hover .m-n-down { opacity: 1; visibility: visible; }

.m-n-down a { display: block; text-align: left; padding-left: 35px; font-size: 14px; line-height: 36px; color: #fff; border-bottom: 1px dashed  #1e1e1e; }

.m-n-down a:last-child { border-bottom: 0; }

.m-n-down a:hover { background: #dd231e; color: #fff }

.m-n-down2 { width: 245px; }



/* .m-n-down2 a{ text-align: left;  padding-left:35px} */

.mav-bg { background: url(../images/n-down-bg.jpg) no-repeat 0 center; background-size: cover; height: 0; width: 100%; float: left; position: absolute; top: 45px; z-index: 2; }

.mav-bg-mask { background-color: #000; background-color: rgba(0, 0, 0, 0.25); height: 100% }

.m-n-cont { padding: 3% 3% 60px 3%; display: none; width: 94%; }

.m-n-cont-hd { width: 100%; position: relative; }

.m-n-cont-hd p { position: absolute; right: 0; top: 0; height: 100%; width: 50%; text-align: right; display: none; }

.m-n-cont-hd p em { color: #fff; margin-top: 10px; margin-right: 6px; }

.m-n-cont h2 { margin-bottom: 15px; padding-left: 5px; }

.m-n-cont h2 a { font-size: 18px; color: #fff; font-weight: normal; }

.m-n-cont h2 a i { font-size: 14px; margin-right: 10px; }

.m-n-cont h2 a:hover { color: #da251c; }

.m-n-cont-hd h2 i { margin-left: 6px; color: #fff; }

.m-n-cont-hd h2 i { display: inline-block; position: relative; animation: myfirst 2s ease-out infinite;    /* Firefox: */ -moz-animation: myfirst 2s ease-out infinite;    /* Safari and Chrome: */ -webkit-animation: myfirst 2s ease-out infinite;    /* Opera: */ -o-animation: myfirst 2s ease-out infinite; }

@keyframes myfirst {

	0% { left: 0px; top: 0px; opacity: 0; }

	25% { left: 5px; top: 0px; opacity: 0; }

	50% { left: 10px; top: 0px; opacity: 0.5; }

	75% { left: 10px; top: 0px; opacity: 1; }

	90% { left: 0px; top: 0px; opacity: 1; }

	100% { left: 0px; top: 0px; opacity: 1; }

}

@-moz-keyframes myfirst



/* Firefox */

{

	0% { left: 0px; top: 0px; opacity: 0; }

	25% { left: 5px; top: 0px; opacity: 0; }

	50% { left: 10px; top: 0px; opacity: 0.5; }

	75% { left: 10px; top: 0px; opacity: 1; }

	90% { left: 0px; top: 0px; opacity: 1; }

	100% { left: 0px; top: 0px; opacity: 1; }

}

@-webkit-keyframes myfirst



/* Safari and Chrome */

{

	0% { left: 0px; top: 0px; opacity: 0; }

	25% { left: 5px; top: 0px; opacity: 0; }

	50% { left: 10px; top: 0px; opacity: 0.5; }

	75% { left: 10px; top: 0px; opacity: 1; }

	90% { left: 0px; top: 0px; opacity: 1; }

	100% { left: 0px; top: 0px; opacity: 1; }

}

@-o-keyframes myfirst



/* Opera */

{

	0% { left: 0px; top: 0px; opacity: 0; }

	25% { left: 5px; top: 0px; opacity: 0; }

	50% { left: 10px; top: 0px; opacity: 0.5; }

	75% { left: 10px; top: 0px; opacity: 1; }

	90% { left: 0px; top: 0px; opacity: 1; }

	100% { left: 0px; top: 0px; opacity: 1; }

}

.m-n-c-info { font-size: 0; position: relative; display: inline-block; padding-right: 50px; width: 100% }

.m-n-close { font-size: 15px; text-align: center; color: #fff;    /* position: absolute; right: 0; top: 0;*/ width: 24px; height: 24px; display: inline-block; vertical-align: middle; line-height: 24px; cursor: pointer; border-radius: 50%; background: #dc3a2f }

.m-n-close i { vertical-align: middle; line-height: 24px; }

.m-n-close:hover { background: #fff; color: #dc3a2f; }

.m-n-c-info a { display: inline-block; color: #fff; font-size: 14px; padding: 6px 20px; border-radius: 5px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.2); }

.m-n-c-info a:hover { background: #da251c; color: #fff; border: 1px solid #da251c; }

.main-nav-box .main-nav-r { line-height: 38px; }

.main-nav-box .main-nav-r a { color: #fff; font-size: 16px; display: inline-block; vertical-align: middle; padding: 12px; }

.main-nav-box .main-nav-r a:hover { color: #dc3a2f; }

.main-nav-r a.m-n-mobile { font-size: 20px; position: relative; }

.m-n-wem { position: absolute; z-index: 2; top: 43px; right: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.6); padding: 10px; display: none; }



/*.search-popup{ position:absolute; display:none; z-index:99; width:60%; margin-left: -30%; left:50%; top:50%; margin-top: -100px; text-align: center; font-size:0; }*/

.search-popup { width: 100%; text-align: right; position: absolute; top: 45px; z-index: 3; background-color: #000; background-color: rgba(0, 0, 0, 0.6); padding: 35px 0; display: none; }

.search-popup input { height: 38px; line-height: 38px; vertical-align: middle; border: 0; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, STHeiti; padding: 0 10px; width: 40%; font-size: 16px; color: #333; background: #eee }

.search-popup button { font-size: 16px; height: 38px; line-height: 38px; vertical-align: middle; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "Luxi Sans", "DejaVu Sans", Tahoma, STHeiti; margin-left: 5px; border: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; background: #da251c; color: #fff; cursor: pointer; border: 1px solid #da251c; }

.search-popup button:hover { background: none; color: #da251c; }

.search-close { margin-left: 20px; font-size: 18px; display: inline-block; vertical-align: middle; }

.search-close a { color: #da251c; }

.search-close a { font-size: 15px; text-align: center; color: #dc3a2f; width: 34px; height: 34px; display: inline-block; vertical-align: middle; line-height: 34px; cursor: pointer; border: 1px solid #dc3a2f; border-radius: 50%; }

.search-close a i { vertical-align: middle; line-height: 34px; }

.search-close a:hover { background: #dc3a2f; color: #fff; }



/*-----------------首页------------------*/



/*banner*/



.h-banner { width: 100%; position: relative; float: left; overflow: hidden; background-color: #2e3233 }

.h-banner img { width: 100%; }

.h-banner ul.slides li { position: relative; }

.h-banner-mask { background-color: #000; background-color: rgba(0, 0, 0, 0.4); height: 100%; width: 100%; top: 0; left: 0; position: absolute; z-index: 11; }

.h-banner-info { position: absolute; height: 100%; width: 1200px; left: 50%; margin-left: -600px; top: 0; z-index: 2; color: #fff; pointer-events: none; }

.h-banner-text { color: #fff; position: absolute; top: 50%; height: 190px; margin-top: -115px; margin-left: 5%; }

.h-banner-text h2 { color: #fff; font-size: 46px; margin-bottom: 5px; }

.h-banner-text h3 { font-size: 42px; letter-spacing: 2px }

.h-banner-text .h-b-btn { background-color: #da251c; color: #fff; display: inline-block; width: 120px; height: 35px; font-size: 14px; border-radius: 18px; line-height: 35px; margin-top: 30px; }

.h-banner-text .h-b-btn:hover { background-color: #fff; color: #da251c; }

.h-banner-text .h-b-btn span { vertical-align: middle; }

.h-banner-text .h-b-btn em { vertical-align: middle; border: 1px solid #fff; height: 14px; width: 14px; display: inline-block; border-radius: 50%; background-color: #fff; color: #da251c; margin-left: 10px; line-height: 14px; }

.h-banner-text .h-b-btn em i { margin-left: 2px; }



/*Swiper*/

.swiper-container { width: 100%; height: 100%; }

.h-banner .swiper-pagination-bullet { background: #fff; border: 1px solid #fff; width: 11px; height: 11px; margin: 0 6px; }

.h-banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px; }

.h-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }

.h-banner .swiper-pagination-bullet-active { background: none; border: 1px solid #da251c; }

.h-banner .swiper-button-next, .h-banner .swiper-button-prev { height: 100%; top: 0; margin-top: 0; width: 100px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.h-banner .swiper-button-next:hover, .h-banner .swiper-button-prev:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.h-banner .swiper-button-prev { background: url(../images/h-banner-prev.png) no-repeat center; }

.h-banner .swiper-button-next { background: url(../images/h-banner-next.png) no-repeat center; }



/*首页产品*/

.h-prod { width: 100%; margin-top: 3%; }

.h-prod-hd { display: table-cell; width: 23%; background: #d02219 url(../images/h-prod-hd-bg.png) no-repeat left top/100% 100%; color: #fff; vertical-align: top; }

.h-p-h-cont { width: 70%; margin: 20% auto 0; }

.h-p-h-cont h2 { font-size: 28px; letter-spacing: 3px; margin-bottom: 30px; }

.h-p-h-cont p { line-height: 24px; font-size: 14px; height: 243px; overflow: hidden; }

.h-p-btn { border: 1px solid #fff; background-color: #fff; color: #da251c; display: inline-block; width: 150px; height: 35px; font-size: 16px; border-radius: 18px; line-height: 35px; margin-top: 50px; }

.h-p-btn:hover { background-color: #9d0700; color: #fff; }

.h-p-btn span { vertical-align: middle; }

.h-p-btn em { vertical-align: middle; border: 1px solid #fff; height: 18px; width: 18px; display: inline-block; border-radius: 50%; margin-left: 5px; line-height: 18px; }

.h-p-btn em i { margin-left: 2px; }

.h-prod-list { display: table-cell; width: 77%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) }

.h-prod-list ul { width: 101%; float: left; }

.h-prod-list ul li { float: left; width: 33%; position: relative; box-sizing: border-box; }

.h-prod-list ul li .h-prod-pic { overflow: hidden; }

.h-prod-list ul li .h-prod-pic p { margin-left: 20px; }

.h-prod-list ul li .h-prod-pic img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }

.h-prod-list ul li .h-prod-pic:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.h-prod-pic { border-left: 1px solid #ebebeb; float: left; border-bottom: 1px solid #ebebeb; overflow: hidden; width: 100%; }

.h-prod-pic p { width: 100%; overflow: hidden; }

.h-prod-pic p img { width: 100% }

.h-p-t { position: absolute; top: 25px; left: 30px; text-transform: uppercase; z-index: 1; }

.h-p-t p { font-size: 15px; margin-bottom: 5px; color: #222; font-weight: bold; margin-right: 20px;}

.h-p-t h3 { font-size: 18px; color: #dc3a2f; display: inline-block; }

.h-p-t h3:after { height: 1px; background: #dc3a2f; content: ""; display: block; margin-top: 5px; width: 0 }

.h-prod-list ul li:hover .h-p-t h3:after { width: 100% }



/*首页文档资料下载*/

.down-file { width: 100%; margin: 3% 0 }

.down-file a { color: #da251c; font-size: 16px; }

.down-file a:hover { color: #bb1c14; text-decoration: underline; }

.down-file a span { margin-left: 10px }



/*首页质朋基地历程 视频*/

.h-link-box { width: 100%; }

.h-link-cont { width: 100%; border-top: 1px solid #ececec; }

.h-link-cont { padding-top: 3%; }

.h-link { width: 34%; }

.h-link ul { width: 100%; float: left; }

.h-link ul li { margin-bottom: 12px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; float: left; }

.h-link ul li.h-l-1 { background-color: #a4c0c3; }

.h-link ul li.h-l-1 img { background-color: #a4c0c3; }

.h-link ul li.h-l-2 { background-color: #c3b2a4; }

.h-link ul li.h-l-3 { background-color: #afb2d0; }

.h-link ul li.h-l-4 { background-color: #aab2b8; }

.h-link ul li .h-link-pic { width: 54%; display: table-cell; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; }

.h-link ul li .h-link-pic img { width: 100%; vertical-align: middle; }

.h-link ul li img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.h-link ul li:hover img { opacity: 1; -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); }

.h-link-info { text-align: center; color: #fff; width: 46%; display: table-cell; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 14px; position: relative; }

.h-link-info4 { background: url(../images/h-l-4-1950.png) no-repeat center; }

.h-link-info3 { background: url(../images/h-l-3-logo.png) no-repeat center 20px; }

.h-link-info2 { background: url(../images/h-l-2-logo.png) no-repeat center 28px; }

.h-link-info1 { background: url(../images/h-l-1-logo.png) no-repeat center center; }

.h-link-info span { display: block; left: 0; bottom: 15px; width: 100%; position: absolute; }

.h-video { width: 62%; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); }

.h-video img { width: 100%; }

.video-info { position: relative; }

.video-img { position: absolute; top: 0; left: 0; width: 100%; }

.video-text { position: absolute; text-align: center; height: 150px; top: 50%; width: 100%; margin-top: -55px; color: #fff; }

.video-icon { width: 77px; height: 77px; display: inline-block; margin-bottom: 15px; }

.video-icon img { width: 100%; height: 100%; display: inline-block; }

.video-text h4 { font-size: 16px; font-weight: normal; margin-bottom: 5px; }

.video-text p { font-size: 14px; }



/*首页适用领域*/

.h-field { width: 100%; margin-top: 4%; background: #e4e4e4 url(../images/h-field-bg.jpg) no-repeat center 0; background-size: cover; }

.h-f-hd { margin-top: 5%; width: 21%; }

.h-f-hd h2 { color: #000; font-size: 28px; letter-spacing: 3px; margin-bottom: 20px; display: inline-block; }

.h-f-hd h2:after { content: ""; display: table; height: 1px; width: 50px; background-color: #d60904; margin: 10px auto 0; }

.h-f-hd p { color: #666; font-size: 16px; max-height: 140px; overflow: hidden; line-height:27px; }

.h-f-btn { color: #fff; display: inline-block; width: 120px; height: 35px; border: 1px solid #da251c; font-size: 14px; border-radius: 18px; line-height: 35px; margin-top: 30px; color: #da251c; }

.h-f-btn:hover { background-color: #da251c; color: #fff; }

.h-f-btn span { vertical-align: middle; }

.h-f-btn em { vertical-align: middle; border: 1px solid #da251c; height: 14px; width: 14px; display: inline-block; border-radius: 50%; margin-left: 10px; line-height: 14px; }

.h-f-btn em i { margin-left: 2px; }

.h-f-cont { width: 70%; margin: 5% 0; }

.h-f-cont ul li { float: left; width: 25%; text-align: center; }

.h-f-cont ul li a { float: left; display: block; margin-left: 2px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; overflow: hidden; }

.h-f-cont ul li img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 100px); transform: translate3d(0, 0, 100px); }

.h-f-cont ul li:hover img { opacity: 0.9; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); cursor: default; }

.h-f-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 6px 0; background-color: #000; background-color: rgba(0, 0, 0, 0.6); color: #fff; font-size: 14px }



/*首页公司动态*/

.homenewsimg{width:81%;   overflow: hidden;}

.jsnewsimg{width:100%;  overflow: hidden;}
.jsnewsimg img{ width: 100%; overflow: hidden; object-fit: cover;}

.homenewsimg img{ width: 100%; overflow: hidden; object-fit: cover;}

.h-news { width: 100%; margin-bottom:4%; }

.h-n-title { text-align: center; color: #000; font-size: 28px; letter-spacing: 3px; margin-bottom: 20px; margin-top: 5%; margin-bottom: 3%; width: 100% }

.h-n-title:after { content: ""; display: table; height: 1px; width: 50px; margin: 10px auto 0; background-color: #d60904; }

.h-n-list { width: 100% }

.h-n-list ul li { float: left; width: 31%; margin-right: 2%; margin-bottom: 1%; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); transition: all .2s; }

.h-n-list ul li a { display: block; width: 100%; height: 100%; float: left; }

.h-n-list ul li:hover { -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, .1); box-shadow: 0px 4px 20px rgba(0, 0, 0, .1); transform: scale(1.01); -webkit-transform: scale(1.01); z-index: 1; }

.h-n-l-cont { width: 80%; margin:5% auto 6% auto; }

.h-n-l-cont span { color: #bababa; font-size: 12px; display: block; margin-bottom:8px; margin-top: 8px;}

.h-n-l-cont span i { margin-right: 5px; }

.h-n-l-cont h3 { font-size: 14px; color: #000; height: 40px; overflow: hidden; margin-bottom: 8px; }

.h-n-l-cont p { font-size: 14px; color: #666; line-height: 21px; height: 40px; overflow: hidden; margin-bottom:20px; }

.h-n-btn { color: #da251c; font-size: 18px; }



/*报价/位置*/

.page-block { float: left; width: 100%; color: #fff; background: #b91911 url(../images/bgline.jpg) repeat-y center; }

.page-block .p-b-quote { float: left; width: 50%; background: #b91911; }

.p-b-quote dl { margin: 22px 10px; float: left; }

.p-b-quote dl dt { float: left; font-size: 58px; width: 100px; }

.p-b-quote dl dd { float: left; }

.p-b-quote dl dd h3 { font-size: 22px; font-weight: normal }

.p-b-q-btn { color: #fff; display: inline-block; width: 120px; height: 33px; border: 1px solid #fff; font-size: 14px; border-radius: 18px; line-height: 33px; margin-top: 10px; color: #fff; }

.p-b-q-btn:hover { color: #da251c; background: #fff; }

.p-b-q-btn:hover em { border: 1px solid #fff; }

.p-b-q-btn span { vertical-align: middle; }

.p-b-q-btn em { vertical-align: middle; border: 1px solid #fff; height: 14px; width: 14px; display: inline-block; border-radius: 50%; margin-left: 10px; line-height: 14px; }

.p-b-q-btn em i { margin-left: 2px; }

.page-block .p-b-firm { float: left; width: 50%; background: #da251c; }

.p-b-firm dl { margin: 22px 0px; float: left;    /*width:50%*/ }

.p-b-firm dl dt { float: left; font-size: 58px; margin-left: 8%; height: 80px; width: 100px; }

.p-b-firm dl dd { float: left; width: 70% }

.p-b-firm dl dd a { display: inline-block; color: #fff; font-size: 14px; border: 1px solid #fda19c; padding: 5px 15px 5px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 5px; }

.p-b-firm dl dd a:hover { background-color: #fff; font-size: 14px; border: 1px solid #fff; color: #da251c; }

.h-news-more { margin-top:10px; width: 100% }

.h-news-btn { color: #fff; display: inline-block; width: 120px; height: 35px; border: 1px solid #da251c; font-size: 14px; border-radius: 18px; line-height: 35px; margin-top: 30px; color: #da251c; }

.h-news-btn:hover { background-color: #da251c; color: #fff; }

.h-news-btn span { vertical-align: middle; }

.h-news-btn em { vertical-align: middle; border: 1px solid #da251c; height: 14px; width: 14px; display: inline-block; border-radius: 50%; margin-left: 10px; line-height: 14px; }

.h-news-btn em i { margin-left: 2px; }



/*网站底部样式*/

.footer { width: 100%; position: relative; float: left; }

.footer-title { color: #fff; width: 100%; margin: 50px 0 45px; font-size: 18px; letter-spacing: 3px }

.footer-title span { display: inline-block; margin: 0 10px }

.footer-title span strong { color: #da251c; }

.footer-nav { width: 100% }

.f-n-list { float: left; width:20%; }
.f-n-list:nth-child(2) { width:40%;}
.f-n-list:nth-child(2) dl{width: 100%;}
.f-n-list:nth-child(2) dd p{width: 50%; float: left;}

.f-n-list dl { float: left; width: 100%; margin-bottom: 35px }

.f-n-list dt { font-size: 14px; margin-bottom: 15px; position: relative }

.f-n-list dt a { color: #fff; }

.f-n-list dt a:hover { color: #da251c; }

.f-n-list dt p { position: absolute; top: 0; right: 0; height: 100%; width: 60%; text-align: right; color: #999; display: none; z-index: 1 }

.f-n-list dt p i { margin-top: 10px; }

.f-n-list dd a { color: #ccc; display: inline-block; font-size: 12px; line-height: 30px; }

.f-n-list dd a:hover { color: #da251c; }

.footer-copy { padding-top: 25px; border-top: 1px solid #474747; width: 100%; margin-top: 30px; margin-bottom: 30px; font-size: 12px; color: #ccc; }

.footer-copy i { color: #da251c }

.footer-copy a{color: #bbb; line-height: 28px;}

.footer-copy a:hover{color: #fff;}

#topcontrol { z-index: 1; }

.footer-email{ margin-bottom: 15px; }

/*-----------------内页------------------*/



/*内页banner*/











.page-banner { position: relative; width: 100%; }

.page-banner img { width: 100%; }

.page-b-text { position: absolute; top: 50%; left: 50%; margin-left: -550px; height: 60px; margin-top: -40px; }

.page-b-text h2 { font-size: 32px; font-weight: 600; letter-spacing: 2px; color: #fff; }



/*位置*/

.page-location { width: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.25); position: relative; margin-top: -42px; height: 42px; line-height: 42px; font-size: 14px; color: #fff; }

.page-location em { color: #fff; margin: 0 5px 0 2px; display: inline-block; vertical-align: middle; }

.page-location span { color: #fff; vertical-align: middle; }

.page-location a { color: #fff; vertical-align: middle; }

.page-location a:hover { color: #dd231e; text-decoration: underline; }

.page-location i { color: #fff; display: inline-block; background: url(../images/page-location-icon.png) no-repeat center; width: 12px; height: 12px; vertical-align: middle; margin-right: 5px; }

.page-location2 { width: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.2); position: relative; height: 35px; line-height: 35px; font-size: 12px; color: #fff; margin-bottom: -35px; z-index: 1; display: none; }

.page-location2 em { color: #fff; margin: 0 5px 0 2px; display: inline-block; vertical-align: middle; }

.page-location2 span { color: #fff; vertical-align: middle; }

.page-location2 a { color: #fff; vertical-align: middle; }

.page-location2 a:hover { color: #dd231e; text-decoration: underline; }

.page-location2 i { color: #fff; display: inline-block; background: url(../images/page-location-icon.png) no-repeat center; width: 12px; height: 12px; vertical-align: middle; margin-right: 5px; }



/**产品详情位置**/

.pro-location { width: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.9); position: relative; margin-top: 0; padding-top:2px; padding-bottom: 2px; height: 33px; line-height: 33px; font-size: 12px; color: #ccc; }

.pro-location em { color: #fff; margin: 0 8px 0 8px; display: inline-block; vertical-align: middle; }

.pro-location span { color: #fff; vertical-align: middle; }
.pro-location a { color: #fff; vertical-align: middle; }
.pro-location a:hover { color: #dd231e; text-decoration: underline; }



/*内页导航*/

.page-nav { width: 100%; padding: 40px 0 45px 0; }

.page-nav-hd { display: none; width: 100%; }

.p-n-cont { width: 100%; font-size: 0; text-align: center; }

.p-n-cont ul li { display: inline-block; font-size: 14px; margin: 0 15px; }

.p-n-cont ul li a { display: block; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 20px; background: #e3e3e3; color: #000; font-size: 18px; }

.p-n-cont ul li a:hover, .p-n-cont ul li.cur a { background: #da251c; color: #fff }

.gray-bg .p-n-cont ul li a { background: #e6e5e5; }

.gray-bg .p-n-cont ul li a:hover, .gray-bg .p-n-cont ul li.cur a { background: #da251c; color: #fff }

.p-n-cont.curHp-n-cont { background-color: #fff; position: fixed; top: 0px; z-index: 10; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); }

.p-n-cont.curHp-n-cont ul li a { display: block; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 0; background: #fff; font-size: 16px; border-bottom: 2px solid #fff }

.p-n-cont.curHp-n-cont ul li a:hover, .p-n-cont.curHp-n-cont ul li.cur a { border-bottom: 2px solid #da251c; color: #da251c; }



/*小标题*/

.all-title h3 { font-size: 24px; font-weight: normal }

.all-title h3:after { content: ""; display: block; height: 3px; width: 24px; background: #da251c; margin-top: 12px; }

.all-box { width: 100%; margin-bottom: 5%; }

.all-box-cont { background: #fff; padding: 30px; }



/*内页企业概况*/



/*企业简介*/





.about-info { background: #f7f7f7; width: 100%; padding-top: 3%;}

.ab-i-pic { width: 35%; }

.ab-i-pic img { width: 100% }

.about-pic-box .swiper-pagination-bullet { width: 11px; height: 11px; margin: 0 6px; opacity: .4; }

.about-pic-box .swiper-pagination-bullet-active { background: #da251c; opacity: .8; }

.about-pic-box .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px; }

.ab-i-text { width: 65%; }

.ab-i-text h3 {}

.ab-i-text .ab-i-t { font-size: 14px; line-height: 27px; color: #333; margin-top: 4%; margin-right: 0%; }

.about-link { margin-top: 10%; margin-bottom: 6%; }

.about-link ul li { float: left; margin-right: 3%; border-left: 1px solid #e3e3e3; padding-left: 3%; margin-bottom: 15px; }

.about-link ul li div { text-align: center; }

.about-link ul li div a:hover p { color: #da251c; }

.about-link ul li:first-child { border-left: 0; padding-left: 0; }

.about-link ul li h2 { height: auto; line-height: 35px; font-size: 26px; color: #525252; vertical-align: middle; margin-bottom: 10px; }

.about-link ul li h2 img { width: 100% }

.about-link ul li p { font-size: 14px; color: #666; }

.about-link ul li.pl-b-lc h2 { font-family: 'Arial'; font-size: 42px; letter-spacing: 5px }



/*企业文化*/

.about-culture { width: 100%; }

.ab-cul { margin-top: 6%; margin-bottom: 6%; width: 100%; overflow: hidden; }

.ab-cul-list { width: 104%; margin-top: 3%; }

.ab-cul-info { width: 30%; margin-right: 3%; margin-bottom: 5%; }

.ab-cul-pic { overflow: hidden; }

.ab-cul-pic img { width: 100% }

.ab-cul-info dl dt { font-size: 20px; margin-top: 18px; margin-bottom: 8px; color: #333; }

.ab-cul-info dl dt i { display: inline-block; height: 20px; width: 20px; border: 1px solid #818181; border-radius: 11px; text-align: center; margin-right: 10px; }

.ab-cul-info dl dt em { font-size: 16px; height: 20px; line-height: 20px; }

.ab-cul-info dl dt span { display: inline-block; vertical-align: middle; }

.ab-cul-info dl dd { font-size: 14px; line-height: 22px; color: #666; }



/*发展历程*/

.about-course { width: 100%; position: relative; }

.ab-cou { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); }

.ab-cou-title { margin-top: 8%; }

.ab-cou-title h3 { font-size: 24px; font-weight: normal; color: #fff; }

.ab-cou-title h3:after { content: ""; display: block; height: 3px; width: 24px; background: #fff; margin-top: 12px; }

.ab-cou-box { position: relative; margin-top: 5%; }

.ab-cou-btn-prev { position: absolute; left: 0; top: 50%; margin-top: -17px; height: 38px; width: 38px; text-align: center; font-size: 18px; color: #fff; line-height: 38px; border: 1px solid #fff; border-radius: 19px; }

.ab-cou-btn-prev em { display: inline-block; height: 38px; line-height: 38px; width: 38px; text-align: center; font-size: 22px; }

.ab-cou-btn-next { position: absolute; right: 0; top: 50%; margin-top: -17px; height: 38px; width: 38px; text-align: center; font-size: 18px; color: #fff; line-height: 38px; border: 1px solid #fff; border-radius: 19px; }

.ab-cou-btn-next em { display: inline-block; height: 38px; line-height: 38px; width: 38px; text-align: center; font-size: 22px; }

.ab-cou-btn-prev:hover { border: 1px solid #da251c; background-color: #da251c; }

.ab-cou-btn-next:hover { border: 1px solid #da251c; background-color: #da251c; }

.ab-cou-cont { width: 90%; margin: 0 auto; height: 100%; overflow: hidden; margin-top: -50px; }

.ab-cou-cont .swiper-container { padding: 200px 0; height: 100%; overflow: visible; }

.ab-cou-cont .swiper-slide { text-align: center; }

.ab-cou-cont .swiper-slide:after { content: ""; display: block; height: 1px; background: #fff; position: relative; margin-top: -14px; z-index: -1 }

.ab-cou-point { height: 24px; width: 24px; margin: 0 auto; border-radius: 15px; border: 1px solid #fff; }

.ab-cou-point span { background: #fff; height: 16px; width: 16px; margin: 0 auto; margin-top: 4px; border-radius: 8px; display: block; }

.ab-cou-list { background: #fff; width: 100%; position: absolute; bottom: 40px; border-radius: 5px; text-align: left; }

.ab-cou-list h2 { font-size: 18px; font-weight: normal; margin: 15px 30px 8px 40px }

.ab-cou-list p { font-size: 14px; line-height: 25px; margin: 0 30px 20px 40px; color: #da251c }

.ab-cou-list i { width: 0; height: 0; border-top: 10px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -12px; }

.ab-cou-odd .ab-cou-list { position: absolute; bottom: auto; top: 50px; background: #fff; }

.ab-cou-odd .ab-cou-list i { border-top: 0; border-bottom: 10px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; bottom: auto; top: -10px; left: 50%; margin-left: -12px; }



/*.ab-cou-l-red .ab-cou-list,.ab-cou-l-red .ab-cou-odd .ab-cou-list{ background:#da251c; color:#fff;}

.ab-cou-l-red .ab-cou-list i{ border-top: 10px solid #da251c;}


.ab-cou-l-red.ab-cou-odd .ab-cou-list i{border-top: 0; border-bottom: 10px solid #da251c;}

.ab-cou-l-red .ab-cou-point { border: 1px solid #da251c; }

.ab-cou-l-red .ab-cou-point span { background: #da251c;  }

*/



/*组织架构*/

.about-structure { width: 100% }

.ab-str { float: left; width: 100%; }

.ab-str-title { margin-top: 8%; }

.ab-str-title h3 { font-size: 24px; font-weight: normal; color: #333; }

.ab-str-title h3:after { content: ""; display: block; height: 3px; width: 24px; background: #da251c; margin-top: 12px; }

.about-structure { background: url(../images/ab-str-bg.png) no-repeat 0 bottom; }

.ab-str-pic { text-align: center; margin: 2% 0 14%; width: 100%; }



/*联系我们*/

.contact-nav { width: 100% }

.contact-nav .c-n-cont { display: none; width: 100%; text-align: center; position: fixed; }

.c-n-cont ul li { display: inline-block; font-size: 14px; margin: 0 15px; }

.c-n-cont ul li a { display: block; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 20px; background: #f4f4f4; color: #000; font-size: 16px; }

.c-n-cont ul li a:hover, .c-n-cont ul li.cur a { background: #da251c; color: #fff }

.c-n-cont.curHc-n-cont { background-color: #fff; position: fixed; top: 0px; z-index: 10; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); }

.c-n-cont.curHc-n-cont ul li a { display: block; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 0; background: #fff; font-size: 16px; border-bottom: 2px solid #fff }

.c-n-cont.curHc-n-cont ul li a:hover, .c-n-cont.curHc-n-cont ul li.cur a { border-bottom: 2px solid #da251c; color: #da251c; }

.contact-nav { width: 100% }

.contact-nav .p-n-cont { display: none }

.contact-cont { width: 100%; }

.contact-title { margin-top: 9%; margin-bottom: 4%; text-align: center; color: #fff; }

.contact-title h3 { font-size: 24px; font-weight: normal; color: #fff; }

.contact-title h3:after { content: ""; display: block; height: 3px; width: 24px; background: #fff; margin: 0 auto; margin-top: 12px; }

.contact-title p { font-size: 16px; color: #fff; margin: 10px 0 20px 0; }

.contact-info { width: 100%; position: relative; text-align: center; }

.contact-info-cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contact-hq { width: 100%; overflow: hidden; }

.contact-hq ul { width: 102%; float: left; }

.contact-hq ul li { width: 23%; margin-right: 2%; float: left; text-align: center; font-size: 14px; overflow: hidden; color: #fff; word-wrap: break-word }

.contact-hq ul li p { margin-bottom: 10px; color: #333; width: 54px; height: 54px; background: #fff; border-radius: 27px; margin: 0 auto; margin-bottom: 20px; }

.contact-hq ul li p i { font-size: 22px; color: #da251c; height: 54px; line-height: 54px; }

.branches { width: 100%; }

.branches { background: url(../images/china-pic-bg.png) no-repeat center 30px; margin-top: 20px; margin-bottom:4%; }

.contact-list { margin-top: 30px; width: 100%; }

.contact-list .contact-l-cont:last-child { border-bottom: 0; }

.contact-l-cont { border-bottom: 1px solid #eee; float: left; width: 100%; }

.contact-l-cont:hover { -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.06); box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.06); }

.contact-list dl { float: left; width: 100%; margin-bottom: 30px; font-size: 14px; }

.contact-list dl dt { font-size: 20px; margin-bottom: 10px; color: #da251c; margin-top: 15px; }

.contact-list dl dd { color: #666; line-height: 30px }

.contact-list dl dd p { width: 25%; float: left; line-height: 24px; }

.contact-list dl dd p i { display: inline-block; width: 11px; height: 11px; border-radius: 50%; margin-top: 7px; margin-right: 8px; vertical-align: middle; border: 1px solid #cfcfcf; float: left; }

.contact-list dl dd p span { float: left; width: 90% }

.links-box { background: #fff; width: 100% }

.links { width: 100%; margin-bottom: 100px; margin-top: 30px; }

.links li { width: 11%; float: left; }

.links li a { display: block; border: 1px solid #f1f1f1; margin-left: -1px; margin-top: -1px; position: relative; }

.links li a:hover { border: 1px solid #da251c; z-index: 1; }

.links li a img { width: 100%; }



/*在线留言板*/

.cont-title { margin-top: 5%; }

.cont-title h3 { font-size: 24px; font-weight: normal }

.cont-title h3:after { content: ""; display: block; height: 3px; width: 24px; background: #da251c; margin-top: 12px; }

.message-box { float: left; width: 100%; background: #fbfbfb;}

.message-box .contact-hd { padding-top: 20px; }

.message { width: 100%; font-size: 14px; margin-top: 25px; margin-bottom: 13%; float: left; }

.message a { color: #132b88; text-decoration: none; }

.message a:hover { color: #132b88; text-decoration: underline; }

.message ul { width: 48%; margin-top: 10px; float: left; }

.message ul.message_ul2 { float: right; }

.message ul li { width: 100%; float: left; margin: 0px 0px 25px 0px; }

.meg_input1 { width: 97%; line-height: 45px; font-size: 14px; background: #fff; height: 45px; border: 1px solid #ddd; padding-left: 3%; color: #444; font-family: 'Open Sans', Verdana, Geneva, sans-serif; }

.meg_input2 { width: 100%; line-height: 45px; font-size: 14px; background: #fff; height: 45px;    /*border: 1px solid #f6f6f6;*/ padding-left: 6%; color: #444; font-family: 'Open Sans', Verdana, Geneva, sans-serif; margin-right: 20px; }

.meg_textarea1 { width: 95%; font-size: 16px; background: #fff; padding-top: 8px; padding-right: 2%; border: 1px solid #ddd; padding-left: 3%; color: #444; font-family: 'Open Sans', Verdana, Geneva, sans-serif; line-height: 23px; height: 180px; }

.meg_input1, .meg_textarea1, .meg_input2 { transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; outline: none; border-radius: 3px; }

.meg_input1:hover, .meg_textarea1:hover, .meg_input2:hover { background: #fff; border: 1px solid #da251c; -webkit-transition: all 0.5s ease-in-out; -moz-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; }

.message-btn { width: 100%; text-align: center; margin-top: 10px; }

.send_buttom { width: 25%; display: inline-block; background: #da251c; color: #fff; font-size: 18px; cursor: pointer; border: 1px solid #da251c; font-weight: bolder; text-align: center; padding: 10px 0px; box-sizing: border-box; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; border-radius: 3px; font-family: "Microsoft YaHei"; font-weight: normal; }

img { border: 0; }

.send_buttom:hover { background: #000; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-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; border: 1px solid #000; }

.code_img { float: left; margin-left: 30px; }

.message_title { float: right; width: 97%; color: #999; line-height: 21px; font-size: 12px; }



/*人才招聘*/

.job-box { width: 100%; margin-bottom: 5%; }

.job-list { background: #fff; padding: 3%; border-bottom: 2px solid #ededed; float: left; width: 42%; margin: 1%; }

.job-title { border-bottom: 1px solid #e4eaec; }

.job-title h3 { font-size: 22px; font-weight: normal; margin-bottom: 12px; }

.job-title p { font-size: 0; margin-bottom: 20px; font-family: "Microsoft YaHei", "Arial"; }

.job-title p span { font-size: 14px; color: #666; display: inline-block; margin-right: 30px; }

.job-title p span i { font-size: 14px; color: #ccc; display: inline-block; margin-right: 5px; }

.job-list-cont { font-size: 14px; line-height: 30px; color: #666; margin-top: 25px; padding-left: 0px; width: 100% }

.job-list-cont h4 { font-size: 16px; color: #333; margin-bottom: 5px; font-weight: normal; }

.job-btn-box { border-top: 1px solid #e4eaec; }

.job-btn-box a { display: inline-block; font-size: 14px; color: #da251c; border: 1px solid #da251c; padding: 5px 20px; margin-top: 20px; border-radius: 20px }

.job-btn-box a:hover { display: inline-block; font-size: 14px; color: #fff; border: 1px solid #da251c; padding: 5px 20px; margin-top: 20px; background: #da251c }



/*新闻动态*/

.news-box { width: 100%; margin-top: 5%; margin-bottom:3%; }

.news-bg { background: #f5f5f5 url(../images/news-bg.png) no-repeat center 0; width: 100% }

.news-list { border-radius: 10px; float: left; width: 100%; }

.news-list-cont { float: right; width: 88%; font-size: 14px; color: #333; border-left: 1px solid #dadada; margin-right: -1px; padding-bottom: 2%; position: relative; }

.news-l-info>a { display: block; float: right; padding: 3% 5% 3% 5%; }

.news-l-info { float: left; width: 90%; font-size: 14px; color: #333; background: #fff; position: relative; margin-left: 8%; border-radius: 10px }

.news-list-deta { float: left; width: 12%; font-weight: normal; font-family: "Microsoft  YaHei", "Arial"; position: relative; margin-top: 15px; }

.news-list-deta dl { text-align: center; background: #fff; width: 90px; border-radius: 5px; overflow: hidden; }

.news-list-deta dl dt { font-size: 18px; padding: 3px 0; border: 1px solid #fff; color: #666; border-radius: 5px 5px 0 0 }

.news-list-deta dl dd { font-size: 24px; background: #b91911; color: #fff; padding: 4px 0; }

.news-list-deta b { display: block; font-weight: normal; font-size: 14px; }

.news-list-deta span { display: block; font-size: 24px; }

.news-list-cont i { width: 14px; height: 14px; background: #dadada; display: block; float: right; border-radius: 7px; position: absolute; top: 36px; left: -8px; }

.news-list h4 { font-size: 18px; color: #000; font-weight: normal; margin-bottom: 8px; }

.news-l-pic { width: 30%; margin-right: 5%; overflow: hidden; }

.news-l-pic img { width: 100% }

.news-list-text { overflow: hidden; width: 65%; margin-bottom: 10px; line-height: 27px; }

.news-list-text p { color: #666; margin-bottom: 15px; }

.news-list-arrow { width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 20px solid #fff; position: absolute; top: 30px; left: -20px; }

.news-link-more { text-align: right; }

.news-link-more span { text-align: right; display: inline-block; border: 1px solid #da251c; border-radius: 3px; padding: 5px 20px; color: #da251c; }

.news-list:hover .news-link-more span { background: #da251c; color: #fff; }

.news-list:hover .news-l-info { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) }

.news-list:hover .news-list-cont i { background: #da251c }

.news-list:hover .news-list-deta dl dt { border: 1px solid #da251c; }

.news-list:hover .news-list-deta dl dd { background: #da251c }

.news-list:hover .news-list-text h4 { color: #da251c }

.news-fx { color: #c3c3c3; }

.news-blank { margin-top: 70px; width: 100% }

.news-blank-hd { width: 100%; border-bottom: 1px solid #f2f2f2; margin-bottom: 30px; }

.news-blank-hd h2 { font-size: 24px;  margin-bottom: 10px; }

.news-blank-hd p { font-size: 14px; color: #999; margin-bottom: 10px; }

.news-blank-cont { width: 90%; padding: 0px 5% 0px 5%; margin-bottom: 90px; line-height: 27px; font-size: 16px; }

.news-blank-cont a{color: #000;}

.news-blank-cont a:hover{color: #da251c; text-decoration: underline;}

.news-blank-cont img { max-width: 100%; }

.news-b-page { border-top: 1px solid #f2f2f2; margin-top: 50px; padding-top: 30px; }

.news-b-page a { display: inline-block; color: #b91911; border: 1px solid #b91911; border-radius: 25px; padding: 10px 15px; margin-bottom: 15px; }

.news-b-page a:hover { color: #fff; border: 1px solid #da251c; background: #da251c; }

.news-b-page a i { color: #b91911; display: inline-block; margin-right: 10px; }

.news-b-page a:hover i { color: #fff; }



.information-list ul li{    margin-bottom: 2%;
    background: #fff;}

/*分享图标*/

.news-fx span { display: inline-block; margin-right: 10px; }

#share a { height: 22px; width: 22px; padding: 3px; margin: 0 10px 5px 0px; text-align: center; display: inline-block; padding: 0; border: 1px solid #dfdfdf; border-radius: 50%; }

#share a.bds_more { background: url(../images/share_more.png) no-repeat center/80% 80%; display: none; }

#share a.bds_weixin { background: url(../images/share_weixin1.png) no-repeat center/80% 80%; }

#share a.bds_weixin:hover { background: url(../images/share_weixin.png) no-repeat center/80% 80%; }

#share a.bds_qzone { background: url(../images/share_qzone.png) no-repeat center/80% 80%; }

#share a.bds_qzone:hover { background: url(../images/share_qzone1.png) no-repeat center/80% 80%; }

#share a.bds_tqq { background: url(../images/share_tqq.png) no-repeat center/80% 80%; }

#share a.bds_tqq:hover { background: url(../images/share_tqq1.png) no-repeat center/80% 80%; }

#share a.bds_tsina { background: url(../images/share_tsina.png) no-repeat center/80% 80%; }

#share a.bds_tsina:hover { background: url(../images/share_tsina1.png) no-repeat center/80% 80%; }

#share a.bds_sqq { background: url(../images/share_sqq.png) no-repeat center/80% 80%; }

#share a.bds_sqq:hover { background: url(../images/share_sqq1.png) no-repeat center/80% 80%; }

#share a.bds_bdhome { background: url(../images/share_bdhome.png) no-repeat center/80% 80%; }

#share a.bds_bdhome:hover { background: url(../images/share_bdhome1.png) no-repeat center/80% 80%; }


.footer-share{ font-size: 0; }
.footer-share>span{display: inline-block; vertical-align:top; line-height:24px;font-size:14px; }
.footer-share>#share{ display: inline-block; vertical-align:top; }
.footer-share>#share li{ display: inline-block; }
.footer-share>#share li a{ margin: 0 0 0 10px; }



/*分页*/

.pageBox { padding: 0px; float: left; font-size: 14px; width: 100%; height: 40px; margin: 2% 0px 6% 0px; }

.pageBox:hover { border-radius: 5px; }

.pageBox .prev, .pageBox .next { padding: 10px 0px; }

.pageBox .prev a, .pageBox .next a { height: 14px; padding: 6px; overflow: hidden; line-height: 14px; width: 18px; }

.pageBox a { margin: 0 3px; text-align: center; height: 14px; padding: 6px 12px 6px 12px; line-height: 14px; border: 1px solid #bababa; background: #fff; overflow: hidden; text-decoration: none; color: #888; }

.pageBox a:hover { border: 1px solid #e13f37; background-color: #e13f37; color: #fff; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-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; }

.pageHover a, .pageHover a:hover { border: 1px solid #da251c; background-color: #da251c; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-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; }



/*公司产品*/

.prod-wrap { width: 100%; margin-top: 5%; margin-bottom: 5%; }

.prod-nav { width: 268px; border-radius: 5px; overflow: hidden;  }

.prod-nav ul li dd{width: 90%; padding-left: 10%; font-size: 12px; margin:8px 0px; line-height: 21px;}

.prod-nav ul li dd a b{color: #da251c;}
.prod-nav ul li dd a{}
.prod-nav ul li dd a:hover{text-decoration: underline;}

.prod-nav-cont { width: 268px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); overflow: hidden; border-radius: 5px;  }



.prod-nav-cur { position: fixed; top: 40px; }

.prod-nav-hide { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; visibility: hidden; opacity: 0; }













.prod-nav h2 { height: 45px; line-height: 45px; font-size: 18px; color: #fff; background: #da251c; padding-left: 25px; font-weight: normal; }

.prod-nav ul { margin: 20px 15px; }

.prod-nav ul li { font-size: 14px; border-bottom: 1px solid #efefef; margin-bottom: 8px; padding-bottom: 10px; line-height: 24px; }

.prod-nav ul li a { color: #333; }

.prod-nav ul li a:hover { color: #da251c; }

.prod-nav ul li a:hover i { border: 1px solid #da251c; background: #da251c; }

.prod-nav ul li a i { display: inline-block; height: 10px; width: 10px; border: 1px solid #d9d9d9; border-radius: 50%; vertical-align: middle; margin-right: 10px; margin-top:0px; }

.prod-nav ul li a strong { display: inline-block; vertical-align: middle; font-weight: bold;}

.wrapper02 { position: relative; height: 50px; width: 100%; overflow: hidden; margin: 2% auto 3%; background: #fff; display: none; border-bottom: 2px solid #da251c; }

.wrapper02 .scroller { position: absolute }

.wrapper02 .scroller li { height: 50px; color: #333; float: left; line-height: 50px; text-align: center }

.wrapper02 .scroller li a { color: #333; display: block; line-height: 50px; padding: 0 10px; font-size: 14px; }
.wrapper02 .scroller li a.active{background: #da251c; color: #fff;}
.wrapper02 .scroller li.cur { background: #da251c }

.wrapper02 .scroller li.cur a { color: #fff; }

.prod-cont { width: 75%; }

.prod-list { margin-bottom: 30px; width: 100%; overflow: hidden; }

.prod-list ul { width: 101%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.prod-list ul li { float: left; width: 33%; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; background: #fff; margin-left: -1px; margin-top: -1px; }

.prod-list ul li>a { display: block; float: left; height: 100%; width: 100%; background: #fff; }

.prod-cont-pic { width: 84%; margin: 20px auto; }

/* .prod-cont-pic p { margin-left: 20px; overflow:hidden; } */

.prod-cont-pic img {  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  }

.prod-list ul li:hover img { opacity: 0.7; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }

.prod-cont-pic img { width: 100% }

.prod-c-info { width: 84%; margin: 0 auto 25px; padding-top: 15px; border-top: 1px solid #ebebeb; position: relative; }

.prod-c-info-text {     width: 108%; }

.prod-c-info h2 { font-weight: normal; font-size: 14px; margin-bottom: 5px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height:18px; line-height:18px;}

.prod-c-info h3 { font-size: 16px; color: #da251c; width: 95%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 22px; }

.prod-c-info span { display: inline-block; margin-top: 5px; right: 0; position: absolute; }

.prod-c-info i { display: inline-block; height: 26px; width: 26px; border: 1px solid #fff; border-radius: 16px; text-align: center; }

.prod-c-info span em { font-size: 20px; height: 24px; line-height: 24px; color: #e4e4e4; color: #fff; }

.prod-c-info span:hover i { border: 1px solid #da251c; background: #da251c; }

.prod-c-info span:hover em { color: #fff; }

.prod-list ul li:hover .prod-c-info i { border: 1px solid #da251c; background: #da251c; }

.prod-b-hd { width: 100%; margin-top: 3%; margin-bottom:6%; }

.prod-b-pic { width: 42%; text-align: center; border: 2px solid #e5e5e5; position: relative; }
.prod-d-pic-name{ position: absolute; left: 0; bottom: 0; height: 35px; line-height:35px; background: rgba(0,0,0,0.65); z-index:2; color: #fff; text-align: center; width: 100%;  font-size:14px;}

.prod-b-pic .swiper-button-next { background: #e5e5e5 url(../images/prod-b-right.png) no-repeat center; width: 40px; height: 50px; margin-top: -25px; right: -1px; }

.prod-b-pic .swiper-button-next:hover { background: #da251c url(../images/prod-b-right2.png) no-repeat center; color: #fff; }

.prod-b-pic .swiper-button-prev { background: #e5e5e5 url(../images/prod-b-left.png) no-repeat center; width: 40px; height: 50px; margin-top: -25px; left: -1px; }

.prod-b-pic .swiper-button-prev:hover { background: #da251c url(../images/prod-b-left2.png) no-repeat center; }

.prod-b-pic .swiper-slide img { width: 100%; }

.prod-b-info { width: 50%; }

.prod-b-info h1 { color: #222; font-size: 26px; font-weight: bold;  }

.prod-b-info h2 { color: #dc3a2f; font-size: 36px;  margin-bottom:12px; }
.prod-b-info h3 {font-size: 14px; background: #eee; line-height: 27px; width: 98%; padding-left:2%; float: left;  margin-bottom: 15px;}
.prod-b-info h3 span{width:30%; display: block; float: left;}

.prod-b-i-text { line-height: 23px; color: #666; font-size: 14px; border-bottom: 1px dashed #b3b3b3; margin-bottom: 5%; margin-top: 6px; padding-bottom:15px; padding-right: 15%; width: 85% }

.prod-b-i-text a{color: #000;}

.prod-b-i-text a:hover{color: #dc3a2f; text-decoration: underline;}

/*.prod-b-fx{font-size:0;}















.prod-b-fx span{display: inline-block; font-size:14px; background:#999898; color:#fff;border-radius:3px; overflow: hidden; margin-right: 20px;}







.prod-b-fx span i{display: inline-block; font-style:normal;  padding:10px 15px;}







.prod-b-fx span em{display: inline-block; background:#da251c; font-style:normal; padding:10px 15px;}*/

.prod-down a { display: inline-block; font-size: 14px; background: #da251c; color: #fff; border-radius: 3px; overflow: hidden; padding: 10px 17px; }

.prod-down a i { margin-right: 6px }

.prod-down a:hover { background: #b91911; }

.prod-down a.qq-zixun { display: inline-block; font-size: 14px; background: none; color: #da251c; overflow: hidden; padding: 10px 17px; text-decoration: underline; }

.prod-down a.qq-zixun:hover { background:none; color: #000; }


.prod-features-hd { border-bottom: 2px solid #e50012; margin-top: -44px; background: #e6e6e6;}

.prod-features-hd h2 { font-weight: normal; display: inline-block; color: #fff; font-size: 18px; background: #e50012; padding: 8px 20px; }

.prod-feature-cont { background: #fff; padding: 35px 40px; font-size: 14px; line-height: 27px;}

.prod-feature-cont img{max-width: 100%;}

.prod-feature-cont a{color: #b91911}

.prod-feature-cont a:hover{color: #b91911; text-decoration: underline;}

.other-prod {margin-bottom: 5%; width: 100%; }

.other-prod-hd { background: #e6e6e6; font-size: 18px; text-align: center; padding: 10px; color: #da251c;  }

.other-prod-list { margin-bottom: 30px; width: 100% }

.other-prod-list ul li { float: left; width: 33%; border: 1px solid #ebebeb; background: #fff; margin: -1px 0 0 -1px; }

.other-prod-list ul li { float: left; width: 25%; border: 1px solid #ebebeb; background: #fff; margin: -1px 0 0 -2px; }

.other-prod-list ul li:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.prod-c-info span:hover i { border: 1px solid #da251c; background: #da251c; }

.prod-c-info span:hover em { color: #fff; }

.other-prod-list ul li:hover .prod-c-info i { border: 1px solid #da251c; background: #da251c; }

.product-table { border: 1px solid #dfdfdf; width: 100%; }

.product-table td, .product-table th { border: 1px solid #dfdfdf; padding: 1% 2%; text-align: left; }

.pro-back{width: 100%; float: left; text-align: center; font-weight: bold;}

.pro-back a{ width: 100%;  color: #da251c;  text-decoration:none;}

.pro-back a:hover{color: #da251c;  text-decoration: underline;}




.video-wrap{ width: 600px; margin: 0 auto; }



/*宽屏 1440分辨率以上（大于1440px）*/

@media screen and (min-width:1440px) { }



/*宽屏 1280分辨率以上（大于1280px）*/

@media screen and (min-width:1280px) {  }



/*笔记本窄屏 1100分辨率（大于960px，小于1280px) */

@media screen and (min-width:960px) and (max-width:1280px) {

	.row { margin: 0px 2%; width: 96%; }
	.popup { width: 60%;}
	.h-prod-text { left: 22px; font-size: 16px; bottom: 22px; }

	.h-banner-text h2 { font-size: 32px; }

	.h-banner-text h3 { font-size: 24px; }

	.h-banner-text { margin-left: 15%; }

	.h-banner-text .h-b-btn { margin-top: 15px; }

	.h-banner-text { top: 60%; }

	.page-b-text h2 { margin-left: 25%; }

	.h-f-hd p{font-size: 14px;}

}

@media screen and (min-width:1100px) and (max-width:1200px) {

	.prod-cont { width: 72%; }


}

@media screen and (min-width:960px) and (max-width:1100px) {

	.prod-cont { width: 68%; }

}



/*960分辨率以下（小于960px）*/

@media only screen and (max-width:960px) {
		.popup { width: 80%;}

	.row { margin: 0px 5%; width: 90%; }

	.prod-feature-cont { font-size: 12px; }



	/*header*/
	.top_header{display: none;}

	.header h1 { width: 40%; margin-right: 5%; margin-top: 15px; margin-bottom: 10px; }

	.header h2 { width: 30%; float: left; margin-top: 15px; margin-bottom: 10px; }

	.main-nav { display: none }



	/*.m-n-cont{display: block;}*/

	.mav-bg { height: 100%; top: 0; position: fixed; display: none; background: none;  z-index: 5; }

	.mav-bg-mask { background-color: #333; }



	/*.mav-bg-mask{background:blue;}*/

	.main-nav-box { height: auto; }

	.main-nav-box .main-nav-r { display: none }

	.m-n-cont { padding: 1% 0; width: 100%; border-bottom: 1px solid #444; }

	.m-n-cont h2 { margin-bottom: 0; padding-left: 0; width: 100%; }

	.m-n-cont-hd p { display: block; }

	.m-n-cont h2 a { font-size: 16px; display: block; width: 100%; padding: 8px 0; }

	.m-n-cont h2 a i { display: none }

	.m-n-close { display: none }

	.m-n-c-info { display: none }

	.m-n-c-info a { font-size: 14px; padding: 0; width: 50%; border: 0; background-color: rgba(0, 0, 0, 0); margin-right: 0; color: #ccc; margin-bottom: 7px; margin-top: 7px; }

	.m-n-c-info a:hover { background: none; color: #fff; border: 0; }

	.search-popup { position: fixed; top: auto; bottom: 0; left: 0; z-index: 9; padding: 15px 0; text-align: center; background: #fff; }

	.search-popup input { width: 50%; }

	.search-close { display: none }



	/*首页banner*/

	.h-banner .swiper-button-next, .h-banner .swiper-button-prev { display: none; width: 22px; }

	.h-banner .swiper-button-next { background: url(../images/h-banner-next.png) no-repeat center/100% auto; }

	.h-banner .swiper-button-prev { background: url(../images/h-banner-prev.png) no-repeat center/100% auto; }

	.h-banner img { object-fit: cover; object-position: -1rem 0; height: 15rem; }

	.h-banner-text h2 { font-size: 26px; margin-bottom: 3px; }

	.h-banner-text h3 { font-size: 18px; }

	.h-banner-info { width: 100%; margin-left: 0; left: 0; }

	.h-banner-text { margin-top: -20%; height: auto; margin-left: 8%; }

	.h-banner-text .h-b-btn { margin-top: 14px; width: 100px; height: 27px; font-size: 12px; border-radius: 15px; line-height: 27px; }

	.h-banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; }

	.h-banner .swiper-pagination-bullet { width: 8px; height: 8px; }



	/*首页产品*/

	.h-prod-hd { width: 100%; background: none; color: #333; margin-bottom: 2%; float: left; }

	.h-p-h-cont { width: 100%; margin: 6% auto 0; float: left; }

	.h-p-h-cont h2 { font-size: 24px; letter-spacing: 0px; margin-bottom: 10px; }

	.h-p-h-cont p { height: auto; }

	.h-p-btn { border: 1px solid #dc3a2f; color: #dc3a2f; height: 30px; line-height: 30px; margin-top: 20px; }

	.h-prod-list { width: 100%; box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

	.h-prod-list ul { overflow: hidden; margin-top: 3%; }

	.h-prod-list ul li { width: 50%; }

	.h-prod-pic { margin-left: -1px; }

	.h-p-t { left: 10px; top: 15px; }

	.h-p-t p { font-size: 14px; font-weight: normal; }

	.h-p-t h3 { font-size: 16px }



	/*首页文档资料下载*/

	.down-file { width: 100%; margin: 8% 0; }



	/*首页质朋基地历程 视频*/

	.h-link ul li .h-link-pic { width: 47 }

	.h-link-info span { bottom: 10px; }

	.h-link-box { margin-bottom: 8%; }

	.h-link { width: 100%; }

	.h-link-info1 { background: url(../images/h-l-1-logo.png) no-repeat center center/90% auto; }

	.h-link-info3 { background: url(../images/h-l-3-logo.png) no-repeat center 20px /80% auto; }

	.h-link-info4 { background: url(../images/h-l-4-1950.png) no-repeat center/80% auto; }

	.h-video { width: 100%; }

	.video-icon { width: 50px; height: 50px; }



	/*首页适用领域*/

	.h-f-hd { width: 100%; margin-top: 8%; }

	.h-f-hd h2 { text-align: center; width: 100%; font-size: 24px; letter-spacing: 0px; }

	.h-f-hd p { text-align: center; font-size: 14px; line-height: 20px; }

	.h-f-cont { width: 100%; margin: 8% 0 15%; }

	.h-f-cont ul li { width: 25%; }

	.h-f-text { font-size: 12px }



	/*首页公司动态*/

	.h-news { margin-bottom:10%; }

	.h-n-title { font-size: 24px; margin-top: 8%; margin-bottom: 5%; letter-spacing: 0px; }

	.h-n-list ul li { width: 90%; margin-right: 5%; margin-left: 5%; margin-bottom: 5%; }

	.h-n-l-cont h3 { height: auto }

	.h-news-more { margin-top: 20px; }

	.h-news-btn { margin-top: 0; }


	.homenewsimg{height:auto;}

	/*.h-n-l-cont p{margin-bottom: 15px;}*/

	.h-n-btn { display: none; }



	/*报价/位置*/

	.page-block { background: none; }

	.page-block .row { width: 100%; margin: 0; }

	.page-block .p-b-quote { width: 100% }

	.page-block .p-b-firm { width: 100% }

	.p-b-quote dl { width: 80%; margin: 22px 10%; }

	.p-b-quote dl dt { width: 50px; font-size: 40px }

	.p-b-quote dl dd h3 { font-size: 16px }

	.p-b-q-btn { width: 100px; height: 26px; line-height: 26px; border: 1px solid #fff; font-size: 14px; margin-top: 10px; }

	.p-b-q-btn em { height: 12px; width: 12px; margin-left: 5px; }

	.p-b-q-btn em i { line-height: 12px; }

	.p-b-firm dl dt { margin-left: 10%; width: 50px; font-size: 40px; }

	.p-b-firm dl dd { width: 65%; }

	.p-b-firm dl dd a { margin: 2px 2px 5px 2px; padding: 5px; }



	/*-----------------内页------------------*/



	/*内页banner*/





	.page-banner img { object-fit: cover; object-position: -1rem 0; height: 10rem; }

	.page-b-text { top: 53%; left: 0; width: 80%; margin-left: 5%; height: 60px; margin-top: -40px; }

	.page-b-text h2 { font-size: 24px; font-weight: 600; letter-spacing: 0; }



	/*位置*/

	.page-location { height: 30px; line-height: 30px; margin-top: -30px; }



	/*内页导航*/

	.js-wap-close { display: block }

	.wap-nav { display: block; }

	.page-nav { width: 100%; padding: 8% 0; }

	.p-n-cont ul li { display: inline-block; margin: 0 3px; font-size: 16px; }

	.p-n-cont ul li a { padding: 0 12px; height: 32px; line-height: 32px; border-radius: 13px; font-size: 14px; }

	.p-n-cont.curHp-n-cont ul li a { padding: 4px 8px; height: 30px; line-height: 30px; background: #fff; border-bottom: 2px solid #fff; }



	/*企业简介*/

	.ab-i-pic { width: 100%; display: none; }

	.ab-i-text { width: 100%; }

	.all-title h3 { margin-top: 8%; margin-bottom: 3%; }

	.ab-i-text .ab-i-t { margin-right: 0; }

	.about-link { margin-top: 6%; margin-bottom: 10%; }

	.about-link .row { width: 100%; margin: 0; }

	.about-link ul { width: 106%; }

	.about-link ul li { width: 26%; margin-right: 0; padding: 0 4%; height: 60px }

	.about-link ul li h2 { font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 0; }

	.about-link ul li p { font-size: 12px }

	.about-link ul li.pl-b-lc h2 { font-size: 26px; letter-spacing: 2px; }

	.ab-cou-title { margin-top: 15%; }

	.ab-cou-cont { width: 80%; }

	.ab-cul-list { margin-bottom: 4%; }

	.ab-cul-info { width: 48%; margin: 1% 1% 5% 1% }

	.ab-cul-info dl dd { font-size: 12px; }

	.ab-cou-list { width: 96%; left: 2%; }

	.ab-cou-odd .ab-cou-list { bottom: 40px; top: auto; }

	.ab-cou-odd .ab-cou-list i { top: auto; border-top: 10px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; bottom: -10px; border-bottom: 0; margin-left: -12px; }

	.ab-cou-btn-prev, .ab-cou-btn-next { margin-top: -10px; height: 30px; width: 30px; color: #fff; line-height: 30px; }

	.ab-cou-btn-prev { left: -3%; }

	.ab-cou-btn-next { right: -3%; }

	.ab-cou-btn-prev em, .ab-cou-btn-next em { display: inline-block; height: 30px; line-height: 30px; width: 30px; text-align: center; font-size: 20px; }

	.ab-cou-list h2 { margin: 15px 15px 8px 20px; }

	.ab-cou-list p { margin: 0 14px 20px 20px; }

	.ab-cou-cont .swiper-container { padding: 220px 0; }

	.about-course img { object-fit: cover; object-position: -20rem 0; height: 24rem; width: 100%; }

	.ab-str { margin-bottom: 10%; }

	.ab-str-title { margin-top: 10%; }

	.ab-str-pic img { width: 100%; }



	/*公司产品*/

	.prod-nav { display: none; }

	.wrapper02 { display: block; }

	.prod-cont { width: 100%; }

	.prod-list ul li { width: 50%; }

	.prod-c-info span { display: none }

	.prod-c-info h4 { font-size: 14px; height: 40px; }

	.prod-c-info p { font-size: 13px; }

	.prod-b-hd { margin-bottom: 10%; }

	.prod-b-pic { width: 100%; margin-top: 10%; margin-bottom: 8%; }

	.prod-b-pic .swiper-button-prev, .prod-b-pic .swiper-button-next { width: 30px; height: 40px; margin-top: -20px; }

	.prod-b-pic .swiper-button-prev { background: #e5e5e5 url(../images/prod-b-left.png) no-repeat center/30% auto; }

	.prod-b-pic .swiper-button-prev:hover { background: #da251c url(../images/prod-b-left2.png) no-repeat center/30% auto; }

	.prod-b-pic .swiper-button-next { background: #e5e5e5 url(../images/prod-b-right.png) no-repeat center/30% auto; }

	.prod-b-pic .swiper-button-next:hover { background: #da251c url(../images/prod-b-right2.png) no-repeat center/30% auto; }

	.prod-b-info { width: 100%; }

	.prod-b-info h1 { font-size: 18px; }

	.prod-b-info h2 { font-size: 26px; margin-bottom: 15px; }

	.prod-b-i-text { padding-right: 0; width: 100%; font-size: 14px; line-height: 20px; }

	.prod-features-hd { margin-top: 6%; }

	.prod-features-hd h2 { padding: 5px 20px; font-size: 16px; }

	.prod-feature-cont { padding: 30px 20px; }

	.other-prod-hd { font-size: 16px; padding: 8px;}

	.other-prod-list ul li { width: 50%; }



	/*新闻动态*/

	.news-box { width:90%; margin-left: 5%; }

	.news-list { width: 47%; margin-bottom: 3%; margin-right: 3%; }

	.news-list-cont { border-left: none; width: 100%; padding-bottom: 0; }

	.news-list-cont i { display: none; }

	.news-list-arrow { display: none; }

	.news-l-info { width: 100%; margin-left: 0; }

	.news-list-deta { float: none; display: none; }

	.news-l-pic { width: 100%; margin-right: 0; margin-bottom: 6%; height: 85px; overflow: hidden; }

	.news-l-pic img { object-fit: cover; width: 100%; object-position: 0 0; height: 85px; }

	.news-list-text { width: 100%; line-height: 23px; }

	.news-list h4 { font-size: 14px; height: 25px; overflow: hidden; }

	.news-list p { font-size: 12px; margin-bottom: 20px; height: 90px; overflow: hidden; }

	.news-link-more { text-align: center; margin: 10px 0; }

	.news-link-more span { padding: 3px 20px; }

	.news-blank { margin-top: 30px; }

	.news-blank-hd h2 { font-size: 22px }

	.news-fx { width: 100%; margin-bottom: 3%; }

	.news-b-page a { border-radius: 5px; width: 90%; padding: 3% 5%; font-size: 14px; }

	.news-b-page .fr { width: 100%; text-align: center; }

	.news-blank-cont { margin-bottom: 4%; font-size:14px; }


	/*人才招聘*/

	.job-list { padding: 5% 5%; width: 90%; }

	.job-title h3 { font-size: 18px }

	.job-title p span { font-size: 12px; margin-right: 15px; }

	.job-list-cont { padding-left: 0; width: 100%; margin: 15px 0; }

	.job-btn-box { text-align: center; }

	.all-box-cont { line-height: 27px; font-size: 14px; padding: 35px 12%; }



	/*联系我们*/

	.contact-info img { object-fit: cover; object-position: -20rem 0; height: 28rem; width: 100%; }

	.c-n-cont ul li { display: inline-block; margin: 0 3px; }

	.c-n-cont.curHc-n-cont ul li a { padding:4px 8px; height: 30px; line-height:30px; background:#fff; font-size:14px; border-bottom:2px solid #fff; }

	.contact-title { margin-top: 18%; }

	.contact-hq ul li { width: 48%; overflow: hidden }

	.contact-hq ul li span { height: 60px; display: block; font-size: 12px }

	.contact-list { margin-top: 0; }

	.contact-list dl dd p { width: 100%; }

	.contact-list dl dt { font-size: 18px }

	.cont-title { margin-top: 10% }

	.links { margin-bottom: 60px; }

	.links li { width: 25%; }

	.message ul { width: 100%; }

	.message ul li { margin: 0px 0px 20px 0px; }

	.message ul { margin-top: 0px; }

	.send_buttom { width: 100%; }

	.contact-hq ul li p { margin-bottom: 10px; }



	/* footer */

	.footer-title { margin: 40px 0 30px; }

	.f-n-list { width: 100%; }
	.f-n-list:nth-child(2) { width:100%;}
	.f-n-list:nth-child(2) dd p{width: 100%; float: left;}
	.f-n-list dl { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #212121; }

	.f-n-list dt { margin-bottom: 5px; cursor: pointer }

	.f-n-list dt a { display: block; padding: 5px 0; }

	.f-n-list dt p { display: block; }

	.f-n-list dd { font-size: 0; display: none; }

	.f-n-list dd a { display: inline-block; width: 50%; font-size: 12px; }

	.footer-copy >div { width: 100%; margin-bottom: 10px; }

}



/*窄屏 768分辨率（大于768px，小于960px）*/

@media screen and (min-width:768px) and (max-width:960px) {

	.row { margin: 0px 5%; width: 90%; }

}

.m-n-c-info a { width: 100%; }



/*ipad 480分辨率（大于480px，小于768px）*/

@media screen and (min-width:480px) and (max-width:768px) {

	.row { margin: 0px 5%; width: 90%; }
.video-wrap{ width: 100%; }
	.h-banner img { object-position: -13rem 0; }

	.h-banner-text { margin-top: 5%; }

	.h-banner-text { top: 5%; }

	.h-f-cont ul li { width: 25%; }

	.news-list h4 { height: 45px; overflow: hidden; }

}



/*手机端 480分辨率以下（小于480px）*/

@media only screen and (max-width:480px) {

	.row { margin: 0px 5%; width: 90%; }


.popup {

    width: 90%;

}
.popup-cont{ margin: 6% 5% ;   }

.message ul li {

    margin: 0px 0px 10px 0px;

}
.meg_textarea1{ height: 100px; }

.meg_input1 {

    line-height: 40px;

    height: 40px;

}
.message-btn {
    margin-top: 0;font-size: 16px;

}




		.video-wrap{ width: 100%; }


	.h-banner img { object-position: -20rem 0 }

	.page-banner img { object-position: -17rem 0; }



	.homenewsimg{width: 58%; height:auto;}

	.h-n-l-cont{width: 88%;}

.h-prod-list ul li {





    border-left: 1px solid #ebebeb;

    border-top: 1px solid #ebebeb;

    background: #fff;

    margin-left: -1px;

    margin-top: -1px;

}



.h-prod-list ul li a{

    background: red;    display: block;

    float: left;

    height: 100%;

    width: 100%;

    background: #fff;



}



.h-prod-pic {

    border-left: 0px solid #ebebeb;

    float: left;

    border-bottom: 0px solid #ebebeb;

    overflow: hidden;

        width: 92%;

    margin: 20px 4%;

}



.h-p-t{    position:static;



     float: left;      width: 84%;

    margin: 0 8% 25px;

    padding-top: 15px;

    border-top: 1px solid #ebebeb;}



	.h-f-cont ul li { width: 50%; }

	.news-list h4 { height: 45px; overflow: hidden; }

	.news-l-pic img { object-fit: cover; width: 100%; object-position: 20% 0; height: 85px; }

.prod-down a.qq-zixun{ display: none; }
}