@font-face {font-family: "mfyahei";
  src: url('../fonts/mfyahei.eot?t=1585274984409'); /* IE9 */
  src: url('../fonts/mfyahei.eot?t=1585274984409#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/mfyahei.woff?t=1585274984409') format('woff'),
  url('../fonts/mfyahei.ttf?t=1585274984409') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/mfyahei.svg?t=1585274984409#iconfont') format('svg'); /* iOS 4.1- */
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 16px;
}
cite, em, strong, i{font-weight: bold}
 .menu .icon .span1, .menu .icon .span2{top: 3px;}
.page-banner { max-height:500px;overflow: hidden}
.page-banner img{max-width: 100%;display: block;}
.screen{position: relative;z-index: 2;}
.main-body .container{position: relative;}
.slogo,.mslogo { width: 220px;height: 120px;background:#545454 url(../images/qinshang.png) no-repeat center 80%;line-height: 100px;text-align: center;color: #fff;font-size: 24px;position: absolute;top: -60px;left: 0;z-index: 8}
.content { padding-top: 80px;width: 100%;}
.left-menu { width: 220px;float: left;}
.right-content { width: 76%;float: right;}
.right-content.qsjj{background: #fbfbfd;padding: 25px;box-sizing:border-box;}
.right-content.qsjj p{font-size: 15px;line-height: 2;}
.right-content.qsjjkt{background: #fbfbfd;padding: 25px;box-sizing:border-box;}
.right-content.qsjj img{max-width: 100%;margin-bottom: 20px;}
.left-menu ul li { background: url(../images/dot.png) repeat-x left bottom;}
.left-menu ul li a { display: block;padding: 10px 0;color: #333;padding-left: 45px;font-size: 16px;position: relative;font-family: "Arial";}
.left-menu ul li .child_menu {margin-top: 0;}
.left-menu ul li .child_menu li a{padding:0 0 5px 0px;padding-left: 45px;}
.left-menu ul li a i { display: inline-block;border: 4px solid #aaa;border-color: transparent #aaa #aaa transparent;-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg);position: absolute;top: 50%;left: 20px;margin-top: -5px;}
.left-menu ul li a:hover,.left-menu ul li.current>a { color: red;}
.left-menu ul li a:hover i,.left-menu ul li.current>a i{ border-color: transparent red red transparent;}
.left-menu .dropmenu { display: none;}
.left-menu .dropmenu a { padding: 5px 0;padding-left: 45px;font-size: 14px;}
.left-menu .dropmenu a:hover {opacity: .8;}
.left-menu .dropmenu a.current { color: #193c7f;}
.left-menu .dropmenu a:first-child { background: url(../images/dot.png) repeat-x left top;padding-top: 10px;}
.left-menu .dropmenu a:last-child { padding-bottom: 10px;}
.left-menu ul li.cli a i { -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);margin-top: -8px;}


.left-menu ul li.cli .dropmenu { display: block;}
.main-body{margin-bottom: 100px;}

.pic_list{ margin: 0 auto 0; width: 100%;display: flex;flex-wrap:wrap;}
.pic_list .item{ position: relative; width: 32%; z-index: 0;margin-bottom: 20px;margin-right: 2%;}
.pic_list .item.last{margin-right: 0;}
.pic_list .item img{width: 292px;height: 300px;}
.pic_list .item a{ display: block; width: 100%; overflow: hidden;}
.pic_list .item .item_title{ padding: 10px 0 0 0; width: 100%;  line-height: 1.5; font-size: 14px; color: #333;  -webkit-box-sizing: border-box; box-sizing: border-box;text-align: center;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.pic_list .item a.item_title:before{ background-color: #000;}
.pic_list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.case_list .item img{width: 100%;height: auto}
.case_list .item{width: 32%;margin-right: 2%;}
.case_list .item a span{color:#267AC0;}
.detail_title{text-align: center;font-weight: bold;font-size: 18px;margin-bottom: 30px;}
.clearfix { zoom: 1; }

#page{padding:10px;height:36px;text-align:center}
#page a{width:36px;height:36px;background-color:#fff;display:inline-block;border:1px solid red; color:#000;line-height:36px;text-align:center;font-family:Arial;margin-right:5px;transition:background-color .2s ease-out}
#page a:hover{color:#fff;background: red;}
#page span{margin-right:5px}
#page a i{font-size:24px;top:2px;position:relative}
#page span{background-color:red;width:36px;height:36px;display:inline-block;color:#fff;line-height:36px;text-align:center;font-family:Arial;border:1px solid red;margin-right:5px}
#page .page_prev,#page .page_next{background: red;color:#fff;padding: 0 10px;}

/*产品列表*/
.qscp ul li { float: left;width: 32%;background: #f2f2f2;padding-bottom: 30px;margin-bottom: 20px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.qscp ul li a { display: block;}
.qscp ul li + li { margin-left: 2%;}
.qscp ul li:nth-child(3n+1) { margin-left: 0;}
.qscp ul li .img { overflow: hidden;height: 284px;background: #fff;display: flex;align-items:center;justify-content:center;background: #fff;}
.qscp ul li .img img { -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s; max-height: 284px;}
.qscp ul li h1 { font-size: 14px;font-family: "siyuan medium";color: #000;padding: 0 10px;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;margin-top: 10px;}
.qscp ul li span { font-size: 12px;font-family: "siyuan medium";color: #666;border: 1px solid #666;border-radius: 20px;padding: 2px 8px;display: inline-block;margin-left: 10px;}
.qscp ul li span i { width: 12px;height: 10px;background: url(../images/t1.png) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: -2px;}
.qscp ul li:hover span { color: #193c7f;border-color: #193c7f;}
.qscp ul li:hover img { -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);}
.qscp ul li:hover span i { background: url(../images/t2.png) no-repeat;background-size: contain;}
.qscp ul li:hover { box-shadow: 0 0 5px rgba(0,0,0,.4);}
.swiper-container-pictureurls{width: 500px;margin: 0 auto;height: 450px;position: relative;}
.swiper-container-pictureurls img{width: 100%;}
.swiper-container-pictureurls video{width: 100%;max-height:450px;}
.detail_content{margin-top: 100px;}
#prevnext{margin-top: 50px;}
#prevnext .right a:hover{color:red;}
#pages{padding:10px;height:36px;text-align:center}
#pages a{width:36px;height:36px;background-color:#fff;display:inline-block;border:1px solid red; color:#000;line-height:36px;text-align:center;font-family:Arial;margin-right:5px;transition:background-color .2s ease-out}
#pages a:hover{color:#fff;background: red;}
#pages span{margin-right:5px}
#pages a i{font-size:24px;top:2px;position:relative}
#pages span{background-color:red;width:36px;height:36px;display:inline-block;color:#fff;line-height:36px;text-align:center;font-family:Arial;border:1px solid red;margin-right:5px}
#pages .page_prev,#pages .page_next{background: red;color:#fff;padding: 0 10px;}
.backbtn{margin-bottom: 20px;}
.video_list{display: flex;flex-wrap:wrap;width: 100%;margin-top: 45px;}
.video_list li{margin-right: 31px;position: relative;cursor: pointer;width: 23%;margin-bottom: 31px;}
.video_list li.last{margin-right: 0;}
.video_list li .v_title{ width: 100%;text-align: center;color:#000; }
.video_list li.last{margin-right: 0;}
.video_list li img{max-width: 100%;}
.news_list{margin-bottom:50px;}
.news_list dl { position: relative;box-sizing: border-box;cursor: pointer;margin-bottom: 0;line-height: 22px;padding: 30px 20px; background: url(../images/dot3.png) repeat-x left bottom;padding-left: 160px;}

.news_list dl:hover i { color: #03c5a9;}
.news_list dl dt { background: #fafafa;width: 120px;text-align: center;color: #fff;position: absolute;left: 20px;top: 50%;border: 1px solid #ddd;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.news_list dl dt .top { font-size: 16px;border-bottom: 1px solid #ddd;margin-bottom: 5px;padding: 20px 0;color: #666;font-weight: normal;}
.news_list dl dt .bot { font-size: 32px;color: red;padding: 10px 0;}
.news_list dl:hover .top { border-bottom-color: transparent;}
.news_list dl dd span { font-size: 14px;color: #434343;}
.news_list dl dd h1 { font-size: 16px;color: #333;margin-top: 5px;margin-bottom: 10px;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;font-weight: 500;}
.news_list dl dd p { color: #666;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 26px;font-size: 14px;}
.news_list dl dd span { color: #bbb;}
.news_list dl i{ position: absolute;width: 60px;background: url(../images/relation04.png) no-repeat center top;background-size: 25px 25px ;right: 0;top: 50%;margin-top: -30px;padding-top: 30px;font-style: normal;text-align: center;color: #434343;-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}

.news_list dl:hover { background: #f8f8f8;}
.news_list dl:hover .top { background: red;color: #fff;}
.news_list dl:hover h1 { color: red;}
.left{float: left;}
.qsdtxq,.qsgcxq { padding:0 25px;background: #fbfbfd;}
.qsdtxq h1,.qsgcxq h1 { text-align: center;font-size: 20px;color: #000;margin-bottom: 20px;}
.qsdtxq h2,.qsgcxq h2 { font-size: 14px;color: #999;text-align: center;margin-bottom: 20px;}
.qsdtxq h2 span,.qsgcxq h2 span { display: inline-block;}
.qsdtxq h2 span + span,.qsgcxq h2 span + span { margin-left: 20px;}
.qsdtxq .contents ,.qsgcxq .contents{ padding-top: 30px;border-top: 1px solid #e5e5e5;background: url(../images/dot4.jpg) repeat-x left bottom;padding-bottom: 30px;}
.qsdtxq .contents p ,.qsgcxq .contents p{ margin: 20px 0;line-height: 26px;text-align: justify;}
.qsdtxq .contents img,.qsgcxq .contents img { width: 100%;margin: 10px 0;}
.qsdtxq .contents table {margin:0 auto;}
.qsdtxq .contents table td{border: 1px solid #000;}
#choice,#choice2 { overflow: hidden;padding: 30px 0;background: url(../images/dot4.jpg) repeat-x left bottom;}
#choice .left,#choice2 .left { width: 33.33%;}
#choice .mid,#choice2 .mid  { float: left;width: 33.33%;}
#choice .left a ,#choice .right a ,#choice .left span ,#choice .right span ,#choice2 .left a ,#choice2 .right a {display: inline-block;vertical-align: bottom;font-size: 14px;}
#choice .mid ,#choice2 .mid { text-align: center;font-size: 14px;}
#choice .right,#choice2 .right { text-align: right;font-size: 14px;}
#choice .left a ,#choice .right a,#choice2 .left a ,#choice2 .right a { color: #474747;font-size: 14px;width: 208px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
#choice .left a:hover,#choice .right a:hover,#choice2 .left a:hover,#choice2 .right a:hover { color: red;}
#choice .mid a ,#choice2 .mid a { padding: 10px 50px;color: #fff;background:red;line-height: 22px;}
#choice .mid a span,#choice2 .mid a span { width: 16px;height: 16px;background: url(../images/squrae.png) no-repeat;display: inline-block;margin-right: 10px;vertical-align: middle;margin-top: -2px;}
.qsjjkt{width: 100%;}
.qsdtxq, .qsgcxq{padding: 25px;}
#map{height: 550px;width: 100%;}
.case_detail{margin-bottom: 50px;}
.case_detail p{text-align: left !important;text-indent: 24px;}
.case_detail img{max-width:100%;margin: 0 auto;display: block;}
#top .search-pro .icon-close{top:-5px;position: relative;}
.page_download_list {margin-top: 50px;}
.page_download_list .part { position: relative;width: 100%;margin-bottom: 42px;border-bottom: 1px dashed #ccc;padding-bottom: 10px;}
.page_download_list .part img{max-width: 100%;}
.page_download_list .part .down a{color:red;font-size: 14px;}
.page_download_list .part.last{margin-right: 0;}

.page_case_list{margin-top: 40px;}
.page_case_list .part { position: relative;overflow: hidden;width: 23.6%;margin-right: 22px;margin-bottom: 22px;}
.page_case_list .part.last{margin-right: 0;}
.page_case_list .part a { display: block;}
.page_case_list .part:hover .text { bottom: 0;}
.page_case_list .part:hover img { -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.page_case_list .part img { width: 100%;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.page_case_list .part .text { background: #193c7f;width: 100%;position: absolute;bottom: -100%;left: 0;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.page_case_list .part .text p { color: #fff;font-size: 16px;padding: 10px 5px;margin-bottom: 0;width: 75%;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.page_case_list .part .text i { width: 18px;height: 14px;background: url(../images/arrow.png) no-repeat;background-size: contain;position: absolute;right: 20px;top: 50%;margin-top: -7px;}
.product-detail{padding: 60px 0;}
.productdetail-right{margin-left: 30px;}
.swiper-container-productlist{display: none}
.swiper-container-productlist{width: 400px;height:420px;margin: 0;border: 1px solid #eee;}
.swiper-container-productlist .swiper-slide img{width: 100%;}
.swiper-container-productlist .swiper-pagination-bullet-active{background: #191919;}
.swiper-container-productlist .swiper-pagination-bullet{background: #4c4c4c !important;}
.swiper-container-productlist .pro-prev{background:url(../images/a02.png) no-repeat -124px -33px;width: 55px;height: 55px;}
.swiper-container-productlist .pro-next{background:url(../images/a02.png) no-repeat -182px -33px;width: 55px;height: 55px;}
.productdetail-right h1{font-size: 26px;font-weight: bold;margin-bottom: 30px;color:#000;}

.productdetail-right h4{font-size: 18px;margin-bottom: 10px;font-weight: bold;color:#000;}
.product-desc{margin-top: 40px;}
.product-desc img{max-width: 100%;}
.productdetail-right .param{color:#000;font-size: 15px;line-height: 2.2;}
.productdetail-right .param p{font-size: 16px !important;}
.productdetail-right .param table{width: 100% !important;text-align: center}
.productdetail-right .param table td{width: auto !important;padding: 10px;border: 1px solid #eee;}
.product-desc h4{font-size: 18px;position: relative;padding-left: 20px;border-bottom: 1px solid #000;padding-bottom: 20px;margin-bottom: 20px;}
.product-desc h4:after{content: '';width: 5px;height: 20px;position: absolute;left:5px;top:0;background: #000;}
.product-detail .bigimg{width: 40%;display: flex;align-items:center;justify-content:center;}
.product-detail .bigimg img{max-width: 100%;}


.contact-cont .contact-head .item:first-child {
    margin-left: 0;
}
.contact-cont .contact-head .item {
    width: 360px;
    height: 341px;
    box-sizing: border-box;
    margin: 0 12px;
    padding: 70px 20px;
    display: inline-block;
    background: #fff;
    text-align: center;
    float: left;
}

.contact-cont .contact-head .item .img {
    width: 61px;
    height: 61px;
    margin: auto;
}
.contact-cont .contact-head .item img{max-width: 100%;}
.contact-cont .contact-head .item h3 {
    font-size: 23px;
    font-weight: bold;
    margin: 11px 0 26px;
}
.contact-cont .contact-head .item p {
    font-size: 16px;
    text-align: left;
    line-height: 1.5em;
    font-weight: 400;
}
.text-center{
  text-align: center !important;
}
.contact-cont .contact-head .item .hover {
    display: none;
    color: #FF4B00;
}
.contact-cont .contact-head .item .hover .img {
   background: url(../images/circle.png) center no-repeat;
    position: relative;
}
.contact-cont .contact-head .item .img {
    width: 61px;
    height: 61px;
    margin: auto;
}
.contact-cont .contact-head .item .hover {
    display: none;
    color: #FF4B00;
}
.contact-cont .contact-head .item .hover .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.contact-cont .contact-head .item2 img{margin-top: -70px;}

.contact-cont .contact-head .item:hover {
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
}

.contact-cont .contact-head .item:hover p,.contact-cont .contact-head .item:hover h3{
  color:#FF4B00;
}
.contact-cont .contact-head .item:hover .normal{display: none;}
.contact-cont .contact-head .item:hover .hover{display: block;}


.map{padding: 20px;background: #fff;margin-top: 20px;}
.map iframe{width: 100%;height: 550px;}

li.error{border:0 !important;background: none !important;box-shadow:none !important;margin: 0 !important;padding: 0 !important;width: 100% !important;text-align: center;color:red;font-size: 18px;margin-top: 10% !important;}
@media (max-width: 1440px) {
 
  .contact-cont .contact-head .item{width: 350px;margin: 0 8px}
  .slogo,.mslogo{top:-13px;}
  .content{padding-top: 115px;}
  .right-content.qsjj{margin-top: -70px;}
}

@media (max-width: 768px){
  .mslogo{display: none;}
  .left-menu{display: none;}
  .content{padding-top: 0px;}
  .container{padding: 10px}
  .right-content{width: 100%;padding: 10px !important;}
  .right-content p{margin-left: 0 !important}
  .main-body{margin-bottom: 20px;}
  
  .case_list{display: flex;justify-content:space-between;}
  .case_list .item{width: 48%;margin-right: 0;}
  .case_list .item img{height: 140px}
  #prevnext{flex-wrap:wrap;}
  #prevnext .left{width: 100%;}
  #prevnext .right{width: 100%;margin-top: 15px;}

  #pages a{width: 30px;height: 30px;line-height: 30px;}
  #pages span{width: 30px;height: 30px;line-height: 30px;}
  #pages .page_prev, #pages .page_next{padding: 0 5px;}

  .video_list{margin-top: 0;justify-content:space-between;}
  .video_list li{width: 48%;margin-right: 0;}

  .product_list .pro_item{flex-direction:column;}
  .product_list .pro_item .img{margin-right: 0;margin-bottom: 15px;width: 100%;}
  .right-content{box-sizing:border-box;}
  .swiper-container-pictureurls{width: 100%;height: 350px}
  #choice .left, #choice2 .left,#choice .mid, #choice2 .mid{width: 100%;float:none;}
  #choice .left a, #choice .right a, #choice2 .left a, #choice2 .right a{width: 80%;}
  #choice .mid, #choice2 .mid{margin: 20px 0;text-align: left;}
  #choice .right, #choice2 .right{width: 100%;float:none;text-align: left;}

  .news_list dl dt{width: 80px;left:0;}
  .news_list dl dt .top{font-size: 14px;}
  .news_list dl dt .bot{font-size: 20px;}
  .news_list dl{padding-left: 100px;}
  .case_detail img{height: auto;}
  .case_detail img{max-width: 100%}
  .detail_content{margin-top: 20px;}
  .detail_content img{max-width: 100%;}
  .right-content.qsjj img{max-width: 100%}
  .footer{padding-left: 20px;}
  .right-content.qsjj{margin-top: 0;}
  .page-banner img{height:200px}
  .qscp ul li{width: 100%;float: none;padding-bottom: 20px;}
  .qscp ul li .img{width: 100%;background: #f2f2f2;padding: 10px 0;}
  .qscp ul li .img img{max-height: 100%;height: 100%;width: auto;}
  .qscp ul li + li{margin-left: 0;}
  .product-detail{padding-top: 20px;}
  .product-detail .bigimg{width: 100%;}
  .productdetail-right .param {overflow-x: scroll;max-width: 100%;}
 
  .productdetail-right{margin-left: 0;width: 100%;margin-top: 20px;}
  .productdetail-right .param table td{white-space: nowrap;}
  .page_case_list .part .text{bottom: 0;}
  .page_case_list{align-items:center;width: 100%;justify-content:center;}
  .page_case_list .part{width: 90%;margin-right: 0;}
  .page_case_list .part .text p{width: 100%;}
  .contact-cont .contact-head .item{width: 100%;float:none;margin: 0 0 20px 0}
  .contact-cont .contact-head .item img{max-width: 89%}
  .contact-cont .contact-head .item h3{font-size: 22px;}
}