/*焦点图*/
.main_visual{height:820px;overflow:hidden;position:relative;margin-top:0px;z-index:1}
.main_image{height:820px;overflow:hidden;position:relative;}
.main_image ul{width:100%;height:820px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:820px;}
.main_image li span{display:block;width:100%;height:820px;position:relative;}
.main_image li a{display:block;width:100%;height:820px}
.main_image li .img_1{background:url('../picture/img_main_1.jpg') center top no-repeat}
.main_image li .img_2{background:url('../picture/img_main_2.jpg') center top no-repeat}
.main_image li .img_3{background:url('../picture/img_main_3.jpg') center top no-repeat}
.main_image li .img_4{background:url('../picture/img_main_4.jpg') center top no-repeat}
.main_image li .img_5{background:url('../picture/img_main_5.jpg') center top no-repeat}

.swiper { width: 100%; height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide a{width: 100%; height: 100%;     background-size: cover !important;}
.swiper-slide a .bt1{position:absolute;top:300px;left:50%;z-index:2; text-align:center;width:1000px; margin-left:-500px;  color: #fff;font-size: 60px;}
.swiper-slide a .bt2{position:absolute;top:400px;left:50%;z-index:2; text-align:center;width:446px; margin-left:-223px;}
.swiper-slide a .bt3{position:absolute;bottom:270px;left:50%;z-index:2; text-align:center;width:47px; margin-left:-23px;}
.swiper-slide img {display: block; /* width: 100%; */height: 100%; object-fit: cover;}

.swiper_zs{height: 300px;}
.swiper_zs .swiper-slide{ padding:6px; box-sizing: border-box;}
.swiper_zs .swiper-slide img{ width:100%; height: auto; }
/* .swiper_zs .swiper-slide{transition: 300ms; transform: scale(0.8); border: 8px solid #fff; box-sizing: border-box;}
.swiper_zs .swiper-slide-next,.swiper_zs .swiper-slide-prev{transition: 300ms; transform: scale(0.9); z-index: 88;}
.swiper_zs .swiper-slide-active, .swiper-slide-duplicate-active {transform: scale(1); z-index: 99;} */

.flicking_con{position:absolute;bottom:20px;left:50%;margin-left:-40px;z-index:999;width:80px;height:21px;}
.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-2000px}
.flicking_con a.on{background-position:0 -21px}

#btn_prev,#btn_next{z-index:1;position:absolute;display:block;width:73px !important;height:74px !important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:30px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:30px;}

.main_menu{ position:absolute; bottom:0px; left:0%; z-index:1; width:100%; height:110px; background:url('../images/main.png') repeat; }
.main_menu .w20 img{ transition: 0.3s;-ms-transition: 0.3s;-webkit-transition: 0.3s;}
.main_menu .fix:hover .w20 img{ -webkit-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);}
.main_menu .f14,.main_menu .f18{transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; }
.main_menu .fix:hover .f14, .main_menu .fix:hover .f18{transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05);  -webkit-transform: scale(1.05,1.05);}
.main_menu .timer{font-size:36px !important;}  

