@charset "UTF-8";
a,b,body,ul,li,span,p,b,strong,h1,h2,h3,h4,h5,h6,dl,dt,dd,form{
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
}
li, ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
	color:#000;
	/* moz-transition: all 0.3s linear; 
	-webkit-transition: all 0.3s linear; 
	-o-transition: all 0.3s linear; 
	transition: all 0.3s linear; */
}
img{
	border:0px;
	vertical-align:top;
	}

a:active, a:focus, a:hover, button, input, textarea {
	outline: 0;
}

/* a:hover {
	text-decoration: none;
	moz-transition: all 0.2s linear; 
	-webkit-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	transition: all 0.2s linear;
	color:#fbc605;
} */

body, button, input, option, select, td, textarea{
	-webkit-font-smoothing: antialiased;
	font-family:Microsoft Yahei,Arial, Helvetica, sans-serif, sans-serif;
	border:0;
	
}
body {
	background: #fff;
	min-width: 1384px;
	line-height:1;
	color: #000;
	font-size: 16px;
}
.clear{
	overflow:hidden;
	clear:both;
	display:block;
	}
.wrap {
	max-width: 1384px;
	margin: 0 auto;
}
.red { color: #fc703e!important}
.fl{ float:left;}
.fr{ float:right;}
.fw4{ font-weight:400;}
.flex-row{display: flex;flex-flow: row;}
.flex-col{display: flex;flex-flow: column;}
/*================================= 全体样式 end =====================================*/

.logo{ width:158px; height:96px;}
.top{height:120px; padding-top:20px;}
.nav{ position:relative;}
.nav-main li{ float:left;}
.nav-main li a{ color:#000; font-size:17px; height:34px; line-height:34px; display:block; float:left; margin-top:40px; width:150px; padding-left:20px;}
.nav-main li a:hover { moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#fbc605;}
.nav .nav_lx a{ display:block; width:150px; height:50px; background:#000; font-size:17px; font-weight:700; color:#fff; line-height:50px; text-align:center; border-radius: 10px; margin-top:30px; float:left;}

.button{   --duration: .5s;  --move-hover: -4px;  --shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.3); --shadow-hover: 0 4px 20px -2px rgba(0, 0, 0, 0.5); box-shadow: var(--shadow);-webkit-transform: translateY(var(--y));}
.button:hover { --y: var(--move-hover); --shadow: var(--shadow-hover);  --move: -4px;  --shadow-active: 0 3px 1px rgba(0, 0, 0, .2);}

.active{ background:#000; color:#fff !important; border-radius:5px 5px 0 0; height:40px; line-height:40px;}
.move{ background:fff; color:#000;}
ul.nav-main li a span{ display: inline-block; margin-left:10px; float:right; margin:13px 97px 0 0; width: 7px; height: 7px; background: url('../images/down-icon.png') no-repeat;}
ul.nav-main li .hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
ul.nav-main li .hover-move{ transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg);}

.hidden-box{ width: 170px; position: absolute; display:none; background:#0c0c0c;  top: 73px; right:540px; border-radius:0 0 5px 5px; z-index:999;}
.hidden-box a{ display:block; height:40px; line-height:40px; border-bottom:2px solid #252525; color:#fff; font-size:15px; margin:0 20px;}
.hidden-box a:hover{ color:#ffcc00;}
/*================================= top end =====================================*/

.banner{ background:url(../images/banner.jpg) #fbc605 no-repeat center; height:885px;}
.ban{ height:885px; position:relative;}
.ban_more{ display:block; width:165px; height:50px; line-height:50px; text-align:center; border-radius:10px; left:330px; bottom:277px; position:absolute; background:#fbc605; color:#fff; font-size:20px;}
.ban_more:hover{ color:#fff;}

.banner_con{ background:#fbc605; height:885px;}
.banner-main{ width: 100%; height: 885px; background: url(../images/ban.png) #fbc605 no-repeat center; position: relative; overflow: hidden; }

.bus,.bus-sub-title,.bus-title,.sign-btn,.feiji,.feiji2{ position: absolute; z-index: 12; left: 50%; top: 50%; }
.feiji{ width: 345px; height: 218px; top: 250px;}
.feiji2{ width: 345px; height: 218px; top: 250px; margin-left: 50px; }
.feiji{ animation-name: yunAnia; -webkit-animation: yunAnia 4s alternate infinite; -moz-animation: yunAnia 4s alternate infinite; animation: yunAnia 4s alternate infinite; }
@-webkit-keyframes yunAnia{ from { -webkit-transform: translateX(60px) } to { -webkit-transform: translateX(0px) } }
@-moz-keyframes yunAnia{ from { -moz-transform: translateX(-60px) } to { -moz-transform: translateX(0px) } }
@keyframes yunAnia{ from { transform: translateX(-60px) } to { transform: translateX(0px) } }
.feiji2{ animation-name: yunAnib; -webkit-animation: yunAnib 3s alternate infinite; -moz-animation: yunAnib 3s alternate infinite; animation: yunAnib 3s alternate infinite; }
@-webkit-keyframes yunAnib{ from { -webkit-transform: translateX(40px) } to { -webkit-transform: translateX(0px) } }
@-moz-keyframes yunAnib{ from { -moz-transform: translateX(40px) } to { -moz-transform: translateX(0px) } }
@keyframes yunAnib{ from { transform: translateX(40px) } to { transform: translateX(0px) } }
.bus{ display: block; width: 882px; height: 742px; margin: 0 0 0  -720px; top:120px; animation-name: busAnia; -webkit-animation: busAnia 1s cubic-bezier(0,1.19,.99,.99) 0s normal none; -moz-animation: busAnia 1s cubic-bezier(0,1.19,.99,.99) 0s normal none; -ms-animation: busAnia 1s cubic-bezier(0,1.19,.99,.99) 0s normal none; }
@-webkit-keyframes busAnia { from { left: -40%; } to { left: 50%; } }
@-moz-keyframes busAnia { from { left: -40%; } to { left: 50%; } }
@keyframes busAnia { from { left: -40%; } to { left: 50%; } }
.bus-sub-title{ width: 340px; height: 68px; margin: 80px 0 0 0px; animation-name: subTitle; -webkit-animation: subTitle 1s cubic-bezier(0,1.19,.99,.99) 0s normal none; -moz-animation: subTitle 1s cubic-bezier(0,1.19,.99,.99) 0s normal none; -ms-animation: subTitle 1s cubic-bezier(0,1.19,.99,.99) 0s normal none; }
@-webkit-keyframes subTitle { from { left: 90%; } to { left: 50%; } }
@-moz-keyframes subTitle { from { left: 90%; } to { left: 50%; } }
@keyframes subTitle { from { left: 90%; } to { left: 50%; } }
.bus-title{ display: block; width: 691px; height: 132px; z-index: 1; top: 224px; left: 50%; margin-left: -346px; animation-name: bustitle; -webkit-animation: bustitle 0.6s linear 0s normal none; -moz-animation: bustitle 0.6s linear 0s normal none; animation: bustitle 0.6s linear 0s normal none; }
@-webkit-keyframes bustitle { from { opacity: 0; -webkit-transform:scale(0,0); } to { opacity: 1; -webkit-transform:scale(1,1); } }
@-moz-keyframes bustitle { from { opacity: 0; -moz-transform:scale(0,0); } to { opacity: 1; -moz-transform:scale(1,1); } }
@keyframes bustitle { from { opacity: 0; transform:scale(0,0); } to { opacity: 1; transform:scale(1,1); } }
.sign-btn{ display: block; top: 447px; left: 50%; width: 182px; height: 56px; line-height: 50px; margin-left: 138px; background: url(../images/btn-1.png) no-repeat left top; font-size: 24px; color: #fff; text-align: center; }

/*================================= banner end =====================================*/

.tit{ margin:0 auto; margin-top:110px; margin-bottom:110px; text-align:center;}

.tab_menu{overflow:hidden; margin-bottom:60px;}
.tab_menu li{width:20%;float:left;height:110px;line-height:110px;color:#666;text-align:center;cursor:pointer;}
.tab_menu li.current{color:#333;background:url(../images/case_dq.jpg) no-repeat center bottom 0;}
.tab_menu li a{color:#fff;text-decoration:none;}
.tab_menu li.current a{color:#333;}

.tab_box li{height:24px;line-height:24px;overflow:hidden;}
.tab_box li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}
.tab_box .hide{display:none;}


img { border:none; }
.zzsc { width:346px; height:222px; position:relative; }
.text { width:346px; height:auto;  background-color: rgba(251, 197, 50, 0.8); position:absolute; left:0; bottom:0; }
.imgtext{ width:286px; height:132px; color:#FFF; position:relative; padding:40px 30px 50px 30px;}
.imgtext h6{ font-size:18px; font-weight:500;}
.imgtext h5{ font-size:20px; font-weight:700; margin-top:60px; margin-bottom:15px;}
.imgtext p{ font-size:16px;line-height: 1.6}
.imgtext a{color: #fff;margin-top: 10px;display: inline-block;}

/*=================================案例  end =====================================*/

.box_ser{background:url(../images/fw_bg.png) no-repeat right bottom; height:1293px;}

.ser_con div{ width:425px; height:331px;}
.ser_con dl{ width:314px; padding:100px 0 0 60px; position:relative;}
.ser_con dl dt{ float:left; width:45px; border-right:1px dashed #000; font-size:30px; z-index:999;}
.ser_con dl dd{ float:right; width:255px; line-height:1.8; font-size:18px; margin-top:-5px; z-index:999;}

.ser_cn{ margin-right:15px;}
.ser_cn div{ /*display:none;*/transform-style:preserve-3d;transition:0.5s;cursor:pointer;position:absolute; top:0; left:0;}
.ser_cn:hover div{ display:block;}
.ser_c1:hover{ color:#e51718;}
.ser_c2:hover{ color:#804a00;}
.ser_c3:hover{ color:#005380;}
.ser_c4:hover{ color:#000;}
.ser_c5:hover{ color:#665000;}
.ser_c6:hover{ color:#0a0066;}

.ser_c1:hover div{ background:url(../images/ser_img1.png) no-repeat center; transform:rotateY(360deg) scale(1);}
.ser_c2:hover div{ background:url(../images/ser_img2.png) no-repeat center; transform:rotateY(360deg) scale(1);}
.ser_c3:hover div{ background:url(../images/ser_img3.png) no-repeat center; transform:rotateY(360deg) scale(1);}
.ser_c4:hover div{ background:url(../images/ser_img4.png) no-repeat center; transform:rotateY(360deg) scale(1);}
.ser_c5:hover div{ background:url(../images/ser_img5.png) no-repeat center; transform:rotateY(360deg) scale(1);}
.ser_c6:hover div{ background:url(../images/ser_img6.png) no-repeat center; transform:rotateY(360deg) scale(1);}


/*================================= 服务 end =====================================*/

.box_new div.fl dl{ width:660px;}
.box_new div.fl dl dt img{ width:660px; height:308px;}
.box_new div.fl dl dd h5{ font-weight:500; font-size:23px; margin:25px 0 15px 0;}
.box_new div.fl dl dd{ font-size:14px; line-height:1.5;}
.box_new div.fr{ width:650px;}
.box_new div.fr dl{ clear:both;}
.box_new div.fr dt{ font-size:16px; font-weight:600; margin-bottom:15px;}
.box_new div.fr dd{ font-size:14px; margin-bottom:15px; line-height:1.5;}
.box_new a:hover{ color:#786209;}

/*================================= 新闻 end =====================================*/



.box_in{ background:url(../images/lx_bg.png) #fff no-repeat top center; background-size: cover;}

.box_in{ text-align:center;margin-top: 80px;}
.box_in p{ padding-top:70px; font-size:24px; font-weight:400; margin-bottom:25px;}

.box_bot{width:230px;height:0px; background:fff; margin:0 auto; display: flex;  align-items: flex-end; border-bottom:4px solid #fff; width:230px; height:75px; line-height:75px; color:#000; font-weight:700; text-align:center; font-size:53px; margin:0 auto;}

.box_in .box_bot a{ color:#000; margin:0 auto;}
.box_bot:hover{ height:75px; background:#fff; transition:all .5s; transition-property:all .5s;-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.box_bot:hover a{ color:#ffcc00;}

/*================================= 联系 end =====================================*/


.footer{ background:#ffcc00; height:390px;padding-top: 55px;}
.footer a{ color:#000 !important; font-size:14px;}
.footer a:hover{ color:#fff;}

.foot_fl{ width:670px; margin-top:22px;}
.foot_fl .foot_wx{ margin-top:40px;}
.foot_fl .foot_wx div.fl{ margin:15px 0 38px 20px;}
.foot_fl .foot_wx div h5{ font-weight:700; font-size:16px; margin-bottom:10px;}
.foot_fl .foot_wx div p{ font-weight:700; font-size:24px;}
.foot_fl .foot_wx .foot_yq p{ font-weight:400; font-size:14px; line-height:1.5; margin-bottom:15px;}
.foot_fl .foot_wx .foot_yq p a{ margin-left:5px;}

.foot_fr{ margin-top:55px;}
.foot_fr dl{ width:110px; margin-left:40px;}
.foot_fr dl dt{ font-weight:700; font-size:16px; margin-bottom:40px;}
.foot_fr dl dd{ margin-bottom:15px;}


.footer_bt{ background:#0c0c0c; height:50px; line-height:50px; color:#fff; font-size:14px;}
.footer_bt div{ width:1334px; margin:0 auto;}
/*================================= footer end =====================================*/










/*产品页 */
.pro-category{height: 210px;line-height: 210px;}
.pro-category ul{display: flex;}
.pro-category ul li{width: 25%;text-align: center;}
.pro-category .wrap ul li a{padding: 10px 5px;color: #666666;}

.product-container{overflow: hidden;}

.page {margin: 70px;}
.page ul{display: flex;line-height: 34px;justify-content: center;}
.page ul li{width: 14.285%;text-align: center;}
.page ul li:first-child a,.page ul li:last-child a{color: #ffd026;}

.selected-bg{background-color: #ffcc00; border-radius: 50%; display: inline-block;width: 34px;height: 34px;}
.selected-bt{border-bottom: 2px solid #000;color: #333333 !important;}




/* 产品详细页 */
.line{border: 1px solid #000000;width: 45px;}


.product .img {width: 623px; }
.product .info p{color: #8c8c8c;line-height: 25px;}
.product .info h2 {margin-bottom: 21px;}
.product .info .keyword{margin-top: 21px;}
.product .info .mess{margin-top: 21px;}
.product .info .btn-visit{color: #5d5d5d;border: 1px solid #5d5d5d;border-radius: 6px;width: 230px; display: inline-block;text-align: center;height: 48px;line-height: 48px;margin-top: 40px;}
.product .detail{margin-top: 20px;}

.product .btn-group {margin-top: 65px;justify-content: space-between;}
.product .btn-group a{height: 60px;border: 1px solid #e6e6e6;border-radius: 6px;line-height: 60px;text-align: center;}
.product .btn-group a:first-child,.product .btn-group a:last-child {width: 143px;}
.product .btn-group a:nth-child(2) {width: 220px;}



/* 新闻页 */
.new-category{height: 210px;line-height: 210px;}
.new-category h2{width: 190px;}
.new-category ul{display: flex;}
.new-category .wrap ul li {margin-right: 42px}
.new-category .wrap ul li a{padding: 10px 5px;color: #666666;}

.new-info{height: 260px;border-bottom: 1px solid #d0d0d0;justify-content: space-between;align-items: center;}
.new-img-top,.new-detail-top{width: 100%;}
.new-detail-item h3,.new-detail-top h3{margin-bottom: 35px;}
.new-detail-item p,.new-detail-top p{color: #444444;margin-bottom: 35px;line-height: 20px;}
.new-img-item{width: 280px;}
.new-img-item img{width: 100%;}

/* 新闻详细页 */
.info-title,.info-demo{background-color: #FFFFFF;}
.info-title{margin-bottom: 70px;text-align: center;height: 157px;text-align: center;position: relative;top: 90px;}
.info-title h2{margin:60px 0 25px 0; } 
.info-demo{margin:0 40px;}
.info-demo a,.info-demo{color: #a9a9a9;}
.new-detail .info{padding: 60px 40px;margin-bottom: 20px;}
.new-detail .info .info-content img{width: 100%;margin:20px 0 40px 0;}

.new-detail .info .info-content p {color: #8e8e8e;line-height: 30px;}
.new-detail .info .info-content .info-content-item{margin-bottom: 55px;}
.new-detail .info .info-content .info-content-item h4{margin-bottom: 20px;}

/* 联系我们 */
.contact-info,.contact-route .flex-row,.contact-follow .flex-row{justify-content: space-around;}
.contact-route,.contact-follow{text-align: center;}
.contact-link .contact-info .contact-info-item{position: relative;width: 341px;height: 183px;box-shadow:#DDDDDD 0px 0px 10px;-webkit-box-shadow:#DDDDDD 0px 0px 10px;}
.contact-link .contact-info .contact-info-item img{width: 105px;position: absolute;left: 50%;margin-left: -52.5px;top: -52.5px;;}
.contact-link .contact-info .contact-info-item div{text-align: center;position: relative;top: 50%;margin-top: -16px;line-height: 35px;}
.contact-link .contact-info .contact-info-item div p{color: #898989;line-height: 1.7;}
.contact-link .contact-info .contact-info-item div h4{color: #393939;}

.contact-route .contact-route-item{width:20%;}
.contact-route .contact-route-item p{padding: 10px 0;margin: 10px 0; border-bottom: 2px solid #ffcc00;border-top: 1px solid #fee580;}
.contact-route .contact-route-item span{display: block;text-align: left;color: #4e4e4e;line-height: 40px;}

.contact-follow .contact-follow-item p{text-align: left;margin-bottom: 40px;}
.contact-follow .contact-follow-item p span{color: #ffd967;}

/* 招聘模块 */
.contact-recruitment .flex-row{justify-content: space-around;}
.contact-recruitment{text-align: center;}
.contact-recruitment .contact-recruitment-item{
	width:28%;
	height: 551px;
	padding: 10px 0;margin: 10px 0;
	border: 2px solid #f3f3f3;
	padding: 44px 25px 10px 25px;
	border-radius: 25px;
}
.contact-recruitment .contact-recruitment-item img{
	margin-bottom: 42px;
	margin-top: 44px;
}
.contact-recruitment .contact-recruitment-item .con-ul{
	margin-top: 4px;
}
.contact-recruitment .contact-recruitment-item ul li{
	list-style: none;
	text-align: left;
	color: #4e4e4e;
	line-height: 30px;
	margin-bottom: 28px;
}

.contact-recruitment .xb{
	border: 1px solid #f3f3f3;
	background-color: #ffc125;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	margin-top: 40px;
	font-size: 33px;
	font-weight: bold;
}

/* 关于我们 */
.bg1,.bg2{position: relative;}
.bg1-title,.bg2-title{width: 670px;height: 410px;position: absolute;top: 50%;left: 50%;color: white;margin-left: -335px;text-align: center;margin-top: -205px;}

.bg1-title p,.bg2-title p{width: 100%;}
.bg1-title p:first-child,.bg2-title p:first-child{color: #fcc506;font-size: 60px;margin-bottom: 15px;}
.bg1-title p:nth-child(2){font-size: 50px;}
.bg1-title p:last-child{position: absolute;bottom: 0;line-height: 30px;}
.about-container .us .wrap{padding: 120px 0;}
.about-container .us .us-img{width: 366px;margin-right: 238px;}
.about-container .us .us-content{line-height:28px;}
.about-container .us .us-content p{color: #555555; line-height: 30px;}
.about-container .us .us-content p:first-child{margin-bottom: 65px;}
.about-container .service{height: 1700px;text-align: center;}
.about-container .service .wrap img{margin: 120px 0;}
.about-container .service .wrap .service-content .flex-row>div{width: 33.333%;background-color: #efefef;height: 505px;border: 1px solid #FFFFFF;justify-content: center;position: relative;}

.about-container .service .wrap .service-content .flex-row .flex-col>div{height: 200px;}

.about-container .service .wrap .service-content .flex-row .flex-col p{font-size: 12px;}
.about-container .service .wrap .service-content .flex-row .flex-col>div{justify-content: center; display: flex;flex-flow: column;margin-bottom: 56px;}
.about-container .service .wrap .service-content .flex-row .flex-col>div p:first-child{font-size:25px;font-weight: bold;}
.about-container .service .wrap .service-content .flex-row .flex-col>div p{font-size: 18px;font-weight: bold;}


.about-container .service .wrap .service-content .flex-row .flex-col .about-bt1:hover {background: url(../images/tb13.png) no-repeat center;transform-style:preserve-3d;transition:0.5s;cursor:pointer;} 
.about-container .service .wrap .service-content .flex-row .flex-col .about-bt2:hover {background: url(../images/tb14.png) no-repeat center;transform-style:preserve-3d;transition:0.5s;cursor:pointer;} 
.about-container .service .wrap .service-content .flex-row .flex-col .about-bt3:hover {background: url(../images/tb15.png) no-repeat center;transform-style:preserve-3d;transition:0.5s;cursor:pointer;} 
.about-container .service .wrap .service-content .flex-row .flex-col .about-bt4:hover {background: url(../images/tb10.png) no-repeat center;transform-style:preserve-3d;transition:0.5s;cursor:pointer;} 
.about-container .service .wrap .service-content .flex-row .flex-col .about-bt5:hover {background: url(../images/tb11.png) no-repeat center;transform-style:preserve-3d;transition:0.5s;cursor:pointer;} 
.about-container .service .wrap .service-content .flex-row .flex-col .about-bt6:hover {background: url(../images/tb12.png) no-repeat center;transform-style:preserve-3d;transition:0.5s;cursor:pointer;} 

.about-container .photo-wall .photo-row>div{width: 20%;}
.about-container .photo-wall .photo-row>div img{width: 100%;}
.about-container .photo-wall .photo-row>div:nth-child(n){background-color: #000000;}
.about-container .photo-wall .photo-row>div:nth-child(8){background-color: #fcc506;}

.about-container .friend{text-align: center;}
.about-container .friend>img:first-child{margin: 120px 0;}
.about-container .friend .wrap .friend-box a{margin-bottom: 30px;display: inline-block;}