body,hr, p, blockquote,h1,h2,h3,h4,h5,h6, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0; 
}

body,html{overflow-x: hidden;}
.clear { *zoom :1;}
.clear:after { content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.pull-left { float:left;}
.pull-right { float:right;}
.adapt_screen{width: 100%; max-width: 1920px; margin: 0 auto; position: relative;}
h2{font-weight: 300; font-size: 30px;}
img{display: block;}
ul,li{list-style: none;}
/*头部*/
.rod-header img{width: 100%;}
.rod-des{position: absolute; text-align: center; width: 300px; color: white; left: 50%; top: 52.6%; margin-left: -150px;}
.rod-des h2{font-size: 40px; line-height: 100px;}
.rod-des p{font-size: 16px;}

/*碳纤维制作工艺*/
.make img{width: 100%;}
.make-des{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position: absolute; left: 15.5%; top: 35.2%; width:700px; color: #595758;}
.make-des h2{line-height: 80px;}
.make-des p{line-height: 30px;}
.make-run{animation: des 2s forwards;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
    .make-des{left: 10.5%; width: 650px;}
}

/*角度*/
.angle-des img{width: 100%;}
.angle-des{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; top: 40.2%; width: 600px; position: absolute; left: 52.4%; color: #fff;}
.angle-des h2{line-height: 70px;}
.angle-des p{line-height: 30px;}
.angle-run{animation: des 2s forwards;}
/*参数*/
.parameter img{width: 100%;}
.para-des{position: absolute; bottom: 15.1%; width: 600px; left: 50%; margin-left: -300px;}
.para-des li{text-align: center; color: #585657; float: left; padding: 0 50px; border-right: 1px solid #585657; height: 77px;}
.para-des li:nth-last-of-type(1){border: none;}
.para-des li p{font-size: 16px; line-height: 24px;}
.para-des li span{font-size: 28px;}


/*轮播图*/
html, body {position: relative;height: auto;overflow-x: hidden; }
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    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 img{width: 100%;max-width: 1920px;}
.swiper-pagination-bullet{height: 18px !important; width: 18px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 20px 20px !important;}

/*配件*/
.expand img{width: 100%;}
.expand-des{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position: absolute; top: 23.1%; color: #585657; left: 52.7%; width: 540px;}
.expand-des h2{height: 70px; line-height: 70px;}
.expand-des p{line-height: 30px;}
.expand-run{animation: des 2s forwards;}

.rod-footer img{width: 100%;}


/*字推移*/
@keyframes des{
	from{
		-webkit-transform: translateY(35px);
		-ms-transform: translateY(35px);
		-o-transform: translateY(35px);
		transform: translateY(35px);
		filter:alpha(opacity=0);  
	    -moz-opacity:0;  
	    -khtml-opacity: 0;
      	opacity: 0;  
	}
	to{
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		filter:alpha(opacity=100);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;
      	opacity: 1; 
	}
}