@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;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.lh_75{height:75px;}
.lh_35{height:55px;}
.lh_140{height:120px;}
.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:92%;margin:0 auto;}
.s_width3{width:84%;margin:0 auto;}
.r{float: right}
.f_60{font-size:55px;}
.f_48{font-size:40px;}
.baise{background: #fff;box-shadow: 0 0 15px rgb(0 0 0 / 20%);}



.about_t{ text-align: center; position: relative;width:670px;margin:0 auto 65px auto}
.about_t:after{content:'';width:100px;height:2px;background: #e71818;position: absolute;left:0;top:65px}
.about_t:before{content:'';width:100px;height:2px;background: #e71818;position: absolute;right:0;top:65px}
.about_t .about_title p{font-size:18px; color: #151515;}
.about_t .about_title i{ position:absolute; font-size: 70px;font-family: Impact; color: #111; text-transform: uppercase;z-index: 1; opacity:.07;width:100%;left:0;top:0;font-style:normal}
.about_t .about_title div{ color:#333; line-height:95px;font-weight: bold; z-index: 2;position:relative;padding:15px 0 0 0}
.about_t .about_title div strong{color:#e71818;}
.pro_tt{width:100%}
.pro_tt:after{content:'';width:100px;height:2px;background: #e71818;position: absolute;left:0;top:65px;opacity: 0;}
.pro_tt:before{content:'';width:100px;height:2px;background: #e71818;position: absolute;right:0;top:65px;opacity: 0;}

.nn_banner{width:100%; position: relative;overflow: hidden;}
.nn_pic{width:649px;position:absolute;right:0;top:25%; z-index: 5}
.nn_pic img{width:100%;display: block;border-radius:50px 0 0 50px;position: relative;z-index: 6}
.nn_pic div{width:105%; height:360px;position:absolute;right:0;top:15%;border-radius:50px 0 0 50px;border:1px solid rgba(255,255,255,0.2)}
.nn_banner_img{width: 100%;height:100%; z-index: 1; overflow: hidden;}
.bian_img{width: 100%;height:100%;}
.nn_banner_img img,.bian_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） */

.fade_text{text-transform:uppercase;margin-top:11%;text-align: center;font-size:0;position: absolute;z-index: 22; text-align: center;width:100%;}
.fade_text span{color:#fff;display: inline-block;font-size: 18px;}
.fade_text .cn{height:95px;line-height:95px;overflow: hidden;}
.fade_text .cn span{font-size:60px;}
.fade_text .en{ line-height:40px;font-size:21px;overflow:hidden;}
.fade_text .en2{ line-height:80px;font-size:55px;overflow:hidden; font-family: impact;}
.fade_text .line{width:1px;height:60px;background-color:#fff;margin:20px auto;}
.arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:5px;overflow: hidden;width:8px;z-index: 5;}
.arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; }
.arrow_down .aw{display: block;width:100%;height:5px;margin-top:3px;background: url('../images/aw.png') no-repeat;}
.arrow_down .lg{-webkit-animation: long 1.5s linear alternate infinite; animation: long 1.5s linear alternate infinite; }
@-webkit-keyframes long{
	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes long{
	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}
.son_list{position: absolute;height:50px;width:100%;bottom:10px;left:0;text-align: center;}
.son_list a{display: inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color: #fff;font-size:16px;text-align: center;line-height:50px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.son_list a i{background-color:#2e3979;position: absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);}
.son_list a:hover i, .son_list a.active i{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.son_list a:hover, .son_list a.active{color:#fff;}

/* ===================== å†…é¡µ Banner å›¾ ===================== */




/*footer*/
.footer{ background: #1a1f28;}
.footer .f_nav{ padding:35px 0 35px 0 ; display:flex;justify-content:space-between; align-items: center;border-bottom:1px solid rgba(255,255,255,0.05)}
.footer .f_nav ul{display:flex;justify-content:space-between;}
.footer .f_nav li{padding:0 0 0 45px;}
.footer .f_nav li a{color:#fff;font-size:16px;}
.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%;}
.footer .f_fenlei div{ display:flex;justify-content:space-between;flex-wrap:wrap;}
.footer .f_fenlei li{ width:50%;line-height:40px;background: url(../images/fjiao.png) no-repeat left center;padding: 0 0 0 25px;}
.footer .f_fenlei li a{ color:#d5d5d5;font-size:15px; }
.footer .f_fenlei li a:hover{ color:#fff;}
.footer .f_contact{ }
.footer .f_contact div{ line-height:33px; color:#d5d5d5; font-size:15px;padding:0 0 0 0}
.footer .f_erweima{ width:20%;}
.footer .f_erweima dl{ display: flex;justify-content: space-between;}
.footer .f_erweima dd{ width:49%; display: flex;justify-content: center; align-items: center;flex-direction: column;line-height: 45px; color: #fff}
.footer .f_erweima dd img{ text-align: center; width:98%; max-width:120px; display: block;}


.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;}

.tu{text-align: center;font-size: 36px;color: #e50f24;font-weight: bold;line-height: 65px;padding: 35px 0 0 0}
.ny_about{ width:100%; overflow:hidden}
.ny_about_cont p{ font-size:17px; line-height:31px; color:#666; margin-top:30px;}
.se_about_pic_img img{display: block;width:100%;}
.se_about_pic_img{padding:35px 0}

.pro_cage{display: flex; justify-content:center; flex-wrap: wrap;}
.pro_cage li{ width:calc(100%/6); margin: 0 0 10px 0;}
.pro_cage li a{ font-size: 16px; width:98%;color: #fff;line-height: 55px;margin:0 auto;display: block;background:#db0a0a; text-align: center;}
.pro_cage li.on a{ background:#333; }

/*advantage*/
.pro_t{width:672px;margin: 0 auto 45px auto;position: relative; text-align: center;}
.pro_t:before{width:106px; height: 2px;background: #37ab4b;content:''; position: absolute;left:0;top:45px;}
.pro_t:after{width:106px; height: 2px;background: #37ab4b;content:''; position: absolute;right:0;top:45px;}
.pro_t strong{ display:block;color:#37ab4b; line-height: 96px; font-size: 55px}
.pro_t p{ font-size:18px;color:#555;}


.zizhi_dd{position:relative; }
.zizhi_dd li{float: left; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer; }
.zizhi_dd .cp_m{ position:relative; overflow:hidden;z-index: 1 ;width:95%;margin: 0 auto;background: #fff}
.zizhi_dd .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block;margin:25px auto;}
.zizhi_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);}
.zizhi_dd .cp_k{width:95%; padding:25px 0;background: rgba(0,0,0,0.6);position: absolute;left:50%;margin-left:-45%;bottom:0;z-index: 3}
.zizhi_dd .cp_k p{ color:#fff; font-size:18px;line-height:35px; text-align: center}


.se_pp{ position:relative;padding:0 0; display:flex;justify-content: space-between;align-items: center;border:1px solid rgba(0,0,0,0.05);margin:45px auto;}

.se_pp_pic{width:50%; text-align: center;background: #fff;}
.se_pp_pic img{width:100%; display: block; }

.se_pp_pic2{width:50%;position:absolute;text-align:center;left:0;top:150px;z-index: 5;}
.se_pp_pic2 img{width:90%;}

.se_pp_text{width:50%;color:#333; padding:0 5%}
.se_pp_text h1{ text-align: left;line-height:60px; font-size: 41px;color: #e50f24;font-weight: bold;}
.se_pp_text .se_date{ text-align:left;font-size:17px;line-height:33px;  margin:10px 0;}
.se_pp_text .join_back{width:140px; height: 50px; line-height: 50px; background:#e50f24; text-align: center;  margin:20px 0;}
.se_pp_text .join_back a{ color:#fff;}
.se_pp_text .se_date a{ color:#333;}
.se_pp_text .se_gaishu{ text-align:left;font-size:17px;line-height:33px;  margin:30px 0;border-top:2px solid rgba(0,0,0,0.05);border-bottom:2px solid rgba(0,0,0,0.05);padding:0 0 15px 0}
.se_pp_text .se_gaishu strong{display: block;line-height:70px;font-size:24px;}

.th_news_con{overflow: hidden; font-size:15px; line-height:31px; color:#333; margin-bottom:30px; border:1px solid #eee; padding:20px 50px;}
.info_content{ font-size:16px; line-height:32px; color:#333;}
.info_content p{padding:0; margin: 0}
.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;}
.info_content p strong{ font-size:24px; margin:5px 0; line-height: 55px; display:block; color:#e50f24;}

.lixi_contact{ padding:10px 0 10px 0;display:flex;justify-content:space-between;display:-webkit-flex;-webkit-justify-content:space-between;}
.lixi_contact li{ width:25%; height:260px; padding:50px 0 0 0}
.lixi_contact p{margin:35px 0 0 0; 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 div{width:120px;height:120px;margin: 0 auto;background: #e50f24;padding:25px 0 0 0;border-radius:120px;}
.lixi_contact img{ width:62px; display:block; margin:0 auto 10px auto}
.map{position:absolute;width:100%;left:0; top:0;height:760px;z-index:2}


/*productshow*/
.se_chanpin_con{padding:30px 0 30px 0}
.se_chanpin_con .s_width{ }
.se_chanpin_con ul{margin:0;display: flex;justify-content:flex-start; flex-wrap: wrap}
.se_chanpin_con li{width:32.5%; 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) }
.se_chanpin_con li:nth-child(3n){ margin: 0 0 28px 0;}
.se_chanpin_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.se_chanpin_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);}
.se_chanpin_con li a{ display: block;width:100%;overflow: hidden;}
.se_chanpin_con .pro_pic{ width:100%; position:relative; overflow:hidden; }
.se_chanpin_con .pro_text{ position: relative; padding:10px 24px; }
.se_chanpin_con .pro_text p{color:#515151; font-size:18px;line-height:60px; }
.se_chanpin_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;}
.se_chanpin_con li:hover .pro_text{background: #fcb026; }
.se_chanpin_con li:hover .pro_text p{ color:#fff; }
.se_chanpin_con li:hover .pro_text span{ color:#fff;  border:1px solid rgba(255,255,255,0.4);}





.pp_title{padding:80px 0 50px 0;}








.honor_con{padding:80px 0 30px 0; background: #faf9fb}
.honor_con .s_width{ }
.honor_con ul{display: flex;justify-content:flex-start; flex-wrap: wrap}
.honor_con li{width:31%; margin: 0 2.8% 28px 0; background: #fff; position:relative;cursor:pointer; text-align: center; transition: 0.5s; }
.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 .pro_pic 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{  display: block;}







.se_product_banner{width:100%;position: relative;overflow: hidden; }
.se_product_banner_div {width:100%;position: relative;overflow: hidden; }




.se_espcms_book{padding:0 0 0 0; background: #fff;margin-top:65px; margin-bottom:30px;}
.se_espcms_book2{padding:60px 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_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: #e50f24; 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;}




.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;}






.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:20%; 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: 74%; 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:#e50000;}
.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_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; }


.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:30px 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;}
@media only screen and (max-width:1850px){ 
	.pro_cage li{width: calc(100%/5);}
	.pro_cage li a{font-size: 15px;}
}
@media only screen and (max-width:1750px){ 
	.se_pp_text h1{font-size:36px;}
	.se_pp_text .se_gaishu strong{font-size:20px;line-height: 53px;}
	.se_pp_text .se_gaishu{font-size: 15px;line-height:28px;}
	.se_pp_text .se_date{font-size: 15px;}
}
@media only screen and (max-width:1640px){ 
	.ny_about_cont p{font-size: 16px;line-height: 30px;}
	.f_60{font-size:50px;}
	.honor_con .pro_text p{font-size:15px;line-height: 30px;}
	.about_t .about_title i{font-size:55px;}
	.pro_cage li{width: calc(100%/4);}
	.se_pp_text .se_gaishu{ margin: 20px 0;}
	
}
@media only screen and (max-width:1550px){ 
	.s_width{width: 86%;}
}
@media only screen and (max-width:1440px){ 
	.f_60{font-size:40px;}
	.index_title i{font-size:45px;}
	.se_pp_text h1{font-size:30px;}
	.footer .f_fenlei{ width: 49%;}
	.footer .f_fenlei li a{font-size: 14px;}
	.info_content{font-size: 15px;line-height: 28px;}
	.se_newslist_r a{font-size:20px;}
	.se_newslist_r{ width: 71%;}
	.se_newslist_l{ width: 22%;}
}