/*
* File:css.js
* Author:527847300@qq.com
* Date: 2020-5-25
*/
.header { width: 100%; height: 88px; background: #000000;}
.header .header_con { width: 1200px; margin: 0 auto; display:flex;  flex-direction:row;  justify-content:space-between; align-items:center;}
.header .logo { width: 280px;}
.header .header_con ul { width: 680px;  height: 88px; display:flex;  flex-direction:row;  justify-content:space-between;  align-items:flex-start;}
.header .header_con ul::before { content: ''; width: 1px; height: 34px; background: #fff; margin-top: 25px;}
.header .header_con ul::after { content: ''; width: 1px; height: 34px; background: #fff; margin-top: 25px;}
.header .header_con ul li { width: calc(100% / 6); position: relative; z-index: 999; }
.header .header_con ul li a { color: #fff; width: 100%; height: 100%; font-size: 16px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.header .header_con ul li a i { margin-left: 10px; margin-top: -3px;}
.header .header_con ul li a:first-child { height: 88px;}

.header .header_con ul li ul { display: none; width: 100%;  height: auto; line-height: 30px; background: #000000; border-radius: 5px;}
.header .header_con ul li ul::before,.header .header_con ul li ul::after{ display: none;}
.header .header_con ul li ul li  { font-size: 14px!important; height: 30px; width: 100%!important;}
.header .header_con ul li ul li a{ height: 30px!important;}
.banner { width: 100%; height: 835px;}
.banner img { width: 100%; object-fit: cover;}
.banner_swiper { height: 835px;}
.about { width: 1200px; margin: 0 auto; padding-top: 40px;}
.about .title { width: 100%; height: 121px; text-align: center; line-height: 121px; font-size: 48px; color: #000000; background: url(../img/title_bg.png) no-repeat center center;}
.about .desc { width: 1200px; height: 100px; font-size: 14px; color: #868686; display:flex; flex-direction:column; justify-content:center;  align-items:center; text-align: center;}
.about .con { height: 100%; height: 500px; margin-bottom: 80px;}
.about_swiper { height: 500px;}
.about_swiper .swiper-slide {text-align: center; font-size: 18px;  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; transition: 300ms; transform: scale(0.8);}
.about_swiper .swiper-slide-active,.about_swiper .swiper-slide-duplicate-active{transform: scale(2); z-index: 99999;}
.about_swiper .swiper-slide img { width: 100%; object-fit: cover;}
.propaganda { width: 100%; height: 630px; position: relative; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.propaganda .uploadimg { width: 100%; height: 630px; object-fit: cover; position: absolute; z-index: 1;}
.propaganda .divbg { background: #fff; opacity: 0.8; position: absolute; z-index: 2; width: 100%; height: 100%;}
.propaganda .con { width: 1200px; height: 630px; padding: 50px; margin: 0 auto;  z-index: 3; position: absolute; display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.propaganda .con .pro_list { width: 370px; height: auto; }
.propaganda .con .pro_list img { width: 80px; height: 80px; border-radius: 5px;}
.propaganda .con .pro_list .text { width: 270px;}
.propaganda .con .pro_list .desc { width: 250px;}
.propaganda .con .pro_list:nth-child(odd) img{float: right; margin-left: 15px;}
.propaganda .con .pro_list:nth-child(even) img{float: left; margin-right: 15px;}
.propaganda .con .pro_list:nth-child(even) .text{ float: right;}
.propaganda .con .pro_list:nth-child(odd) .text{ float: left;   display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-end;}
.propaganda .con .pro_list .text a { color: #000000; font-size: 24px;}
.propaganda .con .pro_list .text .desc { color: #8C8C8C; font-size: 12px; line-height: 200%;}
.about .swiper-button-next {right: 0;}
.about .swiper-button-prev {left: 0;}
.propaganda .s_logo { width: 219px; height: 296px; position: absolute; z-index: 999;}
.tabs { width: 1200px; margin: 0 auto;}
.tabs .title { margin-top: 70px; width: 100%; overflow: hidden;}
.tabs .title ul li { font-size: 18px; float: left; cursor: pointer; margin-right: 32px; width: 128px; text-align: center; line-height: 35px; color: #000000; height: 35px; border-bottom: 1px solid #E5E5E5;}
.tabs .title .hover { border-bottom: 1px solid #EC354B;}
.tabs .con { width: 1200px; height: auto; overflow: hidden; line-height: 200%; color: #5F5F5F; font-size: 14px; margin: 20px 0px 50px 0px;}
.small_ico { width: 100%; height: 373px; background: url(../img/adv_bg.jpg) no-repeat center top; }
.small_ico .ico { width: 104px; height: 154px;}
.small_ico .con { width: 1200px; height: 100%; margin: 0 auto; display:flex;  flex-direction:row;  justify-content:space-between;  align-items:center;}
.small_ico .ico .ico_border { width: 102px; height: 102px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px dashed #fff; border-radius: 50%;}
.small_ico .ico .ico_border i { font-size: 50px; color: #fff;}
.small_ico .ico p { height: 30px; line-height: 30px; color: #fff; text-align: center; width: 100%; font-size: 16px; margin-top: 30px;}
.small_ico .ico::last-child { margin-right: 0px;}
.products { width: 1200px; margin: 0 auto; padding-top: 40px;}
.products .title { width: 100%; height: 121px; text-align: center; line-height: 121px; font-size: 48px; color: #000000; background: url(../img/title_bg.png) no-repeat center center;}
.products .desc { width: 1200px; height: 100px; font-size: 14px; color: #868686; display:flex; flex-direction:column; justify-content:center;  align-items:center; text-align: center;}
.products .con { width: 1200px; height: 640px; margin: 20px auto 0 auto;}
.products .products_swiper { height: 560px;  width: 1200px;}
.products .products_swiper .swiper-slide img { width: 383px; height: 413px; object-fit: cover;}
.products .products_swiper .swiper-slide a:last-child { margin-top: 15px; width: 383px; font-size: 20px; color: #000000; text-align: center; height: 49px; display: block; line-height: 49px; border: 2px solid #141820;}
.products .swiper-pagination-bullet { width: 30px; height: 5px; border-radius: 2px;}
.products .swiper-pagination-bullet-active { background: #EE3449;}
.contact { width: 100%; height: 595px; position: relative;}
.contact img { width: 100%; height: 595px; object-fit: cover; position: absolute; z-index: 1;}
.contact .gray_bg { width: 100%; height: 100%; padding-top: 40px; background: rgba(0, 0, 0, 0.85); position: absolute; z-index: 2; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.contact .gray_bg::before { content: ""; width: 150px; height: 1px; display: block; background: #EE3449; margin-bottom: 80px;}
.contact .gray_bg .text { width: 900px; height: 200px; font-size: 18px; color: #fff; text-align: center;}
.news_box {background: #F7F7F7; width: 100%; overflow: hidden; }
.news { width: 1200px; margin: 0 auto; padding-top: 40px; }
.news .title { width: 100%; height: 121px; text-align: center; line-height: 121px; font-size: 48px; color: #000000; background: url(../img/title_bg.png) no-repeat center center;}
.news .desc { width: 1200px; height: 100px; font-size: 14px; color: #868686; display:flex; flex-direction:column; justify-content:center;  align-items:center; text-align: center;}
.news .con { height: 100%; margin-top: 90px; height: 450px; overflow: hidden; margin-bottom: 80px; display:flex; flex-direction:row; justify-content:center; align-items:flex-start;}
.news .con .left { width: 499px; height: 397px; margin: 0 99px 0 40px; padding-top: 25px;}
.news .con .center { width: 83px; height: 424px; display:flex; flex-direction:column;justify-content:space-between; align-items:center;}
.news .con .right { width: 478px; height: 424px; padding-left: 20px;}
.news .con .right .news_list { width: 100%; height: 85px; margin-bottom: 82px;}
.news .con .right .news_list:last-child { margin-bottom: 0px;}
.news .con .right .news_list a{ width: 100%; height: 35px;  line-height: 35px; color: #161B21; font-size: 16px;}
.news .con .right .news_list .description { width: 100%; height: 50px; line-height: 25px; color: #6D6B6E; font-size: 14px; overflow: hidden;}
.news .con .right .news_list .description a { font-size: 14px; line-height: 20px; height: 20px; color: #6D6B6E;}
.leave { width: 100%; height: 646px; position: relative;}
.leave img { width: 100%; height: 646px; position: absolute; z-index: 1; object-fit: cover;}
.leave .gray_bg {  width: 100%; height: 646px; background: rgba(0, 0, 0, 0.9); position: absolute; z-index: 2;}
.foot { width: 100%; height: 85px; line-height: 85px; background: #141821; color: #FFFFFF; font-size: 14px; text-align: center;}
.foot a { color: #fff;}
.leave_content { width: 728px; height: 476px; margin: 80px auto 0 auto;}
.leave_content h3 {font-size: 32px; color: #fff; margin: 0 auto; width: 100%; text-align: center; overflow: hidden;}
.leave_content .leave_input { width: 722px; height: 67px; margin: 0 auto; border-bottom: 1px solid #fff;}
.leave_content .leave_input span {width: 140px; text-align: center; display: block; float: left; height: 67px; line-height: 67px; color: #fff; font-size: 18px;}
.leave_content .leave_input input { width: 580px; float: left; height: 67px; font-size: 20px; line-height: 67px; color: #fff; background: none; border: none;}
.leave .btn { width: 100%; height: auto; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.leave .btn a { width: 200px; margin-top: 106px; height: 52px; font-size: 18px; color: #fff; text-align: center; line-height: 52px;}
.leave .btn a:first-child { background: #ED6B77; margin-right: 90px;}
.leave .btn a:last-child { background: #8E8E8E;}
.page_banner { width: 100%; height: 500px; position: relative;}
.page_banner .black { width: 100%; height: 500px; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.55);  z-index: 3;}
.page_banner img { width: 100%; height: 500px; object-fit: cover;}
.page_banner .text_eng { top: 0; width: 1200px; height: 500px; position: absolute; z-index: 4; left: 50%; margin-left: -600px; display:flex;  flex-direction:column;  justify-content:center; align-items:flex-end; color: #FFFFFF;}
.page_banner .text_eng h2 { width: 200px; text-align: center; font-size: 45px; font-weight: normal; margin-bottom: 20px;}
.page_banner .text_eng p { width: 200px; text-align: center; font-size: 20px; color: #CDD1D4; font-weight: normal;}
.new_tab { width: 100%; margin-bottom: 80px; margin-top: 40px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.new_tab a { width: 133px; text-align: center; line-height: 40px; display: block; height: 40px; background: #E00024; font-size: 16px; color: #fff;}
.new_tab a:first-child { margin-right: 80px;}
.new_list { width: 1200px; height: auto; margin: 0 auto;}
.new_list .new_box { width: 1200px; height: 208px; margin: 0 auto 50px auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.new_list .new_box .time { color: #fff;  margin-right: 45px; width: 206px; display:flex; flex-direction:column; justify-content:center; align-items:center; height: 207px; border-radius: 15px; background: #E00024;}
.new_list .new_box .new_con{ width: 948px; height: 207px;}
.new_list .new_box .time .data { font-size: 62px; color: #fff; font-weight: 600; letter-spacing: 5px;}
.new_list .new_box .time p { font-size: 28px; color: #fff; letter-spacing: 3px;}
.new_list .new_box .new_con .new_con_title { width: 100%; height: 75px; line-height: 75px; color: #000000; font-size: 22px; font-weight: 300;}
.new_list .new_box .new_con .new_con_title a { color: #000000;}
.new_list .new_box .new_con .new_text { width: 100%; height: 120px; line-height: 35px; color: #898989; font-weight:300; font-size: 18px;}
.new_list .new_box .new_con .new_text a { color: #898989;}
/* .page { width: 1200px; height: 80px; margin: 0 auto 100px auto; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.page li { width: auto; padding: 0 5px; margin-right: 15px; height: 38px; border: 1px solid #D3D3D3; text-align: center; line-height: 38px; font-size: 14px; color: #000000;}
.page a:first-child,.page a:last-child { width: 78px;} */

.pages ul { width: 1200px; height: 80px; margin: 0 auto 100px auto; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.pages ul li {
	height:38px; line-height:38px;
	border: 1px solid #CCCCCC; padding:0 1.2em 0 1.2em;
	white-space:nowrap; margin-right:1em;-webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s
}
.pages ul li a {
	color:#000;
	display:block; padding:0 1.2em 0 1.2em
}
.pages ul li:hover {
	background:#E00024;
	border:1px solid #E00024; color:#FFF
}
.pages ul li a:hover {
	color:#FFF;
	background:#E00024
}
/* .page_zong {} */
#page_on {
	background:#E00024;border:1px solid #E00024;
	color: #fff
}
.page_a{ padding:0!important; display:inline !important}
.page_a a:hover{background:#E00024;color: #fff}





.prdocuts_list { width: 100%;}
.prdocuts_list .prdocuts { height: 475px;  width: 380px; float: left; margin-right: 30px; margin-bottom: 45px;}
.prdocuts_list .prdocuts:nth-child(3n+0) { margin-right: 0;}
.prdocuts_list .prdocuts img { width: 380px; height: 411px; object-fit: cover;}
.prdocuts_list .prdocuts  a:last-child { margin-top: 15px; width: 380px; font-size: 20px; color: #000000; text-align: center; height: 49px; display: block; line-height: 49px; border: 2px solid #141820;}

.lang { z-index: 999; position: fixed; top: 10px; right: 10px; width: 100px; height: 35px; line-height: 35px;}
.lang a { color: #fff;}