/* CSS Document */

html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
        *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
        html,body{min-height:100%}
        body{font-size:14px;background:#000000;}
        h1,h2,h3,h4,h5,h6{font-weight:normal}
        ul,ol{list-style:none}
        img{border:none;vertical-align:middle; }
        a{color:#ffffff;text-decoration:none}
        a:visited{color:#666666;text-decoration:none}
        a:hover{color:#ffffff;text-decoration:none; transition: 0.5s;}
        a:active{color:#ffffff;text-decoration:none; transition: 0.5s;}
        table{border-collapse:collapse;table-layout:fixed}
        input,textarea{outline:none;border:none}
        textarea{resize:none;overflow:auto}
        .clearfix{zoom:1}
        .clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}


/* 公共部分 */
.pubcon{ width: 100%; max-width: 1440px;  margin: 0 auto;}
.pubcon h2{  padding-bottom:10px;font-size:48px; font-weight: bold;  text-align: center; color: #ffffff;  width: 100%;text-transform: uppercase; }
.pubcon h3{ padding-bottom:25px;padding-top:20px;font-size:20px; text-align: center; color:#949494; text-transform: uppercase;line-height: 1.5;  }
.hx{ width: 100%; height: 82px; background: url(../images/beijing_02.jpg) no-repeat center;}
.xt{ border-bottom: #949494 1px solid; width: 60%; padding:5px 0 ; display: block; margin: 0 auto;}
.item {width: 100%;}
.atime {text-align: center;}
.item .item_header {height:60px;}

/* menu */

.head{width:100%;background: #000000;z-index: 9999; position:fixed;}
.head .navbox{width: 80%;margin: 0 auto; display: flex; justify-content: space-between; align-items: center; overflow: hidden; }
.head .nav{display: block; width: 900px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; margin: 0 auto auto auto;}
.head .nav .nav_pc{ width: 100%; display: flex; justify-content: space-between;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999; cursor: pointer;}
.head .nav ul li .f_a{line-height:118px;display:block;text-align:center;font-size:18px;color:#fff; text-transform: uppercase; font-weight:bold;}
.head .nav ul li.active .f_a{color: #fe6e00;}
.head .nav ul li:hover .f_a{color: #fe6e00;}
.head .logo{ color: #FFFFFF; height:108px;position: relative;display: flex; justify-content: flex-end;flex-wrap: wrap; margin: auto 0 auto 50px; padding: 0; border: 0; }
.head .logo .fx1{ width:40px;background: url(../images/fx1.png) no-repeat left center;}
.head .logo .fx2{ width:24px;background: url(../images/fx2.png) no-repeat left center; background-size: contain;}
.head .logo .fx3{ width:40px;background: url(../images/fx3.png) no-repeat left center;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}

.head .lang{
   display: flex;
   justify-content: center;
   margin: auto 0 auto 0;
}

.proitembtn{
   position: absolute;
   bottom: 40%;
   width: 34px;
   height: 34px;
   background: url("../images/arrow1.png") center no-repeat;
   background-size: 18px;
   z-index: 6;
   border: 2px solid #fff;
   border-radius: 50%;
   cursor: pointer;
}
.proitembtn:hover{
   background-color: #fe6e00;
   border-color: #fe6e00;
}
.proitembtn_left{
   left: 50%;
   margin-left: -50px;
   transform: rotate(180deg);
}
.proitembtn_right{
   right: 50%;
   margin-right: -50px;
}
/*logo  */
.sidenav{position: relative;width:118px;display: block; float: left;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.sidenav label {display: block;box-sizing: border-box; position: relative; height:118px; background: url(../images/logo.png) no-repeat left center; background-size: 40px; }
.sidenav label font{
   display: none;
   position: absolute;
   left: 55px;
   line-height: 28px;
   color: #fff;
   font-weight: bold;
   font-size: 28px;
   top: 50%;
   margin-top: -25px;
}
/* @keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 } */
 
 /* .sidenav {
   -webkit-animation-name: fadeInLeft;
           animation-name: fadeInLeft;
           -webkit-animation-duration: 1s;
                   animation-duration: 1s;
           -webkit-animation-fill-mode: both;
                   animation-fill-mode: both;
 } */


/* banner */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #5d5d5d;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 
.slideBox .bd li video{width:100%; vertical-align:top;  } 

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}


#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#000000;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:30%;height:100%;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;right:26%;top:2%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:30%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px; text-transform: uppercase;}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;background:url(../images/reduce.jpg) 50% no-repeat!important;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}






/* 首页内容-in2cast */
.index-pro{ padding: 60px 0; margin: 0 auto;}
.index-procon{  padding: 0.25rem 1.5rem 0.5rem; }
.index-procon .box{ margin: 100px 0 0 0;  transition: 0.5s; position: relative;}
.index-procon .box .pic{ text-align: center;}
.index-procon .box .pic img{ width: 100%;}
.index-procon .box .table{ display: flex; justify-content: space-between; flex-wrap: wrap; margin:120px 0 120px 0;}
.index-procon .box .table .nr{ width:45%; color: #ffffff; }
.index-procon .box .table .nr h4{font-size:36px; font-weight: bold; display: block; margin-bottom: 20px;text-transform: uppercase;}
.index-procon .box .table .nr .canshu{ display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: #e1f2f1 1px solid; padding: 10px 0;}
.index-procon .box .table .nr .canshu .shuzi{ font-size: 20px;}


/* 首页内容-process */
.index-gy{ padding: 60px 0; margin: 0 auto; }
.index-gycon{  padding: 0.25rem 1.5rem 0.5rem; }
.index-gycon .box{padding:60px 0 0 0;   transition: 0.5s; color: #ffffff;}
.index-gycon .box .pic{ display: block; margin:20px auto; width: 50%; position: relative;}
.index-gycon .box .pic video{ width: 100%; height: 100%; object-fit: contain;}
.index-gycon .box .nr{ width:45%; display: block;margin-bottom:150px;}
.index-gycon .box .nr h2{ font-size:36px; color: #fe6e00; font-weight: bold; text-align: left;text-transform: uppercase;}
.index-gycon .box .nr .hx{ border-bottom: #e5e5e5 1px solid; height: 1px; margin: 10px 0;}
.index-gycon .box .nr p{ line-height: 1.5; color: #949494; }
.index-gycon .box .pic .playbtn{
   position: absolute;
   width: 60px;
   top: 50%;
   margin-top: -30px;
   left: 50%;
   margin-left: -30px;
   cursor: pointer;
}
.nrc{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.nrc:nth-child(2n) .nr{ order: 1; }
.nrc:nth-child(2n) .pic{ order: 2; }

/* 首页内容-product */
.index-product{ padding: 60px 0; margin: 0 auto; }
.index-productcon{  padding: 0.25rem 1.5rem 0.5rem; }
.index-productcon .box{padding:0;  display: flex; justify-content: space-between; flex-wrap: wrap; transition: 0.5s; color: #ffffff;}
.index-productcon .box h2{ font-size:38px; font-weight: bold; line-height: 1; text-transform: none; display: block; margin: 30PX 0 50PX 0;}
.index-productcon .box .pic{ width: 40%; display: block; margin:50px auto;}
.proslide .swiper-slide img{ max-width:720px; width: 100%;text-align: center; margin: 0 auto;display: block;}
.index-productcon .box .ys{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 50px auto; }
.index-productcon .box .ys .youshi{ width:45%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px 0;}
.index-productcon .box .ys .youshi .ico{ max-width: 115px; width:20%;}
.index-productcon .box .ys .youshi .nr{ width:75%;}
.index-productcon .box .ys .youshi .nr h2{ font-size: 24px; margin: 0; text-align: left;}
.index-productcon .box .ys .youshi .nr p{ line-height: 1.5;color: #949494;}
.zp{ width: 100%; background-color: #FFFFFF;}
.zp img {max-width: 100%; height: auto;}

.swiper-container,
.swiper-container .swiper-wrapper,
.swiper-container .swiper-slide{
   height: auto !important;
}

.flex{
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
}

/* 首页内容-留言 */
.index-message{ padding: 60px 0; margin: 0 auto; background-color: #f0f0f0;}
.index-messagecon{  padding: 0.25rem 1.5rem 0.5rem; }
.index-messagecon h2{ color: #000000; text-align: center;  }
.index-messagecon h3{ color: #666; text-align: center; font-size: 16px; }
.index-messagecon .box{ display: flex;justify-content: space-between;flex-wrap: wrap;  margin: 5% 0 0 0;}
.index-messagecon .box .wenzi{ width: 50%;  margin: 5% 0 0 0;}
.index-messagecon .box .wenzi H2{ font-weight: bold; text-align: center; font-size:80px; color: #ff5100ea;}
.index-messagecon .box .message{ width:100%; }
.index-messagecon .box .messagecon form{display: flex; justify-content: space-between;flex-wrap: wrap; }
.index-messagecon .box .messagecon .tb a{ color: #e5e5e5;}
.index-messagecon .box .messagecon .tb{ width:49%; margin:30px 0; border: #0e0e0e 1px solid;color: #e5e5e5; border-top: 0;border-left: 0;border-right: 0;}
.index-messagecon .box .messagecon .tb1{ width:100%;   margin: 10px 0;}
.index-messagecon .box .messagecon .tb .biaodan{height: 30px; line-height: 30px;font-size: 24px; padding:0 0 0 5px ;background-color: rgba(0, 0, 0, 0);color: #000000; }
.index-messagecon .box .messagecon .tb1 .biaodan-nr{border: #000000 1px solid;line-height: 30px;font-size: 24px;border-top: 0;border-left: 0;border-right: 0; height:100px;width:100%; padding:5px ; background-color: rgba(0, 0, 0, 0);color: #000000; }
.index-messagecon .box .messagecon .tb1 .biaodan-anniu{ width:20%; height:40px; display:block; font-weight: bold; background-color:#ff5100ea; color: #ffffff; margin: 20px auto; }


        





/* foot */
.foot{   display: block; background-position:top; background-repeat:no-repeat; background-color: #000000; }
.footcon{display: flex; justify-content: space-between;flex-wrap: wrap;padding: 4.5rem 1.5rem 0.5rem; margin: 0; }
.footcon a{color: #9fa1a1; }
.footcon h3{font-size: 35px; font-weight: bold; color: #ffffff; padding: 0 0 10px 0;color: #6bbdb4;}
.footcon p{color: #9fa1a1;line-height: 30px; font-size: 16px;}
.footcon .nr{width: 60%;}
.footcon .nr h2{ font-size: 35px; border-bottom: 0; display: block; width: 100%; text-align: left;}
.footcon .footmenu{ width: 20%;}
.footcon .footmenu h2{ font-size: 35px; border-bottom: 0; display: block; width: 100%; text-align: left;}
.footcon .footmenu ul{width: 100%;}
.footcon .footmenu li{ color: #bbbcbc; line-height: 35px; padding-left: 20px; font-size: 16px;transition: 0.5s; background-image:url(../images/jiantou-menu-1.png); display: block; background-position:left center; background-repeat:no-repeat;}
.footcon .footmenu li:hover a{ color: #ff5100ea; text-decoration: underline;transition: 0.5s;}
.logo{ color: #a7a7a7;border-top: #3e3e3e 1px solid;border-bottom: #3e3e3e 1px solid;display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 30px;}
.logo .fenxiang{ width: 100%; margin: 0 auto;display: flex; justify-content: center;}
.logo .fenxiang .tupian{display: flex; justify-content: space-between; margin: 0 10px 0 0;}
.logo .fenxiang .tupian img{}
.logo .fenxiang .fx1{ width:40px;background: url(../images/fx1.png) no-repeat left center;}
.logo .fenxiang .fx2{ width:40px;background: url(../images/fx2.png) no-repeat left center;}
.logo .fenxiang .fx3{ width:40px;background: url(../images/fx3.png) no-repeat left center;}
.banquan{ text-align: center; width: 100%; line-height:40px; margin-top:10px; color: #a7a7a7; }
.banquan a{ color: #a7a7a7; font-size: 14px;}
.banquan a:hover{ color: #ffffff; font-size: 14px;}

.logo .fenxiang .tupian img.flogo2{
   display: none;
}

.dragarea{
   width: 1280px;
   height: 720px;
   margin: 0 auto;
   position: relative;
   background-color: #300;
   z-index: 1;
}
.dragarea .videobg{
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background: #000;
   z-index: -1;
}
.leftarea{
   position: absolute;
   height: 100%;
   right: 50%;
   top: 0;
   width: 0;
   background-color: #eee;
   overflow: hidden;
}
.leftarea video{
   width: 640px;
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
   background: #000;
}
.rightarea{
   position: absolute;
   height: 100%;
   left: 50%;
   top: 0;
   width: 0;
   background-color: #333;
   overflow: hidden;
}
.rightarea video{
   width: 640px;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background: #000;
}
.procompare{
   position: absolute;
   width: 0;
   height: 0;
   cursor: grab;
   z-index: 1;
   left: 50%;
   top: 360px;
   left: 640px;
   right: auto;
   bottom: auto;
}
.procompare::before{
   width: 4px;
   height: 23em;
   background-color: #fff;
   position: absolute;
   left: 50%;
   margin-left: -2px;
   content: '';
   display: block;
   bottom: 32px;
   z-index: -1;
}
.procompare::after{
   width: 4px;
   height: 23em;
   background-color: #fff;
   position: absolute;
   left: 50%;
   margin-left: -2px;
   content: '';
   display: block;
   top: 32px;
   z-index: -1;
}
.procompare span{
   display: block;
   width: 56px;
   height: 56px;
   border: 0px solid #fff;
   background: url('../images/logo.png') center no-repeat;
   background-size: 90%;
   border-radius: 50%;
   left: 50%;
   top: 50%;
   position: absolute;
   margin-top: -28px;
   margin-left: -28px;
}
.procompare:active{
   cursor: grabbing;
}


.proitemtabs{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   align-items: center;
   margin: 0 0 60px 0;
}
.proitemtabs li{
   color: #fff;
   border: 1px solid #aaa;
   display: block;
   padding: 10px 15px;
   color: #aaa;
   margin: 0 10px 10px 0;
   cursor: pointer;
}
.proitemtabs li.active{
   background: #fff;
   border: 1px solid #fff;
   color: #000;
}




/*====================================================================*/
@media only screen and (max-width:768px) {
   .index-procon .box .table .nr .canshu .shuzi {
      font-size:16px;
  }

  .index-procon .box .table .nr {
   width:100%;
   margin-top: 100px;
   
   
}

.index-procon .box .table {

   margin: 20px 0 20px 0;
}

.pubcon h2{ font-size:30px;}

.pubcon h3{ font-size:14px;}

.index-gycon .box .nr {width: 100%;}

.index-productcon .box h2 {
   font-size: 30px;
   margin-bottom: 0;

}


.index-productcon .box .ys .youshi .nr h2 {
   font-size: 18px;
   
}

.index-productcon .box .ys .youshi .ico {
   width:100%;
   text-align: center;
   display: block;
   
}

.index-productcon .box .ys .youshi .nr {
   width:100%;
}

.index-product {
   padding: 0;
   
}


.index-messagecon .box .messagecon .tb {
   width: 100%;
   
}


.index-messagecon .box .messagecon .tb1 .biaodan-anniu {
   width:100%;
   
}

.index-messagecon .box .messagecon .tb .biaodan {

   font-size: 20px;
}



.footcon .nr {
   width: 100%;
}

.footcon .footmenu {
   width: 50%;
   margin-top:50px;
}

.footcon .footmenu h2 {
   font-size: 25px;

}

.footcon .nr h2 {
   font-size:25px;
   
}





}



/*====================================================================*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {

   .index-procon .box .table .nr .canshu .shuzi {
      font-size:16px;
  }

  .index-procon .box .table .nr {
   width:100%;
   margin-top: 100px;
   
}

.index-procon .box .table {

   margin: 20px 0 20px 0;
}

.pubcon h2{ font-size:30px;}

.pubcon h3{ font-size:14px;}



.index-productcon .box h2 {
   font-size: 30px;
   margin-bottom: 0;

}


.index-productcon .box .ys .youshi .nr h2 {
   font-size: 18px;
   
}

.index-productcon .box .ys .youshi .ico {
   width:100%;
   text-align: center;
   display: block;
   
}

.index-productcon .box .ys .youshi .nr {
   width:100%;
}

.index-product {
   padding: 0;
   
}


.index-messagecon .box .messagecon .tb {
   width: 100%;
   
}


.index-messagecon .box .messagecon .tb1 .biaodan-anniu {
   width:100%;
   
}

.index-messagecon .box .messagecon .tb .biaodan {

   font-size: 20px;
}



.footcon .nr {
   width: 100%;
}

.footcon .footmenu {
   width: 50%;
   margin-top:50px;
}

.footcon .footmenu h2 {
   font-size: 25px;

}

.footcon .nr h2 {
   font-size:25px;
   
}
	
  




}

	






/*====================================================================*/
@media only screen and (min-width: 1200px) {



}

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

   .nrc:nth-child(2n) .nr{ order: 2; }
   .nrc:nth-child(2n) .pic{ order: 1; }

   
.dragarea{
   overflow: hidden;
   width: 374px;
   height: 211px;
   position: relative;
   background-color: #300;
   z-index: 1;
}

   .leftarea video{
      width: 187px;
   }
   .rightarea video{
      width: 187px;
   }

   .procompare{
      top: 105px;
      left: 187px;
   }
   .procompare::before{
      width: 2px;
      margin-left: -1px;
      bottom: 20px;
   }
   .procompare::after{
      width: 2px;
      margin-left: -1px;
      top: 20px;
   }
   .procompare span{
      width: 40px;
      height: 40px;
      background-size: 90%;
      border: 2px solid #fff;
      margin-left: -20px;
      margin-top: -20px;
   }

}

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

}

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

}

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

}

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

}



.footcon .iconfont{
   color: #000;
   background-color: #fff;
   width: 18px;
   line-height: 18px;
   border-radius: 4px;
   font-size: 15px;
   display: inline-block;
   text-align: center;
   margin: 0 5px 0 0;
}
.footcon .flex .iconfont{
   margin: 5px 5px 0 0;
}

@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    
   .index-procon .box .table .nr .canshu .shuzi {
      font-size:16px;
  }

  .index-procon .box .table .nr {
   width:100%;
   margin-top: 100px;
   
}

.index-procon .box .table {

   margin: 20px 0 20px 0;
}

.pubcon h2{ font-size:30px;}

.pubcon h3{ font-size:12px;}

.index-gycon .box .nr {width: 100%;}

.index-productcon .box h2 {
   font-size: 25px;
   margin-bottom: 0;

}


.index-productcon .box .ys .youshi .nr h2 {
   font-size: 18px;
   
}

.index-productcon .box .ys .youshi .ico {
   width:100%;
   text-align: center;
   display: block;
   
}

.index-productcon .box .ys .youshi .nr {
   width:100%;
}

.index-product {
   padding: 0;
   
}


.index-messagecon .box .messagecon .tb {
   width: 100%;
   
}


.index-messagecon .box .messagecon .tb1 .biaodan-anniu {
   width:100%;
   
}

.index-messagecon .box .messagecon .tb .biaodan {

   font-size: 20px;
}



.footcon .nr {
   width: 100%;
}

.footcon .footmenu {
   width: 50%;
   margin-top:50px;
}

.footcon .footmenu h2 {
   font-size: 25px;

}

.footcon .nr h2 {
   font-size:25px;
   
}


.index-gycon .box .pic {
   
   width:100%; 
}

.pubcon h2 {
   font-size: 25px;
}

.index-productcon .box .pic {
   width:100%;

}

.item .item_header {
   height:1px;
}

.footcon p {
  
   font-size: 12px;
}

.footcon .footmenu li {
  
   line-height: 25px;
   
   font-size: 12px;
   
}

.footcon .footmenu h2 {
   font-size: 20px;
}

.footcon .nr h2 {
   font-size: 20px;
}

 }