.cl{width:100%;clear:both;}
.zixvg{
	background: url(../images/zibg.jpg) no-repeat center top;
	background-size: cover;
	padding:60px 0px;
	max-width: 1190px;
	margin:auto;
}
.zuzubx{
	float:right;
	width: 535px;
	background:#f5f5f5;
}
.zuzubx img{
	display:block;
	width:100%;
	height: 335px;
}
.zixnnr{
	padding:28px 26px;
}
.zitls{
	display:block;
	font-size:17px;
	line-height:48px;
	color:#2D98EB;
}
.zixq{
	font-size:12px;
	color:#595757;
	text-indent: 2em;
	line-height:20px;
	padding-bottom:18px;
}
.ziyoutun{
	float:left;width: 630px;
}
.ziyoutun li{
	background:#f5f5f5;
	padding:12px 0px;
	margin-bottom:10px;
}
.zilrigq{
	float:left;
	width:120px;
	border-right:8px solid #2D98EB;
	text-align:center;
}
.rqshz{
	color:#2D98EB;
	font-size:30px;
	line-height:30px;
	
}
.riqyef{
	font-size:12px;
	color:#666;
	line-height:16px;
}
.zirnmr{
	font-size:12px;
	color:#555;
	line-height:22px;
	float:right;
	width: 450px;
	padding-right:18px;
	height:25px;
	overflow: hidden;
}
.morezitx{
	text-align:right;
	font-size:16px;
	color:#666;
	line-height:33px;
	padding-top:10px;
}
.morezitx a{
	color:#666;
}
.morezitx a:hover{
	color:#2D98EB;
}
.nejyou-tl-2  a{
    font-size: 16px;
    color: #2D98EB;
    line-height: 20px;
}

.m_bottom{display: none;}

