@charset "utf-8";
/* 上海银象网络科技有限公司（www.seo120.com.cn）做最好的企业官方网站模版 */
/* QQ:1378789413 */
@font-face{
    font-family: 'siyuan medium';
    src : url('../fonts/SourceHanSansCN-Medium.ttf');
}
@font-face{
    font-family: 'siyuan regular';
    src : url('../fonts/SourceHanSansCN-Regular.ttf');
}
.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }
* { margin: 0;padding: 0;}
body { color: #333;font-family: "微软雅黑";}
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; }

.left { float: left;}
.right { float: right;}

body { padding-top: 160px;}
header { position: fixed;top: 0;left: 0;width: 100%;z-index: 15;}


.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;font-size: 18px;}
.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 { height: 48px;line-height: 50px;display: inline-block;margin: 0 20px;font-size: 14px;color: #666;}
.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: 14px;color: #666;}
.topbar .right a:hover { color: #e70012;}


.navbar { height: 110px;border: none;margin-bottom: 0;}
.navbar-default .navbar-brand { width: 190px;padding: 15px 0;}
.navbar-default .navbar-brand img{ max-width: 100%;}
.navbar-default { background: #fff;position: fixed;z-index: 15;width: 100%;top: 50px;left: 0;}
.navbar-brand > img { margin-top: 20px;}
.nav { margin-left: 60px;}
.nav > li > a { padding: 0 20px;height: 110px;line-height: 110px;font-size: 16px;color: #666;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li.current > a {background: #e70012;color: #fff; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background: #e70012;color: #fff;}
.navbar-default .navbar-nav > .active > .dropdown-menu { display: block;}
.navbar-default .navbar-form { border: 1px solid #cecece;padding: 0;margin-top: 36px;width: 163px;}
.navbar-form .form-group { width: 78%;}
.navbar-default .navbar-form .form-control { border: none;width: 100%;box-shadow: none;}
.navbar-default .navbar-form .btn { border: none;padding: 6px 0;}
.navbar-default .navbar-form .btn:hover { background: none;}
.navbar-default .navbar-form .btn i { width: 22px;height: 21px;background: url(../images/search.png) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;}
.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: #e70012;}

.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: #e70012;}
.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 { height: 60vh;overflow: hidden;position: relative;width: 100%;}
.idxb .swiper-wrapper{background-size: cover;background-position:center;}
.idxb .swiper-slide { background-repeat: no-repeat;background-size: cover;background-position: center bottom;}
.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: #e70012;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: #e70012;}




#idx_news { margin-top: 60px;padding-bottom: 80px;}
#idx_news .tit,#idx_case .tit { margin-bottom: 30px;}
#idx_news .content { padding-top: 0;}
#idx_news .tit h1,#idx_case .tit h1 { font-size: 24px;color: #333;}
#idx_news .tit h1 span,#idx_case .tit h1 span { font-size: 18px;color: #999;display: inline-block;margin-left: 15px;}
#idx_news .tit h1 a,#idx_case .tit h1 a { float: right;font-size: 16px;color: #333;padding-top: 8px;}
#idx_news .tit h1 a i,#idx_case  .tit h1 a i { width: 15px;height: 10px;background: url(../images/more.png) no-repeat;background-size: contain;display: inline-block;vertical-align: top;margin-top: 4px;margin-left: 5px;}
#idx_news .left { width: 45%;position: relative;overflow: hidden;}
#idx_news .left a { display: block;}
#idx_news .left: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_news .left p { position: absolute;padding-left: 5%;color: #fff;bottom: 10px;left: 5%;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 90%;}
#idx_news .left img { width: 100%;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#idx_news .right { width: 50%;}
#idx_news .right ul li { border-bottom: 1px solid #e4e4e4;}
#idx_news .right ul li:first-child { border-top: 1px solid #e4e4e4;}
#idx_news .right a { display: block;padding: 28.5px 44px;padding-right: 0;color: #333;font-size: 16px;position: relative;}
#idx_news .right a:before { content: '';width: 8px;height: 8px;background: #999;position: absolute;top: 50%;margin-top: -4px;left: 20px;border-radius: 50%;}
#idx_news .right a:hover:before { background: #e70012;}
#idx_news .right a:hover { color: #e70012;}
#idx_news .right a:hover  i{ color: #e70012;}
#idx_news .right a i { color: #999;font-style: normal;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
#idx_news .right a span { width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}





#idx_pro,#idx_case { background-position: center top;background-repeat: no-repeat;background-size: cover;padding-bottom: 50px;}
#idx_pro .container,#idx_case .container { position: relative;}
#idx_pro h1 { padding-top: 45px;padding-bottom: 30px;font-size: 24px;color: #333;text-align: center;}
#idx_pro .pro_swiper { overflow: hidden;}
#idx_pro .pro_swiper .swiper-slide { border: 1px solid #e8e8e8;text-align: center;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;position: relative;z-index: 1;}
#idx_pro .pro_swiper .swiper-slide:hover { border-color: #e70012;box-shadow: 0 0 20px rgba(0,0,0,.2);}
#idx_pro .pro_swiper .swiper-slide a { display: block;color: #666;overflow: hidden;}
#idx_pro .pro_swiper .swiper-slide img { max-width: 100%;display: inline-block;-webkit-transition: all .25s ease-in;
   -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
     -o-transition: all .25s ease-in;
        transition: all .25s ease-in;}
#idx_pro .pro_swiper .swiper-slide p { padding-top: 20px;text-align: center;position: relative;padding-bottom: 30px;font-size: 18px;margin-top: 20px;}
#idx_pro .pro_swiper .swiper-slide p:before { content: '';width: 25px;height: 1px;background: #999;position: absolute;top: 0;left: 50%;margin-left: -12px;}

#idx_pro .pro_swiper .swiper-slide span {display: block; overflow: hidden;border: 1px solid transparent;}
#idx_pro .pro_swiper .swiper-slide:hover img { -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
        transform: scale(1.2);}

#idx_pro .swiper-button-prev ,#idx_case .swiper-button-prev { top: 65%;width: 16px;height: 29px;background: url(../images/l1.png) no-repeat;background-size: contain;left: -20px;}
#idx_pro .swiper-button-next,#idx_case .swiper-button-next {top: 65%;width: 16px;height: 29px;background: url(../images/r1.png) no-repeat;background-size: contain;right: -20px;}

#idx_pro .swiper-button-prev.swiper-button-disabled,#idx_case .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/l2.png) no-repeat;background-size: contain;}
#idx_pro .swiper-button-next.swiper-button-disabled ,#idx_case .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/r2.png) no-repeat;background-size: contain;}


#idx_case { padding-top: 40px;}
#idx_case .case_swiper { overflow: hidden;padding-bottom: 60px;}
#idx_case .swiper-slide .part+.part { margin-top: 20px;}

#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: #e70012;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 .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: #e70012;opacity: 1;}




#idx_produce { background: #f5f5f5;padding-bottom: 60px;}
#idx_produce .box {  background: #fff;padding-bottom: 30px;}
#idx_produce .left { padding-top: 20px;padding-left: 30px;width: 48%;}
#idx_produce .left h3 { font-size: 16px;color: #999;}
#idx_produce .left h1 { font-size: 26px;color: #333;margin-bottom: 30px;}
#idx_produce .left p { font-size: 14px;color: #999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 26px;}
#idx_produce .left a,#idx_sur a  { padding: 10px 30px;background: #e70012;display: inline-block;color: #FFF;margin-top: 60px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#idx_produce .left a:hover,#idx_sur a:hover { background: #268556;}
#idx_produce .left a i ,#idx_sur a  i{ width: 15px;height: 10px;background: url(../images/more2.png) no-repeat;background-size: contain;display: inline-block;margin-left: 10px;}
#idx_produce .right { width: 45%;background-position: right top;background-size: contain;background-repeat: no-repeat;padding-top: 10px;padding-right: 10px;height: 100%;position: relative;border-left: 20px;}
#idx_produce .right .video { position: relative;height: 100%;right: 0;width: 100%;top: 0;}
#idx_produce .right img { width: 100%;position: absolute;width: 100%;height: 98%;z-index: 1;bottom: 0;left: 0;}
#idx_produce .right video { width: 100%;height: 100%;display: inline-block;}
#background_video {
      /*position: absolute;*/
      /*top: 50%; left: 50%;*/
      /*transform: translate(-50%, -50%);*/
      /*object-fit: contain;*/
      z-index: 4;
      height: 100%!important; width: 100%!important;
    }

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




#idx_foot { background: #363636;padding-top: 50px;}
#idx_foot .menu { float: right;}
#idx_foot .menu a { display: block;border-bottom: 1px solid #999;color: #fff;padding-bottom: 10px;margin-bottom: 20px;font-size: 18px;}
#idx_foot .menu a:hover { color: #e70012;}
#idx_foot dl { float: left;color: #fff;}
#idx_foot dl dt { font-size: 18px;font-weight: 700;margin-bottom: 20px;}
#idx_foot dl+dl { margin-left: 8.5%;}
#idx_foot dl dd { margin-bottom: 15px;}
#idx_foot dl dd a { color: #b9b9b9;font-size: 14px;}
#idx_foot dl dd a:hover { color: #e70012;}
#idx_foot>.container { position: relative;padding-bottom: 30px;overflow: hidden;}
#idx_foot .ewm { position: absolute;bottom: 0;right: 7%;color: #fff;font-size: 13px;}
#idx_foot .ewm .left { margin-right: 10px;text-align: center;}
#idx_foot .ewm .left img { display: inline-block;}
#idx_foot .ewm .left p { margin-top: 15px;color: #fff;font-size: 12px;}
#idx_foot .ewm .right p { color: #fff;font-size: 12px;}
#idx_foot .copy { border-top: 1px solid rgba(255,255,255,.3);color: #fff;padding-top: 20px;color: #235084;padding-bottom: 20px;}

#idx_foot .lawyer { padding: 5px 0;border-top: 1px solid #8f8f8f;color: #999;text-align: center;}
#idx_foot .lawyer .right { margin-top: 10px;}
#idx_foot .lawyer a { font-size: 14px;color: #999;}
#idx_foot .lawyer  span { display: inline-block;color: #999;vertical-align: top;margin-top: -2px;padding: 0 20px;}
#idx_foot .lawyer a:hover { color: #e70012;}

#idx_foot .copy { background: #eee;padding: 5px 0;color: #999;text-align: left;}
#idx_foot .copy p{ margin-bottom: 0;}
#idx_foot .copy p a { color: #999;}



.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: #e70012 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;}
.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: 18px;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: #e70012;}
.left-menu ul li:hover>a i,.left-menu ul li.current>a i{ border-color: transparent #e70012 #e70012 transparent;}


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





.qsjj { padding: 20px ;background: #fbfbfd;}
.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: #e70012;}
.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: #e70012;}

#page{
    text-align: center;
    height: 40px;
    width: 520px;margin: 0 auto;
    margin-top: 50px;
}
#page a{ 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 ol {display: inline-block;}
#page ol li{ float: left;}
#page ol a.on{ background: #e70012;color: #fff;}
#page ol a+a{border-left: none;}
#page a.prev { margin-right: -6px;}
#page a.next { margin-left: -6px;}
#page a.disabled { background: #d9d9d9;cursor: default;}




/*数字勤上*/
.qssz { padding: 20px;background: #fbfbfd;padding-bottom: 60px;}
.qssz img { width: 100%;}
.qssz h1 { font-size: 24px;color: #333;margin-bottom: 35px;}
.qssz h1 i { width: 26px;height: 24px;background: url(../images/ri.png) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 10px;}
.qssz ul { margin: 20px 0;}
.qssz ul li { float: left;width: 48%;padding-bottom: 15px;background: url(../images/dot3.png) repeat-x left bottom;margin-bottom: 30px;position: relative;padding-left: 50px;min-height: 50px;font-size: 16px;}
.qssz ul li+li { margin-left: 4%;}
.qssz ul li:nth-child(2n+1) { margin-left: 0;}

.qssz ul li span { width: 42px;height: 42px;background: url(../images/right.png) no-repeat;background-size: contain;position: absolute;top: -10px;left:0;}


.qsyx .box h1 { font-size: 20px;color: #333;}
.qsyx .box .video { position: relative;}
.qsyx .box video { width: 100%;}
.qsyx .box a, #idx_produce .right .play { width: 100%;height: 98%;background: rgba(0,0,0,.4) url(../images/play.png) no-repeat center center;background-size: 40px;position: absolute;top: 0;left: 0;z-index: 2;}
.qsyx .box img { width: 100%;height: 98%;position: absolute;top: 0;left: 0;z-index: 1;}
.qsyx .box a.cli , #idx_produce .right .play.cli{ opacity: 0;}
video::-webkit-media-controls-enclosure,#idx_produce .right video::-webkit-media-controls-enclosure {

/*禁用播放器控制栏的样式*/

  z-index: 3!important;

}
#idx_produce .right .play { top: 0;height: 97%;}


.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: #e70012;}
.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: #e70012;}
.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: 150px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#choice .left a:hover,#choice .right a:hover,#choice2 .left a:hover,#choice2 .right a:hover { color: #e70012;}
#choice .mid a ,#choice2 .mid a { padding: 10px 50px;color: #fff;background:#e70012;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: #e70012;}
.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: #e70012;}
.qsztb dl:hover .top { border-bottom-color: transparent;}
.qsztb dl dd span { font-size: 14px;color: #434343;}
.qsztb dl dd h1 { font-size: 18px;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;}
.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: #e70012;color: #fff;}
.qsztb dl:hover h1 { color: #e70012;}


.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: #e70012;}
.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: 20px;font-family: "siyuan medium";color: #000;padding: 0 10px;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;}
.qscp ul li span { font-size: 14px;font-family: "siyuan medium";color: #666;border: 1px solid #666;border-radius: 20px;padding: 2px 10px;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: #e70012;border-color: #e70012;}
.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: #e70012;}
.qscpxq .proinfo .left h1:before { content: '';width: 20px;height: 4px;background: #e70012;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: #e70012;}

.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: #e70012;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: #e70012;}
.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: #e70012;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: #e70012;}
.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: #e70012;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: #e70012;}
.qszc ul ,.qszc ol{ margin-left: 20px;overflow: hidden;padding-top: 20px;}
.qszc ul li { padding-left: 40px;/*float: left;*/position: relative;margin-bottom: 20px;/*margin-right: 10%;*/}
.qszc ul li i { width: 36px;height: 36px;background: url(../images/no.png) no-repeat;background-size: contain;position: absolute;top: -7px;left: 0;}

.qszc ol li { float: left;width: 32%;} 
.qszc ol li+li {margin-left: 2%;}
.qszc ol li h3{ width: 100%;padding: 20px 0;background: #e70012;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: #e70012;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: #e70012;}



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

.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(2) 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: #e70012;border-top: 1px solid #e70012;border-bottom: 1px solid #e70012;}
.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: #e70012;}
.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:#e70012;}
.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: #e70012;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: #e70012;}

.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: #e70012;

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

}
.qsShares .tit .fall i{border: 9px solid #e70012;
    border-color: #e70012 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: #e70012;}
.qsShares ul li .pToday-f{color: #ff0036;display: none;}
.qsShares ul li .pVolume{color: #ff0036;}
.qsShares ul li .pVolume-f{color: #e70012;display: none;}


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