/*图片垂直水平居中*/
.img_czspjz{width: inherit;height: inherit;display: table-cell;vertical-align: middle;text-align: center;}
/*向下箭头CSS版*/
.zzhz_nr:after{content: " ";display: inline-block;height: 0.5rem;width: 0.5rem;border-width: 1px 1px 0 0;border-color: #6d6d6d;border-style: solid;transform: rotate(135deg);-webkit-transform: rotate(135deg);position: relative;top: -1px;position: absolute;top: 50%;margin-top: -0.4375rem;}
/*向下箭头CSS版(三角形)*/
.sjx{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;top: 50%;right: 8px;margin-top: -3px;border-width: 6px;border-top-color: rgba(255,255,255,.7);}
/*图文*/
.tuwen{overflow: hidden;}
.tuwen img{float: left;margin-right: 20px;}
.tuwen h4{font-size: 20px;}
.tuwen p{font-size: 16px;margin-top: 10px;}
/*导航*/

/*banner*/

/*百叶窗轮播*/
.shutter{overflow: hidden;width: 100% !important;height: 1080px !important;position: relative;}
.shutter-img{z-index: 1;}
.shutter-img,.shutter-img a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.shutter-img a {cursor: default;}
.shutter-img a > img {width: 100%;height: 100%;}
.shutter-img .created {overflow: hidden;position: absolute;z-index: 20;}
.shutter-btn li {position: absolute;z-index: 2;top: 50%;width: 49px;height: 49px;margin-top: -25px;cursor: pointer;}
.shutter-btn li.prev {left: 20px;background: url(../img/shutter_prevBtn.png) no-repeat 0 -49px;}
.shutter-btn li.next {right: 20px;background: url(../img/shutter_nextBtn.png) no-repeat 0 -49px;}
.shutter-desc {position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 36px;background: url(../images/shutter_shadow.png) repeat;}
.shutter-desc p {padding-left: 20px;line-height: 36px;color: #fff;font-size: 14px;}
/*无限滚动*/
.wxgd{width: 1200px;height: 281px;margin: 30px auto;overflow: hidden;position: relative;}
.wxgd>ul{height: 100%;position: absolute;left: 0;}
.wxgd>ul>li{position: relative;top: 10px;float: left;margin: 0 10px;}
.wxgd>ul>li img{width: 100%;}
/*图片居中*/
.jz_img{text-align: center;overflow: hidden;position: relative;width: 100%;}
.jz_img img{height: 100%;position: absolute;margin: auto;left: 0;bottom: 0;right: 0;top: 0;}
.jz_img2{text-align: center;overflow: hidden;position: relative;width: 100%;}
.jz_img2 img{position: absolute;margin: auto;left: 0;bottom: 0;right: 0;top: 0;}
/*蒙板*/
.mb{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}
.menban{width: 100%;height: 100%;background: rgba(0,0,0,0.35);z-index: 1000;position: absolute;top: 0;left: 0;}
.mb_box{position: absolute;width: 810px;height: 550px;left: 50%;margin-left: -405px;top: 50%;margin-top: -275px;border-radius: 12px;background: #fff;overflow: hidden;z-index: 10000;}
/*css3*/
	/*左右靠边,居中排版*/
.zyjz{display: flex;justify-content: space-between;flex-wrap: wrap;}
	/*全部平均居中排版*/
.pjjz{display: flex;justify-content: space-around;flex-wrap: wrap;}
	/*全部居中排版*/
.qbjz{display: flex;justify-content: center;flex-wrap: wrap;}
	/*水平垂直居中*/
.spczjz{display: flex;flex-direction: column;justify-content: center;align-items: center;}
	/*垂直居中*/
.czjz{display: flex;display: -webkit-flex;align-items: center;}	
	/*360度转圈*/
.css3zq{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

	/*边框移入特效*/
/*<a class="set_8_button outline">MORE<span class="lines"></span></a>*/
.set_8_button {display: inline-block;font-weight: 400;padding: 1px 25px;line-height: 45px;text-decoration: none;margin-right: 2em;cursor: pointer;text-align: center;transition: background 300ms;border-radius: 5px;}
.set_8_button.outline {overflow: hidden;position: relative;color: #c3c3c3}
.set_8_button.outline:hover{color: #3c8cff;}
.set_8_button.outline:before,.set_8_button.outline:after,.set_8_button.outline .lines:before,.set_8_button.outline .lines:after {background-color: #c3c3c3;content: "";height: 2px;left: 0;position: absolute;top: 0;transition: transform 300ms;width: 100%}
.set_8_button.outline:before {bottom: 0;top: auto}
.set_8_button.outline .lines {display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0}
.set_8_button.outline .lines:before,.set_8_button.outline .lines:after {height: 100%;width: 2px}
.set_8_button.outline .lines:after {left: auto;right: 0}
.set_8_button:hover:before {transform: translateX(-100%);background-color: #3c8cff;}
.set_8_button:hover:after {transform: translateX(100%);background-color: #3c8cff;}
.set_8_button:hover .lines:before {transform: translateY(-100%);background-color: #3c8cff;}
.set_8_button:hover .lines:after {transform: translateY(100%);background-color: #3c8cff;}

	/*过渡*/
header,.css3gd,.navv i,.banner .swiper-slide>span,.fuw_nr>a img,.bg-ellipse{
	transition: all .6s;
	-moz-transition: all .6s;	/* Firefox 4 */
	-webkit-transition: all .6s;	/* Safari 和 Chrome */
	-o-transition: all .6s;	/* Opera */
}
.bg-ellipse{
	transition: all 1.6s;
	-moz-transition: all 1.6s;	/* Firefox 4 */
	-webkit-transition: all 1.6s;	/* Safari 和 Chrome */
	-o-transition: all 1.6s;	/* Opera */
}

	/*放大*/
.css3fd:hover{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	}
	/*旋转*/
.css3xz{
transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */
}
.fuw_nr:hover>a img{
transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */
}



	/*其它*/
.join_m_number .a2{animation:mymov 1.2s infinite ;animation-direction:  alternate;
-webkit-animation:mymov 1.2s infinite ;animation-direction:  alternate; 
-moz-animation:mymov 1.2s infinite ;animation-direction:  alternate;
-o-animation:mymov 1.2s infinite ;animation-direction:  alternate;
}
@keyframes mymov{from {left: 0.875rem;}to{left:3rem;}}
@-moz-keyframes mymov /* Firefox */{from {left: 0.875rem;}to{left:3rem;}}
@-webkit-keyframes mymov /* Safari 和 Chrome */{from {left: 0.875rem;}to{left:3rem;}}
@-o-keyframes mymov /* Opera */{from {left: 0.875rem;}to{left:3rem;}}