.toolbar{position:fixed;right:30px;bottom:30%; z-index:99;}
.toolbar-item{display:block; width:60px; height:60px; border-radius:60px;margin-top:10px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background:url(../Image/weixin.png) center no-repeat #5a5a5a;}
.toolbar-item-weixin:hover{background:url(../Image/weixin.png) center no-repeat #0d3f91;}
.toolbar-item-weixin .toolbar-layer{height:212px;background:url(../Image/cop.jpg) center no-repeat;}
.toolbar-item-feedback{background:url(../Image/mobile.png) center no-repeat #5a5a5a;}
.toolbar-item-feedback:hover{background:url(../Image/mobile.png) center no-repeat #0d3f91;}
.toolbar-item-app{background:url(../Image/email.png) center no-repeat #5a5a5a;}
.toolbar-item-app:hover{background:url(../Image/email.png) center no-repeat #0d3f91;}
.toolbar-layer{position:absolute;right:60px;bottom:0;width:200px;opacity:0;filter:alpha(opacity=0); background:#fff; line-height:40px; text-align:center; border-radius:5px;
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}



#fp-nav{ display:none;}
.banner{position: relative; overflow: hidden; width: 100%; height: 100%; margin-top:100px;}
.banner video{position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: .6;
}
.banner .banner_con{position: absolute; top: 50%; width: 100%; color: #fff; font-size:18px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.banner .banner_con h3{font-size: 100px; font-weight: bold; margin:0;}
.banner .banner_con p{ font-size:60px; font-weight: bold; margin:0;}


.page2{background:url(../Image/bj1.jpg) center repeat; position:relative; width:100%; overflow:hidden;}
.index_about_left{ width:47%; height:100%; position:absolute; top:100px; left:10%; z-index:99;}
.index_about_top{ font-size:48px; color:#000; font-weight:bold; margin-top:60px;}
.index_about_top p{ margin:0; font-size:24px; color:#0d3f91; text-transform:uppercase; font-style:italic;}
.index_about_con{ width:55%; font-size:16px; color:#666666; line-height:25px; margin-top:5%;}
.index_about_more{ margin-top:5%;}
.index_about_bottom{ width:90%;background:url(../Image/p2.jpg) left bottom no-repeat; background-size:cover; padding:30px 30px 130px 30px; overflow:hidden; margin-top:5%;}
.index_about_bottom1{ float:left; font-size:36px; color:#fff; }
.index_about_bottom2{ float:right; color:#fff; font-size:16px; line-height:25px; width:65%;}


.index_about_right{ width:60%;background:url(../Image/about.jpg) center no-repeat; background-size:cover; height:100%; position:absolute; right:0; top:0;}
.index1_num{ width:80%; float:right; margin-top:200px;}
.index1_num .index-strength-list li{width:50%;text-align:center;float:left;}
.index1_num .index-strength-list li h2{height:50px;line-height:50px;font-size:52px;color:#fff;display:inline-block; font-style:italic;}
.index1_num .index-strength-list li span{line-height:20px;font-size:42px;font-weight:normal;color:#fff;margin-left:20px;display:inline-block;}
.index1_num .index-strength-list li p{font-size:18px;color:#fff;line-height:24px;margin-top:12px;}



.page3 { position: relative; margin-top:100px; background:#000;}
.index_pro_type{ overflow: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.index_pro_type li{ width:22%; position: relative; height: 100%; float:left;
transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}
.index_pro_type li:hover { z-index: 2;}
.index_pro_type li .img_box2 { width: 100%; transition: all 0.6s;}
.index_pro_type li .img_box2 .ratio2 { width: 100%; height: 100%; overflow: hidden;}
.index_pro_type li .img_box2 img { height: 100%; object-fit: cover; display: block; transition: all 0.6s; opacity:0.5;}
.index_pro_type li:hover .img_box2 img{ opacity:1;}
.index_pro_type li .text_box { width: 100%; height:50%; position: absolute; left: 15%; bottom:0;transition: all 0.6s; color: #fff;}
.index_pro_type li .text_box h3 { color: #fff; font-size:36px; margin-top:20%;}
.index_pro_type li:hover .text_box { display:none;}

.index_pro_type1{ width: 90%; height: auto; position: absolute; left:0; bottom:0; background:#fff; border-top-right-radius:10px; display:none; transition: all 0.6s; padding:50px 5% 100px 5%;}
.index_pro_type1_pro .vo{ float:left; width:30.3%; float:left; margin:1.5%; display:block;}
.index_pro_type1_pro .vo img{ width:100%;}
.index_pro_type1_top{ font-size:24px; color:#666666;}
.index_pro_type1_top span{ float:right;}
.index_pro_type1_top b{ font-size:30px; color:#000;}
.index_pro_type li:hover .index_pro_type1 { display: block;}
.index_pro_type .li_on .index_pro_type1 { display: block;}
.index_pro_type .li_on .text_box { display:none;}
.index_pro_type .li_on .img_box2 img{ opacity:1;}

.index_pro_type .li_on { width: 34%;} 




.page4{background:url(../Image/bj1.jpg) center repeat; position:relative; width:100%; overflow:hidden; position:relative;}
.index4{ position:absolute; bottom:0; width:100%;}
.index4 .index4_top{position: relative;width:85%;margin:auto; margin-bottom:3%; padding:25px 0 0 120px;}
.index4 .index4_top .ico{ position:absolute; left:0; top:0;}
.index4 .index4_top .ico img{ width:100%;}
.index4 .index4_top h2{font-size:48px; color: #000; margin:20px 0 0 0;}
.index4 .index4_top dl{display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin:0;}
.index4 .index4_top dd{font-size:18px; color: #666666; margin:0;}
.index4 .index4_top a{ padding:0 20px;}
.index4 .index4_top a.on{color:#0d3f91}
.index4 .list{height:500px; position: relative; bottom:0;}
.index4 .img-bg{ position: absolute; left: 0;top: 0; right: 0; bottom: 0; background: center no-repeat; background-size: cover; opacity: 0;}
.index4 .img-bg.on{opacity: 1}
.index4 .list .list-wrapper { position: absolute; z-index: 10;left: -1px; right: 0; top: 0; bottom: auto;overflow: hidden;}
.index4 .list li { height:200px; color: #fff; background: rgba(0, 0, 0, 0.2);border-left: rgba(255, 255, 255, 0.5) solid 1px; position: relative; z-index: 2; padding-top:300px;}
.index4 .list li h3{font-size: 36px; margin:0 20px;}
.index4 .list li .tag{}
.index4 .list li .tag dl{display: flex;display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;padding-top: 25px;}
.index4 .list li .tag dd{ margin:5px;display: block; color: #fff; border: #fff solid 1px; height:30px; line-height:28px; padding: 0 22px; font-size: 16px;}
.index4 .list li .more{padding-top:35px;  margin:0 20px;}
.index4 .list li .more a{color: #fff;background:url(../Image/p5.png) center right no-repeat; font-size:16px; padding-right:30px;}
     
.index4 .list li.on{ background: rgba(0, 0, 0, .5)}



.page5{ background:#f7f7f7;}
.index5_top{ text-align:center; font-size:48px; color:#000; font-weight:bold; margin-top:60px; margin-bottom:30px; font-family:"微软雅黑";}
.index5_top p{ margin:0; font-size:24px; color:#0d3f91; text-transform:uppercase; font-style:italic;}

.index5_main{ margin-top:45px;}
.index5_main ul li{ float:left; width:30.1%; margin:0 1.6%; margin-bottom:3%; background:#fff; padding-bottom:20px; font-family:"微软雅黑"; font-size:16px;}
.index5_main ul li .news1_tit{ font-weight:bold; color:#000000; margin:10px 20px; height:60px; overflow:hidden;}
.index5_main ul li .news1_date{ color:#0d3f91; font-style:italic; line-height:30px; margin:0 20px;}
.index5_main ul li .news1_con{ color:#666; margin:0 20px;}

.index5_main ul li .pic { position: relative; overflow: hidden; background:#fff; margin-bottom:20px;}
.index5_main ul li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;
}
.index5_main ul li .pic i {
  display: block;
  padding-bottom: 65%;
}
.index5_main ul li:hover img {
    transform: scale(1.02);
}

.index5_more{ text-align:center;}




.page6{background:url(../Image/bj6.jpg) top center no-repeat;position:relative;}
.index6_top{ text-align:center; font-size:48px; color:#fff; font-weight:bold; margin-top:100px; margin-bottom:30px; font-family:"微软雅黑";}

.index6_messge{  width:75%; margin:0 auto;}
.index6_messge_left{width:40%; float:left;background:#fff; padding:1% 5%;}
.index6_message_p{ font-size:16px; color:#767676;}
.index6_message_p p{ font-weight:bold; font-size:30px; color:#000000; margin:20px 0;}
.message2 ul{ margin-top:20px;}
.message2 ul li{ font-size: 16px; color: #fff; position: relative; margin-bottom: 10px; border:1px solid #dcdcdc;}
.message2 ul li input{
    display: block;
    width: 95%;
    border: none;
    line-height: 44px;
    height: 44px;
    font-size: 16px;
    color: #767676;
    text-indent: 0px;
    outline: none;
	background:none;
	padding-left:10px;
}
.message2 ul li #content{ min-height:100px;}
.message2 ul li #captcha{ width:60%; float:left;}
.message2 ul li .verify{ width:30%; height:44px;}
.message2 ul li .verify img{ width:100%; height:44px;}
.message2 ul  #submit{ width:200px; line-height:44px; height:44px; text-align:center; color:#fff; background:#004ea1; border: none;outline: none;}

.index6_right{ width:50%; float:right;}
.index6_right img{ width:100%;}