@media (min-width:1199px){
	#waptop ,.erweima_box ,#menu22016,.wap{display: none!important;}
	.dis ,.i-ban{display:none}
}

/*手机版*/
@media (max-width:414px){
.logo,.xz,.menu_bg,.pc{ display:none;}
.wap{ display:block}
#waptop {height: 48px}
#waptop #waptopbg {width: auto}
.nav-toggle {width: 100%;position: fixed;height: 48px;z-index: 90;top: 0;left: 0;background-color: #000}
.nav-toggle:before {width: 100%;height: 48px;background-color: #333;content: "";position: fixed;top: 0;left: 0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);
	-webkit-transition-duration: .3s;transition-duration: .3s;opacity: 0}
.nav-open .nav-toggle:before {width: 100%;height: 100%;background-color: #000;opacity: 1;-webkit-transition-duration: .3s;transition-duration: .3s}
.nav {position: fixed;top: 48px;left: 0;width: 100%;height: 100%;-webkit-transition-duration: .2s;transition-duration: .2s;opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);
	z-index: -1}
.nav-open .nav {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);z-index: 91;-webkit-transition-duration: .2s;transition-duration: .2s}
.nav ul {padding: 0 48px}
.nav ul li {list-style: none;width: 100%;opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}
.nav-open .nav ul li {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;transition: opacity 400ms ease, -webkit-transform 400ms ease;-o-transition: transform 400ms ease, opacity 400ms ease;
	transition: transform 400ms ease, opacity 400ms ease;transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease}
.nav-open .nav ul li:nth-child(1) {transition-delay: .1s;-webkit-transition-delay: .1s}
.nav-open .nav ul li:nth-child(2) {transition-delay: .15s;-webkit-transition-delay: .15s}
.nav-open .nav ul li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s}
.nav-open .nav ul li:nth-child(4) {transition-delay: .25s;-webkit-transition-delay: .25s}
.nav-open .nav ul li:nth-child(5) {transition-delay: .3s;-webkit-transition-delay: .3s}
.nav-open .nav ul li:nth-child(6) {transition-delay: .35s;-webkit-transition-delay: .35s}
.nav-open .nav ul li:nth-child(7) {transition-delay: .4s;-webkit-transition-delay: .4s}
.nav-open .nav ul li:nth-child(8) {transition-delay: .45s;-webkit-transition-delay: .45s}
.nav-open .nav ul li:nth-child(9) {transition-delay: .5s;-webkit-transition-delay: .5s}
.nav-open .nav ul li:nth-child(10) {transition-delay: .55s;-webkit-transition-delay: .55s}
.nav-open .nav ul li:nth-child(11) {transition-delay: .6s;-webkit-transition-delay: .6s}
.nav-open .nav ul li:nth-child(12) {transition-delay: .65s;-webkit-transition-delay: .65s}
.nav-open .nav ul li:nth-child(13) {transition-delay: .7s;-webkit-transition-delay: .7s}
.nav-open .nav ul li:nth-child(14) {transition-delay: .75s;-webkit-transition-delay: .75s}
.nav-open .nav ul li:nth-child(15) {transition-delay: .8s;-webkit-transition-delay: .8s}
.nav ul li a {display: block;padding: 0;text-align: left;line-height: 45px;height: 45px;color: #fff;text-decoration: none;font-size: 16px;border-bottom: 1px solid #222}
.nav ul li a.cur {color: #999}
.nav ul:hover li a {opacity: .5}
.nav ul:hover li:hover a {opacity: 1}
#nav-icon {height: 48px;width: 58px;display: block;z-index: 91;position: absolute;top: 0;left: 0}
.nav-icon:before, .nav-icon:after {width: 25px;height: 3px;background-color: #fff;content: "";position: absolute;left: 0;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-icon:before {top: -7px}
.nav-icon:after {top: 7px}
.nav-icon {width: 25px;height: 3px;background-color: #fff;position: fixed;top: 23px;left: 15px;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-open .nav-icon {width: 0}
.nav-open .nav-icon:before {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg)}
.nav-open .nav-icon:after {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg)}
#logo {display: block;position: fixed;color: #fff;width: 40%;text-align: center;top: 5px;left: 27%;margin: 0 0 0 0;z-index: 91;content: "";height: 35px;overflow: hidden}
#logo a {height: auto;overflow: hidden;display: block}
#logo img {width: 100%;height: auto}
#qq {position: fixed;top: 0;right: 0;color: #fff;-webkit-transition-duration: .5s;transition-duration: .5s;z-index: 91;content: ""}
.nav-open #qq {right: -100px}
.actions {display: inline-block;
*zoom:1;
*display:inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 48px;width: 100px}
.actions a {display: block;float: right;padding: 10px;text-align: center}
.icon-qq {
	display: inline-block;
*zoom:1;
*display:inline;width: 22px;height: 26px;vertical-align: middle;background: url(../images/icon-qq.png) no-repeat center center;background-size: 80%
}
.icon-im {display: inline-block;*zoom:1;*display:inline;width: 26px;height: 26px;vertical-align: middle;background: url(..images/icon-im.png) no-repeat center center;background-size: 90%}
.icon-call {display: inline-block;*zoom:1;*display:inline;width: 25px;height: 26px;vertical-align: middle;background: url(../images/icon-call.png) no-repeat center center;background-size: 80%}

.wp1200{ width:100%; padding:0 3%}

footer{ width:100%; background:#0252a1; height: auto; color:#d3e7fb; padding:30px 0 60px 0;font-size:1rem;}
footer h2{ color:#d3e7fb; font-size:24px; font-weight:700; margin-bottom:14px;}
footer .fleft{ width:100%; float:left; background:url(../images/line.jpg) no-repeat right 20px}
footer .fleft p{ line-height:30px; font-size:1rem; padding-right:30px;}

footer .fmid{ float:left; width:100%; background:url(../images/line.jpg) no-repeat right 20px; padding:0}
footer .fmid ul{}
footer .fmid li{ width:33%; float:left; text-align:left; line-height:36px;}
footer .fmid li a{ color:#d3e7fb;}
footer .fmid li a:hover{ color:#ff0000;}

footer .fright{ float:right; width:100%; margin-top:3%}
footer .fright p{ line-height:36px;}


footer .bottom{ width:100%; display:none; height:70px; margin-top:30px; float:left; line-height:70px; border-top:1px solid #2d7dcc; text-align:center; font-size:16px; color:#d3e7fb;}
footer .bottom a{ color:#d3e7fb;}


.innews{ float:left; width:100%;}
.innews h2{ font-size:24px; color:#4c4951; font-size:24px;}	
.innews h2 span{ float:right; margin-top:0;}
.innews h2 span a{ color:#afafaf; font-size:16px; font-weight:normal; }
.innews h2 span a:hover{ color:#0252a1;}

.innews ul{ margin-top:20px;}
.innews li{float: left;width: 100%; height: auto;list-style: none; margin-bottom:3%; overflow:hidden; border:1px solid #e5e5e5; padding:2%; margin-right:2%;}
.innews li img{ width:100%; height: auto;}
.innews li:nth-child(2n){ margin-right:0}
.innews li h1{ font-size:1rem}
.s-desc{ display:none}

.inproduct{ width:94%; margin:3% }
.inproduct h2{ color:#666666; font-size:1.2rem; margin-bottom:20px;}
.inproduct h2 span{ float:right; font-size:1rem; margin-top:0px;}
.inproduct h2 span a{ color:#afafaf;}
.inproduct .ptop{ width:100%; float:left;}
.inproduct .ptop li{ float:left; width:49%; margin-right:2%; margin-bottom:2%;}
.inproduct .ptop li:nth-child(2n){ margin-right:0}
.inproduct .ptop li .img{ width:100%; height:auto; overflow:hidden;}
.inproduct .ptop li .img img{ width:100%; height:auto; overflow:hidden;}
.inproduct .ptop li p{ bottom:180px; border-radius:5px; padding:10px 10px; border:1px solid #FFFFFF; position: relative; left:84px; font-size:16px; color:#FFFFFF; width:30%; text-align: center; padding-left:16px;}
.inproduct .ptop li .img:hover img{transform: scale(1.2); transition: 0.5s;}

.inproduct .pbot{ width:100%; float:left;}
.inproduct .pbot li{ float:left; width:32.6%; margin-right:1%;}
.inproduct .pbot li:nth-child(3n){ margin-right:0}
.inproduct .pbot li .img{ width:100%; height:auto; overflow:hidden;}
.inproduct .pbot li .img img{ width:100%; height:auto}
.inproduct .pbot li p{ bottom:220px; border-radius:5px; padding:10px 10px; border:1px solid #FFFFFF; position: relative; left:64px; font-size:16px; color:#FFFFFF; width:40%; text-align: center; padding-left:16px;}
.inproduct .pbot li .img:hover img{transform: scale(1.2); transition: 0.5s;}

.bg{ width:100%; height:217px; background:url(../images/bg.jpg) no-repeat center; margin-bottom:30px; padding:20px 0}	
.bg .bleft{ float:left; width:98%; color:#FFFFFF}
.bg .bleft h1{ font-size:1.2rem; margin-bottom:8px;}
.bg .bleft p{ font-size:1rem; margin-bottom:4%}

.bg .bright{ width: auto; float:left; margin-top:2%;}
.bg .bright a{ background:#d95032; border-radius:5px; padding:10px 24px; color:#FFFFFF; float:left; font-size:1rem;	}
.bg .bright a:hover{ background:#FF0000}


.Box { width:100%; float:right;}
			.Box .content {width: 380px;margin: 0 auto; margin-top:20px; padding:0}
			.Box h2 {font-size:1.3rem; color:#4c4951; margin-left:8px; margin-top:8%;}
			.Box .Box_con {position: relative; height: auto; margin-bottom:8%}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 35px;height: 29px;position: absolute;top: -53px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: 71%;}
			.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: 2%;}
			.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 180px;height: auto;margin-left: 20px;overflow: hidden; border:1px solid #e5e5e5; border: 1px solid #e5e5e5;
padding: 1%;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 100%;height: auto;transition: all 0.5s; }
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}



/*  广告轮播图 */
.banner{ width:414px;margin: 0 auto; position:relative;height: auto;left:0%; margin-left:0; top:-30px;}
.banner .bd{ width:414px; height: auto; overflow:hidden; z-index:0;}
.banner .bd img{ width:100%; height:auto}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:3%;margin-left:0; width:31%}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1200px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:20px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:10px; display:inline-block;width:12px; height:12px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:none;border:2px solid #009999;}

.nbanner { position:relative; z-index:-1; width:100%;}
.nbanner img{ width:100%; height: auto;}

/*phonefooter*/
#footer_phone{ background: #015185; position: fixed; bottom: 0; width: 100%; left: 0; height: 40px; line-height: 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 10000;}
#footer_phone a { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #fff; float: left; display: block;
    /*text-align: center;*/ background-repeat: no-repeat; background-position: 13% center; padding-left: 12%;font-size: 12px;color: #fff;}
#footer_phone a:first-of-type {background-image: url("../images/fot_sy.png");padding-left: 15%;background-position-x: 27%;}
#footer_phone a:nth-of-type(2) { background-image: url("../images/fot_ly.png");}
#footer_phone a:last-of-type { border-right: 0;background-image: url("../images/fot_zx.png");background-position-x: 36%;padding-left: 17%;}

#nbanner { position:relative; z-index:-1; width:100%; margin-top:-30px;}
#nbanner img{ width:100%; height: auto;}

.crumbsWrap{ display:none}

.leftWrap img{ float: left; margin-right:0; width:100%; height:auto; margin-bottom:20px;}	
	.leftWrap .title{ font-size:1.2rem; margin-top:3%;}

.enter_chart_content15 .step{width:100%;position:relative;border:1px solid #e8e8e8;border-radius:2px;margin-bottom:30px;margin-left:0;padding:25px 8% 25px 45px}
.enter_chart_content15 .step__number{position:absolute;background-color:#fff;font-size:1rem;font-weight:900;text-align:center;line-height:40px;width:40px;height:40px;top:50px;left:-20px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 10px rgba(0,0,0,.15);border-top:3px solid #ddd;transition:all .1s ease-out}


nav.pagelist { clear: both; text-align: center; font-size: 1.4rem; padding: 18px 0px 35px 0px; width:100%;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:30px;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 14px; width: 100%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 100%; float: left; text-align: left; }

.recom_list li:nth-child(2n){margin-right: 0}
.recom_list{width: 100%; margin:0; float:left;}
.recom_list li{float: left;border: 1px solid #eee;text-align: center;padding: 0;width:49%; height:270px;margin-right: 2%;position: relative; margin-bottom:15px;}
.recom_list li .shuiy{ position: absolute;z-index: 99999;top: 40px;}
.recom_list li .shuiy img{ width:80%; height:auto}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width:100%; height:auto;}
.recom_list li:hover img{transform: scale(1.03,1.03);}
.recom_list li h3{font-weight: normal;color: #999;line-height:32px; font-size:1rem; padding:0; margin:0 0 10px 0;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}
	


#preview{ float:left; width:100%; margin-top:3%}
#preview img{ height:auto; width:99.6%;}
.jqzoom{ width:100%; height: auto; position:relative;}
.jqzoom img{ border:1px solid #CCC;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:365px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:267px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:533px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:82%; margin-right:6px;}
#spec-list div{ margin-top:0; *margin-left:0;}

.products_01 .line{width: 31.53846%;}
.products_01 .box { width: 48%; height: auto; transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; margin-bottom: 4.2735%; }
.products_01 .box:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.products_01 .box:hover .tit { color: #FE7D0B; }
.products_01 .box:hover .tit:before { background: #292929; }
.products_01 .botWrap { transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; margin-top: 6.77507%; }
.products_01 .sy{ position: relative; left:60px; top:-240px; }
.products_01 .sy img{ width:150px; height:auto; opacity:0.2;
filter:alpha(opacity=20);}
.products_01 .tit { font-family: 'hindbold',Arial, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 14px; text-align:center; color: #222931; text-transform: uppercase; position: relative; line-height: 1.1; padding-bottom: 10px; }
.products_01 .tit:before { content: ""; height: 3px; width: 20px; background: #FE7D0B; position: absolute; }
.products_01 .tit:before { top: 100%; left: 0; }
.products_01 .imgWrap img { width:100%; height:auto; transition: 2s all; -moz-transition: 2s all; -webkit-transition: 2s all; -o-transition: 2s all; -ms-transition: 2s all; border: 1px solid #f5f5f5; background:url(../images/shuiy.png) no-repeat}
.products_01 .des { font-size: 14px; color: #5f656d; margin-top: 30px; line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

}

/*手机版*/
@media (max-width:375px){

/*  广告轮播图 */
.banner{ width:375px;margin: 0 auto; position:relative;height: auto;left:0%; margin-left:0; top:-30px;}
.banner .bd{ width:375px; height: auto; overflow:hidden; z-index:0;}
.banner .bd img{ width:100%; height:auto}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:3%;margin-left:0; width:31%}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1200px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:20px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:10px; display:inline-block;width:12px; height:12px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:none;border:2px solid #009999;}

}