@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;
}
cite, em, strong, i{font-weight: bold}
.page-banner { }
.page-banner img{max-width: 100%;display: block;}
 
.main-body .container{position: relative;}
.slogo,.mslogo { width: 220px;height: 154px;background:#029835 url(../images/qinshang.png) no-repeat center 80%;line-height: 100px;text-align: center;color: #fff;font-size: 21px;position: absolute;top: -60px;left: 0;z-index: 10}
.mslogo{
    background:#029835 url(../images/qinshang.png) no-repeat center 93%;line-height: 33px; word-break: break-word;
}
.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.qsjjkt{background: #fbfbfd;padding: 25px;box-sizing:border-box;}
.left-menu ul li { background: url(../images/dot.png) repeat-x left bottom;}
.left-menu ul li a { display: block;padding: 20px 0;color: #333;padding-left: 45px;font-size: 14px;position: relative;font-family: "siyuan medium";}
.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:hover>a,.left-menu ul li.current>a { color: #029835;}
.left-menu ul li:hover>a i,.left-menu ul li.current>a i{ border-color: transparent #029835 #029835 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;}

/*产品列表*/
.product_list .pro_item{display: flex;margin-bottom: 50px;}
.product_list .pro_item .img{margin-right: 50px;width: 200px;height: 185px;overflow: hidden}
.product_list .pro_item .info {flex:1}
.product_list .pro_item .info .title{font-size: 16px;border-bottom:1px solid #FF0000;line-height: 2;margin-bottom: 5px;}
.product_list .pro_item .info .title a:hover{color: #029835;}
.product_list .pro_item .info .more{float: right;}
.product_list .pro_item .info .more a:hover{color:#029835;}
.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{display: flex;width: 100%;justify-content:space-between;}
#prevnext .right a:hover{color:#029835;}
#pages{padding:10px;height:36px;text-align:center}
#pages a{width:36px;height:36px;background-color:#fff;display:inline-block;border:1px solid #029835; 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: #029835;}
#pages span{margin-right:5px}
#pages a i{font-size:24px;top:2px;position:relative}
#pages span{background-color:#029835;width:36px;height:36px;display:inline-block;color:#fff;line-height:36px;text-align:center;font-family:Arial;border:1px solid #029835;margin-right:5px}
#pages .page_prev,#pages .page_next{background: #029835;color:#fff;padding: 0 10px;}

.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: #029835;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: #029835;color: #fff;}
.news_list dl:hover h1 { color: #029835;}
.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: #029835;}
#choice .mid a ,#choice2 .mid a { padding: 10px 50px;color: #fff;background:#029835;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 p{text-align: center !important;}
.case_detail img{max-width: 650px;}
@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%}
}