.bounce-enter-active {
  animation: bounce-in 1s;
}
.bounce-leave-active {
  animation: bounce-in 1s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
/**/
.xian{ width:466px; height:20px; background:url(../images/xian.png) no-repeat center top;}
.xixian{ height: 1px; width: 100%; position: absolute; left: 0px; bottom: 0px;z-index:1; }
.bigtitle{text-align:center; font-size: 34px;font-weight: bold; color:#000;margin: auto;}
.bigtitlebg{ background:url(../images/titlebg.png) no-repeat center top; width: 145px; height: 145px; left:50%; margin-left: -70px; z-index: -1; bottom:50px;}


.index_menu a{margin:0px 0px;color:#333;font-size:16px; padding:1px 10px;}
.index_menu a.on,.index_menu a:hover{ border-radius:8px; padding:1px 10px; background:#d10212; color:#FFF; display: inline-block; line-height: 26px;}
.index_kehu li{/*width:267px; height:89px; */ width: 19%; max-height:115px; border:1px solid #c0c0c0; padding:4px;box-sizing:border-box; /*margin-right:18px;*/margin:0.5%; /*margin-bottom:20px;*/ overflow: hidden;}
/*.index_kehu li:nth-of-type(6n+0){margin-right:0px;}*/
.index_kehu li a{display:block;}
.index_kehu li a img{ /*width:257px;height:79px;*/ width: 100%; height: auto; transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);  filter: gray; */}
.index_kehu li a:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.03,1.09); -ms-transform: scale(1.03,1.09);  -webkit-transform: scale(1.03,1.09);}

.case_menu { width:100%; border-bottom: 1px solid #ddd; margin:0px auto; margin-bottom:30px;   position: relative; z-index: 1;}
.case_menu ul { display: table; margin: auto; }
.case_menu ul li{width:auto;float:left;text-align:center; padding:0px 0px; margin:0px 3.025rem;   box-sizing: border-box;position:relative}
.case_menu ul li a{color:#000; line-height: 6.25rem; height: 6.25rem; font-size:1.625rem; display: block;cursor: pointer; width: 10.9625rem;-webkit-transition: font .15s;-o-transition: font .15s;transition: font .15s; }
.case_menu ul li a::after {content: ''; position: absolute; left: 0; bottom:-3px;   width: 0%; border-bottom:5px solid #d09100; -o-transition: width .6s .05s; -moz-transition: width .6s .05s;  transition: width .4s .05s;z-index:33}
.case_menu ul li.on a::after{ width: 100%;}
.case_menu ul li.on a{font-weight:800;font-size:2.125rem; color:#d09100; line-height: 5.625rem; height: 6.25rem; }

.whln_bg{background: url(../images/aboutus/whln_bg.jpg) no-repeat center bottom; min-height: 680px;}
.bg_tiao{background: url(../images/bg_tiao.png) no-repeat; height: 100px; background-size: 100% 95%;}
.dmtbox {
    width: 100%;
    height:1274px; 
    margin: 45px 0;
}
.dmtbox ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0;
}
.dmtbox ul li {
    margin: 0;
    overflow: hidden;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background: #000;
	overflow: hidden;
}
.dmtbox ul li:nth-of-type(1) {
    width: 38%;
    height: 33%;
	width: 25.38%;
	height: 66.60%;
    float: left;
}
.dmtbox ul li:nth-of-type(2) {
    width: 36.71%;
    height: 33%;
    float: left;
    margin-left: 0.6%;
}
.dmtbox ul li:nth-of-type(3) {
    width: 23.2%;
    height: 66.97%;
	width: 36.71%;
	height: 33%;
    float: right;
}
.dmtbox ul li:nth-of-type(4) {
    
	width: 23.40%;
	height: 33%;
	margin: 0.6% 0 0 0.6%;
    float: left;
}
.dmtbox ul li:nth-of-type(5) {
    width: 25.30%;
    height: 33%;
    margin: 0.6% 0 0 0.6%;
    float: left;
}
.dmtbox ul li:nth-of-type(6) {
    width: 24.10%;
    height: 33%;
    margin: 0.6% 0 0 0.6%;
    float: left; overflow: hidden; box-sizing: border-box;
}
.dmtbox ul li:nth-of-type(7) {
   width: 38.15%;
   height: 33%;
   margin: 0.6% 0 0 0;
  float: left;
}
.dmtbox ul li:nth-of-type(8) {
    width: 36.52%;
    height: 33.4%;
    margin: 0.6% 0 0 0.6%;
    float: left;
}
.dmtbox ul li:nth-of-type(9) {
	width: 24.10%;
	height: 33.4%;
	margin: 0.6% 0 0 0;
    float: right;
}
.dmtbox ul li .img-fluid, .dmtbox ul li a, .dmtbox ul li figure {
    display: block;
    width: 100%;
    height: 100%;
}
.dmtbox ul li figure {
    position: relative;padding: 0px;
    margin: 0px;
}
.dmtbox ul li .title-d-box {
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    padding: 20px;
    width: 100%;
	box-sizing: border-box;
	    transition: all .35s ease;
}
.dmtbox ul li .title-d-box .d1-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
	box-sizing: border-box;
	transition: all .35s ease; color: #FFF;
}
.dmtbox ul li .title-d-box .d1-title h2 {
    font-size: 24px; font-weight: 200;
}
.dmtbox ul li .title-d-box .d1-title .more {
    font-size: 12px;
    font-weight: normal;
    border: 1px #fff solid;
    margin-left: 8px;
    padding: 1px 6px;
}
.dmtbox ul li .title-d-box .d1-text {
    font-size: 12px;
    margin-top: 4px;
	box-sizing: border-box;
	transition: all .35s ease; 
	color: #fff;
}
.dmtbox ul li figcaption {
    padding: 30px;
    box-sizing: border-box;
    position: absolute;
    z-index:2;
    background-color: #2b8dd7;
    transition: all .6s ease;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    overflow: hidden;
}
[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
    padding: 1.25rem;
    position: absolute;
    z-index: 8;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
}
.imghvr-slide-right figcaption {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.dmtbox ul li figcaption .more {
    position: absolute;
    z-index: 6;
    right: 20px;
    top: 20px;
    display: none;
}
.dmtbox ul li figcaption .title-b-box {
    display: block;
    overflow: hidden;
    padding: 0px 0 10px 0;
}
.dmtbox ul li figcaption .title-b-box .d1-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.dmtbox ul li figcaption .title-b-box .d1-text {
    font-size: 12px;
    margin-top: 4px;
}
[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before, [class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before, [class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
    box-sizing: border-box;
    transition: all .35s ease;
}

.dmtbox ul li.figcaption2 figcaption .title-b-box2,.dmtbox ul li.figcaption7 figcaption .title-b-box2{display:block;overflow:hidden;font-size:14px;border-top:#fff 1px solid;padding-top:10px}

.dmtbox ul li.figcaption5:hover figcaption,.dmtbox ul li.figcaption7:hover figcaption{-webkit-transform:translateY(100%);transform:translateY(100%);transition:transform .35s ease;padding:0;overflow:hidden;height:100%}

.dmtbox ul li:hover figcaption{-webkit-transform:translateX(0%);transform:translateX(0%);transition:transform .35s ease;padding:0;overflow:hidden;height:100%;  padding: 30px;box-sizing: border-box;
}

.dmtbox ul li.figcaption5:hover figcaption .title-b-box,.dmtbox ul li.figcaption5:hover figcaption .title-b-box2,.dmtbox ul li.figcaption5:hover figcaption .more,.dmtbox ul li.figcaption7:hover figcaption .title-b-box,.dmtbox ul li.figcaption7:hover figcaption .title-b-box2,.dmtbox ul li.figcaption7:hover figcaption .more{opacity:0}


.dmtbox ul li.figcaption5 figcaption, .dmtbox ul li.figcaption7 figcaption {
    background-color: #e4ac0d;
    transition: transform .35s ease;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    height: 100%;
}
.dmtbox ul li.figcaption5 figcaption{background:#187f6b;}
.bgico,.ico{
    -webkit-transition:-webkit-transform .5s ease-in;
    -moz-transition:-moz-transform .5s ease-in;
    -o-transition:-o-transform .5s ease-in;
    transition:transform .5s ease-in;
}
.bgico:hover,.ico:hover{
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    -transform: rotate(360deg) scale(1);
}
.fourico:hover a.textico{color:#f81200;}
.fourico a.textico{width:200px; height:50px; line-height:25px; text-align:center; display:block;font-size:16px; text-transform:uppercase;margin-top:18px;}

.asktext{border:1px solid #fff;width:740px; height:280px; padding:50px; margin:90px auto;}
.index_zixun{border:1px solid #d10312; background: #d10312;width:162px; height:42px;line-height:42px;font-size: 18px;color:#000;display: block;left:50%; margin-left:-81px;bottom:-21px;}
.index_zixun:hover{color:#fff}

.aboutus{background:#e32c7f url(../images/big.jpg) no-repeat top right; height:630px;}
.aboutus_l{width:380px; /*height:410px;*/color:#fff;box-sizing:border-box; padding-top:150px;}
.aboutus_l_title{ font-size:30px;padding-bottom:10px;font-weight:normal; font-weight:800;border-bottom:0px #1084C0 solid;width:180px;}
.aboutus_l_text{font-size:14px;line-height:35px;;text-indent:2em;text-align:justify;}
.about_num{padding: 0px 0px; color: #fff;border-right: 1px solid #fff;  box-sizing: border-box;margin: 20px 0px;}
.about_num:last-child{border-right: 0px solid #fff;}
.about_num .pa{ top:10px; right:-30px;    font-size: 20px; }
.about_num .timer {  text-shadow: 1px 3px 3px #000; font-weight:bolder; }

.zixun1{background:url(../images/zixun1.png) no-repeat top left; height:48px; width:230px;display: block;}
.zixun2{background:url(../images/zixun2.jpg) no-repeat top left; height:35px; width:201px;display: block;}

.zgsheji {
	/*height: 457px;
	margin-top: 39px;
	padding-top: 38px;*/
	text-align: center;
	background: #f4f4f4 url(../images/bg-1.jpg) no-repeat center center;
}
.zgsheji h5 {
	font-size: 30px;
	color: #515a66;
	font-weight: normal;
}
.zgsheji h5 strong {
	font-size: 36px;
	font-weight: bold;
}
.zgsheji h5 i {
	color: #abc93c;
	font-size: 30px;
}
.zgsheji h5 .bold {
	font-weight: bold;
}
.zgsheji ul {
	float: left;
}
.zgsheji li {
	height:58px; line-height:58px;
	margin-bottom: 8px;
	font-size: 1.325rem;
}
.zgsheji-box {
	margin-top: 30px;
	padding-left: 19px;
	font-size: 18px;
	color: #4c4c4c;
	position:relative;
}
.zgsheji-box ul {
	margin-right: 0px;
}
.zgsheji-box .ul-1 .nth-1, .zgsheji-box .ul-3 .nth-1 {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	background: #666666;
	color: #fff;
}
.zgsheji-box .ul-1 .nth-2, .zgsheji-box .ul-3 .nth-2 {
	height: 40px;
	font-size: 14px;
	background: rgba(255,255,255,0.1);
	white-space: nowrap;
	line-height:18px;
}
.zgsheji-box .ul-2 .nth-2{height: 30px;}
.zgsheji-box .ul-1 li {
	background: #ccc;  width:220px
}
.zgsheji-box .ul-1 .nth-1{}
.zgsheji-box .ul-2 {
	background: url(../images/vs.png) center 6px no-repeat;  
}
.zgsheji-box .ul-2 li div {
	font-weight: bold;
	border: solid 1px #dfdfdf;
	width: 8.75rem;
}
.zgsheji-box .ul-2 li span,.zgsheji-box .ul-2 li div{width: 8.75rem; float: left;}
.zgsheji-box .ul-2 li.vs{border:none;color:#218b75;font-weight:800; font-size:72px; height: 72px;line-height: 72px;}
.zgsheji-box .ul-2 li.nth-2{border: none; margin-bottom: 10px;} 
.zgsheji-box .ul-3 li {
	background: #238a75; width:460px;  
	color: #fff;
}
.zgsheji-box .ul-3 .nth-1,.zgsheji-box .ul-1 .nth-1 {
	background: #666; height:65px; line-height:65px;
}
.zgsheji-box .ul-3 .nth-2 {
	color: #4c4c4c; height:40px;
}

.zgsheji-box-left {
	float: left;
	background: url(../images/bg3-1.png) 160px 111px no-repeat;
}
/*特效CSS*/
.zp_boxs {
	/*
	right:30px;
	top:30px;*/ 
	width:540px;
	height:540px;
	overflow:hidden;
	float: right;
	position: relative;
}

.zp_boxs .zp_txt {
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	z-index:1;
}
.zp_boxs .zp_txt dd {
	display:block;
	position:absolute;
}
.zp_boxs .zp_txt dd {
	left:0;
	top:0;
	display:none;
}
.zp_boxs > div {
	left:0;
	top:0;
	left: 6px;
	top: 6px;
	position:absolute;
}
.zp_boxs .zp_til {
	left:-98px;
	top:-98px;
	margin-left:50%;
	margin-top:50%;
	width:196px;
	height:196px;
	-moz-border-radius:196px;
	-webkit-border-radius:196px;
	border-radius:196px;
	background:url(../images/zp_03.png) no-repeat center center;
	z-index:2
}
.zp_boxs .zp_bg img,.zp_zhizhen .zp_bg img{width: 528px; height: 528px;}
.zp_boxs .zp_zhizhen img {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.zp_zhizhen_h1 {
	transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
}
.zp_zhizhen_h2 {
	transform: rotate(104deg);
	-webkit-transform: rotate(104deg);
	-moz-transform: rotate(104deg);
	-o-transform: rotate(104deg);
	-ms-transform: rotate(104deg);
}
.zp_zhizhen_h3 {
	transform: rotate(155deg);
	-webkit-transform: rotate(155deg);
	-moz-transform: rotate(155deg);
	-o-transform: rotate(155deg);
	-ms-transform: rotate(155deg);
}
.zp_zhizhen_h4 {
	transform: rotate(206deg);
	-webkit-transform: rotate(206deg);
	-moz-transform: rotate(206deg);
	-o-transform: rotate(206deg);
	-ms-transform: rotate(206deg);
}
.zp_zhizhen_h5 {
	transform: rotate(257deg);
	-webkit-transform: rotate(257deg);
	-moz-transform: rotate(257deg);
	-o-transform: rotate(257deg);
	-ms-transform: rotate(257deg);
}
.zp_zhizhen_h6 {
	transform: rotate(308deg);
	-webkit-transform: rotate(308deg);
	-moz-transform: rotate(308deg);
	-o-transform: rotate(308deg);
	-ms-transform: rotate(308deg);
}

.news_list ul li{width: 48%; height: 180px; overflow: hidden; float: left; margin-bottom:30px;}
.news_list ul li .w60{height: 180px;}
.news_list ul li .w60 a{ position:absolute; z-index: 1; width: 96%;bottom:15px; right:0px;}
.news_list ul li .w60 .xiantiao{ position:absolute; z-index: 1; bottom:0px; right:0px; width: 96%; background: #7d7d7d; height: 1px;}
.news_list ul li:nth-of-type(2n+0){ float: right;}
.news_list ul li a img{max-height:180px;}


.index_case ul li:first-child{ width: 50%; height: 686px; margin-left: 0px;margin-right:0%;}
.index_case ul li{float: left; width: 24%; height: 338px; margin-bottom: 10px; margin-left:1% ; overflow: hidden; position: relative; z-index: 1;}
.index_case ul li img{width:100%; max-height: 100%;}
.index_case ul li:nth-of-type(6){margin-left: 0px;}
.index_case ul li:nth-of-type(6),.index_case ul li:nth-of-type(7){width: 24.5%;}

.index_case ul li:first-child img{height: 850px; width:100%;}
.index_case ul li a{display: block;  }
.index_case ul li:last-child a{ height: 100%; background: #238a76; }
.index_case ul li:last-child .xm-msg{ bottom: 45%; background:none;text-align: center;  }
.xm-msg{	display: block;	width: 100%; /*	height: 72px;*/	padding: 10px 0px;	overflow: hidden;	background: rgba(0, 0, 0, 0.7);	position: absolute;	bottom: 0;	z-index: 3;	margin-bottom: 0;	-webkit-transition: margin .35s, background .35s;	-moz-transition: margin .35s, background .35s;	-o-transition: margin .35s, background .35s;transition: margin .35s, background .35s; }
.index_case ul li:last-child:hover .xm-msg{ bottom: 45%; background:none;margin-bottom: 25px;  }
.index_case ul li:hover .xm-msg {
/*	height: 102px;*/
	margin-bottom: 25px;
	background: none;
}
.index_case ul li .xm-msg h2,.cxypz_list ul li .xm-msg h2 { color: #fff; padding-left:20px; font-size: 20px; }
.cxypz_list ul li .xm-msg h2 {font-size: 30px;padding-left:35px;}
.index_case ul li .xm-msg p,.cxypz_list ul li .xm-msg p {
	padding: 10px 20px;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}
.cxypz_list ul li .xm-msg p{padding-left: 35px;}

.index_case ul li .xm-msg-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	height:41px;
	width: 100%;
	z-index: 99;
	opacity: 0.01;
    background: #238a76;
	-webkit-transition: height .35s, opacity .35s;
	-moz-transition: height .35s, opacity .35s;
	-o-transition: height .35s, opacity .35s;
	transition: height .35s, opacity .35s;
}

.index_case ul li:hover .xm-msg-bg,.cxypz_list ul li .xm-vid-bg {
	height:18px;
	opacity: 1;
}

.index_case ul li .xm-vid-bg,.cxypz_list ul li .xm-vid-bg {
	display: block;
	left: 50%;
	margin-left: -35.5px;
	margin-top: -35.5px;
	position: absolute;
	text-align: center;
	top: 50%;
	z-index: 5;
}

.index_case ul li .xm-vid-bg img,.cxypz_list ul li .xm-vid-bg img {
	height: 71px;
	margin-left: 0;
	margin-top: 0;
	width: 71px;
}

.index_case ul li .xm-mid-bg,.cxypz_list ul li .xm-mid-bg {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: background .35s, opacity .35s;
	-moz-transition: background .35s, opacity .35s;
	-o-transition: background .35s, opacity .35s;
	transition: background .35s, opacity .35s;
}

.index_case ul li:hover .xm-mid-bg,.cxypz_list ul li:hover .xm-mid-bg {
	opacity: 1;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.35);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}
.index_case ul li:hover .xm-msg-bg,.index_case ul li:hover .xm-msg,.cxypz_list ul li:hover .xm-msg-bg,.cxypz_list ul li:hover .xm-msg {bottom: 0;}

.cxypz_list ul li{float: left; width: 49%; height: 640px; margin-bottom: 10px; margin-right:1% ; overflow: hidden; position: relative; z-index: 1;}
.cxypz_list ul li img{width: 100%; height: auto !important;}
.cxypz_list ul li:nth-of-type(2n){margin-right: 0px !important;}
.cxypz_list ul li .xm-msg{background:none;}
.cxypz_list ul li:last-child .xm-msg{ /*background: rgba(0, 0, 0, 0.7);*/background:none; bottom: 0%; text-align: left;  }
.cxypz_list ul li:last-child:hover .xm-msg,.cxypz_list ul li:hover .xm-msg{ bottom: -35%; background:none; margin-bottom: 25px;  }

.pashow{display: block;	width: 100%; 	overflow: hidden;	background: rgba(0, 0, 0, 0.7);	position: absolute;	bottom: 0;	z-index: 3;	margin-bottom: 0;	height: 100%; box-sizing:border-box;color: #FFF; -webkit-transform: translateX(-100%); transform: translateX(-100%);     transition: all .6s ease;}
.pashow .textnei{padding: 1.375rem 3.125rem;}
.cxypz_list ul li:hover .pashow {-webkit-transform: translate(0, 0); transform: translate(0, 0);}


.wyys1{padding:0px 32px 32px 0px;height:146px; border-right:1px solid #ebebed;border-bottom:1px solid #ebebed}
.wyys2{padding:0px 0px 32px 32px;height:146px;border-left:1px solid #fff;border-bottom:1px solid #ebebed}
.wyys3{padding:32px 32px 0px 0px;height:146px; border-right:1px solid #ebebed;border-bottom:0px solid #ebebed}
.wyys4{padding:32px 0px 0px 32px;height:146px;border-left:1px solid #fff;border-bottom:0px solid #ebebed}
.ys_info{width:368px;font-size:14px;color:#666;line-height:22px;}

.hezuo{background:url(../images/big3.jpg) top center; height:716px;}
.lianxi{background:url(../images/big4.jpg) top center; height:749px;}

.aboutus_r{background:rgba(255,255,255,0.9) ; box-sizing:border-box; padding:30px 45px; width:760px; height:478px;margin-top:160px;}
.aboutus_r .h30{ height:30px;margin-bottom:15px}
.aboutus_r .h30 img{float:left;}
.aboutus_r .h30 span{line-height:30px;float:left;height:30px;margin-left:15px; font-size:20px;}

.fwlcbg{background:#ff5a85  url(../images/bg.jpg) no-repeat top center; height:320px;}
.fwlc{display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-around;}
.fwlcico .fwico{width:78px;height:78px;     font-family: fantasy;  margin: 0px auto;  text-align: center;background:#fff;border-radius:10px; line-height:78px; font-size:29px;}	
.fwlcico .fwtext{padding-top:20px;    text-align: center; color:#fff}

.bgf2{background:#f2f2f2;}
.bg2{background:#f2f2f2;z-index:-1;right:0px;height:385px;top:0px;width:50%;}
.yztext{width:675px; height:385px; padding:60px;/*padding-right:0px;*/}


.list1{height:400px;width:53%;margin-right:-3%; }
.list2{height:460px; width:60%; background:url(../images/list2.png) no-repeat top right; z-index:2;margin-left:-10%;}
.list3{width:1200px;top:20px;left:50%;margin-left:-600px;  z-index: 3;}
.listleft{width:40%;}
.listleft ul li{padding:20px 0px; }
.listleft ul li a{line-height:16px;font-size:16px;display: -webkit-box; padding-left:20px}
.listleft ul li a:hover{color:#e32c7f;border-left:1px solid #e32c7f;line-height:16px;font-size:16px;display: -webkit-box;   }
.listmore a{ background:url(../images/more.png) no-repeat top center; width:51px;  height:12px; float:right; }

.zlcj ul li{width:348px; height:320px; box-shadow:1px 5px 15px #ccc;}
.zlcj ul li a{padding:20px;}
.zlcj ul li{transition: 0.3s;-ms-transition: 0.3s; -webkit-transition: 0.3s;}
.zlcj ul li:hover {   transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); }

.biaodan{width:340px; }
.tel{background:url(../images/tel.png) no-repeat left center; height:31px; width:208px; padding-left:44px; line-height:31px;}
.local{background:url(../images/local.png) no-repeat 5px center; height:31px;padding-left:44px; line-height:31px;}
.form{width:520px;}
.form input{ padding:10px; line-height:18px; font-size:16px; color:#333; background:#ededed url(../images/input1.jpg) no-repeat 310px 10px; margin-bottom:25px; border:none; width:100%}
.form input#mobile{background:#ededed url(../images/input2.jpg) no-repeat 310px 10px;}
.form textarea{ padding:10px; line-height:18px; font-size:16px; color:#333; height:100px; background:#ededed url(../images/input3.jpg) no-repeat 310px 10px; margin-bottom:25px; border:none; width:100%;font-family:"Microsoft YaHei"}
input.send{width:150px; border:none;   display: table; margin: auto;background: #f81200; border-radius: 60px; cursor: pointer;}

.search{ width:338px;height:320px;}
.search2 {height:40px; line-height:40px; border:1px solid #ededed; padding:0px 10px; box-sizing:border-box; width:338px;}
.search input{height:40px; line-height:40px;width:100%;background:none;border:none; }
.clickseach{width:20px; height:20px;background: url('../images/search.png') no-repeat;  right: 10px; top: 10px;}


.art_title{font-size:20px; background: url('../images/search.png') no-repeat;}
.list_title{ font-size:24px;font-weight: bold;    letter-spacing: 4; background: url('../images/neibg.png') no-repeat top center; height:98px; line-height:98px; margin:60px auto;}
.neibig{ min-height:760px; background-size:cover; background-position-y: center;}
.neibig .bt1{position:absolute;top:300px;left:50%;z-index:2; text-align:center;width:1000px; margin-left:-500px;  color: #fff;font-size: 60px;}
.neibig .bt2{position:absolute;top:400px;left:50%;z-index:2; text-align:center;width:446px; margin-left:-223px;}

.list_list ul li{float:left;width:284px; height:284px;margin-right:21px;margin-bottom:60px;box-shadow:1px 5px 15px #ccc;}
.list_list ul li:nth-of-type(4n+0){margin-right:0px;}
.list_list ul li .ysmc{font-size:16px; height:19px; padding:22px 0px; text-align:center; background:#f4f4f4; display: table; line-height: 19px; box-sizing: border-box;}
.list_list ul li:hover .ysmc{ background:#e32c7f;color:#FFF}

.neimenu {margin-left:-600px;left:50%;bottom:0px; height:58px;}
.neimenu a{background:#bebebe;font-size:;text-align:center;line-height:47px; margin-top:11px;height:47px;color:#FFF;font-size:24px; float:left; display: table; padding:0px 20px}
.neimenu a.on{background:#fe5b86;line-height:58px; height:58px;margin-top:0px;}


.xwzx_list ul li .img{width:173px;height:151px;}
.xwzx_list ul li .info{width:1018px;height:151px;padding:20px; background:#fff4f8}

.body_title{border-bottom:1px solid #ededed}
.next_prev{height:50px; line-height:50px; border:#ff5b87 1px solid; padding:0px 30px}
.next_prev a:hover{text-decoration: underline;}


.jsys1{border-right:3px solid #a5a5a5;height:1800px; padding-right:50px;}
.jsys2{border-left:3px solid #a5a5a5;height:1800px;padding-left:50px}
.yuan{width:70px;height:70px;box-sizing:border-box;border-radius: 50%;font-weight: bolder;right:-35px;z-index:2}
.yuan1{top:-10px;}
.yuan2{top:400px;}
.yuan3{top:680px;}
.yuan4{top:1050px;}
.yuan5{top:1370px;}

.big2{background:url(../images/big2.jpg) top center; height:730px;}
.four_do{width:278px; height:620px; background:rgba(255,255,255,0.8); }
.four_do .textico{ background:#8b000a;width:174px; height:40px; line-height:40px; font-size:24px;color:#fff;text-align:center; margin:18px auto;}
.four_do .infoico{ color:#8b0705; height:29px; line-height:29px; padding:10px 0px 10px 90px;border-bottom:1px solid #8c000b }
.four_do .infoico1{ background:url(../images/person.png) no-repeat 50px center;  }
.four_do .infoico2{ background:url(../images/person2.png) no-repeat 50px center;  }
.four_do .infoico3{ background:url(../images/person3.png) no-repeat 50px center;  }
.four_do .infotext{padding:10px 30px; color: #000; -webkit-transition: width 2s; transition: width 2s; position:relative; }
.four_do .infotext::before{transition: width 2s; -webkit-transition: width 2s;  position:absolute; width:100px }
.four_do .infotext:hover{background:#8b000a;color: #fff;}

.big3{background:url(../images/big3.jpg) top center; height:780px;}
.big4{background:url(../images/big4.jpg) top center; height:640px;}
.big5{background:url(../images/big5.jpg) top center; height:897px;}

.yxnews_menu { color:#cacaca;  font-size: 18px; padding-left:14px; }
.yxnews_menu a{ padding:0px 6px;color:#cacaca;font-size:18px;}
.yxnews_menu a.on,.yxnews_menu a:hover{color:#fafafa}
.yxtitle{font-size:48px;width:78px; height:410px; padding-right:30px; padding-top:20px; border-right:1px solid #b8b8b8}
.yxxwz_bg .bt1{position:absolute;top:240px;left:50%;z-index:2; text-align:center;width:670px; margin-left:-340px;}
.yxxwz_bg .bt2{position:absolute;top:320px;left:50%;z-index:2; text-align:center;width:446px; margin-left:-223px;}
.yxxwz_bg .bt3{position:absolute;bottom:220px;left:50%;z-index:2; text-align:center;width:47px; margin-left:-23px;}
.yxnews{width:600px;}
.yxnews_list ul li{background:url(../images/li.jpg) no-repeat left center;margin-bottom:26px; height:21px; line-height:20px; padding-left:13px; float:left;width:50%;box-sizing: border-box;}
.yxnews_list ul li a{color:#FFF}
.yxnews_list ul li a:hover{color:#999;text-decoration: underline;}
.yxnews_list a.more{border-bottom:1px dashed #737373; padding:20px 0px 10px 0px;    display: inline-block;}

.guest_left{background:url(../images/guestbook.png) no-repeat left center;width:319px;height:501px;padding-right:40px;box-sizing: border-box;}
.guest_line{background:#cc6569;margin:20px 0px; height:1px;}
.guest_right{height:501px;width:731px;}

.kehu{width:260px;height:474px; display: flex;justify-content: center;align-items: center; transition: width 0.5s; -webkit-transition: width 0.5s; }
.kehu.on{width:420px;height:474px; background:#d10212 }
.kehu:hover{width:420px;background:#d10212}
.kehu .info{display:none;width:420px;}
.kehu .info:first-child{display:block}
.kehu1{background:#f5f5f5;}
.kehu2{background:#ededed;}
.kehu3{background:#e0e0e0;}
.kehu4{background:#d9d9d9;}

.info{padding:45px;}
.info_bottom{ border-bottom:4px #fff solid;width:60px;height:1px;}

.zixun{border:1px solid #d10312;width:182px; height:40px;line-height:40px;font-size: 18px;color:#000;display: block;position:relative}
.zixun:hover{color:#fff !important;}
.zixun::after {content: ''; position: absolute; left: 0; bottom: 0;   width: 0%; height: 40px; background: #d10312; -o-transition: width .6s .05s; -moz-transition: width .6s .05s;  transition: width .4s .05s;z-index:-1}
.zixun_hover:hover .zixun::after{ width: 100%;}

.zixun3{border:1px solid #FFCB55;width:182px; height:40px;line-height:40px;font-size: 18px;color:#fff;display: block;position:relative}
.zixun3:hover{color:#eee !important;}
.zixun3 .span{ position: absolute;z-index:1;left: 0; bottom: 0;width:182px; height:40px;line-height:40px; color:#FFCB55 ;}
/*
.zixun3::before { content: ''; position: absolute; left: 0; bottom: 0;   width: 100%; height: 40px; background: #4d998e; -o-transition: width .6s .05s; -moz-transition: width .6s .05s;  transition: width .4s .05s;z-index:1}
.zixun3::after {content: ''; position: absolute; left: 0; bottom: 0;   width: 0%; height: 40px; background: #256a5d; -o-transition: width .6s .05s; -moz-transition: width .6s .05s;  transition: width .4s .05s;z-index:2}
.zixun3_hover:hover .zixun3::after{ width: 100%;}
*/
.zixun4{width:20.1rem; height:3.75rem;line-height:3.75rem;font-size:21px;display: block;position:relative; background: #ffce58;}
.zixun4 .span{ position: absolute;z-index:0;left: 0; bottom: 0;width:100%; height:3.75rem;line-height:3.75rem; color:#000;}

.index_jianjie p{text-indent: 2em; line-height: 3.025rem;}
.mobile_jzqx table{width: 50%;min-height: 210px; padding-right: 15px; box-sizing: border-box; float: left; }
.map_lxfs{height:650px; margin-top:50px}
.map_ccfs{  background: #f4f9ff;  width: 26%; height: 100%; left: 0px; top:0px; padding: 0px 100px; line-height: 36px; font-size: 20px; }

@media (min-width: 1201px) and (max-width: 1800px){ 
	.index_jianjie p {  text-indent: 2em;  line-height: 34px;}
	.w40.f28{font-size: 18px !important; line-height:30px !important ;}
	.bigtitle{font-size: 46px !important; }
	.con.f40.ls5.lh_40{ font-size: 36px !important; line-height:30px !important;}
	.con.f40.ls5.lh_40 .f50{font-size: 39px !important;}
	.whln_bg .con .w10:first-child{width: 0%;}
	.whln_bg .con .w40{width: 45%;}
	.whln_bg .con img{width:auto; height: 140px;}
	.whln_bg{height: 490px !important;min-height: 490px;}
	.whln_bg .mobile_whln{ padding-top:30px !important;}
	.bigtitlebg{bottom: 30px;}
	/*.index_kehu li:nth-of-type(4n) { margin-right: 0px;}
	.index_kehu li:nth-of-type(6n) { margin-right: 18px;} */
	.neibig{ min-height:490px; background-size: cover; }
	.dmtbox{height:899px;margin: 25px 0;}
	.main_visual{height:630px ;}
	.cxypz_list ul li{height:440px}
	.case_menu ul li{ margin: 0px 2.025rem;}
	
	.index_case ul li:first-child,.index_case ul li:first-child img{height: 486px;}
	.index_case ul li{height: 238px;}
	.news_list ul li{width: 48%; height: 130px;}
	.news_list ul li .w60{height: 130px;}
	.news_list ul li .w100.c3.f20{text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;  line-clamp: 1;-webkit-box-orient: vertical;}
	.news_list ul li .w100.lh26.c6{ text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;  line-clamp: 2;-webkit-box-orient: vertical;}
	.index_case ul li .xm-msg h2 { color: #fff;  padding-left:10px; font-size: 16px !important; font-weight:800;}
	.cxypz_list ul li .xm-msg h2{font-size: 20px !important;color: #fff;  padding-left:25px;}
	.index_case ul li .xm-msg p,.cxypz_list ul li .xm-msg p{ padding:10px; font-size: 14px !important;}
	.cxypz_list ul li .xm-msg p{padding-left: 25px;}
	
	.zgsheji-box .ul-1 .nth-2,.zgsheji-box .ul-2 li.nth-2,.zgsheji-box .ul-3 .nth-2{height:28px !important;}
	.zgsheji-box{font-size: 16px; padding-left:0px;  margin-top: 20px;}
	.zgsheji-box .ul-1 li,.zgsheji li{  height:38px !important; line-height:38px !important;}
	.zgsheji-box .ul-1 li{width: 220px;font-size: 16px}
	.zgsheji-box .ul-2 li span,.zgsheji-box .ul-2 li div{font-size: 18px; width: 80px;}
	.zgsheji-box .ul-2 li span.cc{font-size: 12px;}
	.zgsheji-box .ul-3 li{font-size: 18px;}
	.zgsheji-box .ul-3 li{width:268px;font-size: 16px;line-height: 20px; padding-top: 8px;box-sizing: border-box;padding: 8px 5px;     display: flex !important;align-items: left; justify-content: center;flex-direction: column; height: 48px;}

	.bg_tiao .w90{width: 96%;}
	.bg_tiao .w90 .lh50{ margin-top: 0px; font-size: 22px !important;}

}

@media (min-width: 601px) and (max-width: 1200px){
	.dmtbox{height: 449px;margin: 15px 0;}
	.bigtitle{font-size:21px;padding: 0px 10px;}
	.uppercase{font-size:13px !important;padding: 10px 10px !important;line-height:19px !important;}
	.form{width:100%;}
	.footinfo{padding:10px;box-sizing: border-box; }
	.footinfo .w30,.footinfo .w70{width:100% !important;box-sizing: border-box;}
}

@media (min-width: 100px) and (max-width: 1200px){
	.main_visual { height: 320px;}
	.pashow{display: none !important;}
	.neibig {  min-height: 220px;  background-size: cover;  background-position:center center; margin-top: 60px;}
	.cxypz_list ul li{height: 140px !important;}
	.cxypz_list ul li:hover .pashow{display: none !important;}
	.cxypz_list ul li:last-child:hover .xm-msg,.cxypz_list ul li:hover .xm-msg{ bottom: 2%; background:none; margin-bottom: 5px;  }
	.index_case ul li .xm-msg h2, .cxypz_list ul li .xm-msg h2 {
	    color: #fff;
	    padding-left: 15px;
	    font-size: 12px;
	}
	.index_case ul li .xm-msg p, .cxypz_list ul li .xm-msg p {
	    padding: 0px 10px;
	    color: #ffffff;
	    font-size: 12px;
	    line-height: 18px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    word-break: keep-all;
	}
	.mobile_jzqx table{width: 100%;min-height: 210px; padding-right: 15px; box-sizing: border-box;}
	.mobile_jzqx table tr td{width: 50%; padding-right: 10px; font-size: 12px;}
	.mobile_jzqx .lh_40 {line-height:25px !important;}
	.index_kehu li{width: 31.33%; height: auto; margin: 1%;}
	.index_kehu li a img{width: 100%; height: auto;}
	.bg_tiao {height: 80px; line-height: 60px; padding: 0px 10px; }
	.bg_tiao .w90{width: 100%;}
	.bg_tiao .w90 .lh50{line-height:35px !important; margin-top: 0px;    font-size: 10px !important;}
	.zixun4_hover{margin-bottom: 10px !important;}
	.zixun4{width:14rem; height:3rem;line-height:3rem;font-size:18px;display: block;position:relative; background: #ffce58;}
	.zixun4 .span{ position: absolute;z-index:0;left: 0; bottom: 0;width:100%; height:3rem;line-height:3rem; color:#000;}
	
	.zixun3,.zixun3 .span{width: 80px;height: 30px; line-height: 30px; font-size:12px ;}
	.bigtitle{font-size:18px !important;padding: 0px 10px;}
	.bigtitlebg {width: 50px;height: 50px;left: 50%; margin-left: -25px;bottom: 20px;  background-size: contain;}
	.uppercase{font-size:13px !important;padding: 10px 10px !important;line-height:19px !important;}
	
	.case_menu ul li{width:auto;float:left;text-align:center; padding:0px 0px; margin:0px 20px;   box-sizing: border-box;position:relative}
	.case_menu ul li a{color:#000; font-size:16px;line-height:50px; height:50px; display: block;cursor: pointer; width: 10.9625rem;-webkit-transition: font .15s;-o-transition: font .15s;transition: font .15s; }
	.case_menu ul li a::after {content: ''; position: absolute; left: 0; bottom:-3px;   width: 0%; border-bottom:5px solid #d09100; -o-transition: width .6s .05s; -moz-transition: width .6s .05s;  transition: width .4s .05s;z-index:33}
	.case_menu ul li.on a{font-size:16px;line-height:50px; height:50px; }
	.f30,.f20{font-size: 16px !important;} .f18{font-size: 14px !important;}
  	.mt50,.mt40{margin-top: 15px !important;}
	.swiper_zs{height: 160px}
	
	.mobile_index_case_menu ul li{margin: 0px 2px;}
	.mobile_index_case_menu ul li a,.mobile_index_case_menu ul li.on a {color: #000;font-size: 12px;   line-height: 20px;  height: 30px; width:100%;}
	.index_case ul li{height: 88px;}
	.index_case ul li:first-child{height: 186px;}
	
	.news_list ul li{width: 100%; height: 85px; overflow: hidden; float: left; margin-bottom:10px;}
	.news_list ul li .w60{height:80px;     padding-left: 10px;}
	.news_list ul li .w60 .lh_50{ line-height:30px !important; padding: 0px  !important;}
	.news_list ul li .w60 .lh_26 {line-height: 18px !important;}
	.dmtbox { width: 100%;height: 295px;     margin: 10px 0;}
	.dmtbox ul li .title-d-box{padding: 6px;}
	.dmtbox ul li figcaption .title-b-box .d1-title h2,.dmtbox ul li .title-d-box .d1-title h2{font-size: 10px;}
	.dmtbox ul li figcaption,.dmtbox ul li:hover figcaption{ padding: 10px;}
	.dmtbox ul li:nth-of-type(1){height: 66.3%;}
	
	.zgsheji-box{margin-top: 0px; padding-left: 0px;}
	.zgsheji-box-left{ width: 100%;}
	.zgsheji-box ul{width: 33%;}
	.zgsheji-box .ul-1 li {   width: auto;}
	.zgsheji-box .ul-2 li span, .zgsheji-box .ul-2 li div { width:33.33% !important; box-sizing: border-box; font-size:12px  !important;}
	.zgsheji li ,.zgsheji-box .ul-2 li.vs,.zgsheji-box .ul-3 li{ height: 30px; width: auto;  line-height: 30px;  margin-bottom: 8px; font-size: 12px;}
	.zgsheji-box .ul-3 li{line-height: 14px; padding: 1px 5px; box-sizing: border-box;}
	.zgsheji-box .ul-2 li.vs{    font-size: 25px;}
	.zgsheji-box .ul-3 .nth-1, .zgsheji-box .ul-1 .nth-1 {height: 35px; line-height: 35px; font-size: 14px;}
	.zgsheji-box .ul-1 .nth-2, .zgsheji-box .ul-3 .nth-2,.zgsheji-box .ul-2 .nth-2{height: 10px; }
	.zp_boxs {
		width:340px;
		height:340px;
		overflow:hidden;
		float: initial;
		margin: auto;
		position: relative;
	}
	
	.zp_boxs .zp_txt {
		left:0;
		top:0;
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		z-index:1;
	}
	.zp_boxs .zp_txt dd {
		display:block;
		position:absolute;
	}
	.zp_boxs .zp_txt dd {
		left:0;
		top:0;
		display:none;
	}
	.zp_boxs > div {
		left:0;
		top:0;
		left: 6px;
		top: 6px;
		position:absolute;
	}
	.zp_boxs .zp_til {
		left:-98px;
		top:-98px;
		margin-left:50%;
		margin-top:50%;
		width:196px;
		height:196px;
		-moz-border-radius:196px;
		-webkit-border-radius:196px;
		border-radius:196px;
		background:url(../images/zp_03.png) no-repeat center center;
		z-index:2
	}
	.zp_boxs .zp_bg img, .zp_boxs .zp_txt img, .zp_zhizhen .zp_bg img, .zp_boxs .zp_zhizhen img{width: 330px; height: 330px;}
	.zp_boxs .zp_zhizhen img {
		transition: All 0.4s ease-in-out;
		-webkit-transition: All 0.4s ease-in-out;
		-moz-transition: All 0.4s ease-in-out;
		-o-transition: All 0.4s ease-in-out;
	}
	.zp_zhizhen_h1 {
		transform: rotate(50deg);
		-webkit-transform: rotate(50deg);
		-moz-transform: rotate(50deg);
		-o-transform: rotate(50deg);
		-ms-transform: rotate(50deg);
	}
	.zp_zhizhen_h2 {
		transform: rotate(104deg);
		-webkit-transform: rotate(104deg);
		-moz-transform: rotate(104deg);
		-o-transform: rotate(104deg);
		-ms-transform: rotate(104deg);
	}
	.zp_zhizhen_h3 {
		transform: rotate(155deg);
		-webkit-transform: rotate(155deg);
		-moz-transform: rotate(155deg);
		-o-transform: rotate(155deg);
		-ms-transform: rotate(155deg);
	}
	.zp_zhizhen_h4 {
		transform: rotate(206deg);
		-webkit-transform: rotate(206deg);
		-moz-transform: rotate(206deg);
		-o-transform: rotate(206deg);
		-ms-transform: rotate(206deg);
	}
	.zp_zhizhen_h5 {
		transform: rotate(257deg);
		-webkit-transform: rotate(257deg);
		-moz-transform: rotate(257deg);
		-o-transform: rotate(257deg);
		-ms-transform: rotate(257deg);
	}
	.zp_zhizhen_h6 {
		transform: rotate(308deg);
		-webkit-transform: rotate(308deg);
		-moz-transform: rotate(308deg);
		-o-transform: rotate(308deg);
		-ms-transform: rotate(308deg);
	}
}

@media (min-width: 1200px) and (max-width: 1800px){
	.zgsheji-box .ul-2 li span,.zgsheji-box .ul-2 li div{font-size: 18px; width: 95px;}
	.zgsheji-box .ul-3 li{width:318px;font-size: 16px;line-height: 20px; padding-top: 8px;box-sizing: border-box;padding: 8px 5px;     display: flex !important;align-items: left; justify-content: center;flex-direction: column; height: 48px;}
	.zp_boxs {
		width:340px;
		height:340px;
		overflow:hidden;
		float: initial;
		margin: auto;
		position: relative;
	}
	
	.zp_boxs .zp_txt {
		left:0;
		top:0;
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		z-index:1;
	}
	.zp_boxs .zp_txt dd {
		display:block;
		position:absolute;
	}
	.zp_boxs .zp_txt dd {
		left:0;
		top:0;
		display:none;
	}
	.zp_boxs > div {
		left:0;
		top:0;
		left: 6px;
		top: 6px;
		position:absolute;
	}
	.zp_boxs .zp_til {
		left:-98px;
		top:-98px;
		margin-left:50%;
		margin-top:50%;
		width:196px;
		height:196px;
		-moz-border-radius:196px;
		-webkit-border-radius:196px;
		border-radius:196px;
		background:url(../images/zp_03.png) no-repeat center center;
		z-index:2
	}
	.zp_boxs .zp_bg img, .zp_boxs .zp_txt img, .zp_zhizhen .zp_bg img, .zp_boxs .zp_zhizhen img{width: 330px; height: 330px;}
	.zp_boxs .zp_zhizhen img {
		transition: All 0.4s ease-in-out;
		-webkit-transition: All 0.4s ease-in-out;
		-moz-transition: All 0.4s ease-in-out;
		-o-transition: All 0.4s ease-in-out;
	}
	.zp_zhizhen_h1 {
		transform: rotate(50deg);
		-webkit-transform: rotate(50deg);
		-moz-transform: rotate(50deg);
		-o-transform: rotate(50deg);
		-ms-transform: rotate(50deg);
	}
	.zp_zhizhen_h2 {
		transform: rotate(104deg);
		-webkit-transform: rotate(104deg);
		-moz-transform: rotate(104deg);
		-o-transform: rotate(104deg);
		-ms-transform: rotate(104deg);
	}
	.zp_zhizhen_h3 {
		transform: rotate(155deg);
		-webkit-transform: rotate(155deg);
		-moz-transform: rotate(155deg);
		-o-transform: rotate(155deg);
		-ms-transform: rotate(155deg);
	}
	.zp_zhizhen_h4 {
		transform: rotate(206deg);
		-webkit-transform: rotate(206deg);
		-moz-transform: rotate(206deg);
		-o-transform: rotate(206deg);
		-ms-transform: rotate(206deg);
	}
	.zp_zhizhen_h5 {
		transform: rotate(257deg);
		-webkit-transform: rotate(257deg);
		-moz-transform: rotate(257deg);
		-o-transform: rotate(257deg);
		-ms-transform: rotate(257deg);
	}
	.zp_zhizhen_h6 {
		transform: rotate(308deg);
		-webkit-transform: rotate(308deg);
		-moz-transform: rotate(308deg);
		-o-transform: rotate(308deg);
		-ms-transform: rotate(308deg);
	}
}
@media (min-width: 100px) and (max-width: 380px){
	
  .big_text p{font-size: 12px; letter-spacing: 2.5px; padding-left:5px}
  .four_td{height: 288px;}
  .four_td .tdbg{height:124px;}
  .four_td .mengban{height: 288px;}
  .main_menu{ height:130px; }

}

@-webkit-keyframes progress360{
	0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	10%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	20%{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
	30%{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
	40%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	50%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	60%{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
	70%{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
	80%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
	90%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes progress360{
	0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	10%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	20%{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
	30%{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
	40%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	50%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	60%{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
	70%{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
	80%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
	90%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}