.p_center{width:100%;margin:0 auto;}
.p_center_1{width: 1236px; margin:0 auto;}
.location{padding: 20px 0;border:1px solid #dadada;margin-bottom:40px;}
.location span{margin-right: 20px;margin-left: 10px; font-family: "宋体"; font-size: 14px;}
.location .cur_page{color:#005bab; font-weight: bold;}
.content_left{width:280px;float: left;}
.content_right{float: left;width: 765px; margin-left: 60px;}
.content_left_top{border-left: 4px solid #005bab; padding-left: 12px; font-family: "Microsoft YaHei"; font-size: 22px; color: #333333; margin-bottom: 10px; }
.content_left ul{border: 1px solid #dadada; border-bottom: none;}
.content_left ul li{float: left; width:244px;border-bottom:1px solid #dadada; padding: 10px 0px;padding-left: 36px;}
.content_left ul li a{color:#333333;font-family: "Microsoft YaHei"; font-size: 24px; }
.content_left ul li a p{padding: 3px 0; font-size: 12px; font-family: "Microsoft YaHei";  }
.content_nav_cur{ background-color: #005bab; background-image:url('../images/jt.jpg'); background-repeat: no-repeat; background-position: 250px 30px; }
.content_nav_cur a{color:#ffffff !important;}
.content_nav_cur a p{color: #ffffff !important;}
.content_left ul li:hover{ background-color: #005bab; background-image:url('../images/jt.jpg'); background-repeat: no-repeat; background-position: 250px 30px; }
.content_left ul li:hover a{color:#ffffff !important;}
.content_left ul li:hover a p{color: #ffffff !important;}
.product_content_left{width:280px;float: left;}
.product_content_left_top{border-left: 4px solid #005bab; padding-left: 12px; font-family: "Microsoft YaHei"; font-size: 22px; color: #333333; margin-bottom: 10px; }
.product_content_left ul{border: 1px solid #dadada; border-bottom: none;}
.product_content_left ul li{float: left; width:264px;border-bottom:1px solid #dadada; padding: 10px 0px;padding-left: 16px;background-color:#2a354b}
.product_content_left ul li a{color:#ffffff;font-family: "Microsoft YaHei"; font-size: 24px; }
.product_content_left ul li a p{padding: 3px 0; font-size: 12px; font-family: "Microsoft YaHei";  }
.product_content_nav_cur{ background-color: #005bab !important; background-image:url('../images/jt_1.jpg'); background-repeat: no-repeat; background-position: 250px 25px; }
.product_content_nav_cur a{color:#ffffff !important;}
.product_content_nav_cur a p{color: #ffffff !important;}
.product_content_left ul li:hover{ background-color: #005bab; background-image:url('../images/jt_1.jpg'); background-repeat: no-repeat; background-position: 250px 25px; }
.product_content_left ul li:hover a{color:#ffffff !important;}
.product_content_left ul li:hover a p{color: #ffffff !important;}
.content_top{width: 765px; padding-bottom: 15px; border-bottom:2px solid #005bab;}
.content_top .content_name{float: left; font-family: "Microsoft YaHei"; font-size: 24px; font-weight: bold;color:#333333;}
.content_top img{float: right;}
.product_content_top{width: 750px; border-left: 4px solid #005bab;padding-left:15px;}
.product_content_top .product_content_name{float: left; font-family: "Microsoft YaHei"; font-size: 22px; font-weight: bold;color:#005bab;}
.content_all{padding-top: 65px;}
.outerBox {
        /* 竖线样式 高度根据事件的多少调整*/
        width: 1px;
        height: 1300px;
        background: rgb(221, 221, 221);
        margin: 40px auto;
        position: relative;
        -webkit-animation: heightSlide 2s linear;
    }

@-webkit-keyframes heightSlide {

    /* 竖线的动画效果：以百分比来规定改变发生的时间，0% 是动画的开始时间，100% 动画的结束时间 */
    0% {
        height: 0;
    }

    100% {
        height: 900px;
    }
}

.outerBox:after {
    /* 竖线末尾文字样式 */
    /*content: '未完待续...';*/
    width: 100px;
    color: rgb(84, 84, 85);
    position: absolute;
    margin-left: -47px;
    text-align: center;
    bottom: -30px;
    -webkit-animation: showIn 5.5s ease;
}

.outerBox .dateBox,
.outerBox .dateLeftBox {
    /* 球球的样式 */
    position: absolute;
    margin-left: -9px;
    margin-top: -10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid #005bab;
    background: white;
    -webkit-transition: all 0.5s;
    -webkit-animation: showIn ease;
}
.outerBox .dateBox p,
.outerBox .dateLeftBox p{
	color:#333333;
}

.outerBox .dateBox:nth-child(1) {
    /* 第一个事件 设置动画在几秒内完成 */
    -webkit-animation-duration: 1s;
}

.outerBox .dateLeftBox:nth-child(2) {
    /* 第二个事件 设置动画在几秒内完成 */
    -webkit-animation-duration: 1.5s;
}

.outerBox .dateBox:nth-child(3) {
    /* 第三个事件 设置动画在几秒内完成 */
    -webkit-animation-duration: 2s;
}

.outerBox .dateLeftBox:nth-child(4) {
    /* 第四个事件 设置动画在几秒内完成 */
    -webkit-animation-duration: 2.5s;
}

.outerBox .dateBox:nth-child(5) {
    /* 第五个事件 设置动画在几秒内完成 */
    -webkit-animation-duration: 3s;
}

.outerBox .dateLeftBox:nth-child(6) {
    /* 第六个事件 设置动画在几秒内完成 */
    -webkit-animation-duration: 3.5s;
}

.outerBox .dateBox:nth-child(7) {
    /* 第七个事件 设置动画在几秒内完成 */
    -webkit-animation-duration: 4s;
}

.outerBox .dateLeftBox:nth-child(8) {
    /* 第八个事件 设置动画在几秒内完成 */
    -webkit-animation-duration: 4.5s;
}

@-webkit-keyframes showIn {

    /* 球球、竖线、左右的模块的动画 */
    0%,
    70% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.outerBox .dateBox h2,
.outerBox .dateLeftBox h2 {
    /* 日期的样式 */
    position: absolute;
    margin-left: 31px;
    margin-top: -13px;
    color: rgb(84, 84, 85);
    font-size: 14px;
    cursor: pointer;
    /* -webkit-animation: showIn 3s ease; */
}

.outerBox .dateLeftBox h2 {
    /* 右边日期的样式 */
    margin-left: -110px;
    width: 100px;
}
.outerBox .dateBox .box_content p{
	padding-left: 15px;
}
.outerBox .dateLeftBox .box_content p{
	padding-right: 15px;
}


.outerBox .dateBox .box_content,
.outerBox .dateLeftBox .box_content {
    /* 左右事件的样式 */
    position: absolute;
    top: 50%;
    margin-top: 37px;
    left: 50px;
    width: 300px;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
    /* -webkit-animation: showIn 5s ease; */
    -webkit-transition: all 0.5s;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #333333;
}
.dateBox h2{color: #005bab !important; font-size: 30px !important; cursor:default !important;}
.dateBox h4{ position: absolute;margin-left: 105px;margin-top: 1px;color: #005bab !important; font-size: 16px}
.dateLeftBox h2{color: #005bab !important; font-size: 30px !important;}
.dateLeftBox h4{ position: absolute;margin-left: -35px;margin-top: 1px;color: #005bab !important; font-size: 16px}
.outerBox .dateLeftBox .box_content {
    /* 左边事件的样式 */
    left: -337px !important;
}

.outerBox .dateBox .box_content p{
    background-position: 0px 9px;
	background-image: url('../images/right_icon.jpg');
	background-repeat: no-repeat;
	line-height: 30px;
	cursor:default !important;
}



.outerBox .dateLeftBox .box_content p{
	background-position: 290px 10px;
	text-align:right;
	background-image: url('../images/left_icon.jpg');
	background-repeat: no-repeat;
	line-height: 30px;
	cursor:default !important;
}



.right_icon{
	width: 8px;

	height: 8px;

	background-color: transparent; /* 模块背景为透明 */

	border-color: #005bab;

	border-style: solid;

	border-width: 2px 2px 0 0 ;

	top:50px;
	left:30px;

	transform: rotate(45deg); /*箭头方向可以自由切换角度*/
	position: absolute;

}
.left_icon{
	width: 8px;

	height: 8px;

	background-color: transparent; /* 模块背景为透明 */

	border-color: #005bab;

	border-style: solid;

	border-width: 2px 0 0 2px;

	top:50px;
	left:-30px;

	transform: rotate(-45deg); /*箭头方向可以自由切换角度*/
	position: absolute;

}




.outerBox .dateLeftBox:before {
    /* 左边事件的角标样式 */
    left: -34px;
    border: 7px solid transparent;
    border-left: 7px solid rgb(84, 84, 85);
}

.outerBox .dateBox div ul,
.outerBox .dateLeftBox div ul {
    /* 左右事件触摸展开后内容的样式 */
    list-style: none;
    width: 300px;
    padding: 4px;
    border-top: 2px solid rgb(84, 84, 85);
    color: rgb(84, 84, 85);
    font-size: 14px;
}
.left{float: left}
.right{float:right;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}
.mt30{margin-top:30px;}
.w1002{width: 1002px;}

.dark_block{ font-family: "Microsoft YaHei"; font-size: 26px;  text-align: center; background-color: #eeeeee; height: 50px; line-height: 50px; color:#333333 !important; }
.bottom_btn{background-color: #eff3fc; padding: 60px 0;}
.bottom_btn ul{width: 1236px; margin:0 auto; }
.bottom_btn ul li{float: left; margin-right: 15px;}
/*公司简介*/
.company_content p{color:#333333;font-family: "Microsoft YaHei"; font-size: 16px;}
.company_info{ background-image: url('../images/right_icon.jpg'); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 6px;color: #333333;font-weight: bold;padding-bottom: 6px;}
/*经营方针*/
.fangzhen_p{background-image: url('../images/right_icon.jpg'); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 7px;color: #333333;padding-bottom: 6px; font-size: 18px;}
/*商品目录*/
.shangpin_list{ width: 1236px; }
.shangpin_list li p{border-left: 4px solid #005bab; padding-left: 12px; font-family: "Microsoft YaHei"; font-size: 22px; color: #333333; margin-bottom: 10px;}
.shangpin_list li{float: left; margin-right: 20px;margin-bottom:60px;}
.shangpin_list li img{border: 1px solid #dadada;}
/*展会回顾*/
.zhanhui_left{float:left;}
.zhanhui_right{float: right;}
.zhanhui_content{width: 1236px; margin:0 auto;}
.zhanhui_top{padding-bottom: 15px; border-bottom:2px solid #005bab;width:100%;}
.zhanhui_top .zhanhui_div{float: left; font-family: "Microsoft YaHei"; font-size: 24px; font-weight: bold;color:#333333;}
.zhanhui_top img{float: right;}
.zhanhui_title{font-family: "Microsoft YaHei"; font-size: 28px; color: #333333;margin-bottom:35px;}
.zhanhui_content_all{padding-left: 30px;margin-top: 35px; margin-bottom: 35px;}
.zhanhui_content_all .first_p{ background-image: url('../images/right_icon.jpg') !important; background-repeat: no-repeat; padding-left: 15px; background-position: 0px 13px;color: #333333;padding-bottom: 6px; font-size: 16px; width: 455px; line-height: 35px;}
.zhanhui_content_all p{  padding-left: 15px; background-position: 0px 13px;color: #333333;padding-bottom: 6px; font-size: 16px; width: 455px; line-height: 35px;}
.zhanhui_location{background-color:#eeeeee; height: 50px; margin-top: 50px; }
.zhanhui_location .zhanhui_div{float: left;font-family: "Microsoft YaHei"; font-size: 28px;color:#333333; margin-left: 25px;margin-top: 5px;}
.zhanhui_location img{float: right; margin-top: 8px; margin-right: 10px;}
.fuwu_ul{width: 1010px; margin:0 auto;}
.fuwu_ul li{float: left;margin-right: 5px;}
/*产品*/
.product_content_all img{width: 100%;}
.go_download{background-color:#eaedf1; height:118px; width:100%; margin-top:10px;}
.go_download .go_download_name{ padding-left:#333333; padding-left:85px; float:left; margin-top:50px; font-family:"Microsoft YaHei" ; font-size:20px;}
.go_download a{float:left; display:block; background-color:#005bab;width:172px; height:54px; line-height:54px; margin-left:62px; color:#ffffff;  padding-left:76px;font-family:"Microsoft YaHei" ; font-size:20px; margin-top:35px; border-radius:6px; background-image:url("../images/p_icon_2.jpg"); background-repeat:no-repeat; background-position:165px 25px;}
/*联系我们*/
.contact_info{padding-top:38px;border-bottom:2px solid #005bab; padding-bottom:60px;}
.contact_left{float:left}
.contact_right{float:right}
.contact_company_name{ font-family:"Microsoft YaHei"; font-size:26px; color:#333333; margin-bottom:35px;}
.address_tip_1{ background-image:url('../images/c_1.jpg'); background-repeat:no-repeat; padding-left:32px; font-size:16px; font-weight:bold;height:28px; line-height:28px; margin-bottom:5px; }
.address_tip_2{ background-image:url('../images/c_2.jpg'); background-repeat:no-repeat; padding-left:32px; font-size:16px; font-weight:bold;height:28px; line-height:28px;margin-bottom:5px; }
.contact_top{padding-bottom: 15px; border-bottom:2px solid #005bab;width:100%;}
.contact_top .contact_name{float: left; font-family: "Microsoft YaHei"; font-size: 24px; font-weight: bold;color:#333333;}
.contact_top img{float: right;}
.address_info{padding-left:32px;}
.address_info p { font-size:16px;}
.message{width:100%; margin-top:40px;}
.message ul{margin-bottom:20px;}
.message ul li{float:left;  margin-right:48px;}
.message ul li input{border:1px solid #dadada; height:60px; width:362px; padding-left:16px;}
.message_1{color:#333333; font-family:"Microsoft YaHei"; font-size:26px; margin-bottom:15px;}
.message_2{color:#999999; font-family:"Microsoft YaHei"; font-size:16px; margin-bottom:30px;}
.tokinc_input{border:1px solid #dadada; height:60px; width:362px;padding-left:16px;}
.tokinarc_textarea{border:1px solid #dadada; height:60px; width:100%; height:148px; margin-bottom:20px;padding-left:16px;}
.tokinc_jj::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
	color: #999999;font-family:"Microsoft YaHei"; font-size:16px;
}
.tokinc_jj:-moz-placeholder{    /* Firefox版本4-18 */
	color: #999999;font-family:"Microsoft YaHei"; font-size:16px;
}              
.tokinc_jj::-moz-placeholder{    /* Firefox版本19+ */
	color: #999999;font-family:"Microsoft YaHei"; font-size:16px;
}              
.tokinc_jj:-ms-input-placeholder{   /* IE浏览器 */
	color: #999999;font-family:"Microsoft YaHei"; font-size:16px;
}

.tokinarc_textarea::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
	color: #999999;font-family:"Microsoft YaHei"; font-size:16px;
}
.tokinarc_textarea:-moz-placeholder{    /* Firefox版本4-18 */
	color: #999999;font-family:"Microsoft YaHei"; font-size:16px;
}              
.tokinarc_textarea::-moz-placeholder{    /* Firefox版本19+ */
	color: #999999;font-family:"Microsoft YaHei"; font-size:16px;
}              
.tokinarc_textarea:-ms-input-placeholder{   /* IE浏览器 */
	color: #999999;font-family:"Microsoft YaHei"; font-size:16px;
}        
.tokinarc_code{ height:60px; width:100px;}
.yz{margin-bottom:20px;}
.yz input{ float:left}
.yz img{ float:left; margin-left:30px;}
.tokinarc_submit{ background-color:#005bab; width:380px; height:60px; font-size:24px; color:#ffffff;}
/*资质认证*/
.zizhi_list li{float:left; margin-bottom:30px;}
.zizhi_list li:nth-child(odd){
    margin-right: 20px;
}
.zizhi_list li img{width:370px; height:510px;}
#page{margin:30px 0;font-size:13px;height:30px;line-height:30px;text-align:center}
#page .pageinfo {color:#666;padding:6px 8px;border:1px solid #ddd}
#page .pageinfo strong{font-weight:normal}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:6px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#2196f3;color:#fff;text-decoration:none;border:1px solid #2196f3;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}