.down{ width:60px; height: 30px; left:50%; margin-left: -30px; bottom:0px; position: absolute; z-index:10;}
/*一屏*/

.banner{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; overflow:hidden;}
.banner .p_banner{ z-index: 1; left: 0px;  height: 100%; width:100%; }
.banner img{ position: absolute; z-index: 1; left: 0px;  height: 100%; width:100%; }
.Mbanner {display:none;}
.p_video{ display:none; width:100%; overflow:hidden; }
/*第二屏*/
.section2{ width:100%; background: url("../images/bj02.jpg") top center no-repeat; background-size:cover; height:100%; overflow: hidden;}
.screen_2{ width:1102px; margin:0px auto; overflow: hidden;}
.screen_2 .we_img{ float: left;}
.screen_2 .we_info{ float: right; width:540px;overflow: hidden; border-bottom: 1px dashed #fff; height:360px;}
.screen_2 .we_info p.info{ width:100%;  color:#fff; font-size:12px; line-height: 22px; max-height: 110px; overflow:hidden; margin-top: 95px; margin-bottom: 60px; }
.screen_2 .we_info a.more{ color:#fff; width:185px; height: 42px; overflow: hidden; line-height: 42px; text-align: center; border:1px solid #ffffff; margin:0px auto; display: block;}


.fp-tableCell{ vertical-align:top}
/*第三屏*/
.lun_pro{width:1207px; margin:0px auto; height:100%; background:url("../images/shadow.jpg") left repeat-y; padding-left:7px; position:relative;}
.prolist{ width:100%; overflow: hidden;  }
.prolist li{ float: left; width:20%; background:#fff ; height:100%; position: relative;}
.prolist li .pro_li{ display: block; width:100%; overflow: hidden; background: url("../images/shadow.jpg") right repeat-y;  }
.prolist .pro_li p{font-size:14px; color:#000;  width:100%; text-align: center; line-height: 40px; margin-top: 35%;}
.prolist .pro_li i{ display: block; width:69px; height: 4px; background: #113172; margin:0px auto 20px auto;}
.prolist .pro_li .pro_img{ width:96%; overflow: hidden;  position:absolute;top:35%; left:2%;}
.prolist .pro_li .more{ display: block; margin:0px auto; position: absolute;bottom: 10%;left: 50%;margin-left: -14px;}
.prolist li:hover .pro_img{ transform:scale(1.2); transition:all 0.3s; -webkit-transition:all 0.3s;}

.prolist .display_info{ display: none; position: absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,46,115,0.8);}
.prolist .display_info p.title{ width:100%; color:#fff; text-align: center; margin-top: 35%;}
.prolist .display_info .icon{ width:45px; height: 45px; margin:35px auto; display: block;}
.prolist .display_info .info{ display: block; width:70%; margin:0px auto; line-height: 35px; color:#fff; height:245px; overflow: hidden;}
.prolist .display_info .more{ display:block; width:70%; height: 42px; line-height: 42px; border:1px solid #fff; text-align: center; color:#fff;   position: absolute;bottom: 10%;left: 50%;margin-left: -35%;}}
.section_lun{max-width:1920px; }

.lun_pro .bx-wrapper{ position:relative; height:100%}
.lun_pro .bx-wrapper .bx-controls-direction a{ top:50%; z-index:100; width:33px; height:33px; }
.lun_pro .bx-wrapper .bx-controls-direction a.bx-prev{background: url("../images/left02.png") no-repeat; left:-4%;}
.lun_pro .bx-wrapper .bx-controls-direction a.bx-next{background: url("../images/right02.png") no-repeat; right:-4%;}
.prolist li#l_18{display:none;}
/*第四屏*/
.section3{ width:100%; background: url("../images/bj03.jpg") top center no-repeat; background-size:cover; height:100%; overflow: hidden;}
.section3 .news{ width:1102px; margin:0px auto; height:193px; }
.section3 .news .news_title{ float: left; width:215px; margin-top:50px;}
.section3 .news_title img{ float: left;}
.section3 .year{ float: left; width:210px;  border-bottom:1px solid #7c9aa0; margin-top: 60px;}
.section3 .year p{height:35px; line-height: 30px; border-left: 5px solid #fff; font-size:36px; color:#fff; text-indent: 20px;}
.section3 .bxslide{ width:238px; height:189px; float: left; }
.section3 .bx_li{ width:100%; overflow: hidden; position: relative;}
.section3 .bx_li img{ width:100%; height:189px; display: block;}
.section3 .bx_li p{ background: rgba(0,0,0,0.5); position: absolute; bottom:0px; left:0px; width:84%; padding:0px 8%; height:34px; line-height: 34px; text-align: center; color:#fff; overflow:hidden;}
/*轮播*/
.bx-wrapper{ float:left; height:189px;}
.bx-wrapper .bx-viewport{ border:0px;}

.news_right{ float:right; margin-top: 8px; width:617px; height: 189px; overflow: hidden; background: rgba(0,0,0,0.3);}
.news_list{ width:85%; margin:0px auto;}
.news_list li{ width:100%; overflow: hidden;}
.news_list li a{ display: block; width:100%; color:#fff; line-height: 30px; height:30px;}
.news_list li span.data{ font-size:14px; float:left; padding-right:10px;}
.news_list li  i{ display: inline-block; height:30px; background: url("../images/xian.png") center repeat-x; float: left;}
.news_list li p{float: right;display:inline-block;padding-left: 10px;color:#fff;max-width: 50%;overflow: hidden;height: 25px;}
/*第五屏*/
.section4{ width:100%; background: url("../images/bj04.jpg") top center no-repeat; background-size:cover; height:100%; overflow: hidden;}
.section4 .content{ width:1102px; overflow: hidden; margin:0px auto;}
.content .phone{ width:442px;}
.content .phone>img{ margin-top: 142px;}
.content .phone .call{ width:355px; text-align: center;  font-size:18px; line-height: 34px;}
.content .phone .call img{margin-left:52px;margin-right:10px;float: left;margin-top:24px;margin-top: 6px;}
.content .phone .call p{ float: left;}
.content .company{width:320px;float:left;width: 360px;}
.content .address{ border-bottom:1px dashed #353535; height:175px; line-height: 25px;}
.content .er{ width:100%; overflow: hidden; margin-top: 35px;}
.content .er li{ float: left; margin-right:50px;}
.content .er li img{ display: block; margin:0px auto;}
.content .map{ width:286px; height:286px; border:5px solid #d8d7d7; float: right; position: relative;display:none;}
.content .map_icon{ position: absolute; width:26px; height: 38px; top:135px; right:90px; z-index:10;}
/*第六屏*/
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height:auto !important;}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}


/*左侧导航*/
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#fff; border:0px; display:block;  margin:5px; box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);}
#fp-nav ul li a.active span{ width:18px; height:18px; background: #fff; border:0px; margin:0px;}
#fp-nav ul li a, .fp-slidesNav ul li a{ width:18px; height:18px;}
#fp-nav ul li, .fp-slidesNav ul li{ width:18px; height:18px; padding:0px; margin:10px;}

.fp-section.fp-table, .fp-slide.fp-table{ overflow:hidden;}

#fp-nav.right{ float:left; right:inherit;}

/*#dowebok .section4{display:none;}*/


@media screen and (min-width:760px){
.news .bx-wrapper{min-width:238px;}
}
@media screen and (max-width:760px) {
    /*右侧*/
    .slidenav{display: none;}
    #fp-nav{ display: none;}

.p_video{ display:block; width:100%; height:100%; }
.banner .p_banner{ display:none;}
.banner{display:none;}
.Mbanner {display:block;}
    /*第二屏*/
    .section2{ background-size:cover; }
    .screen_2{ width:100%;}
    .screen_2 img{ width:60%; float:none; margin:0px auto; display:block;}
    .screen_2 .we_info{ float:none; margin:0px auto; width:90%;  height:auto; }
    .screen_2 .we_info p.info{ margin-top: 10%; margin-bottom: 5%;}
    .screen_2 .we_info a.more{ margin-bottom: 5%;}
    /*第三屏*/
    .news .bx-wrapper{ float:none; overflow:hidden; padding-top:10px;}
    .section3 .news{ width:90%; height:400px;}
    .section3 .news .news_title{ width:40%;}
    .news_right{ float: none; width:100%; margin-top: 20px;}
    .news_list{ width:95%;}
    .section_lun{width:360px;}
	.lun_pro{width:100%;background:none; padding-left:0px;}
	.lun_pro .bx-wrapper .bx-controls-direction a{ display:none;}
    /*第四屏*/
    .section4{ background-position: right;}
     .section3 .bx_li img{ height:auto;}
    /*第五屏*/
    .content .phone>img{ margin-top:2%; width:100%;}
    .content .phone .call{ width:100%;}
    .section4 .content{ width:90%;}
    .content .phone{ width:100%;}
    .content .company{ width:100%; overflow:hidden; float:none;}
    .content .er{ text-align:center;}
    .content .er li{ display:inline-block; float:none; margin:0px 5%;}
    .content .map{ display:none;}
}