/* CSS Document */




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

/*头部*/
.header{ height:70px;}
.header .logo,.header .logo img{ height:40px; width:auto;}
.header .logo{ margin-top:15px;}

.w650{ width:100%;}



/* 导航开始 */
.daohang{ display:none;}
.nav{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; display:block;}
.nav{width:100%;background:#fff;float:left;}
.nav li{ width:8%;height:20px;line-height:20px;float:left;font-size:14px;text-align:center;position:relative;}
.nav ul li a{color:#fff;display:block; font-size:18px;}
.nav ul li:hover,.nav ul li.another{}
.nav ul li:hover a{ color:#fff !important;}
.nav ul li.another a.wp_nav_li{ padding-bottom:0 !important;}
.nav ul li .box{ padding-top:0;}
 .toggle{opacity: 0;}

 .toggle {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 0px;
    cursor: pointer;
    z-index: -1;
}
 .toggle em {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color:#fff;
    border-radius: 5px;
}
 .toggle em:nth-child(2) {
	top:8px;
}
 .toggle em:last-child {
	top: auto;
    bottom: 0px;
}
 .toggle em:first-child {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
 .toggle em:last-child {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
 .toggle em, .header .toggle{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.active .nav li {
    opacity: 0;
}

.chose {
  width: 21px;
  height: 21px;
  background:url(../images/chose.png) no-repeat center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}
/* 导航结束 */

 .nav,.active .nav{
	width: 260px;
	height:auto;
    position: fixed;
    float: none;
    top: 0px;
    left: -260px;
    right: auto;
    border-left: 2px solid #d7d7d7;
    bottom: 0px;
    background-color:rgba(148,148,148,.91);
    z-index: 10;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;}
 .nav ul{width:auto;height:auto; overflow:hidden;}
 .nav ul li{ margin-right:0; margin-left:25px;}
 .nav ul li .box li{ margin-left:0; background:none;}
 .nav li, .nav li a{    
    width: 100%;
    margin: 0;
}
 .nav li a{
    width:100%;
    float:none;
    font-size:14px;
    display:block;
    color:#333;
    padding-left:30px;
	text-align:left;
}
 .toggle{opacity:1;right:15px;}
 .toggle em:first-child, .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
 .toggle{z-index:1;}
 .nav.show{padding-top: 50px;}
 .nav.show li a:hover{
    
}
.sec_nav{position:initial !important; background:none !important; border-bottom:none !important; box-shadow:none !important;}
.sec_nav span > a{color:#fff !important;padding-left:40px !important;}
.sec_nav{width:100%;display:none;position:absolute;left:-25%;top:50px;z-index:100;  }
.web_hid_nav{display:block !important}
.nav li{position:initial;height:auto;}
.sec_nav .web_hid_nav a{ color:#fff !important;}
.web_hid_nav{ background-color:#fff !important;}


.nav ul li{ padding:0; float:none;}
.nav ul li a{ border-right:none;}
.nav ul li a, .nav ul li .box li a{ padding:10px 0 !important;}

.daohang ul li{ width:100%;}
.daohang ul li a{ height:auto; padding:0 0 0 30px !important; height:40px; line-height:40px; font-size:15px;}
.daohang ul li .box{ width:inherit !important; left:inherit !important; top:inherit !important; margin-left:auto !important;}
.daohang ul li .box li:hover a b,.daohang ul li .box li a b{ display:none !important;}
.daohang ul li .box li a{ width:100%; padding:0 0 0 40px !important; line-height:30px;}
.daohang ul li .box li a span{ float:none; color:#333 !important;}
.daohang ul li .box li:hover a span{ color:#fff !important;}
.daohang ul li .box li:hover a{ background-color:#009944 !important;}




.device,.swiper-container { height:auto !important;}
.swiper-wrapper,.swiper-slide{ height:auto !important; background:none !important;}
.swiper-slide img{ display:block !important;}
.zongbu{ display:none !important;}


.w1200,.fangan,.chanpin-xq,.lianxi{ width:auto;}
h1 span, .h1 span{ font-size:36px !important;}




/*首页*/
.sy-1 .sy-1-n{ margin:50px auto;}
.sy-1 .sy-1-n video{ width:100%; height:auto;}
.sy-1 .sy-1-n .bt{ font-size:18px;}
.sy-1 .sy-1-n div p.z-1{ font-size:24px; margin-top:30px; padding:0;}
.sy-1 .sy-1-n div p.z-2{ font-size:14px; margin-top:15px;}
.sy-1 img{ max-width:100% !important;}
.sy-2 .bt{ height:120px;}
.sy-2 .bt p{ width:100px; font-size:24px; padding:30px 0;}
.w980,.w1050{ width:auto;}
.sy-2 ul li{ padding:0 0 30px; margin-bottom:50px;}
.sy-2 ul li:nth-child(odd) .fl,.sy-2 ul li:nth-child(odd) .fr,.sy-2 ul li .fl,.sy-2 ul li .fr{ float:none;}
.sy-2 ul li .fl{ text-align:center;}
.sy-2 ul li .fr{ margin-top:20px; width:auto;}
.sy-2 ul li .fr .z-1{ font-size:20px; margin-bottom:10px;}
.sy-2 ul li .fr .z-2{ font-size:14px;}
.sy-3{ width:auto; margin:0 auto 50px;}
.sy-3 .bt{ font-size:24px; margin-bottom:30px;}
.sy-3 ul li{ width:auto; margin-right:0; margin-top:30px;}
.sy-3 ul li:first-child,.sy-3 ul li:nth-child(2){ margin-top:0;}
.col-xs-6{ width:50% !important;}
.sy-3 ul li p{ height:30px; line-height:30px; font-size:16px;}
.sy-3 .more{ margin-top:50px;}
.sy-3 .more a{ font-size:18px;}
.sy-4{ padding-top:30px; padding-bottom:30px;}
.sy-4 .bt{ font-size:24px; margin-bottom:30px;}
.sy-4 ul{ width:auto;}
.sy-4 ul li{ width:auto; margin-right:0;}
.row{ margin-left:-15px !important; margin-right:-15px !important;}
.col-xs-4{ width:33.33333333% !important;}
.sy-4 ul li{ height:220px;}
.sy-4 ul li p{ font-size:14px; height:auto; line-height:normal; padding:10px 0;}
.sy-5{ width:auto; margin-top:50px; margin-bottom:50px;}
.sy-5 .bt{ font-size:24px; padding-left:0; margin-bottom:30px;}
.sy-5 ul li{ margin-right:0; margin-bottom:30px;} 
.sy-5 ul li p.t-1,.sy-5 ul li p.t-1 img{ height:120px;}
.sy-5 ul li .z-1{ font-size:16px; margin-top:20px; -webkit-line-clamp:2; height:auto;}
.sy-5 ul li .z-2{ font-size:12px; margin:10px auto;}
.sy-5 ul li .z-3{ font-size:14px; height:100px;}
.sy-5 ul li .more{ font-size:14px; margin-top:10px;}
.sy-6{ padding-top:30px; padding-bottom:50px;}
.sy-6 .bt, .sy-6 ul{ width:auto;}
.sy-6 .bt{ font-size:24px; margin-bottom:30px;}
.sy-6 ul li{ margin-right:0; margin-bottom:20px;}
.sy-6 .owl-carousel .owl-item img{ height:auto !important;}



/*技术页*/
.jj-li,.w-50{ float:none; width:100%; margin:0 auto;}
hr{ width:100%;}


/*产品页*/
.chanpin{ margin-bottom:80px; width:100%;}
.chanpin .bt{ margin-top:50px;}
.chanpin .bt h1{ font-size:24px;}
.chanpin .bt small{ font-size:20px; margin:15px auto;}
.chanpin .bt span{ width:40px;}
.chanpin img{ max-width:100% !important; height:auto !important;}
.chanpin .cp-fenlei{ width:100%; margin-top:50px;}
.chanpin .cp-fenlei ul li,.chanpin .cp-fenlei ul li:nth-child(4){ margin-top:20px; text-align:center;}
.chanpin .cp-n ul li p.t-1{ height:auto;}
.chanpin .cp-n ul li p.t-1 img{ height:100px !important;}
.chanpin .cp-fenlei ul li:nth-child(4n),.chanpin .cp-fenlei ul li{ margin-right:auto;}
.chanpin .cp-fenlei ul li:first-child,.chanpin .cp-fenlei ul li:nth-child(2),.chanpin .cp-fenlei ul li:nth-child(3){ margin-top:0;}
.chanpin .cp-fenlei ul li a{ font-size:18px;} 
.chanpin .cp-n{ margin-top:50px;}
.chanpin .cp-n ul li{ width:auto; margin-bottom:30px;}
.chanpin .cp-n ul li,.chanpin .cp-n ul li:nth-child(3n){ margin-right:0;}
.chanpin .cp-n ul li p.z-1{ font-size:16px; padding:10px 0;}
.chanpin .fenye{ margin-top:50px;}
.chanpin .fenye a, .chanpin .fenye span{ font-size:16px; width:25px; height:25px; line-height:25px;}
.chanpin .fenye a.a1:nth-child(2){ margin-right:15px;}
.chanpin .fenye a.a1:last-child{ margin-left:15px;}


/*产品详情页*/
.chanpin-xq{ margin:50px auto 80px;}
.chanpin-xq .dqwz{ font-size:14px;}
.chanpin-xq .cpxq-n{ margin:50px auto; padding:0;}
.chanpin-xq .cpxq-n .z-1{ font-size:18px; margin:30px auto 20px;}
.chanpin-xq .cpxq-n .z-2{ font-size:14px;}
.chanpin-xq .xiangguan span.x{ width:40px; margin-bottom:15px;}
.chanpin-xq .xiangguan .bt{ font-size:18px; margin-bottom:30px;}
.owl-carousel{ width:80% !important; margin-left:auto; margin-right:auto;}
.owl-carousel p{ font-size:16px; padding:10px 0;}
.owl-prev, .owl-next{ width:15px; height:130px;}
.owl-prev{ left:-10%;}
.owl-next{ right:-10%;}






/*技术页*/
/*解决方案页*/
.fangan .bt .z-1{ font-size:20px;}
.fangan .fa-n{ font-size:14px;}
.fangan .fa-n .z-2{ padding-top:20px;}
#youku-playerBox,#youku-playerBox div,embed{ max-width:100% !important; height:auto !important;}




.zhichi .cp-n ul li p.t-1 img{ height:auto !important;}





/*新闻页*/
.xinwen .xw-n{ margin-top:50px;}
.xinwen .xw-n li{ margin-bottom:30px; width:100%; margin-right:0;}
.xinwen .xw-n li .t-1{ margin-bottom:20px; height:auto;}
.xinwen .xw-n li .z-1{ font-size:12px;}
.xinwen .xw-n li .z-2{ margin:10px auto; -webkit-line-clamp:1;}
.xinwen .xw-n li .z-2 a{ font-size:18px;}
.xinwen .xw-n li .z-3,.xinwen .xw-n li .z-3-sj{ font-size:14px; height:auto;}
 

.zhichi .cp-n ul li p.t-1{ height:auto;}


/*关于页*/
.guanyu{ width:auto;}
.guanyu .gy-1-n{ font-size:14px; padding-bottom:30px; margin-top:50px;}
.guanyu .gy-1-n p.z-1{ font-size:20px; margin-bottom:30px;}






/*联系页*/
.lianxi .lx-n{ font-size:16px; margin:50px auto 0; padding:0 0 30px;}
.lianxi .tijiao{ width:auto;}
.lianxi .tijiao form table tr th{ font-size:16px;}
.lianxi .tijiao form #dosubmit{ width:100px; height:40px; line-height:40px; font-size:16px; margin-top:30px;}













/*底部*/
.footer { padding-bottom:10px;}
/*.footer .di-1 .fl,.footer .di-1 .fr{ float:none;}*/
.footer .di-1, .footer .di-2{ width:auto;}
.footer .di-1 .fl img{ width:180px;}
.footer .di-1 .fr{ margin-top:10px;}
.footer .di-1 .fr p{ margin-right:0; margin-top:20px;}
.footer .di-1 .fr p span{ text-align:left; font-size:14px;}
.footer .di-2{ margin-top:10px;}
.footer .di-2 p{ font-size:12px;}
/*.footer .di-1 .fr div{ text-align:justify !important;}*/
/*.footer .di-1 .fr div br{ display:none !important;}*/



}





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

	

}


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

	.chanpin.lianxi.fangan.container video{ width:100%; height:auto; margin-top:20px; }
	.chanpin.xinwen.container .cp-fenleinews ul{  }
	.chanpin.xinwen.container .cp-fenleinews ul li{ width: 50% !important; }
	
	
	.chanpin-xq.xinwen-new { padding: 0; }
	.chanpin-xq.xinwen-new .z-new{  background: #18cedd;
    padding: 5%;
    color: #fff;
    padding-left: 5%;
    padding-top: 30px; }
	.chanpin-xq.xinwen-new .z-new h3{ margin-bottom: 20px; }
	.chanpin-xq.xinwen-new .z-new h4::after{ width: 50px; }
	.chanpin-xq.xinwen-new .z-2{ padding:5%; }
	.chanpin-xq.xinwen-new .z-2 img{  margin:0px !important; }
	.chanpin-xq.xinwen-new .z-2 h1{ position:static; }
}


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




}