@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: font1;
    font-style: normal;
    font-weight: 400;
    src: url(../English/fonts/raleway-400-normal.woff) format("woff")
}
body{
    font-family:"Microsoft YaHei","微软雅黑" !important;
    overflow-x: hidden;
    }
@font-face {
    font-family:Regular;
    src: url('../SOURCEHANSANSCN-REGULAR.OTF');
}
::-webkit-scrollbar-track-piece{width:10px;background-color:#fff;}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:#0b7fc4;}
::-webkit-scrollbar-thumb:hover{background:#0b7fc4;}

[v-cloak]{
    display: none;
}
/*文本超行省略显示*/
  .overflow_1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .overflow_2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .overflow_3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .overflow_4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
video{max-width:100%;}

/*鑫瑞特样式=============================================*/
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    padding: 8px 12px;
    margin: 0 5px;
    border-radius: 3px;
  }
  .pagination span {
      color: #333;
      font-size: 14px;
      padding: 8px 2px;
      margin: 0 5px;
      border-radius: 3px;
  }
  .pagination a:hover {
    color: #0b7fc4;
    border: 1px solid #0b7fc4;
  }
  .pagination a.page-num-current {
    color: #fff;
    background: #0b7fc4;
    border: 1px solid #0b7fc4;
  }
  .my-4{
    margin-top:40px;
  }
/*弹性布局*/

  /*换行*/
    .flex_tap{
      flex-wrap: wrap;
    }
  /*居中*/
  .flex_cont{
    display: flex;
    justify-content: center;
  }
  /*两端*/
  .flex_sp{
    display: flex;
    justify-content: space-between;
  }
  /*垂直*/
  .flex_y{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
    .cont{
        width: 90%;
        margin:0 auto;
    }
    .about_01{
        width: 100%;
        padding: 40px 0;
        background-color: #f2f2f2;
    }
    .about_01_l{
        width: 50%;
        padding: 40px;
        box-sizing: border-box;
        background-color: #fff;
    }
    .about_01_l>h4{
        font-size: 24px;
        font-weight: bold;
    }
    .about_01_l>p{
        line-height: 36px;
        text-indent: 2rem;
        margin-top:20px;
        text-align:justify;
    }
    .about_01_r{
        width: 50%;
        padding: 5%;
        box-sizing: border-box;
        background-color: #0b7fc4; 
    }
    .about_02{
        width: 100%;
        padding:40px 0;
    }
    .about_02_box{
        width: 100%;
        padding: 40px;
        box-sizing: border-box;
        box-shadow: 2px 5px 5px rgb(0 0 0 / 20%);
        background-image: url(../images/main_bg.jpg);
        background-position: bottom;
        background-size:cover;
    }
    .about_02_box>h4{
        font-size: 24px;
        font-weight: bold;
    }
    .about_02_box>p{
        line-height: 36px;
        margin-top:30px;
        text-align:justify;
    }
    .pro_box{
        width: 100%;
        padding:40px 0;
        background-color:#f2f2f2;
    }
    .pro_type{
        width: 100%;
        margin-top:30px;
        padding:0;
    }
    .pro_type>li{
        padding: 10px 16px;
        box-sizing: border-box;
        border:2px solid #0b7fc4;
        margin:0 20px;
    }
    .pro_type>li:hover{
        background-color:#0b7fc4;
    }
    .pro_type>li:hover>a{
        color: #fff;
    }
    .pro_show{
        margin-top:40px;
        overflow: hidden;
        padding:0;
    }
    .pro_show>li{
        width: 25%;
        float: left;
        padding:5px;
        box-sizing: border-box;
    }
    .pro_show>li>a{
        padding:20px;
        box-sizing: border-box;
        display: block;
        background-color:#fff;
    }
    .pro_show>li>a>.img_box{
        width: 100%;
        height:380px;
    }
    .pro_show>li>a>p{
        margin-top:10px;
    }


/*****header*******/
.header{
    width: 100%;
    padding: 25px 0;
    padding-left: 5% !important;
    position: absolute; top:0; left: 0;
    z-index: 999999;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .3s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .3s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .3s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .3s;
    transition: all cubic-bezier(.23,1,.32,1) .3s;
}

.header_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(255,255,255,.7);
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .5s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .5s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .5s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .5s;
    transition: all cubic-bezier(.23,1,.32,1) .5s;
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=11);
    box-shadow: 0 2px 10px hsla(214,3%,49%,.3);

}

.header_con{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.logo{
    float: left;
    line-height: 70px;
    position: relative;
    cursor: pointer;
}

.logo img{
    height: 68px;
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .5s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .5s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .5s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .5s;
    transition: all cubic-bezier(.23,1,.32,1) .5s;
}
.logo img.logoB{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    left: 0;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}

.header_con_right{
    float: right;
}

.header_search{
    width: 90px;
    float: left;
    height: 70px;
    text-align: center;
    line-height: 70px;
    position: relative;
    z-index: 2;
    background: #0b7fc4;
}
.header_search a{
    color: #efefef;
}


.header_search i{
    display: block;
    position: absolute;
    top: 0;
    left: -80px;
    z-index: -1;
    width: 80px;
    height: 80px;
    transform: rotate(-60deg);
    transform-origin: top right;
    background: #0b7fc4;
}

.header_contact{
    width: 200px;
    float: left;
    height: 70px;
    text-align: center;
    line-height: 70px;
    position: relative;
    z-index: 2;
    background: #aaabab;
    font-size: 14px;
    color: #efefef;
    padding-right: 40px;
    font-family: arial;
    letter-spacing: 1px;
}
.header_contact i{
    display: block;
    position: absolute;
    top: 0;
    left: -80px;
    z-index: -1;
    width: 80px;
    height: 80px;
    transform: rotate(-60deg);
    transform-origin: top right;
    background: #aaabab;
}
.header_nav{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 20px;
    right: 5%;
    width: 40%;
}
.header_nav li{
    float: left;
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .5s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .5s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .5s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .5s;
    transition: all cubic-bezier(.23,1,.32,1) .5s;
    margin-right: 20px;
}

.header_nav li i{
    display: block;
    margin-bottom: 4px;
    width: 2px;
    height: 6px;
    background: #333;
    transition: background .6s cubic-bezier(.23,1,.32,1) 0s;
    transform: skew(-29deg);
    transform-origin: left bottom;
}

.header_nav li span{
    display: block;
    width: 100%;
    height: 1px;
    position: relative;
    margin-top: 4px;
}
.header_nav li span b{
    position: absolute;
    left: 50%;
    right: 50%;
    height: 1px;
    background: #0b7fc4;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.header_nav li.on span b{
    left: 0;
    right: 0;
}

.header:hover .header_bg{
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}
/* .header:hover .logo img{
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}
.header:hover .logo img.logoB{
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
} */

.header:hover .header_nav li{
    color: #333;
}
.header:hover .header_nav li i{
    background: #333;
}

.header.on{
    padding: 0;
    position: fixed;
}

.header.on .header_bg{
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}
.header.on .logo img{
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=1);
    height: 50px;
}
.header.on .logo img.logoB{
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}
.header.on .header_nav li{
    color: #333;
}
.header.on .header_nav li i{
    background: #333;
}


.sub_nav{
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #0b7fc4;
    z-index: 999;
    display: none;
}
.sub_nav_list{
    width: 0%;
    overflow: hidden;
    display: none;
}

.sub_nav_list.on{
    display: block;
    overflow: hidden;
    width: 0;
    -webkit-animation: to100vh 1s cubic-bezier(.25,.46,.45,.94) both .3s;
    animation: to100vh 1s cubic-bezier(.25,.46,.45,.94) both .3s;
}

.sub_nav_list_w{
    background: #fff;
}

.sub_nav_list_w ul{
    width: 80%;
    margin: 0 auto;
    padding:30px 0 60px 0;
}

.sub_nav_list_w ul li{
    width: 33.33%;
    float: left;
    padding: 0 35px;
}
.sub_nav_list_w ul li a{
    display: block;
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #e4e4e4;
    -webkit-transition: padding 250ms cubic-bezier(.25,.46,.45,.94);
    transition: padding 250ms cubic-bezier(.25,.46,.45,.94);
}
.sub_nav_list_w ul li a:hover{
    padding-left: 12px;
}
.sub_nav_list_w ul li a span{
    display: block;
    font-size: 14px;
    color: #333;
}
.sub_nav_list_w ul li a span.en{
    margin-bottom: 8px;
    text-transform: uppercase;
}
.sub_nav_list_w ul li a span.cn{
    letter-spacing: 1px;
}

