@charset "utf-8";
@font-face {
    /* font-properties */
    font-family: 109-CAI978;
    src:url('../../font/109-CAI978.ttf'),  
    url('../../font/109-CAI978.ttf'),
    url('../../font/109-CAI978.ttf'); /* IE9 */
}

*{font-family:"Arial","宋体";}
html{font-size:14px;color:#555555; width:100%; height:100%;} 
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,span,input,textarea{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}
small{font-size:14px;}
li,ol{list-style:none;}
input,textarea{border:none;outline:none;-webkit-appearance: none;}
select{}
textarea{resize:none;}
em,i{font-style:normal;}
a{text-decoration:none;color:#555555;}
a:hover{color:#f50303;}
a:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a img{border:none;}
.clearfix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.floatleft{float:left;}
.floatright{float:right;}
.font12{ font-size:12px;}
.font80{ font:normal 80px "109-CAI978"; color:#f50303; text-transform:uppercase;}
.font40{ font:normal 40px/46px "Arial"; color:#333;}
.font16{font:normal 16px/30px "Arial"; color:#555;}
.color_blue{ color:#02a8fd !important;}
.pic1{ display:block; width:100%;}
.w1200{margin:0 auto; width:1200px;}
.p_r{ position:relative;}
/*箭头*/
.arrow-right{position: absolute;bottom:10px;left:50%;width:20px; margin-left:-10px; margin-top:-32px;text-align: center;z-index:9999;}
.arrow-right img{width:100%;opacity: .2;}
/*箭头动画*/
.next_arrow {-webkit-animation: fengJump 2.5s infinite; -moz-animation: fengJump 2.5s infinite; -ms-animation: fengJump 2.5s infinite; -o-animation: fengJump 2.5s infinite; animation: fengJump 2.5s infinite;}
@keyframes fengJump {
	0%   {transform:translateY(0); opacity: .2;}
	20%  {transform:translateY(0); opacity: .3;}
	40%  {transform:translateY(-15px); opacity: 1;}
	50%  {transform:translateY(0); opacity: .5;}
	60%  {transform:translateY(-10px); opacity: 1;}
	80%  {transform:translateY(0); opacity: .3;}
	100% {transform:translateY(0); opacity: .2;}
}
@-webkit-keyframes fengJump {
	0%   {-webkit-transform:translateY(0); opacity: .2;}
	20%  {-webkit-transform:translateY(0); opacity: .3;}
	40%  {-webkit-transform:translateY(-15px); opacity: 1;}
	50%  {-webkit-transform:translateY(0); opacity: .5}
	60%  {-webkit-transform:translateY(-10px); opacity: 1}
	80%  {-webkit-transform:translateY(0); opacity: .3}
	100% {-webkit-transform:translateY(0); opacity: .2}
}
@-moz-keyframes fengJump {
	0%   {-moz-transform:translateY(0); opacity: .2;}
	20%  {-moz-transform:translateY(0);opacity: .3;}
	40%  {-moz-transform:translateY(-15px); opacity: 1;}
	50%  {-moz-transform:translateY(0); opacity: .5}
	60%  {-moz-transform:translateY(-10px);  opacity: 1}
	80%  {-moz-transform:translateY(0);  opacity: .3}
	100% {-moz-transform:translateY(0);  opacity: .2}
}
@-ms-keyframes fengJump {
	0%   {-ms-transform:translateY(0); opacity: .2;}
	20%  {-ms-transform:translateY(0);opacity: .3;}
	40%  {-ms-transform:translateY(-15px); opacity: 1;}
	50%  {-ms-transform:translateY(0); opacity: .5}
	60%  {-ms-transform:translateY(-10px); opacity: 1}
	80%  {-ms-transform:translateY(0);  opacity: .3}
	100% {-ms-transform:translateY(0);}
}
@-o-keyframes fengJump {
	0%   {-o-transform:translateY(0); opacity: .2;}
	20%  {-o-transform:translateY(0);opacity: .3;}
	40%  {-o-transform:translateY(-15px); opacity: .7;}
	50%  {-o-transform:translateY(0); opacity: .5}
	60%  {-o-transform:translateY(-10px); opacity: .7}
	80%  {-o-transform:translateY(0);  opacity: .3}
	100% {-o-transform:translateY(0);  opacity: .2}
}

.com_title{ margin-bottom:5vh;}
.common_more{ width:100%; height:40px; margin-top:7vh;}
.abmore{ display:block;width:120px; height:40px; line-height:40px; text-indent:15px; color:#fff;transition:300ms ease-in-out; background:#f50303 url(../images/ico_more.png) 88% center no-repeat; }
.abmore:hover{background:#d3000e url(../images/ico_more.png) 95% center no-repeat;color:#fff;}
.inner{ width:85%; margin:0 auto; }

@media only screen and (max-width: 1440px){}

@media only screen and (max-width: 1366px){
	.inner{ width:90%; margin:0 auto; }
	.com_title{ margin-bottom:2vh;}
	.common_more{margin-top:5vh;}
	.font80{ font:normal 60px "109-CAI978"; }
	.font40{ font:normal 30px/46px "Arial";}
	.font16{font:normal 14px/26px "Arial";}
	}
	
@media only screen and (max-width: 1200px){
	.w1200 , .inner{ width:90%; margin:0 auto; }
	}

@media only screen and (max-width: 861px){
	.com_title{ margin-bottom:1vh;}
	.common_more{height:35px; margin-top:2vh;}
    .abmore{height:35px; line-height:35px;}
	.w1200 , .inner{ width:90%; margin:0 auto; }
	
	.font80{ font:normal 36px "109-CAI978"; }
	.font40{ font:normal 20px/20px "Arial";}
	.font16{font:normal 14px/24px "Arial";}

	}
@media only screen and (max-width: 767px){

	}
@media only screen  and (max-width:641px){}