body{}
*{ margin:0; padding:0;box-sizing:border-box}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.s_width{width:78%;min-width:1230px;margin:0 auto;}

.head_l{height:5px;background: #1a3491}
.header{width:100%;height:112px; display: flex;justify-content: space-between; align-items: center;padding: 0 15px;}
.header .logo{}
.header .logo img{width:100%;max-width:420px;}
.header .logo_tel{}
.header .logo_tel img{width:100%;max-width:237px;}
.index_nav{width:46%;height:112px;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{position:relative;height:112px;}
.index_nav li a{color:#525252;font-size:16px;display:block; line-height:112px; padding:0 5px;}
.index_nav li a:hover{ text-decoration:none;color:#fff; background:#1a3491}
.index_nav li div {display:none;width:180px;text-align:center;color:#4f4f4f;position:absolute;z-index:9999999;left:-40%;top:100%;background: #ff8400}
.index_nav li div a {display:block;color: #fff; line-height:39px;font-size: 16px; 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);}



/*banner*/
.slide-main{position: relative;}
.prev,.next{display: block;/*width:30px;height:50px;*/position: absolute; z-index: 222; top: 40%; overflow: hidden; cursor: pointer;}
.prev img,.next img{/*width: 20px;height:30px;*/margin: 10px 0 0 5px;}
.prev{left: 50px;}
.next{right: 50px;}
.item{display: block; width: 100%; height: 15px; position: absolute; z-index: 124; bottom: 25px; 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;min-width: 1280px;}
.slide-box{position:relative;overflow: hidden;}
.slide{display:none;position:relative;position:relative;z-index:8;}
.slide img{width: 100%;height: auto;}
.slide a{display:block;cursor:pointer;}



/*footer*/
.footer{ background: #1c3078;}
.footer .s_width{ padding:65px 0 65px 0 ; display:flex;justify-content:space-between}
.footer strong{ display: block; font-size:18px; line-height:25px; color:#d5d5d5; margin-bottom:35px; }
.footer span{ padding:0 0 0 15px;font-weight:normal; text-transform: uppercase;color: #9098b3;font-size:16px;}
.footer .f_fenlei{ width:532px;}
.footer .f_fenlei ul{ display:flex;justify-content:space-between;flex-wrap:wrap;}
.footer .f_fenlei li{ line-height:40px; width:44%; text-align:center;border:1px solid rgba(255,255,255,0.1);margin:0 0 8px 0 }
.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;}
.footer .f_erweima{ }
.f_line{width:1px;background: rgba(255,255,255,0.1)}

.footer_p{ line-height:95px; text-align:center; font-size:15px; color:#fff; border-top:1px solid rgba(255,255,255,0.05)}
.footer_p a{ color:#fff}
.footer_p a:hover{ color:#333}





/*product*/
.product{background:#f5f5f5;padding:55px 0 0 0}
.item_title{margin:0 0 55px 0;}
.item_title{display:flex;flex-direction:column;justify-content:space-between;height:86px; text-align: center}
.item_title div{color:#081a4c;font-size:42px;font-weight:bold; background: url("../images/xinx.png") no-repeat center center;}
.item_title div span{color:#e49f19}
.item_title p{color:#505050;font-size:17px;}

.pro_cage { padding: 0 0 25px 0;margin: 0 0 35px 0;border-bottom: 1px solid rgba(0,0,0,0.07)}
.pro_cage ul{width:80%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.pro_cage li{width:calc(100%/5);line-height:55px;position:relative; margin-bottom: 10px;}
.pro_cage li a{display:block;width:95%; margin: 0 auto;color:#fff;font-size:16px; text-align: center; background: #1c3078; transition: all 0.3s;}
.pro_cage li a:hover{ background: #eda417}


.chanpin_con{ padding:0 0 71px 0; width:80%; margin:0 auto; overflow:hidden;}
.chanpin_con li{float:left;padding:0;width:32%;height:auto; margin: 0 2% 2% 0;position:relative;overflow:hidden;  cursor:pointer}
.chanpin_con li:nth-child(3n){margin: 0 0 2% 0;}
.chanpin_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.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);}
.chanpin_con .pro_pic{ width:100%; position:relative; overflow:hidden;}
.chanpin_con .pro_text{ padding:0 23px;background: #1c3078}
.chanpin_con p{color:#fff; font-size:18px;line-height:68px; background: url(../images/jia.png) no-repeat right center;}
.chanpin_con a{display:block;color:#f55319;text-align:center;line-height:35px;width:120px;border:1px solid #f55319;margin:0 auto;font-size:15px; }

/*about*/
.about{background:url(../images/jjbg.jpg) no-repeat center top;padding:85px 0 55px 0;margin:0 0 65px 0}
.about_t div{color:#fff;background: url("../images/xian_b.png") no-repeat center center;}
.about_t p{color:#fff;}
.about_con{ background:url(../images/jjj.jpg) no-repeat right top;height: 704px; position: relative}
.about_con .about_con_l{ width:505px;height:598px;position: absolute;left:45px;top:55px;background: rgba(0,0,0,0.7);padding:30px; display: flex;justify-content: space-between;flex-wrap:wrap; flex-direction: column}
.about_con .about_con_l .about_con_l_title{font-size:30px;color:#ffffff;font-weight:bold;}
.about_con .about_con_l span{ display: block;width:80px; background: #ff931f;height:2px;}
.about_con .about_con_l p{font-size:15px;color:#fff;line-height:30px;padding:0 0 30px 0}
.about_con .about_more{width:130px;height:45px;line-height:45px;background:#ff931f;text-align:center;transition: all 0.3s; }
.about_con .about_more a{display:block;color:#fff;font-size:15px;}




.case_dd{position:relative; overflow:hidden; padding: 0 0 40px 0}
.case_dd li{float:left; width:402px; margin-right:15px; margin-bottom:14px; position:relative; overflow:hidden; transition:all 0.3s ease 0s; cursor:pointer;}
.case_dd .cp_m{ overflow:hidden;position: relative;z-index: 2;}
.case_dd .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.case_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);}
.case_dd .cp_k{ background: #f9f9f9; text-align: center}
.case_dd .cp_k p{ color: #1e1e1e; font-size:16px; line-height: 65px;}


.adv{height:256px;background: url(../images/adv.jpg) no-repeat center top;padding:35px 0 0 0}
.adv span{ display: block;font-size: 45px;color: #fff;line-height:105px;}
.adv strong{}
.adv p{ font-size:19px;color: #fff;line-height: 45px; border: 2px solid rgba(255,255,255,0.8);width:802px;text-align: center}

/*news*/
.news{padding:73px 0 65px 0; background: #f9f9f9}
.newsright{ display: flex; justify-content: space-between; flex-wrap:wrap;}
.newsright li{
	width:48%;
	height:156px; margin: 0 0 15px 0;	float:left;
	position:relative;background:#fff;
}
.newsright li .n_date{ width:18%; height:63px; border-right:1px solid #eee;  color:#8c8c8c; position:absolute; top:45px; z-index:2;text-align:center; }
.newsright li .n_date span{ display:block; overflow:hidden;  margin:7px 0 0 0; line-height:30px; height:30px; font-size:36px;}
.newsright li .n_date p{ line-height:50px; height:50px; font-size:16px; }

.newsright li .date p{
	font-weight: bold;
}
.newsright li .detail{
	width: 80%;
	margin: 0 20px 0 0;
	float:right;
	height:100%;
}
.newsright li .detail .title{
	font-size: 16px;
	margin-left:50px;     text-align: left;
	margin-top:30px; line-height:35px;
	color:#2e2e2e;
}
.newsright li .detail .title a{ color:#2e2e2e}
.newsright li .detail .title a:hover{ color:#028d9a}
.newsright li .detail .newssplite{
	width:80px;
	height:2px;
	background: #565656;
	margin:10px 0 10px 50px;
}
.newsright li .detail .text{
	margin-left:50px; text-align: left; line-height:24px;
	color:#717171;
	font-size: 14px;
}

.main{margin:35px auto;display: flex;justify-content: space-between;}
.t_left{ width: 22%; margin: 0 0 30px 0}
.se_right{ width:76%; }
.fenlei{ border: 1px solid #eee;}
.fenlei h2{color: #fff; font-size: 30px; font-weight: normal; line-height: 45px; background: #1c3078; padding: 30px 20px;}
.fenlei h2 span{font-size: 17px; line-height: 35px;;font-weight: normal;text-transform:uppercase;color:#fff;display: block;}
.fenlei ul{ padding:25px 0}
.fenlei li{text-align:left; width:90%;margin:0 auto}
.fenlei li .fl_li_b{line-height: 50px; color: #333; font-size: 16px; padding: 0 0 0 30px; display: block; border-bottom: 1px solid #eee; transition: all .4s;}
.fenlei li .fl_li_b:hover{text-decoration: none; color: #fff; font-weight: bold; background: #f0b310;}


.contact{margin:15px 0 0 0; border: 1px solid #eee; }
.contact h2{color: #fff; font-size: 24px; font-weight: normal; background: #e09a12;height: 65px; line-height: 65px; text-align: center;}
.contact h2 a{color:#fff;}
.contact h2 a:hover{ color:#fff;}
.contact h2 a span{ font: 16px Arial; padding:0 0 0 15px; text-transform:uppercase;color:#fff;}
.contact p{ line-height:28px; padding:30px 10px 30px 10px; color:#444; font-size:14px;}
.contact p strong{ font-size:16px; line-height:38px; display: block}

.se_right_title{ font-size:24px; color:#1c3078;line-height:75px; border-bottom: 1px solid rgba(0,0,0,0.1)}
.se_about{padding:45px 0; line-height: 35px; font-size: 16px; color:#666}
.se_about p{text-indent: 0;}
.se_about_pic{ margin: 25px 0 0 0}
.se_about_pic img{width:100%;}


.page_box{border-bottom: 1px solid #E0E0E0;}


.se_contact{padding:35px 0; font-size:16px; line-height:35px}



.se_news{padding:65px 0; }
.se_news li{ width:100%; display: flex;justify-content: space-between; align-items: center;
	height:156px; margin: 0 0 15px 0; border: 1px solid rgba(0,0,0,0.05);
	position:relative;background:#fff;
}
.se_news li .n_date{ width:18%; height:63px; border-right:1px solid #eee;  color:#8c8c8c; text-align:center; }
.se_news li .n_date span{ display:block; overflow:hidden;  margin:7px 0 0 0; line-height:30px; height:30px; font-size:36px;}
.se_news li .n_date p{ line-height:50px; height:50px; font-size:16px; }

.se_news li .date p{
	font-weight: bold;
}
.se_news li .detail{
	margin: 0 20px 0 0;

}
.se_news li .detail .title{
	font-size: 18px; font-weight: bold;
	margin-left:50px; text-align: left; line-height:65px;
	color:#2e2e2e;
}
.se_news li .detail .title a{ color:#2e2e2e}
.se_news li .detail .title a:hover{ color:#1a3491}
.se_news li .detail .newssplite{
	width:80px;
	height:2px;
	background: #565656;
	margin:10px 0 10px 50px;
}
.se_news li .detail .text{
	margin-left:50px; text-align: left; line-height:28px;
	color:#717171;
	font-size: 15px;
}



.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;}

.se_espcms_book{ }
.se_espcms_book h1{ line-height:50px; text-align: center;}
.se_espcms_book .se_date{ font-size:15px; line-height:38px; text-align:center;}
.se_espcms_book .se_date a{ color:#303030}
.th_news_con{overflow: hidden; font-size:15px; line-height:31px; color:#666; margin-bottom:30px; border:1px solid #eee; padding:30px 50px;}
.th_pro_con .info_content{text-indent:0;}
.info_content td{padding:0 0 0 8px;}
.info_content img{max-width:1000px;}



.se_chanpin_con{ padding:35px 0 71px 0;  overflow:hidden;}
.se_chanpin_con ul{display:flex;flex:row;justify-content:flex-start;flex-wrap:wrap;}
.se_chanpin_con li{padding:0;width:32%;height:auto; margin: 0 1% 2% 0;border:1px solid #e8e8e8;position:relative;overflow:hidden;background:#fbfbfb;cursor:pointer;cursor:pointer}
.se_chanpin_con li:nth-child(3n){margin: 0 0 2% 0;}
.se_chanpin_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.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 .pro_pic{ width:100%; position:relative; overflow:hidden;}
.se_chanpin_con .pro_text{ background: #f2f2f2}
.se_chanpin_con p{color:#555;text-align:center; font-size:16px;line-height:55px;}


.info_content p span{flex-wrap:wrap;}