.pIcon{display: inline-block;background: url(../images/icon2.png) no-repeat;background-size:cover; cursor:pointer}
.pic2{width:20px;height:17px;}
.moheaderRight{ display:none; position:absolute; right:2%; top:50%; margin-top:-8.5px;}
.droplist { display:none}

.droplist{position: fixed;left: 0%;top:0;right: 0;bottom: 0;z-index: 9999;background: rgba(0,0,0,.9); color: #fff;padding: 20px 0;display: none;width:100%;overflow-y:auto;}
.droplist .del{font-size:40px;font-weight: bold; margin-right:20px; float:right}
.droplist .navlist{ clear: both;}
.droplist .navlist li{text-align: center;line-height: 40px;}
.droplist .navlist a{display: block;color: #fff;font-size:18px;}
.droplist .navlist .submoDroplist{display: none; margin-bottom:20px}
.droplist .navlist .submoDroplist li{line-height:30px;}
.droplist .navlist .submoDroplist a{font-size:14px;}


.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#00b3bd; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li2 a{ background:url(../images/kf-email.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}



@media screen and (max-width: 1600px){
.menu li{ margin-left:45px;}
.wrap{ width:98%;}
}

@media screen and (max-width: 1440px){
.menu li{  margin-left:30px;}

.lishi .picScroll04{ width:calc(98% - 90px) !important; margin-left:auto !important;margin-right:auto !important}

}

@media screen and (max-width:1199px){
.menu{ margin-right:30px;}
.logo{ margin-left:2%;}
.yuyan{ margin-right:2%;}

.nbanner img{ display:block; width:130%; height:auto; margin-left:-15%}
.nbanner .text h3{ font-size:28px; padding-top:25px; line-height:30px}
.nbanner .text p{font-size: 28px;line-height: 40px;}
}

@media screen and (max-width:1099px){
.menu{ margin-right:20px;}
.menu li{  margin-left:20px;}
.logo{ margin-left:2%;}
.yuyan{ margin-right:2%;}
.i-case ul li .info img {height: 150px;}
}

@media screen and (max-width:1024px){
.i-news .wave{ display:none; }
* .linebg{ display:none !important}


.header{ box-shadow:0 0 10px rgba(0,0,0,0.1); background:#fff;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;}
.header .logo01{ display:none}
.header .logo02{ display:block}
.header .menu li a{color:#333;}
.header .yuyan li a{color:#666;}
.header .yuyan li .icon{ background:url(../images/fangdajing02.png) no-repeat center center; }


.i-ban .btns {bottom:20px;margin-left:-40px;}
.i-ban .btns span {width:30px;height: 3px;margin:0 5px;}

.nbanner img{ width:140%;margin-left:-20%}

.lishi .picScroll04 ul li{  width:50%;}
.lishi .picScroll04 ul li .shijian h3{font-size:17px;}

.nhonor .picScroll ul li{width:50%;}
}

@media screen and (max-width:980px){
.logo img{ height:30px; width:auto}
.header, .header02{ padding:20px 0 0 0;}
.logo{ padding:0px 0 20px 0;}
.i-ban{ margin-top:70px;}
.i-ban video{ display:none}
.i-ban, .i-ban li{ height:450px;}
.menu{ display:none}
.moheaderRight{ display:block}

.yuyan{ margin-right:calc(2% + 40px);}

.i-ban li .cent-cont{width: 100%;left: 0%; bottom:32%}
.i-ban li .word {font-size:30px;line-height: 40px;  }
.i-ban li .word p {height:40px;}
.i-ban li .word p .font-signen{ font-size:18px;} 


.i-about {  background:url(../images/pic3.jpg) no-repeat center bottom; background-size:cover; }
.i-about .title{ text-align: center}
.i-about .title p:after{margin: 15px auto 0 auto;}
.i-about .pic{ display:none}
.i-about .about_jian{ float:none; width:100%}
.i-about .quit{ padding:25px 0;}
.i-about .more{ margin-bottom:50px;}
.i-about .tomore {margin: 0 auto;}
.i-products .tabmenu li{padding: 20px;margin: 0 10px}

.i-video{background:#f1f1f1; padding:30px 0; }

.copyright{ margin-bottom:55px;}
.m-foot{ display:block}


.case li .hd .hr_con{  width:640px;margin-left:-320px; padding:20px 20px 50px 20px;}
.case li .hd .hr_con .pic{ float:right; width:48%}
.case li .hd .hr_con  .cconn .wenzi{ float:left; width:49%; line-height:28px; }
}

@media screen and (max-width:768px){
.i-ban, .i-ban li{ height:380px;}


.title h3{ font-size:28px;line-height:36px; margin-bottom:10px;}
.title p{ font-size:30px; margin-bottom:10px}
.title02 h3{ font-size:32px; line-height:36px;margin-bottom:10px; }
.title03 h3{ font-size:32px; line-height:36px;margin-bottom:10px;}
.i-about .about_jian .conn {line-height: 30px;padding: 10px 0 10px 0;}

.i-about .quit li{ font-size:15px;}

.i-products .tabmenu { margin-bottom:20px; margin-bottom:0}
.i-products .tabmenu li .pic, .i-products .tabmenu li .wenzi{ float:none; display:block; margin:0 auto}
.i-products .tabmenu li .pic img{ margin:0 auto;height: 30px;}
.i-products .tabmenu li{padding: 0px;margin: 0 10px}


.i-products #atabcontent ul .item{ float:left; width:49%; margin-right:0%; position:relative;margin-bottom:25px;}

.i-products #atabcontent ul .item:nth-child(2n){ margin-right:0; float:right}
.i-products #atabcontent ul .item:nth-child(2n+1){ clear:both}
.i-products #atabcontent ul .item .zhan01{ opacity:1;}
.i-products #atabcontent ul .item:hover .zhan01{ opacity:1;}
.i-products #atabcontent ul .item:hover .zhan02{ opacity:0;}


.i-video .videoleft, .navideos .videoleft{ float:none; width:96%; padding:2%; background:none;}
.i-video .videos, .navideos .videos{ float:none; width:100%;}
.i-video #ttabcontent ul .videolist, .navideos #ttabcontent ul .videolist{ float:left; width:calc(48% - 2px); margin:1%;  position:relative; cursor:pointer;}
.i-video #ttabcontent ul, .navideos #ttabcontent ul { height: 280px; overflow-y:auto; }
.i-video .ttabmenu, .navideos .ttabmenu{ margin-bottom:10px;}

.i-video .conn, .navideos .conn{ margin-top:20px;}


.i-news ul li {width:48%;height:250px; z-index: 10; }
.i-news ul li:nth-child(2n){ float:right}
.i-news ul li:nth-child(2n+1){ clear:both}
.i-news ul li .info {top: 5px;}
.i-news ul li:hover .info{ top:0px}
.i-news .more{ margin-bottom:40px}
.i-case ul li {height: 200px;}


.footer_top{ padding:50px 0 0 0;}
.footer li{ display:none}
.footer li:last-child{ margin-left:0px; display:block}
.footer li .erweima li{display:block}
.footer_top .links{ position: relative; bottom:auto; width:100%; padding:15px 0; margin-top:20px}
.footer_top .wrap{padding: 20px 0 0 0;}


.nbanner img{ width:160%;margin-left:-30%}
.nbannercase img{ width:200%;margin-left:-50%}
.nbanner .text h3{ font-size:28px;}
.nbanner .text p{font-size: 30px;line-height: 40px;}

.yuyan li .hd .hr_con{ width:320px; margin-left:-180px;padding:20px; }
.yuyan li .hd .hr_con .input{ width:calc(100% - 90px);}
.yuyan li .hd .hr_con .button{ width:73px;}

.nguide li a { padding:0 15px;-webkit-border-radius:15px;-moz-border-radius:15px; border-radius:15px;}


.guanlian li{ width:49%; margin-right:0%; margin-bottom:20px}
.guanlian li:nth-child(4n){ margin-right:0}
.guanlian li:nth-child(4n+1){ clear:none;}
.guanlian li:nth-child(2n){ float:right}
.guanlian li:nth-child(2n+1){ clear:both}
.guanlian .wenzi{ font-size:16px;}



.nproducts .item{ width:49%; margin-right:0%;}
.nproducts .item:nth-child(4n){ margin-right:0}
.nproducts .item:nth-child(4n+1){ clear:none}
.nproducts .item:nth-child(2n){ float:right}
.nproducts .item:nth-child(2n+1){ clear:none}
.nproducts .item:hover .zhan01{ opacity:1;}
.nproducts .item:hover .zhan02{ opacity:0;}


.nbanner .strength{ padding:10px 0;}
.nbanner .strength li .p1{ font-size:30px; margin-bottom:10px;}
.nbanner .strength li .p2{ font-size:16px;}
.nbanner .strength li{ width:30%; min-width:30%; }
.nbannercase .text h3{ padding-top:15px;}


.case li{ width:49%; float:left;margin-right:0%;}
.case li:nth-child(4n){ margin-right:0}
.case li:nth-child(4n+1){ clear:none}
.case li:nth-child(2n){ float:right}
.case li:nth-child(2n+1){ clear:both}


.nnews .newskuai{ padding:20px 0;}
.nnews .newskuai .pic{ float:left; width:22%;}
.nnews .newskuai .wenzi{ float:left; margin-left:3%; width:64%}

.nwenhua img{ display:block; width:150%; margin-left:-25%}
}

@media screen and (max-width:640px){
.i-ban, .i-ban li{ height:320px;}
.nbanner img{ width:180%;margin-left:-40%}
.nbannercase img{ width:240%;margin-left:-70%}

.solmain .kuai .conn .sanli li{ display:block; width:100%; margin-bottom:20px;}
.solmain .kuai .conn .sanli li img, .solmain .kuai .conn .sanli li video{ height:auto}

.solmain .kuai .conn .erli li{ display:block; width:100%;margin-bottom:20px;}
.solmain .kuai .conn .erli li img, .solmain .kuai .conn .erli li video{ height:auto}

.nguide ul{ font-size:17px;}
.nguide li a { padding:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;}


.nproductsx .ptotop .picroll{ float:none; width:100%; margin-bottom:30px;}
.nproductsx .ptotop .prowenzi{ float:none; width:100%; }
.nproductsx .ptotop .prowenzi .youshi img{ width:auto; max-width:100%; height:auto;}

.nmain .tabmenu li {font-size:17px;padding:0px 26px; margin-right:0px;}

.case li .hd .closed{ top:90px;width:25px; height:25px;background:url(../images/close.png) no-repeat center / cover;}

.case li .hd .hr_con{  width:320px;margin-left:-180px; padding:20px 20px 50px 20px;top:120px;}
.case li .hd .hr_con .pic{ float:none; width:100%; margin-bottom:30px}
.case li .hd .hr_con  .cconn .wenzi{ float:none; width:100%; }


.nnews .newskuai{ padding:15px 0;}
.nnews .newskuai .pic{ float:none; width:100%; margin-bottom:25px;}
.nnews .newskuai .wenzi{ float:left; margin-left:0%; width:70%}
.nnews .newskuai .date{ float:right; width:20%; }

.nnews .newskuai .date h3{ font-size:28px; margin-bottom:15px;}
.nnews .newskuai .date  p{ font-size:16px; clear:both; }

.nwenhua img{ display:block; width:160%; margin-left:-30%}

.lishi .picScroll04 ul li{  width:100%;}

.nhonor .picScroll ul li{width:100%;}

.lishi .line{margin-top:-305px;}

.lianxilist li{ float:none; width:100%; margin-right:0%; padding:2% 0 2% 0%; margin-bottom:30px; clear:both;}

.messbox .items-1{ width:48%; float:left; position:relative; margin-bottom:20px; margin-right:0%}
.messbox .items-1:nth-child(2n){ float:right}
.messbox .items,.messbox .items-2{ position:relative;margin-right:0%}

.messbox .inp-submit{position: relative;right: auto;bottom: auto;width: 200px;height: 40px; margin:30px auto; display:block}


.hrtit dd{ float:left; width:26%; text-align:right; padding-right:2%}
.hrtit dd:nth-child(1){ width:68%; text-align:left; padding-left:2%}
.hrtit dd:nth-child(2), .hrtit dd:nth-child(3){ display:none}

.hrlistt .hrlist_tit span{float:left; width:26%; text-align:right; padding-right:2%}
.hrlistt .hrlist_tit span:nth-child(1){ width:68%; text-align:left; padding-left:2%}
.hrlistt .hrlist_tit span:nth-child(2), .hrlistt .hrlist_tit span:nth-child(3){ display:none}

.nhr .kline{ font-size:16px;}
.i-products .tabmenu li .wenzi{ font-size:14px;}
.i-products .tabmenu li{ margin:0}
*{ overflow-x:hidden !important;}

.guanlian .pic img {height: 150px;}
.nproducts .item .zhan01 .wenzi {font-size: 14px;height: 60px;overflow: hidden;}

} 

@media screen and (max-width:480px){
.i-ban, .i-ban li{ height:250px;}
.nbanner img{ width:200%;margin-left:-50%}
.nbannercase img{ width:300%;margin-left:-100%}
}