@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: #666;line-height: 24px;	font-family: "微软雅黑";}
.prd_in{ background:#f9f9f9;}
a {color: #000;	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;}

#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:#fdd000;}
#float div p{ position:absolute; margin-left:-124px; display:none;}

#top{ width:100%; overflow:hidden; background:#000; display:none;}
#top .k{ width:96%; margin:0 auto; overflow:hidden;}
#top .k .l{ float:right; line-height:40px; color:#999; font-size:12px;}
#top .k .l span{ color:#fdd000; font-size:14px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#top .k .r{ float:right; overflow:hidden;}
#top .k .r div.alist{ float:left; font-size:12px; line-height:40px; margin-left:40px; color:#999;}
#top .k .r div.alist img{ vertical-align:middle; margin-right:4px; margin-bottom:3px;}
#lan{ background:url(../images/down.png) no-repeat right center; padding-right:13px; cursor:pointer;}
#lan_list{ position:absolute; z-index:500; width:120px; background:rgba(0,0,0,0.9); margin-left:-10px; display:none;}
#lan_list p{ width:100%;}
#lan_list p a{ display:block; color:#fff; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#lan_list p a:hover{ background:#fdd000; color:#000;}

#mobile_btn{ cursor:pointer;}
#mobile_code{ position:absolute; z-index:500; box-shadow:0px 5px 5px rgba(0,0,0,0.5); background:#fff; margin-left:-15px; display:none;}
.bg2{ width:100%; height:553px;background-color:rgba(0,0,0,0.6);  margin:0 auto; border-bottom:#000 3px solid;}

.bg3{ width:100%; height:220px; background:#333;  margin:0 auto; border-bottom:#000 3px solid;}
.bg4{ width:100%; height:100px;   margin:0 auto;background-color:rgba(0,0,0,0.75)}

#top2{ width:100%; padding:0; margin:0 auto; background:none; position:absolute; z-index:40;;}
#logo{ float:left; margin-top:29px; margin-left:31px;}
.logo_title{float:left; margin-top:18px;  overflow:hidden;height: 60px; text-align:center}
.logo_title img{ height:52px;}
.logo_title a{color: #fdd000; font-size:24px; line-height:38px;
animation:myfly 6s infinite;
/*animation-delay:2s;*/

/*Safari and Chrome*/
-webkit-animation:myfly 6s infinite;
/*-webkit-animation-delay:2s;*/
}
@keyframes myfly
{
0%{color:#fdd000;}
25%{color:#cc00ff;}
50%{color:#f30084;}
75%{color:#00a2ff;}
100%{color:#fdd000;}
}

.logo_title .logo_box{width:220px;height:28px;overflow:hidden;position:relative;}
.logo_title .logo_box .logo_scroll{width:1200px;position:absolute;}
.logo_title .logo_box .logo_scroll li{float:left;line-height:28px; margin-left:20px;}
.logo_title .logo_box .logo_scroll li a{color: #fdd000;}
#menu{ float:right; overflow:hidden; margin-top:4px; margin-right:20px;}
#menu ul li{ float:left; background:url(../images/line2.png) no-repeat right center;padding:0 25px;}
#menu ul li a{ display:block; line-height:80px;  font-size:15px; color:#fdd000; background:url(../images/line3.png) no-repeat center bottom/0% 2px;}
#menu ul li a(9){ background:none;}
#menu ul li.it{ background:none; padding-right:0;}

#menu ul li a:hover,a.it,#menu ul li .active{ color:#fdd000;background:url(../images/line3.png) no-repeat center bottom/100% 2px;}

#menu .about_menu{ position:absolute; z-index:100; display:none; margin-left:-25px;}
#menu .about_menu p a{ background:rgba(0,0,0,0.8); display:block; line-height:40px; font-size:14px; padding:0 25px;}
#menu .about_menu p a:hover{ background:#fdd000; color:#000; }

#menu #pro_menu{ width:100%; position:absolute; left:0; z-index:100; background:rgba(0,0,0,0.8); padding-bottom:20px;overflow:hidden; display:none;}
#menu #pro_menu #pro_bbt{ text-align:center; width:100%; overflow:hidden; background:#000;}
#menu #pro_menu #pro_bbt dl{ display:inline-block;}
#menu #pro_menu #pro_bbt dl dd{ float:left; line-height:50px;padding:0px 20px; color:#fff; cursor:pointer;}
#menu #pro_menu #pro_bbt dl dd a{ line-height:50px;color:#fff; font-size:14px;}

#menu #pro_menu .pro_b_pro{ text-align:center; overflow:hidden; width:100%; padding-top:20px; display:none;}
#menu #pro_menu .pro_b_pro dl{ display:inline-block;}
#menu #pro_menu .pro_b_pro dl dd{ float:left; margin:0 10px; }
#menu #pro_menu .pro_b_pro dl dd a{ display:block; text-align:center; color:#fff; line-height:24px; font-size:14px;padding:0; margin:0;}
#menu #pro_menu .pro_b_pro dl dd a img{ width:120px;}
#menu #pro_menu .pro_b_pro dl dd a:hover{ color:#fdd000;}


#lan1{ float:right; margin-top:24px; margin-right:20px; margin-left:40px;}
#lan1{ background:url(../images/down.png) no-repeat right center; padding-right:13px; line-height:40px; cursor:pointer; color:#fdd000; font-size:15px;}
#lan1 img{ vertical-align:middle; margin-right:5px;}
#lan_list1{ position:absolute; z-index:500; width:120px; background:rgba(0,0,0,0.5); margin-left:-30px; display:none;}
#lan_list1 p{ width:100%; margin:0; padding:0;}
#lan_list1 p a{ display:block; color:#fff; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:36px;}
#lan_list1 p a:hover{ background:#fdd000; color:#000;}




#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_di1{}

#video_play{ background:url(../images/videopic.jpg) no-repeat center top; overflow:hidden;}
#video_play .tt{ font-size:36px; line-height:160px; padding-top:100px; color:#fff; text-align:center; overflow:hidden;}
.video_conbbg{ width:100%; height:500px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0;  z-index:-1;}


#prob1{ width:1260px; margin:0 auto; overflow:hidden;}
#prob1 .k{ position:absolute; width:366px; background:rgba(0,0,0,0.5); z-index:30; color:#fff; margin:88px 0 0 894px; padding:36px 0 50px 0;}

#prob1 .k p.a1{ font-size:18px; line-height:40px; margin:0 40px;}
#prob1 .k p.a1 span{ font-family:myfont; font-size:36px;}

#prob1 .k p.a2{ margin:0 40px; border-bottom:solid 1px #fff; padding:10px 0 20px 0;}

#prob1 .k p.a3{ margin:20px 40px 0 40px; overflow:hidden;}
#prob1 .k p.a3 a{ display:block; line-height:28px; font-size:12px; width:126px; border:solid 2px #fff; color:#fff; text-align:center; float:left;}
#prob1 .k p.a3 a:hover{ background:#fff; color:#000;}
#prob1 .k p.a3 a.b1{ float:right;border:solid 2px #fdd000; color:#fdd000;}
#prob1 .k p.a3 a.b1:hover{ background:#fdd000; color:#000;}

#prob1 .k p.a4{ margin:20px 40px 0 40px;}
#prob1 .k p.a5{ font-size:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; margin:0 40px;}

/*banner*/
.swiper-container {	width:100%;margin-left: auto;margin-right: auto; max-width:1903px;}
.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%;}
.swiper-button-next{ display:none;}
.swiper-button-prev{display:none;}
.swiper-pagination{}

#prob2{ width:1260px; margin:87px auto 50px auto; overflow:hidden; background:url(../images/k1.png) no-repeat 574px top; padding-top:48px;}
#prob2 .a1{ float:left; width:692px;}
#prob2 .a1 p{ width:450px; padding-top:20px;}
#prob2 .a1 ul li{ display:none;}
#prob2 .a2{ float:left; margin-left:45px; width:170px;}
#prob2 .a2 ul li a{ display:block; line-height:34px; color:#999; background:url(../images/line1.png) no-repeat left bottom/0 2px;}
#prob2 .a3{ float:left; background:#000; line-height:90px; width:160px; color:#fff; text-align:center; font-size:18px; margin-left:63px;}

#prob3{ width:1260px; margin:0 auto 160px auto; overflow:hidden;}
#prob3 .a1{ float:left; width:490px; overflow:hidden;}
#prob3 .a1 .tt{ background:#000; color:#fff; line-height:62px; width:190px; text-align:center; font-size:16px;}
#prob3 .a1 .b1{ overflow-y:scroll; padding-top:10px; height:343px;}
#prob3 .a1 .b1 ul li{ border-bottom:solid 1px #ddd; line-height:48px; overflow:hidden;}
#prob3 .a1 .b1 ul li p{ width:50%; float:left;}

#prob3 .a2{ float:left; width:530px; overflow:hidden; margin-left:140px;}
#prob3 .a2 .tt{ background:#000; color:#fff; line-height:62px; width:190px; text-align:center; font-size:16px;}
#prob3 .a2 .b1{ overflow-y:scroll; padding-top:10px; height:343px;}
#prob3 .a2 .b1 ul{ width:490px;}
#prob3 .a2 .b1 ul li{ border-bottom:solid 1px #ddd; line-height:48px; overflow:hidden;}
#prob3 .a2 .b1 ul li p{float:left;}
#prob3 .a2 .b1 ul li p.c1{ width:35%; text-align:left;}
#prob3 .a2 .b1 ul li p.c2{ width:35%; text-align:center;}
#prob3 .a2 .b1 ul li p.c3{ width:30%; text-align:center;}

#prob4{ width:100%; overflow:hidden; background:url(../images/back1.jpg) no-repeat top center; text-align:center; padding:40px 0;}
#prob4 ul{ display:inline-block;}
#prob4 ul li{ float:left; border-left:solid 1px rgba(255,255,255,0.2); width:380px;}
#prob4 ul li.it{ border:0;}
#prob4 ul li a{ display:block; color:#fff; line-height:100px;}
#prob4 ul li a img{ margin:60px 0 0 0;}
#prob4 ul li a:hover{ background:rgba(255,255,255,0.1);}

#prob5{ width:100%; overflow:hidden; background:#f7f7f7; padding:85px 0; }
#prob5 .k{ width:1260px; margin:0 auto; overflow:hidden;}
#prob5 .k .a1{ float:left;}
#prob5 .k .a1 ul li{ display:none;}
#prob5 .k .a2{ width:250px; float:left; margin-left:60px; }
#prob5 .k .a2 .tt{ width:193px; line-height:62px; color:#fff; text-align:center; background:#000; font-size:16px;}
#prob5 .k .a2 .b1{padding-top:50px; overflow:hidden;}
#prob5 .k .a2 .b1 p a{ display:block; color:#999; line-height:48px; background:url(../images/line1.png) no-repeat left bottom/0% 2px;}

#prob6{ width:1260px; margin:0 auto 60px auto; overflow:hidden;}
#prob6 .tt{ background:#000; width:198px; line-height:62px; color:#fff; text-align:center; font-size:16px; margin-bottom:60px;}

/*customer*/
.cuspic {	width: 100%;margin-left: auto;margin-right: auto;}
.cuspic .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;}
.cuspic .swiper-slide{ overflow:hidden; padding-bottom:30px;}
.cuspic .swiper-slide a{ display:block; line-height:60px; font-size:14px; color:#666;}
.cuspic .swiper-slide a img{ width:100%; height:auto;}
.cuspic .swiper-button-next{ display:none;}
.cuspic .swiper-button-prev{display:none;}

#prob7{ width:100%; overflow:hidden; border-top:solid 10px #f7f7f7;border-bottom:solid 10px #f7f7f7;}
#prob7 .k{ width:1260px; margin:0 auto 60px auto; overflow:hidden;}
#prob7 .k .tt{ background:#000; color:#fff; line-height:62px; width:198px; text-align:center; font-size:16px; float:left;}
#prob7 .k .a1{ float:right; overflow:hidden; padding-top:26px;}
#prob7 .k .a1 ul li{ float:left; margin-left:10px;}
#prob7 .k .a1 ul li a{ color:#000; border:solid 1px #eee; line-height:34px; padding:0 30px; display:block;}

#block{ width:1260px; margin:0 auto 40px auto; overflow:hidden;}
#block ul{ width:1400px; display:none;}
#block ul li{ float:left; margin-right:60px; margin-bottom:10px;}
#block ul li a{ display:block; text-align:center; line-height:40px; color:#666;}
#block ul li a div{ overflow:hidden;}
#block ul li a img{width:100%;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}
#block ul li a:hover img{transform:scale(1.15);}

#prob8{ background:#f7f7f7; width:1160px; padding:0 50px 50px 50px; margin:0 auto; overflow:hidden; border-top:solid 10px #000;}
#prob8 .a1{ line-height:70px; color:#000;}
#prob8 .a2{ overflow:hidden;}
#prob8 .a2 p{ float:left; margin:0 13px 13px 0;}
#prob8 .a2 div{ width:1230px;}
#prob8 .a2 p input{ border:solid 1px #eee; text-indent:10px; height:48px; width:376px;}
#prob8 .a2 p select{ border:solid 1px #eee; text-indent:10px; height:50px; width:378px;}
#prob8 .a2 p select	option{ line-height:50px; display:block;}
#prob8 .a2 p textarea{ width:1138px; height:170px; border:solid 1px #eee; padding:10px; font-family:"微软雅黑"}
#prob8 .a2 p.btn{ width:1160px; text-align:right;}
#prob8 .a2 p.btn button{ margin-left:10px; width:163px; transition:width 0.5s; cursor:pointer; text-align:center; line-height:50px;}
#prob8 .a2 p.btn button:hover{ width:200px;}
#prob8 .a2 p.btn button.b1{ background:#fdd000; color:#000;}
#prob8 .a2 p.btn button.b2{ background:#000; color:#fff;}

#prob9{ width:1260px; margin:0 auto 90px auto; overflow:hidden;}
#prob9 .tt{ font-size:24px; color:#000; line-height:70px; padding-top:40px;}

#prob9 .a1{ width:100%; overflow:hidden;}
#prob9 .a1 ul{ width:1400px;}
#prob9 .a1 ul li{ float:left; margin-right:36px; margin-bottom:10px;}
#prob9 .a1 ul li a{ display:block; border:solid 1px #eee;}
#prob9 .a1 ul li a p{line-height:165px; width:286px; position:absolute; background:rgba(0,0,0,0); text-align:center; color:rgba(255,255,255,0); margin:0px; transition:margin 0.5s,width 0.5s,background 0.5s,color 0.5s,line-height 0.5s;}
#prob9 .a1 ul li a img{ width:286px;line-height:170px;}
#prob9 .a1 ul li a:hover p{ background:rgba(0,0,0,0.7);color:#fff; margin:9px; line-height:165px; width:268px;}

#bottom{ background:#1a1a1a; overflow:hidden;}
#bottom .bottom1{ width:1260px; margin:74px auto; overflow:hidden;}
#bmenu{ float:left; width:930px; border-right:solid 1px rgba(255,255,255,0.1);}
#bmenu ul li{ float:left;}
#bmenu ul li .tt{ margin-bottom:10px;}
#bmenu ul li:nth-child(1),#bmenu ul li:nth-child(2){ width:310px;}
#bmenu ul li:nth-child(3),#bmenu ul li:nth-child(4){ width:150px;}
#bmenu ul li p.tt a{ color:#fff; font-size:18px; line-height:50px;}
#bmenu ul li p.cc a{ color:#ccc; font-size:14px; line-height:24px;}
#bmenu ul li p a:hover{ color:#fdd000;}

#bo_contact{ float:right; width:240px; overflow:hidden; color:#fff;}
#bo_contact a{ display:block; width:120px; text-align:center; line-height:40px; color:#000; background:#fdd000; margin-top:20px;}
#bo_contact a:hover{ width:150px;}

#bottom .bottom2{ width:1260px; border-top:solid 1px rgba(255,255,255,0.1); margin:0 auto; text-align:center; line-height:118px; color:#ccc; overflow:hidden;}
#bottom .bottom2 a{ color:#ccc;}
#bottom .bottom2 a:hover{ color:#fdd000}

.prdimg{ margin:10px 0;}

#pro1,#pro2,#pro3,#pro4,#pro5{ width:1260px; height:auto; border-top:#f2f2f2 3px solid; margin:0 auto;}
#pro1,#pro3,#pro5,#pro2,#pro4{ background:#fff; margin-bottom:54px !important;}
#pro1 .tt,#pro2 .tt,#pro3 .tt,#pro4 .tt,#pro5 .tt{ text-align:center; font-size:26px; font-weight:bold; color:#000; line-height:40px; margin-top:30px;}
.tt{ width:100%; position:relative;}
.imgl{ margin-right:20px; margin-bottom:5px;}
.imgr{ margin-left:20px; margin-bottom:5px;}

.videotop{ margin-top:0 !important;}


 .list{ width:1260px; margin:0 auto; overflow:hidden;}
 .list ul{ width:1400px;}
 .list ul li{ float:left; margin-right:30px; margin-bottom:10px;}
.list ul li a{ display:block; text-align:center; line-height:60px; font-size:16px; color:#000;}
 .list ul li a img{ width:398px;}
 .list ul li a div{ border:solid 1px #eee; overflow:hidden;}
 .list ul li a div p.over{ position:absolute; opacity:0; transition:opacity 0.5s; filter:alpha(opacity=0);}
.list ul li a:hover div p.over{ display:block;opacity:1; filter:alpha(opacity=100); display:none;}
 .list ul li a:hover{ color:#000;}





 .list1{ width:1260px; margin:30px auto 0 auto; overflow:hidden;}
 .list1 ul{ width:1400px;}
 .list1 ul li{ float:left; width:1260px; margin-bottom:40px;}
 .list1 ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
 .list1 ul li a:hover{border:solid 1px #000;}
 .list1 ul li a img{ float:left; width:600px;}
 .list1 ul li a .a1{ float:right; width:520px; margin-right:30px;}
 .list1 ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
 .list1 ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
 .list1 ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
 .list1 ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}


/*产品列表页*/
#prd_list{ width:1300px; height:auto; margin:0 auto;}
.listtt{width:100%; position:relative; text-align:center; font-size:26px; font-weight:bold; color:#000; line-height:40px; margin-top:30px;}
#prd_list .prdlist_conten:nth-child(4),#prd_list .prdlist_conten:nth-child(8),#prd_list .prdlist_conten:nth-child(12),#prd_list .prdlist_conten:nth-child(16),#prd_list .prdlist_conten:nth-child(20){ margin-right:0 !important;}
.active,.btnbtn-info{ background-color:#f00; color:#fff;}

/*多条件筛选*/
.dt1{ width:110px; padding-left:20px; background:#efefef;}
.mr2em{ margin-right:1rem;}
.bt{ float:left;}
.byd{ background:#efefef; margin:0 !important; }
.icon{width:14px; height:14px; background:url(../images/radio.png) 0 0 no-repeat; margin-right:5px; margin-top:18px; vertical-align:0; float:left;}
.in{ float:left;}
.in .icon{background-position:-14px 0;}
.in a{color:#dd1717;}

.in{
	font-weight:bold;
	color:#c4284d;
}
dl,
dd {
	margin: 0;
}
.mr10{ margin-right:10px;}
#box {
	width: 1400px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 10px rgba(73, 66, 66, .1);
	margin: 20px auto;
	border: 1px solid #E5E5E5;

    border-radius: 10px;

}
#box a{ display:block;}

#box dl {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dashed #dadada;
	background:#fff;

}

#box dt {
	float: left;
	color: #8a8a8a;
}

#box dd {
	float: left;
	color: #252525;
	margin-left:6px;
	font-size: 12px;
	cursor: pointer;
}

#box dd.activeAA {
	color: #c4284d;
	font-weight: bold;
}

#box dl.selectAA {
	background: #efefef;
	margin: 0;
	padding: 0 20px;
}

#box dl.selectAA dd {
	border: 1px solid #c4284d;
	height: 25px;
	line-height: 25px;
	margin-top: 13px;
	padding: 0 2px 0 10px;
	border-radius: 3px;
	background-color: #fff;
}

#box dl.selectAA dd span {
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	background: #c4284d;
	color: #fff;
	margin-left: 10px;
	cursor: pointer;
	border-radius: 5px;
}



/*
2022-04-20 修改
#pro2{ width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:30px;}
#pro2 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro2 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro2 .list ul{ width:1400px;}
#pro2 .list ul li{ float:left; width:1260px; margin-bottom:40px;}
#pro2 .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
#pro2 .list ul li a:hover{border:solid 1px #000;}
#pro2 .list ul li a img{ float:left; width:600px;}
#pro2 .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
#pro2 .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
#pro2 .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
#pro2 .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#pro2 .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}


#pro3{ width:100%; overflow:hidden; background:#fff; padding-bottom:70px;}
#pro3 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro3 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro3 .list ul{ width:1400px;}
#pro3 .list ul li{ float:left; width:1260px;}
#pro3 .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
#pro3 .list ul li a:hover{border:solid 1px #000;}
#pro3 .list ul li a img{ float:left; width:600px;}
#pro3 .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
#pro3 .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
#pro3 .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
#pro3 .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#pro3 .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}


#pro4{ width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:70px;}
#pro4 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro4 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro4 .list ul{ width:1400px;}
#pro4 .list ul li{ float:left; width:1260px; margin-bottom:40px;}
#pro4 .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
#pro4 .list ul li a:hover{border:solid 1px #000;}
#pro4 .list ul li a img{ float:left; width:600px;}
#pro4 .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
#pro4 .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
#pro4 .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
#pro4 .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#pro4 .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}


#pro5{ width:100%; overflow:hidden; background:#fff; padding-bottom:70px;}
#pro5 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro5 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro5 .list ul{ width:1400px;}
#pro5 .list ul li{ float:left; width:1260px;}
#pro5 .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
#pro5 .list ul li a:hover{border:solid 1px #000;}
#pro5 .list ul li a img{ float:left; width:600px;}
#pro5 .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
#pro5 .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
#pro5 .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
#pro5 .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#pro5 .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}


#pro6{ width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:30px;}
#pro6 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro6 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro6 .list ul{ width:1400px;}
#pro6 .list ul li{ float:left; width:1260px; margin-bottom:40px;}
#pro6 .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
#pro6 .list ul li a:hover{border:solid 1px #000;}
#pro6 .list ul li a img{ float:left; width:600px;}
#pro6 .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
#pro6 .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
#pro6 .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
#pro6 .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#pro6 .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}

#pro7{ width:100%; overflow:hidden; background:#fff; padding-bottom:70px;}
#pro7 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro7 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro7 .list ul{ width:1400px;}
#pro7 .list ul li{ float:left; width:1260px;}
#pro7 .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
#pro7 .list ul li a:hover{border:solid 1px #000;}
#pro7 .list ul li a img{ float:left; width:600px;}
#pro7 .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
#pro7 .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
#pro7 .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
#pro7 .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#pro7 .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}

#pro8{ width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:70px;}
#pro8 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro8 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro8 .list ul{ width:1400px;}
#pro8 .list ul li{ float:left; width:1260px;}
#pro8 .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
#pro8 .list ul li a:hover{border:solid 1px #000;}
#pro8 .list ul li a img{ float:left; width:600px;}
#pro8 .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
#pro8 .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
#pro8 .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
#pro8 .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#pro8 .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}
*/
.proFFF{background:#fff;}
.proF7F7F{background:#f7f7f7;}

.proCsbd{ width:100%; overflow:hidden; padding-bottom:70px;}
.proCsbd .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
.proCsbd .list{ width:1260px; margin:0 auto; overflow:hidden;}
.proCsbd .list ul{ width:1400px;}
.proCsbd .list ul li{ float:left; width:1260px;}
.proCsbd .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
.proCsbd .list ul li a:hover{border:solid 1px #000;}
.proCsbd .list ul li a img{ float:left; width:600px;}
.proCsbd .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
.proCsbd .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
.proCsbd .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
.proCsbd .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
.proCsbd .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}

.proScx{ width:100%; overflow:hidden; padding-bottom:70px;}
.proScx .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
.proScx .list{ width:1260px; margin:0 auto; overflow:hidden;}
.proScx .list ul{ width:1400px;}
.proScx .list ul li{ float:left; width:1260px;}
.proScx .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
.proScx .list ul li a:hover{border:solid 1px #000;}
.proScx .list ul li a img{ float:left; width:600px;}
.proScx .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
.proScx .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
.proScx .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
.proScx .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
.proScx .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}

.proSb{ width:100%; overflow:hidden; padding-bottom:70px;}
.proSb .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
.proSb .list{ width:1260px; margin:0 auto; overflow:hidden;}
.proSb .list ul{ width:1400px;}
.proSb .list ul li{ float:left; width:1260px;}
.proSb .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
.proSb .list ul li a:hover{border:solid 1px #000;}
.proSb .list ul li a img{ float:left; width:600px;}
.proSb .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
.proSb .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
.proSb .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
.proSb .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
.proSb .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}

/*
#pro8{ width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:70px;}
#pro8 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro8 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro8 .list ul{ width:1400px;}
#pro8 .list ul li{ float:left; width:1260px;}
#pro8 .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
#pro8 .list ul li a:hover{border:solid 1px #000;}
#pro8 .list ul li a img{ float:left; width:600px;}
#pro8 .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
#pro8 .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
#pro8 .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
#pro8 .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#pro8 .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}


#pro9{ width:1260px; margin:0 auto; overflow:hidden; background:#fff; padding-bottom:70px;}
#pro9 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}*/
/*
2022-04-20 修改
#pro9{ width:100%; overflow:hidden; background:#fff; padding-bottom:70px;}
#pro9 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro9 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro9 .list ul{ width:1400px;}
#pro9 .list ul li{ float:left; width:1260px;}
#pro9 .list ul li a{ display:block; border:solid 1px #eee; background:#fff; padding:19px; overflow:hidden;}
#pro9 .list ul li a:hover{border:solid 1px #000;}
#pro9 .list ul li a img{ float:left; width:600px;}
#pro9 .list ul li a .a1{ float:right; width:520px; margin-right:30px;}
#pro9 .list ul li a .a1 p.b1{ font-size:20px; line-height:60px; margin-top:30px;}
#pro9 .list ul li a .a1 p.b2{ font-size:14px; color:#666; line-height:30px;}
#pro9 .list ul li a .a1 p.b3{ width:120px; border:solid 2px #eee; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#pro9 .list ul li a .a1 p.b3:hover{ width:120px; border:solid 2px #000; background:#000; line-height:30px; font-size:12px; margin-top:30px; text-align:center; color:#fdd000;}

#pro10{ width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:70px;}
#pro10 .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
#pro10 .con{ width:1260px; margin:0 auto; overflow:hidden;}
#pro10 .con .a1{ width:100%; margin-bottom:20px;}
#pro10 .con .a2{ width:100%; padding-bottom:40px; overflow:hidden;}
#pro10 .con .a2 ul{ width:903px; float:left; overflow:hidden;}
#pro10 .con .a2 ul li{ float:left; width:291px; height:100px; margin:0 10px 10px 0; overflow:hidden;}
#pro10 .con .a2 ul li p.t{ width:40px; height:40px; border-radius:50%; background:#fdd000; color:#000; text-align:center; line-height:40px; float:left; margin:30px 0 0 21px;}
#pro10 .con .a2 ul li p.c{ width:208px; float:right; color:#fff; line-height:18px; margin-top:32px;}
#pro10 .con .a2 ul li.b1{ background:url(../images/model_01.jpg) no-repeat center;}
#pro10 .con .a2 ul li.b2{ background:url(../images/model_03.jpg) no-repeat center;}
#pro10 .con .a2 ul li.b3{ background:url(../images/model_05.jpg) no-repeat center;}
#pro10 .con .a2 ul li.b4{ background:url(../images/model_09.jpg) no-repeat center;}
#pro10 .con .a2 ul li.b5{ background:url(../images/model_10.jpg) no-repeat center;}
#pro10 .con .a2 ul li.b6{ background:url(../images/model_11.jpg) no-repeat center;}
#pro10 .con .a2 ul li.b7{ background:url(../images/model_15.jpg) no-repeat center;}
#pro10 .con .a2 ul li.b8{ background:url(../images/model_16.jpg) no-repeat center;}
#pro10 .con .a2 ul li.b9{ background:url(../images/model_17.jpg) no-repeat center;}

#pro10 .con .tta{ width:357px; line-height:320px;  font-size:30px; color:#fdd000; background:url(../images/modeltt.jpg) no-repeat center; float:right; text-align:center;}

#pro10 .list{ width:1260px; margin:0 auto; overflow:hidden;}
#pro10 .list ul{ width:1400px;}
#pro10 .list ul li{ float:left; margin-right:20px; margin-bottom:20px; width:300px;}
#pro10 .list ul li a{ display:block; text-align:center; line-height:60px; font-size:16px; color:#000;}
#pro10 .list ul li a div{ border:solid 1px #eee; overflow:hidden; transition:border 0.5s;}
#pro10 .list ul li a div img{ width:100%;}
#pro10 .list ul li a:hover div{ border:solid 1px #fdd000;}
*/

.proModel{ width:100%; overflow:hidden; padding-bottom:70px;}
.proModel .tt{ text-align:center; font-size:30px; color:#000; line-height:110px; padding-top:30px;}
.proModel .con{ width:1260px; margin:0 auto; overflow:hidden;}
.proModel .con .a1{ width:100%; margin-bottom:20px;}
.proModel .con .a2{ width:100%; padding-bottom:40px; overflow:hidden;}
.proModel .con .a2 ul{ width:903px; float:left; overflow:hidden;}
.proModel .con .a2 ul li{ float:left; width:291px; height:100px; margin:0 10px 10px 0; overflow:hidden;}
.proModel .con .a2 ul li p.t{ width:40px; height:40px; border-radius:50%; background:#fdd000; color:#000; text-align:center; line-height:40px; float:left; margin:30px 0 0 21px;}
.proModel .con .a2 ul li p.c{ width:208px; float:right; color:#fff; line-height:18px; margin-top:32px;}
.proModel .con .a2 ul li.b1{ background:url(../images/model_01.jpg) no-repeat center;}
.proModel .con .a2 ul li.b2{ background:url(../images/model_03.jpg) no-repeat center;}
.proModel .con .a2 ul li.b3{ background:url(../images/model_05.jpg) no-repeat center;}
.proModel .con .a2 ul li.b4{ background:url(../images/model_09.jpg) no-repeat center;}
.proModel .con .a2 ul li.b5{ background:url(../images/model_10.jpg) no-repeat center;}
.proModel .con .a2 ul li.b6{ background:url(../images/model_11.jpg) no-repeat center;}
.proModel .con .a2 ul li.b7{ background:url(../images/model_15.jpg) no-repeat center;}
.proModel .con .a2 ul li.b8{ background:url(../images/model_16.jpg) no-repeat center;}
.proModel .con .a2 ul li.b9{ background:url(../images/model_17.jpg) no-repeat center;}

.proModel .con .tta{ width:357px; line-height:320px;  font-size:30px; color:#fdd000; background:url(../images/modeltt.jpg) no-repeat center; float:right; text-align:center;}

.proModel .list{ width:1260px; margin:0 auto; overflow:hidden;}
.proModel .list ul{ width:1400px;}
.proModel .list ul li{ float:left; margin-right:20px; margin-bottom:20px; width:300px;}
.proModel .list ul li a{ display:block; text-align:center; line-height:60px; font-size:16px; color:#000;}
.proModel .list ul li a div{ border:solid 1px #eee; overflow:hidden; transition:border 0.5s;}
.proModel .list ul li a div img{ width:100%;}
.proModel .list ul li a:hover div{ border:solid 1px #fdd000;}

#promenu{ width:auto; background:#3d3d3d; position:fixed; z-index:20; left:30px; top:200px; text-align:center; display:none;}
#promenu ul{ display:inline-block;}
#promenu ul li{}
#promenu ul li a{ display:block; line-height:40px; color:#fff; padding:0 20px;}
#promenu ul li a:hover{ background:#f00; color:#fff;}
#promenu ul li a.it{ background:#2c2c2c; color:#fff;}

.aboutbgA{ width:100%; height:710px;background-color:rgba(0,0,0,0.6);}
.aboutbgB{ width:100%; height:500px;background-color:rgba(0,0,0,0.6);}
.servicebg{ width:100%; height:500px;background-color:rgba(8,14,30,1);}
#about_k{ width:100%; margin:0 auto; overflow:hidden; position:absolute; z-index:20; color:#fff;}
#about_k .k{ width:1260px; margin:0 auto; overflow:hidden; text-align:center;}
#about_k .k p.a1{ font-size:40px; line-height:50px; font-weight:100; letter-spacing:5px;}
#about_k .k p.a2{ font-size:22px; line-height:30px; margin-top:20px;}
#about_k .k p.a1 span{ font-weight:900;}

#about_k .k1{ width:95%; margin:10px auto 0 auto; overflow:hidden; text-align:center;}
#about_k .k1 p{ float:left; margin:0 10px;font-size:16px;}
#about_k .k1 div{ overflow:hidden; display:inline-block;}
#about_k .k1 a{ display:block; border:solid 2px #fdd000; width:180px; line-height:36px; color:#fdd000; text-indent:20px; margin:30px auto 0 auto; text-align:left; background:url(../images/bit1.png) no-repeat 150px center;}
#about_k .k1 a:hover{ background:#fdd000; color:#000; background:url(../images/bit2.png) no-repeat 120px center #fdd000;}

/*banner*/
.about_banner{	width:100%;margin-left: auto;margin-right: auto; max-width:1903px; background:#000;}
.about_banner .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;}
.about_banner .swiper-slide{ overflow:hidden; background:#000;}
.about_banner .swiper-slide img {width:100%; opacity:0.4; filter:alpha(opacity=40);}
.about_banner .swiper-button-next{ display:none;}
.about_banner .swiper-button-prev{display:none;}
.about_banner .swiper-pagination{}

#about1{ width:1500px; margin:0 auto; overflow:hidden;}
#about1 .tt{ text-align:center; font-size:30px; line-height:60px; color:#000; padding-top:50px;}
#about1 .con{ text-align:left; overflow:hidden; padding-top:10px; text-indent:2em;}

#about2{ width:100%; overflow:hidden; text-align:center; padding:50px 0 80px 0;}
#about2 ul{ display:inline-block;}
#about2 ul li{ float:left; width:360px; text-align:center; line-height:60px;}
#about2 ul li p{ margin-top:10px; line-height:30px;}
#about2 ul li p span{ font-family:Impact; font-size:30px; color:#333; margin:0 5px;}

#about3{ width:100%; overflow:hidden; background:#f7f7f7;}
#about3 .l{ width:50%; overflow:hidden; height:440px; float:left;}
#about3 .l .con{ width:700px; float:right; padding-right:70px;}
#about3 .l .con p.a1{ font-size:30px; color:#000; line-height:60px; padding-top:90px;}
#about3 .l .con p.a2{ line-height:30px; text-indent:2em; }
#about3 .r{ background:url(../images/about_16.jpg) no-repeat left top #f7f7f7; float:right; width:50%; overflow:hidden; height:440px;}

#about4{ width:100%; overflow:hidden; background:#f7f7f7;}
#about4 .l{ width:50%; overflow:hidden; height:600px; float:right;}
#about4 .l .con{ width:700px; float:left; padding-left:70px;}
#about4 .l .con p.a1{ font-size:30px; color:#000; line-height:60px; padding-top:80px;}
#about4 .l .con p.a2{ line-height:30px; text-indent:2em;}
#about4 .r{ background:url(../images/about_17.jpg) no-repeat right top #f7f7f7; float:left; width:50%; overflow:hidden; height:440px;}

#about5{ width:100%; overflow:hidden; background:#f7f7f7;}
#about5 .l{ width:50%; overflow:hidden; height:500px; float:left;}
#about5 .l .con{ width:700px; float:right; padding-right:70px;}
#about5 .l .con p.a1{ font-size:30px; color:#000; line-height:60px; padding-top:110px;}
#about5 .l .con p.a2{ line-height:25px; text-indent:2em;}
#about5 .r{ background:url(../images/about_20.jpg) no-repeat left top #f7f7f7; float:right; width:50%; overflow:hidden; height:440px;}

#about6{ width:100%; overflow:hidden; background:#f7f7f7;}
#about6 .l{ width:50%; overflow:hidden; height:440px; float:right;}
#about6 .l .con{ width:700px; float:left; padding-left:70px;}
#about6 .l .con p.a1{ font-size:30px; color:#000; line-height:60px; padding-top:120px;}
#about6 .l .con p.a2{ text-indent:2em;line-height:30px;}
#about6 .r{ background:url(../images/about_21.jpg) no-repeat right top #f7f7f7; float:left; width:50%; overflow:hidden; height:440px;}

#aboutmenu{ width:100%; background:rgba(0,0,0,0.8); overflow:hidden; position:fixed; z-index:50; text-align:center; left:0; top:0; display:none;}
#aboutmenu ul{ display:inline-block;}
#aboutmenu ul li{ float:left;}
#aboutmenu ul li a{ display:block; line-height:60px; color:#fff; padding:0 30px;}
#aboutmenu ul li a:hover{ background:#fdd000; color:#000;}
#aboutmenu ul li a.it{background:#fdd000;color:#000;}

#workshop_zb{ width:100%; overflow:hidden; background:url(../images/workshop_zbpic.jpg) no-repeat center top; height:500px;}
#workshop_zb .k{width:1260px; margin:0 auto; overflow:hidden; padding-top:250px;}
#workshop_zb .con{ background:rgba(0,0,0,0.8); width:560px; color:#fff; padding:20px 30px 40px 30px;}
#workshop_zb .con p.tt{ font-size:30px; line-height:60px;}



#workshop{ width:100%; overflow:hidden; background:url(../images/workshoppic.jpg) no-repeat center top; height:500px;}
#workshop .k{width:1260px; margin:0 auto; overflow:hidden; padding-top:250px;}
#workshop .con{ background:rgba(0,0,0,0.8); width:560px; color:#fff; padding:20px 30px 40px 30px;}
#workshop .con p.tt{ font-size:30px; line-height:60px;}

#workshop1{ width:1260px; margin:80px auto 0 auto; overflow:hidden;}
#workshop1 ul{ width:1400px;}
#workshop1 ul li{ float:left; margin-right:60px; width:380px; margin-bottom:20px;}
#workshop1 ul li a{ display:block; line-height:50px; text-align:center;}
#workshop1 ul li a div{ height:250px; overflow:hidden;}
#workshop1 ul li a img{ width:100%;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}
#workshop1 ul li a:hover img{transform:scale(1.40);}



#workshopz{ width:1260px; margin:80px auto 0 auto; overflow:hidden;}
#workshopz ul{ width:1400px;}
#workshopz ul li{ float:left; margin-right:60px; width:380px; margin-bottom:20px;}
#workshopz ul li p{ font-size:12px;}
#workshopz ul li a{ display:block; line-height:50px; text-align:center;}
#workshopz ul li a div{ height:auto; overflow:hidden;}
#workshopz ul li a img{ width:100%;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}
#workshopz ul li a:hover img{transform:scale(1.10);}




#honorpp{ width:1260px; margin:80px auto 0 auto; overflow:hidden;}
#honorpp ul{ width:1400px;}
#honorpp ul li{ float:left; margin-right:60px; width:380px; margin-bottom:20px;}
#honorpp ul li a{ display:block; line-height:50px; text-align:center;}
#honorpp ul li a div{ height:250px; overflow:hidden;}
#honorpp ul li a img{ width:100%;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}

#zl{ width:1260px; margin:40px auto 0 auto; overflow:hidden;}
#zl ul{ width:1400px;}
#zl ul li{ float:left; margin-right:20px; width:300px; margin-bottom:20px;}
#zl ul li a{ display:block; line-height:50px; text-align:center;}
	
#zl ul li a img{ width:100%;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}


#more{ width:100%; overflow:hidden; margin:20px auto 50px auto;}
#more a{ display:block; text-align:center; width:200px; line-height:50px; margin:0 auto; color:#999;} 
#more a:hover{ color:#000;}

#honor{ width:100%; overflow:hidden; background:url(../images/honorpic.jpg) no-repeat center top; height:500px;}
#honor .k{width:1260px; margin:0 auto; overflow:hidden; padding-top:250px;}
#honor .con{ background:rgba(0,0,0,0.8); width:560px; color:#fff; padding:20px 30px 40px 30px;}
#honor .con p.tt{ font-size:30px; line-height:60px;}

#partner{ width:100%; overflow:hidden; background:url(../images/partnerpic.jpg) no-repeat center top; height:500px;}
#partner .k{width:1260px; margin:0 auto; overflow:hidden; padding-top:250px;}
#partner .con{ background:rgba(0,0,0,0.8); width:560px; color:#fff; padding:20px 30px 40px 30px;}
#partner .con p.tt{ font-size:30px; line-height:60px;}


#partner1{ width:1260px; margin:80px auto 50px auto; overflow:hidden;}
#partner1 ul{ width:1400px}
#partner1 ul li{ width:285px; float:left; margin-right:40px; margin-bottom:40px;}
#partner1 ul li a{ display:block; border:solid 1px #eee; text-align:center; padding:20px 0;}

#partner1 ul li a.more{ height:88px; line-height:30px;}
#partner1 ul li a.more img{ margin-top:10px;}

#culture{ width:100%; overflow:hidden; background:url(../images/culture_02.jpg) no-repeat center top; height:500px;}

#culture1{ width:1260px; margin:0 auto; overflow:hidden;}
#culture1 .tt{ text-align:center; line-height:60px; font-size:30px; color:#000; padding-top:50px;}
#culture1 p{ padding:30px 0 110px 0;}

#culture2{ width:1260px; margin:40px auto 100px auto; overflow:hidden;}
#culture2 ul{ width:1300px;}
#culture2 ul li{ float:left; width:305px; height:227px; margin:0 10px 10px 0; text-align:center;}
#culture2 ul li p{ padding:0;}
#culture2 ul li p.tk{ font-size:30px; font-weight:900; line-height:60px;}
#culture2 ul li p.ck{ font-size:18px; display:none;}
#culture2 ul li.k0{ background:#f7f7f7;}
#culture2 ul li.k3{ background:#eee;}
#culture2 ul li.k1{ background:#fdd000; color:#000; cursor:pointer;}
#culture2 ul li.k1 p.tk{ padding-top:80px;}
#culture2 ul li.k2{ background:url(../images/cul1.jpg) no-repeat center; color:#fff; cursor:pointer;}
#culture2 ul li.k2 p.tk{ padding-top:80px;}
#culture2 ul li.k4{ background:url(../images/cul2.jpg) no-repeat center; color:#fff; cursor:pointer;}
#culture2 ul li.k4 p.tk{ padding-top:80px;}
#culture2 ul li.k5{ background:#fdd000; color:#000; cursor:pointer;}
#culture2 ul li.k5 p.tk{ padding-top:80px;}
#culture2 ul li.k6{ background:#000; color:#fff; cursor:pointer;}
#culture2 ul li.k6 p.tk{ padding-top:80px;}

#create{ width:100%; overflow:hidden; background:url(../images/create_02.jpg) no-repeat center top; height:500px;}

#create1{ width:1260px; margin:100px auto; overflow:hidden; background:url(../images/create_05.jpg) no-repeat; height:511px;}
#create1 .tt{ text-align:left; line-height:60px; font-size:30px; color:#000; padding-top:80px; margin-left:70px;}
#create1 .cc{ width:340px;margin-left:70px; padding-top:30px; line-height:30px;}

#videobg{ width:100%; height:500px;background-color:rgba(0,0,0,0.6);}
#video{ width:100%; height:500px; background:url(../images/videopic.jpg) no-repeat center;}
#video .a1{ width:400px; margin:0 auto; overflow:hidden; text-align:center;}
#video .a1 a{ display:block; color:#fff; padding-top:160px; letter-spacing:6px; transition:letter-spacing 0.7s,color 0.7s;}
#video .a1 a p.b1{ font-size:30px; line-height:60px;}
#video .a1 a p.b2{ font-size:14px; line-height:18px;}
#video .a1 a:hover{ letter-spacing:0; color:#fdd000}


.videocon{max-width: 1000px; width: 100%; height: 564px; margin: 0px auto 120px; border: 10px solid rgba(255, 255, 255, 0.1);}
.videocon video{ max-width:100%; height:564px; border:none; background:none;object-fit: contain;}
.videocon video:focus{outline:none;}
.videocale{ clear:both;}

video{object-fit: contain;}
video:focus{outline:none;}


#video1{ width:1260px; margin:80px auto 80px auto; overflow:hidden;}
#video1 .l{ float:left; width:1040px;}
#video1 .l ul li{ float:left; width:300px; margin-right:40px; margin-bottom:20px;}
#video1 .l ul li a{ display:block; line-height:50px; text-align:center; color:#666;}
#video1 .l ul li a:hover{ background:#e7e8ea;  box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
#video1 .l ul li a div{ overflow:hidden;}
#video1 .l ul li a div span{ display:none}
#video1 .l ul li a div img{ width:100%; height:169px;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}

#video1 .l ul li a:hover{ color:#000;}
#video1 .l ul li a:hover div font{ display:none;}
#video1 .l ul li a:hover div span{ display:block;}
#video1 .l .more{ text-align:center; padding-top:30px; overflow:hidden; width:1000px;}
#video1 .l .more a{ line-height:50px; color:#999;}

#video1 .r{ width:220px; float:right;}
#video1 .r p.tt{ background:#000; color:#fff; font-size:18px; line-height:70px; text-align:center;}
#video1 .r .video_menu{ padding-top:30px; width:180px;}
#video1 .r .video_menu ul li a{ display:block; line-height:36px; background:url(../images/line1.png) no-repeat left bottom/0% 2px; color:#999;}
#video1 .r .video_menu ul .txt2 a{ text-indent:2em;}
#video1 .r .video_menu ul li a:hover{ color:#000}
#video1 .r .video_menu ul li a.it{background:url(../images/line1.png) no-repeat left bottom/100% 2px;color:#000;}
.lefta{ float:left;}
.righta{ float:right;}

#news{ width:100%; overflow:hidden; background:url(../images/news_02.jpg) no-repeat center top; height:500px;}
#news .k{width:1260px; margin:0 auto; overflow:hidden; padding-top:250px;}
#news .con{ background:rgba(0,0,0,0.8); width:560px; color:#fff; padding:20px 30px 40px 30px;}
#news .con p.tt{ font-size:30px; line-height:60px;}




#news1{ width:1260px; margin:80px auto 20px auto; overflow:hidden;}
#news1 ul li{ border-bottom:solid 1px #eee; padding-bottom:60px; margin-bottom:60px;}
#news1 ul li a{ display:block; overflow:hidden;}
#news1 ul li a .a1{ width:80px; text-align:center; float:left; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-right:30px;}
#news1 ul li a .a1 p.b1{ font-size:50px; line-height:60px; font-weight:900;}
#news1 ul li a .a0{ float:left; overflow:hidden; width:500px;}
#news1 ul li a .a0 img{ width:100%;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}
#news1 ul li a:hover .a0 img{transform:scale(1.15);}
#news1 ul li a .a2{ width:600px; float:right;}
#news1 ul li a .a2 p.b1{ font-size:24px; line-height:30px; color:#000;}
#news1 ul li a .a2 p.b2{ padding-top:40px;line-height:30px; color:#666;}
#news1 ul li a .a2 p.b3{ padding-top:40px;line-height:30px; color:#000;}
#news1 ul li a:hover .a1{ color:#fdd000;}
#news1 ul li a:hover .a2 p.b1{ color:#000;}
#news1 ul li a:hover .a2 p.b3{ color:#fdd000;}

#news_title{ width:1260px; margin:0 auto; overflow:hidden; text-align:center;}
#news_title h1{ font-size:24px; color:#000; line-height:30px; padding-top:60px; padding-bottom:20px;}
#news_title p{ border-bottom:solid 1px #eee; border-top:solid 1px #eee; line-height:40px; }
#news_title p span{ padding:0 20px;}
#news_title p span i{ margin-right:5px;}

#news_content{ width:1260px; margin:30px auto 50px auto; overflow:hidden; font-size:16px; line-height:30px;}
#news_page{ width:1260px; margin:0 auto; overflow:hidden; border-top:solid 1px #000; line-height:40px; padding-top:20px; padding-bottom:90px;}
#news_page a{ color:#666; background:url(../images/line3.png) no-repeat left bottom/0 1px; line-height:40px;}
#news_page a:hover{ color:#000; background:url(../images/line3.png) no-repeat left bottom/100% 1px;}

#solute{ width:100%; overflow:hidden; background:url(../images/solutepic.jpg) no-repeat center top #eee;}
#solute .k{width:1260px; margin:0 auto; overflow:hidden; padding-top:130px;}
#solute .con{color:#fff; text-align:center;}
#solute .con p.tt{ font-size:36px; line-height:80px;}
#solute .con p.btn{ margin-top:50px;}
#solute .con p.btn a{ display:block;border:solid 2px #fdd000; color:#fdd000; font-size:12px; margin:0 auto; width:90px;}
#solute .con p.btn a:hover{ background:#fdd000; color:#000;}

#solutelist{ width:100%; overflow:hidden; padding:120px 0 80px 0;}
#solutelist ul{ width:1260px; margin:0 auto; overflow:hidden;}
#solutelist ul li{ background:#fff; overflow:hidden;}
#solutelist ul li a{ display:block; overflow:hidden; }
#solutelist ul li a .al{ width:50%; height: 350px; overflow:hidden; float:left;}
#solutelist ul li a .al img{ width:100%;transition:all 0.5s; }
#solutelist ul li a:hover .al img{ transform:scale(1.15);}
#solutelist ul li a .ar{ width:50%; float:right;}
#solutelist ul li a .ar p.tt{ font-weight:900; color:#000; font-size:24px; line-height:60px; padding:70px 50px 0 50px;transition:all 0.5s;}
#solutelist ul li a:hover .ar p.tt{ color:#fdd000}
#solutelist ul li a .ar p.cc{ font-size:16px; padding:0 50px; color:#666;}
#solutelist ul li a .ar p.bb{ margin:40px 50px 0 50px; border-top:dotted 1px #000; padding-top:20px;transition:all 0.5s; color:#000;}
#solutelist ul li a:hover .ar p.bb{ color:#fdd000;}

#solutelist ul li.kr a .al{ width:50%; overflow:hidden; float:right;}
#solutelist ul li.kr a .ar{ width:50%; overflow:hidden; float:left;}

#goback{ overflow:hidden; width:100%; padding-bottom:10px;}
#goback a{ display:block; width:150px; margin:0 auto; overflow:hidden; line-height:40px; font-size:16px; text-align:center; letter-spacing:10px;transition:all 0.5s;}
#goback a p{ background:url(../images/back.png) no-repeat center/100% auto; border:solid 2px #ccc; border-radius:50%; width:60px; height:60px; margin:0 auto; transition:all 0.5s;}
#goback a p img{ width:100%;}
#goback a:hover p{ border:solid 2px #000; background:url(../images/back1.png) no-repeat center/100% auto #000;}
#goback a:hover{ letter-spacing:0px;}

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 80px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; border:solid 1px #eee; background:#fff;}
#page ul li a:hover{ background:#000; color:#fdd000;}
#page ul li a.it{ background:#000; color:#fdd000;}

#contact{ width:100%; overflow:hidden; background:url(../images/contact_02.jpg) no-repeat center top; height:500px;}
#contact .k{width:1260px; margin:0 auto; overflow:hidden; padding-top:250px;}
#contact .k .con{ background:rgba(0,0,0,0.8); width:560px; color:#fff; padding:20px 30px 40px 30px;}
#contact .k .con p.tt{ font-size:30px; line-height:60px;}
#contact .k .con p.kf{ overflow:hidden; margin-top:20px;}
#contact .k .con p.kf a{ display:block; color:#fdd000; border:solid 2px #fdd000; width:80px; font-size:12px; text-align:center;}
#contact .k .con p.kf a:hover{ background:#fdd000; color:#000;}

#contact1{ width:1260px; margin:80px auto; background:#f7f7f7; overflow:hidden;}
#contact1 .l{ padding:40px 0 40px 40px; float:left; width:650px;}
#contact1 .l p{ margin-bottom:10px;}
#contact1 .l p input{border-bottom:dotted 1px #999; width:100%; height:40px; line-height:40px; text-indent:50px;}
#contact1 .l p input.kk1{ background:url(../images/tt1.png) no-repeat 5px center/auto 80% ;}
#contact1 .l p input.kk2{ background:url(../images/tt2.png) no-repeat 5px center/auto 80% ;}
#contact1 .l p input.kk3{ background:url(../images/tt3.png) no-repeat 5px center/auto 80% ;}
#contact1 .l p input.kk4{ background:url(../images/tt4.png) no-repeat 5px center/auto 80% ;}
#contact1 .l p input.kk5{ background:url(../images/tt5.png) no-repeat 5px center/auto 80% ;}

#contact1 .l p textarea{ border:dotted 1px #999; width:630px; background:0; font-family: "微软雅黑"; height:140px; line-height:40px; padding:0 10px;}
#contact1 .l p button{ width:150px; line-height:40px; background:#000; color:#fff; cursor:pointer; transition:background 0.5s,color 0.5s;}
#contact1 .l p button:hover{ background:#fdd000; color:#000;}

#contact1 .r{ width:460px; float:right; background:#fff; color:#000; border:solid 1px #eee; padding-left:30px; margin:40px 40px 0 0; height:400px;}
#contact1 .r p.tt{ font-size:24px; line-height:60px; padding-top:50px; font-weight:900;}
#contact1 .r p{ line-height:30px;}

#job{ width:100%; overflow:hidden; background:url(../images/job_02.jpg) no-repeat center top; height:500px;}
#job .k{width:1260px; margin:0 auto; overflow:hidden; padding-top:250px;}
#job .con{ background:rgba(0,0,0,0.8); width:560px; color:#fff; padding:20px 30px 40px 30px;}
#job .con p.tt{ font-size:30px; line-height:60px;}
#job .con p.btn{ overflow:hidden; margin-top:20px;}
#job .con p.btn a{ display:block; float:left;border:solid 2px #fdd000; color:#fdd000; font-size:12px; padding:0 15px; margin-right:10px;}
#job .con p.btn a:hover{ background:#fdd000; color:#000;}

#titile{ font-size:30px; line-height:60px; color:#000; width:100%; overflow:hidden; text-align:center; padding-top:50px;}

.imga{ float:left; width:378px; height:304px; margin-right:20px; margin-bottom:20px; padding:10px; border:1px solid #eee;}
.imga img{ width:378px; height:304px;}



.imga{ float:left; width:378px; height:304px; margin-right:20px; margin-bottom:20px; padding:10px; border:1px solid #eee;}
.imga img{ width:378px; height:304px;}


.imgb{ float:left; width:378px; height:245px; margin-right:20px; margin-bottom:20px; padding:10px; border:1px solid #eee;}
.imgb img{ width:378px; height:245px;}

#job1{ width:1260px; margin:10px auto 60px auto; overflow:hidden; text-align:center;}

#job2{ width:1260px; margin:0 auto 70px auto; overflow:hidden;}
#job2 ul{ width:1300px;}

#job2 ul li.a1{ float:left; width:338px; height:160px; margin-right:20px; margin-bottom:20px; padding:10px 30px 20px 30px; border:solid 1px #eee;}
#job2 ul li p.tt{ font-size:24px; color:#000; line-height:50px;}
#job2 ul li.a2{ float:left; width:1178px;height:160px; margin-bottom:20px; padding:10px 30px 20px 30px; border:solid 1px #eee;}
#job2 ul li p.tt span{ display:block; background:#fdd000;  width:30px; height:30px; line-height:30px; border-radius:50px; font-size:18px; text-align:center; float:left; color:#000; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:10px 10px 0 0;}

#job3{ width:100%; overflow:hidden; background:url(../images/jobdi.jpg) no-repeat center top;}
#job3 #titile{ color:#fff;}
#job3 .a1{ text-align:center; color:#fff; letter-spacing:0px;}
#job3 .a2{ text-align:center; overflow:hidden; margin:40px 0 80px 0;}

#job4 .a1{ text-align:center; letter-spacing:0px;}
#job4 .a2{ width:1260px; margin:50px auto 100px auto; overflow:hidden;}
#job4 .a2 ul li{ float:left; }
#job4 .a2 ul li p.tt{ font-size:24px; line-height:60px; padding-top:40px;}
#job4 .a2 ul li.b1{ width:230px; background:#000; color:#fff; padding:0 40px; height:287px; margin-right:10px;}
#job4 .a2 ul li.b2{ width:230px; background:#fdd000; color:#000; padding:0 40px; height:287px; margin-right:10px;}
#job4 .a2 ul li.b3{ width:540px; background:url(../images/jobk.jpg) no-repeat left top; color:#fff; padding:0 40px; height:287px;}

#job5{ width:1260px; margin:0 auto 70px auto; overflow:hidden;}
#job5 ul{ width:1300px;}
#job5 ul li.a1{ float:left; width:338px; margin-right:20px; margin-bottom:20px; padding:10px 30px; border:solid 1px #eee; height:60px;}
#job5 ul li p.cc{ float:right; width:280px;}
#job5 ul li p.tt{ float:left; width:30px; overflow:hidden;}
#job5 ul li p.tt span{ display:block; background:#fdd000;  width:30px; height:30px; line-height:30px; border-radius:50px; font-size:18px; text-align:center; float:left; color:#000; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0px 10px 0 0;}

#job6{ text-align:center; padding-bottom:40px;}

#xz{ width:100%; height:1413px; background:url(../images/xz.jpg) top center no-repeat; overflow:hidden; margin-top:30px;}

#job7{ width:1260px; margin:40px auto 80px auto; overflow:hidden; height:448px;}
#job7 .l{ float:left; overflow:hidden; width:750px;}
#job7 .l .a1{ width:365px; height:206px; margin-right:10px; overflow:hidden; background:url(../images/job_05.jpg) no-repeat center; color:#fff; float:left;}
#job7 .l .a1 span{ display:block; float:left; width:36px; height:36px; background:#fdd000; color:#000; text-align:center; line-height:36px; border-radius:40px; margin:50px 25px 0 25px;}
#job7 .l .a1 p{ float:left; width:210px; margin-top:50px;}

#job7 .l .a2{ width:365px; height:206px; margin-right:10px; overflow:hidden; background:url(../images/job_07.jpg) no-repeat center; color:#fff; float:left;}
#job7 .l .a2 span{ display:block; float:left; width:36px; height:36px; background:#fdd000; color:#000; text-align:center; line-height:36px; border-radius:40px; margin:50px 25px 0 25px;}
#job7 .l .a2 p{ float:left; width:210px; margin-top:50px;}

#job7 .l .a3{ width:740px; height:232px; margin-top:10px; overflow:hidden; background:url(../images/job_13.jpg) no-repeat center; color:#fff; float:left;}
#job7 .l .a3 span{ display:block; float:left; width:36px; height:36px; background:#fdd000; color:#000; text-align:center; line-height:36px; border-radius:40px; margin:50px 25px 0 25px;}
#job7 .l .a3 p{ float:left; width:650px; margin-top:50px;}
#job7 .l .a3 font{ color:#fdd000}

#job7 .r{ float:right;}

#job8{ width:100%; background:#f7f7f7; overflow:hidden;}
#job8 .k{ width:1260px; margin:20px auto 100px auto; overflow:hidden;}
#job8 .k .tta{ font-size:20px; line-height:60px; color:#000;}
#job8 .k .l{ width:600px; float:left;}
#job8 .k .r{ width:600px; float:right;}

#job9{ width:1260px; margin:40px auto 50px auto; overflow:hidden; border-top:solid 5px #000;}
#job9 dl dt{ overflow:hidden; background:#f7f7f7; text-align:center;}
#job9 dl dt p{ float:left; width:210px; line-height:60px; font-size:18px; font-weight:900; color:#000;}
#job9 dl dd{ overflow:hidden; text-align:center; border-bottom:solid 1px #eee;}
#job9 dl dd div.tt p{ float:left; width:210px; line-height:60px; height:60px; }
#job9 dl dd div.tt{ overflow:hidden; cursor:pointer;}
#job9 dl dd div.con{ background:#f7f7f7; overflow:hidden; text-align:left; padding:30px 50px; display:none;}
#job9 dl dd div.con a{ background:#000; color:#fdd000; width:150px; line-height:40px; text-align:center; display:block; margin-top:30px;}
#job9 dl dd div.con a:hover{ background:#fdd000; color:#000;}

#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(../images/jian.png) no-repeat right center;}
#job_apply dl dt{ width:1260pxs;}
#job_apply dl dt textarea{ border:solid 1px #ddd; width:1218px; padding:20px; font-family:"微软雅黑"; height:200px;}
#job_apply .btn{ width:1260px; text-align:center; padding:30px 0 100px 0;}
#job_apply .btn button{ width:200px; height:50px; line-height:50px; background:#000; font-size:18px; cursor:pointer; transition:all 0.5s; color:#fdd000; border-radius:5px; text-align:center;}
#job_apply .btn button:hover{ background:#fdd000; color:#000; width:180px;}

#service{ width:100%; overflow:hidden; background:url(../images/service_02.jpg) no-repeat center top; height:500px;}
#service .k{width:1260px; margin:0 auto; overflow:hidden; padding-top:250px;}
#service .con{ background:rgba(0,0,0,0.8); width:560px; color:#fff; padding:20px 30px 40px 30px;}
#service .con p.tt{ font-size:30px; line-height:60px;}
#service .con p.btn{ overflow:hidden; margin-top:20px;}
#service .con p.btn a{ display:block; float:left;border:solid 2px #fdd000; color:#fdd000; font-size:12px; padding:0 15px; margin-right:10px;}
#service .con p.btn a:hover{ background:#fdd000; color:#000;}

#service1{ width:1260px; margin:0 auto; overflow:hidden; text-align:center;}
#service1 span{ font-weight:900; color:#000; padding:0 5px;}
#service2{ width:1260px; margin:40px auto 80px auto; overflow:hidden; text-align:center;}
#service2 ul{ border-left:solid 1px #eee; border-top:solid 1px #eee; overflow:hidden;}
#service2 ul li{ width:313.6px; text-align:center; line-height:60px; border-bottom:solid 1px #eee; border-right:solid 1px #eee; float:left; padding-top:30px;}

#service3{ background:#f7f7f7; width:100%; overflow:hidden;}
#service3 .l{ width:50%; float:left;}
#service3 .l .a1{ width:630px; float:right; text-align:left;}
#service3 .l .a1 p.tt{ font-size:30px; line-height:60px; color:#000; padding:50px 0 0 90px;}
#service3 .l .a1 p.b1{ padding-left:90px; color:#000;}
#service3 .l .a1 p.b2{ padding:10px 0 0 90px;}

#service3 .r{ width:50%; float:right; background:url(../images/service1.jpg) no-repeat left top; height:383px;}

#service4{ background:#f7f7f7; width:100%; overflow:hidden;}
#service4 .l{ width:50%; float:right;}
#service4 .l .a1{ width:630px; float:left; text-align:left;}
#service4 .l .a1 p.tt{ font-size:30px; line-height:60px; color:#000; padding:50px 0 0 90px;}
#service4 .l .a1 p.b1{ padding-left:90px; color:#000;}
#service4 .l .a1 p.b2{ padding:10px 0 0 90px;}

#service4 .r{ width:50%; float:left; background:url(../images/service2.jpg) no-repeat right top; height:383px;}

#service5{ width:1260px; margin:0 auto; overflow:hidden; text-align:center;}
#service5 .tt{ width:100%; text-align:center;}
#service5 .tt .a1{ font-size:30px; color:#000; line-height:60px; padding-top:50px;}
#service5 .tt .a2{ color:#000;}

#service5 .con{ width:1260px; margin:30px auto 70px auto; overflow:hidden; text-align:left;}
#service5 .con .a1{ float:left; width:50%;}
#service5 .con .a2{ float:right; width:50%;}

#service6{ width:100%; overflow:hidden; background:url(../images/service3.jpg) no-repeat center top; height:138px; padding-top:50px; color:#fff; text-align:center; line-height:30px;}
#service6 span{ font-size:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fdd000;}

#service7{ text-align:center; overflow:hidden; color:#000; background:url(../images/li1.png) no-repeat center center; margin-top:30px;}
#service7 span{ font-size:18px; display:block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#service8{ width:500px; margin:20px auto 60px auto; overflow:hidden; background:url(../images/li2.png) repeat-y center;}
#service8 .a1{ width:50%; float:left; text-align:center;}
#service8 .a1 p.tt{ font-weight:900; font-size:48px; line-height:60px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000;}

#service9{ background:url(../images/servicedi.jpg) no-repeat center top; width:100%; overflow:hidden;}
#service9 .k{ width:1260px; margin:50px auto 70px auto; overflow:hidden}
#service9 .k .l{ width:50%; float:left;}
#service9 .k .l .tt{ font-size:30px; color:#fff; line-height:60px; padding-top:50px;}
#service9 .k .l .a1{ color:#fff; font-size:18px;}
#service9 .k .l .li{ overflow:hidden; width:550px; margin-top:20px;}
#service9 .k .l .li ul li{ float:left; width:40%; margin-right:3%; line-height:50px; color:#fff; border-bottom:solid 1px rgba(255,255,255,0.2)}

#service9 .k .r{ width:50%; float:left;}
#service11{ text-align:center;}
#service10{ width:1260px; text-align:center; overflow:hidden; margin:0 auto 30px auto;}

#service_menu{ width:100%; overflow:hidden; text-align:center;}
#service_menu ul{ display:inline-block;}
#service_menu ul li{ float:left; text-align:center; margin:20px 10px 30px 10px;}
#service_menu ul li a{ border:solid 1px #eee; display:block; width:100px; line-height:40px;}
#service_menu ul li a:hover{ background:#000; color:#fdd000;}

#customer{ width:1260px; margin:20px auto 0 auto; overflow:hidden;}
#customer ul{ width:1400px;}
#customer ul li{ float:left; margin-right:60px; width:380px; margin-bottom:30px;}
#customer ul li a{ display:block; text-align:center; line-height:50px;}
#customer ul li a img{ width:100%;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}
#customer ul li a:hover img{transform:scale(1.40);}
#customer ul li a div{ overflow:hidden;}

#dubi{ width:1260px; margin:60px auto 80px auto; overflow:hidden;}
#dubi .tt{ font-size:30px; text-align:center; overflow:hidden; line-height:50px; color:#000;}
#dubi .cc{ overflow:hidden; text-align:center; padding-bottom:30px;}
#dubi .cc a{ color:#666; font-size:14px; line-height:24px; background:url(../images/line1.png) no-repeat left bottom/0 1px;}
#dubi .cc a:hover{ color:#000;background:url(../images/line1.png) no-repeat left bottom/100% 1px;}

#dubi_list{ width:100%; overflow-x: auto;}
#dubi_list ul{ width:1500px;}
#dubi_list ul li{ float:left; width:190px; overflow:hidden; text-align:center; margin:0 10px;}
#dubi_list ul li a{ display:block; color:#000;}
#dubi_list ul li p.a1{ font-size:24px;  line-height:60px;font-weight:900; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#dubi_list ul li.fg{border-right: solid 1px #eee; padding-right:10px;margin-right: 0;}

#dubi_list ul li p.a1 select{ width:100%;appearance:none;-webkit-appearance: none; cursor:pointer; border-radius:5px; border:solid 1px #ddd; line-height:50px; height:50px; font-size:24px; font-weight:900; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left:20px; background:url(../images/down.png) no-repeat right center;}
#dubi_list ul li p.a1 select option{ font-size:22px;}


#dubi_list ul li p.a2{border-bottom:solid 1px #eee; background:#fff;}
#dubi_list ul li p.a2 img{ width:100%;}
#dubi_list ul li p.a3{ font-size:14px; line-height:50px; border-bottom:solid 1px #eee;}

#chao{ width:1260px; margin:0 auto; overflow:hidden;}
#chao .k{ position:absolute; width:456px; background:rgba(0,0,0,0.5); z-index:30; color:#fff; margin:188px 0 0 0; padding:36px 0 50px 0;}

#chao .k p.a1{ font-size:18px; line-height:40px; margin:-130px 0 0 60px; position:absolute;}
#chao .k p.a1 span{ font-family:myfont; font-size:36px;}

#chao .k p.a2{ margin:60px 40px 0 40px;}

#chao .k p.a3{ position:absolute; margin:60px 0 0 0;}

#bigpro1{ width:100%; overflow:hidden; background:url(../images/probigdi.jpg) no-repeat center bottom #2D2F2E; height:550px;padding-top: 30px;}
#bigpro1 .k{ width:1260px; margin:0 auto; overflow:hidden;}
#bigpro1 .k .abig{ float:left; width:800px; height:550px; overflow:hidden;}
#bigpro1 .k .sbig{ float:left; width:80px; margin-top:90px;}
#bigpro1 .k .sbig ul li{ border:solid 1px rgba(255,255,255,0.2); cursor:pointer; background:rgba(0,0,0,0.2); margin-bottom:10px;}

#bigpro1 .k .sbig img{ width:100%;}

#bigpro_main{ width:1260px; margin:80px auto 80px auto; overflow:hidden;}

#bigpro_main .k{ width:1050px; float:left; border:solid 1px #eee; padding:50px; margin-top:50px;margin-left: 90px;}
/*#bigpro_main .k p{ font-size:18px; color:#000;}*/
#bigpro_main .tt{ background:#000; width:180px; /*margin:0 0 0 1050px;*/ line-height:80px; color:#fff; font-size:18px; position:absolute; text-align:center;}

#bigpro_main .k .d-img{width:100%; display:block; margin-top:20px;}
#bigpro_main .k .d-img li{width:31%; margin-right:3.3%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;}
#bigpro_main .k .d-img li:nth-child(3n+3){margin-right:0}
#bigpro_main .k .d-img li figure{display:block; line-height:normal; overflow:hidden; transition:460ms; background:#fff;}
#bigpro_main .k .d-img li figure img{width:100%; text-align:center; transition:460ms; display:block}
#bigpro_main .k .d-img li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
#bigpro_main .k .d-img li H5{font-size:14px; color:#666; line-height:45px;}

#bigpro_main .k .d-img2{width:65%; display:block; margin-top:20px; clear:both;}
#bigpro_main .k .d-img2 li{width:48%; margin-right:4%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;}
#bigpro_main .k .d-img2 li:nth-child(2n+2){margin-right:0}
#bigpro_main .k .d-img2 li figure{display:block; line-height:normal; overflow:hidden; transition:460ms; background:#fff;}
#bigpro_main .k .d-img2 li figure img{width:100%; text-align:center; transition:460ms; display:block}
#bigpro_main .k .d-img2 li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
#bigpro_main .k .d-img2 li H5{font-size:14px; color:#666; line-height:45px;}

#probc{ width:1260px; margin:0 auto 160px auto; overflow:hidden;}
#probc .a1{ float:left; overflow:hidden;}
#probc .a1 .tt{ background:#000; color:#fff; line-height:80px; position:absolute; width:190px; text-align:center; margin:-50px 0 0 1050px;  font-size:18px;}
#probc .a1 .b1{ overflow:hidden; width:1050px;border:solid 1px #eee;padding:50px;}
#probc .a1 .b1 ul li{ border-bottom:solid 1px #ddd; line-height:48px; overflow:hidden;}
#probc .a1 .b1 ul li p{ width:50%; float:left;}

#solute_bg{ width:100%; height:550px;background-color:rgba(0,0,0,0.6);}
#solute_pic{ width:100%; overflow:hidden; background:#000; height:550px; text-align:center;}
#solute_pic p.tt{ font-size:36px; color:#fff; line-height:60px; margin-top:150px;}
#solute_pic p.cc{ width:1200px; margin:0 auto; overflow:hidden; text-align:center; color:#fff; font-size:16px; margin-top:20px;}


.solute_bga{ width:100%; height:auto; background:#eee; margin:0 auto;}
.solute_bga .k{ width:1260px; margin:0 auto; height:480px; }
.solute_bga .k .left{ width:530px; float:left; padding:33px 50px; background:#fff;}
.solute_bga .k .left div{ font-size:14px; line-height:24px; overflow:hidden;}
.solute_bga .k .left div p{  margin-bottom:15px;}

.solute_bga .k .right{ float:right; width:630px; overflow:hidden;}
.solute_bga .k .right img{ width:100%; transition:all 0.35s;}
.solute_bga .k .right img:hover{ transform:scale(1.15);}

.solute_bga .cc{ width:1160px; background:#fff; padding:0px 50px 50px 50px; margin:0px auto 60px auto; overflow:hidden; font-size:16px; line-height:30px;}
.solute_bga .cc .sp{ width:100%; overflow:hidden;}
.solute_bga .cc .sp ul li{ width:33.33%; float:left; line-height:50px; text-align:center;}
.solute_bga .cc .sp ul li img{ width:90%;}
.solute_bga .con{ width:1260px; height:auto; position:relative; top:-200px; margin:0 auto;}


#solute1{ width:100%; background:#eee; overflow:hidden; height:270px;}
#solute1 .fl{ width:100%; overflow:hidden; position:absolute; margin:-200px 0 0 0;}


/*#solute1 .k .left p.tt{ font-size:24px; color:#000; line-height:50px;}
#solute1 .k .left p.cc{ font-size:14px; line-height:24px; overflow:hidden;}
#solute1 .k .left p.cc span{ white-space:nowrap; padding:0 10px;display:block; float:left; border:solid 1px #eee; margin:0 10px 10px 0;}*/


#solute2{ width:100%; overflow:hidden; background:#eee;}
#solute2 .tt{ text-align:center; font-size:30px;  color:#000; line-height:60px; padding-top:50px; overflow:hidden; width:1260px; background:#fff; margin:60px auto 0 auto;}


#pro_my_list{ width:100%; overflow:hidden;}
#pro_my_list ul li{ float:left; width:20%;} 

#dubi_pro{ width:1260px; margin:60px auto 80px auto; overflow:hidden;}
#dubi_pro .tt{ font-size:30px; text-align:center; overflow:hidden; line-height:50px; color:#000;}
#dubi_pro .cc{ overflow:hidden; text-align:center; padding-bottom:30px;}
#dubi_pro .cc a{ color:#666; font-size:14px; line-height:24px; background:url(../images/line1.png) no-repeat left bottom/0 1px;}
#dubi_pro .cc a:hover{ color:#000;background:url(../images/line1.png) no-repeat left bottom/100% 1px;}

#dubi_list_pro{ width:100%; overflow-x: auto;}
#dubi_list_pro ul{width: auto;}
#dubi_list_pro ul li{ float:left; width:400px; overflow:hidden; text-align:center; margin:0 10px;}
#dubi_list_pro ul li a{ display:block; color:#000;}
#dubi_list_pro ul li p.a1{ font-size:24px;  line-height:60px;font-weight:900; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#dubi_list_pro ul li p.a1 select{ width:100%;appearance:none;-webkit-appearance: none; cursor:pointer; border-radius:5px; border:solid 1px #ddd; line-height:50px; height:50px; font-size:24px; font-weight:900; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left:20px; background:url(../images/down.png) no-repeat right center;}
#dubi_list_pro ul li p.a1 select option{ font-size:22px;}


#dubi_list_pro ul li p.a2{border-bottom:solid 1px #eee; background:#fff;}
#dubi_list_pro ul li p.a2 img{ width:100%;}
#dubi_list_pro ul li p.a3{ font-size:14px; line-height:50px; border-bottom:solid 1px #eee;}



.p_dubi_pro{ width:1260px; margin:0 auto 30px auto; overflow:hidden;}
.p_dubi_pro .tt{ font-size:30px; text-align:center; overflow:hidden; line-height:50px; color:#000;}
.p_dubi_pro .cc{ overflow:hidden; text-align:center; padding-bottom:30px;}
.p_dubi_pro .cc a{ color:#666; font-size:14px; line-height:24px; background:url(../images/line1.png) no-repeat left bottom/0 1px;}
.p_dubi_pro .cc a:hover{ color:#000;background:url(../images/line1.png) no-repeat left bottom/100% 1px;}




.p_dubi_list_pro{ width:100%;}
.p_dubi_list_pro div{width: auto;}
.prdlist_tit{line-height:35px; text-align:center; font-size:14px; margin-bottom:30px; color:#999;}
.p_dubi_list_pro div .prdlist_video{ width:500px; height:281px; margin-top:30px; float:left;}
.p_dubi_list_pro div .prdlist_video video{ width:500px; height:281px; display:block;}
.p_dubi_list_pro div .prdlist_con{ width:100%; height:auto; margin:20px 0 0; float:left;}

.p_dubi_list_pro div .prdlist_con ul:nth-child(4),.p_dubi_list_pro div .prdlist_con ul:nth-child(8){ margin-right:0 !important;}

.prdlist_conten{ width:310px; height:auto; margin:10px 17px 10px 0; background:#fff; border:#f1f1f1 1px solid;  float:left;}
.prdlist_conten a{ height:420px; display:block; background:url(../images/line3.png) no-repeat left bottom/0% 3px ; transition: color 0.5s,background 0.5s,width 0.5s,border 0.5s,margin 0.5s,padding 0.5s;}
.prdlist_conten a:hover{ background:url(../images/line3.png) no-repeat  left bottom /100% 3px #f7f8fa; box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
.prdlist_conten img{ width:310px; height:207px; float:left;}
.prdlist_conten .tit{ width:290px; height:40px; line-height:20px; text-align:center; color:#00a1e9; border-bottom:#e8e8e8 1px solid; padding:10px 0;margin-bottom:10px; margin-left:10px; float:left;}
.prdlist_conten .tit2{ width:310px; line-height:35px; text-align:center;font-family:Impact; font-size:25px; margin-top:6px; float:left;}
.more{ clear:both; }
.prdlist_conten .tit3{ width:290px; line-height:20px; color:#999;   padding-bottom:13px; margin-left:10px; font-size:12px;word-wrap:break-word;word-break:break-all; float:left;}
.prdlist_conten .tit4{ width:280px; line-height:30px; font-size:12px; margin-left:15px; color:#666; float:left;}
.prdlist_conten .tit4 .l{display:block; padding-left:20px; background:url(../images/icoleft.png) left center no-repeat; background-size:20%; float:left;}
.prdlist_conten .tit4 .r{ display:block; padding-right:20px; background:url(../images/icoright.png) right center no-repeat;background-size:20%; float:right;}


	
.p_dubi_list_pro div .more a {display: block;width: 120px;text-align: center; line-height: 40px; color: #000;background: #fdd000; text-decoration: none;transition: color 0.5s,background 0.5s,width 0.5s,border 0.5s,margin 0.5s,padding 0.5s; margin:0 auto;}
.p_dubi_list_pro div .more a:hover{ width:180px; }
/*.p_dubi_list_pro ul li{ float:left; width:400px; overflow:hidden; text-align:center; }
.p_dubi_list_pro ul li a{ display:block; color:#000;}
.p_dubi_list_pro ul li p.a1{ font-size:24px;  line-height:60px;font-weight:900; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.p_dubi_list_pro ul li.fg{border-right: solid 1px #eee;border-bottom: solid 1px #eee;border-top: solid 1px #eee; margin-right:10px;padding:0 5px;}
.p_dubi_list_pro ul li.zfg{border-left: solid 1px #eee;border-bottom: solid 1px #eee;border-top: solid 1px #eee; padding:0 5px;}
.p_dubi_list_pro ul li.fg2{border-right: solid 1px #eee; margin-right:10px;}

.p_dubi_list_pro ul li p.a1 select{ width:100%;appearance:none;-webkit-appearance: none; cursor:pointer; border-radius:5px; border:solid 1px #ddd; line-height:50px; height:50px; font-size:24px; font-weight:900; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left:20px; background:url(../images/down.png) no-repeat right center;}
.p_dubi_list_pro ul li p.a1 select option{ font-size:22px;}


.p_dubi_list_pro ul li p.a2{border-bottom:solid 1px #eee; background:#fff;}
.p_dubi_list_pro ul li p.a2 img{ width:100%;}
.p_dubi_list_pro ul li p.a3{ font-size:14px; line-height:50px; border-bottom:solid 1px #eee;}*/


#solute_btn{ width:1260px; margin:50px auto 70px auto; overflow:hidden;}

#solute_k{ width:1260px; margin:0 auto; overflow:hidden; text-align:right; color:#fff;}
#solute_tt{ font-size:40px; font-weight:900; line-height:100px;}

#solute_btn{ overflow:hidden; text-align:right; width:593px; float:right;}
#solute_btn .btn1{ width:142px; height:124px; overflow:hidden; position:absolute; background:url(../images/solute1.png) no-repeat center; transition:all 0.5s;}
#solute_btn .btn1:hover{ background:url(../images/solute2.png) no-repeat center;}
#solute_btn .btn1:nth-child(1){ margin:0 0 0 0;}
#solute_btn .btn1:nth-child(2){ margin:0 0 0 225px;}
#solute_btn .btn1:nth-child(3){ margin:0 0 0 451px;}
#solute_btn .btn1:nth-child(4){margin:65px 0 0 112px;}
#solute_btn .btn1:nth-child(5){margin:65px 0 0 338px;}
#solute_btn .btn1:nth-child(6){margin:129px 0 0 225px;}
#solute_btn .btn1:nth-child(7){margin:129px 0 0 451px;}

#solute_btn .btn1 a{ display:block; background:url(../images/solute3.png) no-repeat center; height:79px; text-align:center; color:#fff; line-height:18px; padding-top:45px;}
#solute_btn .btn1 a:hover{background:url(../images/solute3.png) no-repeat center 20px; color:#000;padding-top:65px;}

#solutdi{ overflow:hidden; height:960px; overflow:hidden; background:url(../images/solute_1.jpg) no-repeat center #000; transition:all 0.5s;}



#kmenu1,#kmenu2,#kmenu3,#kmenu4,#kmenu5{ width:100%; text-align:center; overflow:hidden; margin-top:10px;}
#kmenu1 ul,#kmenu2 ul,#kmenu3 ul,#kmenu4 ul,#kmenu5 ul{ display:inline-block;}
#kmenu1 ul li,#kmenu2 ul li,#kmenu3 ul li,#kmenu4 ul li,#kmenu5 ul li{ float:left; margin:0 10px;  border: 1px solid #ebebeb; background:#fff; color:inherit; line-height:40px; padding:0 25px; cursor:pointer; transition:all 0.5s;}
#kmenu1 ul li:hover,#kmenu2 ul li:hover,#kmenu3 ul li:hover,#kmenu4 ul li:hover,#kmenu5 ul li:hover{ background:#fdd000; color:#000;}

.pro_num{ display:none;}


/*分页*/
.clear{ width:100%; clear:both;}
.mwrap {max-width:1440px; margin-right:auto; margin-left:auto;}
.widgets_common_pages_5{padding:40px 100px;line-height:50px; font-size:13px; color:#323232;}
.widgets_common_pages_5 span{ display:inline; font-size:18px; font-weight:100;}
.widgets_common_pages_5 a{ font-size:13px; color:#323232;}
.widgets_common_pages_5 a:hover{ color:#00a1e9;}
.widgets_common_pages_5 .transition{-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.widgets_common_pages_5 .page_l{text-align:left;}
.widgets_common_pages_5 .page_r{text-align:right;}
.widgets_common_pages_5 .page_arr{width:40%;cursor:pointer;}
.widgets_common_pages_5 .page_c{width:20%;text-align:center;}
.widgets_common_pages_5 .page_arr b{width:10%;height:0.5px;background-color:#000;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:0 10px;}
.widgets_common_pages_5 .page_arr .iconfont{font-size:30px;}
.widgets_common_pages_5 .page_arr:hover b{width:70%;}
.widgets_common_pages_5 .page_c{font-size:22px;color:#323232;}
.widgets_common_pages_5 .page_c em{font-size:14px;}
.l{ float:left;}
.r{ float:right;}

/*查询*/
.select {
		display: inline-block;
		width: 200px;
		position: relative;
		vertical-align: middle;
		padding: 0;
		overflow: hidden;
		background-color: #fff;
		color: #555;
		border: 1px solid #aaa;
		text-shadow: none;
		border-radius: 4px;	
		transition: box-shadow 0.25s ease;
		z-index: 2;
		margin-right:10px;
	}
 
	.select:hover {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	}
 
	.select:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top-color: #ccc;
		top: 14px;
		right: 10px;
		cursor: pointer;
		z-index: -2;
	}
	.select select {
		cursor: pointer;
		padding: 10px;
		width: 100%;
		border: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		font-size:16px;
	}
 
	.select select:focus {
		outline: none;
	}
.k button{     width: 120px;
    text-align: center;
    line-height: 40px;
    color: #000;
    background: #fdd000;
    margin-top: 20px;
	border-radius: 4px;}
.mt20{ width:980px; height:80px; margin:20px auto 0 auto;}




#mask {
  display: none;
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

#pop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%; }

#pop_main {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #aaa; }

#close {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.5s all; }

#close:hover {
  transform: rotate(360deg); }

#close::before, #close::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 19px;
  width: 30px;
  height: 2px;
  background-color: white; }

#close::after {
  transform: rotate(45deg); }

#close::before {
  transform: rotate(135deg); }
  
  
#pop {
  max-width: 600px;
  width: 100%; }

#pop_img img {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;}

#workshoptable{ width:99%; margin:20px auto 0 auto; overflow:hidden;}
        table.hovertable {
			width:100%;
            font-family: verdana,arial,sans-serif;
            font-size:14px;
            color:#333333;
            border-width: 1px;
            border-color: #999999;
            border-collapse: collapse;
        }
        table.hovertable th {
			font-size:14px;
			text-align:center;
            background-color:#c3dde0;
            border-width: 1px;
            padding: 15px 8px;
            border-style: solid;
            border-color: #a9c6c9;
        }
        table.hovertable tr {
            background-color:#d4e3e5;
        }
        table.hovertable td {
			text-align:center;
            border-width: 1px;
            padding: 15px 8px;
            border-style: solid;
            border-color: #a9c6c9;
        } 
	table.hovertable tbody tr:nth-child(odd){
    background: #f7f8f9;
} 


tbody tr:nth-child(odd){
    background: #f7f8f9;
}
/*产品详情页*/
#prd_show{ width:1260px; height:auto; margin:0 auto; background:url(../images/prdshowbg.jpg) repeat-y;}
#prd_show #lcon{ width:800px; height:auto; padding-top:20px; float:left;}
#prd_show #lcon #tit{ height:60px; line-height:60px; font-size:24px; font-weight:bold; color:#333; text-align:center; border-bottom:#dedede 1px solid; margin-bottom:30px;}
#prd_show #rcon{ width:380px; border-left:#dedede 1px solid;border-right:#dedede 1px solid; background:#f9f9f9; padding-bottom:20px; float:right;}
#prd_show #rcon .hotprd_tit{ height:24px; line-height:24px; font-size:24px; padding-left:20px;  border-left:#333 5px solid; width:100%; overflow:hidden; margin:20px; }
#prd_show #rcon .hotprd_tit h3{ display:block; font-size:24px; font-weight:normal; border-bottom:#dedede 1px solid;}

#prd_show #rcon .listbox{ border-top:#dedede 1px solid; padding-top:20px;}

#prd_show #rcon .hotprd{ width:310px; height:auto; background:#fff; margin:20px 0 0 35px;border:#f1f1f1 1px solid;  float:left;}
#prd_show #rcon .hotprd a{ height:420px; display:block; background:url(../images/line3.png) no-repeat left bottom/0% 3px ; transition: color 0.5s,background 0.5s,width 0.5s,border 0.5s,margin 0.5s,padding 0.5s;}
#prd_show #rcon .hotprd a:hover{ background:url(../images/line3.png) no-repeat  left bottom /100% 3px #f7f8fa; box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
#prd_show #rcon .hotprd img{ width:310px; height:207px; float:left;}
#prd_show #rcon .hotprd .tit{ width:280px; height:40px; line-height:20px; text-align:center; color:#00a1e9; border-bottom:#e8e8e8 1px solid; padding:10px 0;margin-bottom:10px; margin-left:10px; float:left;}
#prd_show #rcon .hotprd .tit2{ width:300px; line-height:35px; text-align:center;font-family:Impact; font-size:25px; margin-top:6px; float:left;}
.more{ clear:both; }
#prd_show #rcon .hotprd .tit3{ width:280px; line-height:20px; color:#999;   padding-bottom:7px; margin-left:10px; font-size:12px;word-wrap:break-word;word-break:break-all; float:left;}
#prd_show #rcon .hotprd .tit4{ width:270px; line-height:30px; font-size:12px; margin-left:15px; color:#666; float:left;}
#prd_show #rcon .hotprd .tit4 .l{display:block; padding-left:20px; background:url(../images/icoleft.png) left center no-repeat; background-size:20%; float:left;}
#prd_show #rcon .hotprd .tit4 .r{ display:block; padding-right:20px; background:url(../images/icoright.png) right center no-repeat;background-size:20%; float:right;}

#prdshowimg{ position:relative;}
.swiper {
        width: 800px;
        height: 700px;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        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 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }



      .swiper {
        width: 800px;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
		position:relative;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper2 {
        width: 800px;
		height: 533px;
		overflow:hidden;
      }

      .mySwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
		overflow:hidden;
      }

      .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
      }

      .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

#prd_show .swiper-button-next,#prd_show .swiper-button-prev{ display:inline !important;}

#prd_show video{object-fit: contain;}
#prd_show video:focus{outline:none;}
/*内容页表格样式*/
.am-table 
        {
			width:100%;
            border-collapse: collapse !important;
            margin: 0 auto;
			TBBLE-LBYOUT: fixed;
			font-size:0.9rem;
        }
.am-table th{
	line-height:65px; font-size:30px;}					
.am-table td{ width:auto; padding:10px; }
.am-table  td, table th
        {
            border: 1px solid #ccc;
            color: #666;
			word-WRBP: break-word;
        }
.am-table td,p,span{word-break: break-all; }	

.am-table  thead th
        {
            background-color: #CCE8EB;
            width: 100px;
        }
.am-table  tr:nth-child(odd)
        {
            background: #f2f2f2;
        }
 
.am-table  tr:nth-child(even)
        {
            background: #fff; 
		}
.am-table tr:hover {
background-color: #ccc; /* 默认样式 */

animation: slideUp 5s infinite;	
		}
			
#prdshow2{text-align:justify;text-justify:inter-word;}	



.am-table tr:nth-child(1){ font-size:1.2rem; line-height:2rem; text-align:center; background:#f2f2f2;}

#hi-tab{ background:#fff; border-bottom:#ddd 1px dashed; border-top:#ddd 1px solid;}
#hi-tab ul li{
			list-style-type:none;
			width: 20%;
			text-align:left !important;
			text-indent:0.5rem;
			margin:0 20px;
		}
#hi-tab ul li a{
			width: 100%;
			display: block;
			margin: 0 auto;
		}
#hi-tab ul li a:hover{ color:#df001f;}		
#hi-tab ul li a i{ position:relative; top:-25px; left:30%; font-size:1.5rem; margin-bottom:10px;}		
		#hi-tab{
			display: flex;
			text-align: center;
			width: 800px;
			background:#fff;
			z-index:1000;
		}
		#hi-tab ul{
			display: flex;
			width:700px;
			padding-top:30px;
			float:left;
		}
		
		/* 内容 */
		.test-up-area{
			height: 200px;
			width: 100%;
			text-align: center;
			margin: 0 auto;
			background-color: #51D266;
		}
		.test-down-area{

			width: 100%;
			text-align: center;
			margin: 0 auto;
			background-color: #5D9997;
		}
		
		.hi-select-btn.hi-selected-full{
			background-color: #267DCC;
			color: #FFFFFF;
		}
		.hi-select-btn.hi-selected-underline{
			border-bottom: 3px #df001f solid;
			color:#df001f;
		}
		.toggle{
			width: 5%;
		}
		.toggle a{
			width: 100%;
			display: block;
			margin: 0 auto;
			padding: 20px 0px;
		}
.prd_conA{width:800px; height:auto; margin-top:30px; float:left;}	
#prdshow1,#prdshow2,#prdshow3,#prdshow4{ }

#download{ width:110px; padding-top:35px; position:absolute; left:560px;}
#download a{ display:block; font-size:14px;}
#download a:hover{ color:#f00;}
#download i{    position: relative;
    top: -25px;
    left: 37%;
    font-size: 1.5rem;
    margin-bottom: 10px;}