.head_slogan{float:right;font-size:25px;font-weight:bold;color:#F92D2F;line-height: 32px;margin:40px 5% auto auto;font-family:STXingkai;}

.index_list{text-align: center;}
.index_list li{width:150px;display: inline-block;border:0px;height:auto;border-radius: 0px;margin:3px 1%;vertical-align: top;height:130px;}
.index_list li .pic{width:100%;padding-top:83.33%;position: relative;overflow: hidden;transition: 0.1s;}
.index_list li .pic img{width:100%;position: absolute;left:0;top:0;z-index: 0}
.index_list li .pic span{width:100%;height:22px;line-height: 22px;display: block;overflow: hidden;font-size:20px;color:#ffffff;position: absolute;text-align: center;top:85px;left:0;}
.index_list li:last-child{margin-right: auto;}
.index_list li:hover .pic{padding-top: 100%;}

.index_news{width:46%;float:left;padding:30px 0;margin-left: 1.5%;}
.index_news .index_news_en_title{color:#FAC403;font-size:15.7px;}
.index_news .index_news_title{margin-top: 3px}
.index_news .index_news_title .cn_title{color:#FAC403;font-size:17.5px;float:left;font-weight: bold;}
.index_news .index_news_title .title_line{width:440px;height:1px;background-color: #F0F0F0;float:left;margin:10px auto auto 15px;}
.index_news .index_news_title .more_news{width:20px;height:20px;text-align: center;line-height: 16px;font-size: 18px;color:#666666;display: block;float:right;border:1px solid #999999;}
.index_news .left_part{width:54.77%;float:left;}
.index_news .left_part  li{height:46px;line-height: 46px;font-size:16px;border-bottom: 1px dashed #D5D5D5;overflow: hidden;padding-left: 20px;background:url(../images/arrow.png) left center no-repeat;margin-bottom: 3px;}
.index_news .left_part  li span{width:60px;display: block;float:right;text-align: right;}
.index_news .right_part{width:43%;float:right;}
.index_news .right_part .pic{width:100%;padding-top: 69%;position: relative;overflow: hidden;margin-bottom: 20px;}
.index_news .right_part .pic img{width:100%;position: absolute;left:0;top:0;z-index: 0;}
.index_news_float_right{float:right;margin-right: 1.5%;}

.index_about{width:1200px;margin:50px auto auto auto;}
.index_about .left_pic{width:46.08%;float:left;padding-top: 32.4%;overflow: hidden;position: relative;}
.index_about .left_pic img{width:100%;position: absolute;left:0;top:0;z-index: 0}
.index_about .right_con{width:45.83%;float:right;line-height: 32px;overflow: hidden;font-size: 16px;}

.logo_phone{height:169px;background: url(../images/head_bg.jpg) center center no-repeat;}

@media(max-width: 1460px){
.head_slogan{font-size: 20px;margin-right: 1%;}
.logo_phone .phone div{font-size: 16px;}
}
@media(max-width: 1538px){
.head_slogan{margin-right: 1%;}

}
@media(max-width: 1024px){
.head_slogan{font-size: 16px;margin-right: 1%;}
.logo_phone .phone div{font-size: 15px;}
.logo_phone .logo{width:38%;}
}
@media(max-width:1220px){
	 .head_slogan{float:right;font-size:18px;font-weight:bold;color:#F92D2F;line-height: 32px;margin:45px 1% auto auto;}
	.zixvg{
	background: url(../images/zibg.jpg) no-repeat center top;
	background-size: cover;
	padding:60px 0px;
	max-width: 1190px;
	width:97%;
	margin:auto;
    }
	.zuzubx{
	float:right;
	width: 44.95%;
	background:#f5f5f5;
    }

    .ziyoutun{
	float:left;width: 52.9%;
    }

    .zilrigq{
	float:left;
	width:19%;
	border-right:4px solid #2D98EB;
	text-align:center;
    }
    .zirnmr{
	font-size:12px;
	color:#555;
	line-height:22px;
	float:right;
	width: 71%;
	padding-right:18px;
    }

    .rqshz{
	color:#2D98EB;
	font-size:30px;
	line-height:30px;
	
    }
    .morezitx a{
    	 font-size: 16px;
    }

    .index_list{text-align: center;}
	.index_list li{width:12.5%;display: inline-block;border:0px;height:auto;border-radius: 0px;margin:3px 1%;vertical-align: top;height:130px;}
	.index_list li .pic{width:100%;padding-top:83.33%;position: relative;overflow: hidden;transition: 0.1s;}
	.index_list li .pic img{width:100%;position: absolute;left:0;top:0;z-index: 0}
	.index_list li .pic span{width:100%;height:22px;line-height: 22px;display: block;overflow: hidden;font-size:16px;color:#ffffff;position: absolute;text-align: center;top:7vw;left:0;}
	.index_list li:last-child{margin-right: auto;}
	.index_list li:hover .pic{padding-top: 100%;}
	.index_news{width:46%;float:left;}
	.index_news .index_news_en_title{color:#FAC403;font-size:15.7px;}
.index_news .index_news_title{margin-top: 3px}
.index_news .index_news_title .cn_title{color:#FAC403;font-size:17.5px;float:left;font-weight: bold;}
.index_news .index_news_title .title_line{width:230px;height:1px;background-color: #F0F0F0;float:left;margin:10px auto auto 15px;}
.index_news .index_news_title .more_news{width:20px;height:20px;text-align: center;line-height: 16px;font-size: 18px;color:#666666;display: block;float:right;border:1px solid #999999;}

.index_news .left_part{width:54.77%;float:left;}
.index_news .left_part  li{height:46px;line-height: 46px;font-size:16px;border-bottom: 1px dashed #D5D5D5;overflow: hidden;padding-left: 20px;background:url(../images/arrow.png) left center no-repeat;margin-bottom: 3px;}
.index_news .left_part  li span{width:60px;display: block;float:right;}
.index_news .right_part{width:43%;float:right;}
.index_news .right_part .pic{width:100%;padding-top: 69%;position: relative;overflow: hidden;margin-bottom: 20px;}
.index_news .right_part .pic img{width:100%;position: absolute;left:0;top:0;z-index: 0;}
.index_news_float_right{float:right;}

   .index_about{width:97%;margin:50px auto auto auto;}
.index_about .left_pic{width:46.08%;float:left;padding-top: 32.4%;overflow: hidden;position: relative;}
.index_about .left_pic img{width:100%;position: absolute;left:0;top:0;z-index: 0}
.index_about .right_con{width:45.83%;float:right;line-height: 26px;overflow: hidden;font-size: 15px;}

}

@media(max-width:768px){
	.zixvg{
	background: url(../images/zibg.jpg) no-repeat center top;
	background-size: cover;
	padding:60px 0px;
	max-width: 1190px;
	width:97%;
	margin:auto;
    }
	.zuzubx{
	float:none;
	width: 100%;
	background:#f5f5f5;
    }

    .ziyoutun{
	float:none;width: 100%;
	margin-top: 25px;
    }

    .zilrigq{
	float:left;
	width:19%;
	border-right:2px solid #2D98EB;
	text-align:center;
    }
    
    .zirnmr{
	font-size:12px;
	color:#555;
	line-height:22px;
	float:right;
	width: 71%;
	padding-right:18px;
    }

    .rqshz{
	color:#2D98EB;
	font-size:20px;
	line-height:20px;
	
    }
    .morezitx a{
    	 font-size: 16px;
    }
    .zitls{font-size: 16px;}
    .nejyou-tl-2 a{font-size: 16px;}
    .zuzubx img{height:auto;}

    .m_bottom{width:100%;position:fixed;height:40px;background-color:#38A9F3;display: block;bottom:0;left:0;padding:2px 0;z-index: 99999;}
	.m_bottom li{width:25%;float:left;position: relative;}
	.m_bottom li .img{display: block;width:25px;height:25px;margin:auto;}
	.m_bottom li .ewm{width:80px;height:80px;position: absolute;top:-80px;left:7px;display: none;}
	.m_bottom li span{display: block;text-align: center;font-size:13px;color:#ffffff;}

	 .index_list{text-align: center;}
	.index_list li{width:30%;display: inline-block;border:0px;height:auto;border-radius: 0px;margin:3px 1%;vertical-align: top;height:100px;}
	.index_list li .pic{width:100%;padding-top:83.33%;position: relative;overflow: hidden;transition: 0.1s;}
	.index_list li .pic img{width:100%;position: absolute;left:0;top:0;z-index: 0}
	.index_list li .pic span{width:100%;height:22px;line-height: 22px;display: block;overflow: hidden;font-size:15px;color:#ffffff;position: absolute;text-align: center;top:15vw;left:0;}
	.index_list li:last-child{margin-right: auto;}
	.index_list li:hover .pic{padding-top: 100%;}

		.index_news{width:100%;clear:both;float:none;margin-top: 20px;}
			.index_news .index_news_en_title{color:#FAC403;font-size:15.7px;}
.index_news .index_news_title{margin-top: 3px}
.index_news .index_news_title .cn_title{color:#FAC403;font-size:17.5px;float:left;font-weight: bold;}
.index_news .index_news_title .title_line{width:200px;height:1px;background-color: #F0F0F0;float:left;margin:10px auto auto 15px;}
.index_news .index_news_title .more_news{width:20px;height:20px;text-align: center;line-height: 16px;font-size: 18px;color:#666666;display: block;float:right;border:1px solid #999999;}


		.index_news .left_part{width:54.77%;float:left;}
		.index_news .left_part  li{height:46px;line-height: 46px;font-size:13px;border-bottom: 1px dashed #D5D5D5;overflow: hidden;padding-left: 20px;background:url(../images/arrow.png) left center no-repeat;margin-bottom: 3px;}
		.index_news .left_part  li span{width:50px;display: block;float:right;}
		.index_news .right_part{width:43%;float:right;}
		.index_news .right_part .pic{width:100%;padding-top: 69%;position: relative;overflow: hidden;margin-bottom: 20px;}
		.index_news .right_part .pic img{width:100%;position: absolute;left:0;top:0;z-index: 0;}
		.index_news_float_right{float:none;clear:both;}

		.index_about{width:95%;margin:30px auto auto auto;}
	.index_about .left_pic{width:100%;float:none;padding-top: 60%;overflow: hidden;position: relative;}
	.index_about .left_pic img{width:100%;position: absolute;left:0;top:0;z-index: 0}
	.index_about .right_con{width:100%;float:none;line-height: 22px;overflow: hidden;font-size: 14px;margin-top: 15px;}

     .logo_phone{height:60px;}

     .logo_phone .logo{width:60%;}
}

/*右侧浮动栏*/
.sidebar {
	width: 45px;
	position: fixed;
	bottom: 10%;
	right: 10px;
	z-index: 10;
}
.sidebar .a {
	width: 45px;
	height: 45px;
	border-radius: 5px;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: block;
	border:1px solid #E6E6E6;
}
.sidebar .a1 {
	background: #fff url(../images/icon_01.png) no-repeat center center;
	background-size: 70% 70%;
	position: relative;
}
.sidebar .a1 .kf {
	display: none;
	width: 220px;
	height: 140px;
	position: absolute;
	background: url(../images/icon_bg2.png) no-repeat;
	right: 50px;
	padding-left: 10px;
}
.sidebar .a1 .kf a {
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	border-radius: 20px;
	background: #4f7cfc;
	color: #fff;
	margin-top: 25px;
	margin-left: 20px;
}
.sidebar .a1 .phone {
	margin-top: 10px;
	text-indent: 20px;
}
.sidebar .a1:hover {
	background: #4f7cfc url(../images/icon_01_h.png) no-repeat center center;
	background-size: 70% 70%;
}
.sidebar .a1:hover .kf {
	display: block;
}
.sidebar .a2 {
	background: #fff url(../images/icon_02.png) no-repeat center center;
	background-size: 70% 70%;
}
.sidebar .a2:hover {
	background: #4f7cfc url(../images/icon_02_h.png) no-repeat center center;
	background-size: 70% 70%;
}
.sidebar .a3 {
	background: #fff url(../images/icon_03.png) no-repeat center center;
	background-size: 70% 70%;
	position: relative;
}
.sidebar .a3 .wetchart {
	display: none;
	position: absolute;
	right: 45px;
	top: -50px;
	width: 150px;
	height: 150px;
}
.sidebar .a3 .wetchart img {
	width: 100%;
	height: 100%;
}
.sidebar .a3:hover {
	background: #4f7cfc url(../images/icon_03_h.png) no-repeat center center;
	background-size: 70% 70%;
}
.sidebar .a3:hover .wetchart {
	display: block;
}
.sidebar .a4 {
	background: #fff url(../images/icon_04.png) no-repeat center center;
	background-size: 70% 70%;
}
.sidebar .a4:hover {
	background: #4f7cfc url(../images/icon_04_h.png) no-repeat center center;
	background-size: 70% 70%;
}