*,ul,li,p,label,a,body,html,table,tr,td{
	border: none;padding: 0;margin: 0;text-transform: none;list-style: none;text-decoration: none;
}

body{
	background: url(../images/body_bj.png);
	min-width: 1240px;
	font-family: -apple-system, BlinkMacSystemFont, "microsoft yahei", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
/*清除浮动*/
 .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .clearfix{ *zoom: 1; }
/*标题部分*/
.pro_tit{
	width: 1240px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 35px;
}
.pro_tit img{
	display: block;
	margin: 0 auto 10px;
}
.pro_tit p{
	color: #ababab;
	font-size: 14px;
	text-transform: uppercase;
}
.pro_tit p span{
	display: inline-block;
	width: 40px;
	height: 6px;
	background: #f3b721;
	position: relative;
	top: -3px;
	margin-right: 10px;
}
.pro_tit:after{
	content: "";
	display: block;
	transform-origin: right;
	transform: scaleX(.4);
	border-bottom: 1px solid #dbdbdb;
	position: relative;
	top: -9px;
}
.pro_tit:before{
	content: "";
	display: block;
	transform-origin: left;
	transform: scaleX(.4);
	border-bottom: 1px solid #dbdbdb;
	position: relative;
	top: 58px;
}
/*Header*/
/*一部分*/
.top{
	background: #cb2222;
}
.top_center{
	width: 1240px;
	margin: 0 auto;
	overflow: hidden;
}
.top_center p{
	color: #fff;
	line-height: 38px;
	font-size: 12px;
}
.top_center p a{
	color: #fff;
	margin: 0 5px;
}
.top_center p:nth-child(1){
	float: left;
}
.top_center p:nth-child(2){
	float: right;
}

/*二部分*/
.com{
	background: rgba(255,255,255,.6);
}
.com_center{
	width: 1240px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0;
}
.com_l,.com_l>*,.com_r>*{
	float: left;
}
.com_l p{
	font-size: 20px;
	color: #2e4362;
	margin-left: 50px;
}
.com_r{
	float: right;
	padding-top: 0px;
}
.com_r2{
	float: right;
	padding-left: 20px;
}
.com_r2 img{height:90px;}
.com_r>span{
	display: inline-block;
	background:url(../images/top_phone.png)  no-repeat;
	margin-right: 10px;
	height:58px;width:58px;
}
.com_r p{
	font-size: 20px;
	color: #2e4362;
}
.com_r p span{
	font-size: 25px;
}

/*三部分*/
nav{
	background: #cb2222;
	padding-bottom: 2px;
}
nav ul{
	overflow: hidden;
	width: 1240px;
	margin: 0 auto;
}
nav ul li{
	float: left;
	width: 155px;
}
nav ul li a{
	display: block;
	line-height: 57px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	transition: all .5s;
	
}
nav ul .nav_active a{
	background: #fff;
	font-weight: bold;
	color: #cb2222;
}
nav ul li a:hover{
	font-weight: bold;
	background: #fff;
	color: #cb2222;
}

/*搜索*/
.sousuo{
	width: 1240px;
	margin: 0 auto;
	padding: 20px 0 30px;
	margin-bottom: 25px;
}
.sousuo p{
	float: left;
	color: #2e4362;
	font-size: 14px;
	line-height: 45px;
}
.sousuo p a{
	color: #7d7d7d;
	margin: 0 3px;
}
.sousuo div{
	float: right;
}
#seachkeywords{
	width: 310px;
	line-height: 36px;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #999;
	padding: 0 10px;
	background: none;
	outline: none;
	font-size: 14px;
}
.sousuo div button{
	outline: none;
	display: inline-block;
	border: none;
	width: 80px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: url(../images/nav_bj2.png);
	position: relative;
	left: -15px;
}