.sub_nav_list_w ul li a i{
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    background-image: url(../images/more_icon1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: right 250ms cubic-bezier(.25,.46,.45,.94);
    transition: right 250ms cubic-bezier(.25,.46,.45,.94);
}
.sub_nav_list_w ul li a:hover i{
    background-image: url(../images/more_icon3.png);
    right: 12px;
}

.sub_nav_list_w ul li a b{
    width: 0%;
    height: 1px;
    background: #333;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: width 250ms cubic-bezier(.25,.46,.45,.94);
    transition: width 250ms cubic-bezier(.25,.46,.45,.94);
}
.sub_nav_list_w ul li a:hover b{
    width: 100%;
}

@-webkit-keyframes to100vh {
    0% {
        width: 0
    }

    100% {
        width: 100vw
    }
}

@keyframes to100vh {
    0% {
        width: 0
    }

    100% {
        width: 100vw
    }
}



.clm0{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.clp0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sub_nav_img{
    width: 100%;
    height: 450px;
    background-image: url(../images/menu.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}


.sub_nav_img1{
    background-image: url(../images/menu1.jpg);
}

.sub_nav_img2{
    background-image: url(../images/menu2.jpg);
}

.sub_nav_img3{
    background-image: url(../images/menu3.jpg);
}

.sub_nav_img4{
    background-image: url(../images/menu4.jpg);
}

.sub_nav_img5{
    background-image: url(../images/menu5.jpg);
}

.sub_nav_img6{
    background-image: url(../images/menu6.jpg);
}

.sub_nav_imgBg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity:0.3;
    -moz-opacity:0.3;
    -khtml-opacity:0.3;
    -webkit-opacity:0.3;
    filter:alpha(opacity=30);
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.sub_nav_img:hover .sub_nav_imgBg{
    opacity:0.6;
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
    filter:alpha(opacity=60);
}

.sub_nav_img_zi{
    position: absolute;
    width: 82%;
    top:50%;
    left: 9%;
    height: 60px;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.sub_nav_img_zi h5{
    margin: 0;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

/*.sub_nav_img_zi h5 a{
    color:#fff;
}
*/
.sub_nav_img_zi h5 b{
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity:0.4;
    -moz-opacity:0.4;
    -khtml-opacity:0.4;
    -webkit-opacity:0.4;
    filter:alpha(opacity=40);
}

.sub_nav_img_zi h5 i{
    width: 0%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.sub_nav_img_zi h5:hover{
    padding-left: 10px;
}
.sub_nav_img_zi h5:hover i{
    width: 100%;
}

.sub_nav_img_zi h5 span{
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 8px;
    margin-top: -4px;
    background-image: url(../images/ico_dash_w.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.sub_nav_img_zi h5:hover span{
    right: 10px;
    background-image: url(../images/ico_link_w.svg);
}

.sub_nav_img_zi p{
    margin-top: 20px;
    margin-bottom: 0;
}
.sub_nav_img_zi p span{
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
    margin: 5px 0;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.sub_nav_img_zi p span i{
    width: 0%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.sub_nav_img_zi p span:hover i{
    width: 100%;
}

.sub_nav_img:hover .sub_nav_img_zi1{
    height:400px;
}

.sub_nav_img:hover .sub_nav_img_zi p span{
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}



/*****header*******/



/*****banner*******/
.banner{
    width: 100%;
    position: relative;
    height:500px!important;
    overflow: hidden;
}
.banner_list{
    width: 100%;
    height:500px!important;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner_list.banner1{
    background-image: url(images/banner_1.jpg);
}
.banner_list.banner2{
    background-image: url(images/banner_2.jpg);
}
.banner_list.banner3{
    background-image: url(images/banner_3.jpg);
}

.banner_list video{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    opacity:0.25;
    -moz-opacity:0.25;
    -khtml-opacity:0.25;
    -webkit-opacity:0.25;
    filter:alpha(opacity=25);
}

.banner_zi{
    width: 70%;
    position: absolute;
    top: 60%;
    left: 15%;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner_zi h5{
    font-size: 50px;
    font-family: arial;
    text-transform: uppercase;
    color: #fff;
    line-height: 80px;
    letter-spacing: 1px;
    margin: 0;
}
.banner_zi h5 font{
    color: #0b7fc4;
}


.banner_zi p{
    color:#fff;
    font-size:50px;
    margin-bottom:0;
    letter-spacing:5px;
}

.banner_zi1{
    position: absolute;
    right: 15%;
    top: 74%;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    letter-spacing: 1px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}
.banner_line{
    width: 35%;
    height: 3px;
    position: absolute;
    top: 66%;
    right: 15%;
    z-index: 999;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}
.banner_line i{
    display: block;
    height: 1px;
    background: #fff;
    opacity:0.6;
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
    filter:alpha(opacity=60);
}
.banner_line font{
    width: 1px;
    height: 9px;
    background: #fff;
    position: absolute;
    top: -4px;
    right: 0;
    opacity:0.6;
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
    filter:alpha(opacity=60);
}
.banner_line span{
    width: 0%;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    background: #0b7fc4;
    -webkit-animation: 0s linear;
    animation: 0s linear;
}

.banner_line.on span{
    -webkit-animation: bannerLine 6s linear infinite;
    animation: bannerLine 6s linear infinite;
}

@-webkit-keyframes bannerLine {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
@keyframes bannerLine {
    0% {
        width: 0;
    }
    100%{
        width: 100%;
    }
}



/*****banner*******/


.index_sec1{
    width: 100%;
    padding: 0 5%;
    padding-bottom: 6%;
    overflow: hidden;
    position: relative;
}
.index_sec1_bg{
    width: 5%;
    position: absolute;
    right: 0;
    top: 173px;
    bottom: 0;
    background: #0b7fc4;
}

.index_sec1>h5{
    font-size: 30px;
    color: #333;
    margin: 4% 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.clm5{
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.clp5{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.index_sec1_list{
    width: 100%;
    height: 580px;
    position: relative;
    background: #e4e4e4;
    overflow: hidden;
}
.index_sec1_zi{
    padding: 40px;
    position: relative;
    z-index: 9;
    top: 90px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}
.index_sec1_zi span{
    width: 16px;
    height: 3px;
    display: block;
    background: #333;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.index_sec1_zi h5{
    font-size: 20px;
    font-family: arial;
    color: #333;
    text-transform: uppercase;
    margin: 25px 0;
    line-height: 30px;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.index_sec1_zi p{
    font-size: 16px;
    color: #333;
    margin-bottom: 0;
    letter-spacing: 1px;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.index_sec1_img{
    width: 100%;
    height: 365px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: auto; 580px
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.index_sec1_img.show{
    height: 0;
}

.index_sec1_img.bg1{
    background-image: url(../images/index_sec1_1.jpg);
}
.index_sec1_img.bg2{
    background-image: url(../images/index_sec1_2.jpg);
}
.index_sec1_img.bg3{
    background-image: url(../images/index_sec1_3.jpg);
}

.index_sec1_hover{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}


.index_sec1_list:hover .index_sec1_img{
    height: 580px;
}
.index_sec1_list:hover .index_sec1_hover{
    opacity:0.6;
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
    filter:alpha(opacity=60);
}

.index_sec1_list:hover .index_sec1_zi span{
    background: #0b7fc4;
}
.index_sec1_list:hover .index_sec1_zi h5{
    color: #fff;
}
.index_sec1_list:hover .index_sec1_zi p{
    color: #f1f1f1;
}


.index_sec1_img p{
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin: 0;
    letter-spacing: 1px;
    padding: 40px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.index_sec1_list:hover .index_sec1_img p{
    top: 190px;
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}


.index_sec1_img ul{
    padding: 0;
    margin: 0;
    padding: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -20px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.index_sec1_list:hover .index_sec1_img ul{
    bottom: 0;
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}

.index_sec1_img ul li{
    line-height: 60px;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.index_sec1_img ul li b{
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity:0.4;
    -moz-opacity:0.4;
    -khtml-opacity:0.4;
    -webkit-opacity:0.4;
    filter:alpha(opacity=40);
}

.index_sec1_img ul li i{
    width: 0%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.index_sec1_img ul li:hover{
    padding-left: 10px;
}
.index_sec1_img ul li:hover i{
    width: 100%;
}

.index_sec1_img ul li span{
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 8px;
    margin-top: -4px;
    background-image: url(../images/ico_dash_w.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.index_sec1_img ul li:hover span{
    right: 10px;
    background-image: url(../images/ico_link_w.svg);
}





.index_sec2{
    padding: 4% 10% 4% 0;
    position: relative;
}

.index_sec2_bg{
    width: 5%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0b7fc4;
}

.index_sec2_con{
    padding: 50px 5% 50px 5%;
    background: #f5f5f5;
    position: relative;
}
.index_sec2_con>i{
    width: 24px;
    height: 3px;
    background: #333;
    position: absolute;
    top: 0;
    left: 5%;
}

.index_sec2_h{
    position: relative;
    top: 90px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}

.index_sec2_h h5{
    font-size: 30px;
    color: #333;
    margin: 20px 0;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-weight: 600;
}
.index_sec2_h a{
    display: block;
    width: 200px;
    line-height: 40px;
    color: #333;
    border-bottom: 1px solid #333;
    position: relative;
    z-index: 2;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.index_sec2_h a span{
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #0b7fc4;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.index_sec2_h a:hover{
    border-bottom: 1px solid #0b7fc4;
}
.index_sec2_h a:hover span{
    width: 100%;
}
.index_sec2_h a:hover{
    color: #fff;
    padding-left: 15px;
}

.index_sec2_h a i{
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    background: url(../images/more_icon1.png) center no-repeat;
    background-size: cover;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.index_sec2_h a:hover i{
    right: 10px;
    background: url(../images/more_icon4.png) center no-repeat;
    background-size: cover;
}


.index_news{
    width: 100%;
    position: relative;
    top: 90px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}
.index_news ul{
    padding: 0;
    margin: 0;
    width: 100%;
}
.index_news ul li{
    border-bottom: 1px solid #d9d9d9;
}
.index_news ul li span{
    float: left;
    width: 12%;
    line-height: 60px;
    font-size: 14px;
    color: #333;
}
.index_news ul li h5{
    float: left;
    width: 21%;
    line-height: 60px;
    font-size: 14px;
    color: #333;
    margin: 0;
    padding-left: 16px;
    position: relative;
}
.index_news ul li h5 i{
    width: 8px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background: #666;
}
.index_news ul li p{
    float: left;
    width: 67%;
    line-height: 60px;
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}



.index_sec3{
    padding-top: 4%;
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
}

.index_sec3_bg1{
    width: 5%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background: #0b7fc4;
}

.index_sec3>i{
    width: 24px;
    height: 3px;
    background: #333;
    position: absolute;
    top: 0;
    left: 5%;
    z-index: 9;
}

.index_sec3_con{
    padding: 0 10% 4% 5%;
    background: #0b7fc4;
    position: relative;
    z-index: 2;
}
.index_sec3_con_bg{
    position: absolute;
    top: 0;
    left: -1880px;
    z-index: -1;
    width: 2000px;
    height: 2000px;
    background: #f5f5f5;
    transform: rotate(-60deg);
    transform-origin: top left;
}

.index_sec3_con>h5{
    font-size: 30px;
    color: #333;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 60px;
}
.index_culture{
    width: 100%;
    background: #fff;
    padding: 4% 2.5%;
}

.index_culture_img{
    width: 36%;
    float: left;
    background:url(../images/index_culture.jpg) center no-repeat;
    background-size: cover;
}
.index_culture_img>img{
    width: 100%;
    height: 700px;
    display: block;
    object-position:center;
    object-fit:cover;
}
.index_culture_con{
    width: 64%;
    float: left;
}
.index_culture_con ul{
    padding: 0;
    margin: 0;
}
.index_culture_con ul li{
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 20px;
    position: relative;
    top: 60px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}
.index_culture_con ul li p{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    color: #333;
}

.sy_pro_img>a>.img_box{
    width: 100%;
    height: 320px;
}
.img_box>img{
    width: 70%;
    height: 90%;
    display: block;
    object-fit: cover;
    object-position: center;
    background-repeat: no-repeat;
}



.index_culture_a{
    display: block;
    width: 47%;
    margin-left: 53%;
    margin-top: 40px;
    line-height: 60px;
    color: #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 2;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}

.index_sec4 .index_culture_a{
    margin-left: 0;
    width: 100%;
}

.index_culture_a span{
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fff;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.index_culture_a:hover span{
    width: 100%;
}
.index_culture_a:hover{
    color: #101010;
    padding-left: 25px;
}

.index_culture_a i{
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    background: url(../images/more_icon2.png) center no-repeat;
    background-size: cover;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.index_culture_a:hover i{
    right: 10px;
    background: url(../images/more_icon3.png) center no-repeat;
    background-size: cover;
}



.index_sec4{
    padding: 6% 0 8% 0;
    background: url(../images/index_contact_bg.jpg) center no-repeat;
    background-size: cover;
}

.index_contact{
    width: 80%;
    margin: 0 auto;
}

.index_contact_left{
    width: 50%;
    float: left;
    position: relative;
    top: 90px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}
.index_contact_right{
    width: 50%;
    float: left;
    position: relative;
    top: 90px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}


.index_contact_left h5{
    font-size: 32px;
    font-family: arial;
    text-transform: uppercase;
    color: #fff;
    line-height: 70px;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 30px;
}
.index_contact_left h5 font{
    color: #0b7fc4;
}

.index_contact_right h5{
    font-size: 20px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.index_contact_right p{
    font-size: 14px;
    color: #fff;
    margin-bottom: 6px;
    letter-spacing: 1px;
    opacity:0.9;
    -moz-opacity:0.9;
    -khtml-opacity:0.9;
    -webkit-opacity:0.9;
    filter:alpha(opacity=90);
}






/********footer*********/
.footer{
    width: 100%;
    padding: 0 12%;
    background: #f2f2f2;
    position: relative;
}

.footer_bg{
    width: 5%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #0b7fc4;
}

.footer_logo{
    padding: 50px 0 40px;
}

.footer_nav{
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #666;
    position: relative;
}

.footer_nav ul{
    padding: 0;
    margin: 0;
}
.footer_nav ul li{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #666;
    padding: 15px 0;
}
.footer_nav ul li img{
    display: block;
    margin-bottom: 4px;
}
.footer_nav ul span{
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 1px;
    background: #535353;
    margin: 0 15px;
    margin-top: 36px;
}

.footer_weixin{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -45px;
}

.footer_bottom{
    padding: 20px 0 40px 0;
}

.footer_bottom p{
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
    text-align:center;
    margin-top: 10px;
}
.unohacha{
    float: right;
}


.back_top{
    position: absolute;
    bottom:100px;
    cursor: pointer;
    right: 0;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.back_top span{
    display: inline-block;
    width: 16px;
    height: 1px;
    background: #fff;
    margin-right: 10px;
    margin-top: 14px;
    vertical-align: top;
}


/********footer*********/






/***************products产品******************/
.banner_list.banner_product{
    width: 100%;
    background-image: url(../images/cp_banner.png);
}
.banner_list.banner_service{
    width: 100%;
    background-image: url(../images/service_banner.jpg);
}
.banner_list.banner_about0{
    width: 100%;
    /*background-image: url(../images/about_banner.jpg);*/
    background-image: url(../images/ab_banner.png);

}
.banner_list.banner_about{
    width: 100%;
    /*background-image: url(../images/about_banner.jpg);*/
    background-image: url(../images/zw.jpg);

}
.banner_list.banner_ywms{
    width: 100%;
    background-image: url(../images/about_banner.jpg);

}
.banner_list.banner_innovate{
    width: 100%;
    background-image: url(../images/innovate_banner1.jpg);
}
.banner_list.banner_innovate1{
    width: 100%;
    background-image: url(../images/ry_banner.jpg);
}
.banner_list.banner_cooperation{
    width: 100%;
    background-image: url(../images/cooperation_banner.jpg);
}
.banner_list.banner_gmp{
    width: 100%;
    background-image: url(../images/investor_banner.jpg);
}
.banner_list.banner_news{
    width: 100%;
    background-image: url(../images/news_banner.jpg);

}
.banner_list.banner_contacts{
    width: 100%;
    background-image: url(../images/contacts_banner.jpg);
}
.products_sec1{
    background: url(../images/product_sec1_1.jpg) no-repeat;
    padding-bottom: 100px;
    background-size: cover;

}
.products_sec1_f1{
    width:90%;
    margin:0 auto;
    background:#fff;
    margin-top:-30px;
    position: relative;
    z-index: 10;
    padding:50px 7%;
    /*padding-bottom: 0;*/
}

.products_sec1_f1_left{
    width: 50%;
    float: left;
}

.products_sec1_f1_left h2{
    font-size: 26px;
    margin-bottom: 0px;
    margin-top: 60px;
}
.products_sec1_f1_left p{
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
}
.join-sec2-list{
    padding-bottom: 55px;
    text-align: center;
}
.products_sec1_f1_main{
    width: 100%;
    margin: 0 auto;
}
.products_sec1_f1_main h2{
    font-size: 26px;
    margin-bottom: 0px;
    margin-bottom: 50px;
    padding-left: 0px;
}
.products_sec1_f1_main ul{
    padding-left: 0;
}
.products_sec1_f1_main li{
    float: left;
    width: 14.2857%;
}
.products_sec1_f1_main .join-sec2-list{
    padding-bottom: 0;
}
.products_sec1_f1_right{
    width:47%;
    float:right;
}
.products_sec1_f1_right a{
    display: block;
}
.products_sec1_f1_right .swiper1 .scrollbar-store-sec2{
        position: absolute;
    left: 10%;
    bottom: 20px;
    z-index: 50;
    height: 0px;
    border-bottom: 1px solid #0b7fc4;
    width: 60%;
}
.products_sec1_f1_right .swiper1 .scrollbar-store-sec2 .scrollbar-drag-store-sec2{
    width:10%;
    height:12px;
    background:transparent;
    top:-6px;
}
.products_sec1_f1_right .swiper1 .scrollbar-store-sec2 .scrollbar-drag-store-sec2 span{
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 6px;
    background: #0b7fc4;
    top: 3px;
    left: 0;
    border-radius: 0;
}
.products_sec1_f2{
    width:90%;
    margin:0 auto;
    padding:0px 7% 50px;
    background:#f1f1f1;
    position: relative;
}
.products_sec1_f2_list{
        width: 45%;
    float: right;
    margin-right: 2%;
    position: relative;
    z-index: 10;
}
.products_sec1_f2_list1{
    width: 100%;
    height: 225px;
    margin-top:5%;
    z-index: 5;
}
.products_sec1_f2_list1 img{
    width:100%;
    height:100%;
}

.products_sec1_f2_left{
    width:50%;
    float: left;
}
.products_sec1_f2_left_list{
    z-index: 10;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     padding-left: 144px;
}
.products_sec1_f2_left_list h3{
    margin-top: 0;
    color: #eef0f3;
    margin-bottom: 30px;
    padding-left: 20%;
    padding-right: 10%;
}
.products_sec1_f2_left_list p{
    color: #dcdada;
    margin: 0;
    padding-left: 20%;
    padding-right: 10%;
}
/***************service服务******************/

.service_sec1{
    padding:70px 12%;
    position: relative;
}
.service_sec1_list{
    position: relative;
}
.service_sec1_list_left{
    width:60%;
    float: left;
}
.service_sec1_list_right{
    width:40%;
    float: left;
    position: relative;
}
.ttl {
    width: 7%;
    height: 100%;
    max-height: 500px;
    position: absolute;
    display: inline-block;
    top: 90px;
    left:0;
}
.red {
    color: #0b7fc4;
}
.write{
    color:#fff;
}
.ttl.red span.crcl {
    color: #0b7fc4;
    border-color: #0b7fc4;
}
.ttl.write span.crcl {
    color: #fff;
    border-color: #fff;
}
.ttl span.crcl {
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #959595;
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    color: #959595;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -20px;
}

.ttl.w span.crcl {
    border: 1px solid #fff;
    color: #fff;
}

.ttl.red span.bar {
    background: #0b7fc4;
}
.ttl.write span.bar {
    background: #fff;
}
.ttl span.bar {
    width: 1px;
    height: 15px;
    background: #959595;
    display: block;
    position: absolute;
    left: 50%;
    top: 50px;
}

.ttl.w span.bar {
    background: #fff;
}

.ttl.red span.text {
    color: #0b7fc4;
}
.ttl.write span.text {
    color: #fff;
}
.ttl span.text {
    font-size: 16px;
    color: #959595;
    font-weight: 400;
    letter-spacing: .2em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: 11px;
}

.ttl.w span.text {
    color: #fff;
}

.service_sec1_bg1{
    width: 7%;
    position: absolute;
    top: 0;
    right: 0%;
    height: 100%;
    background: #0b7fc4;
}
.service_sec1_bg1 a{
    position: relative;
    box-sizing: border-box;
    display: block;
    text-align: right;
    height: 100%;
    padding-top: 40%;
    line-height: 20px;
}
.service_sec1_list_right1{
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
.service_sec1_list_right1 h2{
        font-size: 22px;
    color: #000;
    padding: 0 50px;
    line-height: 36px;
    margin-top: 0;
}
.service_sec1_list_right1 h3{
        font-size: 14px;
    color: #0b7fc4;
    padding: 0 50px;
    line-height: 24px;
    letter-spacing: 1px;
}
.service_sec1_list_right1 p{
        font-size: 12px;
    color: #a4a4a4;
    padding-left: 52px;
    margin-top: 30px;
    margin-bottom: 0;
}
.service_sec1_bg1 img{
    position: absolute;
    top: 11.5%;
    left: 50%;
    margin-left: -20px;
}
.service_sec1_bg1_quan{
    position: absolute;
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 50%;
    top: 12%;
    left: 50%;
    margin-left: -10px;
}
.service_sec1_bg1_zi{
    display: block;
    margin-top: 85px;
    color: #fff;
    text-align: center;
}
.service_sec2{
    padding-top:60px;
    background:#f1f1f1;
    position: relative;
}
.service_sec2_list{
    padding-left:140px;
}
.service_sec2_list1{
    position: relative;
    z-index: 10;
}
.service_sec2_list1_bg{
    position: absolute;
    width: 12%;
    height: 30%;
   /* background: #fff;*/
}
.service_sec2_list1_bg a{
    display: block;
    width:100%;
    height:100%;
}
.service_sec2_list1_bg1{
    top: 10%;
    left: 15%;
}
.service_sec2_list1_bg2{
        top: 25%;
    left: 50%;
}
.service_sec2_list1_bg3{
       top: 50%;
    left: 28%;
}
.service_sec2_list1_bg4{
    top: 62%;
    left: 68%;
}
.service_sec3{
    background:#0b7fc4;
    padding-bottom: 100px;
    position: relative;
    z-index: 5;
    padding: 70px 12%;
}
.service_sec3_list2{
    width: 90%;
    margin: 0 auto;
    position:relative;
    padding:70px;
    padding-left:7%;
    padding-right: 5.5%;
    background:#fff;
}
.service_sec3_list2_left{
    width:50%;
    padding-left:4%;
    float:left;
    position: relative;
    z-index: 5;
}
.service_sec3_list2_right{
    width:50%;
    float:left;
    padding-left:4%;
    position: relative;
    position: relative;
    z-index: 5;
}
.service_sec3_list2_right1{
    position: absolute;
    left: 6%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
.service_sec3_list2_f1{
    position: relative;
}
.service_sec3_list2_right1 h3{
    color: #fff;
    font-size: 25px;
    letter-spacing: 3px;
    margin-top: 0;
    margin-bottom: 25px;
}
.service_sec3_list2_right1 p{
    font-size:14px;
    color:#fff;
    margin-bottom:0;
    line-height: 26px;
}
.service_sec3_list2_right1 a{
    text-transform: uppercase;
    color:#fff;
    font-size:12px;
}
.service_sec3_list2_right1 a img{
    margin-right: 10px;
    vertical-align: middle;
}
.service_sec3_list2_f1_bg1{
    position: absolute;
    top:15%;
    left:0;
    width:100%;
    height:70%;
    background-color: #0b7fc4;
    z-index: 2;
}
.service_sec3_list1_top{
    padding-left:0px;
}
.service_sec3_list1_top h2{
    font-size: 26px;
    color: #fff;
    display: inline-block;
    border-bottom: 1px dashed #fff;
    padding-bottom: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.service_sec3_list1_top h3{
    font-size:16px;
    color:#fff;
}
.service_sec3_list1_top p{
    font-size:16px;
    color:#fff;
    margin-bottom: 50px;
}


/**********about***********/
.about_sec1{
    background:#eeeeee;
}
.about_sec1_left{
    width: 50%;
    float: left;
    margin-left: 5%;
    padding: 4% 5%;
    background: #fff;
    padding-bottom: 1%;
    z-index: 10;
    position: relative;
}
.about_sec1_right{
    width: 40%;
    float: left;
    margin-right: 5%;
    padding: 7%;
    background: #0b7fc4;
    position: relative;
    margin-bottom: -40px;
    z-index: 10;
}
.about_sec1_right1{
    width: 40%;
    float: left;
    margin-right: 5%;
    padding: 1.4%;
    background: #0b7fc4;
    position: relative;
    margin-top: -30px;
    z-index: 10;
}
.about_sec1_left h3{
    text-align: center;
    color:#0b7fc4;
    font-size:26px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.about_sec1_left h4{
    text-align: center;
    font-size:16px;
    margin-top:25px;
    margin-bottom: 60px;
}
.about_sec1_left p{
    font-size:14px;
    line-height: 26px;
    text-align: justify;
    margin-bottom: 0;
}
/*2020/12/24*/

/*2020/12/24*/
.about_sec1_left_hide{
    display: none;
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
}
.about_sec1_left_btn{
    width:250px;
    height:60px;
    margin:0 auto;
    border:2px solid #0b7fc4;
    margin-top:55px;
}
.about_sec1_left_btn a{
    display: block;
    width:100%;
    height:60px;
    line-height: 60px;
    text-align: center;
    font-size:14px;
    color:#0b7fc4;
    text-transform: uppercase;
    font-weight: bold;
}
.about_sec1_right h3{
    font-size:26px;
    color:#fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.about_sec1_right h1{
    font-size:26px;
    color:#fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.about_sec1_right h4{
    font-size:16px;
    color:#fff;
    margin-top:25px;
    margin-bottom: 50px;
    line-height: 30px;
}
.about_sec1_right_img{
    line-height: 30px;
    margin:0 auto;
}
.about_sec1_right p{
    font-size:14px;
    line-height: 26px;
    color:#fff;
    text-align: justify;
}
.about_sec1_left_hide1{
    display: block;
}
.about_sec1_left_hide1 img{
    max-width: 100%;
}
.about_sec1_left_show1{
    margin-top: 70px;
    margin-bottom: 23%;
}
.zyyw_data>p>em{
    height: 26px;
    width: 4.5%;
    float:right;
    display: block;
    position: relative;
    overflow: hidden;
}
.zyyw_data>p>em>img{
    width: 100%;
    position: absolute;
    top:0;
    right:-32px;
    display: block;
}
.qywh_box{
    width: 100%;
    height: 240px;
}
.qywh_data{
   position: relative; 
}
.qywh_data>h4{
    width: 100%;
    text-align: center;
    position: absolute;
    top:35%;
    left:0;
    font-size: 18px;
    font-weight: bold;
    transform: translateY(-30%);
}
.about_sec1_right_btn{
    width:250px;
    height:60px;
    margin:0 auto;
    border:2px solid #fff;
    margin-top:55px;
}
.about_sec1_right_btn a{
    display: block;
    width:100%;
    height:60px;
    line-height: 60px;
    text-align: center;
    font-size:14px;
    color:#fff;
    text-transform: uppercase;
    font-weight: bold;
}
.about_sec1_right_bg1{
        position: absolute;
    left: -126px;
    top: 55%;
    z-index: 11;
}
.about_sec1_right_bg2{
    position: absolute;
    right: -26px;
    top: 25%;
}

/*about2018-3-29*/
.w1170 {
    width: 1170px;
    margin: 0 auto;
    display: block;
}
.tabBox {
    height: 680px;
    /*background-color: #FFFFFF;*/
}

.tabBox .tabs {
    text-align: center;
    width: 100%;
    background: url(../images/icon.png) repeat-x left top;
    padding-top: 50px;
    *float: left;
    *margin-left: 210px;
}

.tabBox .tabs li {
    text-align: center;
    display: inline-block;
    width: 65px;
    font-size: 14px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #333;
    cursor: pointer;
    position: relative;
    *float: left;
    *height: 30px;
    *line-height: 30px;
}

.tabBox .tabs li .icon {
    background: url(../images/icon_01.png) no-repeat center bottom;
    display: inline-block;
    height: 16px;
    width: 27px;
    position: relative;
    top: 2px;
}

.tabBox .tabs li.on .icon {
    background: url(../images/icon_02.png) no-repeat center bottom;
}

.tabBox .tabs li.on {
    color: #0b7fc4;
}

.tabBox .tabs .w1170 {
    position: relative;
}

.tabBox .tabs .w1170 .jt,
.tabBox .tabs .w1170 .jt2 {
    background: url(../images/icon_17_2.png) no-repeat center center;
    width: 14px;
    height: 7px;
    display: inline-block;
    position: absolute;
    left:110px;
    *left: 110px;
    top: -14px;
}

.tabBox .tabs .w1170 .jt2 {
    top: 28px;
    background: url(../images/icon_17.png) no-repeat center center;
}

@keyframes xia {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, 3px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes xia {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
        -webkit-transform: translate(0px, 3px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

.jt {
    animation: xia 1s linear infinite;
    -webkit-animation: xia 1s linear infinite;
}

@keyframes shang {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -3px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes shang {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
        -webkit-transform: translate(0px, -3px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

.jt2 {
    animation: shang 1s linear infinite;
    -webkit-animation: shang 1s linear infinite;
}

.tabMain {
    overflow: hidden;
    height: 560px;
    width: 1170px;
    margin: 0 auto;
    display: none;
    font-size: 13px;
    line-height: 24px;
    position: relative;
}
.tabMain:first-of-type{
    display: block;
}
.tabMain h3 {
    font-size: 32px;
    font-weight: normal;
    color: #333;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.tabMain p {
    font-size:14px;
}

.t1 {
    background: url(../images/pre_01.jpg) no-repeat center top;
    text-align: center;
}

.t1 .txt {
    padding-top: 370px;
    font-size: 14px;
}
.t2 {
    background: url(../images/pre_02.png) no-repeat center top;
}


.t2 .txt {
    padding: 330px 0 0 650px;
}

.t3 {
    background: url(../images/pre_03.png) no-repeat center top;
}

.t3 .txt {
    padding: 325px 520px 0 180px;
}

.t4 {
    background: url(../images/pre_04.jpg) no-repeat center top;
}
.t4 .txt {
    padding: 330px 0 0 650px;
}

.t4 .tit1 {
    position: absolute;
    left: 230px;
    top: 420px;
}

.t4 .tit2 {
    position: absolute;
    left: 630px;
    top: 420px;
}

.t5 {
    background: url(../images/pre_05.jpg) no-repeat center top;
}

.t5 .txt {
    position: absolute;
    left: 100px;
    top: 345px;
}

.t6 {
    background: url(../images/pre_06.jpg) no-repeat center top;
}

.t6 .txt {
    padding: 320px 0 0 100px;
}

.t7 {
    background: url(../images/pre_07.jpg) no-repeat center top;
}

.t7 .txt {
    padding: 325px 0 0 665px;
}

.t8 {
    background: url(../images/pre_08.jpg) no-repeat center top;
}

.t8 .tit1 {
    position: absolute;
    left: 180px;
    top: 450px;
}

.t8 .tit2 {
    position: absolute;
    left: 670px;
    top: 450px;
}

.t9 {
    background: url(../images/pre_09.jpg) no-repeat center top;
}

.t9 .txt {
    padding: 320px 0 0 625px;
}

.t10 {
    background: url(../images/pre_10.jpg) no-repeat center top;
}

.t10 .txt {
    padding: 320px 0 0 125px;
}

.t11 {
    background: url(../images/pre_11.jpg) no-repeat center top;
}

.t11 .txt {
    padding: 320px 0 0 570px;
}

.t12 {
    background: url(../images/pre_12.jpg) no-repeat center top;
}

.t12 .txt {
    padding: 320px 0 0 110px;
}

.t13 .tm {
    overflow: hidden;
    height: 560px;
    width: 1170px;
    margin: 0 auto;
    display: none;
    font-size: 13px;
    line-height: 24px;
    display: none;
    position: relative;
}

.t13 .tm1 {
    background: url(../images/pre_13_01.jpg) no-repeat center top;
    padding-top: 168px;
    text-align: center;
}

.t13 .tm2 {
    background: url(../images/pre_13_02.jpg) no-repeat center top;
    padding-top: 168px;
    text-align: center;
}

.t13 .tm3 {
    background: url(../images/pre_13_03.jpg) no-repeat center top;
    padding-top: 168px;
    text-align: center;
}

.t13 .tab {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.t13 .tab span {
    background: url(../images/dot.png) no-repeat;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    display: inline-block;
}

.t13 .tab span.on {
    background-position: 0 -10px;
}

.t14 {
    background: url(../images/pre_14.jpg) no-repeat center top;
}

.t14 .txt {
    padding: 345px 0 0 650px;
}

.t15 {
    background: url(../images/pre_15.jpg) no-repeat center top;
}

.t15 .txt {
    padding: 333px 0 0 121px;
}
/*about 2018-3-29*/

.about_sec3{
        margin-bottom: -40px;
}
.about_sec4{
    width: 100%;
    margin: 0 auto;
    background:#0b7fc4;
}
.about_sec4_f1{
    padding:100px 7% 0;
    position: relative;
    background:#fff;
}
.about_sec4_f1 h2{
    font-size: 20px;
    display: inline-block;
    border-bottom: 1px dashed #0b7fc4;
    padding-bottom: 10px;
}
.about_sec4_f1 p{
    text-align: center;
}
.about_sec4_f1_bg{
    position: absolute;
    width:100%;
    height:37%;
    left:0;
    bottom: 0;
    z-index: 5;
    background:#0b7fc4;
}
.about_sec4_f1_list1{
    position: relative;
    z-index: 6;
}
.about_sec4_f2_list{
    padding-top: 40px;
    position: relative;
    z-index: 3;

}
.cf li{
    width:100%;
    /*float:left;*/
    position: relative;
}
.cf li img{
    height: 300px;
}
.swiper2_list{
    padding:15px 30px;
}
.about_sec4_f2{
    background:#fff;
    position: relative;
}
.inner{
    padding:0 7%;
}
.inner_content{
    padding:0 7%;
    padding-bottom: 0px;
}
.inner_content ul{
    margin:0;
    padding:0;
}
.text_box h3{
        margin-top: 0px;
    margin-bottom: 50px;
    color:#fff;
    font-size:26px;
    letter-spacing: 2px;
    text-align:center;
}
.prcpl2{
    margin-left:8%;
}
.prcpl3{
    margin-left:8%;
}
.prcpl1_bg1{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    filter:alpha(opacity=0.3);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;
}
.prcpl1_bg2{
        position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    color: #fff;
    padding: 50px 0 0 40px;
    line-height: 36px
}
.prcpl1_bg3{
    position: absolute;
    bottom: 10px;
    right: 15px;

}
.prcpl1_bg3 span{
    font-size:12px;
    color:#fff;
    text-transform: uppercase;
}
.prcpl1_bg3_img1{
        margin-left: 10px;
    margin-bottom: 4px;
}
.prcpl1_bg4{
    position: absolute;
    bottom: -20px;
    right: -20px;
    background: #0b7fc4;
    padding: 24px 25px;
    width: 93%;
    color: #fff;
    font-size: 13px;
    filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
    /*max-height: 110px;*/
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.cf li:hover .prcpl1_bg4{
    filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
/*.prcpl1_bg4 p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}*/
.about_sec4_f3{
    padding-top:60px;
    background:#f1f1f1;
    position: relative;
}
.about_sec4_f3_list{
    padding-left: 140px;
    position: relative;
    z-index: 2;
}
.about_sec4_f3_list2_img{
    width: 20%;
    padding: 2px;
    background-color: #fff;
    position: relative;
    z-index: 3;
}
.about_sec4_f2_bg1{
    width:100%;
    height:40%;
    position: absolute;
    left:0;
    top:0;
    background:#0b7fc4;
    z-index: 1;
}
.about_sec4_f2_ttl{
   z-index: 2;
}
.about_sec4_f3_list2_txt p{
        margin: 0;
    font-size: 14px;
    color: #fff;
    padding-bottom: 40px;
}
.about_sec4_f3_list2_txt h3{
    font-size:18px;
    color:#fff;
}
.about_sec4_f3_bg1{
    background:#0b7fc4;
    position:absolute;
    width:100%;
    height:40%;
    bottom:0;
    left:0;
    z-index: 1;
}
.about_sec4_f3_list2{
        padding-left: 3%;
    margin-top: -80px;
}

.service_sec1_bg2{
        width: 140px;
    position: absolute;
    bottom: 16%;
    right: 10%;
    z-index: 10;
}
.service_sec1_bg2 a{
    position: relative;
    box-sizing: border-box;
    display: block;
    text-align: right;
    height: 100%;
    padding-right: 25%;
    padding-top: 40%;
    line-height: 20px;
}
.service_sec1_bg2 img{
        position: absolute;
    top: 10.5%;
    right: 35%;
}
.service_sec1_bg2_quan{
        position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    top: 12%;
    right: 26%;
}
.service_sec1_bg2_zi{
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
}
.about_sec4_f1_list{
    text-align: center;
}
.about_sec4_f1_list_txt{
    margin-bottom: 40px;
    margin-top:20px;
}

.service_sec1_bg2_service1{
    top: 80px;
    bottom:inherit;
}
.about_sec5{
    padding-top:50px;
    background: #eee;
    text-align: center;
}

.about_sec7{
    padding:100px 0;
}
.about_sec7_left{
    margin-top: 0;
    width: 45%;
    padding: 3% 7% 0;
}
.about_sec7_left h3{
        text-align: left;
    margin-bottom: 40px;
}
.about_sec7_left h3 span{
    font-size:16px;
    color:#333;
}
.about_sec7_left .about_sec1_left_show h5{
    font-size: 18px;
    color: #0b7fc4;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
}
.about_sec7_right{
    margin-bottom: 0;
    padding: 3% 7%;
    width:45%;
}
.about_sec7_right1_title{
    width: 100%;
    background: #fff;
    position: relative;
    color: #0b7fc4;
    font-size: 16px;
    height: 39px;
    line-height: 39px;
    padding: 0 20px;
}
.about_sec7_right1_title img{
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
}
.about_sec7_right1{
    margin-top:20px;
}
.about_sec7_right1_txt{
    font-size: 14px;
    border: 1px solid #fff;
    padding: 10px 20px;
    line-height: 24px;
    color: #fff;
}
.about_sec7_f2_bottom1{
    width:60%;
    float:left;
}
.about_sec7_f2_bottom2{
    width:32%;
    float:right;
}
.about_sec7_f2_bottom1 h5{
    color: #0b7fc4;
    font-size: 26px;
    text-transform: uppercase;
        text-align: left;
    margin-bottom: 30px;
}
.about_sec7_f2_bottom1 h5 span{
    font-size:16px;
    color:#333;
}
.about_sec7_f2_bottom1 p{
    font-size: 18px;
    border-bottom: 1px solid #333;
    margin-top: 40px;
    color:#0b7fc4;
}
.about_sec7_f2_bottom{
    margin-top: 70px;
}

.about_sec7_f3{
    width:100%;
    margin:0 auto;
    padding:80px 7%;
    background: #eeeeee;
}
.about_sec7_f3 h5{
    color: #0b7fc4;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
}
.about_sec7_f3 h6{
        font-size: 16px;
    color: #333;
    text-align: center;
    margin-bottom: 60px;
}
.about_sec7_f3_list{
    margin-bottom: 20px;
}
.about_sec7_f3_list img{
    max-width: 100%;
}
.about_sec7_f3_list span{
    display: block;
    margin-bottom: 10px;
    font-size:20px;
}
.about_sec7_f3_list p{
    text-align: center;
    padding: 20px 0 0 0;
}
.about_sec7_f4{
    width:90%;
    margin:0 auto;
    /*padding:0 5%;*/
}
.about_sec7_f4_left{
    width:50%;
    float:left;
    padding:0 7%;
}
.about_sec7_f4_right{
    width:50%;
    float:right;
    position:relative;
    padding:0 5%;
}
.about_sec7_f4_right_bg{
    position: absolute;
    width: 40%;
    right: 10%;
    bottom: -80px;
    z-index: 5;
}
.about_sec7_f4_right1 h5{
    color: #0b7fc4;
    font-size: 26px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 25px;
    margin-top: 12%;

}
.about_sec7_f4_right1 h5 span{
    font-size:16px;
    color:#333;
}
.about_sec7_f4_right1 p{
        font-size: 18px;
    width: 50%;
    border-bottom: 1px solid #333;
    margin-top: 8%;
    color:#0b7fc4;
    min-width: 260px;
}
.about_sec7_f4_right1{
    position: relative;
    z-index: 10;
}


.about_sec7_f1{
    width: 70%;
    margin: 0 auto;
    background: #fff;
    padding: 80px 7% 80px;
    position: relative;
    margin-bottom: 80px;
}
.about_sec7_f1_list1{
    width:15%;
    margin-right:8%;
    float:left;
}
.about_sec7_f1_list2{
        width: 65%;
    float: left;
    position: relative;
    z-index: 10;
}
.about_sec7_f1_list2 h5{
        color: #0b7fc4;
    font-size: 26px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 35px;
    margin-top: 0;
}
.about_sec7_f1_list2 p{
    font-size:14px;
    line-height: 24px;
}
.about_sec7_f1_list2 h5 span{
        font-size: 16px;
    color: #333;
    margin-left:10px;
}
.about_sec7_f1_bg{
        position: absolute;
    right: 0px;
    top: 15px;
    width: 32%;
    z-index: 5;
}



.about_sec7_f1_left{
    width: 45%;
    float: left;
    margin-left: 5%;
    padding: 0% 5% 4%;
    position: relative;
}
.about_sec7_f1_right{
    width: 45%;
    float: right;
    margin-right: 5%;
    padding: 0% 5% 0%;
    position: relative;
}
.about_sec7_f1_right h5{
    font-size:26px;
    color:#0b7fc4;
    text-transform: uppercase;
}
.about_sec7_f1_right h5 span{
    color:#333;
    font-size:16px;
}
.about_sec7_f1_right p{
        width: 80%;
    position: relative;
    z-index: 10;
    margin-top: 6%;
}
.about_sec7_f1_right_img{
        position: absolute;
    width: 35%;
    bottom: -86%;
    right: 15%;
}

.about_sec7_f1_left img{
   display: block;
   width:85%;
   margin:0 auto;
   position: relative;
   z-index: 10;
}
.about_sec7_f1_left_bg1{
    position: absolute;
    width: 100px;
    height: 60px;
    background: #f7f7f7;
    top: -5%;
    right: 13%;
    z-index: 5;
}
.about_sec7_f1_left_bg2{
    position: absolute;
    width: 60px;
    height: 40px;
    background: #f7f7f7;
    bottom: 20%;
    right: -7%;
}
/*.about_sec7_f1_left*/





.about_sec8{
    background:#0b7fc4;
    padding:50px 5%;
}
.about_sec8_list{
    width:100%;
    background:#eee;
    padding:50px 7%;
}
.about_sec8_list_title{
    font-size: 26px;
    padding-bottom: 40px;
    text-align: center;
}
.about_sec8_list_txt ul{
    margin:0;
    padding:0;
}
.about_sec8_list_txt ul li{
    width:25%;
    float:left;
    margin-bottom: 10px;
}
.about_sec8_list_txt ul li a{
    font-size: 12px;
    color: #000;
    line-height: 40px;
    position: relative;
    padding-left:20px;
}
.about_sec8_list_txt ul li a span{
    position: absolute;
    top: 16px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #0b7fc4;
    border-radius: 50%;
}


/*news*/
.news{
    background-color: #F1F1F1;
}
.news_content_nav{
    background-color: #FFFFFF;
    width: 80%;
    margin: 60px auto;

}
.news_nav_list{
    padding: 0;
    width: 52%;
    margin: 0 auto;
}
.news_nav_list li{
    float: left;
    width: 100%;
    text-align: center;

}
.news_nav_list li a{
    text-align: center;
    display: inline-block;
    padding: 50px 0;
    font-size: 24px;
    color: #333;
    font-weight: 700;
}
.news_sec1{
    background-color: #FFFFFF;
    width: 90%;
    margin: 0 auto;
    padding: 100px 0;
    padding-bottom: 50px;
}
.news_sec1 .container-fluid {
    /*max-width: 1200px;*/
    margin: 0 auto;
    padding: 0;
    padding: 0 7%;
}
#masonry>a{
  float: left;
  width: 31%;
  margin-right: 2%;
  /*height:420px;*/
}
/*#masonry>a:nth-of-type(3n){
    margin-right: 0;
}*/
.news_sec1 .box{
  margin-bottom: 30px;
  float: left;
  width: 100%;

  }
.news_sec1 .box img {
  max-width: 100%;
  height: 300px;
}
.news_sec1 .box>h3{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
}
.news_sec1 .box>h6{
    font-size: 14px;
    color: #666666;
    display: inline-block;
}
.news_sec1 .box>p{
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    text-align: justify;
}
.news_sec1 .news_sec1_title{
    margin-right: 20px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    background-color: #0b7fc4;
    color: #F5F5F5;
    margin-left: 20px;
}
.news_line{
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #aaa;
    margin-bottom: 16px;
}
.news_on{
    border-bottom: 2px solid #0b7fc4;
}
.page,.page_num{
    margin: 0 auto;
    margin-top: 20px;
    text-align: left;
    padding: 0 7%;
}
/*news*/

/***************职业发展******************/
.banner_list.banner_develop{
    background-image: url(../images/develop_banner.jpg);
}
.develop_sec1{
    background:#0b7fc4;
}
.develop_sec1_list{
    width:90%;
    margin:0 auto;
    padding:80px 7%;
    position: relative;
    z-index: 2;
    background: #fff;
    margin-top: -40px
}
.develop_sec1_list_left{
    width: 55%;
    float: left;
    background: #fff;
    padding-right: 15%;
    text-align: center;
    padding-top: 80px;
}
.develop_sec1_list_left h3{
        margin: 0;
    text-align: left;
    color: #333;
    position: relative;
    display: block;
    margin-bottom: 40px;
}
.develop_sec1_list_left h3 span{
    position: absolute;
    width: 80%;
    border-bottom: 1px dashed #0b7fc4;
    background: #0b7fc4;
    bottom: -10px;
    left: 10%;
}
.develop_sec1_left_show{
        text-align: left;
    font-size: 14px;
    color: #333;
    line-height: 26px;
}
.develop_sec1_left_btn{
    width: 250px;
    height: 60px;
    margin: 0 auto;
    border: 2px solid #0b7fc4;
    margin-top: 55px;
}
.develop_sec1_left_btn a{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    color: #0b7fc4;
    text-transform: uppercase;
    font-weight: bold;
}
.develop_sec1_list_right{
    width: 45%;
    float: left;
    margin-right: 0;
    overflow: hidden;
}


.develop_sec1_bot{
    width: 90%;
    margin: 0 auto;
    padding: 20px 7%;
    position: relative;
    z-index: 2;
}
.develop_sec1_bot>img{
    display: inline-block;
    vertical-align: top;
}

.develop_sec1_bot h5{
    display: inline-block;
    margin: 0;
    vertical-align: top;
    color: #fff;
    font-size: 20px;
    margin-left: 20px;
    line-height: 60px;
    margin-top: 10px;
    border-bottom: 1px dashed #fff;
}

.develop_sec1_bot a{
    position: absolute;
    top: 45px;
    right: 7.7%;
    padding-right: 12px;
}

.develop_sec1_bot a span{
    width: 40px;
    height: 40px;
    border-radius:100%;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
}



.develop_sec2{
    background:#0b7fc4;
    padding:5% 0 5%;
}
.develop_sec2_list{
    width: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 80px 7%;
    position: relative;
    z-index: 3;
}
.develop_sec2_list1{
    padding:0px;
    position: relative;
    margin-top: 50px;
}
.develop_sec2_list2{
    border: 1px solid #CCCCCC;
    text-align: center;
    padding: 20px;
}
.develop_sec2_list1_top{
    border-bottom: 1px solid #CCC;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.row_30{
    margin-left:-30px;
    margin-right:-30px;
}
.col_r_30{
    padding-left: 30px;
    padding-right: 30px;
}
.develop_sec2_list1_top h5{
    font-size: 46px;
    color: #999;
    margin-bottom: 20px;
    font-family: 'inherit';
    /*font-weight: 350;*/
}
.develop_sec2_list1_top h6{
    font-size: 15px;
    color: #666666;
    margin: 0;
    padding: 0;
}
.develop_sec2_list1_bottom h3{
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.develop_sec2_list>h2{
        padding-left: 0px;
    margin-bottom: 40px;
    font-size: 24px;
    position: relative;
}
.develop_sec2_list>h2 a{
    position: absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
}
.develop_sec2_list>h2 a span{
        position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    border: 2px solid #0b7fc4;
    border-radius: 50%;
}
.develop_sec2_list>h2 a img{
        position: absolute;
    width: 35px;
    top: 0px;
    right: 10px;
}
.develop_sec2_list1_bottom p{
    margin-bottom:0;
    min-height: 60px;
    font-size: 14px;
}
.develop_sec2_list1_bottom a{
    color:#0b7fc4;
    text-transform: uppercase;
    border-bottom: 1px solid #0b7fc4;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.develop_sec3{
    background:#f1f1f1;
    padding-bottom: 140px;
    position: relative;
}
.develop_sec3_list1{
        width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}
.develop_sec3_list1_f1{
    width: 70%;
    margin: 0 auto;
    margin-top: -50px;
}
.develop_sec3_list1_f11_list{
    padding: 30px 0;
    text-align: center;
    width: 48%;
    border: 2px solid #0b7fc4;
    background: #fff;
}
.develop_sec3_list1_f11_list a{
    font-size: 14px;
    color: #000;
}
.develop_sec3_list1_f11_list a span{
        font-size: 18px;
    color: #0b7fc4;
    text-transform: uppercase;
}
.develop_sec3_list1_f11{
    margin-bottom: 70px;
}
.develop_sec3_list1_f12{
    position: relative;
    margin-bottom: 60px;
}
.develop_sec3_list1_f12 input{
    width: 100%;
    border: 2px solid #0b7fc4;
    height: 100px;
    font-size: 18px;
    padding-left: 30px;
}
.develop_sec3_list1_search{
    position: absolute;
    width: 34%;
    height: 96%;
    background: #ccc;
    top: 2%;
    right: 2px;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
}
.develop_sec3_list1_f2{
    background: #fff;
    padding: 20px 140px 50px;
    position:relative;
}
.develop_sec3_list1_f2 table{
    width:100%;
    text-align: center;
}
.develop_sec3_list1_f2 table thead{
    color:#0b7fc4;
}
.develop_sec3_list1_f2 table thead th{
    text-align: center;
    font-size: 15px;
    padding: 25px 0;
}
.develop_sec3_list1_f2 table tbody td{
    padding: 30px 0;
}
.develop_sec3_list1_f2 table tbody tr{
    border:1px solid #cccccc;
    cursor: pointer;
    position: relative;
}
.develop_sec3_list1_f2 table tbody tr:hover{
    background-color: #cccccc;
}
.develop_sec3_bg{
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    background: #0b7fc4;
}
.develop_sec3_list_f1{
    margin-top: -40px;
    position: relative;
    z-index: 1;
}
.develop_sec3_list1_f2_bg1{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    /*background:#ccc;*/
}
.img-show{
    display: block;
    margin:0 auto;
}
.img-hidden{
    display: none;
    margin:0 auto;
}

/***************投资者关系******************/
.investor_sec1_list{
    width:90%;
    margin:0 auto;
}
.investor_sec1_list1{
    padding:70px 7%;
}
.investor_sec1_list1 h3{
    letter-spacing: 2px;
    margin-bottom: 25px;
    margin-top:0;
}
.investor_sec1_list1_txt table {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width:100%;
}
.investor_sec1_list1_txt table td {
    border-left: 1px solid #ccc;
    text-align: left;
    border-top: 1px solid #ccc;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    color: #333;
}
.investor_sec2{
    background:#f5f5f5;
    padding:50px 0 0;
}
.investor_sec2_list{
    width:90%;
    margin:0 auto;
    background:#fff;
}
.investor_sec2_list1{
    padding:70px 7%;
}
.investor_sec2_list1 h3{
    letter-spacing: 2px;
    margin-bottom: 25px;
    margin-top:0;
}
.investor_sec2_list1_txt table{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width:100%;
}
.investor_sec2_list1_txt table td{
    text-align: center;
    height: 40px;
    line-height: 20px;
    color: #333;
    padding: 10px;
}
.investor_sec2_list1_txt table td p{
    margin:0;
    text-align: center;
}
.investor_sec2_list1_txt table td p.MsoNormal{
    text-align: center;
}
.investor_sec2_list2{
    padding:70px 7%;
}
.investor_sec2_list2 h3{
    letter-spacing: 2px;
    margin-bottom: 25px;
    margin-top:0;
}
.investor_sec2_list2_txt table{
    width:100%;
}
.investor_sec2_list2_txt table td{
    text-align: center;
    height: 40px;
    line-height: 20px;
    color: #333;
    padding: 10px;
    border: solid #ccc 1.0pt !important;
}
.investor_sec2_list2_txt table td p{
    margin:0;
    text-align: center;
}
.investor_sec3{
    background: #0b7fc4;
    padding:90px 0;
    position: relative;
}
.investor_sec3_list{
    background:#fff;
    width:95%;
    padding:50px 0;
}
.investor_sec3_list1{
    background:#f5f5f5;
    width:93.3%;
    padding:50px 0% 50px 12%;
}
.investor_sec3_list2{
    background:#f5f5f5;
    width:95%;
    padding:50px 5%;
    margin-top:50px;
}
.investor_sec3_list1_left{
    width:25%;
    float:left;
    position: relative;
}
.investor_sec3_list1_right{
    width:75%;
    float:left;
}
.investor_sec3_list1_left h3{
    letter-spacing: 2px;
    margin-bottom: 25px;
    margin-top:0;
}
/*.investor_sec3_list1_left a{
    position: relative;
    display: block;
    width: 40%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
    font-size: 12px;
}*/
.investor_sec3_list1_left a{
    display: block;
    width: 200px;
    line-height: 40px;
    color: #333;
    border-bottom: 1px solid #333;
    position: relative;
    z-index: 2;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.investor_sec3_list1_left a span{
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #0b7fc4;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
.investor_sec3_list1_left a i{
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    background: url(../images/more_icon1.png) center no-repeat;
    background-size: cover;
    -webkit-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -moz-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -ms-transition: all cubic-bezier(.23,1,.32,1) .6s;
    -o-transition: all cubic-bezier(.23,1,.32,1) .6s;
    transition: all cubic-bezier(.23,1,.32,1) .6s;
}
/*.investor_sec3_list1_left a i{
    background: #0b7fc4;
    position: absolute;
    top: 17px;
    right: 6px;
    margin-bottom: 4px;
    width: 2px;
    height: 10px;
    transition: background .6s cubic-bezier(.23,1,.32,1) 0s;
    transform: skew(-30deg);
    transform-origin: left bottom;
}*/
.investor_sec3_list1_left>span{
    position: absolute;
    top: -50px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #333;
}

.investor_sec3_list1_left a:hover{
    border-bottom: 1px solid #0b7fc4;
}
.investor_sec3_list1_left a:hover span{
    width: 100%;
}
.investor_sec3_list1_left a:hover{
    color: #fff;
    padding-left: 15px;
}
.investor_sec3_list1_left a:hover i{
    right: 10px;
    background: url(../images/more_icon4.png) center no-repeat;
    background-size: cover;
}
.investor_sec3_list1_right ul{
    margin:0;
    padding:0;
}
.investor_sec3_list1_right ul li{
    margin:0;
    padding:0;
    height:60px;
    line-height: 60px;
    border-bottom: 1px solid #d9d9d9;
}
.investor_sec3_list1_right ul li p{
    margin:0;
}
.investor_sec3_list1_right ul li p span{
    margin-right:60px;
    color:#333;
}
.investor_sec3_bg{
    position: absolute;
    top: 0;
    left: -1880px;
    z-index: -1;
    width: 2000px;
    height: 2000px;
    background: #f5f5f5;
    transform: rotate(-60deg);
    transform-origin: top left;
}
.investor_sec4{
    background:#f5f5f5;
}
.investor_sec4_f1{
        margin-bottom: -100px;
    position: relative;
    z-index: 2;
}
.investor_sec4_f2{
    width: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 0 7% 50px;
    position: relative;
    z-index: 3;
}
.topbar{
    display: none;
}
.investor_sec5{
    background:url(../images/investor_sec5_1.jpg) no-repeat;
    background-size:cover;
    padding-bottom:130px;
    position: relative;
}
.investor_sec5_list{
    width:90%;
    margin:0 auto;
    padding:50px 7%;
    background:#f5f5f5;
    position: relative;
    z-index: 5;
}
i,em{
    font-style: normal;
}
.investor_sec5_list h3{
    letter-spacing: 2px;
    margin-bottom: 25px;
}
.investor_sec5_bg{
        position: absolute;
    width: 100%;
    height: 40%;
    bottom: 0;
    left: 0;
    background: #0b7fc4;
    filter: alpha(opacity=0.9);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    z-index: 2;
}
/* 服务监督投诉 */
.complaints-box{
    width: 100%;
    margin: auto;
    margin-top: 2.125em;
    padding-bottom: 0;
}

.complaints-box .title-box {
    display: none;
}
.complaints-box .title{
    color: #000;
    font-size: 26px;
    line-height: 24px;
}
.complaints-main{
    margin-top: 1.5625em;
}

.complaints-main .hang1{
    padding-left: 0;
    overflow: hidden;
}
.complaints-main .hang1 li{
    float: left;
    width: 32%;
    margin-right: 2%;
    font-size: 14px;
    height: 3.571em;
    line-height: 3.571em;
    background: #fff;
    border: 1px solid #0b7fc4;
    padding: 0 1.5%;
    overflow: hidden;

}
.complaints-main .hang1 li:nth-child(3n){
    margin-right: 0;
}
.complaints-main .hang1 li em{
    float: left;
    width: 27%;
    color: #999999;
}
.complaints-main .hang1 li em i{
    color: #e64340;
}
.complaints-main .hang1 li input{
    float: left;
    width: 73%;
    height: 100%;
    border: none;
    margin-top: 1px;
    padding-right: 10%;
}
.complaints-main .hang1 li:nth-child(1) input{
    background: url(../images/service_hang1-libg1.png) no-repeat right center;
}
.complaints-main .hang1 li:nth-child(2) input{
    background: url(../images/service_hang1-libg2.png) no-repeat right center;
}
.complaints-main .hang1 li:nth-child(3) input{
    background: url(../images/service_hang1-libg3.png) no-repeat right center;
}


.complaints-main .hang2{
    padding-left: 0;
    overflow: hidden;
    border: 1px solid #0b7fc4;
    background: url(../images/service_hang2-bg.png) no-repeat right 1.9% center;
    background-color: #fff;
    margin-top: 17.5px;
}
.complaints-main .hang2 li{
    float: left;
    width: 32%;
    margin-right: 2%;
    font-size: 14px;
    height: 3.571em;
    line-height: 3.571em;
    padding: 0 1.5%;
    padding-right: 0;
    overflow: hidden;

}
.complaints-main .hang2 li:nth-child(3n){
    margin-right: 0;
    width: 28.5%;
    padding-right: 1.5%;
}
.complaints-main .hang2 li em{
    float: left;
    width: 27%;
    color: #999999;
}
.complaints-main .hang2 li em i{
    color: #e64340;
}
.complaints-main .hang2 li select{
    float: right;
    min-width: 24%;
    height: 100%;
    border: none;
    padding-right: 4%;
    appearance: none;
    -webkit-appearance: none;
    background: url(../images/service_select-bg2.png) no-repeat right center;
    cursor: pointer;
}
.complaints-main .hang2 li:nth-child(3n) select{
    min-width: 28%;
}



.complaints-main .hang3{
    overflow: hidden;
    margin-top: 17.5px;
    padding-left: 0;
}
.complaints-main .hang3 li{
    float: left;
    width: 49%;
    margin-right: 2%;
    font-size: 14px;
    height: 3.571em;
    line-height: 3.571em;
    background: #fff;
    border: 1px solid #0b7fc4;
    padding: 0 1.5%;
    padding-right: 1%;
    overflow: hidden;

}
.complaints-main .hang3 li:nth-child(2n){
    margin-right: 0;
}
.complaints-main .hang3 li em{
    float: left;
    width: 18%;
    color: #999999;
}
.complaints-main .hang3 li em i{
    color: #e64340;
}
.complaints-main .hang3 li input{
    float: left;
    width: 82%;
    height: 100%;
    border: none;
    margin-top: 1px;
    padding-right: 10%;
}
.complaints-main .hang3 li:nth-child(1) input{
    background: url(../images/service_hang3-libg1.png) no-repeat right center;
}
.complaints-main .hang3 li:nth-child(2) input{
    background: url(../images/service_hang3-libg2.png) no-repeat right center;
}

.complaints-main .hang4{
    margin-top: 17.5px;
    border: 1px solid #0b7fc4;
    background: #fff;
    height: 18.125em;
    padding: 1.55%;
    padding-top: 0;
}
.complaints-main .hang4 .top{
    font-size: 14px;
    line-height: 3.571em;
    background: url(../images/service_hang4-bg.png) no-repeat right center;
}
.complaints-main .hang4 .top em{
    color: #999;
}
.complaints-main .hang4 .top em i{
    color: #e64340;
}

.complaints-main .hang4 textarea{
    height: 15em;
    width: 100%;
    font-size: 14px;
    display: block;
    resize: none;
    background: none;
    border: none;
}

.verify{
  position: relative;
  width: 310px;
  margin: 0 auto;
  margin-top: 35px;
}

.verify .touch {
  position: relative;
  width: calc(100% - 2px);
  height: 44px;
  border: 1px solid #dbdbdb;
  background: #fff;
  font-size: 16px;
  line-height: 44px;
  color: #888;
}
.verify .touch p {
  padding-left: 65px;
}
.verify .touch .btn {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 50px;
  height: 44px;
  background: #d90915 url(../images/bg_btn01.png) no-repeat right center;
  cursor: pointer;
  border-radius: 0;
}
.verify .touch .touch-in {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.verify .touch i {
  display: inline-block;
  position: absolute;
  right: -62px;
  top: 0;
  width: 62px;
  height: 44px;
  background: url(../images/bg_btn02.png) no-repeat center top/100% auto;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.verify .touch i.done {
  background-position: center bottom;
}
.verify span {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 50px;
  background: #0b7fc4;
  margin-top: 20px;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  display: none;
}
.verify input {
  width: 100%;
  height: 50px;
  border: 0;
  background: #0b7fc4;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  border-radius: 0;
}
/*.verify input:hover{
     background: #facc0c;
}*/

.complaints-box .code-box{
    margin-top: 17.5px;
    overflow: hidden;
}
.complaints-box .code-box .texts{
    float: left;
    height: 3.571em;
    line-height: 3.571em;
    background: #fff;
    border: 1px solid #cccccc;
    padding: 0 1.5%;
    font-size: 14px;
    width: 20.5em;
}
.complaints-box .code-box .texts em{
    color: #999999;
    float: left;
    max-width: 30%;
}
.complaints-box .code-box .texts em i{
    color: #e64340;
}
.complaints-box .code-box .texts input{
    float: left;
    height: 100%;
    border: none;
    width: 70%;
    padding-left: 5%;
}
.complaints-box .code-box .image{
    float: left;
    font-size: 14px;
    margin-left: 0.786em;
    margin-top: 4px;
}
.complaints-box .code-box .image img{
    width: 11.7em;
    height: 2.929em;
}
.complaints-box .code-box .image i{
    color: #e64340;
    margin-left: 0.643em;
}
/*********行情***********/
.qysmwarp iframe .header{
    display: none;
    opacity: 0;
}
.investor_sec4_f2 h3{
    letter-spacing: 2px;
    padding-bottom: 25px;
    padding-top: 50px;
    margin-top: 0;
    margin-bottom: 0;
    background: #fff;
    position: relative;
    z-index: 10;
    width: 101%;
}
.investor_sec4_f2_list{
    margin-top: -100px;
    position: relative;
    z-index: 5;
    width: 640px;
    height: 550px;
    margin: 0 auto;
    overflow: hidden;
}
.investor_sec4_f2_list .qysmwarp{
    width: 127%;
    position: relative;
    top: -200px;
    left: -252px;
}

/*innovate*/
.innovate{
    background-color: #0b7fc4;
}
.ban_c_90{
    width: 90%;
    margin: 0 auto;
}
.innovate_sec1{
    background-color: #FFFFFF;
    text-align: center;
    padding: 50px 7%;
}
.innovate_sec1 .innovate_icon{
    margin: 0 auto;

}
.innovate_sec1 .innovate_sec1_main{
    padding: 20px 0 0;
}
.innovate_sec1_main h2{
    font-size: 40px;
    color: #0b7fc4;
    margin: 16px 0;
    font-weight: 700;
}
.innovate_sec1_main h4{
    color: #333;
    font-size: 14px;
    line-height: 24px;
}


.innovate_sec2{
    background-color: #F1F1F1;
    padding: 30px 7% 70px;
    position: relative;
}
.innovate_sec2_mian{
    background-color: #FFFFFF;
    padding: 10px;
    text-align: center;
    position: relative;
    /*width:90%;*/
}
/*.innovate_sec2 .swiper1{
    margin-left:2%;
}*/
.innovate_sec2_mian_list{
    padding-left:30px;
    padding-right:30px;
}
.innovate_sec2_mian:hover p{
    display: block;
}
.innovate_sec2_list{
    position: relative;
}
.arrow-le{
    position: absolute;
    left: 0;
    top: 40%;
    width: 30px;
    height: 60px;
    background: #9b9fa2;
    filter: alpha(opacity=0.6);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 10;
    cursor: pointer;
}
.arrow-le img{
    margin-top: 17px;
    margin-left: 7.5px;
}
.arrow-ri{
    position:absolute;
    right:0;
    top: 40%;
    width: 30px;
    height: 60px;
    background: #9b9fa2;
    filter: alpha(opacity=0.6);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 10;
    cursor: pointer;
}
.arrow-ri img{
    margin-top: 17px;
    margin-left: 7.5px;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);   /* IE 9 */
    -moz-transform:rotate(180deg);  /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
}

.row_35{
    margin-left: -35px;
    margin-right: -35px;
}
.col-md-35{
    padding:0 35px;
}
.innovate_sec2_mian h4{
    margin-bottom: 40px;
    text-align: center;
}
.innovate_sec2_mian p{
    text-align: left;
    width: 100%;
    display: none;
    background-color: #0b7fc4;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #F5F5F5;
    margin: 0;
    font-size: 14px;
}
.read{
    text-align: right;
    margin-top: 20px;
    margin-right: 20px;
}
.read img{
    margin-left: 10px;
}
.innovate_sec3{
    background-color: #FFFFFF;
    padding: 70px 7%;
}
.innovate_sec3>h3{
    margin-top: 10px;
}
.innovate_sec3>p{
    margin: 30px 0;
    line-height: 30px;
}
.innovate_sec3_list{
    width: 100%;
    margin: 0;
    padding: 0;
}
.innovate_sec3_list>h4{
    padding-left: 10px;
    border-left: 2px solid #0b7fc4;
    margin-bottom: 20px;
    margin-top: 0;
}
.innovate_sec3_list2{
    float: left;
    width: 30%;
    margin-right: 24px;
}
.innovate_sec3_list2 .innovate_sec3_main{
    width: 100%;
    position: relative;
}
.innovate_sec3_main{
    text-align: center;
}
.innovate_sec3_time{
    background-color: #f1f1f1;
    width: 35%;
    height: 54px;
    line-height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 14px;
    padding: 0 10px;
}

.innovate_sec3_time i{
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
}

.innovate_sec3_text{
    width: 65%;
    line-height: 36px;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0px;
    height: 100%;
}
.innovate_sec3_text i{
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
    line-height: 26px;
}
.innovate_sec3_main{
    border: 1px solid #0b7fc4;
    margin-right: 24px;
    margin-bottom: 20px;
    width: 30%;
    float: left;
    position: relative;
    height:100px;
}
.innovate_sec4{
    background-color: #FFFFFF;
}
.innovate_sec4_main{
    padding-top: 20px;
    float: left;
    width: 82%;
}
.innovate_sec4_main>h5{
    line-height: 25px;
    font-size: 14px;
}
.next{
    text-align: right;
    float: right;
    width: 18%;
    background-color: #0b7fc4;
    position: relative;
}
.next>a{
    display: block;
    position: absolute;
    right:20% ;
    top: 18%;
    text-align: right;
}
.next .next_icon{
    width: 35px;
    height: 30px;
    display: block;
    text-align: right;
    margin-bottom: 16px;
}
.next span{
    color: #FFFFFF;
}
.innovate_sec5{
    /*height: 76px;
    background-color: #FFFFFF;*/
}
/*innovate*/

/******contacts******/
.contact1{
    padding-bottom: 35px;
}
.contacts_sec1_top{
    padding:0 7%;
    width:50%;
}
.contacts_sec1_top h3{
    font-size:24px;
    color:#333;
    margin-bottom: 20px;
}
.contacts_sec1_bottom_left{
    float:left;
    width:40%;
}
.contacts_sec1_bottom_right{
    float:right;
    width:55%;
}
.contacts_sec1_bottom{
    padding:0 7%;
    margin-top:50px;
}
.contacts_sec1_bottom_left ul,li{
    margin:0;
    padding:0;
}
.contacts_sec1_bottom_left li{
    width:100%;
    height:55px;
    line-height: 55px;
    border:1px solid #0b7fc4;
    margin-bottom: 28px;
}
.contacts_sec1_bottom_left li span{
    color:#333;
}
.contacts_sec1_bottom_left li span.contacts_sec1_bottom_left1{
    display: inline-block;
    width:30%;
    text-align: center;
    background:#f1f1f1;
    height:52px;
}
.contacts_sec1_bottom_left li span.contacts_sec1_bottom_left2{
    display: inline-block;
    width:70%;
    text-align: center;
}
.contacts_sec2{
    width:90%;
    margin:0 auto;
    padding:50px 0 50px;
    background:#f1f1f1;
    position: relative;
}
.ttl1{
    top: 220px;
}
.ttl2{
    top: 150px;
}
.anchorBL img{
    display: none;
}



/*******products_list********/
.products_list_sec1{
    background:#f1f1f1;
}
/*.products_list_sec2{
    margin-bottom: 30px;
}*/

.products_list_sec2_left{
    float:left;
    width:50%;
    box-sizing: border-box;
    margin-bottom:30px;
}
.products_sec1_f2 a:nth-child(2n-1) .products_list_sec2_left{
    clear: both;
}
.products_list_sec2_left_top{
    box-sizing: border-box;
}
.products_list_sec2_right{
    float:left;
    width:50%;
    box-sizing: border-box;
}
.products_list_sec2_right_top{
    border: 1px solid #0b7fc4;
    box-sizing: border-box;
    border-left: 1px solid rgba(0, 0, 0, 0);
}
.products_list_sec2 a:nth-child(2n+2) .products_list_sec2_left_top{
    border-left: 1px solid rgba(0, 0, 0, 0);
}
.products_list_sec2_left_bottom{
    background:#fff;
}
.products_list_sec2_left_bottom h5{
    margin:0;
    padding:20px;
    font-size:18px;
    color:#000;
}
.products_list_sec2_left_bottom p{
    margin:0;
    padding-top:10px;
    padding-bottom:20px;
    padding-left:20px;
    font-size:14px;
    color:#6e777c;
    /*display: inline-block;*/
}


/*******products_list_inner********/
.products_sec1_f1_list1{
    padding:0 7%;
}
.products_sec1_f1_list1 h5{
    text-align: center;
    font-size:24px;
    color:#333333;
    margin-bottom: 70px;
}
.products_sec1_f1_list1_left{
    width:50%;
    float:left;
}
.products_sec1_f1_list1_right{
    float:right;
    width:45%;
}
.products_sec1_f1_list1_right h4{
    font-size: 28px;
    color: #0b7fc4;
    margin-top: 22px;
    letter-spacing: 5px;
}
.products_sec1_f1_list1_right h4 span{
    font-size:16px;
    color:#333;
    text-transform: uppercase;
    margin-left:10px;
}
.products_sec1_f1_list1_right p{
    font-size: 14px;
    color: #333;
    margin-top: 6%;
    margin-bottom: 10%;
    line-height: 26px;
}
.products_sec1_f1_list1_right ul{
    margin:0;
    padding:0;
}
.products_sec1_f1_list1_right ul li{
    border-bottom: 1px solid #d3d3d2;
    line-height: 40px;
    margin-top:10px;
    padding-left:70px;
    position: relative;
}
.products_sec1_f1_list1_right ul li i{
    position: absolute;
    left: 0;
    width: 70px;
    border-bottom: 1px solid #000;
    color: #000;
}
.products_sec1_f1_list1_right ul li span{
    margin-left:20px;
    font-size: 12px;
    display: inline-block;
}
.products_sec1_f1_list2{
    padding:0 140px;
    margin-top:100px;
}
.products_sec1_f1_list2 h5{
    text-align: center;
    font-size:24px;
    color:#333333;
    margin-bottom: 70px;
}
.products_sec1_f1_list2 ul{
    margin: 0;
    padding: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 40px;
}
.products_sec1_f1_list2 ul li{
    padding-left: 30%;
    min-height: 150px;
    padding-top: 25px;
    line-height: 26px;
    border-bottom: 1px solid #ccc;
    position: relative;
    font-size:14px;
}
.products_sec1_f1_list2 ul li i{
   position: absolute;
   width:30%;
   top:25px;
   left:0;
   text-align: center;
   font-size:14px;
   color:#000;
   font-weight: bold;
}
.products_sec1_f1_right ul .product_li{
    float: left;
    width: 31%;
}

/*****news_list********/
.news_nav_list1 li{
    width: 20%;
}
.news_list_sec1{
    background-color: #fff;
    width: 84%;
    margin: 0 auto;
    padding: 100px 140px;
}
.news_list1{
    width: 100%;
    max-width:1000px;
    margin:0 auto;
    padding-top:30px;
    padding-bottom: 30px;
}
.news_list1 p{
    margin:0;
    line-height: 24px;
    margin-bottom: 10px;
}
.news_list1 img{
    max-width: 100%;
}
.news_list1 p:nth-of-type(1){
    margin:0;
}

.news_list1 p img{
    padding:20px 0;
    margin-bottom: 10px;
    width: 70%;
    display: block;
    margin:0 auto;
    /*height: 100%;*/
}
.news_list1 p:last-of-type{
    /* padding:20px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-bottom: 10px; */
}
.news_list1_title1{
    font-size:12px;
    color:#000;
}
.news_list1_title1 span{
    display: inline-block;
    font-size:12px;
    background:#0b7fc4;
    color:#fff;
    padding:0 5px;
    margin-right:20px;
}
.news_list1_title2{
    margin-top:20px;
    font-size:22px;
    color:#0b7fc4;
    margin-bottom: 45px;
}
.news_list1_con{
    /* text-indent: 2em; */
}
.news_list1_txt1{
    padding:20px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-bottom: 10px;
}
.news_list1_txt1 h5{
    text-align: left;
    font-size:20px;
    color:#000;
    padding-left:20px;
    position: relative;
    margin-bottom: 30px;
}
.news_list1_txt1 h5 span{
    position: absolute;
    top:5px;
    left:0;
    width:12px;
    height:12px;
    border:2px solid #0b7fc4;
    border-radius: 50%;
}
.news_list1_img2{
    margin-top:20px;
    margin-bottom: 30px;
}
.news_list1_back{
    margin-top:80px;
    text-align: right;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.news_list1_back a{
    display: inline-block;
    width:60px;
    height:60px;
    line-height: 60px;
    border:1px solid #0b7fc4;
    border-radius: 50%;
    color:#333;
    font-size:14px;
    text-align: center;
}
.news_list1_btn{
    padding:20px 0;
}
.news_list1_prev{
    width:50%;
    float:left;
    text-align: left;
    position:relative;
}
.news_list1_prev a{
    display: block;
    position: relative;
    padding-left:50px;
}
.news_list1_next{
    width:50%;
    float:left;
    text-align: right;
    position:relative;
}
.news_list1_next a{
    display: block;
    position: relative;
    padding-right:50px;
}
.news_list1_prev_bg{
    position: absolute;
    top: -5px;
    left: 0;
}
.news_list1_prev_bg span{
    position: absolute;
    top:0;
    left:0;
    width:30px;
    height:30px;
    border:1px solid #0b7fc4;
    border-radius: 50%;
}
.news_list1_prev_bg img{
    position: absolute;
    top: -3px;
    left: 6px;
}

.news_list1_next_bg{
        position: absolute;
    top: -5px;
    right: 30px;
}
.news_list1_next_bg span{
    position: absolute;
    top:0;
    left:0;
    width:30px;
    height:30px;
    border:1px solid #0b7fc4;
    border-radius: 50%;
}
.news_list1_next_bg img{
        position: absolute;
    top: -3px;
    left: -10px;
}

/**employ_detail**/
.employ_detail_title{
    font-size:18px;
    color:#fff;
    background:#0b7fc4;
    width:100%;
    height:65px;
    line-height: 65px;
    padding-left:30px;
}
.employ_detail_content{
    padding:30px;
    border:2px solid #0b7fc4;
}
.employ_detail_content1 ul{
    margin:0;
    padding:0;
}
.employ_detail_content1 ul li{
        width: 33.3%;
    float: left;
    line-height: 30px;
}
.employ_detail_content2{
    margin-top:60px;
}
.employ_detail_content2_title{
    position: relative;
    height:65px;
    line-height: 65px;
    background: #0b7fc4;
    color:#fff;
    font-size:18px;
    padding:0 30px;
}
.employ_detail_content2_title img{
    width: 30px;
    position: absolute;
    top: 18px;
    right: 30px;
}
.employ_detail_content2_txt{
    border: 1px solid #0b7fc4;
    padding: 30px;
    line-height: 30px;
}
.employ_detail_content3{
    margin-top:30px;
}
.employ_detail_sq{
    text-align: center;
    margin-top: 60px;
}
.employ_detail_sq a{
    display: block;
    font-size:14px;
    color:#0b7fc4;
    width:68%;
    margin:0 auto;
    text-align: center;
    border:1px solid #0b7fc4;
    height:55px;
    line-height: 55px;
    position: relative;
    cursor: pointer;
}
.employ_detail_sq input{
    position: absolute;
    top: 0;
    left: 0;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    width: 100%;
    height: 100%;
    cursor: pointer;
}
/*网络营销地图*/
/* m_map */
.m_map{width:989px;height:724px;margin:30px auto;position:relative; background:url(../images/ditu.png) no-repeat 0 0 ;}
.tait{font-size:36px;font-weight:bold;color:#666666;text-align:center; left:100px;}
.tait span{color:#ff6d3b;}
.tait2{font-size:36px;font-weight:bold;color:#666666;text-align:center;padding:50px 0px;}
.mp{position:absolute;cursor:pointer;background:url(../images/fi1.png) no-repeat 4px 20px;width:24px;height:63px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.mp:hover{background:url(../images/fi2.png) no-repeat 4px 20px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.hover_tu{background:url(../images/fi2.png) no-repeat 4px 20px;}
.mp .mito{position:absolute;left:0px;bottom:0px;font-size:12px;color:#333;}
.mp .find_mi1{left:-12px;width:55px;}
.mp .find_mi2{left:-5px;width:55px;}
.mp32 .find_mi2,.mp33 .find_mi2,.mp34 .find_mi2{color:#ccc}
.feng{position:absolute;display:none;width:347px;height:85px;left:-230px;top:-78px;background:url(../images/vf1.png) no-repeat 0 top;z-index:10;}
.feng .sang{position:absolute;left:235px;bottom:0px;background:url(../images/vf2.png) no-repeat 0 0;width:14px;height:8px;}
.feng .tree{height:62px;width:260px;margin:9px;}
.feng .tree .boou{width:86px;height:62px;float:left;}
.feng .tree .du_size{float:right;height:62px;width:230px;}
.feng .tree .du_size p{font-size:14px;color:#eee;line-height:20px;}
.feng .tree .du_size h2{font-size:16px;color:#0484cf;line-height:20px;margin-top: 0;}
.mp1{left:243px;top:272px;}
.mp2{left:341px;top:349px;}
.mp3{left:446px;top:474px;}
.mp4{left:524px;top:474px;}
.mp5{left:524px;top:538px;}
.mp7{left:428px;top:585px;}
.mp8{left:548px;top:407px;}
.mp9{left:625px;top:398px;}
.mp10{left:612px;top:325px;}
.mp10{left:612px;top:325px;}
.mp11{left:643px;top:454px;}
.mp12{left:611px;top:503px;}
.mp13{left:668px;top:496px;}
.mp14{left:742px;top:498px;}
.mp15{left:699px;top:557px;}
.mp16{left:618px;top:581px;}
.mp17{left:555px;top:584px;}
.mp18{left:692px;top:443px;}
.mp19{left:727px;top:428px;}
.mp20{left:761px;top:450px;}
.mp21{left:694px;top:345px;}
.mp22{left:660px;top:310px;}
.mp23{left:681px;top:266px;}
.mp24{left:693px;top:300px;}
.mp25{left:790px;top:256px;}
.mp26{left:825px;top:187px;}
.mp27{left:864px;top:103px;}
.mp28{left:600px;top:507px;}
.mp29{left:200px;top:441px;}
.mp30{left:513px;top:334px;}
.mp31{left:573px;top:662px;}
.mp32{left:610px;top:625px;}
.mp33{left:666px;top:604px;}
.mp34{left:750px;top:588px;}
.mp35{left:753px;top:391px;}
.mp36{left:596px;top:415px;}
.mp37{left:575px;top:435px;}
.mp38{left:589px;top:365px;}
.mp39{left:575px;top:316px;}
.mp40{left:536px;top:254px;}
.mp41{left:778px;top:495px;}
.mp42{left:718px;top:318px;}
.mp43{left:653px;top:545px;}
.mp44{left:769px;top:593px;}
.mp45{left:800px;top:524px;}
.mp46{left:633px;top:525px;}
.mp47{left:360px;top:270px;}
.mp48{left:763px;top:543px;}
.mp49{left:798px;top:578px;}
.mp50{left:722px;top:544px;}
.mp51{left:706px;top:501px;}
.mp52{left:743px;top:551px;}
/*.mp53{left:406px;top:515px;}*/
.mp54{left:570px;top:621px;}
.mp55{left:658px;top:347px;}
.mp56{left:651px;top:397px;}
.mp57{left:492px;top:420px;}
.mp58{left:549px;top:297px;}
.mp59{left:704px;top:398px;}
.mp60{left:556px;top:527px;}
.mp61{left:551px;top:455px;}
.mp62{left:582px;top:488px;}


.investor_sec2_list1_txt table td p.MsoNormal span{
    font-family:"Microsoft YaHei","微软雅黑" !important;
}
.investor_sec2_list2_txt table td p span{
    font-family:"Microsoft YaHei","微软雅黑" !important;
}







.develop_sec3_new{
    width: 100%;
    margin: 0 auto;
    padding: 0% 5%;
    padding-bottom: 5%;
    position: relative;
    z-index: 2;
    background: #0b7fc4;
}


.develop_sec3_new_con{
    width: 100%;
    padding: 80px 8%;
    background: #FFF;
    position: relative;
    z-index: 2;
}

.develop_sec3_new_con_bg{
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 0;
    right: 7%;
    background: #f5f5f5;
    z-index: -1;
}

.develop_sec3_new_con .investor_sec3_list1_left{
    width: 30%;
}

.develop_sec3_new_con .investor_sec3_list1_right{
    width: 70%;
}


.innovate_sec4_img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.innovate_sec4_img video{
    width: 100%;
    margin-bottom: 30px;
}
#dituContent{
    width:100%;height:100%;border:#ccc solid 1px;
}

/* @media */

/* nav的布置 */

@media (max-width: 768px) {
.header_nav li{
    padding: 0 8px;
}
.sy_pro_img>a>.img_box{
    height: 100px;
}
.pagination{
    flex-wrap: wrap;
}
.pro_show>li>a>.img_box{
    height: 100px;
}
.flex_cont{
    flex-wrap: wrap;
}
}
@media (min-width: 768px) {
.header_nav li{
    padding: 0 30px;
}
}
@media (min-width: 1600px) {
.header_nav li{
    padding: 0 20px;
}

}




/* 移动端的样式 */
@media (max-width: 768px) {

    /* 首页 header 开始 */
.cont{
    width: 96%;
}
.about_01_l{
    width: 100%;
    padding:5px;
}
.about_01_r{
    width: 100%;
}
.about_02{
    padding:10px 0;
}
.eng{
    display: none;
}
.pro_show>li{
    width: 50%;
}
.pro_box{
    padding: 0;
}
.pro_type>li{
    width: 25%;
    margin:0;
    padding:5px;
    text-align:center;
    margin-top:10px;
    border:1px solid #0b7fc4;
}
.pro_show{
    margin-top: 10px;
}
.header{
    width: 100%;
    padding: 10px 0;
    padding-left: 2% !important;
}
.index_sec1_list .index_sec1_hover{
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    filter: alpha(opacity=60);
}


.header_con{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.logo{
    float: left;
    line-height: 70px;
    position: relative;
    cursor: pointer;
}
.logo img.logoB{
    position: absolute;
    top: 50%;
    margin-top:10px;
    left: 0;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:none;
}
.logo img{
    height: 40px;
    position: absolute;
    top: 0;

}
.contact_search{
    margin-top: 10px;
    margin-right:100px;
}
.header_contact{
    height:50px;
    line-height:50px;
    padding: 0 5px;
    width: auto;
    border-radius:10%
}
.header_search{
     height:50px;
    line-height:50px;
    padding: 0 5px;
    width: auto;
    border-radius:15%
}
 /* header 结束 */

 /* banner 开始 */
.banner_moblie{
    /* margin-top:50px; */
}
/* banner 结束 */

/* index_sec1 开始 */
.index_sec1_list .index_sec1_img ul{
    bottom: 0;
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    padding-top:60px;
    padding-bottom: 20px;
}
.index_sec1_list .index_sec1_zi{
    padding-top:5px;
}
.index_sec1 h5{
    font-size: 20px;
}
.index_sec1_list{
    height:330px;
}
.index_sec1_img{
    background-size:cover;
    height: 100%;
}
.index_sec1_img p{
    display:none;
}
.secBox{
    margin-right:5px;
    margin-bottom:10px;
}
.index_sec1_zi{
    padding-bottom:5px;
}
.index_sec1_zi p{
    font-size:25px;
    margin-top:10px;
    color:#fff;
}

.index_sec1_list:hover .index_sec1_img{
    height: 100%;
}
.index_sec1_list:hover .index_sec1_hover{
    opacity:0.6;
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
    filter:alpha(opacity=60);
}
.index_sec1_zi span{
    background:#fff;
}
.index_sec1_list:hover .index_sec1_zi span{
    background: #0b7fc4;
}
.index_sec1_list:hover .index_sec1_zi h5{
    color: #fff;
}
.index_sec1_list:hover .index_sec1_zi p{
    color: #f1f1f1;
    opacity:0;
}
/* index_sec1 结束 */

/* index_sec2 新闻中心 开始 */
.index_sec2{
    height: 400px;
}

.index_sec2_bg{
    width: 5%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0b7fc4;
}

.index_sec2_con{
    padding: 0 20px;
    background: #f5f5f5;
    position: relative;
}



.index_sec2_h h5{
    font-size: 20px;
    color: #333;
    margin: 15px 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.index_news ul li p{
    float: left;
    margin-left:20%;
    width: 67%;
    line-height: 60px;
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* index_sec2 新闻中心 结束 */


/* index_sec3 企业文化 开始 */

  .index_sec3{
   padding-top: 4%;
   position: relative;
   background: #f5f5f5;
   overflow: hidden;
}

.index_sec3_con>h5{
   font-size: 20px;
   color: #333;
   letter-spacing: 1px;
   font-weight: 600;
   margin-top: 0;
   margin-bottom: 30px;
}
.index_culture{
   width: 100%;
   background: #fff;
   padding: 4% 2.5%;
}

.index_culture_img{
   display:none;
}
.index_culture_con{
   width: 100%;
   float: left;
}
.index_culture_con ul{
   padding: 0;
   margin: 0;
}
.index_culture_con ul li{
   width: 100%;
   float: left;
   text-align: left;
   padding: 5px;
   position: relative;
   top: 60px;
   opacity:0;
   -moz-opacity:0;
   -khtml-opacity:0;
   -webkit-opacity:0;
   filter:alpha(opacity=0);
}
.index_culture_con ul li p{
   width: 100%;
   margin-top: 5px;
   margin-bottom: 0;
   font-size:14px;
   color: #333;
}
.index_culture_con ul li img{
   float: left;
   height: 40px;
   width: 40px;
   margin-right:10px;
}
.index_culture_a{
    display:none;
}
/* index_sec3 企业文化 结束 */

/* index_sec4 联系 开始 */

.index_sec4{
    width: 100%;
    padding: 3% 0 3% 0;
    background: url(../images/index_contact_bg.jpg) center no-repeat;
    background-size: 100% 100%;
}

.index_contact{
    width: 85%;
    margin: 0 auto;
}

.index_contact_left{
    width: 50%;
    float: left;
    position: relative;
    top: 90px;
    opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}
.index_contact_right{
    width: 100%;
    float: left;
    position: relative;
    top: 90px;
    opacity:0;
    padding-top: 10px;
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}


.index_contact_left h5{
    font-size: 20px;
    font-family: arial;
    text-transform: uppercase;
    color: #fff;
    line-height: 40px;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 30px;
    display: none;
}
.index_contact_left h5 font{
    color: #0b7fc4;
}

.index_contact_right h5{
    font-size: 20px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

/* index_sec4 联系 结束 */

/* about_sec1 开始 */
.about_sec1_left{
    width: 100%;
    float: left;
    margin-left: 0;
    padding: 3%;
    background: #fff;
    padding-bottom: 5%;
    margin-top: -15px;
    z-index: 10;
    position: relative;
}
.about_sec1_right{
    width: 100%;
    float: right;
    margin-right:0;
    padding: 7%;
    background: #0b7fc4;
    position: relative;
    margin-bottom: -40px;
    z-index: 10;
}
.about_sec1_left h3{
    margin-top:5px;
    text-align: center;
    color:#0b7fc4;
    font-size:20px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.about_sec1_left h4{
    text-align: center;
    font-size:16px;
    margin-top:25px;
    margin-bottom: 60px;
}
.about_sec1_left p{
    font-size:14px;
    line-height: 26px;
    text-align: justify;
    margin-bottom: 10px !important;
}
.about_sec1_left_hide{
    display: none;
}
.about_sec1_left_btn{
    width:250px;
    height:60px;
    margin:0 auto;
    border:2px solid #0b7fc4;
    margin-top:55px;
}
.about_sec1_left_btn a{
    display: block;
    width:100%;
    height:60px;
    line-height: 60px;
    text-align: center;
    font-size:14px;
    color:#0b7fc4;
    text-transform: uppercase;
    font-weight: bold;
}
.about_sec1_right h3{
    font-size:20px;
    color:#fff;
    text-align: center;
    text-transform: uppercase;
    margin-top:5px;
    margin-bottom: 10px;
}
.about_sec1_right h4{
    font-size:16px;
    color:#fff;
    margin-top:10px;
    margin-bottom: 10px;
}
.about_sec1_right p{
    font-size:14px;
    line-height: 26px;
    color:#fff;
}
.about_sec1_left_hide1{
    display: none;
}
.about_sec1_left_show1{
    margin-top:10px;
}
.about_sec1_right_btn{
    width:250px;
    height:60px;
    margin:0 auto;
    border:2px solid #fff;
    margin-top:55px;
}
.about_sec1_right_btn a{
    display: block;
    width:100%;
    height:60px;
    line-height: 60px;
    text-align: center;
    font-size:14px;
    color:#fff;
    text-transform: uppercase;
    font-weight: bold;
}
.about_sec1_right_bg1{
    display:none;
}
.about_sec1_right_bg2{
    display:none;
}

/* about_sec4  荣誉 开始 */
.about_sec4_f1{
    padding-top: 10px;
    padding-bottom:20px;
}

.about_sec4_f1_list1{
    margin-top:-30px;
}

/* about_sec4  荣誉 结束 */


/* about 结束 */

/* contant 开始 */



/* contant 结束 */


/* products 开始 */
.products_sec1{
    background: url(../images/product_sec1_1.jpg) no-repeat;
    padding-bottom: 50px;
    background-size: cover;

}
.products_sec1_f1{
    width:90%;
    margin:0 auto;
    background:#fff;
    margin-top:-10px;
    position: relative;
    z-index: 10;
    padding:0px 5%;
    /*padding-bottom: 0;*/
}
.products_sec1_f1_main li{
    width: 50%;
}

.products_sec1_f1_main h2{
    font-size: 20px;
}
.products_sec1_f1_list1{
    padding:0 7%;
    padding-bottom: 0;
}
.products_sec1_f1_list1 h5{
    text-align: center;
    font-size:24px;
    color:#333333;
    margin-bottom: 20px;
}
.products_sec1_f1_list1_left{
    width:100%;
    float:left;
    border:1px solid #0b7fc4;
}
.products_sec1_f1_list1_right{
    float:right;
    width:100%;
    padding-bottom: 30px;
}
.products_sec1_f1_list1_right h4{
    font-size: 20px;
    color: #0b7fc4;
    margin-top: 22px;
}
.products_sec1_f1_list1_right h4 span{
    font-size:16px;
    color:#333;
    text-transform: uppercase;
    margin-left:10px;
}
.products_sec1_f1_list1_right p{
    font-size: 14px;
    color: #333;
    margin-top: 6%;
    margin-bottom: 10%;
    line-height: 26px;
}
.products_sec1_f1_list1_right ul{
    margin:0;
    padding:0;
}
.products_sec1_f1_list1_right ul li{
    border-bottom: 1px solid #d3d3d2;
    line-height: 40px;
    margin-top:10px;
    padding-left:70px;
    position: relative;
}
.products_sec1_f1_list1_right ul li i{
    position: absolute;
    left: 0;
    width: 70px;
    border-bottom: 1px solid #000;
    color: #000;
}
.products_sec1_f1_list1_right ul li span{
    margin-left:20px;
    font-size: 12px;
}
.products_sec1_f1_list2{
    padding:0 140px;
    margin-top:100px;
}
.products_sec1_f1_list2 h5{
    text-align: center;
    font-size:24px;
    color:#333333;
    margin-bottom: 70px;
}
.products_sec1_f1_list2 ul{
    margin: 0;
    padding: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 40px;
}
.products_sec1_f1_list2 ul li{
    padding-left: 30%;
    min-height: 150px;
    padding-top: 25px;
    line-height: 26px;
    border-bottom: 1px solid #ccc;
    position: relative;
    font-size:14px;
}
.products_sec1_f1_list2 ul li i{
   position: absolute;
   width:30%;
   top:25px;
   left:0;
   text-align: center;
   font-size:14px;
   color:#000;
   font-weight: bold;
}
.products_sec1_f1_right ul .product_li{
    float: left;
    width: 31%;
}
.ttl {
    width: 7%;
    height: 100%;
    max-height: 500px;
    position: absolute;
    display: none;
    top: 90px;
    left:0;
}
/* products 结束 */

/* innovate 开始 */
.col-md-2.innovate_box_mobile{
    float: left;
    margin:0;
    padding:0;
    width: 25%;
}
.innovate_sec1{
    padding: 10px 7%;
}
.innovate_sec2{
    padding: 10px 7%;
}
.innovate_sec3{
    padding: 20px 7%;
}
.innovate_sec3>p {
    text-indent: 1em;
    margin: 10px 0 20px 0;
}
.innovate_sec3_main {
    border: 1px solid #0b7fc4;
    margin-right: 0;
    margin-bottom: 15px;
    width: 50%;
    float: left;
    position: relative;
    height: 100px;
}
.innovate_sec3_time {
    background-color: #f1f1f1;
    width: 35%;
    height: 54px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 14px;
    padding: 0 10px;
}
.innovate_sec3_text i {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
    line-height: 16px;
    font-size: 14px;
}

.innovate_sec4 {

}
.innovate_sec4 .innovate_sec4_img{
    height:150px;
    background-size:100%;
    margin-bottom: 30px;
}
.innovate_sec4_main {
    padding:10px;
    float: left;
    width: 100%;
}

.innovate_sec3>h3 {
    margin-top: 0px;
}
/* innovate 结束 */

/* gpm 开始 */
.about_sec5 {
    padding-top: 10px;
    background: #eee;
    text-align: center;
}
/* gpm 结束 */

/* news 开始 */
.news_content_nav {
    background-color: #FFFFFF;
    width: 80%;
    margin: 30px auto;
}
.news_nav_list li a {
    text-align: center;
    display: inline-block;
    padding: 25px 0;
    font-size: 18px;
    color: #333;
    font-weight: 700;
}
.news_sec1 {
    background-color: #FFFFFF;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}
#masonry>a {
    float: left;
    width: 48%;
    margin-right: 4%;
    border-bottom:2px solid #0b7fc4;
    margin-bottom:6%;
}
#masonry>a:nth-child(2n) {
    float: left;
    width: 48%;
    margin-right: 0;
    /* height: 420px; */
}
.news_sec1 .box {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.news_sec1 .box>h6 {
    margin:5px 0;
    font-size: 14px;
    color: #666666;
}
.news_sec1 .box>h3 {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}

.page, .page_num {
    margin: 0 auto;
    margin-top: 10px;
    text-align: left;
    padding: 0 7%;
}

/* news_list */
.news_list1_title1 {
    font-size: 14px;
    color: #000;
}
.news_list1_title2 {
    margin-top: 10px;
    font-size: 16px;
    color: #0b7fc4;
    margin-bottom: 10px;
}
/* news 结束 */
/* contact 开始 */
  .contacts_sec1_top {
    padding: 0 7%;
    width: 100%;
}
.contacts_sec1_bottom {
    padding: 0 7%;
    margin-top: 25px;
}
.contacts_sec1_bottom_left {
    float: left;
    width: 100%;
}
.contacts_sec1_bottom_left li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #0b7fc4;
    margin-bottom: 10px;
}
.contacts_sec1_bottom_left li span.contacts_sec1_bottom_left1 {
    display: inline-block;
    width: 30%;
    text-align: center;
    background: #f1f1f1;
    height: 38px;
}
.contacts_sec1_bottom_right {
    float: right;
    width: 100%;
    height: 100%;
    border:#ccc solid 1px;
}
#dituContent{
    height: 250px;
}

.contacts_sec2 {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 20px;
    background: #f1f1f1;
    position: relative;
}
.complaints-main .hang1 li {
    float: left;
    width: 100%;
    margin-right: 2%;
    margin-bottom: 10px;
    font-size: 14px;
    height: 3.571em;
    line-height: 3.571em;
    background: #fff;
    border: 1px solid #0b7fc4;
    padding: 0 1.5%;
    overflow: hidden;
}
.verify {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 26px;
}


/* contact 结束 */

/* products_list 开始 */

.products_sec1_f1_left h2 {
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.products_list_sec2{
padding-top: 30px;
}
.products_sec1_f1_left {
    width: 100%;
    float: left;
}
/* products_list 结束 */
/* footer  开始 */
.footer{
    width: 100%;
    padding: 0 8%;
    background: #f2f2f2;
    position: relative;
}

.footer_bg{
    width: 5%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #0b7fc4;
}

.footer_nav{
    width: 100%;
    padding: 25px 0 5px;
    border-bottom: 1px solid #666;
    position: relative;
}

.mobileUl{
    width: 100%;
}
.footer_nav .mobileUl li{
    padding:6px 0;
    text-align: center;
    width: 33.33%;
    float:left;
}
.mobileUl li a{
    border-right:2px solid #0b7fc4;
    color:#000;
    width: 100%;
}
.mobileUl li:nth-child(3n) a{
    border-right:none;
}
.footer_weixin{
    display:none;
}

.footer_bottom{
    text-align:center;
    padding: 10px 0 30px 0;
}

.footer_bottom p{
    text-align:center;
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
    float: left;
    margin-top: 10px;
}
.unohacha{
    margin-top:10px;
    float:none;
}


.back_top{
    position: absolute;
    bottom:100px;
    cursor: pointer;
    right: -32px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.back_top span{
    display: inline-block;
    width: 16px;
    height: 1px;
    background: #fff;
    margin-right: 10px;
    margin-top: 14px;
    vertical-align: top;
}



/* footer  结束 */


}




/* 中屏的样式 */
@media (min-width: 768px) and (max-width: 1199px){

.logo img{
    height: 65px;
}
.logo img.logoB{
}
.header_search{
    width: 50px;
}
.header_contact{
    width: 120px;
}
.products_sec1_f1_main .join-sec2-list img{
    width: 110px;
}
.products_sec1_f1_main .join-sec2-list p{
    font-size: 12px;
}
.innovate_sec1_main h4{
    font-size: 12px;
}
.header_nav li{
    font-size: 15px;
}
.innovate_sec1 .innovate_icon{
    width: 60px;
}
.innovate_sec1_main h2{
    font-size: 32px;
}
.innovate_sec2_mian h4{
    font-size: 16px;
}
.innovate_sec2_mian p{
    font-size: 12px;
}
.innovate_sec3_text{
    font-size: 14px;
}
.innovate_sec3_time{
    font-size: 12px;
    line-height: 20px;
}
.innovate_sec4_main p{
    font-size: 13px;
}
.prcpl1_bg2{
    font-size: 16px;
    padding: 30px 0 0 20px;
    line-height: 24px;
}
.prcpl1_bg4{
    font-size: 12px;
    padding: 15px;
}
.investor_sec1_list1_txt table td{
    font-size: 12px;
}
.investor_sec2_list1_txt table td p.MsoNormal span{
    font-size: 12px;
    font-family:"Microsoft YaHei","微软雅黑" !important;
}

.investor_sec2_list2_txt table td p span{
    font-size: 12px;
    font-family:"Microsoft YaHei","微软雅黑" !important;
}
.develop_sec1_left_show p{
    font-size: 12px;
    line-height: 20px;
}
.banner_zi h5{
    font-size: 38px;
}
.banner_zi p{
    font-size: 38px;
}
.innovate_sec2_mian_list {
    padding-left: 15px;
    padding-right: 15px;
}

.tabMain {
    height: 560px;
    width: 1070px;
}
.about_sec7_f4_right1 h5{
    margin-top: 3%;
}




}









/* 大屏的样式 */
@media (min-width: 1200px) and (max-width: 1399px){

.logo img{
    height: 65px;
}
.logo img.logoB{
}
.header_search{
    width: 60px;
}
.header_contact{
    width: 140px;
}
.products_sec1_f1_main .join-sec2-list img{
    width: 110px;
}
.products_sec1_f1_main .join-sec2-list p{
    font-size: 12px;
}
.innovate_sec1_main h4{
    font-size: 12px;
}
.header_nav li{
    font-size: 15px;
}
.innovate_sec1 .innovate_icon{
    width: 60px;
}

.innovate_sec1_main h2{
    font-size: 32px;
}
.innovate_sec2_mian h4{
    font-size: 16px;
}
.innovate_sec2_mian p{
    font-size: 12px;
}
.innovate_sec3_text{
    font-size: 14px;
}
.innovate_sec3_time{
    font-size: 12px;
    line-height: 20px;
}
.innovate_sec4_main p{
    font-size: 13px;
}
.prcpl1_bg2{
    font-size: 16px;
    padding: 30px 0 0 20px;
    line-height: 28px;
}
.prcpl1_bg4{
    font-size: 12px;
    padding: 15px;
}
.investor_sec1_list1_txt table td{
    font-size: 12px;
}
.investor_sec2_list1_txt table td p.MsoNormal span{
    font-size: 12px;
    font-family:"Microsoft YaHei","微软雅黑" !important;
}

.investor_sec2_list2_txt table td p span{
    font-size: 12px;
    font-family:"Microsoft YaHei","微软雅黑" !important;
}

.develop_sec1_left_show p{
    font-size: 13px;
    line-height: 22px;
}
.banner_zi h5{
    font-size: 42px;
}
.banner_zi p{
    font-size: 42px;
}
.innovate_sec2_mian_list {
    padding-left: 20px;
    padding-right: 20px;
}

.tabMain {
    height: 560px;
    width: 1170px;
}
.about_sec7_f4_right1 h5{
    margin-top: 7%;
}



}

@media (min-width: 1400px) and (max-width: 1600px){

.logo img{
    height: 65px;
}
.logo img.logoB{
    margin-top: -16px;
}
.header_search{
    width: 80px;
}
.header_contact{
    width: 180px;
}
.products_sec1_f1_main .join-sec2-list img{
    width: 120px;
}
.products_sec1_f1_main .join-sec2-list p{
    font-size: 13px;
}
.innovate_sec1_main h4{
    font-size: 13px;
}
.header_nav li{
    font-size: 15px;
}
.innovate_sec1 .innovate_icon{
    width: 100%;
}
.innovate_sec1_main h2{
    font-size: 36px;
}
.innovate_sec2_mian h4{
    font-size: 16px;
}
.innovate_sec2_mian p{
    font-size: 13px;
}
.innovate_sec3_text{
    font-size: 15px;
}
.innovate_sec3_time{
    font-size: 13px;
    line-height: 24px;
}
.innovate_sec4_main p{
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

.prcpl1_bg2{
    font-size: 18px;
    padding: 40px 0 0 30px;
    line-height: 32px;
}

.prcpl1_bg4{
    font-size: 13px;
    padding: 20px;
}
.investor_sec1_list1_txt table td{
    font-size: 13px;
}
.investor_sec2_list1_txt table td p.MsoNormal span{
    font-size: 13px;
    font-family:"Microsoft YaHei","微软雅黑" !important;
}
.investor_sec2_list2_txt table td p span{
    font-size: 13px;
    font-family:"Microsoft YaHei","微软雅黑" !important;
}
.develop_sec1_left_show p{
    font-size: 14px;
    line-height: 24px;
}
.banner_zi h5{
    font-size: 46px;
}
.banner_zi p{
    font-size: 46px;
}
.innovate_sec2_mian_list {
    padding-left: 25px;
    padding-right: 25px;
}

.tabMain {
    height: 560px;
    width: 1170px;
}
.about_sec7_f4_right1 h5{
    margin-top: 9%;
}



}



/* 移动端header */
.jz_nav .logo, .jz_nav .logoB{
    margin:5px 0 0 5px;
    height: 100%;
}
.jz_nav img{

}
.navbar-toggle{
    margin-top:10px;
}
.jz_nav {
        margin-bottom: 0;
        border: none;
        border-bottom: 1px solid #ccc;
        /*固定导航样式*/
        z-index: 999999;
        background: #fff;
        width: 100%;
        border-radius: 0;
        top: 0;
    }

    .jz_nav .jz_icon_logo{
        font-size: 50px;
        color: #0b7fc4;
        vertical-align: middle;
    }
    .jz_nav .jz_icon_name{
        font-size: 36px;
        color: #333;
        vertical-align: middle;
    }

    .jz_nav .navbar-brand {
        color: #777;
        height: 80px;
        line-height: 50px;
    }
    .jz_nav .navbar-brand:hover,
    .jz_nav .navbar-brand:focus {
        color: #5e5e5e;
        background-color: transparent;
    }
    .jz_nav .navbar-text {
        color: #777;
    }
    .jz_nav .navbar-nav > li > a {
        color: #777;
        height: 80px;
        line-height: 80px;
    }
    .jz_nav .navbar-nav > li > a:hover,
    .jz_nav .navbar-nav > li > a:focus {
        color: #777;
        background-color: transparent;
        border-bottom: 3px solid #0b7fc4;
    }
    .jz_nav .navbar-nav > .active > a,
    .jz_nav .navbar-nav > .active > a:hover,
    .jz_nav .navbar-nav > .active > a:focus {
        color: #555;
        border-bottom: 3px solid #0b7fc4;
    }
    .jz_nav .navbar-nav > .disabled > a,
    .jz_nav .navbar-nav > .disabled > a:hover,
    .jz_nav .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
    .jz_nav .navbar-toggle {
        border-color: #ddd;
        margin-top: 8px;
    }
    .jz_nav .navbar-toggle:hover,
    .jz_nav .navbar-toggle:focus {
        background-color: #ddd;
    }
    .jz_nav .navbar-toggle .icon-bar {
        background-color: #888;
    }
    .jz_nav .navbar-collapse,
    .jz_nav .navbar-form {
        border-color: #e7e7e7;
    }
    .jz_nav .navbar-nav > .open > a,
    .jz_nav .navbar-nav > .open > a:hover,
    .jz_nav .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    @media (max-width: 767px) {
    .jz_nav .navbar-nav{
        margin-right:0;
    }
    .navbar-collapse{
        width: 100%;
    }
    .jz_nav .navbar-nav > li > a {
        text-align:center;
        width: 33.33%;
        float:left;
        color: #777;
        height: 50px;
        line-height: 30px;
    }
    .jz_nav .navbar-nav > li:last-child > a{
        color:#0b7fc4;
        font-weight: 1000;
       
    }
        .jz_nav .navbar-nav .open .dropdown-menu > li > a {
            color: #777;
        }
        .jz_nav .navbar-nav .open .dropdown-menu > li > a:hover,
        .jz_nav .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent;
        }
        .jz_nav .navbar-nav .open .dropdown-menu > .active > a,
        .jz_nav .navbar-nav .open .dropdown-menu > .active > a:hover,
        .jz_nav .navbar-nav .open .dropdown-menu > .active > a:focus {
            color: #555;
            background-color: #e7e7e7;
        }
        .jz_nav .navbar-nav .open .dropdown-menu > .disabled > a,
        .jz_nav .navbar-nav .open .dropdown-menu > .disabled > a:hover,
        .jz_nav .navbar-nav .open .dropdown-menu > .disabled > a:focus {
            color: #ccc;
            background-color: transparent;
        }
    }


    .jz_nav .navbar-link {
        color: #777;
    }
    .jz_nav .navbar-link:hover {
        color: #333;
    }
    .jz_nav .btn-link {
        color: #777;
    }
    .jz_nav .btn-link:hover,
    .jz_nav .btn-link:focus {
        color: #333;
    }
    .jz_nav .btn-link[disabled]:hover,
    fieldset[disabled] .jz_nav .btn-link:hover,
    .jz_nav .btn-link[disabled]:focus,
    fieldset[disabled] .jz_nav .btn-link:focus {
        color: #ccc;
    }


    .pagination > li:first-child,.pagination > li:nth-child(2){
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    .pagination > li > select{
        position: relative;
        float: left;
        padding: 5.5px 1px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    .innovate_sec1 .row{
        margin: 0;
    }
    .innovate_sec2 h3{
        text-align: left;
        padding: 0 0 20px;
    }
    .innovate_sec1 p{
        text-align: left;
        margin: 30px 0;
        line-height: 30px;
    }
    .innovate_sec2 p{
        text-align: left;
        margin: 0 0 30px 0;
        line-height: 30px;
    }
    .innovate_sec1 h3{
        text-align: left;
    }
    .BMap_Marker{
        background: url(../images/zb.png) !important;
        display: none;
    }
    @media (max-width: 1366px){
        .news_sec1 .box img{
            height: 200px;
        }
    }

    @media (max-width: 767px) {
        .m_hidden{
            display: none;
        }
        .news_sec1 .box img{
            height: 100px;
        }
        .news_sec1 .news_sec1_title{
            margin-left: 0;
        }
        .about_sec7_f3{
            padding-bottom: 40px;
        }
    }
    @media (min-width: 768px) {
        .p_hidden{
            display: none;
        }
    }

    /* 2018.11.9 */
    .index_sec1_img p {
        padding-top: 0;
    }
    .index_contact_left h5 font{
        color: #fff;
    }
    .index_contact_right_tel{
        font-size: 30px;
    }
    .index_contact_right p{
        font-size: 16px;
    }
    .service_sec1_list_right1 h3{
        text-align: justify;
    }
    .service_sec3_list2_right1 p{
        padding-right: 4%;
        text-align: justify;
    }
    .service_sec5_h3{
        font-size: 20px !important;
        line-height: 34px !important;
    }
    .index_culture_con ul li{
        padding-top: 0;
    }
    .index_culture_con ul li img{
        width: 100%;
        padding-bottom: 10px;
    }
    .index_culture_img img{
        width: 100%;
    }
    .index_culture_img{

        background-size: 100%;
    }
    .index_culture{
        margin-bottom:2%;
    }
    .products_inner_xq{
        padding-top: 5%;
    }
    .products_inner_xq img{
        max-width: 100%;
    }

    @media (max-width: 768px){
        .index_news ul li p{
            margin-left: 30px;
        }
        .index_sec4{
            margin-top: 50px;
        }
        .index_news ul li span{
            width: 20%;
        }
        .service_sec1{
            padding: 5%;
        }
        .service_sec1_list_left{
            width: 100%;
        }
        .service_sec1_list_right{
            width: 100%;
            height: auto !important;
        }
        .service_sec1_list_right1 h3{
            padding: 0;
        }
        .service_sec1_list_right1 h2{
            padding: 0;
        }
        .service_sec1_list_right1{
            position: relative;
            top:10px;
            -webkit-transform: translateY(0%);
            -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
            -o-transform: translateY(0%);
            transform: translateY(0%);
        }
        .service_sec3_list2{
            width: 100%;
            background: #005a37;
        }
        .service_sec3_list2{
            padding: 5%;
        }
        .service_sec3_list2_left{
            padding: 0;
            width: 100%;
        }
        .service_sec3_list2_right{
            width: 100%;
            padding: 0;
            height: auto !important;
        }
        .service_sec3_list2_right1 {
            position: inherit;
            left: 0;
            top: 10px;
            -webkit-transform: translateY(0%);
            -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
            -o-transform: translateY(0%);
            transform: translateY(0%);
        }
        .index_culture_con ul li img{
            height: auto;
            text-align: center;
        }
        .index_culture_con ul li{
            text-align: center;
        }
        .products_inner_xq{
            padding-bottom: 5%;
        }
    }

    /* 2018.11.21 */
    .gwc{
        display: block;
        width: 50%;
    }
    .gwc img{
        width: 100%;
    }
    .index_culture_con ul li{
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=1);
    }
    .swiper-slide{
        margin-top: 0 !important;
        padding-bottom: 3rem;
        top: 90%;
        text-align: center;
    }
    .index_sec3  .swiper-slide img {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
        transition: all .5s;
    }
    .index_sec3  .swiper-container{
        overflow: -webkit-paged-x;
    }
    .index_sec3  .swiper-pagination{
        position: inherit;
        bottom: 0px;
        margin-top: -30px;
    }
    .max_p{
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
        color: #333;
        text-align:center;
    }
    .index_culture_con{
        width: 62%;
        float: right;
    }
    @media (max-width: 768px){
        .gwc{
            width: 100%;
        }
        .index_culture_con {
            width: 100%;
            float: left;
        }
    }

    /* 2018.12.14 */
    .about_sec1_left p{
        margin-bottom: 30px;
        text-indent: 2em;
    }
    .about_sec1_right p{
        text-indent: 2em;
    }

    /* en */
    .en_text_1{
        font-size: 12px !important;
        text-align: justify;
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        padding-bottom: 0 !important;
    }
    .en_text_2{
        font-size: 18px !important;
        line-height: 40px !important;
    }
    .about_sec1_right_img_en{
        width: auto;
    }
    .products_sec1_f2_left_list_en h3{
        margin-bottom: 10px;
    }
    .products_sec1_f1_list1_right_en ul li i{
        width: 150px;
    }
    .products_sec1_f1_list1_right_en ul li span{
        margin-left: 100px;
    }
    .contacts_sec1_top_en{
        width: 100%;
    }
    .contacts_sec1_bottom_left_en li span.contacts_sec1_bottom_left2{
        font-size: 12px;
        line-height: 12px;
    }
    .service_sec5_h3_en{
        text-align: left;
        font-size: 12px !important;
        line-height: 22px !important;
        padding-right: 0 !important;
    }

    /* 2019.1.6 */
    #about3 .swiper-slide,#about3 .cf li img{
        width: auto !important;
    }
    #about4 .swiper-slide, #about4 .cf li img{
        width: auto !important;
    }
    .thisclass{
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    /* 2020.11.29 */
    .about_sec1_left_show img{
        max-width: 100%;
    }
    .innovate_box_mobile:nth-child(4n+1){
        clear: both;
    }
    .c_3 .col-sm-4:nth-child(3n+1){
        clear: both;
    }
    .c_w{
        background: #fff;
    }
    .fwms_p{
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
        font-weight: 300;
        margin: 0 0 20px;
    }
    .fwms_p_2{
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
        font-weight: 300;
        margin: 25px 0 50px;
    }
    .sc_t{
        margin-bottom: 5px;
    }
    #zwwl{
        background: url(../images/zw.jpg);
        background-repeat:no-repeat; 
        background-attachment:fixed;
    }
    .pagination span{
        border: 1px solid #9c9c9c;
    padding: 5px 10px;
    margin-right: 10px;
    }
    #zwwl h5{
        color: #fff;
    }
    #zwwl p{
        color: #fff;
        padding-left: 10%;
        padding-right: 10%;
    }
    #swiper1 .swiper-slide{
        position: relative;
    }
    .banner_1_wrap{
        position: absolute;
        top: 40%;
        left: 0;
        text-align: left;
        z-index: 11;
        background: rgba(0,0,0,.5);
        padding: 2% 5% 2% 10%;
    }
    .banner_1_1{
        font-size: 48px;
        font-weight: 700;
        color: #fff;
        border-bottom: 4px solid #fff;
        padding-bottom: 10px;
    }
    .banner_1_2{
        font-size: 36.5px;
        color: #fff;
    }
    .banner_1_img{
        height: 100% !important;
        width: 50% !important;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
    }
    .banner_2_wrap{
        position: absolute;
        top: 40%;
        left: 0;
        text-align: left;
        z-index: 11;
        background: rgba(0,0,0,.5);
        padding: 2% 5% 2% 10%;
    }
    .banner_2_1{
        font-size: 48px;
        font-weight: 700;
        color: #fff;
        border-bottom: 4px solid #fff;
        padding-bottom: 10px;
    }
    .banner_2_2{
        font-size: 36.5px;
        color: #fff;
    }

    @media (max-width: 768px){
        .innovate_box_mobile:nth-child(2n+1){
            clear: both;
        }
        #zwwl p{
            padding-left: 0;
            padding-right: 0;
        }
        .banner_1_wrap{
            top: 30%;
        }
        .banner_2_wrap{
            top: 30%;
        }
        .banner_1_1{
            font-size: 20px;
            border-bottom: 2px solid #fff;
        }
        .banner_1_2{
            font-size: 14px;
        }
        .banner_2_1{
            font-size: 20px;
            border-bottom: 2px solid #fff;
        }
        .banner_2_2{
            font-size: 14px;
        }
        
        .logo{
            line-height: 40px;
        }
        .logo img{
            position: relative;
        }
        .about-history{
            padding: 20px 20px 0 !important;
            margin-top: 40px;
        }
        .about_sec7_f3{
            padding: 20px;
           
        }
        .about-history{
            display: none;
        }
        .mt40{
            margin-top: 40px;
        }
        #zwwl{
            padding: 60px 40px;
        }
        .p0{
            padding: 0;
        }
    }
.zyyw_data>p{
    cursor: pointer;
}
.yw_imgs_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.yw_imgs{
    width: 100%;
    height: 100%;
    margin-top: 10%;
    display: none;
    position: relative;
    right: -100%;
}
.yw_imgs>img{
    width: 100%;
    display: block;
}
.yw_imgs>p{
    text-align: center;
    font-size: 18px;
    padding: 40px 0;
    text-indent: 0em;
}
.ywms_scqj{
    width: 100%;
    padding: 5%;
    background-color: #0b7fc4;
}
.ywms_scqj>h5{
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5%;
}
.bg_1{
    background-image: url(../images/yw_qj_img1.jpg);
}
.bg_2{
    background-image: url(../images/yw_qj_img2.jpg);
}
.bg_3{
    background-image: url(../images/yw_qj_img3.jpg);
}
.bg_4{
    background-image: url(../images/yw_qj_img4.jpg);
}
.ywms_jzys{
    width: 100%;
    padding: 5%;
    background-color: #e7e7e7;
}
.ywms_jzys>h5{
    color: #0b7fc4;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5%;
}
.ywms_jzys_l{
    width: 50%;
    float: left;
}
.ywms_jzys_l>h5{
    color: #0b7fc4;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5%;
}
.ywms_zyyw{
    width: 100%;
    padding: 6% 6% 6% 2%;
    background-color: #0b7fc4;
}
.zyyw_list{
    width: 100%;
}
.zyyw_list>li{
    float: left;
    width: 14%;
    font-size: 16px;
    line-height:40px;
    text-align: center;
    color: #fff;
    position: relative;
    cursor: pointer;
}
.zyyw_list>li:after{
    position: absolute;
    height: 12px;
    width: 1px;
    background: #fff;
    top: 50%;
    opacity: 0.5;
    margin-top: -5px;
    right: 0;
    content: '';
}
.zyyw_list_bd{
    border-bottom: 1px solid #fff;
}
.zyyw_img{
    width: 100%;
    margin-top: 6%;
    overflow: hidden;
}
.zyyw_img>li{
    display: none;
    position: relative;
    right: -100%;
}
.zyyw_img>li>img{
    display: block;
    width: 100%;
    margin-top:6%;
}
.zyyw_img>li>p{
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.ywms_jzys_r{
    width: 49%;
    float: right;
}
.ywms_jzys_r>h5{
    color: #0b7fc4;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5%;
}
.ywms_jzys_list{
    width: 100%;
    padding: 3%;
    margin-bottom:2%;
    background-color: #fff;
}
.ywms_jzys_data{
    width: 100%;
    height: 132px;
}
.ywms_jzys_data>h2{
    width: 10%;
    float: left;
}
.ywms_jzys_data>h2>img{
    width: 100%;
    display: block;
}
.ywms_jzys_data>span{
    float: right;
    width: 88%;
    display: block;
}
.ywms_jzys_data>span>h5{
    font-size: 20px;
    color: #0b7fc4;
    line-height:40px;
}
.ywms_jzys_data>span>p{
    font-size: 16px;
    line-height:24px;
}
.xlzw_kkz{
    width: 100%;
    padding: 5%;
    background-image:url(../images/zwwl_bg1.jpg);
    background-size:cover;
    background-repeat:no-repeat;
}
.xlzw_kkz>h5{
    color: #0b7fc4;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5%;
}
.xlzw_kkz>p{
    width: 100%;
    line-height:40px;
    font-size:16px;
    text-indent: 2em;
    text-align: center;
}
.bg_01{
    background-image:url(../images/zwwl_gm.jpg);
}
.bg_02{
    background-image:url(../images/zwwl_fw.jpg);
}
.bg_03{
    background-image:url(../images/zwwl_cy.jpg);
}
.bg_04{
    background-image:url(../images/zwwl_kj.jpg);
}
.ry_bj1{
    background-color: #e7e7e7;
}
.img_box{
    width: 100%;
    /*height: 240px;*/
}
.img_box>img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.img_box1{
    width: 100%;
    height: 305px;
}
.img_box1>img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.banner_list>.lm_tit{
    position: absolute;
    top:50%;
    left:50%;
    color: #fff;
    text-align:center;
    transform: translate(-50%,-50%);
}
.banner_list>.lm_tit>h1>em{
    font-size:36px;
    display: block;
    margin-bottom: 10px;
}
.zzjg{
    width: 100%;
    padding: 40px 0;
}
.zzjg>img{
    width: 80%;
    display: block;
    margin:0 auto;
}
.wrap{
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

.wrap ul{
    overflow: hidden;
    position:absolute;
    width: 1000%;
    left: 0;
    top: 0;
    _height:1px;
    padding: 0!important;
}

.wrap ul li{
    float: left;
    width: 400px;
    position: relative;
}
.wrap ul li>img{
    width: 96%;
    margin:0 auto;
}
.wrap ul li>p{
    width: 96%;
    position: absolute;
    height: 40px;
    text-align:center;
    line-height:40px;
    left: 0;
    bottom: -50px;
    background-color: rgba(0,0,0,.6);
}
.wrap ul li:hover p{
    bottom: -10px;
}
.cp_xs_box{
    color: #fff;
    width:100%;
    margin:0 auto;
    padding:80px 7%;
    overflow: hidden;
    background-color: #0b7fc4;
}
.cp_xs_box>h3{
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.cp_xs_box>p{
    font-size: 16px;
    margin-bottom: 50px;
    line-height:30px;
    text-indent: 2em;
}