@font-face{
	font-family:trump_gothic_east;
	src: url('../fonts/trump_gothic_east.eot');
	src: url('../fonts/trump_gothic_east.eot?#iefix') format('embedded-opentype'),
		url('../fonts/trump_gothic_east.woff2') format('woff2'),
		url('../fonts/trump_gothic_east.woff') format('woff'), 
		url('../fonts/trump_gothic_east.ttf') format('truetype'),
		url('../fonts/trump_gothic_east.svg#trump_gothic_east') format('svg');
}


body{  overflow-x:hidden;}
*{ margin:0; padding:0;box-sizing:border-box;font-family:"Microsoft Yahei","Source Han Sans CN","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
img{ border:none;}
ul,li{ list-style:none;}

a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.lh_75{height:75px;}
.lh_35{height:35px;}
.lh_140{height:190px;}
.lh_130{height:120px; background: #fff;box-shadow: 0 4px 6px #e9e9e9; position: relative;z-index: 1}
.s_width{width:82%;margin:0 auto;}
.s_width2{width:90%;margin:0 auto;}
.s_width3{width:84%;margin:0 auto;}
.r{float: right}

.header_line{height:40px;line-height: 40px;padding:0 8px; background: #333;color:#f3f3f3;font-size:15px;}

.header{width:100%;height:115px; display: flex;justify-content: space-between; align-items: center;padding:0 8px; background: #fff;position: relative;z-index: 999999999999999}
.header2{ background-color: #fff; box-shadow: 0 0 35px rgba(0,0,0,.15);}
.header .logo{ width:24%}
.header .logo img{width:100%;max-width:446px;}


.relative{position: relative;box-shadow: 0 0 45px rgba(0,0,0,0.2);}
.index_nav{width:65%;height:115px;display:flex;displaly:-webkit-flex;flex-direction:row;-weblit-flex-direction:row;justify-content:space-between;-weblit-justify-content:space-between;align-items:center;-webkit-align-items:center;}
.index_nav li{line-height:115px;width:calc(100%/9);text-align: center;position: relative}
.index_nav li a{color:#333;font-size:17px;display:block; position: relative}
.index_nav li a:hover{font-weight:bold; text-decoration:none;}

.index_nav li div {display:none;width:150%;text-align:center;color:#fff;position:absolute;z-index:9999999;left:0;top:100%;background: #d50f26}
.index_nav li div a {display:block;color: #fff; line-height:39px;font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.1);margin-top:0; padding:0 0 0 0;}
.index_nav li div a:hover{color:#fff;line-height:39px;font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.1);}
.index_nav li div a:before{content:'';width:0;height:0;position: absolute;left:0;bottom:0;background: #f39325;transition: 0.5s;}
.index_nav li div a:hover:before{content:'';width:0;height:0;position: absolute;left:0;bottom:0;background: #f39325}




.se_banner{width:100%; position: relative;overflow: hidden; display: flex;justify-content: center;}
.se_banner img{width:100%;}

.nn_banner{width:100%; position: relative;overflow: hidden; display: flex;justify-content: center;}
.nn_banner .mm_bg{top: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.45) url(../images/banner_bg.png) repeat; z-index:3;position: absolute}
.nn_banner_wenan{width:100%;height:300px;position: absolute;top:50%;margin-top:-150px; z-index: 4; overflow: hidden; display: flex;justify-content: space-between;flex-direction: column; align-items: center}
.nn_banner_wenan i{display: block; width:1px;height:50px; background: #fff;}
.nn_p{font-size: 24px;color: #ffffff}
.nn_banner_img{width: 100%;height:100%; z-index: 1; overflow: hidden;}
.nn_text{height:158px;width:100%;position: relative;text-align: center}
.nn_text_b{position: absolute;width:100%;text-align: center;bottom: 0;}
.nn_banner_img img{object-fit:cover;object-position:50% 50%;display:block;width:100%;height:100%;-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);/* animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); */}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { -webkit-transform: scale(1); transform: scale(1); }
} /* img缩小效果（banner） */


/*banner*/
.slide-main{position: relative; z-index: 1;}
.prev,.next{display: block; position: absolute; z-index: 222; bottom: 40%; overflow: hidden; cursor: pointer;/*background-color: rgba(165,165,165,0.4);*/}
.prev img,.next img{ margin: 10px 0 0 5px;}
.prev{left: 50px;}
.next{right: 50px;}
.item{display: block; width: 100%; height: 15px; position: absolute; z-index: 124; bottom:30px; left: 0; text-align: center;}
.item a{display: inline-block; width: 15px; height: 15px; margin-right: 15px; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50px;}
.item a.cur{background: #f44336; /*width: 40px;*/}
.slide-box,.slide{display:block;width:100%;height: auto;}
.slide-box{position:relative;overflow: hidden;z-index:4;}
.slide{display:none;position:relative;z-index:1;}
.slide img{width: 100%;height: auto; display: block}
.slide a{display:block;cursor:pointer;}


/*footer*/
.footer{ background: #333333 }
.footer .footer_f{ padding:75px 0 75px 0 ; display:flex;justify-content:space-between}
.footer strong{ display: block; font-size:18px; line-height:45px; color:#d5d5d5; margin-bottom:15px;font-weight:normal; }
.footer .f_fenlei{ width:40%;padding:0 0 0 2%}
.footer .f_fenlei div{ display:flex;justify-content:flex-start;flex-wrap: wrap;}
.footer .f_fenlei li{ line-height:30px; width:33%; text-align:left;margin:0 0 8px 0 ;background: url(../images/fjiao.png) no-repeat left center;padding:0 0 0 25px;}
.footer .f_fenlei li a{ color:#d5d5d5;font-size:15px;  display: block}
.footer .f_fenlei li a:hover{ color:#fff;}
.footer .f_contact{ }
.footer .f_contact div{ line-height:33px; color:#d5d5d5; font-size:15px;padding:35px 0 0 0}
.footer .f_erweima{ }
.footer i{ width:50px;height:1px; background: rgba(255,255,255,0.2);display: block; margin-bottom:25px;}


.footer_p{line-height:95px; text-align:center; font-size:15px; color:#aeaeae; border-top:1px solid rgba(255,255,255,0.05)}
.footer_p .s_width{ text-align: center}
.footer_p a{ color:#aeaeae}
.footer_p a:hover{ color:#999}
.footer_p img{ vertical-align: middle;}


.about{ position: relative;z-index: 2;padding:55px 0}
.about .s_width{ display: flex;justify-content:space-between;padding:35px 0;overflow: hidden;}


.about_l{ width:45%;display: flex;justify-content: space-between;flex-direction: column;}
.about_t{display: flex;justify-content: space-between;flex-direction: column; margin: 0 0 15px 0;padding: 15px 0 0 0}
.about_t strong{ font-size:36px;color: #232323;line-height: 45px;}
.about_l .about_p{ font-size:16px;color: #858585;line-height:32px;}
.about_l a{ display: block;font-size:16px;color: #fff;line-height:52px; background: #333;width:150px; text-align: center}
.about_r{width:50%;position: relative;z-index: 2}
.about_r img{width:100%;max-width:900px;}



.index_t { border-bottom:1px solid rgba(0,0,0,.1);padding:25px 0}
.index_t .s_width{display: flex;justify-content: space-between;align-items: center}
.in_title{}
.in_title span{ display: block;font-size: 60px; color: #ec4341;text-transform: uppercase}
.in_title i{display: block;font-size: 30px;color: #303030;font-style: normal;}
.in_title_p{}
.in_title_p span{ display: block;font-size: 24px; color: #2b2b2b;text-transform: uppercase;line-height:24px;}
.in_title_p i{display: block;font-size: 48px;color: #141414;font-style: normal;}
.in_title_p i strong{color: #f39903;}



.index_pro{ background:url(../images/huise.jpg) no-repeat center top;}


.productshow_cage{display: flex;justify-content:center; flex-wrap: wrap;text-align: center;position: relative;z-index: 1; padding:45px 0 0 0}
.productshow_cage li{width:182px;transition: 0.5s;position: relative;transition: 0.3s; margin: 0 10px 10px 10px;background: #d50f26}
.productshow_cage li a{  transition: 0.3s;  text-align: center;font-size: 17px;color: #fff;line-height:53px; }
.productshow_cage li:hover a{font-weight: bold; font-size: 18px;color: #fff;}


/*productshow*/
.productshow{ background: #333;padding:55px 0}


.productshow .fl_title{}
.fl_title{text-align: center}
.fl_title div{font-size: 55px;color:#d50f26; line-height:89px; font-weight: bold}
.fl_title span{ display: block;color:#333; text-transform: uppercase;font-size: 16px; line-height: 55px;}
.fl_title i{ display: block;margin: 0 auto 0 auto;width:80px;height:1px; background: #333; }
.p_t div{ color:#fff;}
.p_t span{ color:#888;}
.p_t i{ background: #999; }

.pro_cage_con{overflow:hidden;padding:45px 0 49px 0;}
.chanpin_con{overflow:hidden;padding:0 0 49px 0; }
.chanpin_con ul{ display: flex;justify-content:space-between; flex-wrap: wrap}
.chanpin_con li{width:24.2%; margin: 0 0.5% 20px 0;position:relative;cursor:pointer; text-align: center; transition: 0.5s; background: #fff;}
.chanpin_con li:nth-child(4n){ margin: 0 0 20px 0;}
.pro_cage_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.pro_cage_con li:hover div img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.pro_cage_con .pro_pic{ width:100%; position:relative; overflow:hidden; }
.pro_cage_con .pro_text{ }
.chanpin_con .pro_text p{color:#333; font-size:20px;line-height:65px;}



.pro_more{ display: flex;justify-content:center;}
.pro_more li{width:270px;height:65px;line-height: 65px; margin: 0 30px 0 0; background: #ffffff;border-radius:100px;text-align: center; display: flex;align-items: center;justify-content: center}
.pro_more li:nth-child(2){ background: #423f41}
.pro_more li a{ font-size: 18px; color:#444}



/*in_factory*/
.in_factory{padding:60px 0 95px 0;background:#fff;}
.in_factory2{padding:15px 0 65px 0;}
.f_con{position:relative; overflow:hidden;}
.f_con li{float:left; position:relative; overflow:hidden; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;}
.f_con .cp_m{ width:97%; margin: 0 auto;position:relative; overflow:hidden;}
.f_con .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.f_con .cp_m:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.f_con .cp_k{ background: #f39325;width:97%; margin: 0 auto; padding:10px 0 20px 0; background: #f3f3f3 }
.f_con .cp_k p{ color: #333; font-size:18px; line-height:55px; text-align: center}



/*news*/
.news{padding:85px 0 46px 0;background:#f8f8f8;}

.news_con{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;justify-content:space-between;-webkit-justify-content:space-between;cursor:pointer;padding:25px 0 45px 0}

.news_con li{width:32%;	position:relative;background:#fff;}
.news_con li a{display: block}
.news_con li .n_date{ color:#8c8c8c;font-size: 15px; line-height: 36px;}
.news_con li .detail{ padding:20px ;}
.news_con li .news_pic img{ width:100%;}
.news_con li .detail .title{ font-size: 20px;text-align: left; line-height:40px; color:#333333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.news_con li .detail .title a{ color:#333333}
.news_con li .detail .title a:hover{ color:#444; font-weight: bold}
.news_con li .detail .text{ text-align: left; line-height:30px;color:#999;	font-size: 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*productshow*/
.main{ display: flex;justify-content: space-between;padding:35px 0}
.main_l{width:18%;}
.main_r{width:79%;}
.left_cage{ background: #777;padding:0 0 30px 0;margin-bottom: 15px;}
.left_cage strong{ color: #fff;display:block;font-size: 24px;line-height: 95px; text-align: center}
.left_cage ul{ width:85%;margin: 0 auto}
.left_cage li{line-height: 45px; text-align: center; background: #d50f26;margin-bottom: 5px;}
.left_cage li a{ color: #fff;font-size: 17px;}

.left_contact{ border:4px solid #d50f26;padding:20px 15px;}
.left_contact h3{ color: #333;font-size: 18px;line-height: 55px;}
.left_contact p{ color: #555;font-size: 16px;line-height: 30px;}

.se_title{border-bottom:2px solid #f2f2f2;line-height: 75px;}
.se_title div{ color: #d50f26;font-size: 24px;}



.se_about_con{padding:35px ;}
.se_about_con p{ font-size: 17px;line-height: 35px;color: #333;text-indent: 2rem; }
.se_about_con p img{ display: block;text-indent: -2rem; width:100%; }
.se_about_con strong{font-size: 24px; color: #333;line-height: 75px; display: block;}


.se_contact_con{padding:35px ;display: flex;justify-content: space-around; align-items: center}
.se_contact_con p{ font-size: 17px;line-height: 35px;color: #333;text-indent: 2rem; }
.se_contact_con p img{ display: block;text-indent: -2rem; width:100%; }
.se_contact_con strong{font-size: 24px; color: #333;line-height: 75px; display: block;}



.honor_con{padding:30px 0 30px 0}
.honor_con ul{margin:0;display: flex;justify-content:flex-start; flex-wrap: wrap}
.honor_con li{width:32%; margin: 0 1% 28px 0; background: #fff; position:relative;cursor:pointer; text-align: center; transition: 0.5s;border:1px solid rgba(0,0,0,0.05) }
.honor_con li:nth-child(3n){ margin: 0 0 28px 0;}
.honor_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.honor_con li:hover div img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.honor_con li a{ display: block;width:100%;overflow: hidden;}
.honor_con .pro_pic{ width:100%; position:relative; overflow:hidden; }
.honor_con .pro_text{ position: relative; padding:10px 24px; }
.honor_con .pro_text p{color:#515151; font-size:18px;line-height:60px; }
.honor_con .pro_text span{color:#666666; width:130px; border:1px solid rgba(0,0,0,0.1); margin: 0 auto; border-radius:50px;font-size:16px;line-height:35px; display: block;}




.info_pic{text-align: center}







.se_hang_dd{position:relative; overflow:hidden;padding:80px 0 }
.se_hang_dd ul{display: flex;justify-content:flex-start;flex-wrap: wrap}
.se_hang_dd li{  width: 32.5%; margin: 0 1.2% 28px 0; position:relative; overflow:hidden; transition:all 0.3s ease 0s; cursor:pointer;}
.se_hang_dd li:nth-child(3n){ margin: 0 0 28px 0;}
.se_hang_dd .cp_m{ overflow:hidden; position: relative;z-index: 2;}
.se_hang_dd .cp_jing{ position: absolute;right:0;top:0; z-index: 3}
.se_hang_dd .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_hang_dd .cp_m:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_hang_dd .cp_k{ background-image: linear-gradient(50deg,#1e4372,#125e9f);color: transparent; position: absolute;bottom:0;left:0; z-index: 3;width:100%; opacity: .9}
.se_hang_dd .cp_k p{ color: #fff; font-size:19px; line-height:90px; text-align: left; width:90%;margin:0 auto;background:url(../images/jjj.png) no-repeat right center;}






.se_product_banner{width:100%;position: relative;overflow: hidden; }
.se_product_banner_div {width:100%;position: relative;overflow: hidden; }



.se_contact_bg{width:100%;height:700px;position: relative; background: url(../images/bg_contact.jpg) no-repeat center top;padding:130px 0 0 0;z-index: 9}
.se_contact_bg div strong{font-size: 60px; color: #fff}
.contact_div .a_title div{background: url(../images/se_g.png) no-repeat center top;}

.se_contact_p{font-size: 18px; line-height: 60px; padding:0 0 0 0px;}
.se_contact_p  div{padding:0 0 0 45px; color: #333}
.se_contact_bg .s_width{background:rgba(255,255,255,1); padding:80px 0;position: absolute;bottom:-130px;left:50%;margin-left:-44%;}
.se_contact_bg ul{ display: flex;justify-content: space-around;}
.se_contact_bg li{ }
.se_contact_bg li div{width:50px;margin:0 0 15px 0}
.se_contact_bg li div img{width:37px;}
.se_contact_bg li span{ font-size: 60px; font-weight: bold; letter-spacing: 1px; line-height: 85px; background-image: linear-gradient(130deg,#4a3047,#d63947);-webkit-background-clip:text;color: transparent; font-family: trump_gothic_east; }
.se_contact_bg li i{ font-style: normal; font-size: 20px;line-height: 85px;font-weight: bold}
.se_contact_bg li p{ font-size: 17px;}






.se_espcms_book{padding:0 0 0 0; background: #fff;margin-top:65px; margin-bottom:30px;}
.se_espcms_book2{padding:30px 0 0 0;}
.se_espcms_book2 h1{ line-height:70px; margin: 0; text-align: center}
.se_espcms_book2 .se_date{ font-size:15px; line-height:38px; padding: 0 0 30px 0 ;text-align: center}




.se_bg_pic{width:55%;overflow: hidden; }
.se_bg_pic img{width:100%; display: block}


.se_pro_text_pp{width:45%;padding:0 6% 0 6%;   display: flex;justify-content: center;flex-direction: column;border:1px solid #eee; }
.se_pro_text_pp h1{ line-height:110px; margin: 0}
.se_pro_text_pp .se_date{ font-size:15px; line-height:38px; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);padding:25px 0;color:#555}
.se_pro_text_pp .se_date span{padding:0 20px 0 0;}
.se_pro_text_p{ width:100%;margin:0 auto 15px auto;padding:25px; line-height: 30px;font-size: 16px; border-radius: 20px;}
.se_pro_text_tel{ width:350px;height: 91px;font-size: 16px;line-height:91px; padding:0 0 0 100px;font-size: 30px;font-weight: bold; color:#fff; background: url(../images/about-btnt.png)}

.se_pro_text_li{padding:35px 0; line-height: 45px; width:100%;display: flex;justify-content:flex-start}
.se_pro_text_li li{width:150px; text-align: center;margin-right: 15px; background: #fff;border-radius: 50px;background: #f39325;}
.se_pro_text_li li:nth-child(2){  background: #333;}
.se_pro_text_li li a{ color: #fff}
.se_pro_text_li li:nth-child(2) a{ color: #fff}

.se_tel{padding:30px 0 0 0}

.miaoshu{ line-height:45px; padding:0 0 0 0; color:#fff; font-size:16px; background:#f9f9f9;margin:0 0 25px 0;}
.miaoshu span{  width:150px; background:#f39903; display:block; text-align:center; text-indent: 0;  font-size:16px;}

.th_pro_con {overflow: hidden; font-size:15px; line-height:31px; color:#666;text-indent:2em; margin-bottom:30px; border:1px solid #eee; padding:30px 50px; }
.th_pro_con table{border: 1px solid #666;border-collapse: collapse;font-size: 14px;color: #666;width:100%;}	
.th_pro_con th, .th_pro_con td{border: 1px solid #666;line-height: 40px;border-collapse: collapse;text-align:center;	}

.se_info{ width:100%; margin:30px 0 0 0; padding:0 0 30px 0}

.message{overflow: hidden; font-size:15px; line-height:31px; color:#333;margin:80px auto; border:3px solid #eee; padding:70px 50px;}
.tijiao div{display: flex;justify-content:center;}
.tijiao div .layui-btn{width:15%;margin: 0 15px 0 0}
.tijiao div .layui-btn-primary{width:15%}

.liu_con{overflow: hidden; }
.layui-input{padding: 0 3px 0 10px;float: left; width:31%;overflow: hidden;border:none;border:1px solid #eee;font-size: 16px;color: #666;line-height: 60px; margin: 0 2% 2% 0;}
.footer_r_con .layui-input{ float: none; width:100%;}
.layui-textarea{padding:1%;font-size: 16px;color: #666;line-height: 35px;  width: 100%;border:1px solid #eee; margin-bottom: 3%;}
.layui-btn{ display:block; background: #c8141d; color:#fff;width: 49%;  font-size: 16px; height:38px;   line-height: 38px; border:none!important;  padding:0 31px;float: left;}
.layui-btn-primary{margin: 0 0 0 0;float: right;}

.th_news_con{overflow: hidden; font-size:15px; line-height:31px; color:#333;text-indent:2em; margin-bottom:30px; border:1px solid #eee; padding:30px 50px;}
.info_content{ font-size:15px; line-height:31px; color:#666;}
.info_content p{padding:0; margin: 0}
.info_content strong{font-size: 24px;color:#333; display: block;line-height: 58px;text-indent:0;padding:0 0 0 40px; background: url(../images/quan.png) no-repeat left center; }
.info_content img{ max-width:100%;margin: 0 auto;display: block}
.info_content th, .info_content td{border: 1px solid #ddd;line-height: 40px;border-collapse: collapse;padding:0 10px	}
.info_content table {width: 100%;border-collapse: collapse;}



.se_contact_li{margin-top:35px;margin-bottom:35px; padding:60px 0;display: flex;justify-content:space-between;}
.se_contact_li li{width:20%;position: relative; text-align: center;border-right:1px solid rgba(0,0,0,0.1);}
.se_contact_li li:nth-child(1){width:25%;}
.se_contact_li li div{ width:120px;height:50px;margin: 0 auto;display: flex;align-items: center; justify-content: space-around;}
.se_contact_li li strong{ display: block; font-size: 21px; color:#333;line-height:70px;}
.se_contact_li li p{ font-size: 17px; color:#555555;line-height:30px;}
.se_contact_li li span{ font-size: 34px; color:#3151aa;font-weight: bold; font-family: trump_gothic_east;letter-spacing: 1px;}









.se_pro_pic_text{display: flex;justify-content: space-between;  background: #fff;}



.fenye{width: 80%; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 200px; background: #f2f2f2; text-align: center;  line-height: 47px;}




.guding{ height:70px; position:relative; width:100%;}
.guding_line{ height:1px; width:100%;background:#eee; position: absolute;top:34px; z-index: 1}
.prod_nav{ position: relative;z-index: 2}
.prod_nav ul{ display: flex; justify-content: space-between;}
.prod_nav li{ width:350px;text-align:center; overflow: hidden;  line-height:70px; color:#444;border-radius: 20px;box-shadow: 0px 1px 4px rgba(250, 233, 221, 0.3), 0px 0px 20px rgba(223, 54, 42, 0.1) inset; background: #fff}
.prod_nav li.cu_active{ color:#fff; background: #e1453f;}
.prod_nav li a{ color:#e1453f; font-size:24px; display:block}
.prod_nav li a:hover{ color:#fff; background: #e1453f;}
.prod_nav li.cu_active a{ color:#fff; }

.info_liuyan{position: relative;height:645px;}

.se_liuyan_con{ width:100%; padding:35px 5%; box-sizing:border-box;  border:1px solid #dddddd ; box-shadow: 0px 1px 4px rgba(250, 233, 221, 0.3), 0px 0px 20px rgba(223, 54, 42, 0.1) inset; z-index:1}


.second_img div{margin:0 0 20px 0;}
.guding_title{ font-size:24px; color:#eb0e0e; margin-bottom:30px;text-indent:0;padding:0 0 0 45px;background:url(../images/quan2.png) no-repeat left center; line-height: 65px; }
.se_xg{background: url(../images/ppbg.jpg);padding:80px 0 10px 0;}



.se_case{position:relative; overflow:hidden; padding: 50px 0 50px 0; }
.se_case ul{padding: 0 0 50px 0; display: flex;justify-content: space-between; flex-wrap: wrap}
.se_case li{ width:23%; height:auto; margin-right:0; margin-bottom:24px; position:relative; overflow:hidden;border-radius: 40px; transition:all 0.3s ease 0s; cursor:pointer;box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.se_case .cp_m{ width:100%; margin: 0 auto;overflow:hidden;position: relative;z-index: 2;}
.se_case .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_case .cp_m:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_case .cp_k{width:100%;z-index: 1; line-height:94px; background:#fff url(../images/2_12.png) no-repeat right bottom;}
.se_case .cp_k p{ color: #1e1e1e; font-size:19px; line-height:90px; text-align: left; width:90%;margin:0 auto;background: url(../images/xxx.jpg) no-repeat left center; padding:0 0 0 55px;}

.se_news{padding:35px 0 65px 0; line-height: 35px; font-size: 16px; color:#666; }
.se_newslist{ padding:0 0 25px 0}
.se_newslist ul{ }
.se_newslist li{display:flex;flex-direction:row;justify-content:space-between; border-bottom:1px solid rgba(0,0,0,0.1);  overflow:hidden; cursor: pointer; margin:0 0 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;  align-items: center;padding:20px 0 }
.se_newslist_l{ width:15%; position:relative; overflow:hidden; border:1px solid rgba(0,0,0,0.1) }
.se_newslist_l img{ width:100%; display: block;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_newslist li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_newslist_r{ width: 80%; position: relative; z-index: 1000; margin:0 20px 0 0}
.se_newslist_r a{ font-size:24px; color:#333; text-transform:uppercase; display:block; line-height:42px; }
.se_newslist_r a:hover{ color:#134079;}
.se_newslist_r p{ line-height:28px; color:#888; padding:10px 0 10px 0; font-size:15px;}
.se_newslist_r span{ display:block; line-height:28px; color:#888; padding:5px 0 5px 35px; font-size:15px;text-transform:uppercase; background:url(../images/zhong.png) no-repeat left center;background-size: 18px;}
.se_newslist_r .se_newslist_more{ width:90px; border-bottom:1px solid #1476c2; line-height:40px; text-align:center; padding:15px 0 0 0}
.se_newslist_r .se_newslist_more a{ color:#1476c2; font-size:14px;}


.er_title div strong{ color: #fff}







.se_contact_p .p1 {background:url("../images/cont-dz.png") -8px center no-repeat;}
.se_contact_p .p2 {background:url("../images/cont-dh.png") -10px center no-repeat;}
.se_contact_p .p3 {background:url("../images/cont-kf.png") -8px center no-repeat;}
.se_contact_p .btnt{width:205px;height:65px;margin-top:25px;background-color:#fc6546; background-image: linear-gradient(#ff765b,#eb201b); border-radius:50px;display:block;font-size:26px;font-weight:700;text-align:center;color:#fff;text-shadow:0 0 8px #e24627;box-shadow:0 30px 30px rgba(252,101,70,.3)}
.btn-hover{overflow:hidden;position:relative;transition:all .8s ease}

.se_message strong {    color: #fff; display: inline-block;}
.se_message strong i {    color: #fff;}
.se_message p {  font-size: 18px; line-height: 60px;  color: #fff;}


.se_message{width:35%;position: absolute;height:100%;right:10%;top:0;z-index: 5;padding:0 2% 0 10%; }
.message_t{ color: #fff;padding: 180px 0 0 0; font-size: 16px;}
.message_t div.niu{color:#fff;font-weight: bold;font-size: 45px; }






/*video*/

.ppro_pic{width:55%;position:absolute;right:5px;bottom:25px; z-index: 5;text-align: center}
.ppro_pic img{width:100%; max-width:748px;}




.se_lanmu{ text-align: center;position: absolute;width:50%;left:50%;margin-left:-25%;height:300px;top:50%;margin-top:-150px; z-index: 999}
.se_lanmu b{ display: block;font-size: 36px;color:#fff;text-transform: uppercase; font-weight: normal; }
.se_lanmu .aboutus_line{height:57px;width:3px;background:#fff;margin:28px auto}
.se_lanmu strong{ display: block;font-size: 70px;color:#fff;}
.se_lanmu p{font-size: 17px;color:#fff;line-height: 40px}

.se_bian{ text-align: left;position: absolute;width:88%;left:50%;margin-left:-44%;height:340px;top:50%;margin-top:-200px; z-index: 999}
.se_bian b{ display: block;font-size: 36px;color:#222;text-transform: uppercase; font-weight: normal; }
.se_bian strong{ display: block;font-size: 70px;color:#222;}
.se_bian p{font-size: 17px;color:#333;line-height: 40px;position: relative;height: 40px;padding:0  0 0 65px; margin: 0 0 45px 0}
.se_bian p:before{content: '';position: absolute;left:0;top:19px;width:50px;height:1px;background: #222;}
.se_bian .kuang{position: absolute;left:0;bottom:0}
.se_bian ul{width:370px; display: flex;justify-content: space-between;}
.se_bian li{width:48%; border: 1px solid rgba(0,0,0,0.6);line-height: 55px; text-align: center;transition: 0.5s;}
.se_bian li a{ color: #333;font-size: 16px;}
.se_bian li:hover{border: 1px solid #e32222; background: #e32222}
.se_bian li:hover a{color: #fff}


.bian_con{width:100%;display: flex;justify-content: space-between}
.bian_con div.bian_con_pic{width:50%; text-align: center;padding:25px 0 0 0}
.bian_con div.bian_con_pic img{width:90%;max-width: 700px;}
.bian_con div.bian_con_text{ width:50%;background: #f7f9fb;position: relative}
.se_pro_text{width:45%;}
.se_pro_text{width:85%;text-align:left; position: absolute;left:50%;margin-left:-42.5%;top:50%;margin-top:-250px;height:500px;}
.se_pro_text h1{ text-align: left;line-height:95px;font-weight: bold; color:#555;margin: 0 0 0 0}
.se_pro_text .se_date{ text-align:left;font-size:15px;line-height:33px;color:#777;  margin:10px 0; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);padding:25px 0}
.se_pro_text .join_back{width:140px; height: 50px; line-height: 50px; background:#ec1212; text-align: center;  margin:20px 0;}
.se_pro_text .join_back a{ color:#fff;}



.nn_banner .video_yuan_l{width:400px;height:400px;background:rgba(248,36,36,0.6); position: absolute;z-index:5;bottom:-31%;left:-10%;border-radius:400px;}
.nn_banner .s_width{z-index: 4; position:relative;}
.nn_banner_li{width:500px; display: flex;justify-content:flex-start;margin:15px auto}
.nn_banner_li li{width:45%;margin:0 10px 0 0;border:1px solid rgba(255,255,255,0.5);line-height: 55px;text-align: center;transition:0.3s;}
.nn_banner_li li a{ display: block; color:#fff;transition:0.3s;font-size:16px;}
.nn_banner_li li a:hover{background:#e22929;text-decoration: none;}
.nn_banner_li li:hover{border:1px solid #e22929;}
.nn_banner_li li.on{border:1px solid #e22929;background:#e22929;}


.se_nav{box-shadow: 0 4px 6px #e9e9e9; position: relative;z-index: 2}
.se_nav .s_width{display: flex;justify-content:space-between;}
.se_nav li{ width:calc(100%/6); text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box; position: relative}
.se_nav_about li{ width:calc(100%/4); text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box; position: relative}
.se_nav li:nth-child(4){ border-right:#dcdcdc solid 0;}
.se_nav li a{ font-size:20px; color:#333; line-height:150px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block; position:relative; height:150px;transition: 0.3s;}
.se_nav li a:hover{ color:#e41019;text-decoration: none; font-weight: bold;}
.se_nav li a:before {position: absolute;bottom: 0;content: "";display: block;width: 0;height: 2px;left: 50%;background: #e41019;transition-duration:.3s;}
.se_nav li a:hover:before{ width: 71%; left:50%;margin-left:-35.5%; }
.se_nav li.cu_active a:before {width: 71%; left:50%;margin-left:-35.5%;}
.se_nav li.cu_active a{ color:#e41019;font-weight: bold;}
.se_nav li a:after {position: absolute;right: 10px;top: 50%;margin-top: -7px;content: "";display: inline-block;vertical-align: top;width: 1px;height: 14px;background: #ccc; }


.se_nav .child_menu{position:absolute;top:100%;left:50%; margin-left:-50%;overflow:hidden;z-index:99999;height:0;width:100%;line-height:45px;}
.se_nav li.cu_active .child_menu a{ display: block; width: 200px; margin:0 auto; font-size:15px; font-weight:normal; color:#fff;  background:#e41019; height:45px; line-height:45px; border-bottom: 1px solid rgba(255,255,255,0.1)}
.se_nav .child_menu a{ display: block; width: 200px; margin:0 auto; font-size:15px; font-weight:normal; color:#fff;  background:#e41019; height:45px; line-height:45px; border-bottom: 1px solid rgba(255,255,255,0.1)}
.se_nav .child_menu a:hover{color:#fff;}
.se_nav .child_menu a:after {position: absolute;right: 0;top: 50%;margin-top: -7px;content: "";display: inline-block;vertical-align: top; width: 0;height: 0;background: #666; }
.se_nav .child_menu a:before {position: absolute;bottom: -1px;content: "";display: block;width: 0;height: 0; background: #324599;}

.se_li_pro_a{ display: flex;justify-content: space-between; position: relative}
.se_li_pro_b{ display: flex;justify-content: space-between; position: relative}
.se_li_pro_pic{width:50%;}
.se_li_pro_pic img{width:100%;}

.se_li_pro_text{width:50%;padding:5% 5% 0 5%; background: #fff; text-align: left;}
.se_li_pro_text strong{ display: block; color:#444;line-height: ; font-size: 50px;}
.se_li_pro_text li a{ color:#333;line-height: 35px; font-size: 17px;}
.se_li_pro_text ul{display: flex;justify-content: flex-start;}
.se_li_pro_text li{ width:30%}
.se_li_pro_text p{ color:#333;line-height: ; font-size: 16px; margin: 0 0 35px 0}
.se_li_pro_line{height:47px;width:3px;background:#444;margin:28px 0}
.se_li_pro_text dd a{ color:#333;line-height: 45px; font-size: 17px;}
.se_li_pro_text dl{display: flex;justify-content: flex-start; flex-wrap: wrap}
.se_li_pro_text dd{ width:30%}





.se_honnor{ padding:21px 0;  overflow:hidden;}
.se_honnor ul{display:flex;flex:row;justify-content:flex-start;flex-wrap:wrap;}
.se_honnor li{padding:25px 25px 15px 25px;width:32%;height:auto; margin: 0 1% 2% 0;border:1px solid #f3f3f3;position:relative;overflow:hidden;background:#fff;cursor:pointer;}
.se_honnor li:nth-child(3n){margin: 0 0 2% 0;}
.se_honnor .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_honnor li:hover div img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_honnor .pro_pic{ width:100%;margin:0 auto; position:relative; overflow:hidden;}
.se_honnor .pro_text{ padding:8px 0 0 0;color:#232323;text-align:center; font-size:18px;line-height:55px;}
.se_honnor ul a{display:block;color:#f55319;text-align:center;line-height:35px;width:120px;border:1px solid #f55319;margin:0 auto;font-size:15px; }

.more_m {
	color: #008cd2;
	font-size: 16px;
	padding-right: 15px;
	position: relative;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width:200px;  margin: 0 auto;
	border: 1px solid #ccc; display: block;
	color: #666666;
}

.more_m span {
	font-size: 16px;
	padding: 0 40px; display: block;
	display: block;margin:15px 0;
	background: url("../images/more3.png") no-repeat 125px 3px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.more_m:hover {
	background-color: #e41019;
	color: #fff;border: 1px solid #e41019;
}

.more_m:hover span {
	background: url("../images/more.png") no-repeat 125px 3px;
}


.more_mn {
	font-size: 16px;
	padding-right: 15px;
	position: relative;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width:200px; margin:35px 0 0 0;
	display: block;border: 1px solid #e41019;background-color: #e41019;
	color: #fff;
}

.more_mn span {
	font-size: 16px;
	padding: 0 40px; display: block;
	display: block;margin:15px 0;
	background: url("../images/more.png") no-repeat 125px 3px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.more_mn:hover {
	background-color: #fff;
	color: #333;border: 1px solid #ccc;
}

.more_mn:hover span {
	background: url("../images/more3.png") no-repeat 125px 3px;
}

.page_box{border-bottom:1px solid rgba(0,0,0,0.05); padding: 30px 0 30px 0; color:#555;}








.se_espcms_page{font-size:15px; margin-bottom:30px; border:1px solid #eee; padding:20px 30px; display:flex;flex-direction:row;justify-content:space-between;}
.se_espcms_page li{width:50%;}
.se_espcms_page li a{color:#666;font-size:15px;}
.se_espcms_page li a:hover{color:#1264d4;text-decoration:none;}











.index-title{text-align:center;position:relative;margin:115px 0}
.index-title i{display: block; font-style: normal; font-size:50px;line-height:50px;color:#f12929;padding:10px 0;position:relative;text-align:center;}

.index-title span{font-size:90px;color:#f9f9f9;font-weight:700;text-transform:uppercase;line-height:100px;position:absolute;top:-15px;left:0;right:0;text-align:center;z-index:-1}
.index-title span:after,.index-title span:before{content:'';width:40px;height:4px;background-color:#f12929;display:inline-block;bottom:42px;margin-top:-15px;vertical-align:middle}
.index-title span:before{margin-right:-10px}
.index-title span:after{margin-left:-10px}
.index-title p{font-size:18px;color:#666;line-height:32px;margin-top:26px}






.lixi_contact{ padding:80px 0 10px 0;display:flex;justify-content:space-between;}
.lixi_contact li{ width:430px; float:left; margin:0 30px 0px 0;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05);  box-shadow: 0 0 15px rgba(0,0,0,0.05); background:rgba(255,255,255,0.3); height:260px; padding:50px 0 0 0}
.lixi_contact li:nth-child(3){ margin:0 0 0 0}
.lixi_contact p{ line-height:30px; color:#333; font-size:18px;  text-align:center}
.lixi_contact strong{ line-height:46px; font-size:26px; display:block; text-align:center;color:#24a6d8}
.lixi_contact img{ width:62px; display:block; margin:0 auto 10px auto}
.map{position:absolute;width:100%;left:0; top:0;height:560px;z-index:2}












.video-box {
	position: relative;
	padding-top: 39%;
	overflow: hidden;
}

.video-box video {
	position: absolute;
	left: 50%;margin-left:-40%;
	top: 50%;margin-top:-20%;
	width: 80%;
	height: 80%;
	-o-object-fit: cover;
	object-fit: cover;
}
.icon-play {
	
}

.index-video {
	position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none;
}

.index-video .x-btn {
	top: 5%;
	right: 5%;
}

.index-video-wrap {
	z-index: 30;
}
.x-btn {
	position: absolute;
	width: 75px;
	height: 75px;
	line-height: 75px;
	text-align: center;
	color: #fff;
	background-color: ;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-size: 24px;
	z-index: 50;transition:.4s all;
}

.x-btn:hover {
transform: rotate(360deg); -webkit-transform: rotate(360deg);
	color: #fff;
}

.pp_read{position: absolute; top:20%; left:11%; width: 80%; height: 600px; z-index: 4; display: flex;justify-content:space-between;}

.pp_read .pp_read_text{width:45%;}
.pp_read .pp_read_text h1{font-size:70px;color:#fff;line-height:96px;font-weight:bold}
.pp_read_jianjie{padding:0 0 0 85px;color: #eee;font-size: 16px; line-height: 33px;position: relative;}
.pp_read_jianjie:before{position:absolute; left:0;top:16px;width:70px;height:1px;background: rgba(255,255,255,0.5);content:'';}

.pp_read .pp_read_pic{width:50%;text-align: center;}
.pp_read .pp_read_pic img{width:100%; }
.pp_read .pp_read_pic .dulv_pp img{width:600px; }


/*daoruye*/
.mainly {position: fixed;top: 0;height: 100vh;width: 100%;background: #333;z-index: 9999;overflow: hidden;opacity: 0}
.mainly .m_bg{top: 0;height: 100vh;width: 100%;background: rgba(0,0,0,0.5) url(../images/banner_bg.png) repeat; z-index: 2;position: absolute
}
.m_text{width:1090px;height:410px;position:absolute;left:50%;top:50%;margin:-205px 0 0 -545px; z-index: 3}
.m_text div{text-align: center;padding:0 0 30px 0}
.m_text p {	position:absolute;left:50%;margin-left:-70px;bottom:0;font-size:16px;color:#fff;width:140px;line-height:40px;border:1px solid rgba(255,255,255,1);text-align:center;cursor: pointer;transition: all 0.3s;}
.m_text p:hover {background: #e7390d;border:1px solid #e7390d}
.lyanimate {height:0;opacity:0;transition:all 1s ease;}
.display{display: none;}
.mainly video{width:100%;height:100%;object-fit:cover;z-index:1}

.wid_height{ height: 100vh;width: 100%; transition:0.3s;}
.wid_height_hover{height:0;}
                         
                         
.p_float{ position:fixed; width:50px; bottom:0;  right:0; z-index:9999; opacity:0}
.p_float li{ height:50px; width:50px; text-align:center; background:#e42a2a; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-radius:5px;}

.p_float li i{ display:block; width:50px; height:50px; z-index:2; position:relative}
.p_float li:hover{ background:#333; }
.p_float li i.fl_top{ background:url(../images/tt.png) no-repeat center center;}

@media only screen and (max-width:1780px){ 
	.newsright li{ padding:33px 0 33px 35px}
}
@media only screen and (max-width:1700px){ 
	.s_width{width:92%}
	.adv_bottom li:nth-child(1){padding: 0 0 0 4%;}
	.adv_bottom li:nth-child(2){padding: 0  4% 0 0;}
	.fl_title div{font-size: 55px;}
	.a_t div{font-size: 55px; line-height:75px;}
	.advantage .adv_t div strong{font-size: 55px;}
	.index_nav li a{ font-size:16px; }
	.index_nav2 li a{ font-size:16px; }
	.hezuo_l span{font-size: 36px;}
	.hezuo_l{ padding:0 0 0 4%;}
	.hezuo_r{ padding:40px 4% 40px 3%;}
}
@media only screen and (max-width:1610px){ 
	.index_nav{width:62%}
	.index_nav2{width:62%}
	.index_nav li a{ font-size:15px; }
	.index_nav2 li a{ font-size:15px; }
	.newsright li{ padding:27px 0 27px 35px}
	.advantage .s_width li.li_c{left:0}
	.advantage .s_width li.li_d{right:0}
	.advantage .s_width li .li_pic img{width:65px;}
	.advantage .s_width li .li_text strong{font-size:25px; margin: 0 0 0 0}
	.advantage .s_width .banyuan{padding:140px 0 50px 0;}
}
	
@media only screen and (max-width:1550px){ 
	.about_l .about_p{font-size: 15px; line-height: 28px;}
	.adv_bottom li strong{font-size: 30px;}
	.advantage .s_width li{width:480px;}
	.about_r{width:49%}
	.about_l{width:48%}
}
@media only screen and (max-width:1480px){ 
	.banyuan img{width:770px;}
	.advantage .s_width li.li_c{top:285px}
	.advantage .s_width li.li_d{top:285px}
}
@media only screen and (max-width:1440px){ 
	.about_t strong{font-size: 36px;}
	.a_t div{font-size: 45px; line-height:55px;}
	.newsright li{padding: 23px 0 23px 35px;}
	.index_nav{width:65%}
	.index_nav2{width:65%}
	.chanpin_con .pro_text p{font-size: 15px;}
	.se_contact_li li{ width:32%;}
	.banyuan img{width:770px;}
	.fl_title div{font-size: 45px;}
	.advantage .adv_t div strong{font-size: 45px;}
}
@media only screen and (max-width:1380px){ 
	.index_nav li a{ font-size:14px; }
	.index_nav2 li a{ font-size:14px; }
	.index_nav li div a{ font-size:14px; }
	.index_nav2 li div a{ font-size:14px; }
}