@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin:0;	padding:0;	border:0;}
body {margin: 0px;	background: #fff;font-size: 14px;color:#414042;line-height: 24px;	font-family: "微软雅黑";}
a {color:#414042;	text-decoration: none; transition:color 0.5s,background 0.5s,width 0.5s,border 0.5s,margin 0.5s,padding 0.5s;} 
ul{ list-style:none;}
@media(min-width:899px) {
/*banner*/
.swiper-container {	width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {	text-align: center;	font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.swiper-slide{ overflow:hidden;}
.swiper-slide img {	width:100%;}

#float{position:fixed; right:20px; top:50%; z-index:30;}
#float div{ margin-bottom:1px; background:rgba(0,0,0,0.8); cursor:pointer; transition:background 0.5s;}
#float div:hover{ background:#e31931;}
#float div p{ position:absolute; margin-left:-124px; display:none;}


#top0{ background:#414042; width:100%; overflow:hidden;}
#top0 .k{ width:1260px; margin:0 auto; overflow:hidden;}
#top0 .k .left{ float:left; line-height:38px; color:#999;}
#top0 .k .left a{ color:#fff;}
#top0 .k .left span{ margin-left:10px;}
#top0 .k .right{ float:right; color:#ccc; line-height:38px;}
#top0 .k .right p{ float:right; margin-left:50px;}

#lan{ float:right; color:#fff; font-size:14px; color:#999; line-height:38px; margin-left:50px; cursor:pointer; transition:all 0.5s; margin-top:30px;}
#lan img{ vertical-align:middle; margin-left:5px; transition:all 0.5s;}
#lan:hover img{ transform:rotate(180deg);}

#lan:hover{ color:#e31931;}

#zmenu{ background:#e31931; overflow:hidden; position:absolute; margin-left:-20px;display:none;}
#zmenu dl dd a{ display:block; color:#fff; line-height:40px; text-decoration:none; padding:0 20px; border-bottom:solid 1px rgba(255,255,255,0.2);}
#zmenu dl dd a:hover{ background:#111;}

#top{ width:1260px; margin:0 auto; background:#fff; overflow:hidden;}
#logo{ float:left; margin:27px 0 21px 0;}
#menu{ float:right; }
#menu ul{ list-style:none; background:url(../image/hline.jpg) no-repeat right; overflow:hidden; float:left;}
#menu ul li{ float:left;}
#menu ul li a{ color:#111; font-size:16px; line-height:100px; text-decoration:none; display:block; padding:0 20px;}
#menu ul li a:hover,#menu ul li a.it{ color:#e31931;}
#mbtn{ display:none;}
#close{ display:none;}

#search{ float:right; background:url(image/line.jpg) no-repeat left bottom/0% 1px; overflow:hidden; padding:5px 0; width:40px; transition:all 0.5s; margin-top:30px; margin-left:30px; display:none;}
#search button{ background:none; width:40px; height:30px; float:right; cursor:pointer; transition:all 0.5s; border-radius:3px;}
#search button:hover{ background:#eee;}
#search input{ width:0; height:30px; text-indent:10px; transition:all 0.5s;}
#search:hover{ width:200px;background:url(image/line.jpg) no-repeat left bottom/100% 1px;}
#search:hover input{ width:160px;}

#aboutpic{ width:100%; background:url(image/about_02.jpg) no-repeat center; height:600px;}
#aboutpic .con{ width:1260px; margin:0 auto; overflow:hidden; color:#fff;}
#aboutpic .con p.a1{ font-size:48px; font-weight:900; line-height:60px; margin-top:200px;}
#aboutpic .con p.a2{ font-size:24px;  line-height:60px;}
#aboutpic .con p.a3{ font-size:14px;  line-height:18px; margin-top:10px;}
#aboutpic .con p.a4{ overflow:hidden; margin-top:20px; display:none;}
#aboutpic .con p.a4 span{ display:block; border:solid 2px #fff; width:8px; height:8px; float:left; border-radius:10px; margin-right:8px;}
#aboutpic .con p.a4 span.it{ background:#fff;}

#about_menu{ width:100%; overflow:hidden; margin-top:30px; background:url(image/back1.jpg) no-repeat right center/50% 100%;}
#about_menu ul{ width:1260px; margin:0 auto; overflow:hidden;}
#about_menu ul li{ float:left;}
#about_menu ul li a{ display:block; width:140px; line-height:50px; background:#f7f7f7; text-align:center; border-right:solid 10px #fff;}
#about_menu ul li a:hover,#about_menu ul li a.it{ background:#e11931; color:#fff;}

#title{ width:1260px; margin:50px auto 0 auto; overflow:hidden; font-size:30px; font-weight:900; line-height:60px; border-bottom:solid 1px #eee;}
#title span{ font-size:12px; color:#999; float:right; font-weight:100;}
#title span a{ color:#999;}
#title span a:hover{ color:#e11931;}

#about1{ width:1260px; margin:0 auto; overflow:hidden; margin-top:50px; line-height:30px;}
#about2{ width:1260px; margin:0 auto; overflow:hidden;}
#about2 ul{ margin-top:20px;}
#about2 ul li{ float:left; margin-right:100px;}
#about2 ul li p{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; font-size:48px; line-height:60px; color:#e11931; }

#about3{ width:1260px; margin:70px auto 0 auto; overflow:hidden;}
#about3 .left{ float:left; width:600px;}
#about3 .right{ width:600px; float:right; line-height:30px;}

#about4{ width:1260px; margin:70px auto 0 auto; overflow:hidden;}
#about4 .left{ float:right; width:600px;}
#about4 .right{ width:600px; float:left; line-height:30px;}

#bottom{ background:url(image/back2.jpg) no-repeat center bottom; margin-top:100px; overflow:hidden; background-attachment:fixed;}
.bottom{ width:1260px; margin:50px auto 0 auto; overflow:hidden;}
.bottom ul li{ float:left; margin-right:70px;}
.bottom ul li p.a1{ font-size:16px; color:#fff; line-height:50px;}
.bottom ul li p.a2 a{ color:rgba(255,255,255,0.7); background:url(image/back1.jpg) no-repeat left bottom/0% 1px;}
.bottom ul li p.a2 a:hover{ color:#fff; background:url(image/back1.jpg) no-repeat left bottom/100% 1px;}
.bottom .cont{ width:290px; float:right;}
.bottom .cont p.a1{ color:#fff;}
.bottom .cont p.a2{ font-size:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; color:#e11931; line-height:40px;}
.bottom .cont p.a3{ color:rgba(255,255,255,0.7);}
.bottom1{ width:1260px; margin:66px auto 0 auto; overflow:hidden; border-top:solid 1px rgba(255,255,255,0.3); color:#fff; font-size:12px; line-height:70px; padding-bottom:30px;}

#mbottom{ display:none;}
#mbottom1{ display:none;}

#mgotop{ display:none;}

#workshop{ width:1260px; margin:50px auto 0 auto; overflow:hidden; text-align:center;}
#workshop ul{ width:1300px;}
#workshop ul li{ float:left; width:400px; margin:10px 30px 20px auto;}
#workshop ul li a{ display:block; width:100%; margin:0 auto; line-height:50px; font-size:16px;}
#workshop ul li a img{ width:100%; transition:all 0.5s;}
#workshop ul li a p{ overflow:hidden;}
#workshop ul li a:hover img{ transform:scale(1.15);}
#workshop ul li a:hover{ background:#e11931; color:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.3);}

#partner{ width:1260px; margin:50px auto 0 auto; overflow:hidden; text-align:center;}
#partner ul{ width:1300px;}
#partner ul li{ float:left; width:240px; margin:0px 15px 15px auto;}
#partner ul li a{ display:block; border:solid 1px #eee; padding:20px 0; margin:0 auto; line-height:50px; font-size:16px; transition:all 0.5s;}
#partner ul li a img{ width:60%; transition:all 0.5s;}
#partner ul li a p{ overflow:hidden;}
#partner ul li a:hover{ color:#e11931; box-shadow:0 5px 5px rgba(0,0,0,0.1);}

#page{ width:100%; text-align:center; overflow:hidden; margin:40px auto 100px auto;}
#page ul{ display:inline-block; overflow:hidden;}
#page ul li{ float:left; margin:10px 5px;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; background:#f7f7f7;}
#page ul li a:hover{ background:#e11931; color:#fff; box-shadow:0 6px 3px rgba(0,0,0,0.1)}
#page ul li a.it{ background:#e11931; color:#fff; box-shadow:0 2px 3px rgba(0,0,0,0.1)}

#linian{ width:1260px; margin:50px auto 0 auto; overflow:hidden;}
#linian ul{ width:1300px;}
#linian ul li{ float:left; width:400px; margin-right:30px;}
#linian ul li p.a1{}
#linian ul li p.a2{ font-size:18px; line-height:40px; font-weight:900; color:#e11931; padding-top:10px;}

#zhuanli{ width:1260px; margin:50px auto 0 auto; overflow:hidden;}
#zhuanli ul{ width:1300px;}
#zhuanli ul li{ float:left; width:300px; margin-right:20px; margin-bottom:20px;}
#zhuanli ul li a{ display:block; text-align:center;border:solid 1px #eee; line-height:20px; transition:all 0.5s;}
#zhuanli ul li a img{ width:100%;}
#zhuanli ul li a p{ padding-bottom:20px;}
#zhuanli ul li a:hover{ color:#e11931;box-shadow:0 6px 8px rgba(0,0,0,0.2); border:solid 1px #e11931;}

#newspic{ width:100%; background:url(image/newspic.jpg) no-repeat center; height:600px;}
#newspic .con{ width:1260px; margin:0 auto; overflow:hidden; color:#fff;}
#newspic .con p.a1{ font-size:48px; font-weight:900; line-height:60px; margin-top:200px;}
#newspic .con p.a2{ font-size:24px;  line-height:60px;}
#newspic .con p.a3{ font-size:14px;  line-height:18px; margin-top:10px;}
#newspic .con p.a4{ overflow:hidden; margin-top:20px; display:none;}
#newspic .con p.a4 span{ display:block; border:solid 2px #fff; width:8px; height:8px; float:left; border-radius:10px; margin-right:8px;}
#newspic .con p.a4 span.it{ background:#fff;}

#news_menu{ width:100%; overflow:hidden; margin-top:30px; background:url(image/back1.jpg) no-repeat right center/70% 100%;}
#news_menu ul{ width:1260px; margin:0 auto; overflow:hidden;}
#news_menu ul li{ float:left;}
#news_menu ul li a{ display:block; width:140px; line-height:50px; background:#f7f7f7; text-align:center; border-right:solid 10px #fff;}
#news_menu ul li a:hover,#news_menu ul li a.it{ background:#e11931; color:#fff;}

#news{ width:1260px; margin:50px auto 0 auto; overflow:hidden;}
#news ul{ background:url(image/back1.jpg) no-repeat 30px top/4px 100%;}
#news ul li{ overflow:hidden; padding:20px 0;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a .left{ width:70px; float:left;}
#news ul li a .left p{ width:10px; height:10px; border:solid 5px #999; border-radius:50%; margin-left:22px; background:#fff; transition:all 0.5s;}
#news ul li a:hover .left p{border:solid 5px #e11931;}
#news ul li a .right{ float:right; width:1190px;}
#news ul li a .right .data{ overflow:hidden; font-size:16px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#999; padding-bottom:20px;}
#news ul li a:hover .right .data{ color:#e11931;}
#news ul li a .right .list{ overflow:hidden;}
#news ul li a .right .list .pic{ float:left; width:380px; margin-right:50px; overflow:hidden;}
#news ul li a .right .list .pic img{ width:100%; transition:all 0.5s;}
#news ul li a:hover .right .list .pic img{ transform:scale(1.15);}
#news ul li a .right .list .con{ overflow:hidden;}
#news ul li a .right .list .con p.tt{ font-size:18px; font-weight:900; padding-bottom:20px; padding-top:10px;}
#news ul li a .right .list .con p.cc{ color:#666;}
#news ul li a .right .list .con p.more{ background:#f7f7f7; border-radius:3px; width:100px; text-align:center; line-height:36px; margin-top:60px;  transition:all 0.5s;}
#news ul li a:hover .right .list .con p.more{ background:#e11931; color:#fff; width:120px;}

/*#videopic{ width:100%; background:url(image/videopic.jpg) no-repeat center; height:600px;}
#videopic .con{ width:1260px; margin:0 auto; overflow:hidden; color:#fff; text-align:center;}
#videopic .con a{ display:block; color:#fff;}
#videopic .con a p.a0{margin-top:180px;}
#videopic .con a p.a1{ font-size:36px; font-weight:900; line-height:60px; padding-top:10px;}
#videopic .con a p.a2{ font-size:18px; letter-spacing:20px; transition:all 0.5s;}
#videopic .con a:hover p.a2{ letter-spacing:10px;}*/

#videopic{ width:100%; background:url(image/videopic.jpg) no-repeat center; height:600px;}
#videopic .con{ width:1260px; margin:0 auto; overflow:hidden; color:#fff;}
#videopic .con p.a1{ font-size:48px; font-weight:900; line-height:60px; margin-top:200px;}
#videopic .con p.a2{ font-size:24px;  line-height:60px;}
#videopic .con p.a3{ font-size:14px;  line-height:18px; margin-top:10px;}
#videopic .con p.a4{ overflow:hidden; margin-top:20px; display:none;}
#videopic .con p.a4 span{ display:block; border:solid 2px #fff; width:8px; height:8px; float:left; border-radius:10px; margin-right:8px;}
#videopic .con p.a4 span.it{ background:#fff;}

#videolist{ width:1260px; margin:50px auto 0 auto; overflow:hidden; text-align:center;}
#videolist ul{ width:1300px;}
#videolist ul li{ float:left; width:400px; margin:10px 30px 20px auto;}
#videolist ul li a{ display:block; width:100%; margin:0 auto; line-height:50px; font-size:16px;}
#videolist ul li a{ overflow:hidden;}
#videolist ul li a p.a1 img{ width:100%; transition:all 0.5s;}
#videolist ul li a p{ overflow:hidden;}
#videolist ul li a .a2{ position:absolute; width:400px; text-align:center; margin-top:-160px;}
#videolist ul li a .a2 img{ width:70px;}
#videolist ul li a div.a3{ overflow:hidden; position:inherit;}
#videolist ul li a:hover p.a1 img{ transform:scale(1.15);}
#videolist ul li a:hover{ background:#e11931; color:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.3);}

#servicepic{ width:100%; background:url(image/servicepic.jpg) no-repeat center; height:600px;}
#servicepic .con{ width:1260px; margin:0 auto; overflow:hidden; color:#414042;}
#servicepic .con p.a1{ font-size:48px; font-weight:900; line-height:60px; margin-top:200px;}
#servicepic .con p.a2{ font-size:24px;  line-height:60px;}
#servicepic .con p.a3{ font-size:14px;  line-height:18px; margin-top:10px;}
#servicepic .con p.a4{ overflow:hidden; margin-top:20px; display:none;}
#servicepic .con p.a4 span{ display:block; border:solid 2px #414042; width:8px; height:8px; float:left; border-radius:10px; margin-right:8px;}
#servicepic .con p.a4 span.it{ background:#414042;}

#service{ width:1260px; margin:50px auto 0 auto; overflow:hidden;}
#service ul{ width:1320px;}
#service ul li{ float:left; width:400px; margin-right:30px;}
#service ul li img{ width:100%;} 
#service ul li p.a1{}
#service ul li p.a2{ font-size:18px; line-height:20px; font-weight:900; color:#000; padding:20px 0;}

#cn_map{ width:1260px; margin:40px auto 0 auto; overflow:hidden;}
#cn_map .left{ float:left; width:640px;}
#cn_map .right{ float:right; width:500px;}
#cn_map .right table{ line-height:40px; border-left:solid 1px #eee; border-top:solid 1px #eee;}
#cn_map .right table td{ border-right:solid 1px #eee; border-bottom:solid 1px #eee;}
#cn_map .right table td.tt{ font-size:18px; line-height:60px; font-weight:900; color:#e11931;}

#en_map{ width:100%; border-top:solid 5px #f7f7f7; margin-top:80px; padding-top:60px;overflow:hidden;}
#en_map .enmap{ overflow:hidden; width:1260px; margin:0px auto 0 auto;}
#en_map .tt{ font-size:24px; color:#e11931; font-weight:900; text-align:center; line-height:60px;}

#en_map .en_list{  width:1260px; margin:0 auto; overflow:hidden;}
#en_map .en_list dl{ float:left; background:#f7f7f7; height:350px; padding:20px 20px 20px 40px; }
#en_map .en_list dl dt{ width:100%; overflow:hidden; font-size:18px; font-weight:900; color:#000; line-height:50px;}
#en_map .en_list dl.a1{ width:290px;border-right:solid 10px #fff;}
#en_map .en_list dl.a1 dd{ width:50%; float:left;}
#en_map .en_list dl.a2{ width:650px; border-right:solid 10px #fff;}
#en_map .en_list dl.a2 dd{ width:25%; float:left;}
#en_map .en_list dl.a3{ width:120px;}

#jobpic{ width:100%; background:url(image/jobpic.jpg) no-repeat center; height:600px;}
#jobpic .con{ width:1260px; margin:0 auto; overflow:hidden; color:#fff;}
#jobpic .con p.a1{ font-size:48px; font-weight:900; line-height:60px; margin-top:200px;}
#jobpic .con p.a2{ font-size:24px;  line-height:60px;}
#jobpic .con p.a3{ font-size:14px;  line-height:18px; margin-top:10px;}
#jobpic .con p.a4{ overflow:hidden; margin-top:20px; display:none;}
#jobpic .con p.a4 span{ display:block; border:solid 2px #fff; width:8px; height:8px; float:left; border-radius:10px; margin-right:8px;}
#jobpic .con p.a4 span.it{ background:#fff;}

#job_menu{ width:100%; overflow:hidden; margin-top:30px; background:url(image/back1.jpg) no-repeat right center/70% 100%;}
#job_menu ul{ width:1260px; margin:0 auto; overflow:hidden;}
#job_menu ul li{ float:left;}
#job_menu ul li a{ display:block; width:140px; line-height:50px; background:#f7f7f7; text-align:center; border-right:solid 10px #fff;}
#job_menu ul li a:hover,#job_menu ul li a.it{ background:#e11931; color:#fff;}

#job_apply{ width:1260px; margin:20px auto 0 auto; overflow:hidden;}
#job_apply dl{ width:1400px;}
#job_apply dl dd{ width:615px; float:left; margin:0 30px 20px 0;}
#job_apply dl dd input{ width:613px; border:solid 1px #ddd; height:40px; text-indent:20px;}
#job_apply dl dd select{ width:615px; border:solid 1px #ddd; height:42px; appearance:none;-webkit-appearance:none; padding-left:20px; background:url(image/jian.png) no-repeat right center;}
#job_apply dl dt{ width:1260px;}
#job_apply dl dt textarea{ border:solid 1px #ddd; width:1218px; padding:20px; font-family:"微软雅黑"; height:200px;}
#job_apply .btn{ width:1260px; text-align:left; padding:30px 0 0 0;}
#job_apply .btn button{ width:200px; height:50px; line-height:50px; background:#333; font-size:18px; cursor:pointer; transition:all 0.5s; color:#fff; border-radius:3px; text-align:center;}
#job_apply .btn button:hover{ background:#e11931; color:#fff; width:180px;}


#contactpic{ width:100%; background:url(image/contactpic.jpg) no-repeat center; height:600px;}
#contactpic .con{ width:1260px; margin:0 auto; overflow:hidden; color:#fff;}
#contactpic .con p.a1{ font-size:48px; font-weight:900; line-height:60px; margin-top:200px;}
#contactpic .con p.a2{ font-size:24px;  line-height:60px;}
#contactpic .con p.a3{ font-size:14px;  line-height:18px; margin-top:10px;}
#contactpic .con p.a4{ overflow:hidden; margin-top:20px; display:none;}
#contactpic .con p.a4 span{ display:block; border:solid 2px #fff; width:8px; height:8px; float:left; border-radius:10px; margin-right:8px;}
#contactpic .con p.a4 span.it{ background:#fff;}

#contact{ width:1260px; margin:40px auto 0 auto; overflow:hidden;}
#contact .left{ width:1400px; margin-bottom:40px; overflow:hidden;}
#contact .left p{ line-height:60px; border-bottom:solid 1px #eee; width:600px; float:left; margin-right:60px;}
#contact .left p img{ vertical-align:middle; width:30px; margin-right:10px;}
#contact .right{overflow:hidden; background:#f7f7f7; padding:30px;}



#contact_menu{ width:100%; overflow:hidden; margin-top:30px; background:url(image/back1.jpg) no-repeat right center/70% 100%;}
#contact_menu ul{ width:1260px; margin:0 auto; overflow:hidden;}
#contact_menu ul li{ float:left;}
#contact_menu ul li a{ display:block; width:140px; line-height:50px; background:#f7f7f7; text-align:center; border-right:solid 10px #fff;}
#contact_menu ul li a:hover,#contact_menu ul li a.it{ background:#e11931; color:#fff;}

#feedback{ width:1260px; margin:0 auto; overflow:hidden;}
#feedback .l{ padding:40px 0 0 0px;width:1320px;}
#feedback .l p{ margin-bottom:10px; float:left; width:228px; margin-right:30px;}
#feedback .l p input{border-bottom:dotted 1px #999; width:100%; height:40px; line-height:40px; text-indent:50px;}
#feedback .l p input.kk1{ background:url(contact/tt1.png) no-repeat 5px center/auto 80% ;}
#feedback .l p input.kk2{ background:url(contact/tt2.png) no-repeat 5px center/auto 80% ;}
#feedback .l p input.kk3{ background:url(contact/tt3.png) no-repeat 5px center/auto 80% ;}
#feedback .l p input.kk4{ background:url(contact/tt4.png) no-repeat 5px center/auto 80% ;}
#feedback .l p input.kk5{ background:url(contact/tt5.png) no-repeat 5px center/auto 80% ;}
#feedback .l p.it{ width:100%; padding-top:20px;}
#feedback .l p textarea{ border:dotted 1px #999; width:1238px; background:0; font-family: "微软雅黑"; height:200px; line-height:40px; padding:0 10px;}
#feedback .l p button{ width:150px; line-height:50px; background:#333; color:#fff; cursor:pointer; transition:background 0.5s,color 0.5s;}
#feedback .l p button:hover{ background:#e11931; color:#fff;}

#propic{ width:100%; background:url(image/propic.jpg) no-repeat center; height:600px;}
#propic .con{ width:1260px; margin:0 auto; overflow:hidden; color:#fff;}
#propic .con p.a1{ font-size:48px; font-weight:900; line-height:60px; margin-top:200px;}
#propic .con p.a2{ font-size:24px;  line-height:60px;}
#propic .con p.a3{ font-size:14px;  line-height:18px; margin-top:10px;}
#propic .con p.a4{ overflow:hidden; margin-top:20px; display:none;}
#propic .con p.a4 span{ display:block; border:solid 2px #fff; width:8px; height:8px; float:left; border-radius:10px; margin-right:8px;}
#propic .con p.a4 span.it{ background:#fff;}

#pro_list{ width:1260px; margin:50px auto 0 auto; overflow:hidden;}
#pro_c{ width:100%; overflow:hidden;s margin-top:30px; background:url(image/back1.jpg) no-repeat right center/80% 100% #fff; }
#pro_btn{ width:1260px; margin:0 auto; overflow:hidden; line-height:50px; }
#pro_btn .a1{ cursor:pointer; background:#e11931; color:#fff; width:200px; text-align:center;border-right:solid 10px #fff; overflow:hidden;}
#pro_btn .a1 img{ margin-left:5px; transition:all 0.5s;}
#pro_btn .a1:hover img{ transform:rotate(180deg);}

#pro_menu{ width:250px; overflow:hidden; text-align:left; position:absolute; display:none;}
#pro_menu ul li{ border-top:solid 3px #fff;}
#pro_menu ul li a{ display:block; line-height:44px; background:#f7f7f7; padding:0 0 0 30px;}
#pro_menu ul li a:hover{ color:#fff; background:#e11931;}

.prolist{ width:1290px; margin:0 auto; overflow:hidden; padding:10px; text-align:center;}
.prolist dl { display:inline-block;}
.prolist dl dt{ font-size:24px; color:#000; line-height:60px; text-align:center; font-weight:900; padding-top:40px; padding-bottom:40px; overflow:hidden;}
.prolist dl dd{ float:left; width:400px; margin:0 15px; height:340px;}
.prolist dl dd a{ display:block; text-align:center; line-height:50px; border:solid 1px #eee; transition:all 0.5s; margin:10px 0 10px 0;}
.prolist dl dd a p.pic{ overflow:hidden;}
.prolist dl dd a p.pic img{ width:100%;}
.prolist dl dd a:hover{ box-shadow:0 10px 10px rgba(0,0,0,0.2); color:#fff; background:#e11931;margin:0px 0 20px 0;}
.prolist dl dd a p.cc{ display:none;}
.prolist dl dd a p.more{ display:none;}

.prolista{ width:1260px; margin:0 auto; overflow:hidden; padding:10px;}
.prolista dl { width:1320px;}
.prolista dl dt{ font-size:24px; color:#000; line-height:60px; text-align:center; font-weight:900; padding-top:40px; padding-bottom:40px; width:1260px; overflow:hidden;}
.prolista dl dd{ float:left; width:600px; margin-right:60px; height:500px;}
.prolista dl dd a{ display:block; text-align:center; line-height:50px; border:solid 1px #eee; transition:all 0.5s; margin:10px 0 10px 0;}
.prolista dl dd a p.pic{ overflow:hidden;}
.prolista dl dd a p.pic img{ width:100%;}
.prolista dl dd a:hover{ box-shadow:0 10px 10px rgba(0,0,0,0.2); color:#fff; background:#e11931;margin:0px 0 20px 0;}

.prolistb{ width:100%; margin:0 auto; overflow:hidden; padding:10px; background:#f7f7f7;}
.prolistb dl { width:1320px; margin:0 auto;}
.prolistb dl dt{ font-size:24px; color:#000; line-height:60px; text-align:center; font-weight:900; padding-top:40px; padding-bottom:40px; width:1260px; overflow:hidden;}
.prolistb dl dd{ float:left; width:600px; margin-right:60px; height:500px;}
.prolistb dl dd a{ display:block; text-align:center; line-height:50px; border:solid 1px #eee; transition:all 0.5s; margin:10px 0 10px 0; background:#fff;}
.prolistb dl dd a p.pic{ overflow:hidden;}
.prolistb dl dd a p.pic img{ width:100%;}
.prolistb dl dd a:hover{ box-shadow:0 10px 10px rgba(0,0,0,0.2); color:#fff; background:#e11931;margin:0px 0 20px 0;}
.prolistb dl dd a p.cc{ display:none;}
.prolistb dl dd a p.more{ display:none;}


.prolist1{ width:100%; margin:0 auto; overflow:hidden; background:#f7f7f7; padding-bottom:20px; text-align:center;}
.prolist1 dl {display:inline-block;}
.prolist1 dl dt{ font-size:24px; color:#000; line-height:60px; text-align:center; font-weight:900; padding-top:40px; padding-bottom:40px;overflow:hidden;}
.prolist1 dl dd{ float:left; width:400px; margin:0 15px; height:340px;}
.prolist1 dl dd a{ display:block; text-align:center; line-height:50px; border:solid 1px #eee; transition:all 0.5s; margin:10px 0 10px 0; background:#fff;}
.prolist1 dl dd a p.pic{ overflow:hidden;}
.prolist1 dl dd a p.pic img{ width:100%;}
.prolist1 dl dd a:hover{ box-shadow:0 10px 10px rgba(0,0,0,0.2); color:#fff; background:#e11931;margin:0px 0 20px 0;}
.prolist1 dl dd a p.cc{ display:none;}
.prolist1 dl dd a p.more{ display:none;}

/*.prolist1{ width:100%; margin:0 auto; overflow:hidden; background:#f7f7f7; padding-bottom:60px;}
.prolist1 dl { width:1260px; margin:0 auto;}
.prolist1 dl dt{ font-size:24px; color:#000; line-height:60px; text-align:center; font-weight:900; padding-top:40px; padding-bottom:40px; width:1260px; overflow:hidden;}
.prolist1 dl dd{ padding-bottom:20px;}
.prolist1 dl dd a{ display:block; text-align:center;transition:all 0.5s; margin:10px 0 10px 0; width:100%; background:#fff; overflow:hidden;}
.prolist1 dl dd a p.pic{ float:left; overflow:hidden;}
.prolist1 dl dd a p.pic{ width:480px;}
.prolist1 dl dd a p.pic img{ width:100%;}
.prolist1 dl dd a .right{ float:right; width:700px; text-align:left; padding:40px;}
.prolist1 dl dd a .right p.tt{ font-size:18px; line-height:60px; color:#000;}
.prolist1 dl dd a .right p.cc{}
.prolist1 dl dd a .right p.more{ background:#f7f7f7; color:#000; width:100px; text-align:center; line-height:36px; margin-top:30px; border-radius:3px; transition:all 0.5s;}
.prolist1 dl dd a:hover .right p.more{ background:#e11931; color:#fff; width:120px;}
.prolist1 dl dd a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}*/

.prolist2{ width:100%; margin:0 auto; overflow:hidden; background:#fff; padding-bottom:60px;}
.prolist2 dl { width:1260px; margin:0 auto;}
.prolist2 dl dt{ font-size:24px; color:#000; line-height:60px; text-align:center; font-weight:900; padding-top:40px; padding-bottom:40px; width:1260px; overflow:hidden;}
.prolist2 dl dd{ padding-bottom:20px;}
.prolist2 dl dd a{ display:block; text-align:center;transition:all 0.5s; margin:10px 0 10px 0; width:100%; background:#fff; overflow:hidden; border:solid 1px #f7f7f7;}
.prolist2 dl dd a p.pic{ float:left; overflow:hidden;}
.prolist2 dl dd a p.pic{ width:480px;}
.prolist2 dl dd a p.pic img{ width:100%;}
.prolist2 dl dd a .right{ float:right; width:700px; text-align:left; padding:40px;}
.prolist2 dl dd a .right p.tt{ font-size:18px; line-height:60px; color:#000;}
.prolist2 dl dd a .right p.cc{}
.prolist2 dl dd a .right p.more{ background:#f7f7f7; color:#000; width:100px; text-align:center; line-height:36px; margin-top:30px; border-radius:3px; transition:all 0.5s;}
.prolist2 dl dd a:hover .right p.more{ background:#e11931; color:#fff; width:120px;}
.prolist2 dl dd a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}

#probig{ background:url(image/proback.jpg) no-repeat top center/100% auto #f7f7f7; overflow:hidden; width:100%; text-align:center; margin-bottom:10px;}


#pro_btn_list{ width:100%; margin:0 auto; overflow:hidden; text-align:center; position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:30; display:none;}
#pro_btn_list ul{ display:inline-block;}
#pro_btn_list ul li{ float:left; line-height:50px; padding:0 20px; margin:0 5px 0 5px; color:#fff; cursor:pointer; transition:all 0.5s;}

#tt{ font-size:30px; line-height:80px; width:1260px; margin:40px auto 0 auto; overflow:hidden; color:#000; text-align:center; font-weight:900;}
#probig1{ width:1260px; margin:0 auto; overflow:hidden;}

#probig2{ width:1260px; margin:30px auto 0 auto; overflow:hidden;}
#probig2 table{ border-left:solid 1px #eee; border-top:solid 1px #eee; line-height:40px;}
#probig2 table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee;}

#probig3{ width:100%; background:#f7f7f7; overflow:hidden; margin:80px 0 0 0; padding-bottom:80px;}

.probig_title{ width:1260px; font-size:30px; color:#e11931; line-height:60px; margin:50px auto 0 auto;text-align:center; font-weight:900;}

#goright{ display:none;}

#ind_spro{ width:1260px; margin:0 auto; overflow:hidden;}
/*ind_pic*/
.ind_app {width:100%; margin-left:auto; margin-right:auto; }
.ind_app .swiper-slide {text-align: center;font-size: 18px;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.ind_app .swiper-slide{ overflow:hidden; text-align:center; background:none; padding-top:3rem;}
.ind_app .swiper-slide a{ display:block; font-size:18px; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s;}
.ind_app .swiper-slide a div{ overflow:hidden;}
.ind_app .swiper-slide a img{width:100%; transition:All 0.35s;}
.ind_app .swiper-slide a:hover img{transform:scale(1.15);}
.ind_app .swiper-slide a p.k1{line-height:50px; font-size:14px; color:#fff; background:#414042; transition:all 0.35s;}
.ind_app .swiper-slide a:hover p.k1{ background:#e11931;}
.ind_app .swiper-slide a:hover p.k2 img{ transform:none;}
.ind_app .swiper-button-next{ display:inherit;}
.ind_app .swiper-button-prev{ display:inherit;}


#index_page{ text-align:center; overflow:hidden; width:100%; padding-bottom:5px;}
#index_page ul{ display:inline-block;}
#index_page ul li{ float:left; margin:0 5px;}
#index_page ul li a{ display:block; background:#fff; border-radius:3px; box-shadow:0px 3px 3px rgba(0,0,0,0.05)}
#index_page ul li.a1 a{ width:60px; height:40px; background:url(image/bbt1.png) no-repeat 0 center #fff;}
#index_page ul li.a1 a:hover{ background:url(image/bbt1.png) no-repeat -60px center #e11931;}

#index_page ul li.a2 a{ width:60px; height:40px; background:url(image/bbt2.png) no-repeat 0 -40px #fff;}
#index_page ul li.a2 a:hover{ background:url(image/bbt2.png) no-repeat 0 0 #e11931;}

#index_page ul li.a3 a{ width:60px; height:40px; background:url(image/bbt3.png) no-repeat -60px center #fff;}
#index_page ul li.a3 a:hover{ background:url(image/bbt3.png) no-repeat 0 center #e11931;}

#probig4{ width:1260px; background:url(image/videodi.jpg) no-repeat center; text-align:center; overflow:hidden; margin:0 auto;}
#probig4 .a{ display:inline-block; padding:50px 0;}
#probig4 .a a{ display:block; width:500px;float:left; font-size:18px; text-align:center; margin:0 10px 0 10px;  color:#fff; letter-spacing:5px; transition:all 0.5s;}
#probig4 .a a p{ line-height:80px; padding-bottom:30px;}
#probig4 .a a img{ margin-top:50px;}
#probig4 .a a:hover{ background:rgba(0,0,0,0.3); letter-spacing:0;}

#probig5{ overflow:hidden;}

#probig6{ width:100%; border-top:solid 5px #f7f7f7; margin-top:50px;overflow:hidden;}
#probig6 .con{ text-align:center;}

#job1{ width:1260px; margin:40px auto 0 auto; overflow:hidden;}
#job1_a{ width:1260px; margin:30px auto 0 auto; overflow:hidden;}
#job1_a ul{ width:1300px;}
#job1_a ul li{ float:left; width:400px; margin-right:30px;}
#job1_a ul li img{ width:100%;}

#job2{ width:1260px; margin:40px auto 0 auto; overflow:hidden;}
#job2 ul{ width:1300px}
#job2 ul li{ width:358px; border:solid 1px #eee; float:left; margin:0 30px 30px 0; padding:20px; overflow:hidden; height:70px;}
#job2 ul li .a1{ float:left; width:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; height:30px; background:#e11931; color:#fff; line-height:30px; text-align:center; margin-right:20px;}
#job2 ul li .a2{ overflow:hidden;}

#job3{ width:1260px; margin:40px auto 0 auto; overflow:hidden;}
#job3 .a1{ float:left; background:url(image/yingping.jpg) no-repeat; width:750px; padding:50px; color:#fff; line-height:36px;}
#job3 .a1 p{ border-bottom:dotted 1px rgba(255,255,255,0.2); line-height:30px; padding:10px 0;}
#job3 .a1 p span.b1{ background:#e11931; width:30px; height:30px; display:block; text-align:center; line-height:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; float:left; margin-right:10px;}
#job3 .a2{ float:right;}

.botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;}
.botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;}
.botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;}
.botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right}
.botbox .newpage span a{color: #404040;}
.news_info_back{ width:1260px; margin-top:10px;text-align: center;}
.news_info_back button{ width:150px; line-height:50px; background:#333; color:#fff; cursor:pointer; transition:background 0.5s,color 0.5s;}

#news_con{ width:1260px; margin:0 auto; overflow:hidden; margin-top:50px; line-height:30px;}
#news_con .news_title{font-size: 24px;}

#video_di{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed;left:0; top:0; z-index:500; display:none;}
#video_di p{ text-align:center;}
#video_di .close_video{width:70px; border:solid 2px #fff; border-radius:50%; margin-top:30px;}
#video_play{ background:url(video/videoback.jpg) no-repeat center top; overflow:hidden;}
#video_play .tt{ font-size:36px; line-height:100px; /*padding-top:100px;*/ text-align:center; overflow:hidden;}

}