html,body{
	font-family: "microsoft yahei";
}
.back_top{
	display: none;
	position: fixed;
	right: 0;
	bottom: 20%;
	z-index: 9;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #ff644b;
	cursor: pointer;
}


.header{
	background: #fff;
	height: 74px;
}
.header_con{
	z-index: 99;
	height: 74px;
	background: #fff;
	width: 100%;
	box-shadow: 0 0 10px rgba(115,115,115,.3);
}
.logo{
	width: 210px;
	height: 74px;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.logo img{
	display: block;
	max-height: 100%;
}
.header .wrapper{
	position: relative;
}
.menu_btn{
	display: none;
	float: right;
	position: absolute;
	right: 0;
	top:8px;
	padding: 9px 17px;
	cursor: pointer;
}
.menu_btn span{
	display: block;
	height: 4px;
	width: 34px;
	background: #e6482f;
	border-radius: 4px;
	margin-bottom: 7px;
}
.menu{
	display: block;
}
.menu_dl dd{
	float:left;
	font-size: 16px;
	line-height: 74px;
	color: #444;
	padding: 0 20px;
	cursor: pointer;
}
.menu_dl dd.hover{
	color: #e53636;
}

.banner{
	height: 680px;
}

.zt3_ind_box1{
	padding: 2% 0;
}

.zt_ind_box1_con{
	border: 1px solid #2968ac;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;

}
.zt_ind_box1_l{
	width:150px;
	height: 150px;
	background: #2968ac;
	position: relative;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.zt_ind_box1_l .tt1{
	width: 103px;
	height: 103px;
	color: #fff;
	text-align: center;
	line-height: 103px;
	font-size: 30px;
	border-radius: 50%;
	border: 1px dashed #829ab4;
}
.zt_ind_box1_l:after{
	content: "";
	position: absolute;
	left:150px;
	top: 0;
	display: block;
	width: 0;
	height: 0;
	border-top-width: 150px;
	border-bottom-width: 0;
	border-left-width: 60px;
	border-right-width: 60px;
	border-style: solid;
	border-color: transparent transparent transparent #2968ac;
}
.zt_ind_box1_r{
	width: calc(100% - 150px);
	padding: 0 6%;
	font-size: 14px;
	line-height: 24px;
}


.zt3_box1{
	padding: 3% 0;
}
.zt3_box_con{
	padding: 2.5% 0;
	width: 90%;
	margin: 0 auto;
}

.zt3_box_title{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    position: relative;
}
.zt3_box_title .num{
	width: 68px;
	height: 68px;
	line-height: 68px;
	font-size: 36px;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	top:-10px;
	z-index: 2;
}
.zt3_box_title .num:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -34px 0 0 -34px;
	z-index: -1;
	display: block;
	width: 68px;
	height: 68px;
	transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	background: #2968ac;
}
.zt3_box_title .text{
	width: calc(100% - 30px);
	color: #fff;
	line-height: 48px;
	font-size: 24px;
	font-weight: bold;
	background: #2b71bf;
	padding-left:50px;
	margin-left: 55px;
}
.zt3_box_text{
	line-height: 30px;
	font-size: 14px;
	color: #444;
}
.zt3_box1_list2{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding: 2% 0;
}
.zt3_box1_list2 dd{
	float: left;
	width: 234px;
	margin: 0 10px;
	margin-bottom: 20px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.zt3_box1_list2 dd .pic{
	overflow: hidden;
	margin-bottom: 18px;
}
.zt3_box1_list2 dd .pic img{
	display: block;
	max-width:100%;
	margin: 0 auto;
}
.zt3_box1_list2 dd .tt{
	font-size: 14px;
	text-align: center;
}
.zt3_box1_list2 dd:hover{
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}



.zt3_box2{
	padding: 2% 0;
}
.zt3_box2_list{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding: 2% 0;
}
.zt3_box2_list dd{
	width: 580px;
	margin: 0 10px 20px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.zt3_box2_list dd .pic{
	overflow: hidden;
}
.zt3_box2_list dd .pic img{
	display: block;
	width: 100%;
}
.zt3_box2_list dd .con{
	height: 90px;
	text-align: center;
	background: #e7e8e8;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.zt3_box2_list dd .con .tt{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.zt3_box2_list dd:hover{
	box-shadow: 0 0 12px rgba(115,115,115,.3);
	transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.zt3_box4{
	margin-bottom: 3.5%;
}
.zt3_box4_list{
	padding: 4% 0 2%;
}
.zt3_box4_list dd{
	clear: both;
	margin-bottom: 5%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
.zt3_box4_list dd .pic{
	float: left;
	width:40%;
	position: relative;
}
.zt3_box4_list dd .pic img{
	display: block;
	width: 100%;
}
.zt3_box4_list dd .pic .icon{
	position: absolute;
	left: -26px;
	top: -26px;
	width: 108px;
	height: 108px;
}

.zt3_box4_list dd .con{
	float: right;
	width:60%;
}
.zt3_box4_list dd .con .tt1{
	font-size: 24px;
	padding-left: 8%;
	margin-bottom: 5%;
}
.zt3_box4_list dd .con .text{
	background: #f5f8fa;
	padding: 3% 8%;
	border: 1px solid #ececec;
}
.zt3_box4_list dd .con .text .tt2{
	font-size: 16px;
	padding-bottom: 2%;
}
.zt3_box4_list dd .con .text .tt3{
	line-height: 24px;
	font-size: 14px;
}
.zt3_box4_list dd:nth-child(2n){
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}

.zt3_box4_con{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    background: #194f89;
}
.zt3_box4_l{
	width: 440px;
	background: #3d73ae;
	padding: 3% 5%;
}
.zt3_box4_l_tt{
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 5%;
}
.zt3_box4_l_con{
	color: #fff;
	line-height: 24px;
	font-size: 16px;
}
.zt3_box4_l_con img{
	display: block;
	max-width: 100%;
}

.zt3_box4_r{
	width:calc(100% - 440px);
}
.zt3_box4_r_list dd{
	border-bottom: 1px solid #829ab4;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    padding: 3% 5%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.zt3_box4_r_list dd:last-child{
	border: 0;
}
.zt3_box4_r_list dd .icon{
	float: left;
	width: 106px;
	height: 106px;
	font-size: 50px;
	line-height: 106px;
	text-align: center;
	border-radius: 50%;
	color: #e53636;
	background: #fff;
}
.zt3_box4_r_list dd .con{
	width: calc(100% - 106px);
	padding-left: 5%;
	color: #fff;
}

.zt3_box4_r_list dd .con .tt{
	font-size: 18px;
	padding-bottom: 2%;
}

.zt3_box4_r_list dd .con .text{
	font-size: 14px;
	line-height: 24px;
	color: #c5d4e4;
}
.zt3_box4_r_list dd:hover{
	background: #2d5f96;
	transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}


.zt3_box5{
	padding: 3% 0;
	background: #e8edf4;
}
.zt3_box5_title1{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 3%;
}

.case_list1{
	display:flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items: center;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.case_list1 dd{
	width: 25%;
	padding: 0 1.5%;
}
.case_list1 dd .pic{
	overflow: hidden;
}
.case_list1 dd .pic img{
	display: block;
	width: 100%;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.case_list1 dd .tt{
	color: #000;
	line-height: 30px;
	font-size: 14px;
	margin: 10px 0 16px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.case_list1 dd .line{
	width: 100%;
	height: 2px;
	background: #c5c5c5;
	position: relative;
}
.case_list1 dd:hover img{
	transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.case_list1 dd:hover .tt{
	color: #e6482f;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.case_list1 dd .line:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #e6482f;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.case_list1 dd:hover .line:after{
	width: 100%;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}




.footer_t{
	background: #454648;
	padding: 3% 0;
}
.footer_t .wrapper{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
}
.foopter_l{
	width: 50%;
}
.foopter_l_title{
	color: #fff;
	margin-bottom: 4%;
}
.foopter_l_title .tt{
	font-size: 24px;
	line-height: 38px;
}
.foopter_l_title .text{
	color: #c2c2c2;
	line-height: 24px;
}

.foopter_l_form dd{
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.foopter_l_form dd:nth-child(1),.foopter_l_form dd:nth-child(2){
	clear: none;
	float: left;
	width: 48%;
}
.foopter_l_form dd:nth-child(2){
	float: right;
}
.foopter_l_form_tt{
	float: left;
	width: 65px;
	text-align: right;
	color: #c2c2c2;
	line-height: 32px;
	padding-right: 5px;
}
.foopter_l_form_inp,.foopter_l_form_area{
	float: left;
	width: calc(100% - 65px);
	height: 32px;
	line-height: 32px;
	background: #fff;
	padding-left: 12px;
	border: 0;
}
.foopter_l_form_area{
	height: 140px;
	padding: 6px 0 0 12px;
}
.foopter_l_form_btn{
	width: 156px;
	height: 36px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background: #F53718;
	border: 0;
	cursor: pointer;
	margin:20px 0 0 65px;
}

.foopter_r{
	width: 50%;
	padding: 0 0 0 10%;
	color: #c2c2c2;
	justify-content: center;
	-webkit-justify-content: center;
	display:flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.foopter_r_cord{
	width: 104px;
}
.foopter_r_cord .pic{
	overflow: hidden;
	margin-bottom: 15px;
}
.foopter_r_cord .pic img{
	display: block;
	max-width: 100%;
}
.foopter_r_cord dd .tt{
	font-size: 14px;
}

.foopter_r_con{
	padding: 5% 0 0 0;
}
.foopter_r_con .tt{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4%;
}
.foopter_r_con .text{
	font-size: 14px;
	line-height: 24px;
}


.footer_b{
	padding: 15px 0;
	background: #303741;
}
.footer_b .wrapper{
	color: #fff;
	font-size: 14px;
	line-height:28px;
}













/*
 * video_open
 */
.video_window {
	display: none;
	width: 800px;
	height: 485px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 10000;
	margin: -300px 0 0 -400px;
}

.video_window_rela {
	position: relative;
}

.video_window_close {
	position: absolute;
	right: -12px;
	top: -12px;
	width: 20px;
	color: #fff;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}

.video_window_mask {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
}


.mobile_footer_btn{
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
	width:100%;
  text-align:center;
  background: #fafafa;
  box-shadow: 0 0 10px rgba(115,115,115,.3);
}
.mobile_footer_btn a{
	float: left;
	width: 20%;
	height: 50px;
	color: #222;
	display:flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items:center;
    -webkit-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.mobile_footer_btn a:nth-child(3){
    color: #fff;
    background: #e6482f;
}
.mobile_footer_btn a .icon{
	display: block;
	font-size: 20px;
}
.mobile_footer_btn a .tt{
	font-size: 14px;
}