@charset "utf-8";
/* reset */
a.more3{ display:block; width:114px; height:48px; line-height:48px; border:1px solid #fff;font-size:14px; color:#fff; background:url(../images/dot05.png) 22px center no-repeat; padding-left:42px;}
a.more3:hover{border:1px solid #00CE66;background:url(../images/dot05.png) 22px center no-repeat #00CE66;}
a.more4,.ser_bon{display:block;width:180px; height:58px; line-height:58px; text-align:center; font-size:24px; color:#313131; background:#EEEEEE;}
a.more4:hover{ background:#00CE66; color:#fff;}
.ser_bon{ margin:0 0 40px;}

#infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;}
.lt9 #infscr-loading{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#99000000", EndColorStr="#99000000")}
#infscr-loading img{ position:absolute; left:50%; top:50%; margin:-57px 0 0 -75px; opacity:0.5; filter:alpha(opacity=50);}
.addmore{color:#fff; height:30px; padding:35px 0 0; width:120px; margin:0 auto;cursor:pointer; text-align:center; background:url(../images/dot12.png) center top no-repeat;}
.returnTop{ position:fixed;_position:absolute; background:url(../images/top.jpg) no-repeat;width:47px;height:47px; opacity:0.8; filter:alpha(opacity=80); border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; overflow:hidden;display:block; text-indent:-9999em;bottom:80px; z-index:1000;}
.ab_his_list .addmore{ width:150px; height:30px;padding-top:60px;background:url(../images/dot12.png) center 20px no-repeat #4C4C4C; position:relative; z-index:100;}


.f_num{ position:absolute; bottom:60px; left:40%; z-index:2; background:#fff; color:#333; padding:5px 10px; font-family:Arial, Helvetica, sans-serif;}
.f_num em,.f_num span{ padding:0 5px;}
/*.in_b_ll,.in_b_ll1{position:absolute; left:190px; bottom:60px; width:24px; height:24px; z-index:100;}
.in_b_rr,.in_b_rr1{position:absolute; left:225px; bottom:60px; width:24px; height:24px; z-index:100;}*/


.list_c .bx-wrapper .bx-prev {
	left:70%;bottom:60px;
	background: url(../images/dot20.jpg) left top no-repeat; z-index:1;
}

.list_c .bx-wrapper .bx-next {
	left:72%;bottom:60px;
	background: url(../images/dot21.jpg) right top no-repeat; z-index:1
}

.list_c.an .bx-wrapper .bx-prev {
	left:26%;bottom:60px;
	background: url(../images/dot20.jpg) left top no-repeat; z-index:1
}

.list_c.an .bx-wrapper .bx-next {
	left:28%;bottom:60px;
	background: url(../images/dot21.jpg) right top no-repeat; z-index:1
}

.list_c .bx-wrapper .bx-pager,.list_c .bx-wrapper .bx-controls-auto{ bottom:60px;position:absolute;left:60%; z-index:2; background:#fff; color:#333; width:60px; height:30px; line-height:30px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px;letter-spacing:5px; font-weight:normal;}
.list_c.an .bx-wrapper .bx-pager,.list_c.an .bx-wrapper .bx-controls-auto{left:36%;}

.banner{ position:relative;}
.banner img{ width:100%; height:auto;}
.banner h2{ position:absolute; font-size:50px; left:11%; top:50%; height:90px; margin-top:-45px; color:#fff; font-weight:normal;}
.banner h2 em{ display:block; width:100px; height:10px; border-bottom:3px solid #fff;}
.ban_txt{position:absolute; left:11%; top:50%;color:#fff;}
.ban_txt h2{ font-size:50px;font-weight:normal; }
.ban_txt h3{ font-size:16px;font-weight:normal; margin:0 0 25px;}
.ban_txt a.more{ display:block; font-size:14px; width:120px; height:30px; text-align:center; color:#fff; line-height:30px; background:#00CE66; position:relative; z-index:10;}
.ban_txt a.more:hover{ color:#00CE66; background:#fff;}

.ScrollDown {display:block;width:50px; height:50px;line-height:50px;
background-color:#0c121c;color:#ffffff;left:50%; margin-left:-25px;position:absolute;bottom:20px; background:url(../images/dot12.png) center center no-repeat;}



h2.tit{ text-align:center; color:#fff; font-weight:normal; font-size:30px; margin:0 0 55px;}
h2.tit em{display:block;font-family:Arial; text-transform:uppercase; line-height:32px; padding-bottom:10px;}
h2.tit a{display:block; color:#fff; width:330px;margin:0 auto;}
h2.tit a:hover{color:#00CE66}

/*关于我们栏目*/
.about_block1{padding:60px 0 50px;background:url(../images/dot13.jpg) left top repeat;}
.about_block1 h3{ font-size:18px; font-weight:normal; text-align:center; color:#fff; margin:0 0 10px;}
.about_block1 p{color:#C8C8C8; text-align:center; width:85%; margin:0 auto}
.about_block1 a.more3{ margin:50px auto;}

.about_block2{ background:#4C4C4C;}
.about_block2 dl dt{ float:right;width:64.45%;}
.about_block2 dl dt img{ width:100%; height:auto;}
.about_block2 dl dd{ float:left; width:35.5%;}
.about_block2 dl dd .inner{ padding:100px 70px 100px 190px;}
.about_block2 h2.tit{ text-align:left; margin:0 0 30px;}
.about_block2 h2.tit a{ margin:0;}
.about_block2 p{ color:#C8C8C8;}
.about_block2 a.more1{margin:50px 0 0;}

.about_block3{ background:#e9ecec; padding:70px 0 85px;}
.about_block3 h2.tit,.about_block3 h2.tit a{ color:#3A3A3A;}
.about_block3 h2.tit a:hover{ color:#00CE66}
.about_block3 h2 p.tit,.about_block3 h2 p.tit a{ color:#3A3A3A;}
.about_block3 h2 p.tit a:hover{ color:#00CE66}
.about_block3 ul{ margin:0px; }
.about_block3 li{ float:left; width:25%; *+width:24.9%;}
.about_block3 li .inner{margin:0px;}
.about_block3 li .inner img{ width:100%; height:auto;}
.about_block3 li .img img{clear: both; display: block; margin:auto;}
.about_block3 li .img span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#e9ecec; filter:Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}
.about_block3 li.hover .img span{ display:none;}
.about_block3 li h2{ text-align:center; font-size:24px; color:#050505; font-weight:normal; margin:18px 0 5px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.about_block3 li.hover h2{color:#00CE66}
.about_block3 li h2 p{ font-size:16px; color:#050505; font-weight:normal; margin:10px 0 10px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.about_block3 li.hover h2 p{color:#00CE66}
.about_block3 li.hover a.more2{color:#00CE66;background:url(../images/dot05_on.png) left center no-repeat;}
.about_block3 .addmore{color:#000; height:30px; padding:35px 0 0; width:120px; margin:0 auto;cursor:pointer; text-align:center; background:url(../images/dot122.png) center top no-repeat;}

.about_block4 li{ float:left; width:50%; *+width:49.9%; position:relative;}
.about_block4 li img{ width:100%; height:auto;}
.about_block4 li span{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}
.about_block4 li .inner{ width:100%; height:200px; position:absolute; left:0; top:50%; margin-top:-100px;}
.about_block4 li .more3{ margin:0 auto;}
.about_block4 li:hover span{ display:block;}

.company{padding:60px 0 80px;background:url(../images/dot13.jpg) left top repeat;}
.company h3{ font-size:30px; font-weight:normal; text-align:center; color:#fff; margin:0 0 40px;}
.company p{color:#C8C8C8;}
.organization{padding:70px 0 130px;background:url(../images/dot19.jpg) left top repeat;}
.company img,.organization img{ width:100%; height:auto;}
.about_block2.odd dt{ float:left;}
.about_block2.odd dd{ float:right;}
.about_block2.odd dl dd .inner{ padding:100px 190px 20px 70px;}

.culture_block{ padding:60px 0; background:#E0E0E0;}
.culture_block li{ float:left; width:25%; *+width:24.9%; text-align:center;}
.culture_block li em{ display:block; height:80px;}
.culture_block li em img{ width:80px; height:80px;}
.culture_block li h2{ font-weight:normal; color:#2B2B2B; font-size:30px; margin:0 0 5px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.culture_block li p{ height:44px; overflow:hidden;}

.honor{ background:#e9ecec; padding:60px 0 40px;}
.honor li{ margin-bottom:80px;}
.honor li .img span{ position:absolute; left:0; top:0; width:100%; height:100%; background-color: #000;background-color: rgba(0,0,0, 0.2);}
.honor li h2{ color:#000;}
.honor li a.more2{color:#C8C8C8; background:url(../images/dot05.png) left center no-repeat;}

.honor li.hover h2,.honor li.hover a.more2{ color:#00CE66;}

.history {background:#4C4C4C; padding:0 0 100px;}
.history .his-tit{ background:#313131; height:80px;padding:60px 0 50px;}
.lt9 .history .his-tit { /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")*/}
.history .his-b { width:1280px; margin:0 auto; position:relative;}
.history .his-b > a { position:absolute; left:10px; top:50%; margin-top:-13px; height:27px; width:17px; background:url(../images/dot50.png) left top;}
.history .his-b > a.over { background-position:left bottom; cursor:default;}
.history .his-b > a.next { right:10px; left:auto; background-position:right top;}
.history .his-b > a.next.over { background-position:right bottom; cursor:default;}
.history .his-b .his-ul { margin:0 72px; overflow:hidden;  background:url(../images/dot51.png) left bottom no-repeat;border-bottom:1px solid #636363; position:relative; z-index:4;}
.history .his-b .his-ul ul { position:relative;}
.history .his-b .his-ul li { float:left; width:100px; height:80px;cursor:pointer; position:relative;background:url(../images/dot51.png) right bottom no-repeat;}
.history .his-b .his-ul li img { width:100%; margin-top:61px;}
.history .his-b .his-ul li i { color:#ADADAD; position:absolute; font-size:24px; font-family:Arial, Helvetica, sans-serif; left:0; right:0; bottom:25px; text-align:center;}
.history .his-b .his-ul li.on { background:#5A5A5A;}
.history .his-b .his-ul li.on i { font-size:30px;color:#FFFFFF;}

#history-list { margin:100px 0 0;position:relative; min-height:400px;}
#history-list .line {width:1px; position:absolute; left:50%; top:0; bottom:0; background:#888;}
#history-list .tit { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; right:50%; top:-50px; position:absolute; font-size:48px; padding-right:70px; font-weight:bold;}
#history-list .tit i { background:url(../images/y1.png) no-repeat; width:23px; height:23px; position:absolute; right:-11px; top:25px;}
#history-list .list { width:900px; margin:0 auto 0; padding-top:70px;}
#history-list .list li { float:right; width:50%; position:relative;}
#history-list .list li.odd { margin-top:200px;}
#history-list .list li .i1 { position:absolute; background:url(../images/y2.png) no-repeat; width:15px; height:15px; top:5px;left:-8px;}
#history-list .list li.odd .i1 { left:auto; right:-8px;}
#history-list .list li .i2 { font-size:18px; color:#BABABA; margin:0 0 15px; display:block;}
#history-list .list li.odd .i2 { left:40px; right:auto; text-align:right;}
#history-list .list li .bx { float:right;width:380px; position:relative;}
#history-list .list li .bx .j { background:url(../images/y3.png) no-repeat; width:11px; height:16px; right:-11px; top:50%; margin-top:-8px; position:absolute;}
#history-list .list li .bx img { width:96.4%; transition:0.2s all; padding:5px 1.8%; height:auto; margin-bottom:10px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.4);}
#history-list .list li .bx p { min-height:3em; color:#fff;}
#history-list .list li.odd .bx { float:left;}
#history-list .list li.odd .bx .j {background:url(../images/y4.png) no-repeat; right:auto; left:-11px; }
#history-list .list li:hover,#history-list .list li:hover .i2,#history-list .list li:hover .bx p{ color:#00ce66;}
#history-list .list li:hover img{ background:#00ce66;}
#history-list .list li:hover .i1 { background-image:url(../images/y2_on.png);}





/*产品中心栏目*/
.product_block1{ background:#4e4e4e; margin:49px 0 0;}
.product_block1 ul .txt{ background:url(../images/dot19.jpg) left top repeat; padding:30px 60px; text-align:center; color:#fff; font-weight:normal; font-size:30px;}
.product_block1 ul .txt h1{ font-size:28px; color:#FFFFFF; font-weight:normal;text-align:center; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.product_block1 ul .txt h1 em{display:block;font-family:Arial; text-transform:uppercase; line-height:32px; padding-bottom:10px;}
.product_block1 ul .txt h1 a{display:block; color:#fff; width:330px;margin:0 auto;}
.product_block1 ul .txt h1 a:hover{color:#00CE66;}
.product_block1 ul .txt p{ font-size:20px; text-align:center; color:#C8C8C8; height:35px;}
.product_block1 li{ float:left; width:25%; *+width:24.9%;}
.product_block1 li .img{ display:block; position:relative;}
.product_block1 li .img img{ width:100%; height:357px;}
.product_block1 li .img span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:Alpha(opacity=30);-moz-opacity:0;opacity:0;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}
.product_block1 li.hover .img span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:Alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}
.product_block1 li .txt{ background:#4e4e4e; padding:5px 60px; border-left:1px solid #6F6F6F; border-bottom:1px solid #6F6F6F;}
.product_block1 li .txt h2{ font-size:18px; color:#FFFFFF; font-weight:normal;text-align:center; margin:8px 0 7px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.product_block1 li .txt h2 a{ color:#fff; }
.product_block1 li .txt h2 a:hover{color:#00CE66}
.product_block1 li .txt p{ font-size:12px; text-align:center; color:#C8C8C8; height:60px;}
.product_block1 li .mbon{ display:block; border-left:1px solid #6F6F6F; border-bottom:1px solid #6F6F6F; height:24px; line-height:24px; padding:15px 0;}
.product_block1 li .mbon a.more1{ width:90px; margin:0 auto; display:block; font-size:12px;}
.product_block1 li.an .txt,.product_block1 li.an .mbon{ border-left:none;}
.product_block1 li:hover h2,.product_block1 li:hover h2 a,.product_block1 li:hover p,.product_block1 li:hover a.more1{color:#00CE66}
.product_block1 li:hover a.more1{background-image:url(../images/dot05_on.png);}
 
.product_block2{ padding:60px 0; background:url(../images/dot19.jpg) left top repeat;}
.product_block2 h3{font-size:18px; color:#F6F6F6; font-weight:normal; text-align:center;}
.product_block2 a.more4{  margin:40px auto 65px;}
.product_block2 ul{ margin:0 -15px;}
.product_block2 li{ float:left; width:33.3%;}
.product_block2 li .inner{ padding:0 15px;}
.product_block2 li img{ width:100%; height:auto;}
.product_block2 li h2{font-size:16px; color:#FFFFFF; font-weight:normal; margin:20px 0 10px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.product_block2 li h2:hover{color:#00CE66}
.product_block2 li h2 a{ color:#fff;}
.product_block2 li h2 a:hover{color:#00CE66}
.product_block2 p{ color:#B5B5B5;}
.product_block2 a.more1{ margin:20px 0 0;}
.product_block2 li:hover h2,.product_block2 li:hover h2 a,.product_block2 li:hover p,.product_block2 li:hover a.more1,.product_block2 li:hover a.more2{color:#00CE66}
.product_block2 li:hover a.more1{background-image:url(../images/dot05_on.png);}
.product_block2 li:hover a.more2{background-image:url(../images/dot05_on.png); color:#F6F6F6}


.product_block3{ background:#4e4e4e; margin:49px 0 0;}
.product_block3 ul .txt{ background:url(../images/dot19.jpg) left top repeat; padding:30px 60px; text-align:center; color:#fff; font-weight:normal; font-size:30px;}
.product_block3 ul .txt h1{ font-size:28px; color:#FFFFFF; font-weight:normal;text-align:center; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.product_block3 ul .txt h1 em{display:block;font-family:Arial; text-transform:uppercase; line-height:32px; padding-bottom:10px;}
.product_block3 ul .txt h1 a{display:block; color:#fff; width:330px;margin:0 auto;}
.product_block3 ul .txt h1 a:hover{color:#00CE66;}
.product_block3 ul .txt p{ font-size:20px; text-align:center; color:#C8C8C8; height:35px;}
.product_block3 li{ float:left; width:33.3%; *+width:24.9%;}
.product_block3 li .img{ display:block; position:relative;}
.product_block3 li .img img{ width:100%; height:357px;}
.product_block3 li .img span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:Alpha(opacity=30);-moz-opacity:0;opacity:0;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}
.product_block3 li.hover .img span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:Alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}
.product_block3 li .txt{ background:#4e4e4e; padding:5px 60px; border-left:1px solid #6F6F6F; border-bottom:1px solid #6F6F6F;}
.product_block3 li .txt h2{ font-size:18px; color:#FFFFFF; font-weight:normal;text-align:center; margin:8px 0 7px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.product_block3 li .txt h2 a{ color:#fff; }
.product_block3 li .txt h2 a:hover{color:#00CE66}
.product_block3 li .txt p{ font-size:12px; text-align:center; color:#C8C8C8; height:60px;}
.product_block3 li .mbon{ display:block; border-left:1px solid #6F6F6F; border-bottom:1px solid #6F6F6F; height:24px; line-height:24px; padding:15px 0;}
.product_block3 li .mbon a.more1{ width:90px; margin:0 auto; display:block; font-size:12px;}
.product_block3 li.an .txt,.product_block3 li.an .mbon{ border-left:none;}
.product_block3 li:hover h2,.product_block3 li:hover h2 a,.product_block3 li:hover p,.product_block3 li:hover a.more1{color:#00CE66}
.product_block3 li:hover a.more1{background-image:url(../images/dot05_on.png);}


.pro_dets_block1{ background:#313131; padding:70px 0; color:#A8A8A8;}
.p_d_b_ll{ float:left; width:35%; padding:0 2.5%;}
.p_d_b_rr{ float:left; width:55%; padding:0 2.5%;}
.p_d_b_rr li{ float:left; width:45%; margin:0 2.3% 20px;}
.p_d_b_rr li h2{ font-size:16px; color:#fff; padding:0 0 10px;}
.p_d_b_rr li p{}

.pro_dets_block2 h2{ text-align:center;font-size:30px; color:#000000; font-weight:normal; margin:70px 0 50px;}
.pro_dets_block3 h2.tit{color:#fff;}
.pro_dets_block2 .about_block2{ background:#E4E8E8; position:relative;}
.pro_dets_block2 .about_block2 p{ color:#404040;}
.pro_dets_block3 .about_block2{ background:#4C4C4C; position:relative; }
.pro_dets_block3 .about_block2 p{ color:#C8C8C8;}

#pro_dets_slider .flex-direction-nav a{ position:absolute; bottom:285px; width:46px; height:90px;text-indent:-9000px;}
#pro_dets_slider .flex-direction-nav .flex-prev{ left:100px; background:url(../images/dot26.png) no-repeat;}
#pro_dets_slider .flex-direction-nav .flex-next{ right:100px; background:url(../images/dot27.png) no-repeat;}
#pro_dets_slider .flex-direction-nav .flex-prev:hover,#pro_dets_slider .flex-direction-nav .flex-next:hover,#pro_dets_slider .flex-disabled{filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}

.in_b_ll,.in_b_ll1{position:absolute; left:100px; bottom:285px; width:46px; height:90px; z-index:100;}
.in_b_rr,.in_b_rr1{position:absolute; right:100px; bottom:285px; width:46px; height:90px; z-index:100;}


#pro_dets_slider2 .flex-direction-nav a{ position:absolute; bottom:240px; width:46px; height:90px;text-indent:-9000px;}
#pro_dets_slider2 .flex-direction-nav .flex-prev{ left:-50px; background:url(../images/dot26.png) no-repeat;}
#pro_dets_slider2 .flex-direction-nav .flex-next{ right:-50px; background:url(../images/dot27.png) no-repeat;}
#pro_dets_slider2 .flex-direction-nav .flex-prev:hover,#pro_dets_slider2 .flex-direction-nav .flex-next:hover,#pro_dets_slider2 .flex-disabled{filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}

#pro_dets_slider1 .flex-direction-nav a{ position:absolute; bottom:285px; width:46px; height:90px;text-indent:-9000px;}
#pro_dets_slider1 .flex-direction-nav .flex-prev{ left:100px; background:url(../images/dot26.png) no-repeat;}
#pro_dets_slider1 .flex-direction-nav .flex-next{ right:100px; background:url(../images/dot27.png) no-repeat;}
#pro_dets_slider1 .flex-direction-nav .flex-prev:hover,#pro_dets_slider1 .flex-direction-nav .flex-next:hover,#pro_dets_slider1 .flex-disabled{filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}


#pro_dets_slider3 .flex-direction-nav a{ position:absolute; bottom:240px; width:46px; height:90px;text-indent:-9000px;}
#pro_dets_slider3 .flex-direction-nav .flex-prev{ left:-50px; background:url(../images/dot26.png) no-repeat;}
#pro_dets_slider3 .flex-direction-nav .flex-next{ right:-50px; background:url(../images/dot27.png) no-repeat;}
#pro_dets_slider3 .flex-direction-nav .flex-prev:hover,#pro_dets_slider3 .flex-direction-nav .flex-next:hover,#pro_dets_slider3 .flex-disabled{filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}


.pro_dets_block4,.pro_dets_block5{ background:#E4E8E8; padding:60px 0;}
.pro_dets_block4 .wrap,.pro_dets_block1 .wrap{ width:82%;}
.p_b_3 .wrap{ width:90%;}
.pro_dets_block4 h2.tit,.pro_dets_block5 h2.tit{ color:#222;}
.pro_dets_block4 li,.pro_dets_block5 li .box{ float:left; width:33.3%; margin-bottom:20px;}
.pro_dets_block4 li .inner,.pro_dets_block5 li .box .inner{ padding:0 15px;}
.pro_dets_block4 li img,.pro_dets_block5 li .box img{ width:100%; height:auto;}
.pro_dets_block4 li h2,.pro_dets_block5 li .box h2{font-size:16px; color:#000000; font-weight:normal; margin:20px 0 10px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.pro_dets_block4 li h2:hover,.pro_dets_block5 li .box h2:hover{color:#00CE66}
.pro_dets_block4 li h2 a,.pro_dets_block5 li .box h2 a{ color:#000000;}
.pro_dets_block4 li h2 a:hover,.pro_dets_block5 li .box h2 a:hover{color:#00CE66}
.pro_dets_block4 p,.pro_dets_block5 li .box p{ color:#575959; height:40px; overflow:hidden;}
.pro_dets_block4 a.more2,.pro_dets_block5 li .box a.more2{ margin:20px 0 0;}
.pro_dets_block4 li:hover h2,.pro_dets_block4 li:hover h2 a,.pro_dets_block4 li:hover p,.pro_dets_block4 li:hover a.more2{color:#00CE66}
.pro_dets_block4 li:hover a.more2{background-image:url(../images/dot05_on.png);}

.pro_dets_block_img,.pro_dets_block_img img{ width:100%; height:auto;}
.pro_dets_block5 li{ float:left; width:100%; margin-bottom:30px;}



/*服务与支持栏目*/
.about_block2 dl dd a.more4{ margin:0 0 40px;}
.service_block{ background:#E0E0E0;}
.service_block li{ float:left; width:33%; padding:85px 0 40px; text-align:center; border-left:1px solid #C7C7C9;}
.service_block li em{ display:block; margin:0 auto 15px;width:113px; height:113px; overflow:hidden;}
.service_block li em img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}
.service_block li em img:hover{opacity: 0.7;-webkit-transform: scale(1.1);transform: scale(1.1);}

.service_block li p a{ color:#2B2B2B;}
.service_block li p a:hover{color:#00CE66}

.made_block1{ padding:60px 0; background:#313131; text-align:center; color:#C8C8C8;}
.made_block1 h2.tit{ margin:0 0 30px;}
.made_block2{background:#E0E0E0;}
.made_block2 a.more4{ background:#fff; cursor:default;}
.made_block2 a.more4:hover{ background:#fff; color:#313131;}
.made_block2 li h2 a{ color:#313131;}
.made_block2 p{color:#727272;}
.made_block2 a.more2{ margin:20px 0 0;}
.made_block3{padding:80px 0; background:#E0E0E0;text-align:center; color:#686868;}
.made_block3 h3{ color:#313131; font-size:20px; font-weight:normal; margin:0 0 10px;}
.made_block1 p,.made_block3 p{ width:60%; margin:0 auto;}

.faq_block{ padding:70px 0; background:#4C4C4C;}
.faq_block li{ float:left; width:100%;}
.faq_block li .faq_Q{ padding:26px 0; display:block; color:#FFFFFF; border-bottom:1px dotted #838383; cursor:pointer;}
.faq_block li .faq_Q .txt{padding:0 30px 0 0; margin:0 20px 0 0;background:url(../images/dot29.png) right top no-repeat;}
.faq_block li.open .faq_Q{ padding:20px 0;background:#363636; border-bottom:none;}
.faq_block li.open .faq_Q .txt{ margin:0 20px; background:url(../images/dot30.png) right top no-repeat;}
.faq_block li .faq_A{ display:none; background:url(../images/dot31.png) 8px 20px no-repeat; padding:25px 10px 25px 48px;color:#C8C8C8;}
.faq_block li.open .faq_A{ display:block;border-bottom:1px dotted #838383;}


.page_pc { margin:50px 0 0;text-align: center; line-height:18px; font-size: 0; letter-spacing: -0.307em; *letter-spacing: normal; *word-spacing: -1px; word-wrap: normal; white-space: nowrap; color: #333;display:none;}
.page_pc a, .page_pc i {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin:0 5px;font-size: 14px; letter-spacing: normal; word-spacing: normal;}
.page_pc i em { color: #BABABA; }
.page_pc i em label {  color:#fff;}
.page_pc i{ margin:0 15px 0 0;}
.page_pc i.an{ margin:0 5px 0 8px;}
.page_pc a { color: #EAEEEE; padding: 0 5px;font-family:Arial, Helvetica, sans-serif; }
.page_pc a.z-dis,.page_phone a.z-dis{ cursor:default;}
.page_pc a:hover,.page_pc a.on, .page_pc a.on:hover, .page_pc a.on:active { color: #fff; background:#000;}
.page_pc a.pagefst:hover,.page_pc a.pagelst:hover,.page_pc a.pageprv:hover,.page_pc a.pagenxt:hover{ background:none;}
.page_pc a.pagefst .pagearr{ display: block; width:10px;text-indent: -9999px; background: url(../images/arr_ll.png) no-repeat center; }
.page_pc a.pagelst .pagearr{ display: block; width:10px; text-indent: -9999px; background: url(../images/arr_rr.png) no-repeat center; }
.page_pc a.pageprv .pagearr { display: block; width:18px; text-indent: -9999px; background: url(../images/arr_prev.png) no-repeat bottom; }
.page_pc a.pagenxt .pagearr { display: block; width:18px; text-indent: -9999px; background: url(../images/arr_next.png) no-repeat bottom; }
.page_pc a.pagefst,.page_pc a.pagelst{ margin:0;}
.page_pc a.pageprv,.page_pc a.pagenxt{ margin:0;}

.page_pc i .ipt { padding: 0 5px; width: 15px; text-align: center; height: 14px; line-height:14px; font-size:12px; color:#fff; border: 1px solid #B0B0B0; background:none;}
.page_pc .jump{ width:20px; height:18px; line-height:18px; font-size:12px; text-align:center; background:#000;}
.page_pc .jump:hover { color: #fff;}
.page_phone { margin: 20px 0 20px; display: none; text-align:center;}
.page_phone a{ border:1px solid #fff; padding:5px 10px; color:#fff;}
.page_phone a span{ padding:0 3px;}
.page_phone a:hover {border:1px solid #00CE66; color:#00CE66}

/*行业案例栏目*/
.case_block{ background:#4C4C4C; padding-bottom:30px;}
.case_block li{ margin:0 0 60px 0; height:auto;}
.case_block li h2,.case_block li h2 a{ color:#fff;}
.case_block li h2 a:hover{color:#00CE66}
.case_block li img{ width:100%; height:auto;}
.case_block li:hover h2,.case_block li:hover h2 a,.case_block li:hover a.more1{color:#00CE66}
.case_block li:hover a.more1{background-image:url(../images/dot05_on.png);}


.case_list{ background:#4C4C4C; padding:40px 0 60px; margin-top:48px;}
.case_list li{ float:left; width:100%; margin-bottom:90px;}
.case_list li .img{ float:left; width:65%;}
.case_list li .img img{width:100%; height:auto;}
.case_list li .txt{ overflow:hidden; color:#C8C8C8;float:right;margin-top:20px; width:30%; line-height:30px;}
.case_list li .txt h2{ font-size:20px; margin:0 0 20px;}
.case_list li .txt h2 a{ color:#C8C8C8;}
.case_list li.an .img{ float:right;}
.case_list li.an .txt{ float:left;}
.case_list li .txt a.more1{ margin:30px 0 0;} 
.case_list li .txt p span a{color:#c8c8c8;}
.case_list li .txt p span a:hover{color:#00CE66;}

.case_details{ background:#4C4C4C; padding:60px 0 120px; color:#C8C8C8;}
.case_details h2{ text-align:center;font-size:30px; font-weight:normal; color:#fff; margin:0 0 40px;}
.case_det_imgshow{margin:30px auto;}
.case_det_txt{max-width:1600px; margin:40px auto;}
a.close{ float:right; display:block; margin:0 0 0; width:50px; height:38px; line-height:38px; color:#fff; font-size:16px; padding-left:60px; background:url(../images/dot34.png) 20px center no-repeat #8E8E8E;margin-top:20px;}
a.close:hover{background:url(../images/dot34.png) 20px center no-repeat #00CE66}
.pro_dets_block4 a.close{ float:right;width:50px; height:22px; line-height:22px; margin-top:15px; text-align:center; color:#fff; font-size:14px; padding:0;background:#858585;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.pro_dets_block4 a.close:hover{ background:#00CE66}

.bak_box{ width:1330px;}
.bak_2 { position: relative; margin:30px 0 0; }
.bak_2 .img { position: relative; overflow: hidden; height:750px;}
.bak_2 .img li { position:absolute; width: 100%; float: left; height:750px; opacity:0; filter:alpha(opacity=0); left:0; top:0; }
.bak_2 .img li > .a { position:absolute; left:0; top:0; right:0; bottom:0; z-index:11; }
.bak_2 .img li > .video { width:82px; height:82px; background:url(../images/vid.png) no-repeat; position:absolute; left:50%; top:50%; margin:-100px 0 0 -41px; z-index:2;} 
.bak_2 .img li:first-child { z-index:10; opacity:1; filter:alpha(opacity=100);}
.bak_2 .img li img { width: 100%; position: absolute; height: 100%; }
.bak_2 .g_bon {/*position: absolute; bottom: 20px;*/ width: 100%; margin:15px 0 30px;z-index:11; position:relative;}
.bak_2 .g_gon_box { overflow: hidden; position:relative; padding:10px 0; margin:0 38px;}
.bak_2 .g_gon_box ul { white-space:nowrap; width:8000%; position:relative;}
.bak_2 .g_bon > a { position: absolute; left:0; top:50%; margin-top:-38px; /*opacity: 0.5; filter: alpha(opacity=50);*/ background: url(../images/dot32.png) center center no-repeat #8E8E8E; width:28px;height:75px; }
.bak_2 .g_bon > a.next { right:0; left: auto; background: url(../images/dot33.png) center center no-repeat #8E8E8E;}
.bak_2 .g_bon > a:hover { background: url(../images/dot32.png) center center no-repeat #00CE66}
.bak_2 .g_bon > a.next:hover { background: url(../images/dot33.png) center center no-repeat #00CE66}
.bak_2 .g_bon li { float: left; width:220px; height:124px; margin: 0 15px; cursor: pointer; position: relative; }
.bak_2 .g_bon li.on { }
.bak_2 .g_bon li img { width: 100%; height: 100%; position: absolute; }
.bak_2 .g_bon li.on img {width: 110%; height: 110%; left: -5%; top: -5%; border:2px solid #00CE66; margin:-1px 0 0 -1px;}



/*新闻中心栏目*/
.news_block1{ padding:60px 0 90px; background:#313131;}
.news_block1 ul{ margin:0 -15px;}
.news_block1 li{ float:left; width:25%; *+width:24.9%;}
.news_block1 li .img{ margin:0 15px; position:relative;}
.news_block1 li .img img{ width:100%; height:auto;}
.news_block1 li .img span{ display:none; position:absolute; left:0; bottom:0; color:#fff;width:100%; height:36px; line-height:36px;background-color: #000; background-color: rgba(0,0,0, 0.5);word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.news_block1 li .img span a{color:#fff;padding:0 10px;}
.news_block1 li.hover .img span{ display:block;}
.news_block1 li.hover .img img{}
.news_block1 a.more3{ margin:60px auto 0;}

.news_block2{ padding:60px 0 90px; background:#CFCFCF;}
.news_block2 h2.tit,.news_block2 h2.tit a{ color:#3A3A3A;}
.news_block2 h2.tit a:hover{color:#00CE66}
.news_block2 li{ float:left; width:50%; *+width:49.9%; background:#474747;}
.news_block2 li .img,.news_block2 li .txt{ float:left; width:50%;*+width:49.9%;}
.news_block2 li .img img{ width:100%; height:auto;}
.news_block2 li .txt .inner{ padding:24px 40px; color:#C8C8C8;}
.news_block2 li .txt h2{ font-size:16px; font-weight:normal; margin:0 0 8px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.news_block2 li .txt h2:hover{color:#00CE66}
.news_block2 li .txt h2 a{color:#fff;}
.news_block2 li .txt h2 a:hover{ color:#00CE66}
.news_block2 li .txt a.more1{ margin:15px 0 0;}
.news_block2 a.more3{ margin:60px auto 0; color:#000000; border:1px solid #9B9B9B; background-image:url(../images/dot06.png);}
.news_block2 a.more3:hover{ color:#fff; border:1px solid #00CE66;background-image:url(../images/dot05.png);}

.news_block3 dl dt{ width:58.3%;}
.news_block3 dl dd{ width:41.6%;}
.news_block3 dl dd h2.tit a{ width:auto;}

.news_list{ background:#313131; padding:60px 0;}
.news_list ul{ margin:0 -15px;}
.news_list li{ float:left; width:33.3%; margin:0 0 30px;}
.news_list li .inner{ margin:0 15px;}
.news_list li img{ width:100%; height:auto;}
.news_list li h2{font-size:16px; color:#FFFFFF; font-weight:normal; margin:20px 0 10px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.news_list li h2:hover{color:#00CE66}
.news_list li h2 a{ color:#FFFFFF;}
.news_list li h2 a:hover{color:#00CE66}
.news_list p{ color:#B1B1B1; height:86px; overflow:hidden;}
.news_list a.more1{ margin:20px 0 0;}

.news_list li:hover h2,.news_list li:hover h2 a,.news_list li:hover p,.news_list li:hover a.more1{color:#00CE66}
.news_list li:hover a.more1{background-image:url(../images/dot05_on.png);}


.news_list1{ background:#4C4C4C; padding:60px 0;}
.news_list1 li{ float:left; width:100%; margin:12px 0;}
.news_list1 li .data{ float:left; margin-right:30px; width:110px; height:100px; line-height:50px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.news_list1 li .data em{ height:50px; display:block; font-size:26px;color:#fff; background:#313131}
.news_list1 li .data span{ display:block; font-size:32px; color:#000000; background:#FFFFFF}
.news_list1 li .txt{ overflow:hidden; color:#C8C8C8; border-bottom:1px solid #6D6D6D; padding:10px 0 40px;}
.news_list1 li .txt h2{ font-size:20px; font-weight:normal; margin:0 0 10px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.news_list1 li .txt h2:hover{color:#00CE66}
.news_list1 li .txt h2 a{color:#fff;}
.news_list1 li .txt h2 a:hover{color:#00CE66}

.news_details{ background:#4C4C4C; padding:60px 0;}
.news_details .right{ float:right; width:250px; margin-left:60px;}
.news_details .left{ overflow:hidden;}

.news_cont .tit { font-size:24px; text-align: center; color: #fff;font-weight: normal; }
.news_cont .bon { text-align: center; color: #222222;padding:20px 0 50px; }
.news_cont .bon span { display: inline-block; padding-left:25px; margin:0 20px;color:#BCBCBC;}
.news_cont .bon span.time{ background:url(../images/dot35.png) left center no-repeat;}
.news_cont .bon span.autor{background:url(../images/dot36.png) left center no-repeat;}
.news_cont .bon span.view{background:url(../images/dot37.png) left center no-repeat;}
.news_cont .bon span.share{background:url(../images/dot38.png) left center no-repeat;}
.news_article { color: #C8C8C8; font-size:14px;border-bottom: 1px solid #838383; padding:0 0 30px;}
.news_article img { max-width: 100%; height: auto; clear: both; display: block; margin:auto; }
.updown { color: #fff; margin:25px 0 0;}
.updown span { float:left; width:50%;*+width:49.9%;}
.updown span a { color: #fff; }
.updown span a:hover { color: #00CE66}
.updown a.close{ float:left;width:50px; height:22px; line-height:22px; margin-top:15px; text-align:center; color:#fff; font-size:14px; padding:0;background:#858585;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.updown a.close:hover{ background:#00CE66}

.rbox{ margin:0 0 35px;}
.rbox .r_tit{ padding:0 0 0 20px; height:36px; line-height:36px; font-size:20px; color:#fff; background:#000;}
.rbox .r_con{ border:1px solid #6E6E6E; padding:10px 18px; background:url(../images/dot40.jpg) right bottom no-repeat;}
.rbox .r_con li{ height:24px; line-height:24px; padding:10px 0;}
.rbox .r_con li:hover a,.rbox .r_con li.on a{ font-size:18px;color:#FFFFFF;}
.rbox .r_con li a{ color:#C8C8C8;}
.rbox .r_con li a:hover{ color:#FFFFFF;}

.rbox .r_con1{ padding:0; background:none;}
.rbox .r_con1 li{ height:auto;line-height:24px; padding:15px 18px; border-bottom:1px solid #838383;}
.rbox .r_con1 li:hover a{ font-size:14px;}


/*联系我们栏目*/
.contact_box{ position:relative;}
.contact_block{ height:586px;}
.mapbox{ width:100%; height:100%;}
.address-box { min-height: 80px }
.address-box .title { margin:15px 0 10px; font-size: 18px; font-weight:normal;}
.address-box .text { line-height: 24px }
.contact_box .connbox{ width:480px; height:360px; background:url(../images/tm_90.png) repeat; position:absolute; left:8%; top:50%; margin-top:-180px;}
.contact_box dl{ padding:60px;}
.contact_box dl dt{ font-size:24px; font-weight:normal; color:#fff; margin:0 0 30px;}
.contact_box dl dd{ font-family:Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 25px; background:url(../images/dot41.png) 0 0 no-repeat; margin:0 0 5px;}
.contact_box dl dd em{color:#C8C8C8; font-family:"微软雅黑";}
.contact_box dl dd a{ color:#fff; text-decoration:underline;}
.contact_box dl dd a:hover{ color:#00CE66}
.contact_box dl dd.phone{ background-position:0px 6px;}
.contact_box dl dd.sale-tel{ background-position:0px -28px;}
.contact_box dl dd.after-tel{ background-position:0px -64px; margin:0 0 15px;}
.contact_box dl dd.mail{ background-position:0px -94px;}
.contact_box dl dd.fax{ background-position:0px -130px;}
.contact_box dl dd.qq{ background-position:0px -166px;}

.feedback{ background:#4C4C4C; padding:60px 0;}
.feedback h4{ font-weight:normal; color:#fff; text-align:center; width:50%; margin:0 auto 50px;}
.feedback ul li{ float:left; width:50%; color:#C8C8C8;font-size:16px;}
.feedback ul li .f_box{ float:left; width:100%; margin:0 0 30px;}
.feedback ul li .f_box span{ float:left; width:95px; text-align:right; line-height:30px; padding:10px 5px 10px 0;}
.feedback ul li .f_box span em{ font-size:14px; padding-right:5px;}
.feedback ul li .f_box input{font-size:18px; color:#FFFFFF;width:390px; height:30px; line-height:30px; padding:10px 10px; background:#5F5F5F; border:1px solid #5F5F5F;}
.feedback ul li .f_box input:focus,.feedback ul li .f_box textarea:focus{border:1px solid #00CE66;}
.feedback ul li .f_box textarea{font-size:18px; color:#FFFFFF;width:390px; height:190px; padding:10px 10px; background:#5F5F5F;border:1px solid #5F5F5F;}
.feedback a.more4{ margin:60px auto 40px;}
.feedback a.more4:hover{ color:#fff; background:#00CE66;}
/*辅助栏目*/
.other_block{background:#4C4C4C; padding:60px 0;}
.other_block li{float:left; width:16.6%;}
.other_block li h2{ font-size:24px; font-weight:normal; margin:0 0 20px; padding-left:30px;}
.other_block li h2 a{ color:#fff;}
.other_block li span{display:block; margin:2px 0;padding-left:30px;}
.other_block li span a{ color:#B0B0B0;}
.other_block li span a:hover,.footlist li h2 a:hover{ color:#00CE66}
.other_block li.li01 h2{ background:url(../images/dot42.png) left center no-repeat;}
.other_block li.li02 h2{ background:url(../images/dot43.png) left center no-repeat;}
.other_block li.li03 h2{ background:url(../images/dot44.png) left center no-repeat;}
.other_block li.li04 h2{ background:url(../images/dot45.png) left center no-repeat;}
.other_block li.li05 h2{ background:url(../images/dot46.png) left center no-repeat;}
.other_block li.li06 h2{ background:url(../images/dot47.png) left center no-repeat;}
.legal{ color:#fff;}

.search_top { background:#313131; padding:60px 0;}
.search_top .wrap{ width:58%;}
.search_top .inp {float: left; width:86%;height:30px;line-height:30px; padding:13px 1%; background:#fff;}
.search_top .inp input { width: 100%; height: 100%; border: none; background: none; line-height: 28px; height: 28px; font-size:18px; color:#C6C6C6;}
.search_top .bon { float:left; width:12%;*+width:11.9%;height:56px;line-height:56px; text-align:center;}
.search_top .bon input.button { border: 0 none; width:100%; height:56px; background: #4D4D4D; color: #fff; font-size:24px; font-family:"微软雅黑";}
.search_top .bon input.button:hover{ background:#00CE66}
.search_list .result { display:block; color:#FFFFFF;font-size:18px; margin:0 0 10px;}
.search_list .result em { color:#00CE66}
.search_list { padding:25px 0 60px; background:#4D4D4D;}
.search_list li { padding:15px 0;}
.search_list li h3 { font-weight:normal;color:#fff;font-size:16px; background:url(../images/dot48.png) left 5px no-repeat; padding:5px 0 3px 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search_list li h3 a { color:#fff;}
.search_list li h3:hover{ color:#00CE66;background:url(../images/dot48_on.png) left 5px no-repeat;}
.search_list li h3 a:hover{ color:#00CE66;}
.search_list li h3 a em { color: #00CE66}
.search_list li p{ padding-left:48px; color:#C8C8C8;}
.search_list li span{ display:block; padding:10px 0 0 48px; font-family:Arial, Helvetica, sans-serif; color:#C8C8C8;}
.mobile-img{display:none;}
.wrap1{display:block;}
.wrap2{display:none;}


@media only screen and (max-width:1500px) {
.about_block2 dl dd .inner,.about_block2.odd dl dd .inner{ padding:100px 70px 20px;}
.product_block1 li .txt{ padding:20px;}
#pro_dets_slider .flex-direction-nav a,#pro_dets_slider1 .flex-direction-nav a{ left:70px; bottom:200px;}
#pro_dets_slider .flex-direction-nav .flex-next,#pro_dets_slider1 .flex-direction-nav .flex-next{ left:105px;}
/*.bx-wrapper .bx-prev{ left:10px !important;}
.bx-wrapper .bx-next{ right:10px !important;}*/
.pro_dets_block4 .wrap, .pro_dets_block5 .wrap, .pro_dets_block1 .wrap{ width:92%;}

.bak_box{ width:100%;}
.bak_2 .img,.bak_2 .img li{ height:693px;}

.in_b_ll,.in_b_ll1{left:70px;bottom:200px;}
.in_b_rr,.in_b_rr1{left:105px;bottom:200px;}



}

@media only screen and (max-width:1366px) {
.banner h2,.ban_txt h2{ font-size:42px;}
#pro_dets_slider .flex-direction-nav a,#pro_dets_slider1 .flex-direction-nav a{ bottom:100px;}
.news_block3 dl dd .inner,.news_block3.odd dl dd .inner{ padding:40px;}

.history .his-b { margin: 0 10px; width: auto; }
.history .his-b .his-ul{ margin:0 65px;}
.in_b_ll,.in_b_ll1{bottom:100px;}
.in_b_rr,.in_b_rr1{bottom:100px;}

.list_c .bx-wrapper .bx-next{ left:74%;}
.list_c.an .bx-wrapper .bx-next{ left:4%;}
}

@media only screen and (max-width:1280px) {
.banner h2,.ban_txt h2{ font-size:36px;}
a.more4, .ser_bon{ font-size:20px;}
.history .his-b .his-ul{ margin:0 58px;}

.bak_2 .img,.bak_2 .img li{ height:707px;}
.bak_2 .g_bon li{ width:205px; height:115px;}
}


@media only screen and (max-width:1279px) {
.banner h2,.ban_txt h2{ font-size:30px;}
.about_block1 p{ width:100%; margin:0;}
.about_block2 dl dd .inner,.about_block2.odd dl dd .inner{ padding:100px 20px 20px;}
#pro_dets_slider .flex-direction-nav a,#pro_dets_slider1 .flex-direction-nav a{ left:20px; bottom:50px;}
#pro_dets_slider .flex-direction-nav .flex-next,#pro_dets_slider1 .flex-direction-nav .flex-next{ left:55px;}
.pro_dets_block1 p,.made_block1 p, .made_block3 p{ width:100%;}
.news_block2 li .txt .inner{ padding:10px;}
.news_block2 li .txt .inner h2{font-size:14px;}
.news_block2 li .txt .inner p{font-size:12px;}
.news_block3 dl dd .inner,.news_block3.odd dl dd .inner{ padding:20px 10px;}
.news_block3 a.more1{ margin:20px 0 0;}
.feedback h4{ width:62%;}
.search_top .wrap{ width:90%;}
.feedback ul li .f_box input,.feedback ul li .f_box textarea{ width:290px;}
.contact_box .connbox{ left:0; width:370px; height:280px; margin-top:-140px;}
.contact_box dl{ padding:20px;}
.contact_box dl dt{ font-size:24px;}
h2.tit{ font-size:24px;}
.history .his-b .his-ul li img{ margin-top:65px;}
.pro_dets_block4 .wrap, .pro_dets_block5 .wrap, .pro_dets_block1 .wrap{ width:99%;}

.case_list li{ margin:15px 0;}
.case_list li .txt{ margin-top:0;}
.case_list li .txt a.more1{ margin-top:20px;}
.case_list li .txt{ line-height:24px;}

.bak_2 .img,.bak_2 .img li{ height:567px;}
.bak_2 .g_bon li{ width:202px; height:112px;}

.in_b_ll,.in_b_ll1{left:20px;bottom:50px;}
.in_b_rr,.in_b_rr1{left:55px;bottom:50px;}

}

@media only screen and (max-width:1023px) {
.banner h2,.ban_txt h2{ font-size:24px; height:60px; margin-top:-30px;}
.banner h2 em,.ban_txt h2 em{ width:50px; border-bottom:2px solid #fff;}
a.more3{ height:32px; line-height:32px;}
h2.tit{ font-size:20px; margin:0 0 20px;}
.about_block2 dl dd .inner,.about_block2.odd dl dd .inner{ padding:20px;}
.about_block2 a.more1{ margin:20px 0 0;}
.about_block1 a.more3{ margin:20px auto;}
.about_block3{ padding:50px 0;}
.about_block3 li{ width:48%; margin:0 1% 20px;}
.about_block3 li img{ width:100%; height:auto;}
.about_block4 li .inner{ margin-top:-50px; height:100px;}
.organization{padding:40px 0 60px;}
.company h3,.product_block1 li .txt h2,.about_block3 li h2,.pro_dets_block1 h2,.pro_dets_block2 h2,.news_cont .tit,.contact_box dl dt{ font-size:20px;}
.culture_block li{ width:50%; margin:0 0 20px;}
.pro_dets_block2 h2{ margin:20px 0;}
.pro_dets_block4, .pro_dets_block5,.pro_dets_block1{ padding:20px 0 40px;}
.product_block1 li{ width:50%;}
.product_block1 li .txt{ padding:10px;}
.product_block1 li:nth-child(2n+1) .txt,.product_block1 li:nth-child(2n+1) .mbon{ border-left:none;}
#pro_dets_slider .flex-direction-nav a,#pro_dets_slider1 .flex-direction-nav a{ bottom:20px;}

.news_block1 li{ width:50%; margin:20px 0;}
.news_block1 a.more3{ margin:30px auto 0;}
.news_block2 li{ width:100%;}
.news_block3 dl dt,.news_block3 dl dd{ width:100%;}
.feedback h4{ width:100%;}
.feedback ul li .f_box input,.feedback ul li .f_box textarea{ width:230px;font-size:14px;}
a.more4,.ser_bon{ width:130px; height:45px; line-height:45px;}
.history .his-b .his-ul li img{ margin-top:70px;}
#history-list{ padding:0 20px;}
#history-list .list{ width:auto;}
#history-list .list li .bx{ width:320px;}
.news_list1 li .txt h2,.rbox .r_tit,.rbox .r_con li:hover a, .rbox .r_con li.on a,.address-box .title,a.more4, .ser_bon{ font-size:16px;}
.news_list1 li .data{ width:80px; margin-right:20px; height:60px; line-height:30px;}
.news_list1 li .data em{ font-size:14px; height:30px;}
.news_list1 li .data span{ font-size:16px;}
.news_list1 li .txt{ padding:0 0 20px;}
/*.bx-wrapper .bx-controls-direction a{ top:80px;}*/

.case_list li .txt{ line-height:20px;}

.bak_2 .img,.bak_2 .img li{ height:425px;}
.bak_2 .g_bon li{ width:195px; height:110px;}

.in_b_ll,.in_b_ll1{bottom:20px;}
.in_b_rr,.in_b_rr1{bottom:20px;}
.f_num{ bottom:20px;}
.list_c .bx-wrapper .bx-pager, .list_c .bx-wrapper .bx-controls-auto,.list_c .bx-wrapper .bx-prev,.list_c .bx-wrapper .bx-next,.list_c.an .bx-wrapper .bx-prev,.list_c.an .bx-wrapper .bx-next{bottom:20px}


}

@media only screen and (max-width: 767px) {
.header .navbg{ display:none!important;}	
body{ font-size:12px;}
.banner h2,.ban_txt h2{ font-size:16px;height:36px; margin-top:-18px;}
.banner h2 em,.ban_txt h2 em{ width:30px; border-bottom:1px solid #fff;}
.ScrollDown{ bottom:0;}
.about_block1,.about_block2,.about_block3,.company,.culture_block,.product_block2,.pro_dets_block1,.pro_dets_block4,.made_block1,.faq_block,.case_list,.news_block1,.news_block2,.feedback,.other_block,.case_details,.news_list1,.made_block3,.news_details{ padding:20px 0; }
.pro_dets_block2 h2,.case_det_imgshow{ margin:20px 0;}
.pro_dets_block2 .about_block2,.news_block3{ padding:0;}
.case_details{ padding-bottom:40px;}
.company h3,.case_details h2{ margin:0 0 20px;}
.culture_box{ padding:0 0;}

h2.tit,.company h3,.product_block1 li .txt h2,.about_block3 li h2,.about_block1 h3,.product_block2 h3,.pro_dets_block1 h2,.pro_dets_block2 h2,.contact_box dl dt,.case_details h2,.news_list1 li .txt h2,.made_block3 h3,.case_list li .txt h2,.news_cont .tit{font-size:14px;}
.about_block3 li img{ width:100%; height:auto;}
.news_article{ font-size:12px;}
.contact_box dl dt{ margin:0 0 20px;}
h2.tit a{ width:auto;}
a.more3{ font-size:12px; width:90px; padding-left:22px;background:url(../images/dot05.png) 10px center no-repeat;}
a.more3:hover{background:url(../images/dot05.png) 10px center no-repeat #00CE66}
a.more4,.ser_bon{ font-size:12px; width:100px; height:30px; line-height:30px;}
.ser_bon{ margin:0 0 20px;}
.about_block2 dl dt,.about_block2 dl dd{ float:none; width:100%;}
.about_block4 li{ width:100%;}
.about_block4 li span,.about_block4 li:hover span{ display:block;}
.organization{padding:20px 0;}
.culture_block li{ width:100%;}

.product_block1 li{ width:100%;}
.product_block1 li .txt,.product_block1 li .mbon{ border-left:none;}
.product_block2 a.more4{ margin:20px auto;}
.product_block2 li{ width:100%; margin:0 0 20px;}
.pro_dets_block2 .about_block2 dl dd .inner{ padding:20px 20px 60px;}
.ser_ser_block p{ text-align:left;}
.faq_block li .faq_Q .txt{ margin:0 5px 0 0;}
.faq_block li .faq_Q,.faq_block li.open .faq_Q{ padding:10px 0;}
.faq_block li.open .faq_Q .txt{ margin:0 5px 0 10px;}
.pro_dets_block4 p{ height:36px;}
.page_pc{ display:none;}
.page_phone{ display:block;}

.case_list li{ margin:0 0 20px; float:none;}
.case_list li .img,.case_list li .txt{ float:none; margin:0; width:100%; height:auto;}
.case_list li .img span,.case_list li.an .img span{ margin:0 2.5% 10px;}
.case_list li .txt{ width:90%; margin:0 2.5%;}
.case_list li .txt a.more1{ margin:5px 0 0;}
.case_list li.an .img{ float:none;}


.news_block1 li{ margin:10px 0; width:100%;}
.product_block2 ul,.news_block1 ul,.news_list ul{ margin:0;}
.news_block1 li .img,.news_list li .inner{ margin:0;}
.news_block1 a.more3,.news_block2 a.more3{ margin:20px auto 0;}
.news_block2 li .img, .news_block2 li .txt{ width:100%;}
.news_list li{ width:100%;}

.news_details .right{ width:100%; float:none; margin:0;}
.news_cont .bon{ padding:20px 0; line-height:22px;}
.news_cont .bon span{ margin:10px 5px;}
.rbox .r_con li:hover a, .rbox .r_con li.on a{ font-size:12px;}
.rbox .r_con li{ padding:3px 0;}
.rbox .r_con1 li{padding:5px 18px;}
.feedback ul li{ width:100%; font-size:12px;}
.feedback ul li .f_box{ margin:0 0 15px;}
.feedback ul li .f_box input, .feedback ul li .f_box textarea{ width:68%;}
.feedback ul li .f_box span{ padding:0px 5px 0px 0}
.feedback ul li .f_box input{ padding:0 10px;font-size:12px;}
.feedback ul li .f_box textarea{font-size:12px;}
.feedback a.more4{ margin:0 0 0 100px;}
.feedback h4{ margin:0 auto 20px;}

.contact_block{ height:320px;}
.contact_box .connbox{ width:100%; height:auto; position:relative; margin:0;}
.contact_box .connbox dl{ padding:20px 3px;}
.contact_box .connbox dl dd{ padding:0 0 0 18px;}
.address-box .title{ font-size:14px;}
.address-box .text{ font-size:12px;}

.history .his-b { margin:0;}
.history .his-b .his-ul { margin:0 39px; z-index:10; position:relative;}
	#history-list .tit { left:20px; right:auto; }
	#history-list .line { left:20px; right:auto;}
	#history-list .list { width:auto; margin:0 10px 0 10px;}
	#history-list .list li { width:auto; margin-bottom:30px; float:none; margin-left:30px; margin-top:0;}
	#history-list .list li.odd { margin-top:0;}
	#history-list .list li .i2 { text-align:left;}
	#history-list .list li .i1 { left:-47px;right:auto;}
	#history-list .list li.odd .i1 {right:-12px;left:auto;}
	#history-list .list li .bx { float:none; width:auto;}
	#history-list .tit { font-size:50px; left:auto; text-align:left; padding-right:0; padding-left:50px;}
	#history-list .tit i { right:auto; left:-10px; top:26px;}

    .case_details{ padding-bottom:20px;}
	.bak_2 .bx-wrapper .bx-pager,.bak_2 .bx-wrapper .bx-controls-auto {display:block; bottom:-30px; padding:0; }
	.bak_2 .bx-wrapper .bx-controls-direction a{ top:50%; margin-top:-27px; width:23px; height:55px; background-size:cover;}
	.bak_2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .bak_2 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
    .bak_2 .bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #000; }
	.bak_2 { padding-bottom:25px;}
    .bak_2 .g_bon { display: none; }
    .bak_2 .img,.bak_2 .img li { height: auto;  }
	.bak_2 .img li { opacity:1; filter:alpha(opacity=100); position:relative;}
    .bak_2 .img li img { position: relative; width: 100%; height: auto; }
	
a.close{ height:20px; line-height:20px; padding-left:25px; width:35px; font-size:14px; background:url(../images/dot34_phone.png) 10px center no-repeat #8e8e8e;margin-top:20px;}
a.close:hover{ background:url(../images/dot34_phone.png) 10px center no-repeat #00ce66;}	


.ScrollDown{ display:none;}
.news_list1 li .data{ width:50px; margin-right:10px; height:50px; line-height:25px;}
.news_list1 li .data em{ font-size:12px; height:25px;}
.news_list1 li .data span{ font-size:14px;}
.news_list1 li .txt h2,.rbox .r_tit{ font-size:14px;}
.updown span{ width:100%;}

.bx-wrapper .bx-controls-direction a{ width:23px;top:10px;}


.p_d_b_ll,.p_d_b_rr{ width:98%; margin:0 auto; float:none; padding:0;}
.p_d_b_ll{ margin:20px 2.3%;}
.p_d_b_rr li h2{ font-size:12px;}
.pro_dets_block4 li, .pro_dets_block5 li .box{ width:100%;}

a.close{ display:none;}


}

@media only screen and (max-width: 419px) {
.feedback ul li .f_box input, .feedback ul li .f_box textarea{ width:58%;}
}