/*合作*/
.hezuo{
	width: 1240px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.hezuo_tit{
	text-align: center;
	font-size: 24px;
	color: #000;
	line-height: 55px;
	margin-bottom: 40px;
}
.hezuo_tit:after{
	content: "";
	display: block;
	transform: scaleX(0.07);
	border-bottom: 2px solid #F3B721;
}
.hezuo_lun>*{
	float: left;
}
.zh_rb,.zh_lb{
	cursor: pointer;
	position: relative;
	top: 45px;
}
.zh_rb{
	margin-left: 26px;
}
.zh_lb{
	margin-right: 26px;
}
.zh_rq{
	width: 1120px;
	overflow: hidden;
}
.zh_rq div{
	float: left;
}
.zh_left div,.zh_right div{
	width: 202px;
	margin: 0 11px;
}
.zh_left div p,.zh_right div p{
	color: #2e4362;
	font-size: 14px;
	text-align: center;
}
.zh_left div img,.zh_right div img{
	width: 200px;height: 110px;
	display: block;
	float: left;
	border: 1px solid #b7b7b7;
	margin-bottom: 7px;
}

/*产品*/
.pro_center{
	width: 1240px;
	margin: 0 auto;
}
.pro_pro{
	overflow: hidden;
}
.pro_pro .pro_left{
	float: left;
	width: 243px;
}
.pro_pro .pro_right{
	float: left;
	width: 950px;
	margin-left: 17px;
}
.pro_left div{
	width: 100%;
	height: 100px;
	font-size: 28px;
	color: #fff;
	text-align: center;
	background: url(../images/pro_cen_icon.png) #cb2222 no-repeat 18px 28px;
	line-height: 100%;
	box-sizing: border-box;
	padding-top: 20px;
	padding-left: 60px;
	text-align: center;
}
.pro_left div span{
	font-size: 14px;
	text-transform: uppercase;
}
.pro_UL>li{
	margin-bottom: 1px;
}
.pro_UL>li p{
	border-bottom: 1px solid #2e4362;
	line-height: 80px;
	box-sizing: border-box;
	padding: 0 0 0 30px;
	background: #f4f4f4;
	font-size: 18px;
	color: #2e4362;
	cursor: pointer;
}
.pro_UL>li:nth-child(1) ul{
	display: block;
}
.pro_UL>li p span{
	display: inline-block;
	margin-right: 20px;
	position: relative;
	top: 7px;
	background:url(../images/pro_cen_icon2.png)  no-repeat;
	height:27px;width:27px;background-position:0 0;
	transition: all .3s;
}
.pro_UL .pro_UL_li p span{
	transform: rotate(90deg);
}
.pro_ul{
	background: #fff;
	box-sizing: border-box;
	padding: 0 3px;
	display: none;
}
.pro_ul:nth-of-type{
	display: block;
}
.pro_ul li{
	border-bottom: 1px dashed #d6d8dc;
	line-height: 50px;
	box-sizing: border-box;
	padding-top: 10px;
	padding-left: 60px;
	background-image: url(../images/pro_l_b.png);
	background-position-x: 40px;
	background-position-y: 32px;
	background-repeat: no-repeat;
}
.pro_ul li:last-child{
	border-bottom: none;
}
.pro_ul li a{
	font-size: 16px;
	color: #2e4362;
}

/*产品右侧*/
.pro_r_ul{
	overflow: hidden;
}
.pro_right>p{
	padding-top: 35px;
	margin-bottom: 20px;
	overflow: hidden;
}
.pro_right>p span{
	float: right;
	line-height: 35px;
	margin-right: 17px;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	padding: 0 18px;
	background: #f3b721;
	cursor: pointer;
}
.pro_right>p .pro_r_span{
	background: #0365bd;
	color: #fff;
}
.pro_r_ul{
	display: none;
}
.pro_r_ul li{
	float: left;
	width: 305px;
	height: 246px;
	overflow: hidden;
	box-sizing: border-box;
	border: 2px solid #e1e1e1;
	position: relative;
	margin: 0 13px 17px 0;
}
.pro_r_ul li:nth-child(3n+3){
	margin-right: 0;
}
.pro_r_ul li img{
	width: 100%;
	display: block;
	height:100%;
}
.pro_r_ul li div{
	z-index: 2;
	position: absolute;
	top: 10px;
	left: 15px;
	border: 1px solid #fff;
	box-sizing: border-box;
	width: calc(100% - 30px);
	height: calc(100% - 20px);
	padding: 25% 35px 0;
	background: rgba(0,0,0,.5);
	display: none;
}
.pro_r_ul li:hover div{
	display: block;
}
.pro_r_ul li div p{
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-bottom: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pro_r_ul li div a{
	display: block;
	margin: 0 auto;
	width: 91px;
	line-height: 22px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	background: #cb2222;
	text-align: center;
}

/*理由*/
.bec{
	background: url(../images/bec_bj.jpg) bottom center no-repeat;
	padding: 60px 0 100px;
}
.bec_div{
	width: 1200px;
	margin: 0 auto 12px;
}
.bec_div div,.bec_div img{
	float: left;
}
.bec_div div{
	width: 660px;
	padding-top: 65px;
	position: relative;
	z-index: 3;
}
.bec_div div p{
	color: #5a677e;
	font-size: 24px;
	padding: 80px 0 30px 130px;
	background-position: left top;
	background-repeat: no-repeat;
}
.bec_div div ul{
	box-sizing: border-box;
	padding-left: 130px;
}
.bec_div div ul li{
	box-sizing: border-box;
	padding-left: 25px;
	color: #647185;
	font-size: 18px;
	background: url(../images/bec_icon.png) 5px 13px no-repeat;
	line-height: 180%;
}
.bec_div div ul a{
	display: block;
	width: 140px;
	line-height: 45px;
	background: #ca3535;
	color: #fff;
	text-align: center;
	font-size: 22px;
	margin-top: 20px;
	margin-left: 265px;
}
.bec_div1 div p{
	background-image: url(../images/bec_z1.png);
}
.bec_div2 div p{
	background-image: url(../images/bec_z2.png);
}
.bec_div3 div p{
	background-image: url(../images/bec_z3.png);
}
.bec_div4 div p{
	background-image: url(../images/bec_z4.png);
}
.bec_div2 div{
	width: 650px;
}
.bec_div2 img{
	margin-left: -84px;
}
.bec_div3 img{
	margin-right: -42px;
	position: relative;
	left: -42px;
	z-index: 2;
}
.bec_div3 div ul a{
	margin-left: 0;
}
.bec_div4 div{
	float: right;
}

/*关于*/
.index_about{
	background: url(../images/index_about_bj.jpg) top center no-repeat;
	padding: 90px 0 93px;
}
.index_about .about_center{
	width: 1240px;
	margin: 0 auto;
}
.about_tit{
	margin-bottom: 50px;
}
.about_tit p span{
	height: 5px;
	background: #cb2222;
}
.about_tit:after{
	border-bottom: none;
}
.about_tit:before{
	border-bottom: none;
}
.about_center p:nth-child(1){
	text-indent: 2em;
	color: #fff;
	font-size: 20px;
	line-height: 180%;
	margin-bottom: 50px;
	letter-spacing: .02em;
	text-align: justify;
}
.about_center p:nth-child(2){
	text-align: center;
}
.about_center p:nth-child(2) a{
	display: inline-block;
	margin: 0 38px;
	width: 145px;
	line-height: 47px;
	color: #fff;
	font-size: 24px;
}
.about_center p:nth-child(2) a:nth-child(1){
	background: #41536f;
}
.about_center p:nth-child(2) a:nth-child(2){
	background: #cb3737;
}

/*案例*/
.index_case{
	background: url(../images/index_case_bj.png) top center no-repeat;
	padding-top: 55px;
	padding-bottom: 30px;
}
.case_div1{
	width: 1200px;
	margin: 0 auto 50px;
}
.case_div1 ul li{
	float: left;
	width: 214px;
	text-align: center;
	line-height: 83px;
	background: #3f516d;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	position: relative;
	margin-left: 32px;
	border-radius: 10px;
	transition: all .3s;
}
.case_div1 ul li:first-child{
	margin-left: 0;
}
.case_div1 ul li:after{
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 68px;
    left: calc(50% - 10px);
    border-top: 15px solid #cb2222;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transition: all .3s;
    opacity: 0;
}
.case_div1 ul .case_li_active{
	background: #cb2222;
}
.case_div1 ul .case_li_active:after{
	top: 83px;
	opacity: 1;
}
.case_div2 div{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 497px;
}
.case_div2 div ul{
	position: absolute;
	width: 100%;
	/*display: none;*/
}
.case_div2 div ul li{
	overflow: hidden;
	position: absolute;
}
.case_div2 div ul li img{
	display: block;
	width: 100%;
}
.case_div2 div ul li:nth-child(1),.case_div2 div ul li:nth-child(4){
	width: 395px;
	height: 245px;
}
.case_div2 div ul li:nth-child(2),.case_div2 div ul li:nth-child(3){
	width: 488px;
	height: 245px;
}
.case_div2 div ul li:nth-child(5){
	width: 305px;
	height: 374px;
	top: 0;
	right: 0;
}
.case_div2 div ul li:nth-child(6){
	width: 305px;
	height: 114px;
	background: #c93434;
	top: 384px;
	right: 0;
}
.case_div2 div ul li:nth-child(6) a{
	display: block;
	line-height: 114px;
	color: #fff;
	text-align: center;
	font-size: 24px;
}
.case_div2 div ul li:nth-child(1){
	top: 0;
	left: 0;
}
.case_div2 div ul li:nth-child(2){
	top: 0;
	left: 400px;
}
.case_div2 div ul li:nth-child(3){
	top: 253px;
	left: 0;
}
.case_div2 div ul li:nth-child(4){
	top: 253px;
	left: 494px;
}
.case_div2 div ul li p{
	text-align: center;
	position: absolute;
	bottom: -42px;
	font-size: 14px;
	color: #fff;
	width: 100%;
	line-height: 42px;
	background: rgba(0,0,0,.7);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 20px;
	transition: all .3s;
}
.case_div2 div ul li:hover p{
	bottom: 0;
}

/*新闻*/
.index_news{
	width: 1240px;
	margin: 0 auto;
	padding-top:40px;
	padding-bottom: 55px;
}
.news_center{
	width: 1240px;
	margin: 0 auto;
}
.news_div_l{
	float: left;
	width: 560px;
}
.news_div_r{
	float: right;
	width: 475px;
	height: 268px;
}
.news_div_l ul li{
	margin-bottom: 20px;
}
.news_div_l ul li div:nth-child(1){
	width: 120px;
	height: 75px;
	overflow: hidden;
	float: left;
}
.news_div_l ul li div:nth-child(1) img{
	display: block;
	width: 100%;
}
.news_div_l ul li div:nth-child(2){
	float: left;
	width: 420px;
	margin-left: 10px;
}
.news_div_l ul li div:nth-child(2) p:nth-child(1){
	margin-bottom: 5px;
}
.news_div_l ul li div:nth-child(2) p:nth-child(1) a{
	display: inline-block;
	width: 325px;
	color: #3f516d;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_div_l ul li div:nth-child(2) p:nth-child(1) span{
	display: inline-block;
	float: right;
	color: #949494;
	font-size: 14px;
}
.news_div_l ul li div:nth-child(2) p:nth-child(2){
	color: #515151;
	font-size: 14px;
}
.news_div_r img{
	float: left;
}
.news_div_r a{
	float: left;
	width: 38px;
	height: 100%;
	background: #c93434;
	color: #fff;
	font-size: 40px;
	text-align: center;
	line-height: 268px;
}
/*联系我们*/
.index_link{
	background: url(../images/link_bj.jpg) bottom center no-repeat;;
}
.index_map{
	width: 1200px;
	margin: 0 auto 40px;
	height:300px;
	box-sizing:border-box;
	border:1px solid #ccc;
}
.index_liuyan{
	width: 1200px;
	margin: 0 auto;
}
.index_liuyan_l{
	float: left;
	width: 560px;
}
.index_liuyan_r{
	float: right;
	width: 555px;
	padding-top: 10px;
}
.index_liuyan_l p{
	color: #3f516d;
	font-size: 22px;
	margin-bottom: 20px;
}
.index_liuyan_l p input{
	color: #3f516d;
	font-size: 20px;
	padding: 7px 0 5px;
	border: none;
	outline: none;
	border-bottom: 1px solid #99a2b0;
	background: none;
	width: 423px;
}
.index_liuyan_l p span{
	color: #ff0000;
	font-size: 34px;
	margin-left: 15px;
	position: relative;
	top: 15px;
}
.index_liuyan_r p{
	margin-bottom: 10px;
}
.index_liuyan_r p span{
	float: left;
	color: #3f516d;
	font-size: 22px;
}
.index_liuyan_r p textarea{
	background: none;
	border: 1px solid #99a2b0;
	width: 488px;
	height: 134px;
	box-sizing: border-box;
	padding: 5px;
	resize: none;
}
.index_liuyan_r input{
	float: right;
	border: none;
	width: 111px;
	line-height: 37px;
	background: #ca3636;
	color: #fff;
	font-size: 24px;
}
/*友链*/
.yl{
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 50px;
}
.yl span{
	width: 75px;
	float: left;
	color: #3f516d;
}
.yl ul{
	float: left;
	width: 1125px;
}
.yl ul li{
	float: left;
	margin: 0 8px;
}
.yl ul li a{
	color: #3f516d;
}

/*footer*/
footer{
	background: url(../images/foot_bj.png);
	border-bottom: 10px solid #f3b721;
	padding: 50px 0 5px;
}
.foot_cen{
	width: 1200px;
	margin: 0 auto 25px;
}
.foot_l{
	float: left;
	width: 400px;
	box-sizing: border-box;
	background: url(../images/foot_phone.png) 52px center no-repeat;
	color: #fff;
	font-size: 24px;
	padding-left: 143px;
	    padding-top: 20px;
    padding-bottom: 20px;
}
.foot_r{
	float: right;
}
.foot_r ul{
	margin-bottom: 10px;
}
.foot_r ul li{
	float: left;
	color: #fff;
	font-size: 18px;
}
.foot_r ul li a{
	margin-right:8px;
	color: #fff;
}
.foot_r ul li span{
	margin-right: 8px;
}
.foot_r ul li:last-child span{
	display: none;
}
.foot_r p{
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px;
}
footer>p{
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 160%;
}
footer>p a{
	color: #fff;
}