/* 
* @Author: anchen
* @Date:   2018-04-20 10:53:39
* @Last Modified by:   anchen
* @Last Modified time: 2012-03-08 14:50:21
*/
p{margin: 0;padding: 0}
@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- */
}
h1,h2,h3,h4{margin-bottom: 0;}
.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }
* { margin: 0;padding: 0;}
body { color: #333;font-family: "微软雅黑";}
.en body{font-family: "Arial" !important;}
a,a:visited,a:hover,a:focus { text-decoration: none;}
ul,ol { list-style: none;margin-bottom: 0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #999; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #999; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #999; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #999; 
} 
/* IE 6/7 */
.clearfix { zoom: 1; }
.mm-page{height: 100%;}
.left { float: left;}
.right { float: right;}
 
.layout { width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.5);display: none;z-index: 14;}

.topbar  { height: 50px;background: #eee;}
.topbar .left { height: 50px;line-height: 50px;}
.topbar .left i { width: 22px;height: 50px;background: url(../images/tel.png) no-repeat center center;background-size: contain;display: inline-block;vertical-align: middle;margin-right: 10px;}
.topbar .right a { height: 50px;line-height: 50px;color: #333;}
.topbar .right span {  height: 48px;line-height: 50px;display: inline-block;margin: 0 20px;font-size: 16px;color: #666;}
.topbar .right a:hover { color: #193c7f;}


.navbar-opacity {top:0;left:0;width: 100%;position: relative;z-index: 1000;background: rgba(255,255,255);padding: 20px 0;}
.navbar-opacity .container{max-width: 82%;margin: 0 auto;}
.logo{width: 320px;margin-bottom: 0;}
.logo img{max-width: 100%;}
.navbar-def{width: 60%;}
.navbar-def li{height: 100%;}
.navbar-def li a.menu_a{color:#000;position: relative; display: block;width: 100%;height: 100%;display: flex;align-items: center;}
.navbar-def li a.menu_a:hover{color:#193c7f;}
.navbar-def li a.menu_a:after{content: "";position: absolute;bottom: 0;height: 5px;background: #193c7f;left:50%;width: 100%;width: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);}
.navbar-def li a.menu_a:hover:after{width: 100%;}
.navbar-def li.active a.menu_a{color:#193c7f;}
.navbar-def li.active a.menu_a:after{width: 100%;color:#193c7f;}

.sub-menu{min-width: 100%; position: absolute;left:50%;top:82px;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
  -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;
  height: 0;
  overflow: hidden;
}
.sub-menu .sub-menu-container{border-top: 1px solid #eee;border-bottom: 1px solid #eee;background: #efefef !important;}
.sub-menu .container{height: 100%;}
.sub-menu-ul{width: 100%;}
.sub-menu-ul li a{color:#333;display: block;text-align: center;font-weight: bold;}
.sub-menu-ul li a:hover{color:#193c7f;}
.sub-menu-ul li a .dot{width: 100px;height: 100px;display: block;border-radius: 50%;margin-bottom: 10px;}
.sub-menu-ul li a .dot{display: flex;align-items:center;justify-content: center;}
.sub-menu-ul li a .dot i{color:#fff;font-size:40px;font-weight: normal;}
.sub-menu-ul li:nth-child(1) a .dot{background: #d90000;}
.sub-menu-ul li:nth-child(2) a .dot{background: #11cc7f;}
.sub-menu-ul li:nth-child(3) a .dot{background: #238cf7;}
.sub-menu-ul li:nth-child(4) a .dot{background: #25c2f7;}
.sub-menu-ul li:nth-child(5) a .dot{background: #95bd34;}
.sub-menu-ul li:nth-child(6) a .dot{background: #edad00;}
.sub-menu-ul li .image{width: 180px;display: block;border: 1px solid #eee;padding: 2px;margin-bottom: 10px;}
.sub-menu-ul li .image img{width: 100%;}
.sub-menu-ul li span{font-size: 14px;}
.navbar-def li:hover .sub-menu{height: 200px;}

.dropdown-menu { border: none;box-shadow: none;background: #f6f6f6;padding: 20px 12px;padding-right: 20px;}
.dropdown-menu > li > a { padding: 12px;border-bottom: 1px solid #ededed;margin-bottom: 10px;display: block;}
.dropdown-menu > li > a:hover { color: #193c7f;}

.hamburger { position: absolute;right: 15px;top: 50%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.hamburger .line{
  width: 40px;
  height: 5px;
  background: #333;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger.is-active .line:nth-child(2){
  opacity: 0;
}

.hamburger.is-active .line:nth-child(1){
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

.hamburger.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}


.searico { width: 33px;height: 33px;background: url(../images/search2.png) no-repeat;background-size: contain;display: inline-block; position: absolute;right: 15px;top: 50%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);display: none;}
.searchbox {width: 100%; border-top: 3px solid #e9e9e9;padding: 10px 0;position: absolute;top: 100%;background: #fff;left: 0;box-sizing: border-box;display: none;}
.searchbox input[type="text"]{ padding: 10px 15px;width: 80%;border: none;}
.searchbox input[type="submit"]{ width: 22px;height: 21px;background: url(../images/search.png) no-repeat;background-size: contain;position: absolute;right: 15px;top: 50%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);border: none;}





.mb-menu { width: 100%;position: absolute;top: 100%;right: 120%;border-top: 3px solid #e9e9e9;background: #fff;z-index: 15;}
.mb-menu ul li>a { position: relative;}
.mb-menu ul li a:focus { background: none;}
.mb-menu ul li { position: relative;}
.mb-menu ul li>a i { width: 14px;height: 25px;background: url(../images/gr.png) no-repeat;background-size: contain;position: absolute;top: 50%;right: 15px;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%); }

.mb-menu ul li.cli>a i { -webkit-transform: translateY(-50%) rotate(90deg);
   -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
     -o-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);}

.mb-menu ul li .dropmenu { width: 100%;margin: 0;display: none;padding-left: 15px;}

.mb-menu ul li .dropmenu a { padding: 6px 0;display: block;border-bottom: 1px solid #e9e9e9;color: #666;}
.mb-menu ul li>a span { width: 22px;height: 22px;background: url(../images/tel.png) no-repeat;background-size: contain;display: inline-block;margin-right: 10px;vertical-align: middle;}
.mb-menu ul li div { padding: 15px 0;padding-left: 15px;border-bottom: 1px solid #e9e9e9;}
.mb-menu ul li div a { color: #333;font-size: 16px;}
.mb-menu ul li div span { margin: 0 15px;display: inline-block;font-size: 16px;}
.mb-menu ul li .dropmenu .droptype { display: none;}
.mb-menu ul li .dropmenu li>a i { width: 7px;height:12px;}
.mb-menu ul li .dropmenu li.cli> a{ color: #193c7f;}
.mb-menu ul li .dropmenu li.cli> a i{background: url(../images/mbf22.png) no-repeat;background-size: contain;width: 12px;height: 7px;-webkit-transform: rotate(0);
   -moz-transform: rotate(0);
    -ms-transform: rotate(0);
     -o-transform: rotate(0);
        transform: rotate(0); }
.mb-menu ul li .dropmenu .droptype a:last-child{ border-bottom: none;}
.mb-menu ul li .dropmenu .droptype a { font-size: 14px;}


.idxb {overflow: hidden;position: relative;width: 100%;}
.idxb .swiper-slide {}
.idxb .swiper-slide .container { position: relative;height: 100%;}
.idxb .swiper-slide .container>a { display: block;}
.idxb .swiper-slide .text { color: #fff;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);width: 100%;}
.idxb .swiper-slide .text h2 { font-size: 32px;font-weight: 100;text-align: center;text-shadow: 0 1px 10px rgba(0,0,0,.4);}
.idxb .swiper-slide .text h1 { font-size: 38px;font-weight: 500;position: relative;text-align: center;text-shadow: 0 1px 10px rgba(0,0,0,.4);}
.idxb .swiper-slide .text a { width: 140px;background: #c31111;padding: 15px 0;padding-left: 15px;display: inline-block;color: #fff;position: relative;}
.idxb .swiper-slide .text a i { width: 13px;height: 13px;background:url(../images/sprits.png) no-repeat -154px 0;position: absolute;top: 50%;margin-top: -6px;right: 20px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.idxb .swiper-slide .text a:hover i { right: 10px;}
.idxb .swiper-button-next,.idxb .swiper-button-prev { width: 25px;height: 46px;background: url(../images/sprits.png) no-repeat;}
.idxb .swiper-button-prev { background-position: -30px 0;left: 20px;}
.idxb .swiper-button-next { background-position: -65px 0;right: 20px;}
.idxb.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px;}
.idxb .swiper-pagination { bottom: 30px;}



.idxb .swiper-pagination-bullet { opacity: 1;background: #fff;position: relative; }
.idxb .swiper-pagination-bullet:before { content: '';width: 0;height: 0;border-radius: 50%;background: #193c7f;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);-webkit-transition: all .25s;
           -moz-transition: all .25s;
            -ms-transition: all .25s;
             -o-transition: all .25s;
                transition: all .25s;}
.idxb .swiper-pagination-bullet:after { content: '';width: 0;height: 0;border-radius: 50%;border: 2px solid transparent;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);-webkit-transition: all .25s;
           -moz-transition: all .25s;
            -ms-transition: all .25s;
             -o-transition: all .25s;
                transition: all .25s;}
.idxb .swiper-pagination-bullet-active.swiper-pagination-bullet:before { width: 12px;height: 12px;}
.idxb .swiper-pagination-bullet-active.swiper-pagination-bullet:after { width: 25px;height: 25px;border-color: #193c7f;}




#idx_news { padding-top: 60px;padding-bottom: 80px;background: #efefef;}
#idx_news .news-container{width: 80%;margin: 0 auto;}
#idx_news .news-tab{;margin-top: 40px;width: 100%;}
#idx_news .news-tab .hd {margin-bottom: 50px;}
#idx_news .news-tab .hd ul{text-align: center;width: 100%;}
#idx_news .news-tab .hd ul li{width:144px;height:42px;line-height:42px;text-align:center;border-radius:4px;border:solid 1px #e8e8e8;display: inline-block;*display: inline;*zoom:1; font-size:16px;color:#333;background:#fff;margin:0 5px;cursor:pointer}
#idx_news .news-tab .hd ul li.on{background:#175bc0;border:solid 1px #175bc0;color:#fff}
#idx_news .news-tab .bd .news-slide-swiper{width:30%;}
#idx_news .news-tab .bd .right{flex:1;}
#idx_news .news-tab .swiper-slide a:hover .text .tit{color:#175bc0}
#idx_news .news-tab .swiper-slide a:hover .pic img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1)}
#idx_news .news-tab .swiper-slide .pic{height:268px;overflow:hidden;display: flex;align-items:center;background: #fff;}
#idx_news .news-tab .swiper-slide .pic img{width:100%;display:block;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
#idx_news .news-tab .swiper-slide .text{padding:26px 30px;box-sizing:border-box;background:#fff;margin-top:1px}
#idx_news .news-tab .swiper-slide .text .tit{height:22px;line-height:22px;font-size:18px;color:#2c2c2c;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
#idx_news .news-tab .swiper-slide .text .txt{height:52px;line-height:26px;font-size:16px;color:#666;margin-top:16px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
#idx_news .news-tab .swiper-slide .text .date{height:20px;line-height:20px;font-family:Arial;color:#999;font-size:16px;margin-top:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}
#idx_news .news-tab .swiper-pagination{bottom:26px;text-align:right;padding:0 32px;box-sizing:border-box}
#idx_news .news-tab .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:#c7c7c7;opacity:1;margin:0 5px}
#idx_news .news-tab .swiper-pagination .swiper-pagination-bullet-active{background:#175bc0}
#idx_news .news-tab .right{padding-left: 20px;}
#idx_news .news-tab .right ul{width: 100%;}
/*#idx_news .news-tab .right ul:after{content:"";height:0;display:block;clear:both}*/
#idx_news .news-tab .right ul li{margin:0 0 10px 0;width: 49.5%;}
#idx_news .news-tab .right ul li a{display:block;padding:28px 26px;box-sizing:border-box;background:#fff;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
#idx_news .news-tab .right ul li a:hover{box-shadow:3px 3px 10px 1px #cbcbcb}
#idx_news .news-tab .right ul li a:hover .tit{color:#175bc0}
#idx_news .news-tab .right ul li .tit{height:20px;line-height:20px;font-size:18px;color:#2c2c2c;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}
#idx_news .news-tab .right ul li .txt{height:78px;line-height:26px;font-size:16px;color:#666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;margin:22px 0}
#idx_news .news-tab .right ul li .date{height:20px;font-size:16px;color:#999;font-family:Arial;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}


#idx_news a.more{padding: 5px 20px;border: 1px solid #193c7f;color:#193c7f;display: inline-block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
#idx_news a.more:hover{background: #193c7f;color: #fff;}
#idx_news .more-btn{margin-top: 40px;}

.columnTitle{text-align:center}
.columnTitle .tit {font-weight: bold;}
.columnTitle .tit,.columnTitle .txt{color:#fff;position: relative;}

.columnTitle .tit{line-height:40px;font-size:36px;color:#333}
.columnTitle .txt{line-height:20px;font-size:16px;color:#666;margin-top:16px}
.columnTitle .tit.pro-title:after{content:"PRODUCT CENTER";position: absolute;left:50%;top:2px;color:#efeeee;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index: -1;font-family: "mfyahei";letter-spacing: 10px;}
 
.columnTitle .tit.case-title,.columnTitle .tit.hengchennews-title{z-index: 3}
.columnTitle .tit.case-title span:after{content:"ENGINEERING CASE";position: absolute;left:50%;top:2px;color:#dcdcdc;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index: -1;font-family: "mfyahei";letter-spacing: 10px;}
.columnTitle .tit.hengchennews-title span:after{content:"NEWS CENTER";position: absolute;left:50%;top:2px;color:#dcdcdc;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index: -1;font-family: "mfyahei";letter-spacing: 10px;}
/*产品分类*/
#idx_pro{padding: 60px 0;padding-top: 58px;}
#idx_pro .pro-cate-tab{margin-top: 40px;}
#idx_pro .pro-cate-tab .hd{margin-bottom: 20px;}
#idx_pro .pro-cate-tab .hd ul{border-top: 2px solid #ccc;}
#idx_pro .pro-cate-tab .hd ul li{padding: 10px 0;font-size: 16px;cursor:pointer;border-top: 2px solid #ccc;margin-top: -2px;}
#idx_pro .pro-cate-tab .hd ul li a{color:#000;}
#idx_pro .pro-cate-tab .hd ul li:hover{border-top-color:#193c7f;color:#193c7f;}
#idx_pro .pro-cate-tab .hd ul li.on{border-top:#193c7f solid 2px;color: #193c7f;}
#idx_pro .pro-cate-tab .hd ul li.on{border-top:#193c7f solid 2px;color: #193c7f;}
#idx_pro .pro-cate-tab .item-content ul li {border: 1px solid #ccc;width: 29%;margin-right: 20px;}
#idx_pro .pro-cate-tab .item-content ul li .detail{background: #eee;padding: 0 20px;}
#idx_pro .pro-cate-tab .item-content ul li .detail h2{font-size: 16px;padding-top: 10px;padding-bottom: 10px;text-align: center;}
#idx_pro .pro-cate-tab .item-content ul li .detail .param{font-size: 14px;color: #666;}
#idx_pro .pro-cate-tab .item-content {position: relative;width: 79.5%;margin: 0 auto}
#idx_pro .pro-cate-tab .item-content .pic img{width: 100%;}
#idx_pro .pro-cate-tab .item-content .tempWrap{margin: 0 auto}

#idx_pro .pro-cate-tab .item-content .sPrev{position: absolute;width: 27px;height:44px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");z-index: 99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
#idx_pro .pro-cate-tab .item-content .sNext{position: absolute;width: 27px;height:44px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");z-index: 99;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:20px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
 

#idx_case {background: #eee;padding:60px 0;}
#idx_case .container{position: relative;margin-top: 40px;}
#idx_case .case_swiper { margin-top: 40px;padding-bottom: 60px;position: relative;overflow: hidden;}
#idx_case .swiper-slide .part+.part { margin-top: 20px;}
#idx_case .case-container{width: 80%;margin: 0 auto;position: relative;}

#idx_case .swiper-slide .part { position: relative;width: 100%;overflow: hidden;}
#idx_case .swiper-slide .part a { display: block;}
#idx_case .swiper-slide .part:hover .text { bottom: 0;}
#idx_case .swiper-slide .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);}
#idx_case .swiper-slide .part img { width: 100%;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#idx_case .swiper-slide .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;}
#idx_case .swiper-slide .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;}
#idx_case .swiper-slide .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;}

#idx_case .swiper-button-prev,#idx_case .swiper-button-next { top: 52%;}
 
#idx_case .swiper-pagination { bottom: 0;}
#idx_case .bp2 {left:-40px;}
#idx_case .bn2 {right:-40px;}

#idx_case .swiper-pagination .swiper-pagination-bullet { width: 14px;height: 14px;background: #999;opacity: 1;}
#idx_case .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #193c7f;opacity: 1;}



 
#idx_sur { background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;text-align: center;}
#idx_sur .lay { width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.6);}
#idx_sur .text { width: 80%;position: relative;z-index: 2;padding-bottom: 100px;margin: 0 auto;}
#idx_sur h1 { font-size: 28px;color:#fff;text-align: center;padding-top: 80px;padding-bottom: 40px;position: relative;}
#idx_sur h1:after { content: '';width: 38px;height: 1px;background: #c5c5c5;position: absolute;bottom: 10px;left: 50%;margin-left: -19px;}
#idx_sur p { font-size: 16px;color:#c5c5ca;text-align: center;line-height: 26px;}
#idx_sur a { display: inline-block;}

.i_f_bg{ background:url(../images/1545d62rj8.png) no-repeat center; height:250px;display: flex;align-items:center;text-align:center;position: relative;}
.i_f_warp{ width:25%; float:left; text-align:center;position: relative;z-index: 2}
.i_f_warp div{ font-family:Arial, Helvetica, sans-serif; font-size:40px; color:#fff;}
.i_f_warp p{ font-family:"微软雅黑"; font-size:18px; color:#fff;}
.i_f_bg .lay { width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.6);}

 #idx_banner2_mobile{overflow: hidden;}
.footer{width:100%;background:url(../images/footer_bg.png) no-repeat center center;padding-top:46px}
.footer .linkbox{float: left;background: url(../images/linkbox_line2.gif) no-repeat right 0;}
.footer .linkbox .list{width:100px;float:left}
.footer .linkbox .list a{transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.footer .linkbox .list .tit{line-height:20px;font-size:18px;color:#fff;padding-bottom:22px;}
.footer .linkbox .list .tit a{font-size:12px;color:#fff;position: relative;}
.footer .linkbox .list .tit a:hover{color:#fff}
.footer .linkbox .list .tit a:after{content:"";width: 30px;height:3px;background: #fff;position: absolute;left:0;bottom:-10px;}
.footer .linkbox .list ul{margin-top:0}
.footer .linkbox .list ul li{line-height:26px;font-size:12px;color:#797979}
.footer .linkbox .list ul li a{font-size:12px;color:#fff}
.en .footer .linkbox .list ul li a{font-size:12px;color:#fff}
.footer .linkbox .list ul li a:hover{color:#fff;text-decoration: underline;}
.footer .contact{float:right}
.footer .contact .qrcode{width:100px;float:left;text-align:center;margin-right: 15px;}
.footer .contact .qrcode .pic{overflow:hidden;margin-bottom: 10px;}
.footer .contact .qrcode .pic img{width:100%;display:block}
.footer .contact .qrcode .txt{line-height:20px;font-size:14px;color:#fff;margin-top:12px}
.footer .contact .text{float:left;width:340px;margin-left:22px}
.footer .contact .text .tit{line-height:20px;font-size:18px;color:#cecece;margin-bottom:26px}
.footer .contact .text p{padding-left:29px;box-sizing:border-box;background:no-repeat 0 4px;line-height:27px;font-size:12px;color:#fff;margin-bottom:10px}
.footer .contact .text p a{font-size:15px;color:#fff;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.footer .contact .text p a:hover{color:#fff}
.footer .copyright{line-height:20px;font-size:15px;color:#fff;padding:18px 0 16px 0;border-top: 1px solid #fff;margin-top:60px;text-align: center;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.footer .copyright a{font-size:12px;color:#fff;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.footer .copyright a:hover{color:#fff;text-decoration: underline;}
.footer .contact .qrcode .txt{font-size: 12px;}
.footer .copyright{font-size: 12px;}
.page-banner { height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.main-body { padding-bottom: 80px;}
.main-body .container { position: relative;}

/*简介*/
.slogo,.mslogo { width: 220px;height: 120px;background: #193c7f 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: 10}
.content { padding-top: 80px;}
.left-menu { width: 220px;float: left;}
.right-content { width: 76%;float: right;}
.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: #15499a;}
.left-menu ul li:hover>a i,.left-menu ul li.current>a i{ border-color: transparent #15499a #15499a transparent;}


.climenu ul li.cli>a { color: #193c7f;}
.climenu ul li.cli>a i {border-color: transparent #193c7f #193c7f transparent;}





.qsjj { padding: 20px ;background: #fbfbfd;min-height: 500px;}
.qsjj h1 { font-size: 24px;color: #333;margin-bottom: 10px;}
.qsjj p { font-size: 16px;color: #333;line-height: 26px;margin: 20px 0;text-align: justify;}

.qsjj > img { width: 100%;display: inline-block;}

.qsjj ul { overflow: hidden;text-align: center;margin: 40px 0;}

.qsjj ul li { width: 21%;float: left;}
.qsjj ul li+li { margin-left: 5%;}
.qsjj ul li p { font-size: 14px;margin-top: 0;text-align: center;}
.qsjj ul li .img { height: 60px;}



/*发展历程*/
.qsfz {position: relative;padding-top: 50px;}
.qsfz .year { font-size: 82px;font-family: Arail;font-weight: bold;color: #f7f7f7;position: absolute;top: -80px;left: -15px;}
.qsfz .contents { padding-left: 35px;background: url(../images/dot2.png) repeat-y;}
.qsfz .text { min-height: 54px;border-bottom: 1px solid #e0e0e0;position: relative;margin-bottom: 30px;}
.qsfz .text p { font-size: 16px;color: #757575;}
.qsfz .text span {width: 30px;height: 30px;background: #999;border-radius: 50%; position: absolute;top: 0;left: -50px;line-height: 30px;text-align: center;color: #fff;}
.qsfz .text:hover span { background: #193c7f;}
.qsfz .text:hover p { color: #555;}

.qsry ul { margin: 40px 0;}
.qsry ul li{ width: 32%;float: left;margin-bottom: 20px;}
.qsry ul li+li { margin-left: 2%;}
.qsry ul li:nth-child(3n+1) { margin-left: 0;}
.qsry ul li .img { padding: 20px;background: #fafafc;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.qsry ul li .img:hover { box-shadow: 0 0 10px rgba(0,0,0,.2);}
.qsry ul li .img img { width: 100%;display: block;}
.qsry ul li p { text-align: center;height: 50px;width: 95%;margin: 0 auto;margin-top: 25px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 26px;}
.qsry ul li:hover p { color: #193c7f;}

#page{
    text-align: center;
    height: 40px;
    width: 520px;margin: 0 auto;
    margin-top: 50px;
}
#page a,#page span{ height: 33px;line-height: 33px;display: inline-block;padding: 0 12px;border-collapse: collapse;border: 1px solid #ccc;vertical-align: top;color: #666;font-size: 14px;}
#page span,#page a:hover{ background: #193c7f;color: #fff;border-color:#193c7f;}
 

/*about*/
#idx_intro{}
#idx_intro .bg{background: url(../images/introductionl_bg.jpg) no-repeat center center fixed;height: 314px;padding-top: 60px;}
#idx_intro .bg .columnTitle{text-align: center;font-size: 36px;line-height: 40px;color:#fff;}
#idx_intro .bg .columnTitle .tit{color:#fff;}
#idx_intro .bg .columnTitle .txt{font-size: 16px;line-height: 20px;color:#fff;}
#idx_intro .content {position: relative;margin-top: -135px;z-index: 2;background: #fff;padding-top: 0;}
#idx_intro .content .text {width: 50%;padding: 40px;box-sizing: border-box;}
#idx_intro .content .text .tit{line-height:34px;font-size:30px;font-weight:700;color:#333}
#idx_intro .content .text .line{width:33px;height:2px;background:#d2d2d2;margin:28px 0 16px 0}
#idx_intro .content .text .txt{line-height:27px;font-size:14px;color:#595959}
#idx_intro .content .video{width:50%;overflow:hidden;padding: 10px 10px 0 0}
#idx_intro .content .video video{width: 100%;}
#idx_intro .cert_swiper .pic img{max-width: 100%;}
#idx_intro .intro-container{position: relative;}
#idx_intro .cert-btn-prev{top:516px;left:-50px;}
#idx_intro .cert-btn-next{top:516px;right:-50px;}
#idx_intro .certtext{margin-top: 40px;background: #efefef;padding: 33px 0;background: url(../images/cert_bg.jpg) no-repeat center center;}
#idx_intro .icon-zizhi{width: 30%;}

#idx_intro .certtext ul li {line-height: 2;color:#fff;}
#idx_intro .icon-zizhi i{font-size: 80px;color:#ccc;}
.qsdt ,.qsztb{ border-top: 1px solid #d7d7d7;}
.qsdt .box { padding: 20px 10px;background: url(../images/dot3.png) repeat-x left bottom;}
.qsdt .box a { display: block;}
.qsdt .box:hover { background: #f8f8f8;}
.qsdt .box:hover h1 { color: #193c7f;}
.qsdt .box: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);}
.qsdt .left { width: 30%;overflow: hidden;}
.qsdt .right { width: 65%;}
.qsdt .left img { width: 100%;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.qsdt .right h1 { font-size: 18px;color: #666;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;font-family: "siyuan medium";}
.qsdt .right span { color: #999;font-size: 14px;display: block;margin-bottom: 10px;}
.qsdt .right p { font-size: 14px;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;}




.qsdtxq,.qsgcxq { padding: 25px;background: #fbfbfd;}
.qsdtxq h1,.qsgcxq h1 { text-align: center;font-size: 20px;color: #193c7f;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;}


#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: #193c7f;}
#choice .mid a ,#choice2 .mid a { padding: 10px 50px;color: #fff;background:#193c7f;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;}

.qsztb { padding-top: 40px;}
.qsztb 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;}

.qsztb dl:hover i { color: #03c5a9;}
.qsztb 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%);}
.qsztb dl dt .top { font-size: 16px;border-bottom: 1px solid #ddd;margin-bottom: 5px;padding: 20px 0;color: #666;font-weight: normal;}
.qsztb dl dt .bot { font-size: 32px;color: #193c7f;padding: 10px 0;}
.qsztb dl:hover .top { border-bottom-color: transparent;}
.qsztb dl dd span { font-size: 14px;color: #434343;}
.qsztb 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;}
.qsztb 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;}
.qsztb dl dd span { color: #bbb;}
.qsztb 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;}

.qsztb dl:hover { background: #f8f8f8;}
.qsztb dl:hover .top { background: #193c7f;color: #fff;}
.qsztb dl:hover h1 { color: #193c7f;}


.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;}


.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;}
.qscp ul li .img img { -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;width: 100%;}
.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);}

.qscpxq .proinfo { background: #f7fbf9;}
.qscpxq .proinfo .left { width: 55%;padding-left: 15px;padding-top: 60px;}
.qscpxq .proinfo .right { width: 365px;background: #edf5f1;position: relative;}
.qscpxq .proinfo .left h1 { font-size: 20px;font-family: "siyuan medium";position: relative;color: #193c7f;}
.qscpxq .proinfo .left h1:before { content: '';width: 20px;height: 4px;background: #193c7f;position: absolute;left: 0;top: -15px;}

.qscpxq .proinfo .left h2 { font-size: 18px;color: #000;margin-top: 50px;margin-bottom: 20px;font-family: "siyuan medium";}
.qscpxq .proinfo .left p { font-size: 16px;color: #666;line-height: 26px;font-family: "siyuan regular";text-align: justify;}
.qscpxq .proinfo-slider { overflow: hidden;position: relative;padding-bottom: 25px;}
.qscpxq .proinfo-slider .swiper-slide { background: #edf5f1;}
.qscpxq .proinfo-slider .swiper-slide img { width: 100%;}
.qscpxq .swiper-pagination { bottom: 15px;width: 100%;}
.qscpxq  .swiper-pagination-bullet { width: 35px;height: 3px;background: #666;border-radius: 0;opacity: 1;margin: 0 5px;}
.qscpxq  .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #193c7f;}

.qscpxq .special { margin: 20px 0;}
.qscpxq .special .left,.qscpxq .special .right { width: 48%;background: #f7fbf9;padding: 20px;height: 220px;}
.qscpxq .special h3 { font-size: 16px;font-family: "siyuan medium";color: #000;margin-top: 0;margin-bottom: 25px;}
.qscpxq .special .left p { position: relative;font-size: 14px;font-family: "siyuan medium";color: #666;padding-left: 10px;}

.qscpxq .special .left p:before { content: '';width: 5px;height: 5px;background: #193c7f;border-radius: 50%;position: absolute;left: 0;top: 7px;}
.qscpxq .special .right ul li { float: left;width: 25%;text-align: center;}
.qscpxq .special .right ul li i { width: 52px;height: 52px;background-size: contain;display: inline-block;}
.qscpxq .special .right ul li:nth-child(1) i { background: url(../images/s1.png) no-repeat;}
.qscpxq .special .right ul li:nth-child(2) i { background: url(../images/s2.png) no-repeat;}
.qscpxq .special .right ul li:nth-child(3) i { background: url(../images/s3.png) no-repeat;}
.qscpxq .special .right ul li:nth-child(4) i { background: url(../images/s4.png) no-repeat;}
.qscpxq .special .right ul li p { margin-top: 15px;}
.qscpxq .table table { width: 100%;text-align: center;border-top: 1px solid #f1f1f1;}

.qscpxq .table table th { text-align: center; padding: 20px 0;background: #f7fbf9;}
.qscpxq .table table td { text-align: center; padding: 20px 0;border-bottom: 1px solid #f1f1f1;}
.qscpxq h4 { font-size: 20px;font-family: "siyuan medium";color: #000;margin-top: 40px;margin-bottom: 20px;}

.qscpxq .light .left,.qscpxq .light .right { width: 48%;padding: 15px;border: 1px solid #f1f1f1;text-align: center;}
.qscpxq .light ul li img { max-width: 100%;display: inline-block;}
.qscpxq .light ul { overflow: hidden;}
.qscpxq .light ul li { width: 45%;float: left;margin-right: 2%;text-align: center;}



.qsgc ul li { position: relative;}
.qsgc ul li .left { width: 50%;}
.qsgc ul li .right { width: 48%;}
.qsgc ul li .right .square { position: absolute;bottom: 0;left: 52%;width: 100%;}
.qsgc ul li { margin-bottom: 30px;overflow: hidden;}
.qsgc ul li img { width: 100%;}
.qsgc ul li:hover h1 { color: #193c7f;}
.qsgc ul li:hover h1 i { background: url(../images/more4.png) no-repeat;background-size: contain;}
.qsgc ul li:hover p { color: #666;}
.qsgc ul li h1 { font-size: 18px;color: #333;}
.qsgc ul li h1 span { width: 80%;display: inline-block;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;}
.qsgc ul li p { font-size: 14px;color: #999;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 26px;}
.qsgc ul li h1 i { display: inline-block;width: 14px;height: 14px;background: url(../images/more3.png) no-repeat;background-size: contain;margin-right: 30px;margin-bottom: 3px;}
.qsgc ul li .square { margin-top: 30px;width: 100%;}
.qsgc ul li .box { background: #f5f5f5;float: left;margin-right: 5px;height: 105px;width: 70px;display: table;}
.qsgc ul li .box:nth-child(3) { width: 30%;margin-right: 0;}
.qsgc ul li .box:hover  {background: #cccc33;color: #fff;}
.qsgc ul li .box:hover span { color: #fff;}
.qsgc ul li .box .tc { text-align: center;width: 95%;display: table-cell;vertical-align: middle;padding: 0 5px;}
.qsgc ul li .box span {text-align: center;display: block;}

.qsgc ul li .box .top { padding-top: 20px;color: #666;font-size: 12px;font-family: "siyuan medium";margin-bottom: 5px;}
.qsgc ul li .box .bottom { padding-bottom: 20px;font-size: 14px;color: #333;font-family: "siyuan medium";line-height: 18px;}

#choice2 .left a, #choice .right a { color: #666;}
#choice2 a i { width: 25px;height: 25px;display: inline-block;vertical-align: middle;}
#choice2 .left a i { background: url(../images/left01.png) no-repeat;background-size: contain;margin-right: 10px;}
#choice2 .left a:hover i {background: url(../images/left02.png) no-repeat;background-size: contain; }
#choice2 .right a i { background: url(../images/right01.png) no-repeat;background-size: contain;margin-left: 10px; }
#choice2 .right a:hover i { background: url(../images/right02.png) no-repeat;background-size: contain; }


.qsgcxq .item span { display: inline-block;position: relative;margin-right: 20px;padding-left: 10px;margin-bottom: 10px;color: #666;}
.qsgcxq .item span:before { content: '';width: 5px;height: 5px;background: #193c7f;border-radius: 50%;position: absolute;left: 0;top: 7px;}
.qsgcxq .contents p { color: #666;}





/*服务*/
.qsfw { padding: 25px ;background: #fbfbfd;padding-bottom: 60px;padding-right: 175px;}
.qsfw ul li { position: relative;padding-left: 85px;margin-bottom: 15px;}
.qsfw ul li span { position: absolute;left: 0;top: 2px;font-size: 16px;color: #193c7f;}
.qsfw ul li p { font-size: 16px;color: #333;line-height: 26px;}

.qszc ,.qsrc{background: #fbfbfd;padding: 25px ; }
.qszc p { color: #666;}
.qszc h1,.qsrc h1 { font-size: 24px;color: #333;padding-bottom: 20px;border-bottom: 1px solid #d7d7d7;}
.qszc h1 span,.qsrc h1 span { position: relative;}
.qszc h1 span:before ,.qsrc h1 span:before { content: '';width: 100%;height: 1px;background: #193c7f;position: absolute;bottom: -19px;left: 0;}
.qszc h2 { font-size: 16px;color: #666;padding-left: 25px;position: relative;line-height: 26px;}
.qszc h2 span { position: absolute;left: 0;top: 0;}
.col_green, h2.col_green, span.col_green { color: #193c7f;}
.qszc ul ,.qszc ol{ margin-left: 0;overflow: hidden;padding-top: 40px;padding-bottom: 40px;}
.qszc ul li { padding-left: 0;/*float: left;*/position: relative;margin-bottom: 20px;/*margin-right: 10%;*/}
.qszc ul li img{position: relative;top:-3px;margin-right: 3px;}

.qszc ol li { float: left;width: 32%;} 
.qszc ol li+li {margin-left: 2%;}
.qszc ol li h3{ width: 100%;padding: 20px 0;background: #193c7f;color: #fff;font-size: 28px;text-align: center;margin-bottom: 0;}
.qszc ol li p { padding: 25px 30px;background: #fff;border: 1px solid #e1e1e1;text-align: center;line-height: 26px;color: #666;}
.qszc .box { margin-left: 20px;text-align: center;}
.qszc .box .left { width: 55%;margin-top: 20px;text-align: left;}
.qszc .box .right { /*width: 38%;*/position: relative;}
.qszc .box .right img { max-width: 100%;}
.qszc .box .left p { position: relative;padding-left: 15px;}
.qszc .box .left p:before { content: '';width: 5px;height: 5px;background: #c9c9c9;border-radius: 50%;position: absolute;left: 0;top: 7px;}

.qszc .box .right .ps {position: absolute;color: #fff;}
.qszc .box .right .one { right: 3%;top: 10px;}
.qszc .box .right .two { right: 25%;bottom: 10px;}
.qszc .box .right .three { left: 26%;top: 10px;}
.qszc .box .right .four { left: 3%;top: 82px;}
.qszc .box .right h4 { font-size: 36px;font-weight: bold;margin-bottom: 0;text-align: center;}
.qszc .box .right h4 span { font-size: 14px;}
.qszc .box .right p{ color: #fff;}
.qszc .box .right .three h4 { font-size: 44px;}

.qszc .item { margin-left: 20px;margin-bottom: 20px;}
.qszc .item h5 { font-size: 14px;background: #193c7f;padding: 10px 15px;display: inline-block;color: #fff;margin-bottom: 0;}
.qszc .item p { padding: 10px 15px;color: #666;border: 1px solid #d7d7d7;font-size: 14px;}

.qszc .table { overflow-x: auto;margin-top: 30px;}
.qszc table  { border-collapse: collapse;min-width: 830px;overflow-x: auto;}
.qszc table th {padding: 25px;background: #f1f1f1;text-align: center;}
.qszc table tr td:first-child { text-align: left;}
.qszc table tr th:first-child { text-align: left;}
.qszc table td { padding:  25px ;border-bottom: 1px solid #d7d7d7;text-align: center;-ms-word-break: break-all;
word-break: break-all;}

.qszc table td a { width: 16px;height: 18px;background: url(../images/dl.png) no-repeat;background-size: contain;display: inline-block;}
.qszc table tr:hover td a{ background: url(../images/dl2.png) no-repeat;background-size: contain;}
.qszc table tr:hover td:first-child { color: #193c7f;}



.qszc .contactus ul {float: left;width: 50%;}
.qszc .contactus ul li { }

.qszc .contactus ul li:nth-child(1) i { width: 28px;height: 28px;background: url(../images/c1.png) no-repeat;background-size: contain;top: -2px;}
.qszc .contactus ul li:nth-child(2) i {width: 27px;height: 25px;background: url(../images/c2.png) no-repeat;background-size: contain;top: -2px;}
.qszc .contactus ul li:nth-child(3) i { width: 26px;height: 24px;background: url(../images/c3.png) no-repeat;background-size: contain;top: -2px;}
.qszc .contactus ul li:nth-child(4) i {width: 19px;height: 27px;background: url(../images/c4.png) no-repeat;background-size: contain;top: -2px;}



#map1 { width: 100%;height: 320px;}
.anchorBL { display: none;}


.qsrc h1 span i { width: 30px;height: 30px;background: url(../images/p7.png) no-repeat;background-size: contain;display: inline-block;margin-right: 10px;margin-bottom: -2px;}

.qsrc p { color: #333;line-height: 26px;}
.qsrc ul { margin-top: 30px;}

.qsrc ul li { float: left;text-align: center;width: 16.5%;padding: 20px 0;}
.qsrc ul li i { display: inline-block;height: 39px;margin-bottom: 10px;}
.qsrc ul li:nth-child(1) i { width: 41px;background: url(../images/p1.png) no-repeat;}
.qsrc ul li:nth-child(2) i { width: 48px;background: url(../images/p2.png) no-repeat;}
.qsrc ul li:nth-child(3) i { width: 39px;background: url(../images/p3.png) no-repeat;}
.qsrc ul li:nth-child(4) i { width: 37px;background: url(../images/p4.png) no-repeat;}
.qsrc ul li:nth-child(5) i { width: 38px;background: url(../images/p5.png) no-repeat;}
.qsrc ul li:nth-child(6) i { width: 34px;background: url(../images/p6.png) no-repeat;}
.qsrc ul li:nth-child(1) { border: 1px solid #e7e7e7;background: #fff;border-right: none;}
.qsrc ul li:nth-child(2) { border: 1px solid #e7e7e7;background: #f9f9f9;border-right: none;}
.qsrc ul li:nth-child(3) {  border: 1px solid #e7e7e7;background: #f3f3f3;border-right: none;}
.qsrc ul li:nth-child(4) {background: #e7e7e7;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
.qsrc ul li:nth-child(5) {background: #e1e1e1;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.qsrc ul li:nth-child(6) {background: #193c7f;border-top: 1px solid #193c7f;border-bottom: 1px solid #193c7f;}
.qsrc ul li:nth-child(6) p{color: #fff;}




.qsrczp .title ,.qsrczp .box .dt{ background: #f0f0f0;padding: 20px 10px;margin-top: 30px;color: #333;padding-bottom: 10px;}
.qsrczp .title  { padding-bottom: 20px;}
.qsrczp .box .dt ul li span { width: 22px;height: 22px;background: url(../images/dl03.png) no-repeat;background-size: contain;display: inline-block;margin-left: 15px;}
.qsrczp .title ul li,.qsrczp .box .dt ul li  { float: left;color: #333;font-size: 14px;padding: 0 10px;}

.qsrczp .box .dt { background: none;margin-top: 0;cursor: pointer;border-bottom: 1px solid #e1e1e1;}
.qsrczp .box .dt ul li { color: #434343;}
.qsrczp .box .dt:hover li { color: #193c7f;}
.qsrczp .box .dt:hover ul li span,.qsrczp .box.cli .dt ul li span { background: url(../images/dl033.png) no-repeat;background-size: contain;}
/*.qsrczp .box .dt ul li span { display: inline-block;float: right;width: 26px;height: 26px;background: url(../images/up2.png) no-repeat;background-size: contain;vertical-align: middle;}*/
.qsrczp .box.cli .dt ul li span {background: url(../images/dl04.png) no-repeat;background-size: contain;}
.qsrczp .box.cli .dt ul li { color:#193c7f;}
.qsrczp .box .dd { padding-left: 20px;display: none;padding-bottom: 30px;border-top: none;background: #fbfbfd;}

.qsrczp .box ol li { list-style-type: decimal;margin-left: 20px;margin-bottom: 5px;}

.qsrczp .box.show .dd { display: block;}

.qsrczp ul li { width: 15%;}
.qsrczp ul li:nth-child(1) { width: 40%;}
.qsrczp .box h3{ font-size: 14px;font-weight: bold;color: #193c7f;padding-top: 30px;margin-bottom: 20px;margin-top: 0;}
.qsrczp .dd h4 { font-size: 14px;margin-top: 20px;}
.qsrczp .dd h4 span { font-size: 14px;color: #193c7f;}

.qsrczp .bigbox { overflow-x: auto;overflow-y: hidden;}
.qsrczp .box ,.qsrczp .title{ min-width: 830px;}




/*投资者热线*/
.qsHotline ul li{margin-bottom: 10px;
                padding: 20px 30px;
                background: #eee;
                width: 100%;
}
.qsHotline ul li:hover{background: #f9f9f9;}
.qsHotline ul li strong{float: left;}
.qsHotline ul li p{font-size: 14px;margin:0;float: left;width: 67%;}
.qsHotline ul li img{margin-right: 6px;}
/*投资者热线end*/

/*实时股票*/
.qsShares .tit{padding-bottom: 10px;
               border-bottom: 1px solid #d2d2d2;
               margin-bottom: 20px;

}
.qsShares .tit .lcon{float: left;
                      text-align: center;
}
.qsShares .tit .lcon h1{font-size: 36px;
                        font-weight: bold;

}
.qsShares .tit .lcon p{font-size: 24px;}
.qsShares .tit .rcon{float: right;
                    text-align: right;
}
.qsShares .tit .rcon h1{font-size: 36px;
                        font-weight: bold;
                        
                            position: relative;
    padding-right: 28px;
    margin-bottom: 24px;

}

.qsShares .tit .rcon h1 i {
    display: inline-block;
   
 position: absolute;
    right: 0;
    top: 6px;
}


.qsShares .tit .rcon h4{font-size: 20px;
                       
                       

}
.qsShares .tit .rcon span{margin-left: 40px;
                         display: inline-block;

}

.qsShares .tit .rise h1{color: #ff0036;

}
.qsShares .tit .rise h4{color: #ff0036;

}
.qsShares .tit .fall{display: none;}
.qsShares .tit .fall h1{color: #193c7f;

}
.qsShares .tit .fall h4{color: #193c7f;
  
}
.qsShares .tit .rise i{ border: 9px solid #ff0036;
    border-color: transparent   transparent #ff0036 transparent;

}
.qsShares .tit .fall i{border: 9px solid #193c7f;
    border-color: #193c7f transparent   transparent  transparent ;
    top: 16px !important;

}
.qsShares .tit .rcon p{font-size: 12px;


}


.qsShares .tit .rcon p em{font-style:normal;
                          margin-left:10px;

}

.qsShares ul li{width: 16.6%;
                float: left;
                margin-bottom: 20px;

}
.qsShares ul li h1{font-size: 20px;
                   font-weight: bold;
                   margin: 0;

}
.qsShares ul li p{font-size: 16px;
                  color: #666;
                  margin-top: 16px;
}
.qsShares ul li .pToday{color: #193c7f;}
.qsShares ul li .pToday-f{color: #ff0036;display: none;}
.qsShares ul li .pVolume{color: #ff0036;}
.qsShares ul li .pVolume-f{color: #193c7f;display: none;}


.qsShares .Chart{width: 100%;height: 400px;background: #eee;}
/*实时股票end*/

/*内页样式重写*/
.page-banner{position: relative;}
.page-banner .bg{position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 9;}
.page-banner h4{color:#fff;font-size: 50px;position: absolute;left:50%;top:50%;z-index: 10;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.cert-list h4{margin-bottom: 20px;position: relative;color:#193c7f;font-size: 18px;padding-left: 17px;font-weight: bold;}
.cert-list h4:after{content: "";width: 5px;height: 100%;position: absolute;left:0;top:0;background: #193c7f;}
.cert-list .cert-item{margin-bottom: 20px;}
.cert-list .cert-pic{float: left;margin:0 14px  14px  0;border: 1px solid #ccc;padding: 2px;width: 145px; height: 206px;overflow: hidden}
.cert-list .cert-pic.last{margin-right: 0;}
.cert-list .cert-pic {display: flex;justify-content: center;align-items: center;}
.cert-list .cert-pic img{width:100%;}

.online_message h4{margin-bottom: 30px;}
.online_message form .text{width: 90%;margin-bottom: 30px;border: 1px solid #ccc;padding: 5px;outline: none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.online_message form .text:hover{border-color:#193c7f; }
.online_message form #message{width: 90%;height:150px;outline: none;padding: 10px;}
.online_message form #message:hover{border-color:#193c7f; }
.online_message .submit{width: 90%;margin-top: 20px;border: none;padding:10px 0;background: #193c7f;color: #fff;margin-left: 40px;}
.product-detail{padding: 60px 0;}
.productdetail-right{margin-left: 100px;}
.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: 20px;font-weight: bold;margin-bottom: 10px;}
.productdetail-right .param{color:#000;font-size: 14px;line-height: 2.2;}
.product-desc{margin-top: 40px;}
.product-desc img{max-width: 100%;}
.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;}
.page_case_list{margin-top: 40px;}
.page_case_list .part { position: relative;overflow: hidden;width: 32%;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{text-align:center;background:#fff}
.page_case_list .part a{display: block;margin:0 auto;}
.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;}
.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;}
.portfolio_single .portfolio_like {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0
}

.portfolio_single .dots {
  padding: 0 7px 0 4px
}

.portfolio_single .dots i {
  font-size: 3px;
  vertical-align: middle
}

.portfolio_single .portfolio_like a {
  display: block;
  font-size: 13px;
  line-height: 13px;
  text-align: center
}

.portfolio_single .portfolio_like span {
  line-height: 19px
}


.portfolio_gallery {
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 0 0 15px 0
}

.portfolio_single .portfolio_gallery {
  margin: 0 0 3px 0
}

.portfolio_gallery a {
  position: relative;
  float: left;
  display: inline-block;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px)
}

.portfolio_gallery a.v2 {
  width: 49%;
  margin: 0 2% 2% 0
}

.portfolio_gallery a.v3 {
  width: 32%;
  margin: 0 2% 2% 0
}

.portfolio_gallery a.v4 {
  width: 23.5%;
  margin: 0 2% 2% 0
}

.portfolio_gallery a.v2:nth-child(2n),.portfolio_gallery a.v3:nth-child(3n),.portfolio_gallery a.v4:nth-child(4n) {
  margin: 0 0 2% 0
}

.portfolio_gallery a img,.portfolio_gallery a frame {
  position: relative;
  display: block;
  width: 100%;
  z-index: 100
}

.portfolio_gallery iframe {
  min-height: 200px
}

.portfolio_gallery a .gallery_text_holder {
  background-color: #000;
  background-color: rgba(0,0,0,0.50);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  z-index: 200;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  -o-transition: opacity .4s;
  -ms-transition: opacity .4s
}

.portfolio_gallery a img {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.portfolio_gallery a:hover .gallery_text_holder {
  opacity: 1;
  filter: alpha(opacity=100)
}

.portfolio_gallery a .gallery_text_inner {
  display: table;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%
}

.portfolio_gallery a .gallery_text_inner h6 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 15px;
  color: #fff
}
.showcase-container{padding:  60px 0;}
.two_columns_75_25>.column1 {
    width: 75%;
    float: left;
}
.two_columns_75_25>.column1>.column_inner {
    padding: 0 20px 0 0;
}
.portfolio_single .flexslider, .portfolio_single .portfolio_single_text_holder {
    margin: 0 0 40px;
}
.portfolio_single_text_holder, .portfolio_detail, .lightbox_single_portfolio {
    position: relative;
}
.portfolio_single h3 {
    margin: 0 0 8px 0;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

.portfolio_single .video video{max-width: 100% !important;border: 1px solid #ccc;}
.two_columns_75_25>.column2 {
    width: 25%;
    float: left;
}
.title_subtitle_holder {
  display: block;
  padding: 0;
  position: relative;
}
.title .separator.small, .title .separator.small.left, .title .separator.small.right {
    margin-top: 14px;
    margin-bottom: 10px;
}
.separator.small.left {
    margin: 10px 0 20px 0;
}
 
.separator.small {
   background-color: #191919;
    height: 2px;
    position: relative;
    width: 22px;
    display: block;
    margin: 10px auto 20px auto;
}
.title_subtitle_holder h1 {
  font-size: 17px;
  font-family: 'Moulpali', sans-serif;
  line-height: 1.304347826086957em;
}
.lang a{color:#333;}
.lang a:hover{color:#193c7f;}
.lang a.on{color:#193c7f;font-weight: bold}
.lang span{font-family: "宋体";font-size: 16px;margin: 0 5px;}
.en #idx_intro .content .text .tit{font-size: 17px;}
.en #idx_intro .certtext ul li{font-size: 14px;}
.swiper-container-productlist{display: none}
.backbtn a{display: block;width: 100px;height:40px;margin-bottom: 20px;text-align: center;line-height: 40px;color:#fff;background: #0056b3;}
@media (max-width: 1200px){
  .i_f_warp {
      width: 42%;
      margin: 0 4%;
  }
  .i_f_warp div{
    font-size: 30px;
  }
  .i_f_warp p{
    font-size: 18px;
  }
  .i_f_bg{flex-wrap:wrap;}
}
.footer .keyword{color:#fff;font-size: 12px;margin-bottom: 20px;}
#idx_banner2_mobile{display: none !important}
.d-lg-none{display: none !important;}
.d-lg-block{display: block !important;}
@media (max-width: 768px){
  .page_download_list .part{padding: 10px;}
  #MagnifierWrap2{display: none;}
  .swiper-container-productlist{display: block}
  .footer .keyword{padding: 0 10px;}
	.columnTitle .txt{padding:0 20px;}
	.lang{display: none !important;}
  .d-sm-none{display: none !important;}
  .d-sm-block{display: block !important;}
  #idx_banner2_mobile{position: relative;display: block !important;}
  #idx_banner2_mobile .swiper-pagination-bullet{background: #ccc;}
  #idx_banner2_mobile .swiper-pagination-bullet-active{background: #fff;}
  #idx_banner2_mobile img{max-width: 100%;}
  .navbar-opacity .container{max-width: 100%}
  .mbwrapper { display: block;}
  .pcwrapper { display: none;}
  .logo {width: 200px;}
  .navbar-def{display: none !important;}
  #idx_pro{padding:40px 0;}
  .columnTitle .tit{font-size: 28px;}
  .columnTitle .tit.pro-title:after{width: 100%;font-size: 26px;letter-spacing: 5px;}
  .columnTitle .tit.case-title span{width: 100%;display: block;}
  .columnTitle .tit.case-title span:after,.columnTitle .tit.hengchennews-title span:after{font-size: 26px;letter-spacing: 5px;width: 100%;}
  .columnTitle .txt{font-size: 14px;margin-top: 10px;}
  #idx_pro .pro-cate-tab .item-content{width: 90%;}
  #idx_pro .pro-cate-tab .item-content ul li{width: 46%;}
  #idx_pro .pro-cate-tab .item-content ul li .detail h2{font-size: 12px;}
  #idx_pro .pro-cate-tab .item-content .sNext{width: 16px;height: 26px;}
  #idx_pro .pro-cate-tab .item-content .sPrev{width: 16px;height: 26px;left: 7px;}
  
  #idx_case{padding: 40px 0}
  #idx_case .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}
  #idx_case .bp2{left: -25px;width: 28px;height: 26px;}
  #idx_case .bn2{right: -25px;width: 28px;height: 26px;}
  #idx_case .swiper-pagination{bottom: 30px;}
  #idx_case .swiper-slide .part .text{opacity: 0.9}
  #idx_case .swiper-slide .part .text i{right: 10px;}
  #idx_case .swiper-slide .part .text p{width: 100%;font-size: 12px;}
  #idx_case .swiper-slide .part .text{bottom: 0;}
  #idx_intro .bg .columnTitle .txt{font-size:14px;}
  #idx_intro .content .text{width: 100%;padding: 20px;}
  #idx_intro .content .text .tit{font-size: 20px;}

  #idx_intro .content .text .line{margin-top: 10px;}
  #idx_intro .content{flex-wrap:wrap;}
  #idx_intro .content .video{width: 100%;padding: 20px;}
  #idx_intro .swiper-button-next,  #idx_intro .swiper-button-prev{width: 27px;height: 33px;top:780px;}
  #idx_intro .swiper-button-next {right:20px;}
  #idx_intro .swiper-button-prev {left:20px;}
  #idx_intro .certtext{padding: 20px 10px;margin-top: 40px;}
  #idx_intro .certtext .container{padding-left: 0;padding-right: 0;}
  #idx_intro .certtext ul {margin: 0 5px;}
  #idx_intro .certtext ul li{font-size: 12px;line-height: 2;}
  #idx_intro .icon-zizhi{width: 0;}

  #idx_news{padding: 40px 0;}
  #idx_news .news-container{width: 100%;padding:10px;}
  #idx_news .news-tab{margin-top: 20px;}
  #idx_news .news-tab .hd{margin-bottom: 20px;}
  #idx_news .news-tab .hd ul li{width: 100px;height: 35px;font-size: 12px;line-height: 35px;}
  #idx_news .news-tab .bd .news-slide-swiper{width: 100%;}
  #idx_news .news-tab .bd .right{padding:0;margin-top: 10px;}
  #idx_news .news-tab .swiper-slide .text{padding: 15px 20px;}
  #idx_news .news-tab .swiper-slide .text .tit{font-size: 16px;}
  #idx_news .news-tab .swiper-slide .text .txt{font-size: 12px;}
  #idx_news .news-tab .swiper-slide .text .date{font-size: 12px;}
  #idx_news .news-tab .swiper-pagination{bottom: 14px;}
  #idx_news .news-tab .swiper-slide .text .txt{margin-top: 5px;}
  #idx_news .news-tab .right ul li{width: 100%;}
  #idx_news .news-tab .right ul li .tit{font-size: 16px;}
  #idx_news .news-tab .right ul li .txt{font-size: 12px;margin-top: 5px;margin-bottom:5px;}
  #idx_news .news-tab .right ul li .date{font-size: 14px;}
  #idx_news .news-tab .right ul li a{padding: 20px;}
  .footer{padding-top: 40px;background: #175bc0;}
  .footer .container {padding-left: 0;padding-right: 0;}
  .footer .linkbox{ display: none;}
  .footer .copyright{margin-top: 20px;}
  .footer .contact{text-align: center;display: flex;flex-wrap:wrap;justify-content:center;}
  .footer .contact .text p{padding-left: 0;margin-left: 0;}
  .footer .contact .text{width: 100%;margin-left: 0;float: none;border-top: 1px solid #fff;padding-top: 20px;margin-top: 20px;}
  .footer .contact .qrcode{float: none;}
  .i_f_warp p{font-size: 14px;}
  .page-banner{height: 200px;}
  .page-banner h4{font-size: 30px;}
  
  .content{padding-top: 25px;}
  .mslogo,.left-menu ul li a i,.pcleft{ display: none;}
  .left-menu { width: 100%;padding-bottom:0;background: #fff;float: none;overflow: hidden;overflow-x: auto;margin-bottom: 20px;padding-bottom: 5px;}
  .left-menu::-webkit-scrollbar {width:5px;height:5px;}
  /* 两端按钮*/
  .left-menu::-webkit-scrollbar-button{display: none;}
  /*滚动条轨道背景颜色*/
  .left-menu::-webkit-scrollbar-track-piece{background:#f5f5f5;}
  /*滚动条样式*/
  .left-menu::-webkit-scrollbar-thumb{background:#c3c3c3;border-radius: 5px;}
  .left-menu ul {}
  .left-menu ul li a {display:block;font-size: 14px;padding: 10px 0;border-bottom: 2px solid transparent;}
  .left-menu ul li { float: left;/*background: #f5f5f5;*/margin-bottom:0;text-align: center;width: 112px;padding-left: 0;}
  .left-menu ul li.cli .dropmenu { display: none;}
  .left-menu ul li a { display: inline-block;color: #000}
  .left-menu ul li.current>a{ border-bottom: 2px solid #15499a;background: none;padding:10px; color: #15499a;}
  .right-content {
      width: 100%;
      float: none;
  }
  .main-body{padding-bottom: 40px;}
  .qsfz .year{font-size: 40px;top:-15px;left:-2px;}
  .qsfz .contents{padding-left: 48px;background: url(../images/dot2.png) repeat-y 13px 0;}
  .cert-list .cert-pic.last{margin-right: 14px;}
  .qsjj{min-height: 200px;}
  iframe{height: auto !important}
  .main-body{overflow: hidden;}
  .qscp ul li{width: 48%;margin-right: 2%;}
  .qscp ul li + li{margin-left: 0;}
  .qscp ul li h1{font-size: 12px;font-style: normal;}
  .qscp ul li span{font-size: 12px;}
  .swiper-container-productlist{width: 100%;}
  .productdetail-right{margin-left: 0;margin-top: 20px;}
  .product-desc img{max-width: 100%;}
  #page{width: 100%;}
  .qsztb dl dt{display: none;}
  .qsztb{margin-top: 20px;padding-top: 0;}
  .qsztb dl{padding-left: 0;padding-top: 20px;padding-bottom: 20px;}
  .qsztb dl dd p{font-size: 14px;color:#aaa;}
  .qsdtxq h1, .qsgcxq h1{font-size: 16px;}
  #choice .mid, #choice2 .mid{width: 100%;margin: 20px 0;}
  #choice .left, #choice2 .left{width: 100%;}
  #choice .mid a, #choice2 .mid a{float: left;}
  #choice .right, #choice2 .right{width: 100%;text-align: left;}

  .page_case_list .part{width: 45%;margin-left: 3%;margin-right: 0;}
  .page_case_list .part .text{bottom: 0;}
  .page_case_list .part .text p{font-size: 12px;}
  .showcase-container{padding: 30px 20px}
  .portfolio_gallery a.v2{margin: 0;margin-bottom: 2%;width: 100%;}
  .qszc h1, .qsrc h1{font-size: 20px;}
  .qszc .contactus ul.contactus-ul{width: 100%;}
  .qszc .contactus ul.contactus-ul li{width: 100%;font-size: 14px;}
  #map{width: 100% !important;height: 300px !important;}
  .online_message{margin-top: 50px;float: left;}
  .online_message form p{font-size: 14px;}
  .online_message form .text{margin-bottom: 10px;}
  #idx_pro .pro-cate-tab .hd ul li{font-size: 12px;}
  .qsztb dl dd h1{font-size: 12px;}
  .qsztb dl dd p{font-size: 12px;}
  .qsztb dl dd span{font-size: 12px;}
  .columnTitle .tit.pro-title:after,.columnTitle .tit.case-title span:after,.columnTitle .tit.hengchennews-title span:after{width: 100%;font-size: 24px;}
  #idx_intro .bg{background: url(../images/introductionl_bg.jpg) no-repeat center center;}
  .qscp ul li span{transform: scale(0.8);margin-left: 0;}
  .productdetail-right h1{font-size: 16px;}
  .productdetail-right .param{font-size: 12px;}
  .cert-list .cert-pic{margin: 14px 0}
  .cert-list .cert-pic.last{margin-right: 0;}
  .clearfix:before, .container:after,.clearfix::after{display: none;}
  .cert-list .cert-item{display: flex;flex-wrap:wrap;justify-content:space-between;}
}

@media (max-width: 320px){
  .columnTitle .tit{font-size: 20px;}
  .columnTitle .tit.pro-title:after,.columnTitle .tit.case-title span:after,.columnTitle .tit.hengchennews-title span:after{width: 100%;font-size: 14px;}
  .columnTitle .txt{font-size: 12px;}
  #idx_pro .pro-cate-tab .hd ul li{font-size: 12px;}
  #idx_intro .content .text .tit{font-size: 18px;}
  #idx_intro .bg .columnTitle .txt{font-size:12px;}
  #idx_news .news-tab .swiper-slide .text .txt{margin-top: 0;}
  #idx_news .news-tab .hd ul li{width: 80px;height: 35px;font-size: 12px;line-height: 35px;}
  .footer .linkbox .list{width: 25%;}
  .footer .linkbox{padding-left: 13px;}
  .qsfz .text p{font-size: 12px;}
}