body{overflow-x:hidden;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.hidden{display:none;}
.last{border-bottom:none !important;}
blockquote{background:#f9f9f9;padding:8px 20px;border:1px solid #ccc;}
ul,h2,p,dl,dd{
	padding: 0;
	margin: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
 
}

input,button{ outline:none; }
input:focus,button:focus{ outline:none; }
input,button{ outline:none; border:0; }



input,select,button{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	 border:none;}
	 
	 
.topindex-maxpic{width:100%;margin:0px auto; position:relative; }
.fullSlide {width:100%;position:relative;height:550px;background-color:#fff;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% ;}
.fullSlide .bd li {width:100% ;height:550px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:550px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:80px;line-height:30px;}
.fullSlide .hd ul {text-align:center;width:100%;margin:0px auto;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:10px;margin:1px;border:solid 2px #fff;margin-right:5px; overflow:hidden;	background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#fc9905;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;	z-index:1;top:50%;margin-top:-30px;	left:5%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;} 
#box { width: 100%;  padding: 3% 0px;  display: none;}
.searchDiv {  width: 90%;   margin: 0px auto; position: relative;}
.searchDiv form {width: 100%;height: 100%;}
.searchDiv form dl dd.dd01{width: 100%;height: 100%;}
.searchDiv form dl dd.dd01 input{height: 48px;width: 100%;border: 1px solid #eaeaea;color: #999;box-sizing: border-box;text-indent: 2em;}
.searchDiv form dl dd.dd02 {position: absolute;top: 0;right: 0;}
.search  form {width: 100%;height: 100%;}
.search  form dl{width: 100%;height: 100%;position: relative;z-index: 2;}
.search  form dl dd.dd01{width: 100%;	height: 100%;}
.search  form dl dd.dd01 input{background: transparent;width: 100%;height: 100%;background: url(images/search_bk.png) center center no-repeat;border: 0;text-indent: 1em;color: #fee6bd;} 
.search  form dl dd.dd02 {position: absolute;top: 8px;right: 14px;}

.w100{ width:100%}
.fd{ width:100%;}
.main{ width:74%; margin:0px auto; padding:0px; }
.main1{ width:83%; margin:0px auto; padding:0px; }
.jz{display:table; margin:0px auto;}
.l{ float:left;}
.r{ float: right;}
.tacenter{ text-align:center}
.cwhite{ color:#fff;}
.cblack{ color:#000;}
.cblue{ color:#0b6dc6}
.time {transition: all ease-out .3s 0s; -webkit-transition: all ease-out .3s 0s; -moz-transition: all ease-out .3s 0s; -o-transition: all ease-out .3s 0s;}
.time1 {transition: all ease-out 1.2s 0s; -webkit-transition: all ease-out 1.2s 0s; -moz-transition: all ease-out 1.2s 0s; -o-transition: all ease-out 1.2s 0s;}
a:hover {text-decoration: none;}
ul li { list-style: none;}
.mgt40{ margin-top:40px;}
.mgt60{ margin-top:60px;}

.table { display: table;}
.table-cell { display: table-cell; vertical-align: middle;}

.new_title img{max-width:100%}
.head { width: 100%;  z-index:9999; padding:25px 0; background:#fff;}

.topBox { display: none;}
.menuBox {display: none;}
.head_box {padding: 0px 7%;}
.logo a{ color: #fff;}
.logo a img{	}
.logowz{ width:28.5%; margin-top:20px; box-sizing:border-box; font:18px/30px "微软雅黑"; color:#000 }
.rx{ width:35%; margin-left:2%; margin-top:20px}
.rx li{ width:50%; float:left}
.rx li i{ width:50px; height:50px; float:left;border:1px solid #0b6dc6; box-sizing:border-box; border-radius:50px;}
.rx li i img{ margin:10px;}
.rx li .rxwz{ width:auto; font:16px/16px "微软雅黑"; margin-left:15px; padding-top:5px}
.rx li .rxwz p{font: bold 18px/36px "微软雅黑"}
.search {width: 16.5%; overflow:hidden;}
.search .lan{ width:100%; font:16px/30px "微软雅黑"; color:#000; text-align:right; float:left; margin-bottom:5px;}
.search .lan a:hover{ color:#0b6dc6}
.sech {width: 100%;border:2px solid #0b6dc6; box-sizing:border-box; position: relative;}
.sech .sech_ipt {width: 80%;line-height: 32px;text-indent: 1em;color: #959595;outline: none;}
.sech .submit {position: absolute;	top: 0px;right: 0px;width: 20%;height: 100%;background-size:auto 50%; background-position:center center; background:url(../images/s_ico.png) #0b6dc6 center center}
.sech .submit img{ max-width:80%}


.topmeau { width: 100%; background:#0b6dc6; padding:21px 0}
.topmeau li{ float: left; width: calc(100%/9); text-align: center; position:relative }
.topmeau li a.wz{font: 18px/20px "微软雅黑";}
.topmeau li a.wz:hover{ color:#fff}
.topmeau li.lihover a{ color:#fff}
.topmeau li dl{ width:100%; height: 0; padding-bottom:10px; background:#0b6dc6; position:absolute; left:0; top:43px; opacity:0; filter:alpha(opacity=0);  z-index:9999999999999999}
.topmeau li:hover dl{ height:auto;opacity:1; filter:alpha(opacity=100)}
.topmeau li dl .mz{ width:100%; overflow:hidden; font:14px/35px "微软雅黑"; color:#fff; box-sizing:border-box; }
.topmeau li dl .mz:last-child mz{ border-bottom:none}
.topmeau li dl .mz:hover{background:#fff; color:#0b6dc6;}

.rt_top {  overflow: hidden;}
.rt_top p { font: 18px/65px "微软雅黑";} 
	
.banner_min {padding: 30px 0px;background: #f7f7f7;text-align: center;}
.banner_min li {display: inline-block;background: #fff;padding: 36px 32px 32px;margin: 0px 0.71428%;width: 19%;}
.banner_min li h2{color: #222;	text-align: left;font: 24px/24px "微软雅黑";}
.banner_min li p {color: #999999;font: 16px/16px "微软雅黑";margin-top: 21px;}

.nav{ width:100%; padding:5px 0; background:#fff; border-bottom:solid 1px #eee; position:fixed; left:0; top:0; display:none;  z-index:99}
.nav .logo{ height:45px; margin-left:3%}
.nav .logo img{ width:auto; height:40px; margin-top:2px;}
.nav .nav_icon{ height:35px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:35px}

.nav_menu{ width:100%;height:100%; position:fixed; right:0; top:0; z-index:99999}
.nav_menu .left{ width:42%; min-height:100%; float:left; background:#000; opacity:0.5; filter:alpha(opacity=40); margin:0;}
.nav_menu .right{ width:58%; max-height:100%; min-height:100%; float:right; background:url(../images/tm_b90.png); overflow:scroll}
.nav_menu .right .list{ width:100%; margin-top:20px; padding-bottom:80px; display:inline}
.nav_menu .right .list li{ width:92%; margin:0 4%; float:left; position:relative}
.nav_menu .right .list li .mz{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:10px; border-bottom:solid 1px #fff}
.nav_menu .right .list li dl{ width:100%; float:right}
.nav_menu .right .list li dl dd{ width:100%; float:left; border-bottom:dashed 1px #fff}
.nav_menu .right .list li dl dd a{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:20px}
.nav_menu .right .list li .wz{ font:13px/30px "微软雅黑"; color:#eee; margin:10px 40px 0 0; display:inline}

.kong{ width:100%; height:67px; display:none; clear:both; float:left}

.footer{ display:none;width:100%; padding:6px 0;  background:#000; position:fixed; left:0; bottom:0; display:none; z-index:9999}
.footer a{ width:25%}
.footer a .icon,.footer a .icon img{ width:auto; height:34px}
.footer a .wz{ width:100%; margin-top:3px; font:12px/18px "微软雅黑"; color:#fff; text-align:center}
/**首页标题**/

.tbg1{ background:url(../images/tit1.png) no-repeat center}
.tbg2{ background:url(../images/tit2.png) no-repeat center}
.title { width: 100%; margin: 0px auto; text-align:center; height:105px; }
.title .tda{ font:48px/48px "微软雅黑"; }
.title .titen { font: normal 24px/24px "微软雅黑"; margin-top:25px;}



.nytitle{ width:100%; font: bold 20px/26px "微软雅黑"; text-align:center; color:#4c4c4c}
.search2{ font:14px/25px "微软雅黑"; color:#999}
.bgblock{ background:#000}
.bgwhite{ background:#fff}

/* hon_Box */
.nyhonor{ display:none}
.honbg{ background: url(../images/honbg.jpg) repeat-x top center; padding:50px 0; margin-top:65px; margin-bottom:80px;}
.jzul{ width:100%; margin-top:120px;}
.jzul li{ width:calc(100%/4); float:left;}
.jzul li i{ width:150px; height:150px; margin:0px auto; display:table; box-sizing:border-box; border:1px solid #0b6dc6; border-radius:10px; }
.jzul li i .jzimg{display: table-cell;text-align: center;vertical-align: middle;}
.jzul li i .jzimg img{ max-width:100%;}
.jzul li p{ width:100%; text-align:center; float:left; font:18px/30px "微软雅黑"; margin:15px 0; color:#000;}

#hon_Box{position:relative;width:100%;height:365px;margin:40px auto 50px; float:left}
#hon_Box ul{position:relative;width:100%;height:365px}
#hon_Box li{z-index:0;position:absolute; width: 282px !important; overflow:hidden;top:146px;cursor:pointer;left:377px; text-align:center;}
#hon_Box li:nth-child(1){ height:290px !important}
#hon_Box li:nth-child(2){ height:320px !important}
#hon_Box li:nth-child(3){ height:350px !important}
#hon_Box li:nth-child(4){ width:465px !important;height:380px !important}
#hon_Box li:nth-child(5){ height:350px !important}
#hon_Box li:nth-child(6){ height:320px !important}
#hon_Box li:nth-child(7){ height:290px !important}

/*#hon_Box li a{display: flex;
    align-items: center;  float:left ; }*/
#hon_Box li img{max-width:100%;background:url(../images/loading.gif) no-repeat center 50%;max-height:100%;vertical-align:top}
#hon_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#hon_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#hon_Box .prev,#hon_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:82.5px;height:87.5px;top:131px;}
#hon_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#hon_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
/*#hon_Box .prev:hover{background-position:left top;}
#hon_Box .next:hover{background-position:right top;}*/
#hon_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}


/**首页about**/
.aboutdiv{ width:100%; margin-top:40px;}
.aboutimg{ width:49%; height:532px;}
.aboutimg img{ width:100%;}
.aboutwz{ width:49%;}
.aboutwz .wzimg{ width:100%; height:103px; text-align:left}
.aboutwz .wzimg img{ max-width:100%;}
.aboutwz .wzcon{ width:100%; font:14px/32px "微软雅黑"; color:#000; margin-top:35px; height:220px; overflow:hidden; text-indent:28px;}
.aboutwz .wzmore{ width:175px; font:19px/47px "微软雅黑"; border-radius:30px; background:#0b6dc6; text-align: center; color:#fff; margin-top:70px;}
.aboutwz .wzmore:hover{ background:#b40001}

/**首页推荐产品**/
.prodiv {width: 100%; padding:0 1%; box-sizing:border-box; margin-top:85px}

.pro_list{width:100%;box-sizing:border-box; margin-top:75px; height:412px; overflow:hidden; text-align:left;position:relative; }
.pro_list ul{ width:100%; height:100%;}
.pro_list ul li{ float:left;width:370px; padding-bottom:20px; height: auto; background:#0b6dc6; box-sizing:border-box; border:10px solid #0b6dc6; text-align:center; margin-right:8px; overflow:hidden;}
.pro_list ul li .pic{ width:100%;  height:270px; overflow:hidden;float:left; }
.pro_list ul li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.pro_list ul li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.pro_list ul li .cwz{ width:100%; margin-bottom:20px;font:18px/30px "微软雅黑"; margin-top:20px; color:#fff; text-align:center;}
.pro_list ul li .pm{ width: auto; display:table; margin:0px auto}
.pro_list ul li .pm dl{ width:120px; float:left; text-align:center; border:1px solid #fff; box-sizing:border-box; margin-right:25px;}
.pro_list ul li .pm dl.dlblue{ background:#fff;}
.pro_list ul li .pm dl.dlblue a{ color:#0b6dc6}
.pro_list ul li .pm dl.dlblue:hover{ background:#0b6dc6;}
.pro_list ul li .pm dl.dlblue:hover a{ color:#fff;}
.pro_list ul li .pm dl.dlwhite{ background:#0b6dc6;}
.pro_list ul li .pm dl.dlwhite a{ color:#fff;}
.pro_list ul li .pm dl.dlwhite:hover{ background:#fff;}
.pro_list ul li .pm dl.dlwhite:hover a{ color:#0b6dc6}
.pro_list ul li .pm dl a{ font:18px/30px "微软雅黑"; text-align:center; width:100%;}
.pro_list ul li .pm dl:last-child{ margin-right:0}
.pro_list ul li:hover{ }

/**首页产品中心**/
.pzx{background:url(../images/probg.jpg) no-repeat top center #f2f2f2; padding:80px 0; margin-top:80px;}
.pzxdiv{ width:100%; height:auto; background:#fff; margin-top:65px; padding:30px; box-sizing:border-box}
.pzxdiv .plist{ width:100%;}
.pzxdiv .plist li{ width:23.5%; float:left; margin-right:2%;}
.pzxdiv .plist li .plimg{ width:100%; height:270px; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box}
.pzxdiv .plist li .plimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.pzxdiv .plist li:hover .plimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.pzxdiv .plist li:nth-child(4n+0){ margin-right:0}
.pzxdiv .plist li p{ font:18px/30px "微软雅黑"; height:30px; overflow:hidden;color:#000; width:100%; float:left; text-align:center; margin:20px 0}
.pzxdiv .plist li:hover p{ color:#0b6dc6}

/**首页案例赏析**/
.casediv{ background:url(../images/casebg.jpg) repeat-x top center; padding-bottom:30px; margin-bottom:35px; padding-top:45px}
.casediv .cbt1{ width:100%; float:left; margin-bottom:15px; font:bold 48px/50px "微软雅黑"; color:#ff6501;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;}
.casediv .cbt2{ font:24px/30px "微软雅黑"; color:#fff;}
.clist{ width:100%; float:left; margin-top:200px; margin-bottom:30px;}
.clist li{ width:32%; float:left; margin-right:2%; margin-bottom:35px;}
.clist li:nth-child(3n+0){ margin-right:0}
.clist li .cimg{ width:100%; height:275px; overflow:hidden; float:left}
.clist li .cimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.clist li:hover .cimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.clist li .cwz{ width:100%; height:auto; background:#fff; padding:20px 0}
.clist li .cwz p{ width:100%; font:21px/30px "微软雅黑"; color:#000; text-align:center; margin-bottom:20px;}
.clist li .cwz i{ width:175px; font:20px/47px "微软雅黑"; border:3px solid #0b6dc6; color:#0b6dc6; text-align:center; margin:0px auto; display:table; border-radius:30px;}

.mid{ width:auto; margin:0px auto; display:table; font:18px/47px "微软雅黑"; color:#0b6dc6;}
.mid .mmore{width:175px; font:20px/47px "微软雅黑"; background:#0b6dc6; color:#fff; text-align:center; margin:0px auto; display:table; border-radius:30px;}
.mid i{ width:24px; height:27px; margin: 0 20px; }
.mid b{ font-size:24px;}

/**首页合作伙伴**/
.parbg{ background:#0b6dc6; margin-bottom:80px}
.parbt{ width:100%; font:48px/60px "微软雅黑"; color:#fff; text-align:center; margin:55px 0 }
.pardiv{ width:100%;}
.pardiv li{ width:18.5%; float:left; height: auto; margin-right:1.875%; margin-bottom:20px}
.pardiv li .parimg{ width:100%; height:122px; overflow:hidden; box-sizing:border-box; border:1px solid #d8d8d8;}
.pardiv li .parimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.pardiv li:hover .parimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.pardiv li:nth-child(5n+0){ margin-right:0}
.pardiv li p{ width:100%; float:left; font:18px/30px "微软雅黑"; color:#fff; text-align:center; margin:10px 0}

/**内页产品分类**/
.pb1{background:#E7E7E7 url(../images/products_09_1.png) right 54px bottom 32px no-repeat;}
.pb2{background:#2E2E2E url(../images/products_09_2.png) right 54px bottom 32px no-repeat;}
.plist2{ width:100%; }
.plist2 li{ width:100%; float:left;box-shadow: 0 8px 25px -8px rgba(0, 0, 0, 0.3); margin-bottom:30px;}
.plist2 li .bigpic{ width:40%; height:460px }
.plist2 li .bigpic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.plist2 li .pnr{ width:60%; height:460px;box-sizing:border-box; padding:0 10% 0 5%; position:relative}
.plist2 li .pnr .pm{ width:175px; font:16px/50px "微软雅黑"; color:#fff; text-align:center; background:#0b6dc6; position:absolute; right:0; top:0}
.plist2 li .pnr .pm1{ width:175px; font:16px/50px "微软雅黑"; color:#fff; text-align:center; background:#0b6dc6; position:absolute; left:0; top:0}
.plist2 li .pnr .psn{ width:100%; float:left; box-sizing:border-box; border-bottom:2px solid #5b5b5b; margin-top:90px;}
.plist2 li .pnr .psn .wzl{ width:35%; padding-bottom:35px;}
.plist2 li .pnr .psn .wzl b{ font: bold 24px/30px "微软雅黑"}
.plist2 li .pnr .psn .wzl p{ font:14px/20px "微软雅黑"; text-transform:uppercase; margin-top:5px;}
.plist2 li .pnr .wzr{ width:100%; font:15px/28px "微软雅黑"; padding-right:350px; box-sizing:border-box; margin-top:20px;}
.plist2 li .pnr .cx{ width:235px; height:6px; background:#0b6dc6; margin-top:-4px; float:left}
.plist2 li .pnr li{ width:30%; height:145px; float:left; overflow:hidden; box-sizing:border-box; border-radius:8px; margin-right:5%; margin-top:60px;}
.plist2 li .pnr li:last-child{ margin-right:0}
.plist2 li .pnr li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}






/**首页新闻**/
.industry {width:100%; height: auto; margin-top:50px; border:1px solid #cbcbcb; box-sizing:border-box; padding:20px}
.industry ul li .npic{ width:44%; height:400px;}
.industry ul li .npic img{ display:inline-block; width:100%; height:100%; object-fit:cover;}
.industry ul li .nrnr{ width:53%; height: auto; }
.industry ul li .nrnr .nbt{ width:100%; font: bold 21px/48px "微软雅黑"; color:#000; margin:20px 0}
.industry ul li .nrnr .nbt .tt{ width:100px; font:21px/48px "微软雅黑"; color:#fff; background:#0b6dc6;  text-align:center; margin-right:30px;}
.industry ul li .nrnr .nwz{ width:100%; margin-top:30px; font:14px/24px "微软雅黑"; height:120px; overflow:hidden; color:#000}
.industry ul li .nrnr .date{ width:100%; margin-top:80px; font:18px/47px "微软雅黑"; float:left; color:#000}
.industry ul li .nrnr .date .nmore{width:175px; font:20px/47px "微软雅黑"; background:#0b6dc6; text-align:center; color:#fff; border-radius:30px;}
  

.company {width:100%; height:auto; margin-top:50px;}
.company li {box-sizing: border-box;width:49%; margin-right:2%;float:left;}
.company li:last-child{ margin-right:0}
.company li .cnbt{ width:100%;font:30px/35px "微软雅黑";box-sizing: border-box; border-left:4px solid #0b6dc6; padding-left:20px; color:#2a2a2a}
.company li .cnbt .cnmore{ width:80px; font:16px/32px "微软雅黑"; border:1px solid #c3c3c3; text-align:center; color:#727272; text-transform:uppercase; border-radius:30px;}
.company li .cnbt .cnmore:hover{ background:#0b6dc6; color:#fff;}
.company li .cnk{ width:100%; box-sizing:border-box; border:1px solid #d2d2d2; padding:10px 20px 30px ; margin-top:15px;}
.company li dl{ width:100%; float:left; background:url(../images/nli.png) no-repeat left; padding-left:20px; box-sizing:border-box; border-bottom:1px dashed #c0c0c0}
.company li dl a{ font:16px/50px "微软雅黑"; color:#535353;}
.company li dl span{ float: right}
.company li dl a:hover{ color:#0b6dc6}

/**end首页新闻**/
.banner1{ width:100%; height:auto; float:left; overflow:hidden; position:relative; }
.banner1 img{ width:100%;}
.banner1 div{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner1 div p{ width:100%; height:auto; overflow:hidden; float:left; position:relative;}



.contbg{position: relative;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;color: #fff; background:url(../images/contact_bg.jpg) no-repeat}
.contbg .cbt{ font:35px/60px "微软雅黑"; color:#666; font-weight:bold}
.contbg .c1{ width:65%; height:50px; margin-bottom:10px; text-indent:15px; display:inline; border-bottom:solid 1px #ddd; font:16px/50px "微软雅黑"; color:#666; background:none}
.contbg .c1:last-child{ margin-right:0}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#66;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#666;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#666;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#666;}
.contbg textarea{ width:65%; border:solid 1px #ddd; box-sizing:border-box !important; height:150px; background:none;font:16px/40px "微软雅黑"; color:#666; padding:15px; display:inline; }
.contbg .submit{ width:200px; height:44px; float:left; background:#0b6dc6; font:16px/44px "微软雅黑"; color:#fff; display:inline; margin-top:10px}


.nybox{width: 100%; margin-top:-80px; z-index:99; position:relative;display: none;}
.nybox p { color: #FFF;  font-size: 16px;}
.nybox i { display: block;width: 29px;  height: 3px;  background-color: #FFF;  margin-top: 15px;}
.pro_mbx{  width: 100%; background-color: #EBEBEB; font:14px/55px "微软雅黑"; color:#666;}
.pro_mbx i{ float: left; display: block; width: 63px; height: 55px; margin-right: 15px; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; background: url(../images/products_03.png) center center no-repeat;}
.pro_mbx a{ color: #666;}
.pro_mbx a:hover{ color: #0065B9;}
.pro_mbx span{ display: inline-block; margin: 0 5px; width: 5px; height: 9px; background: url(../images/products_05.jpg) center center no-repeat;}


/**内页客户**/
.nyparbt{ width:100%; background:#EBEBEB; box-sizing:border-box; border-left:5px solid #0b6dc6; font: bold 16px/45px "微软雅黑"; text-indent:20px;}
.parlist{ width:100%; margin-top:25px;}
.parlist li{ width:16%; float:left; height: auto; margin-right:0.8%; margin-bottom:20px}
.parlist li .parimg{ width:100%; height:122px; overflow:hidden; box-sizing:border-box; border:1px solid #d8d8d8;}
.parlist li .parimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.parlist li:hover .parimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.parlist li:nth-child(6n+0){ margin-right:0}
.parlist li p{ width:100%; float:left; font:16px/30px "微软雅黑"; color:#000; text-align:center; margin:10px 0}

/**内页案例**/
.nycase{ width:100%; float:left;}
.nycase li{ width:32%; float:left; margin-right:2%; margin-bottom:35px;}
.nycase li:nth-child(3n+0){ margin-right:0}
.nycase li .cimg{ width:100%; height:275px; overflow:hidden; float:left}
.nycase li .cimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.nycase li:hover .cimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.nycase li .cwz{ width:100%; height:auto; background:#fff; padding:20px 0; box-sizing:border-box; border:1px solid #ddd;}
.nycase li .cwz p{ width:100%;height: 30px;overflow: hidden; font:21px/30px "微软雅黑"; color:#000; text-align:center; margin-bottom:20px;}
.nycase li .cwz i{ width:175px; font:20px/47px "微软雅黑"; border:3px solid #0b6dc6; color:#0b6dc6; text-align:center; margin:0px auto; display:table; border-radius:30px;}


.news {width: 100%;background: #fff;}
.new_text {width: 100%;color: #222;}
.new_box{padding: 0px 7%;}

.box { width:100%; padding: 0px 7%;}
li.prow{width: 100%;float: left;margin-top: 1px; background-color: #F4F5F7; list-style:none}
li.prow .wz7{ width:100%;font:16px/48px "微软雅黑"; text-indent:17px; color:#000;box-sizing:border-box}
li.prow .wz7 a{color:#fff;}
li.prow .epdh{ width:100%; display:none; background:#0b6dc6}
li.prow .epdh a.mz { font:14px/40px "微软雅黑";color: #fff;width: 100%;display: block;text-align: left;text-indent:12px;}
li.prow .epdh a.mz:hover{ color:#00a1ea}
li.prow .epdh a.clwz3 {
	color: #999;
	font-size: 14px;
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 16px;
	margin-top: 6px
; box-sizing:border-box
}

.about_sel {margin-top: 0;padding-bottom: 80px;}
.about_sel_box {width:25%;box-sizing:border-box; height: auto;float:left;}
.about_sel_box .tit { width:100%; float:left;background-color: #F4F5F7; padding: 40px 17px 16px 17px; font-size: 24px; color: #333; border-bottom: 2px solid #E4E4E5; }
.about_sel_box .tit span {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
}
.about_sel_box ul {height: 100%; width:100%; float: left}
.about_sel_box ul li {margin-top: 1px; background-color: #F4F5F7;width: 100%;float: left;cursor: pointer;}
.about_sel_box ul li > a { display: block; padding: 13px 17px; font-size: 16px; position: relative; float:left; width:100%; color:#333 }
.about_sel_box ul li > a:after { content: ""; display: block; position: absolute; top: 26px; right: 19px; width: 7px; height: 7px; border-top: 1px solid #4f4f4f; border-right: 1px solid #4f4f4f; transform: rotate(45deg); }
.about_sel_box li.focus > a { color: #fff; }
.about_sel_box li.focus > a:after { border-top-color: #fff; border-right-color: #fff; }

/*.about_sel_box ul h5 {height: 100%;text-align: center;font-size: 14px;color: #333;text-transform: capitalize;margin: 0;padding:20px 0;}
.about_sel_box ul li h5 span {font: bold 32px/36px "微软雅黑";  margin: 0;color:#0b6dc6; line-height: 18px; padding:1px 0 5px;}*/
	
.about_sel_box li.focus{color: #fff;background: #0b6dc6;}
.about_sel_box li .wz7.focus{color: #fff;background: #0b6dc6;}
.about_sel_tubiao {text-align: center;margin: 0px 0 10px;}

.inLogoH {display: block;}
.inLogoS {display: none;}
.focus .inLogoS {display: block !important;}
.focus .inLogoH {display: none !important;}
.about_sel_box li:hover .inLogoH{display: none;}
.about_sel_box li:hover .inLogoS{display: block!important;}
.about_sel_box li:hover h5{color: #fff!important}
.about_sel_box li:hover h5 span{color: #fff!important}
.about_sel_tubiao img {/*width: 34%;*/margin: 0 auto;}
.about_sel_con {position: relative;z-index: 9;}
.about_sel_left {position: relative;padding-right: 15px;}
.about_sel_zhe {position: absolute;right: 15px;top: 0;height: 100%;width: 50%;background: #F2F2F2;}
.about_sel_con h3 {font-size: 24px;color: #000;letter-spacing: 2px;margin: 49px 0 10px;font-weight: bold;}
.about_sel_con h5 {font-size: 14px;color: #666;margin: 0;line-height: 24px;width: 90%;}

.aboutCompanyInfor {width: 100%;}
.nav {width: 100%;}

.about_txt {
	width: 100%;
	text-align: center;
	margin: 35px 0;
}

.about_txt h2 {
	font: 30px/60px "微软雅黑";
}

.about_txt h2::after {
	content: '';
	display: block;
	width: 72px;
	height: 2px;
	background: #0b6dc6;
	margin: 0px auto;
}

.aboutDiv{ width:73%; font:16px/32px "微软雅黑"; }
.aboutDiv div,.aboutDiv span,{ line-height:32px!important; font-size:16px!important; color:#333; font-family:"微软雅黑","幼园"; }
.aboutDiv p { line-height:36px; font-size:16px; color:#666; font-family:"微软雅黑","幼园"; }
.aboutDiv .mnr{text-align:left;  margin:0px auto; padding:0px auto; width:100%; margin-bottom:60px; float:left;}
.aboutDiv .mnr .lwz{height:auto; width:50%; float:left;}
.aboutDiv .mnr .rimg{height:auto; width:45%; float:right;}
.aboutDiv .mnr .rimg img {width: 100%;}

/**荣誉**/


#honor{
	width: 100%;
	text-align: center;
	
	float: left;
}

#honor li {
	width: 32%; margin-right:2%;
	float: left; box-sizing:border-box; border:1px solid #ddd;
	margin-bottom: 35px;
	position: relative;
}
#honor li:nth-child(3n+0){ margin-right:0}

#honor li img {
	max-width: 186px;
max-height: 200px;
}

#honor li dl {
	display: table;
width: 100%;
height: 220px;
}

#honor li dt {
	display: table-cell;
vertical-align: bottom;
}

#honor li span {
	display: inline-block;
position: relative;
}

#honor li span::before{

background: url(../images/honor-ying.png) no-repeat right top;
position: absolute;
right: -24px;
top: 0;
height: 100%;
content: '';
width: 24px;
}

#honor li p {
height: auto  ;
margin: 0;
line-height: 25px;
padding-top: 25px;
overflow: hidden;
font-size: 14px;
color: #686868; margin-bottom:15px
}

/**招聘**/

.search_box {
	width: 100%;
	padding: 0px 5%;
	box-sizing: border-box;
}

.key {
	width: 100%;
	line-height: 50px;
	font-size: 14px;
	color:#585c64;
}

.key span {
	margin-right: 10px;
	cursor: pointer;
}



.job_title {
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	line-height: 43px;
}

.job_title div {
	width: 20%;
}

.cet_all {
	text-align: center;
}

.job_list {
	width: 100%;
}

.job_list li {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ececed;
	font-size: 14px;
	list-style: none;
}

.job_list li p{
	width: 20%;
	float: left;
}

.job_list li p img {
	display: none;
	margin: 0;
	margin-left: 8px;
}

.job_list li p img.heat{
	display: inline-block;
	
}

.btn_job {
	color: #0b6dc6;
}


.boon {
	width: 100%;
}

.boon_text {
	width: 40%;
}

.boon_text h2 {
	color:#0b6dc6;
	font-weight: 600;
	line-height: 45px;
	font-size: 38px;
}

.boon_text p {
	font-size: 34px;
	color:#666666;
	text-transform: uppercase;
	line-height: 40px;
	font-family: arial;
}

.boon_text i {
	display: block;
	width: 22px;
	height: 2px;
	background:#0b6dc6;
	margin-top: 20px;
}

.boon_box {
	width: 60%;
	font-size: 14px;
	color:#666666;
	line-height: 24px;
}

.boon_box span{
	font-size: 16px;
	color: #0b6dc6;
}


.jobview {width: 100%;margin: 0px auto;}
.jobview h2 {
	color: #333;
	font-size: 28px;
	font-weight: normal;
}


.share_box {width: 100%; margin-top:30px;padding: 20px;box-sizing: border-box;background-color: #f4f4f4}
.share_box li {width: calc(100%/3);list-style: none;font-size: 14px;line-height: 24px;}
.share_box li span {color: #999;}
.share_box li font {	color: #333;}
.description {width: 100%; margin-top:30px;}
.dtion_title {font-size: 18px;	}
.dtion_box {color: #666;line-height: 2;font-size: 14px; margin-top:20px;}

.jobhidden {
	width: 100%; margin-top:50px;
}

.jobhidden a {
	line-height: 38px;
	border-radius: 10px;
	width:18%;
	display: block;
	text-align: center;
	color: #fff;
}

.jobhidden a.btn_orange {
	background-color: #fd8d56;
	margin-right: 16px;
}

.jobhidden a.btn_green {
	background-color: #01b78e;
}
.more_wrap .clpse{
	display: none;
	width: 20%;
	margin: 0px auto;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color:#fff;
	background:#0b6dc6;
	cursor:pointer;
}

.more_wrap {
	width: 100%;
}

.more_wrap  .view_more {
	width: 20%;
	margin: 0px auto;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color:#fff;
	background:#0b6dc6;
	cursor:pointer;
}

/*news*/

.news-txt{float:right;margin-top:70px;width:50%;height:600px;background:#f6f6f6;padding:4% 2% 4% 4%;}
.news-txt .news-date{float:left;width:100%;font-size:36px;font-family:Arial, Helvetica, sans-serif;color:#0b6dc6;margin-top:40px;margin-bottom:36px;}
.news-txt h4{float:left;width:100%;font-size:18px;color:#f07d22;font-family:"微软雅黑";font-weight:normal;}
.news-txt p{float:left;margin-top:24px;width:100%;font-size:14px;color:#686868;font-family:"微软雅黑";line-height:26px;height:104px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.news-txt .ab-more{position:relative;left:0;margin-left:0;bottom:0;margin-top:80px;}

.news-list{width:100%;margin:0px auto 0 auto;}
.news-list ul{width:101.3%;margin-left:-1.3%;}
.news-list ul li{width:32%;float:left;margin-left:1.3%;margin-bottom:30px;border:1px solid #ddd; -webkit-transition: -webkit-box-shadow .2s linear;transition: box-shadow .2s linear;}
.news-list ul li:hover{border:1px solid #0b6dc6;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1); box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.news-list ul li a{width:100%;float:left;padding:16px;}
.news-list ul li a .news-pic{width:100%;float:left;overflow:hidden; height:200px;}
.news-list ul li a .news-pic img{width:100%; height:100%; display:inline-block; object-fit:cover;display:block;transition: 2s;}
.news-list ul li:hover a .news-pic img{-webkit-transform:scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);}
.news-list ul li a .news-tit{width:100%;float:left;margin-top:20px;}
.news-list ul li a .news-tit .nbt{float:left;width:100%;font-size:18px;color:#0b6dc6;font-family:"微软雅黑";font-weight:normal;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list ul li a .news-tit p{float:left;margin-top:12px;width:100%; font:14px/22px "微软雅黑";color:#686868;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-list ul li a .news-tit .news-date{float:left;font-size:20px;font-family:Arial, Helvetica, sans-serif;color:#d1d3d4;margin-top:25px;margin-bottom:12px;}
.news-list ul li a .news-tit .news-more{float:right;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#0b6dc6;margin-top:25px;margin-bottom:12px;}


.news-content{width:100%;margin:0 auto;}
.news-content .news-title{width:100%;max-width:1440px;margin:0 auto;padding-bottom:36px;border-bottom:#d1d3d4 dashed 1px;}
.news-content .news-title h2{width:100%;font-size:24px;color:#f07d22;line-height:32px;font-family:"微软雅黑";font-weight:normal;text-align:center;}
.news-content .news-title h4{width:100%;margin-top:12px;text-align:center;}
.news-content .news-title h4 span{display:inline-block; zoom:1;*display:inline;font-size:12px;font-family:"宋体";color:#989898;margin-left:4px;margin-right:4px;}


/*products*/
.pro-pd-list{width:100%;}
.pro-pd-list ul{width:100%;}
.pro-pd-list ul li{float:left;width:32%; margin-right:2%; height: auto; text-align: center; overflow:hidden; box-sizing:border-box; border:10px solid #0b6dc6;  margin-bottom:20px}
.pro-pd-list ul li:nth-child(3n+0){ margin-right:0}
.pro-pd-list ul li .pimg{width:100%; float:left; height:270px; display:table-cell; vertical-align:middle; overflow:hidden;}
.pro-pd-list ul li .pimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.pro-pd-list ul li a{width:100%;position:relative;overflow:hidden;vertical-align:middle; display:table; float:left; height:100%;}
.pro-pd-list ul li a img{max-width:100%;vertical-align: middle;transition: 2s; width:auto; max-height:360px;}
.pro-pd-list ul li:hover a img{-webkit-transform:scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);}
.pro-pd-list ul li a p{ width:100%; float:left; font:16px/30px "微软雅黑"; margin:10px 0;}
.pro-pd-list ul li a b{ font:normal 14px/22px "微软雅黑"; color:#666; text-transform:uppercase; margin-bottom:10px; width:100%; float:left }
.pro-pd-list ul li:nth-child(2) a p{left:32px;}
.pro-pd-list ul li:nth-child(4) a p{left:32px;}
.pro-pd-list ul li:hover a p{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;}
.pro-pd-list ul li a .pvmore{width: auto; font:14px/30px '微软雅黑'; color:#000;position: absolute; bottom: 0;right: 5px; padding:0px 20px; background:#0b6dc6; border-radius:20px; color:#fff;}
.pro-pd-list ul li a:hover .pvmore{ background:#0b6dc6}

/** proDetails.html **/
.proDetails_sec {float:left;}
.proDetails_sec1_box {overflow: hidden;}
.fenye {text-align: center;	margin-top: 50px;	overflow: hidden;}
.fenye a {display: inline-block;	padding: 0 5px;	line-height: 30px;	color: #0b6dc6;	font-size: 14px;	border: 1px solid ##0b6dc6;	border-radius: 4px;}

#magnifier img {display: block;}
#magnifier {width: 100%;	height: auto;float: left;	position: relative;	cursor: pointer;}
#magnifier img {display: block;}
#magnifier #showmagnifier {display: table-cell;    text-align: center;    width: 100%;border: 1px solid #ddd;    vertical-align: middle;}
#showmagnifier>img {width: 100%;}
#magnifier #smallmagnifier {width: 184.5px;	height: 200.5px	;	position: absolute;	top: 0px;	display: none;}
#hiddenmagnifier {width: 100%; position: absolute;top: 0px;	left: 0px;	overflow: hidden;	/*display:none;*/visibility: hidden;	z-index: 5;}
#magnifier #bigmagnifier {position: absolute;}
#magnifierlist {width: 100%;height: 80px;margin-top: 20px;	padding: 7px 30px;	position: relative;	overflow: hidden;	border: 1px solid #dadada;}
#magnifierLeft {width: 30px;height: 100%;background: #000000;line-height: 80px;text-align: center;
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
#magnifierMiddle {
	width: auto !important;
	height: 60px;
	float: left;
}
#magnifierMiddle>li {
	float: left;
/*	border: 2px solid #ddd;*/
	margin-left: 10px;
}
#magnifierMiddle>li>img {
	height: 60px;
}
#magnifierMiddle>li:first-child {
	border:1px solid #0b6dc6;
}
#magnifierRight {
	width: 30px;
	height: 100%;
	background: #000000;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 0;
	right: 0;
}
.zpbj a img {display: inline-block !important;}

.prodetails_sec_intfo {padding: 35px;}
.prodetails_sec_intfo h3 {border-bottom: 1px solid #dadada;
	margin-top: 0;
	font-size: 24px;
	padding-bottom: 10px;
	font-size: 24px;
	color: #333;
}
.prev{ width:100%; float:left }
.prev .pa,.prev .pb{ width: 100%;height:50px;margin-top:8px;display:inline;font:18px/50px "微软雅黑";color:#fff; padding:0 40px; box-sizing:border-box; background:#0b6dc6; overflow:hidden}
.prev .pa{ background:#0b6dc6}
.prev a:hover{ background:#b40001}

.proD {margin:0px auto 0;overflow: hidden; font:16px/35px "微软雅黑"}
.proD img{ max-width:100%;}
.proD p{ color:#b40001}
.proD b{ color:#0b6dc6; width:100%; margin-top:20px; float:left}
.proD .jxdiv{height: auto; width:400px; margin:10px; }
.proD .jxdiv img{ max-width:100%;height: auto;  float:left;border-radius:20px;}
.proD h4 {font-size: 20px;color: #333;line-height: 24px;margin: 0 auto 20px;}
.proD h4 i {color: #0b6dc6;	margin-right: 10px;}
.proD h6 {font-size: 14px;line-height: 30px;color: #666;margin-top: 10px;font-weight:normal;}
.proD h6 img{width:100%;}
.proD h6 span {display: inline-block;border: 1px solid #ddd;font-size: 14px;height: 30px;line-height: 30px;padding: 0 15px;	margin-right: 10px;	margin-bottom: 10px;color: #666;}
.proD a {font-weight: bold;color: #0b6dc6;margin-left: 10px;font-size: 13px;}
.TabShowCon h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 24px;
	margin: 10px auto;
}
/*.proDetails_sec2 */ 
.proDetails_sec2 {
	width:100%;
	padding: 0;
	 padding: 0px 0;
	 margin-top:2%;
}
.proDetails_sec2_list {
	width: 100%;
	overflow: hidden;
}
.proDetails_sec2_list ul {width: 100%;overflow: hidden;}
.proDetails_sec2_list ul li {
	width: 25% !important;
	float: left;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	border-right: solid 2px #fff;
	background: #909090;
}
.proDetails_sec2_list ul li.active {
	background: #0b6dc6;
}
.TabHide4 {
	display: none;
}
.TabShowCon {
	margin: 30px auto 50px;
	overflow: hidden;
}
.TabShowCon table {
	width: 100% !important;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.TabShowCon table tr td, .TabShowCon table tr th {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.TabShowCon table tr th {
	background: #eee;
	font-size: 15px;
}
.TabShowCon table tr:nth-child(2n+1) {
	background: #f9f9f9;
}
.TabShowUL {
	overflow: hidden;
	margin: 0 auto;
}
.TabShowF {
	text-align: center;
	margin-bottom: 30px;
}
.TabShowF img {
	display: block;
	width: 100%;
	border: 1px solid #f5f5f5;
}
.TabShowF a:hover h3 {
	color: #0b6dc6;
}
.TabShowF a:hover img {
	border: 1px solid #0b6dc6;
}
.tabVideo {
	width: 60%;
	margin: 50px auto;
}
.tabqiehuan4 {
	margin-top: 50px;
}
.tabqiehuan4 h3 {
	color: #333;
	font-size: 24px;
}
.tabqiehuan4 h5 {
	color: #666;
	font-size: 16px;
}
.proDetails_sec2_p {
	overflow: hidden;
}
.proDetails_sec2_p p {
	line-height: 24px;
	font-size: 14px;
	color: #999;
}
.proDetails_sec2_p p i {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #000;
	margin: 0 10px;
	position: relative;
	top: -2px;
	border-radius: 100%;
}
.proDetails_sec2_more {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 500;
}
.proDetails_sec2_more i {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 3px;
	margin-right: 10px;
}
.proDetails_sec2_more i img {
	display: block;
	width: 100%;
	height: 100%;
}
/* proDetails_sec3 */ 
.proDetails_sec3_tui h3 {
	color: #333;
	font-size: 24px;
	padding: 0 0 10px;
	border-bottom: 1px solid #dadada;
	margin: 0;
}
.proDetails_sec3_tui {
	overflow: hidden;
}
.proDetails_sec3_row {
	margin-top: 50px;
	overflow: hidden;
}
.proDetails_sec3_img {
	width: 100%;
}
.proDetails_sec3_img img {
	display: block;
	width: 100%;
}
.proDetails_sec3_row img {
	display: block;
	width: 100%;
	border: 1px solid #f5f5f5;
}
.proDetails_sec3_row h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 24px;
	margin: 10px auto;
	text-align: center;
}
.proDetails_sec3_word h2 {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	font-weight: bold;
	margin: 20px auto 10px;
}
/* proDetails.html */

.down-list{width:100%;margin:60px auto 0 auto;padding:0px 0px;}
.down-list .down-table{width:100%;max-width:1440px;margin:25px auto 0 auto;/*overflow:auto;*/}
.down-list .down-table table{width:100%;min-width:640px;}
.down-list .down-table table tr td.td1{width:50%;}
.down-list .down-table table tr td.td2{width:50%;}
.down-list .down-table table tr td{background:#dedede;font-size:14px;color:#3f3f3f;font-family:"微软雅黑";height:40px;text-align:center;border-left:#fff solid 1px;border-bottom:#fff solid 1px;}
.down-list .down-table table tr td a{display:inline-block;width:96px;color:#3f3f3f;font-size:14px;font-family:"微软雅黑";line-height:40px;background:url(../images/down02.png) no-repeat right center;text-align:left;}
.down-list .down-table table tr:nth-child(even) td{background:#eee;}
.down-list .down-table table tr:hover td{background:#fff;color:#f27d21;}
.down-list .down-table table tr:hover td a{color:#f27d21;background:url(../images/down01.png) no-repeat right center;}


/* 常见焦点图 */
.focusBox{ width:100%; height: 100%;  overflow:hidden; position:relative; margin:0px auto;}
.focusBox .hd{  z-index:1;  text-align: center; width: 100%;  position: absolute; bottom: 0px; }
.focusBox .hd ul{ overflow:hidden; zoom:1;   }
.focusBox .hd ul li{ display: inline-block; margin:0px 6px; border-radius:50%;  width:14px; height:14px; line-height:18px; text-align:center; cursor:pointer; 	font-family:Arial; color:#fff; background-color:#ffffff; }
.focusBox .hd ul li.on{  color:#919191; background-color:#919191;}
.focusBox .bd{ position:relative;   }
.focusBox .bd li { width: 100%; height: 100%; text-align:center;}
.focusBox .bd li img { width: 100%;}
.focusBox .bd .con{ height:28px; line-height:28px; text-align:center; font-weight:bold; }


.ntion {width: 100%;height: 40px;background-color: rgba(183,146,112,.5);margin-top: -40px;position: relative;}

#gallery {	width: 100%;position: relative;}
#gallery img {  border: none;}
.pat60{ padding:60px 0}
.pros {}

#left { float:left; width:100%;  height: 64px; border-bottom: 1px solid #F7F7F7;}
#left .sidebar{ width:100%; }

.prodLilist{text-align:center; width: 31.979%; margin-right: 2%;float:left;  overflow:hidden; margin-bottom: 27px;}
.prodLilist span{display: table-cell;text-align: center;vertical-align: middle;}
.prodLilist span img { max-width: 100%;}
.prodLilist:nth-child(3n) { margin-right: 0; float: left;}
.prodLilist a {display: block;}

.pc_ul {width:100%; text-align:center; margin:0px auto; }
.pc_ul li{ width:32%; margin-right:2%; float:left; text-align:center;}
.pc_ul p {text-align: left; font-size:16px; color: #666; width: 100%;text-align:center;line-height: 56px;background: #fff;}

.page {width: 100%;text-align: center;margin-top: 2.4%;float: left}
.page a {display: inline-block;height: 38px;padding: 0 15px;background-color: #fff;border: 1px solid #e5e5e5;line-height: 38px;color: #666;margin: 0 1px;}
.page span {display: inline-block;height: 38px;padding: 0 15px;background-color: #0b6dc6;border: 1px solid #0b6dc6;line-height: 38px;color: #666;margin: 0 1px;color: #fff;}

.sidebar ul,.sidebara ul{width:100%;margin:0px auto;  }
.sidebar ul li{  line-height:64px; box-sizing: border-box;  height:64px; position: relative; float: left; }
.sidebar ul li a{ height:64px; box-sizing: border-box; line-height:64px; padding: 0px 20px; box-sizing: border-box; overflow:hidden; display:block;  color:#363636; font-size:16px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.sidebar ul li.left1 a{ color: #0b6dc6; padding: 0px 20px; border-bottom: 3px solid #0b6dc6; }
.sidebar ul li i { display: block; width: 0px; height: 0px;  background: #fff; position: absolute; right: 0px; top:50%;}
.sidebar ul li:hover a{ color:#fff;background: #0b6dc6; }

.sidebar ul li ul{ padding:5px 0 0 10px; background:none;}
.sidebar ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}


.news_box {width: 100%;padding:3% 0;}
#newslist ul {margin-top: 0%;}
#newslist ul li {border-bottom: 1px solid #e5e5e5;}
#newslist ul li:hover {  background-color: #f8f8f8;}

.new_txt {float: left;width: 80%; margin-top:22px; padding-right:3%; box-sizing:border-box}
.new_txt h2 {font-weight: normal;font-size: 18px;color: #000;height: 25px;overflow: hidden;}

.new_txt p {
	font-size: 14px;
	color: #777;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	margin-top: 18px;
}

.new_date {
	box-sizing: border-box;
	float: right;
	width: 20%;
	border-left: 1px solid #e5e5e5;
	font-family: 'Arial';
	color: #bababa;
	margin-top: 22px;
	font-size: 15px;
	text-align:center
}

.new_date span {
	text-align: center;
	display: block;
}

.new_date span.d1 {
	 width:100%; float:left;
	font-size: 50px;
color: #999;
line-height: 56px;
}
.new_date span.d2 { width:100%; float:left;}

.closeWindow { margin-top:48px; float: left;}
.closeWindow a { padding: 10px 8px; background: #0b6dc6; color: #fff!important; }

.preNext {
	border-top: dashed 1px #e5e5e5;
	padding-top: 1%;
}

.preNext p{
	width: 50%;
	float: left;
}

.preNext p+p {
	text-align: right;
}

.ption a{
	padding: 14px 20px;
	background: #0b6dc6;
	color: #fff;
}

#contact1 {
	width: 100%;
	margin: 64px 0px;
}

#contact1 li {
	width: 48%;
	float: left;
	box-sizing: border-box;
}

#contact1 li.cont_text {
	text-align: left;
	line-height: 2;
	font-size: 15px;
	float:right;
}

#contact1 li.cont_img img{
	width: 100%;
}

#contact1 li.cont_li {
	margin: 0px 30px;
}

#contact1 li h2 {
	color: #222;
	font: 30px/200px "微软雅黑";
}

#contact1 li p {
	color: #595959;
	font: 14px/14px "微软雅黑";
	margin-top: 34px;
}

.process ul li {
		margin-right:79px;
	}

.process ul li i {
		width: 80px;
		height: 80px;
	}
	


	
	.new_text {
		font-size: 24px;
		font-weight: bold;
		height: 56px;
		line-height: 1;
	}
	
	
	
	.honor {
		width: 25%;
		background: #f7f7f7;
		height: 340px;
	}
	
	.focusBox .hd ul {
		background: #222222;
		height: 38px;
		line-height: 38px;
		padding-top: 4%;
	}
	
	.case_img li:nth-child(3n) {
		margin-right: 0px;
	}
	
	.jiaoshiDiv_img img {
		width: 100%; 
		height: 100%; 
		max-height: 240px;
	}
	
		.navigation {
			width: 60%;
		}
		
		.navigation dl {
			width: calc(100%/6);
			float: left;
			text-align: left;
		}
		.navigation dl p{ width:100%; font:14px/30px "微软雅黑"; text-align:center;}
		.navigation dl dt {
			font-size: 16px;
			color: #fff;
			padding-bottom: 4%;
			position: relative;
		}
		
		.navigation dl dt::after {
			content: '';
			display:block;
			width: 25px;
			height: 1px;
			
			margin-top: 3%;
			position: absolute;
			bottom: -1px;
		}
		
		.navigation dl dd {
			width: 100%;
		}
		
		.navigation dl dd a {
			color: #ccc;
			font-size: 14px;
			display: block;
			margin-top: 8%;
		}
		
	
		.foot_bottom {
			width: 100%;
			color: #ccc;
			line-height: 50px;
			height: 50px;
			margin-top: 2.3%;
			border-top: 1px solid #4e8277;
			position:relative;
			 text-align:center;
			 float:left;
		}
		
		.foot_bottom .db { position:absolute; right:7%; top:0%}
        .foot_bottom .db img{ margin-left:20px;}
		.foot_bottom a .db{ color:#fff;}
		.footerdiv {
			
		}
		
		
		
	
		
	.field { width: 100%; padding: 48px 0px 0px; height: 648px; box-sizing: border-box; overflow: hidden; background-image:url(images/al_bk.jpg); background-repeat:no-repeat; background-position: top center;}
	.field_img { width: 100%; height: 418px; overflow: hidden;  margin-top: 48px;}
	
	
	
	.mainl {
		width:100%;
		margin-top: 40px;
	}
	
	
	
/*authen*/
.authen-banner{width:100%;height:250px;margin:0 auto;position:relative;}

.authen-list{width:100%;margin:0 auto; margin-bottom:60px;}
.authen-list .pub-title span{font-size:18px;color:#d1d3d4;line-height:22px;}
.authen-list .pub-title h3{font-size:24px;line-height:30px;color:#f27d21;}
.authen-list ul{float:left;width:100%;}
.authen-list ul li{float:left;width:25%;background:#f4f4f4; cursor:pointer;}
.authen-list ul li .authen-pic{padding:12% 22%;width:100%;height:100%;border:1px solid transparent;}
.authen-list ul li:hover .authen-pic{border:#f27d21 solid 1px; box-sizing:border-box;}
.authen-list ul li .authen-pic img{width:100%;display:block;}
.authen-list ul li:first-child{background:#e7e7e7;}
.authen-list ul li:nth-child(3){background:#e7e7e7;}
.authen-list ul li:nth-child(6){background:#e7e7e7;}
.authen-list ul li:nth-child(8){background:#e7e7e7;}


.pro-det-box{position:fixed;z-index:99999999;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);  *zoom:1;}
.pro-det{position:absolute;width:960px;height:600px;top:50%;left:50%;margin-top:-300px;margin-left:-480px;border:#f27d21 solid 4px;background:#fff;text-align:center;}
.pro-det-pic{display:inline-block; zoom:1;*display:inline;height:100%;}
.pro-det-pic img{height:100%;display:block;}
.pro-close{position:absolute;width:42px;height:42px;top:8px;right:8px;background:url(../images/icon-nav-close.png) no-repeat center center;background-size:100%; cursor:pointer;}

@media (max-width: 1800px) {
.main{ width:95%}	
}
@media (max-width: 1300px) {
.rx{ display:none}
	
}
@media (min-width: 1200px) and (max-width: 1600px) {
.rx li i { width: 40px; height: 40px;}
.rx li i img{ margin:5px}
.rx li .rxwz{ font:14px/16px "微软雅黑"; }
.rx li .rxwz p{font: bold 17px/36px "微软雅黑"}
.logowz{ font:17px/30px "微软雅黑"}
.head_box {padding: 0px 2%;}
.fullSlide {height: 400px;}
.topindex-maxpic {height: auto;}
.fullSlide .bd li{height: 400px;}
.banner_min li {width: 24%;}
	

	
}


@media (max-width: 1200px) {
.title .tda {  font: 40px/48px "微软雅黑";}
.title .titen {font: normal 20px/24px "微软雅黑";}
.prodiv {margin-top:60px;}
.pro_list ul li{ width:330px;}
.jzul li i { width: 120px; height: 120px;}
.jzul li i .jzimg img {max-width: 80%;}
.jzul li p {  font: 16px/30px "微软雅黑";}
.pzxdiv .plist li .plimg { height: 210px;}
.clist li .cimg {height: 225px;}
.clist li .cwz p { font: 18px/30px "微软雅黑";}
.clist li .cwz i { width: 155px; font: 20px/35px "微软雅黑";}
.parbt { font: 40px/60px "微软雅黑";}
.pardiv li .parimg { height: 100px;}
.company li .cnbt { font: 25px/30px "微软雅黑";}
.fullSlide {height: 356px;}
.banner1{ margin-top:56px}
.nybox p {
    color: #FFF;
    font-size: 14px;
}
.nybox i{ margin-top:5px;}
.nybox{ margin-top:-40px;}
.topindex-maxpic {height: auto;}
.fullSlide .bd li{height: 356px;}
.head_box {padding: 0px 1%;}
.kong,.nav,.footer{ display:block}
#footer, .cbtr, .head,.fb {
    display: none;
}
.parlist li {
    width: 19%;
    float: left;
    height: auto;
    margin-right: 1.25%;
    margin-bottom: 20px;
}
.parlist li .parimg{ height:100px;}
.parlist li:nth-child(5n+0) {
    margin-right:0px;
}
.parlist li:nth-child(6n+0) {
    margin-right: auto;
}

#hon_Box,.topmeau{ display:none}
.nyhonor { display:block;
    width: 100%;
    padding: 0px 13.5%;
    box-sizing: border-box;
}
.nyhonor_box {
	width: 100%;
	position: relative;
}

.nyhonor_list .hd .nyhonor_next, .nyhonor_prev {
    top: 45%;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
    z-index: 1;
    cursor: pointer;
}

.nyhonor_list .hd .nyhonor_next {
    right: 0px;
    background: url(../images/next_nh.png) no-repeat;
    margin-right: -40px;
}

.nyhonor_list .hd .nyhonor_prev {
    left: 0px;
    background: url(../images/prev_nh.png) no-repeat;
    margin-left: -40px;
}

.nyhonor_box ul {
	width: 100%;
}

.nyhonor_box ul li {
	width: 298px;
	overflow:hidden;
	float: left;
	text-align: center;
}

.nyhonor_box ul li img {
	width: 90%;
	display: block;
}

.nyhonor_img {
	width: 298px;
	overflow: hidden;
	height: 346px;
}

.nyhonor_img:hover img {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
}

.nyhonor_box ul li p {
color:#fff;
line-height: 48px;
}


			
.mtop {height: 56px;}
/*.logo a img{ width:80% }*/
.topmeau li a {font: 16px/52px "微软雅黑";}
.rt_top {display: none;}
.column{	float: right!important;}
.banner_min li {	width: 30%;}
.box {padding: 0% 0%;}
.inpro li .pwz { font: 16px/45px "微软雅黑";}

.pro-pd-list ul li{width: 49%;margin-right: 2%; box-sizing: border-box;}
.pro-pd-list ul li:nth-child(3n){margin-right: 2%;}
.pro-pd-list ul li:nth-child(2n){ margin-right:0}


.about_sel_box ul li h5 span { font: bold 25px/36px "微软雅黑"; margin: 0; color: #0b6dc6; line-height: 18px; padding: 1px 0 5px;}

.aboutDiv {padding-bottom: 100px;}
.aboutDiv div,.aboutDiv span,{ line-height:32px!important; font-size:16px!important; color:#333; font-family:"微软雅黑","幼园"; }
.aboutDiv p { line-height:28px!important; font-size:15px!important; color:#666; font-family:"微软雅黑","幼园"; }
.aboutDiv .mnr{text-align:left;  margin:0px auto; padding:0px auto; width:100%; margin-bottom:15px; float:left;}
.aboutDiv .mnr .lwz{height:auto; width:100%; float:left; margin-bottom:25px;}
.aboutDiv .mnr .rimg{height:auto; width:100%; float:right;}
.aboutDiv .mnr .rimg img {width: 100%;}

.mgt60{ margin-top:35px}
.contbg .c1,.contbg textarea { width: 100%; font: 14px/50px "微软雅黑";}

.news-list ul li { width: 49%; margin-right: 2%;margin-left:0}
.news-list ul li:nth-child(2n+0){ margin-right:0}
.news-list ul li a .news-tit .nbt{ font:17px/20px "微软雅黑";}
.news-list ul li a .news-tit p{ font:12px/22px "微软雅黑"}
.news-list ul li a .news-tit .news-date,.news-list ul li a .news-tit .news-more{ font-size:15px; margin-top:10px;}

.prodLilist { width: 49%; margin-right: 2%;}
.prodLilist:nth-child(2n+0){ margin-right:0}

.plist2 li .bigpic,.plist2 li .pnr{ height:350px}
.plist2 li .pnr .psn{ margin-top:60px}
.plist2 li .pnr .psn .wzl b { font: bold 20px/30px "微软雅黑";}
.plist2 li .pnr .psn .wzl p { font: 12px/18px "微软雅黑";}
.plist2 li .pnr .psn .wzl {width: 100%;padding-bottom: 20px;}
.plist2 li .pnr .wzr { padding-right: 150px;font: 14px/25px "微软雅黑";}

.industry ul li h2{ height:60px;}


#newslist ul li {float: left;width: 100%;margin-bottom: 6%;}
.focusBox .bd li img {width: 80%;margin-top: 20%;}

.wdiv {width: 100%;}
.pj {  width: 100%;  height: 240px;  overflow: hidden;}

#footer {padding-top: 2.3%;}

}


@media (max-width: 1024px) {  

.p_pic{ margin-top:5%;}
.inpro span.active { width: 32%;}
.inpro {width: 100%;margin-right: 0px;}
		
}

@media (max-width: 888px) {
.nav .logo img {
    margin-top: 2.5px;
}
.tbg1,.tbg2{ background:none}
.title{ height:auto;}
.title .tda {
    font: 35px/40px "微软雅黑";
}
.title .titen {
    font: normal 18px/20px "微软雅黑"; margin-top:10px
}
.pro_list{ margin-top:35px; height:360px;}
.pro_list ul li { width: 300px;}
.pro_list ul li .pic{ height:220px}
.jzul li i {  width: 100px;  height: 100px;}
.jzul li i .jzimg img {
    max-width: 60%;
}
.aboutimg {
    width: 100%;
    height: 350px;
}
.aboutwz{ width:100%; margin-top:30px;}
.pzxdiv .plist li,.clist li {  width: 49%;}
.pzxdiv .plist li .plimg {  height: 260px;}
.pzxdiv .plist li:nth-child(4n){ margin-right:2%}
.clist li:nth-child(3n){ margin-right:2%}
.pzxdiv .plist li:nth-child(2n),.clist li:nth-child(2n){ margin-right:0%}
.pardiv li{ width:32%; margin-right:2%;}
.pardiv li:nth-child(5n){ margin-right:2%}
.pardiv li:nth-child(3n){ margin-right:0%}

.industry ul li .nrnr .nwz {margin-top: 10px;font: 14px/24px "微软雅黑"; height: 50px;}
.industry ul li .nrnr .date{ margin-top:50px;font: 16px/35px "微软雅黑";}
.industry ul li .nrnr .date .nmore {
    width: 105px;
    font: 16px/35px "微软雅黑";
}
.company{ margin-top:0px;}
.company li{ width:100%;}
.company li .cnbt{ margin-top:25px;}

.industry{ height:300px}
.industry ul li .npic{ height:250px;}


.nycase li {  width: 49%;}
.nycase li:nth-child(3n){ margin-right:2%}
.nycase li:nth-child(2n){ margin-right:0}
#contact1{    margin: 35px 0px;}
#contact1 li{ width:100%} 
.new_txt p{ margin-top:0px}
.new_txt h2 {font-size: 16px;}
.pat60{ padding:0 0}
.about_txt h2 {font: 22px/40px "微软雅黑";}
#footer,.cbtr,.head,.about_sel_box{ display:none}
.footer { display: block;}



.pc_ul{ margin-top:30px}

.inpro li { width: 49%; margin-right: 2%;}
.inpro li:nth-child(2){ margin-right:0}
.inpro li .pj { height: 250px;}

.aboutul li {height: 225px;}

.casebt { background:none; height:auto; margin-bottom:30px;}
.cbt2 { font: 24px/24px "微软雅黑";margin-top:5px;}
.cbt3 {font: 14px/25px "微软雅黑"; margin-top: 10px;}

.newsbox{ margin-bottom:60px;}

.parlist li {
    width: 23.5%;
    margin-right: 2%;
}

.parlist li:nth-child(4n+0) {
    margin-right:0px;
}	
.parlist li:nth-child(5n+0) {
    margin-right: 2%;
}
	
.aboutDiv{ width:100%; margin-top:0px}	
.news-list{margin:0px auto 30px auto;}
.news-list ul{width:100%;margin-left:0%;}
.news-list ul li{width:100%;float:left;margin-left:0%;margin-bottom:36px;border:1px solid #0b6dc6;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1); box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.news-list ul li a .news-pic{ height:250px;}
.news-list ul li a .news-tit .news-date{float:left;font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#d1d3d4;margin-top:24px;}
.news-list ul li a .news-tit .news-more{float:right;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#0b6dc6;margin-top:26px;}

.fullSlide .hd {height: 30px;}
.fullSlide {height: 200px;}
.topindex-maxpic {height: auto;}
.fullSlide .bd li{height: 200px!important;}

.pros {padding: 3% 0px;}
	
.banner_min li {padding: 36px 1% 32px;}
	
#contact1 li h2 {font: 24px/48px "微软雅黑";}
	
.topBox {position: fixed; left: 0px; top: 0px; width: 100%;  color: #ababab; z-index: 9999999;  background-color: #f1f1f1; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);display: block;}
.logoBox { width: 60%; float: left;display: block;font-size: 1.2em;}
.logoBox  a {color: #fff;line-height: 56px;padding-left: 1em;	box-sizing: border-box;	}
.logoBox img {width:85px;}
			
.menu-handler { background-color: #e62129; display: block; width: 100%; height: 70px; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .menu-txt{ text-align: center; display: block; position: absolute; left: 0px; top: 0px; line-height: 70px; font-size: 14px; color: #fff; width: 100%;}
.menu-handler .burger { width: 20px; height: 2px; background: #fff; display: block; position: absolute; z-index: 5; top: 29px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 34px; }
.menu-handler .burger-3 { top: 39px; }
/*.menu-handler.active { background-color: #e62129; }
.menu-handler.active .burger { background-color: #fff; }*/
.menu-handler.active .burger-1 { top: 34px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 34px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
#menu-moible-handler { width: 56px; height: 56px; background-color: #0b6dc6; }
#menu-moible-handler .menu-txt{ line-height: 56px;}
#menu-moible-handler .burger { background-color: #fff; height: 3px; width: 30px; top: 18px; margin-left: -15px; }
#menu-moible-handler .burger-2 { top: 28px; }
#menu-moible-handler .burger-3 { top: 38px; }
#menu-moible-handler.active .burger-1, #menu-moible-handler.active .burger-3 { top: 28px; }
				
.navMobile { padding: 40px 0px;}
.menuBox {display: block;}
.menuBox { background-color: #f1f1f1; color: #9d9d9d;  position: fixed;  right: 0px;  top: 0px;  width: 584px;  height: 100%;  z-index: 910; overflow-x: hidden;  overflow-y: auto; -webkit-overflow-scrolling: touch;   transform: translate(570px,0px); -moz-transform: translate(584px,0px); -webkit-transform: translate(584px,0px); -o-transform: translate(584px,0px); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menuBox-logo {  padding: 30px 30px 0px;}
.menuBox-logo a {font-size: 24px;color: #0b6dc6;}
.menuBox-logo .logo {  margin-left: 0px;}
.menuBox-logo .logo  img{ width: 146px;} 
			
.moible-menu li { float: left; display: block; width: 56px; height: 56px;}
.moible-menu { float: right; display: block;}
.navMobile .item { padding: 12px 30px; display: block; position: relative; font-size: 16px; line-height: 1.4; color: #5b5b5b;}
.navMobile .subnav { display: none;  background-color: #ffffff; padding: 20px 0px;}
.navMobile li.active .item {  color: #fff; background-color: #0b6dc6;}
.navMobile .subnav a {color: #828282;  display: inline-block; margin: 0px 10px 6px 30px;	background: #fff;width: 33.33333333%;}
			
.mobile-foot { padding: 40px 30px; border-top: 1px solid #d8d8d8;}
			
.mtop {height: 56px;}
	


.banner_min li h2 {font-size: 1.2em;font-weight: bold;}
.inpro span h2{font: 14px/35px "微软雅黑";color: #000;margin-top:0px;width: 100%;background:#f0f0f0;}
	
.pj {width: 100%;height: 150px;overflow:hidden;}
	
.new_text {	font-size: 1.2em;height: 32px;}
.new_cnt { width: 100%; float: left;  padding: 30px 0px;}

.navigation dl { width: calc(100%/5);  float: left;  text-align: left;}
.navigation dl dt {font-size: 14px;color: #fff;padding-bottom: 4%;position: relative;}
		
.navigation dl dd a {color: #ccc;font-size: 12px;display: block;margin-top: 8%;}
.navigation dl.ewm{ width:100%; margin-top:30px;}
.navigation dl p{ text-align:left}
.foot_bottom .db {position:absolute;right:7%;top: -149px;}


/* prdetails.html */
	.proDetails_sec {
	    padding: 0px 0;
	} 
	.proDetails_sec .SecCon{
		width: 100%;
	    padding: 0 !important; 
	    margin: 0;
	}
	.prodetails_sec_intfo {
		float:left;
	    padding: 35px 15px;
	    background: #f9f9f9;
	}
	.prodetails_sec_intfo h3 {
	    font-size: 18px;
	}
	
	.proD {
	    margin: 20px auto 0;
	    overflow: hidden;
	}
	.proD h4 {
	    font-size: 16px;
	    line-height: 24px;
	    margin: 0 auto 10px;
	}
	.proD .jxdiv{height: auto; width: auto; margin:10px; }
	.proD h6 {
	    font-size: 13px;
	    line-height: 20px;
		margin-bottom:0px;
	}
	.proD h6 img{
		width:100%;
	}
	.TabShowCon {
    margin: 0px auto 50px;
    overflow: hidden;
}
	.proDetails_sec2{
		padding: 0 15px;
	}
	.proDetails_sec2_list ul li {
	    width: 50% !important;
	    padding: 15px 0;
	    font-size: 13px;
	    border-right: none; margin-bottom:3px;
	}
	.proDetails_sec3_tui>h3{
		margin:0 15px;
		font-size: 18px;
	}
	.proDetails_sec3_row h3{
		font-size: 13px;
	}
	#magnifierMiddle>li>img{ height: 50px !important;}
	
}


@media (max-width: 720px) { 

.mindiv .mdiv .m1 {  font: bold 20px/20px "微软雅黑";}
.mindiv .mdiv em img{ height:30px}
.mindiv .mdiv span { font: bold 22px/22px "微软雅黑"; margin-top:5px}
.caser { height:200px;}
.industry ul li .nrnr font { font: normal 16px/30px "微软雅黑";}

.aboutDiv .mnr .lwz { height: auto;width: 100%; float: left;}
.aboutDiv .mnr .rimg {height: auto; width: 100%; float: right;}
.aboutDiv .mnr .rimg img,.casel,.caser,.main { width: 100%;}
.ntion {display:none;}
.inpro span,#honor li {width: 49%;}
.inpro span.active { width: 49%;}
.mainl {margin-top: 7%;}
.prodLilist {width: 48%;margin-right: 4%;}
.prodLilist span{ width:100%; height:350px; display:block;}
.prodLilist span img {height:100%;width: 100%;display:inline-block; object-fit:cover;}
.pros {width: 100%;padding-bottom: 3%;}
.prodLilist:nth-child(2n),#honor li:nth-child(2n){margin-right: 0px;}
#honor li:nth-child(3n){ margin-right:2%}
#honor li:nth-child(6){margin-right: 0px;}
	
.head,.head1,.column,.honor {display: none;}
	
.banner_min li h2 {font-size: 1.2em;}
.banner_min li { width: 31%;} 
.banner_min li p {font-size: 1em;height: 32px;}


.case_img li {width: 48%;margin: 0px 0px 2% 2%;}
.case_img li:nth-child(2n) {margin: 0px 0px 2% 2%;} 
			
.about_text,.about_rt,.about_lt{width: 100%;}

.navigation {width: 100%;margin-top: 8%;}
.new_cnt { width: 100%; float: left; padding: 30px 0px;}


}


@media (max-width: 640px) {  
.ban_text {width: 100%;text-align: center;}
.banner_min li {padding: 4% 1%;}
.banner_min li h2 {text-align: center;}
.banner_min li p {	margin-top: 6px;}
.banner_min li img {margin: 0px auto;float: none;margin-top: 12px;}
	

}

@media (max-width: 500px) {
.title .tda{
    font: 22px/40px "微软雅黑";
}
.banner{ margin-top:56px;}
.prodiv{ margin-top:30px;}
.pro_list{ margin-top:25px; height:280px}
.pro_list ul li{ width:200px;}
.pro_list ul li .pic { height:160px;}
.pro_list ul li .cwz { font: 14px/25px "微软雅黑";  margin: 10px 0;}
.pro_list ul li .pm dl { width: 80px; margin-right: 5px;}
.pro_list ul li .pm dl a {
    font: 14px/30px "微软雅黑";}

.honbg{ margin:30px 0; padding:30px 0; background-size:250%}
.jzul{ margin-top:35px;}
.jzul li { width: calc(100%/2);}
.jzul li i {
    width: 80px;
    height: 80px;
}
.jzul li p {
    font: 14px/25px "微软雅黑";
}
.aboutimg { height: 200px;}
.aboutwz .wzimg{ text-align:center}
.aboutwz .wzimg img {
    max-width: 50%;
}
.aboutwz .wzcon{ margin-top:0}
.aboutwz .wzmore{ margin-top:40px}
.pzx { padding: 35px 0; margin-top: 40px;}
.pzxdiv {
    width: 95%;
    padding: 10px;
    margin: 30px  2.5% 0;
}

.pzxdiv .plist li .plimg {
    height: 150px;
}

.pzxdiv .plist li p {
    font: 14px/30px "微软雅黑";
    margin: 5px 0;
}
.casediv {
    margin-top: 35px;
    padding-bottom: 30px;
    margin-bottom: 35px;
}
.clist{ margin-top:35px;}
.clist li{ margin-bottom:15px;}
.clist li .cimg { height: 165px;}
.clist li .cwz p { font: 14px/22px "微软雅黑"; margin-bottom:10px}
.clist li .cwz{ padding:10px 0}
.clist li .cwz i {
    width: 125px;
    font: 14px/30px "微软雅黑";
}
.casediv{ background-size:250%; padding-top:30px;}
.casediv .cbt1{ margin-bottom:10px;font: 22px/22px "微软雅黑";}
.mid .mmore{ width:100%;font: 16px/45px "微软雅黑";}
.parbt { font: 28px/28px "微软雅黑"; margin:30px 0}
.pardiv li{ margin-bottom:0}
.pardiv li .parimg {height: 60px;}
.pardiv li p { font: 14px/25px "微软雅黑"; margin: 5px 0;}


.industry{ height:auto}
.industry ul li .npic {
    width: 100%;
    height: 150px;
}
.industry ul li .nrnr{ width:100%;}
.industry ul li .nrnr .nbt{ margin:10px 0}
.industry ul li .nrnr .nbt .tt,.industry ul li .nrnr .nbt { font: 18px/35px "微软雅黑";}
.industry ul li .nrnr .date{ margin-top:20px}

.company li dl a {
    font: 14px/40px "微软雅黑";
}
.company li .cnbt {
    font: 18px/25px "微软雅黑";
}
.company li .cnbt .cnmore {width: 80px; font: 14px/25px "微软雅黑";}
.title .titen,.casediv .cbt2 {  font:12px/20px "微软雅黑"; margin-top:0}
.aboutDiv {
    font: 14px/30px "微软雅黑";
}
.share_box li {
    width: calc(100%/2);}
.pro-pd-list ul li .pimg{ height:150px;}
.nycase li .cimg{ height:180px;}
.nycase li .cwz i {
    width: 120px;
    font: 14px/30px "微软雅黑";
    border: 3px solid #0b6dc6;
}
.nycase li .cwz p{ padding: 0 15px; box-sizing:border-box}

.inpro li .pj { height: 180px;}
#contact1 li {width: 100%;}
#contact1 li.cont_img img {width: 100%;}
#contact1 {width: 100%;margin: 35px 0px;}
.news {padding: 6% 2%;}


.newsbox{ margin-top:30px;}
.nyhonor_img { height: 250px;}
.pro_mbx { font: 14px/45px "微软雅黑";}
.pro_mbx i{ float: left; display: block; width: 45px; height: 45px; margin-right: 10px;}
.nyparbt {font: bold 14px/32px "微软雅黑";}
.mgt60 { margin-top: 20px;}
.parlist li {
    width: 49%; margin-bottom:0
}

.parlist li:nth-child(2n+0) {
    margin-right:0px;
}	
.parlist li:nth-child(5n+0) {
    margin-right: 2%;
}
}


@media (max-width: 375px) {

.inpro li .pj { height: 180px;}

.new_cnt { width: 100%;  float: left; padding: 30px 0px;}

#contact1 li {width: 100%;}	
#contact1 li.cont_img img {width: 100%;}
#contact1 {width: 100%;margin: 35px 0px;}

.news {padding: 6% 2%;}


}


@media (min-width: 1200px) {
	
#newslist ul li {overflow: hidden;padding: 24px 0;}
.pros {width: 100%;padding: 3% 0;}
	
/* 常见焦点图 */
.focusBox .bd {width: 62%;margin: 0px auto;padding-top: 7.5%;}

.news {padding: 56px 0px;}
.new_box {padding: 3.5% 7%;}
	 

}


#footer{ width:100%;color:#fff;  float: left; background: #0b6dc6; padding:50px 0 40px ; margin-top:80px;} 
.footerdiv {text-align:center; color:#fff;  }

.foot_logo{ width:25%; margin-right:6%; box-sizing:border-box; border-right:1px solid #2762a5;}
.foot_logo .flogo{ width:100%; height:115px; text-align:left}
.foot_logo .flogo img{ max-width:100%;}
.foot_logo .fdh{ width:100%; margin-top:30px;}
.foot_logo .fdh li{ width:50%; float:left; margin-bottom:15px; text-align:left;}
.foot_logo .fdh li a{ font:18px/30px "微软雅黑"; color:#fff}

.foot_lx{ width:44%; height:auto; text-align:left; }
.foot_lx .lxbt{ width:100%; float:left; box-sizing:border-box; border-bottom:1px solid #2762a5; background:url(../images/flx.png) no-repeat left center; font:24px/75px "微软雅黑"; color:#fff; text-indent:40px;}
.foot_lx .lxcon{ width:100%; font:18px/48px "微软雅黑"; color:#fff; margin-top:40px;}


.fl_ewm { width:21% ; min-height:325px;text-align: left; border-left:1px solid #2762a5; box-sizing:border-box; padding-left:55px;}
.fl_ewm .ewmbt{ width:100%; float:left;background:url(../images/sys.png) no-repeat left center; font:24px/30px "微软雅黑"; color:#fff; text-indent:40px;}
.fl_ewm .eimg{ width:100% ; height:auto; float: left; text-align:left; margin-top:30px;}
.fl_ewm .eimg img{ max-width:100%}
.fl_ewm .eimg p{ width:100%; text-align:center; font:18px/30px "微软雅黑"; color:#fff; margin:15px 0;}

.fb{ background:#363b43; font:18px/30px "微软雅黑"; color:#fff; padding:20px 0}
.fb a{ color:#fff}
.fb span{ float:right}