@charset "utf-8";
/**/
@font-face{
font-family:impact;
src:url("/skin/fonts/vani.ttf");
}

*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#000; line-height:24px; font-family:Arial, Helvetica, sans-serif;}
a{font-size:14px; color:#000; text-decoration: none; transition:color 0.5s;}
a:hover {color:#000;}

#mySwipe{ display:inherit;}

.swipe {width: 100%;margin: 0 auto;	overflow: hidden;visibility: hidden;position: relative;width: 100%;	background: #fff;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {	float: left;width: 100%;position: relative;}
.swipe-wrap > div a {display: block;background: url(/skin/images/loading.gif) no-repeat center center;}
.swipe-wrap img {width:100%;}


@media( min-width:1500px){
.index1 .con p.a1{padding-top:100px!important;}
.index1 .con p.a4{ padding-top:75px!important;}
.index2 .con p.a1{padding-top:100px!important;}
.index2 .con p.a4{ padding-top:75px!important;}
.index2 .con{ width:40%!important; padding-left:6%!important;}
.index3 .con p.a1{padding-top:80px!important;}
.index3 .con{ width:32%!important; padding-left:6%!important;}
.index3 .con p.a3{padding-top:35px!important; margin-right:90px!important;}
.index3 .con p.a4{ padding-top:50px!important;}
#bottom1 dl{ float:right; width:22%!important;}

}
@media( min-width:1000px){
#top{ width:100%; position:fixed; left:0; top:0; z-index:10; background:rgba(255,255,255,1); height:100px; transition:height 0.5s; overflow:hidden;}
#top img{transition:margin 0.5s;}
#top .logo{     float: left;
    display: flex;
    align-items: center;
    height: 100%;}
#top .menubtn{ display:none;}
#lan{ display:none;}
#dh{ display:none;}
#menu{ float:right;}
#menu ul{ list-style:none; float:left;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; color:#000; padding:0 15px; line-height:100px; transition:line-height 0.5s,background 0.5s;}
#menu ul li a:hover{ background:#da251d;color: #fff}
#menu dl{ float:right;}
#menu dl dt{ line-height:100px; padding:0 50px; color:#000; transition:line-height 0.5s;}
#menu dl dt a{ color:#000; font-family:Arial, Helvetica, sans-serif;}

.index{ overflow:hidden; padding:0 50px 100px 50px;}
.index1{ margin-top:80px; width:100%; overflow:hidden;}
.index1 .pic{ float:left; width:54%;}
.index1 .pic img{ width:100%;}
.index1 .con{ float:right; width:40%;}
.index1 .con p.a1{ color:#000; line-height:60px; font-size:48px; font-family:impact; padding-top:50px;}
.index1 .con p.a2{ font-size:24px; line-height:30px; padding-bottom:15px;}
.index1 .con p.a3{ font-size:14px; line-height:24px; padding-top:35px; letter-spacing:3px;}
.index1 .con p.a4{ padding-top:50px;}
.index1 .con p.a4 a{ display:block; width:45px; height:35px; transition:width 0.5s; text-align:center; border:solid 2px #000;}
.index1 .con p.a4 a img{ margin-top:10px;}
.index1 .con p.a4 a:hover{ width:80px;}


.index2{ margin-top:80px; width:100%; overflow:hidden;}
.index2 .pic{ float:right; width:54%;}
.index2 .pic img{ width:100%;}
.index2 .con{ float:left; width:40%; padding-left:0%;}
.index2 .con p.a1{ color:#000; line-height:60px; font-size:48px; font-family:impact; padding-top:50px;}
.index2 .con p.a2{ font-size:24px; line-height:30px; padding-bottom:15px;}
.index2 .con p.a3{ font-size:14px; line-height:24px; padding-top:35px; letter-spacing:3px;}
.index2 .con p.a4{ padding-top:50px;}
.index2 .con p.a4 a{ display:block; width:45px; transition:width 0.5s; height:35px; text-align:center; border:solid 2px #000;}
.index2 .con p.a4 a img{ margin-top:10px;}
.index2 .con p.a4 a:hover{ width:80px;}

.index3{ margin-top:80px; width:100%; overflow:hidden;}
.index3 .pic{ float:right; width:62%;}
.index3 .pic img{ width:100%;}
.index3 .con{ float:left; width:32%; padding-left:0%;}
.index3 .con p.a1{ color:#000; line-height:60px; font-size:48px; font-family:impact; padding-top:20px;}
.index3 .con p.a2{ font-size:24px; line-height:30px; padding-bottom:15px;}
.index3 .con p.a3{ font-size:14px; line-height:24px; padding-top:25px; letter-spacing:0px; margin-right:0px;}
.index3 .con p.a4{ padding-top:20px;}
.index3 .con p.a4 a{ display:block; width:45px; transition:width 0.5s; height:35px; text-align:center; border:solid 2px #000;}
.index3 .con p.a4 a img{ margin-top:10px;}
.index3 .con p.a4 a:hover{ width:80px;}

#mbottom{ display:none;}
#bottom{ background:url(/skin/images/bottom.jpg) top center; width:100%; overflow:hidden;}
#bottom1{ background:rgba(255,255,255,0.1); margin:20px; overflow:hidden; padding:40px 0 15px 0;}
#bottom1 ul{ list-style:none; margin-left:6%;}
#bottom1 ul li{ float:left; width:11%;}
#bottom1 ul li a{ color:#fff; font-size:12px;}
#bottom1 ul li p a{ font-size:14px; line-height:40px;}
#bottom1 ul li a:hover{ text-decoration:underline;}
#bottom1 dl{ float:right; width:32%;}
#bottom1 dl dt{ color:#fff;}
#bottom1 dl dt p.tt{ font-size:14px; line-height:40px;}
#bottom1 dl dt p span{ float:left; margin-right:4px; margin-top:20px;}
#bottom1 dl dt p span a{ background:rgba(0,0,0,0.5); transition:background 0.5s; border-radius:50px; display:block;}
#bottom1 dl dt p span a:hover{ background:#da251d;}
#bottom2{ width:93%; margin:0 auto; overflow:hidden; color:#fff; text-align:left; font-size:12px; padding-bottom:30px;}
#mhd{ display:none;}

#aboutpic{ width:100%; overflow:hidden;}
#aboutpic img{ width:100%;}

#about{ width:1200px; margin:0 auto; overflow:hidden; color:#333; padding-bottom:80px;}

#title{ font-size:24px;width:1200px; text-align:center; margin:80px auto 30px auto; line-height:24px;}
#title p{ font-family:impact; font-size:40px; line-height:100px;}

#aboutmenu{ width:100%; position:absolute; z-index:20;margin-top:0px; background:rgba(0,0,0,0.6);}
#aboutmenu ul{ list-style:none; width:1200px; margin:0 auto;  overflow:hidden;}
#aboutmenu ul li{ float:left; width:25%;}
#aboutmenu ul li a{ display:block; text-align:center; line-height:70px; color:#fff; transition:background 0.5s;}
#aboutmenu ul li a:hover{ background:#da251d;}
#aboutmenu ul li a.it{ background:#da251d;}

#newsmenu{ width:100%; position:absolute; z-index:20;margin-top:-70px; background:rgba(0,0,0,0.6);}
#newsmenu ul{ list-style:none; width:1200px; margin:0 auto;  overflow:hidden;}
#newsmenu ul li{ float:left; width:50%;}
#newsmenu ul li a{ display:block; text-align:center; line-height:70px; color:#fff; transition:background 0.5s;}
#newsmenu ul li a:hover{ background:#da251d;}
#newsmenu ul li a.it{ background:#da251d;}

#about div.a1{ overflow:hidden;}
#about div.a1 img{ float:right;}
#about div.a1 p{ float:left; width:600px; padding-top:50px;}

#about div.a2{ overflow:hidden; padding-top:70px;}
#about div.a2 img{ float:left;}
#about div.a2 p{ float:right; width:400px; padding-top:80px;}

#about1{ width:100%; background:#f1f1f1; padding-bottom:70px; overflow:hidden;}
#about1 div.a2{ overflow:hidden; padding-top:70px; width:1200px; margin:0 auto;}
#about1 div.a2 img{ float:left;}
#about1 div.a2 p{ float:right; width:550px; padding-top:10px;}

#aboutbtn{ display:none;}

#org{ text-align:center; width:1200px; margin:0 auto; overflow:hidden; padding:0 0 70px 0;}

#workshop{ width:1200px; margin:0 auto; overflow:hidden;}
#workshop ul{ list-style:none; width:1300px;}
#workshop ul li{ float:left; width:380px; margin-right:30px;}
#workshop ul li a{ display:block; text-align:center; line-height:60px; transition:background 0.5s;}
#workshop ul li a img{ width:100%;}
#workshop ul li a:hover{ background:#da251d; color:#fff;}

#honor{ width:1200px; margin:0 auto; overflow:hidden;}
#honor ul{ list-style:none;}
#honor ul li{ float:left; width:33.3%;margin-bottom: 30px;}
#honor ul li a{ display:block; text-align:center; line-height:60px; transition:background 0.5s;}
#honor ul li a img{ width:320px;}

#more{ width:250px; margin:0 auto; overflow:hidden; padding:50px 0 90px 0;}
#more a{ display:block; border:solid 1px #ddd; background:#eee; line-height:50px; text-align:center; transition:background 0.5s,color 0.5s;}
#more a:hover{ background:#da251d; color:#fff;}

#news{ width:1200px; margin:0 auto; overflow:hidden; padding-top:20px;}
#news ul{ list-style:none;}
#news ul li{ overflow:hidden; padding-bottom:90px;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a img{ float:left;}
#news ul li a div{ width:400px; float:right;}
#news ul li a div p.a1{ font-size:18px; font-weight:bold; padding-bottom:20px; line-height:24px; padding-top:50px;}
#news ul li a div p.a3{ padding-top:20px;}
#news ul li a div p.a4{ width:50px; height:39px; border:solid 2px #000; text-align:center; margin-top:40px; transition:width 0.5s;}
#news ul li a div p.a4 img{ float:none; margin-top:11px;}
#news ul li a div p.a4:hover{ width:100px;}

#news ul li.imgr a img{ float:right;}
#news ul li.imgr a div{ width:400px; float:left;}
#news ul li.imgr a div p.a1{ font-size:18px; font-weight:bold; padding-bottom:20px; line-height:24px; padding-top:50px;}
#news ul li.imgr a div p.a3{ padding-top:20px;}
#news ul li.imgr a div p.a4{ width:50px; height:39px; border:solid 2px #000; text-align:center; margin-top:40px; transition:width 0.5s;}
#news ul li.imgr a div p.a4 img{ float:none; margin-top:11px;}
#news ul li.imgr a div p.a4:hover{ width:100px;}

#service{ width:1200px; margin:80px auto 0 auto; overflow:hidden;}
#service .s_l{ float:left; width:600px;}
#service .s_r{ float:right; width:500px;}
#service .s_r p.stt{ font-size:40px; line-height:40px; font-family:impact; padding-top:80px;}
#service .s_r p.stt1{ font-size:24px;}
#service .s_r p.stt2{ padding-top:50px;}

#salenet{ width:100%; background:#eeede7; overflow:hidden; margin-top:80px; text-align:center;}
#salenet .net{ padding-bottom:70px;}

#service1{ width:1200px; margin:80px auto 100px auto; overflow:hidden;}
#service1 .s_l{ float:right; width:600px;}
#service1 .s_r{ float:left; width:500px;}
#service1 .s_r p.stt{ font-size:40px; line-height:40px; font-family:impact; padding-top:80px;}
#service1 .s_r p.stt1{ font-size:24px; padding-bottom:20px;}
#service1 .s_r p.stt2 { padding-top:10px;}
#service1 .s_r p.stt2 input{ border:solid 1px #eee; text-indent:10px; height:40px; line-height:40px; width:500px;}
#service1 .s_r p.stt2 textarea{ border:solid 1px #eee; height:100px; width:480px; padding:10px; font-family:"微软雅黑";}
#service1 .s_r p.stt2 a{ display:block; background:#000; line-height:50px; border-radius:5px; text-align:center; color:#fff; width:200px; transition:background 0.5s;}
#service1 .s_r p.stt2 a:hover{ background:#da251d;}

#contact_btn{ width:1200px; margin:0 auto 40px auto; overflow:hidden; border-top:solid 1px #eee;border-bottom:solid 1px #eee; text-align:center; padding:10px 0;}
#contact_btn p{ width:200px; display:inline-block;}
#contact_btn p a{ background:#000; line-height:40px; display:block; color:#fff;}

.contact{ width:1200px; margin:0 auto 80px auto; overflow:hidden; display:none;}
.contact .contactli{ float:left; width:500px;}
.contact .contactli p{ line-height:24px; padding:18px 0; border-bottom:solid 1px #eee;}
.contact .map{ float:right; width:600px; border:solid 1px #ddd; padding:3px;}

#yinni{ width:1200px; margin:0 auto; overflow:hidden; padding:40px 0 60px 0; border-top:solid 1px #eee;border-bottom:solid 1px #eee; margin-bottom:40px;}
#yinni p{ text-align:center; padding-top:40px;}

#workshop_btn{ margin:0 auto 50px auto; overflow:hidden; width:600px;}
#workshop_btn ul{ list-style:none}
#workshop_btn ul li{ float:left; width:180px; margin:10px;}
#workshop_btn ul li a{ display:block; line-height:50px;  background:#000; color:#fff; text-align:center; transition:background 0.5s;}
#workshop_btn ul li a:hover{ background:#da251d;}
#workshop_btn ul li a.it{ background:#da251d;}

#promenu{ width:100%; position:absolute; z-index:20;margin-top:0px; background:rgba(0,0,0,0.6);}
#promenu ul{ list-style:none; width:100%; margin:0 auto;  overflow:hidden;}
#promenu ul li{ float:left; width:16.66%;}
#promenu ul li a{ display:block; text-align:center; line-height:70px; color:#fff; transition:background 0.5s;}
#promenu ul li a:hover{ background:#da251d;}
#promenu ul li a.it{ background:#da251d;}

#proli{ width:1200px; margin:0 auto; overflow:hidden;}
#proli ul{ list-style:none; width:1300px;}
#proli ul li{ float:left; width:276px; margin-right:30px;}
#proli ul li a{ display:block; text-align:center; line-height:40px; transition:background 0.5s; padding-bottom:30px;border-bottom:solid 1px #eee; overflow:hidden;}
#proli ul li a img{ width:100%;
	/*height: 250px;*/
}
#proli ul li a .color{ overflow:hidden;}
#proli ul li a .color div{display: inline-block; margin:0 auto;}
#proli ul li a .color div span{ display:block; margin:0 5px; width:10px; height:10px; border-radius:50px; float:left;}
#proli ul li a:hover{ border-bottom:solid 1px #000; color:#da251d;}

#probig{ width:1400px; margin:0 auto; overflow:hidden; padding-top:150px; padding-bottom:100px;}
#bproli{ float:left;}
#bproli p{ display:none;}
#bcon{ float:right; width:550px;}
#bcon p.a1{ font-size:50px; line-height:60px; font-family:impact; padding-top:50px;}
#bcon p.a2{ font-size:20px; border-bottom:solid 3px #222; padding-bottom:30px;}
#bcon p.a3{ padding:20px 0; border-bottom:solid 1px #eee;}
#bcon p.a3 span{ display:block; font-weight:bold; font-size:18px; line-height:40px;}
#bcon p.a4{ padding:20px 0; border-bottom:solid 1px #eee; overflow:hidden;}
#bcon p.a4 font{ display:block; font-size:18px; font-weight:bold; line-height:40px;}
#bcon p.a4 span{ display:block; float:left; margin-right:10px; width:40px; height:15px;}
#bcon p.a5{ padding:20px 0; border-bottom:solid 3px #222; overflow:hidden;}
#bcon p.a5 font{ display:block; font-size:18px; font-weight:bold; line-height:40px;}
#bcon p.a5 span{ display:block; float:left; margin-right:10px; width:60px; height:36px; border:solid 1px #eee; cursor:pointer;}
#bcon p.a5 span img{ width:100%;}
#bcon p.mo{ display:none;}
#bcon p.a6{ padding-top:20px;}
#bcon p.a6 a{ display:block; width:200px; line-height:50px; text-align:center; color:#fff; background:#000; transition:background 0.5s;}
#bcon p.a6 a:hover{ background:#da251d;}


#order{ width:1200px; margin:0 auto; overflow:hidden;}
#order p.tt{ line-height:60px; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
#order p.pbig{ width:16.66%; float:left; padding-top:20px;}
#order p.pbig input{ width:98%; border:solid 1px #eee; line-height:40px; text-indent:10px;}
#order p.pbig1{ width:100%; padding-top:20px; overflow:hidden;}
#order p.pbig1 textarea{ width:1178px; border:solid 1px #eee; height:150px; line-height:24px; padding:10px; font-family:"微软雅黑";}

#order p.pbig2{ width:100%; padding-top:20px; padding-bottom:80px;}
#order p.pbig2 a{ display:block; background:#000; line-height:50px; width:200px; text-align:center; color:#fff; transition:background 0.5s;}
#order p.pbig2 a:hover{ background:#da251d;}

#linian{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:100px;}
#linian p{ float:left;}

#us{ width:1200px; margin:80px auto 80px auto; overflow:hidden;}
#us .a1{ float:right; width:600px; overflow:hidden;}
#us .a1 p.b1{ font-size:40px; line-height:44px; font-family:impact; padding-top:50px;}
#us .a1 p.b2{ font-size:24px; padding-bottom:20px;}
#us .a1 p.b4{ padding-top:30px;}
#us .a1 p.b4 a{ display:block; width:50px; text-align:center; border:solid 2px #000; height:32px; transition:width 0.5s;}
#us .a1 p.b4 a img{ margin-top:8px;}
#us .a1 p.b4 a:hover{ width:80px;}

#us3{ width:1200px; margin:80px auto 80px auto; overflow:hidden;}
#us3 .a1{ float:left; width:400px; overflow:hidden;}
#us3 .a2{ float:right;}
#us3 .a1 p.b1{ font-size:40px; line-height:44px; font-family:impact; padding-top:50px;}
#us3 .a1 p.b2{ font-size:24px; padding-bottom:20px;}
#us3 .a1 p.b4{ padding-top:30px;}
#us3 .a1 p.b4 a{ display:block; width:50px; text-align:center; border:solid 2px #000; height:32px; transition:width 0.5s;}
#us3 .a1 p.b4 a img{ margin-top:8px;}
#us3 .a1 p.b4 a:hover{ width:80px;}

#us1{ width:100%; background:#eeede7; overflow:hidden; padding:60px 0;}
#us1 ul{ list-style:none; width:1230px; margin:0 auto;}
#us1 ul li{ float:left; width:380px; padding:15px;}
#us1 ul li a{ display:block; background:#fff; text-align:center; padding:30px 0; font-size:18px; line-height:60px; transition:background 0.5s;}
#us1 ul li a img{ border-radius:200px; transition:background 0.5s;}
#us1 ul li a:hover{ background:#da251d; color:#fff;}
#us1 ul li a:hover img{ background:#fff;}

#us2{ width:1200px; margin:0 auto; overflow:hidden;}
#us2 ul{ list-style:none; width:10000px; transition:margin 0.5s;}
#us2 ul li{ float:left; width:380px; margin-right:30px;}
#us2 ul li a{ display:block; text-align:center; line-height:60px; transition:background 0.5s;}
#us2 ul li a img{ width:100%;}
#us2 ul li a:hover{ background:#da251d; color:#fff;}

#change{ text-align:center; overflow:hidden; padding-bottom:80px; padding-top:20px;}
#change div{  display: inline-block; margin:0 auto;}
#change a{ display:block; width:60px; height:36px; border:solid 2px #000; text-align:center; float:left; margin:10px; transition:width 0.5s;}
#change a img{ margin-top:9px;}
#change a:hover{ width:80px;}
}

@media( max-width:999px){
/*.swiper-pagination{display: none; }*/
.swiper-button-next{display: none; }
.swiper-button-prev{display: none; }

#top{ width:100%; position:fixed; left:0; top:0; z-index:10; background:rgba(255,255,255,1); height:3rem; transition:height 0.5s;}
#top img{transition:margin 0.5s; height:3rem;}
#top .logo img{
	height: auto;
}
.case-bj{
	padding-bottom: 120px!important;
}
.index{
	margin-top: 80px!important;
}

.logo{display: flex;align-items: center;height: 100%;}
#top .logo{ float:left;}
#top .menubtn{ float:right; height:3rem;}
#lan{ float:right;}
#lan a{ display:block; color:#fff; float:left; background:#444; width:2rem; height:2rem; text-align:center; line-height:2rem; border-radius:2rem; margin-top:.5rem; margin-right:1rem;}

#dh{ width:100%; overflow:hidden; height:3rem;}
#menu{ width:100%; overflow:hidden; display:none;}
#menu ul{ list-style:none; width:100%;}
#menu ul li{ width:100%;}
#menu ul li a{ display:block; color:#000; text-align:center; border-bottom:solid 1px #eee; background:#fff; line-height:2.6rem;}

#menu dl{ width:100%; display:none;}
#menu dl dt{ line-height:100px; padding:0 50px; color:#000; transition:line-height 0.5s;}
#menu dl dt a{ color:#000; font-family:Arial, Helvetica, sans-serif;}

.index{ overflow:hidden; width:90%; margin:1rem auto;}

.index1{ margin-top:1rem; width:100%; overflow:hidden; padding-bottom:3rem;}
.index1 .pic{ width:100%;}
.index1 .pic img{ width:100%;}
.index1 .con{width:100%;}
.index1 .con p.a1{ color:#000; line-height:50px; font-size:30px; font-family:impact; padding-top:20px;}
.index1 .con p.a2{ font-size:20px; line-height:20px; padding-bottom:15px;}
.index1 .con p.a3{ font-size:14px; line-height:24px; padding-top:35px; letter-spacing:0px;}
.index1 .con p.a4{ padding-top:30px;}
.index1 .con p.a4 a{ display:block; width:45px; height:35px; transition:width 0.5s; text-align:center; border:solid 2px #000;}
.index1 .con p.a4 a img{ margin-top:10px;}
.index1 .con p.a4 a:hover{ width:80px;}


.index2{ margin-top:1rem; width:100%; overflow:hidden; padding-bottom:3rem;}
.index2 .pic{width:100%;}
.index2 .pic img{ width:100%;}
.index2 .con{width:100%;}
.index2 .con p.a1{ color:#000; line-height:50px; font-size:30px; font-family:impact; padding-top:20px;}
.index2 .con p.a2{ font-size:20px; line-height:20px; padding-bottom:15px;}
.index2 .con p.a3{ font-size:14px; line-height:24px; padding-top:35px; letter-spacing:3px;}
.index2 .con p.a4{ padding-top:50px;}
.index2 .con p.a4 a{ display:block; width:45px; transition:width 0.5s; height:35px; text-align:center; border:solid 2px #000;}
.index2 .con p.a4 a img{ margin-top:10px;}
.index2 .con p.a4 a:hover{ width:80px;}

.index3{ margin-top:1rem; width:100%; overflow:hidden; padding-bottom:3rem;}
.index3 .pic{ width:100%;}
.index3 .pic img{ width:100%;}
.index3 .con{ width:100%; }
.index3 .con p.a1{ color:#000; line-height:50px; font-size:30px; font-family:impact; padding-top:20px;}
.index3 .con p.a2{ font-size:20px; line-height:20px; padding-bottom:15px;}
.index3 .con p.a3{ font-size:14px; line-height:24px; padding-top:25px; letter-spacing:0px; margin-right:0px;}
.index3 .con p.a4{ padding-top:20px;}
.index3 .con p.a4 a{ display:block; width:45px; transition:width 0.5s; height:35px; text-align:center; border:solid 2px #000;}
.index3 .con p.a4 a img{ margin-top:10px;}
.index3 .con p.a4 a:hover{ width:80px;}

#bottom{ display:none;}
#mbottom{ background:rgba(0,0,0,0.8); position:fixed; left:0; bottom:0; z-index:20; width:100%; height:3rem;}
#mbottom ul{ list-style:none;}
#mbottom ul li{ float:left; width:25%; text-align:center;}
#mbottom ul li a{ display:block; border-right:solid 1px #333;}
#mbottom ul li a img{ height:3rem;}
#mhd{ height:3rem; overflow:hidden; width:100%;}

#aboutpic img{ width:100%;}

#about{ width:90%; margin:0 auto; overflow:hidden; color:#333; padding-bottom:4rem;}

#title{ font-size:24px;width:100%; text-align:center; margin:40px auto 0px auto; line-height:24px;}
#title p{ font-family:impact; font-size:24px; line-height:30px;}

#aboutbtn{ width:100%; background:url(/skin/images/bb2.png) 95% center no-repeat #eee; cursor:pointer; height:3rem; text-align:center; line-height:3rem; font-size:1rem;}

#aboutmenu{ width:100%; display:none;}
#aboutmenu ul{ list-style:none; width:100%; margin:0 auto; background:#eee;  overflow:hidden;}
#aboutmenu ul li{ float:left; width:100%;}
#aboutmenu ul li a{ display:block; text-align:center; line-height:3rem; color:#000; border-top:solid 1px #fff; font-size:.8rem;}


#about div.a1{ overflow:hidden;}
#about div.a1 img{ width:100%;}
#about div.a1 p{ float:left; width:100%; padding-top:20px;}

#about div.a2{ overflow:hidden; padding-top:10px;}
#about div.a2 img{ width:100%;}
#about div.a2 p{ float:right; width:100%; padding-top:10px;}


#about1 div.a2{ overflow:hidden; width:90%; padding:1rem 5%; margin:0 auto; background:#f1f1f1;}
#about1 div.a2 img{ width:100%; padding:1rem 0;}
#about1 div.a2 p{ float:left; width:100%; padding-top:20px;}

#org{ text-align:center; width:90%; margin:0 auto; overflow:hidden; padding:30px 0 70px 0;}
#org img{ width:100%;}

#workshop{ width:100%; margin:0 auto; overflow:hidden; padding-top:1.5rem;}
#workshop ul{ list-style:none; width:95%; margin:0 auto;}
#workshop ul li{ float:left; width:50%; }
#workshop ul li a{ display:block; text-align:center; line-height:60px; width:95%; margin:0 auto; transition:background 0.5s;}
#workshop ul li a img{ width:100%;}
#workshop ul li a:hover{ background:#da251d; color:#fff;}

#honor{ width:100%; margin:0 auto; overflow:hidden; padding-top:1.5rem;}
#honor ul{ list-style:none; width:95%; margin:0 auto;}
#honor ul li{ float:left; width:50%; margin-bottom:10px;}
#honor ul li a{ display:block; text-align:center; line-height:60px; width:95%; margin:0 auto; transition:background 0.5s;}
#honor ul li a img{ width:100%;}
#honor ul li a:hover{ background:#da251d; color:#fff;}

#more{ width:250px; margin:0 auto; overflow:hidden; padding:30px 0 50px 0;}
#more a{ display:block; border:solid 1px #ddd; background:#eee; line-height:50px; text-align:center; transition:background 0.5s,color 0.5s;}
#more a:hover{ background:#da251d; color:#fff;}

#newsmenu{ width:100%; display:none;}
#newsmenu ul{ list-style:none; width:100%; margin:0 auto; background:#eee;  overflow:hidden;}
#newsmenu ul li{ float:left; width:100%;}
#newsmenu ul li a{ display:block; text-align:center; line-height:3rem; color:#000; border-top:solid 1px #fff; font-size:.8rem;}


#news{ width:90%; margin:0 auto; overflow:hidden; padding-top:20px;}
#news ul{ list-style:none;}
#news ul li{ overflow:hidden; padding-bottom:40px;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a img{ width:100%}
#news ul li a div{ width:100%;}
#news ul li a div p.a1{ font-size:18px; font-weight:bold; padding-bottom:20px; line-height:24px; padding-top:20px;}
#news ul li a div p.a3{ padding-top:20px;}
#news ul li a div p.a4{ width:50px; height:39px; border:solid 2px #000; text-align:center; margin-top:40px; transition:width 0.5s;}
#news ul li a div p.a4 img{ float:none; margin-top:11px; width:auto;}
#news ul li a div p.a4:hover{ width:100px;}


#news ul li.imgr a div p.a1{ font-size:18px; font-weight:bold; padding-bottom:20px; line-height:24px; padding-top:20px;}
#news ul li.imgr a div p.a3{ padding-top:20px;}
#news ul li.imgr a div p.a4{ width:50px; height:39px; border:solid 2px #000; text-align:center; margin-top:40px; transition:width 0.5s;}
#news ul li.imgr a div p.a4 img{ float:none; margin-top:11px;}
#news ul li.imgr a div p.a4:hover{ width:100px;}

#contact_btn{ width:100%; margin:10px auto 0px auto; overflow:hidden; border-top:solid 1px #eee;border-bottom:solid 1px #eee; text-align:center; padding:10px 0;}
#contact_btn p{ width:45%; display:inline-block;}
#contact_btn p a{ background:#000; line-height:40px; display:block; color:#fff;}

.contact{ width:90%; margin:0 auto 40px auto; overflow:hidden; display:none;}
.contact .contactli{ width:100%; padding-top:1rem;}
.contact .contactli p{ line-height:1rem; padding:.5rem 0; border-bottom:solid 1px #eee;}
.contact .map{width:97%; margin-top:2rem; border:solid 1px #ddd; padding:3px;}
.contact .map img{ width:100%}

#service{ width:90%; margin:2rem auto 0 auto; overflow:hidden;}
#service .s_l{ width:100%; padding-top:1rem;}
#service .s_l img{ width:100%;}
#service .s_r{ width:100%;}
#service .s_r p.stt{ font-size:30px; line-height:32px; font-family:impact; padding-top:1rem;}
#service .s_r p.stt1{ font-size:24px;}
#service .s_r p.stt2{ padding-top:20px;}


#salenet{ width:100%; background:#eeede7; overflow:hidden; margin-top:2rem; text-align:center;}
#salenet .net{ padding-bottom:2rem; padding-top:2rem;}
#salenet .net img{ width:90%;}

#service1{ width:90%; margin:2rem auto 1rem auto; overflow:hidden;}
#service1 .s_l{ width:100%; padding-top:2rem; display:none;}
#service1 .s_l img{ width:100%}
#service1 .s_r{ width:100%;}
#service1 .s_r p.stt{ font-size:30px; line-height:32px; font-family:impact; padding-top:2rem;}
#service1 .s_r p.stt1{ font-size:24px; padding-bottom:20px;}
#service1 .s_r p.stt2 { padding-top:10px;}
#service1 .s_r p.stt2 input{ border:solid 1px #eee; text-indent:10px; height:40px; line-height:40px; width:98%;}
#service1 .s_r p.stt2 textarea{ border:solid 1px #eee; height:100px; width:92%; padding:10px; font-family:"微软雅黑";}
#service1 .s_r p.stt2 a{ display:block; background:#000; line-height:50px; border-radius:5px; text-align:center; color:#fff; width:99%; transition:background 0.5s;}
#service1 .s_r p.stt2 a:hover{ background:#da251d;}

#yinni{ width:90%; margin:0 auto; overflow:hidden; padding:40px 0 60px 0; margin-top:2rem; border-top:solid 1px #eee;border-bottom:solid 1px #eee; margin-bottom:40px;}
#yinni p{ text-align:center; padding-top:40px;}
#yinni p img{ width:100%;}

#workshop_btn{ margin:0 auto 0px auto; overflow:hidden; width:90%;}
#workshop_btn ul{ list-style:none}
#workshop_btn ul li{ float:left; width:30%; margin:10px 1.5%;}
#workshop_btn ul li a{ display:block; line-height:2.6rem; font-size:0.6rem;  background:#000; color:#fff; text-align:center; transition:background 0.5s;}
#workshop_btn ul li a:hover{ background:#da251d;}
#workshop_btn ul li a.it{ background:#da251d;}

#promenu{ width:100%; display:none;}
#promenu ul{ list-style:none; width:100%; margin:0 auto; background:#eee;  overflow:hidden;}
#promenu ul li{ float:left; width:100%;}
#promenu ul li a{ display:block; text-align:center; line-height:3rem; color:#000; border-top:solid 1px #fff; font-size:.8rem;}

#proli{ width:100%; margin:0 auto; overflow:hidden; padding-top:1.5rem;}
#proli ul{ list-style:none; width:95%; margin:0 auto;}
#proli ul li{ float:left; width:50%; }
#proli ul li a{ display:block; text-align:center; line-height:30px; width:95%; margin:0 auto; padding-bottom:2rem; transition:background 0.5s; border-bottom:solid 1px #eee;}
#proli ul li a img{ width:100%;}
#proli ul li a .color{ overflow:hidden;}
#proli ul li a .color div{display: inline-block; margin:0 auto;}
#proli ul li a .color div span{ display:block; margin:0 5px; width:10px; height:10px; border-radius:50px; float:left;}
#proli ul li a:hover{ border-bottom:solid 1px #000; color:#da251d;}

#probig{ width:100%; margin:0 auto; overflow:hidden; padding-top:0; padding-bottom:30px;}
#bproli{}
#bproli p{ display:none;}
#bproli p img{ width:100%;}
#bcon{width:90%; margin:0 auto;}
#bcon p.a1{ font-size:30px; line-height:40px; font-family:impact; padding-top:20px;}
#bcon p.a2{ font-size:16px; border-bottom:solid 3px #222; padding-bottom:10px;}
#bcon p.a3{ padding:20px 0; border-bottom:solid 1px #eee;}
#bcon p.a3 span{ display:block; font-weight:bold; font-size:18px; line-height:40px;}
#bcon p.a4{ padding:20px 0; border-bottom:solid 1px #eee; overflow:hidden;}
#bcon p.a4 font{ display:block; font-size:18px; font-weight:bold; line-height:40px;}
#bcon p.a4 span{ display:block; float:left; margin-right:10px; width:40px; height:15px;}
#bcon p.mo{ padding:20px 0; border-bottom:solid 3px #222; overflow:hidden;}
#bcon p.mo font{ display:block; font-size:18px; font-weight:bold; line-height:40px;}
#bcon p.mo span{ display:block; float:left; margin-right:10px; width:40px; height:40px; border:solid 1px #eee; cursor:pointer;}
#bcon p.mo span img{ width:100%;}
#bcon p.a5{ display:none;}
#bcon p.a6{ padding-top:20px;}
#bcon p.a6 a{ display:block; width:200px; line-height:50px; text-align:center; color:#fff; background:#000; transition:background 0.5s;}
#bcon p.a6 a:hover{ background:#da251d;}


#order{ width:90%; margin:0 auto; overflow:hidden;}
#order p.tt{ line-height:20px; padding:10px 0; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
#order p.pbig{ width:98%; float:left; padding-top:20px;}
#order p.pbig input{ width:98%; border:solid 1px #eee; line-height:40px; text-indent:10px;}
#order p.pbig1{ width:100%; padding-top:20px; overflow:hidden;}
#order p.pbig1 textarea{ width:90%; border:solid 1px #eee; height:150px; line-height:24px; padding:10px; font-family:"微软雅黑";}

#order p.pbig2{ width:100%; padding-top:20px; padding-bottom:20px;}
#order p.pbig2 a{ display:block; background:#000; line-height:50px; width:200px; text-align:center; color:#fff; transition:background 0.5s;}
#order p.pbig2 a:hover{ background:#da251d;}


#linian{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:20px; padding-top:1rem;}
#linian p{ width:100%}
#linian img{ width:100%;}

#us{ width:90%; margin:0px auto 40px auto; overflow:hidden;}
#us .a1{ width:100%; overflow:hidden;}
#us .a1 p.b1{ font-size:40px; line-height:44px; font-family:impact; padding-top:50px;}
#us .a1 p.b2{ font-size:24px; padding-bottom:20px;}
#us .a1 p.b4{ padding-top:30px; padding-bottom:2rem}
#us .a1 p.b4 a{ display:block; width:50px; text-align:center; border:solid 2px #000; height:32px; transition:width 0.5s;}
#us .a1 p.b4 a img{ margin-top:8px;}
#us .a2{ width:100%;}
#us .a2 img{ width:100%;}

#us1{ width:100%; background:#eeede7; overflow:hidden; padding:30px 0;}
#us1 ul{ list-style:none; width:95%; margin:0 auto;}
#us1 ul li{ float:left; width:33.33%;}
#us1 ul li a{ display:block; background:#fff; text-align:center; width:90%; margin:0 auto; padding:10px 0; font-size:14px; line-height:40px; transition:background 0.5s;}
#us1 ul li a img{ border-radius:200px; transition:background 0.5s; width:70%;}


#us2{ width:100%; margin:1rem auto 0 auto; overflow:hidden;}
#us2 ul{ list-style:none; width:10000px; transition:margin 0.5s;}
#us2 ul li{ float:left;}
#us2 ul li a{ display:block; text-align:center; line-height:40px; transition:background 0.5s;}
#us2 ul li a img{ width:100%;}
#us2 ul li a:hover{ background:#da251d; color:#fff;}

#us3{ width:90%; margin:80px auto 80px auto; overflow:hidden;}
#us3 .a1{ float:left; width:100%; overflow:hidden;}
#us3 .a2{ float:right;margin-top: 10px;}
#us3 .a1 p.b1{ font-size:40px; line-height:44px; font-family:impact; padding-top:50px;}
#us3 .a1 p.b2{ font-size:24px; padding-bottom:20px;}

#us3 .a2 img{ width:100%;}
#us3 .a1 p.b4{ padding-top:30px;}
#us3 .a1 p.b4 a{ display:block; width:50px; text-align:center; border:solid 2px #000; height:32px; transition:width 0.5s;}
#us3 .a1 p.b4 a img{ margin-top:8px;}
#us3 .a1 p.b4 a:hover{ width:80px;}

#change{ text-align:center; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#change div{  display: inline-block; margin:0 auto;}
#change a{ display:block; width:60px; height:36px; border:solid 2px #000; text-align:center; float:left; margin:10px; transition:width 0.5s;}
#change a img{ margin-top:9px;}
#change a:hover{ width:80px;}

}


/*首页新增模块*/
.case-bj{width:100%; padding-bottom:50px;}
.case-bj .title{ width:100%; padding:30px 0px; text-align:center; position:relative}
.case-bj .title h1{ font-size:28px; color:#666; line-height:35px; margin:15px 0; text-transform: uppercase}
.case-bj .title h1:after{width: 80px; height: 2px; background: #999; content: ""; display: block; margin: 0px auto; margin-top: 20px;}
.index-head {text-align: center; margin-bottom: 24px; margin-top:20px;}
.index-head li{display: inline-block;padding-left: 10px;padding-right: 10px; margin-bottom: 20px;}
.index-head a{font-size: 14px; border:1px solid #ccc; color:#666; padding:8px 10px;}
.index-head li.on a{color:#fff; border:1px solid #DA251E; background: #DA251E}
.index-head li:last-of-type{background: none;}
.index-head a:hover{color:#fff; border:1px solid #DA251E; background: #DA251E}
.case-text{padding: 15px 3%; text-align: center;}
.case-text h2{padding-bottom: 10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: normal}
.case-text h2 a{font-size: 14px;color:#333; }
.owl-prev{width: 36px;height: 36px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/icon-left.png) no-repeat; text-indent: -9999px;overflow: hidden;}
.owl-next{width: 36px;height: 36px;position: absolute;top: 50%;margin-top: -20px; background:url(../images/icon-right.jpg) no-repeat; text-indent: -9999px;overflow: hidden;}
.owl-prev,.index-news .owl-prev{background-position: left top; left: -70px;}
.owl-next,.index-news .owl-next{background-position: right top; right: -70px;}
.case-toggle{margin-bottom: 50px;}
.see-more{text-align: center;display: block; margin-top:30px; margin-left: auto;margin-right: auto; width: 170px; height: 45px; line-height: 45px; border-radius: 45px; background: #eee; font-size: 16px;color:#999;}
.see-more:hover{color:#DA251E;}
.see-more i{color:#DA251E; font-size:20px;}
.case-toggle{position:relative; max-width:1200px; margin:0px auto}
.case-toggle .case-body{opacity: 0;/*z-index: 1;*/visibility: hidden;position: absolute;left: 0;top: 0;width: 100%;}
.case-body .case-pic{overflow: hidden;}
.case-body .case-pic img{border: 1px solid #eee; padding: 1px; width: 98%!important}


.i_about{width:100%; margin:100px auto 0px auto;}

.i_aboutbox dd{ width: 50%; float: left; position: relative;}
.i_aboutbox2{ background-color: #666; color: #fff; margin-top: 0px; position: relative; height: 530px;}
.i_aboutbox2 .box{padding: 3% 3%; max-width: 600px;}
.i_aboutbox2 H2{ font-size:36px; color: #fff; line-height: 60px; position: relative;}
.i_aboutbox2 H2:after{width:80px; height:2px; background:#fff; content: ""; display: block; position: absolute; left: 0px; bottom: 0px;}
.i_aboutbox2 H6{ font-size:16px; color: #fff; line-height: 30px; margin-top: 30px; }

.i_aboutbox2 .add{border: 1px solid #fff; display: block; margin-top: 30px; font-size: 16px; color: #fff; width: 170px; height: 45px; line-height: 45px; border-radius: 45px; text-align: center; font-size: 16px}

.i_about-imgbox{ cursor: pointer; position: relative; z-index: 0}
.i_about-imgbox .vimg{ width: 100%; height: 530px;}
.i_about-imgbox .vimg .img{ height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: transform .8s ease-out 0s; -webkit-transition: -webkit-transform .8s ease-out 0s;}


.i-product{width:100%; margin-top:50px;}
.i-product .title{width:100%; position:relative; text-align:center;}
.i-product .title h1{ font-size:28px; color:#666; line-height:35px; margin:15px 0; text-transform: uppercase}
.i-product .title h1:after{width: 80px; height: 2px; background: #999; content: ""; display: block; margin: 0px auto; margin-top: 20px;}

.i-product-box{width:100%; margin-top:20px; float:left}
.i-product-box li{width:96%; margin-right:4%; margin-left:2%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;}
.i-product-box li:nth-child(3n+3){margin-right:0}
.i-product-box li figure{display:block; line-height:normal; overflow:hidden; transition:460ms; background:#fff;}
.i-product-box li figure img{width:100%; text-align:center; transition:460ms; display:block; overflow:hidden}
.i-product-box li figure H6{font-size:14px; color:#585d63; line-height:36px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; min-width:100px; border-top:1px solid #eee;}
.i-product-box li .xx{content: "";max-width:100%; width: 100%;height: 1px;margin:5px auto;background: #000; z-index:2;}
.i-product-box li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}

.i-product .owl-nav{margin-left:0px; width:90px; margin: 0px auto;position: relative;}
.i-product .owl-nav .owl-prev {background:url(../images/index-left-1.png) no-repeat!important; width: 40px; height: 40px; overflow:hidden; margin: 0px auto; text-indent: 9999px; margin-top: 0px; border-radius:0px!important; display: inline-block; margin-right: 10px;}
.i-product .owl-nav .owl-prev:hover {background:url(../images/index-left-1a.png) no-repeat!important;}
.i-product .owl-nav .owl-next {background:url(../images/index-right-1.png) no-repeat!important;width: 40px;height: 40px;text-indent: 9999px;overflow:hidden;  margin: 0px auto; margin-top: 0px;border-radius:0px!important; display: inline-block}
.i-product .owl-nav .owl-next:hover {background:url(../images/index-right-1a.png) no-repeat!important;}
.i-product .owl-dots{display:none!important;}
ol, ul {
    list-style: none;
}
.inner {
    width: 1170px;
    margin: 10px auto;
}

/*新闻功能*/
.news-cy {
margin-bottom: 50px;
}
.news-cy .news-c-item {
	position: relative;
	z-index: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	
}
.news-cy .news-c-item a{
	max-width: 1200px;
	margin: 0 auto;display: block;
}
.news-cy .news-c-item:hover {
	background: #da251c
}
.news-cy .news-c-item:hover .news-c-cont {
	border-color: #da251c
}
.news-cy .news-c-item:hover .news-c-pic img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}
.news-cy .news-c-item:hover .news-c-info .c, .news-cy .news-c-item:hover .news-c-info .t {
	color: #fff
}
.news-cy .news-c-item:hover .news-c-info .m {
	border-color: #fff;
	color: #fff
}
.news-cy .news-c-item:hover .news-c-info .d {
	color: #fff
}
.news-cy .news-c-item:hover .news-c-info .d:before {
	background: #fff
}
.news-cy .news-c-cont {
	border-bottom: 1px solid #ddd;
	margin: 0 auto;
	padding: 30px 0;
	max-width: 1400px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news-cy .news-c-cont:after {
	content: '';
	display: block;
	clear: both
}
.news-cy .news-c-pic {
	overflow: hidden;
	float: left;
	margin-right: 45px
}
.news-cy .news-c-pic img {
	-webkit-transition: all .5s, height .3s;
	-o-transition: all .5s, height .3s;
	transition: all .5s, height .3s
	width：250px;
	height: 188px;
}
.news-cy .news-c-info {
	overflow: hidden
}
.news-cy .news-c-info .t {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #333;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .c {
	margin-top: 15px;
	height: 75px;
	font-size: 14px;
	color: #666;
	line-height: 25px;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .tools {
	margin-top: 85px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .tools:after {
	content: '';
	display: block;
	clear: both
}
.news-cy .news-c-info .m {
	display: block;
	float: left;
	border: 1px solid #ccc;
	padding: 9px 20px;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .d {
	display: block;
	float: right;
	margin-top: 25px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #999;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-cy .news-c-info .d:before {
	display: inline-block;
	margin: 7px 15px 7px 0;
	width: 15px;
	height: 1px;
	background: #ccc;
	vertical-align: top;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}

@media (max-width:1024px) {

.news-cy .container,.news-cy .news-c-item a {
	max-width: 90%
}
.news-cy .news-c-pic {
	margin-right: 30px
}
}

@media (max-width:768px) {
.news-cy .news-c-pic {
	margin-right: 25px
}
.news-cy .news-c-pic img {
	height: 176px
}
.news-cy .news-c-info .t {
	font-size: 16px;
	line-height: 25px
}
.news-cy .news-c-info .c {
	font-size: 13px
}
.news-cy .news-c-info .tools {
	margin-top: 51px
}
.news-cy .news-c-info .m {
	font-size: 12px;
	line-height: 15px
}
.news-cy .news-c-info .d {
	margin-top: 20px
}
.news-cy .news-c-info .d:before {
	margin-right: 10px;
	width: 12px
}
}

@media (max-width:640px) {
.news-cy .news-c-pic {
	margin-right: 15px
}
.news-cy .news-c-pic img {
	height: 132px
}
.news-cy .news-c-info .t {
	font-size: 15px;
	line-height: 20px
}
.news-cy .news-c-info .c {
	margin-top: 10px;
	height: 40px;
	font-size: 12px;
	line-height: 20px
}
.news-cy .news-c-info .tools {
	margin-top: 32px
}
.news-cy .news-c-info .m {
	padding: 9px 10px;
	line-height: 10px
}
.news-cy .news-c-info .d {
	margin-top: 15px
}
}

@media (max-width:576px) {
.news-cy .container {
	max-width: none
}
.news-cy .news-c-info .tools {
	margin-top: 47px
}
.news-cy .news-c-info .m {
	border: 0 none;
	padding: 0;
	line-height: 15px
}
.news-cy .news-c-info .d {
	margin-top: 0
}
.news-cy .news-c-info .d:before {
	margin-right: 7px
}
}

@media (max-width:475px) {
.news-cy .news-c-pic {
	margin-right: 10px
}
.news-cy .news-c-pic img {
	height: 110px
}
.news-cy .news-c-info .tools {
	margin-top: 25px
}
}

@media (max-width:425px) {
.news-cy .news-c-pic {
	float: none;
	margin-right: 0;
	margin-bottom: 20px
}
.news-cy .news-c-pic img {
	width: 100%;
	height: auto
}
.news-cy .news-c-info .tools {
	margin-top: 30px
}
}


/*新闻详情*/
.infopage-box-t {
	bottom: 3px;
	z-index: 2;
	width: 1200px;
	padding: 40px 100px 20px;
	margin: 0px auto;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}
.infopage-box-t .t {
	font-size: 24px;
	line-height: 1.2;
	font-weight: normal;
	color: #333;
}
.infopage-box-t .time {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	padding: 12px 0px 25px;
	display: block;
	color: #666666;
}
.infopage-box-c {
	overflow: hidden;
	background-color: #fff;
	padding: 45px 100px;
	max-width: 1200px;
	margin: 0px auto;text-align: left;
}
.infopage-box-c .pageC {
	overflow: hidden;
	font-size: 15px;
}
.sharpBox {
	display: block;
	height: 41px;
	line-height: 41px;
	color: #666666;
}
.sharpBox span.l {
	padding-right: 15px;
}
.sharpBox a {
	display: block;
	width: 41px;
	height: 41px;
	margin-left: 3px;
	float: left;
}
.infopage-box-t .sharpBox a {
	border-radius: 50%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 41px;
	height: 41px;
	margin: 0px 0px 0px 3px;
	padding: 0;
	display: block;
}
.infopage-box-t .sharpBox a.a1 {
	background-image: url(../images/sharp11.png);
}
.infopage-box-t .sharpBox a.a2 {
	background-image: url(../images/sharp21.png);
}
.infopage-box-t .sharpBox a.a3 {
	background-image: url(../images/sharp31.png);
}
.infopage-box-t .sharpBox a:hover {
	background-color: #e8ddcc;
}
.infopage-box {
	padding-bottom: 80px;
}
.pager {
	margin: 0px auto;
	padding: 24px 0px;
	width: 1200px;
	border-bottom: 2px solid #333333;
	position: relative;
	text-align: center;
}
.pager .btn {
	display: block;
	padding-left: 17px;
	float: left;
	color: #333333;
	font-size: 14px;
}
.pager .prev {
	background: url(../images/arrow8.png) left center no-repeat;
}
.pager .next {
	float: right;
	padding: 0px 17px 0px 0px;
	background: url(../images/arrow9.png) right center no-repeat;
}
.pager .back-btn {
	padding-left: 28px;
	color: #333333;
	font-size: 14px;
	background: url(../images/back.png) left center no-repeat;
	margin: 0px auto;
}
.pager .back-btn:hover {
	color: #c3a673;
	background: url(../images/back1.png) left center no-repeat;
}
.pager .btn:hover {
	color: #c3a673;
}
.pager .prev:hover {
	background: url(../images/arrow12.png) left center no-repeat;
}
.pager .next:hover {
	background: url(../images/arrow13.png) right center no-repeat;
}


body{
	padding-top: 100px;overflow-x: hidden;
}

@media (max-width:600px) {
body{
	padding-top: 0;
	overflow-x: hidden;
}
}

/*底部新增*/
#box_footer {
	background-color:#333;
	width:100%;
	float:none;
	height:400px
}
#box_footer_sub1 {
	text-align:left;
	line-height:26px;
	margin:0 auto;
	width:1400px;
	background:url(/images/shoes_bg.jpg) no-repeat center 50%;
	float:none;
	height:400px
}
#box_footer_sub1 H5 {
	color:#d2d2d2;
	font-size:14px
}
#box_footer_sub1 P {
	margin-bottom:26px;
	color:#868686
}
#box_footer_sub1 P A {
	color:#868686;
	font-size:14px
}
#box_footer_sub1_sub1 {
	padding-top:40px;box-sizing: border-box;height: 400px;overflow: hidden;
	width:405px;
	float:left
}
#box_footer_sub1_sub1 .contact IMG {
	margin-bottom:46px
}
#box_footer_sub1_sub2 {
	margin-top:70px;
	width:315px;
	float:left
}
#box_footer_sub1_sub2 H3 {
	margin:3px 0 15px;
	color:#d72222;
	font-size:30px
}
#box_footer_sub1_sub2 A.message {
	margin-top:50px;
	width:203px;
	display:block;
	background:url(/images/message.png);
	height:52px;
	transition:all .6s
}
#box_footer_sub1_sub2 A.message:hover {
	background:url(/images/message2.png)
}
#box_footer_sub1_sub3 {
	text-align:center;
	margin-top:70px;
	width:400px;
	float:left
}
#box_footer_sub1_sub3 .ewm1 {
	float:left;
	margin-left:5px
}
#box_footer_sub1_sub3 .ewm2 {
	float:left;
	margin-left:33px
}
#box_footer_sub1_sub3 IMG {
	margin-bottom:6px
}
#box_footer_sub1_sub3 P {
	line-height:16px;
	margin:0
}
#box_footer_sub1_sub4 {
	text-align:right;
	margin-top:70px;
	width:280px;
	float:left
}
#box_footer_sub1_sub4 P {
	margin:0
}
#box_footer_sub1_sub4 A IMG {
	margin-bottom:13px
}
#box_footer_sub1_sub4 A {
	color:#868686;
	text-decoration:none
}
#box_footer .contact{width: auto;display: block;}




.pagelist{text-align: center;padding: 10px 0;}
.pagelist li{
  display: inline-block;vertical-align: middle;
}
.pagelist a{
  border: 1px solid #e6e6e6;font-size: 13px;
  padding: 0px 10px;
display: inline-block;
background: #fff;
color: #666666;
cursor: pointer;
text-decoration: none;
}
.pagelist li:hover a{
  background: #d72222;
  color: #fff;
}
.pagelist .thisclass a{
background: #d72222;
  color: #fff;
}
.pagelist .thisclass {
background: #d72222;
  color: #fff;
}

.whz{
	float:left;
}
.whz>div{position: relative;}
#preview{
	position: absolute;left: 100%;top:0;
}
#thumb-lens{background: none!important}

#bproli img,.whz img{
	max-width: 800px;
	max-height: 480px;
}

#bproli{
	margin: 0 auto;
	width: 800px;position: relative;
	height: 480px;border:0px solid #ccc;
}
#bproli p{
	box-sizing: border-box;
	width: 100%;height: 100%;
	position: absolute; left: 50%; top:50%;transform: translate(-50%, -50%);text-align: center;display: flex;background: #fff;
}	

.mmm{
	display: none;
}
/*首页适应代码*/
@media (max-width:600px) {
.pcc{
	display: none;
}
	.mmm{
	display: block;
}
	/*#proli ul li a img{height: 150px;}*/

.inner{ width: 98%;}


.i_about{width:100%; margin:0px auto 0px auto;}

.i_aboutbox dd{ width: 100%; float: left; position: relative;}
.i_aboutbox2{ background-color: #284b70; color: #fff; margin-top: 0px; position: relative; height: auto; z-index: 0}
.i_aboutbox2 .box{padding: 3% 3%; max-width: 100%;}
.i_aboutbox2 H2{ font-size:24px; color: #fff; line-height: 60px; position: relative;}
.i_aboutbox2 H2:after{width:80px; height:2px; background:#fff; content: ""; display: block; position: absolute; left: 0px; bottom: 0px;}
.i_aboutbox2 H6{ font-size:14px; color: #fff; line-height: 30px; margin-top: 20px; }

.i_aboutbox2 .add{display: none}

.i_about-imgbox{ cursor: pointer; position: relative; z-index: 0}
.i_about-imgbox .vimg{ width: 100%; height: 350px;}
.i_about-imgbox .vimg .img{ height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: transform .8s ease-out 0s; -webkit-transition: -webkit-transform .8s ease-out 0s;}
/*底部*/
#box_footer_sub1,#box_footer{width: 100%;height: auto;margin: 0 auto}
#box_footer_sub1_sub1,
#box_footer_sub1_sub2,
#box_footer_sub1_sub3,
#box_footer_sub1_sub4{float: none;margin: 0 auto;width: 90%;text-align: left;}

#bproli img{
	max-width: 100%;
	max-height: 100%;
	
}
#bproli{
	margin:20px auto;
	width: 95%;position: relative;
	height: auto;text-align: center;border:1px solid #ccc;
}
#bproli p{
	box-sizing: border-box;
	text-align: center;
	position: relative; left: 0%; top:0%;transform: translate(0%, 0%);
}
.index-case  {
	width: 95%;margin: 0 auto;
}
.case-body .case-pic img{
	box-sizing: border-box;
}
.case-body .owl-prev{
	left: 20px;
	top: 120%;
}
.case-body .owl-next{
	right: 20px;
	top: 120%;
}
.ewm2,.ewm1{
	width: 47%;margin: 0 0 20px!important;float: none!important;display: inline-block;vertical-align: top;text-align: center;
}
.ewm2 img,.ewm1 img{
	width: 100%;
}
#FrontSpecifies_show01-1490268240237{
	text-align: center;display: flex;justify-content: space-between;
}
#bproli p{
	display: none;
}	
}