@charset "UTF-8";
body, div, dl, dt, dd, ul, ol,em, li, h1, h2, h3, h4, h5, h6, pre, em, span, form, fieldset, input, textarea, p, blockquote, th, td, b input{padding: 0;margin: 0;font-weight:normal;}
html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
*{word-wrap: break-word;margin: 0;padding: 0;}/*文字强制换行word-break:keep-all;(Ff)*/
table{border-collapse: collapse;}/*细线表格*/
fieldset, img{border: none;}/*清除描边,块显示*/
ul, li{list-style-type: none;}/*无列表项目标记*/
a{text-decoration: none;}/* 链接无下划线,有为underline;链接去框 */
a:link{color: #555;}/* 未访问的链接 */
a:visited{color: #555;}/* 已访问的链接 */
a:hover{color: #ff7741;}/* 鼠标在链接上 */
a:active{color: #555;blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */
body{font-family:"Microsoft YaHei";font-size:14px;color:#555;background:#fff url(../images/top_01.jpg) no-repeat center top;}
select, input{vertical-align: middle;outline: none;font-family:"Microsoft YaHei";}
em, i , {font-style: normal;}
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox]{cursor: pointer;outline: none;border: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: #b1b1b3; /* placeholder颜色  */
    font-size:14px; /* placeholder字体大小  */
    text-align: left; /* placeholder位置  */
    font-family:"Microsoft YaHei";
}
h5{font-style: normal;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
.h5{height:5px;clear:both;}
.h10{height:10px;clear:both;}
.h15{height:15px;clear:both;}
.h20{height:20px;clear:both;}
.h30{height:30px;clear:both;}
.h40{height:40px;clear:both;}
.h45{height:45px;clear:both;}
.h50{height:50px;clear:both;}
.h60{height:60px;clear:both;}
.h90{height:90px;clear:both;}
.h100{height:100px;clear:both;}
.h150{height:150px;clear:both;}
.wrap1{ 
    width:1480px; 
    margin:0 auto; 
    clear:both;
}
.wrap{
    width:1200px;
    margin:0 auto;
    clear:both;
    clear: both;
}

/*首部 begin*/
.menuColor{
    background:#fff;
}
 .menu{
    padding:15px 0;
    overflow:hidden;
 }

.logo{
    padding: 13px 0;
    float:left;
}
.logo_pic{
    display: inline-block;
    width: 1px;
    height: 48px;
    background-color: #d0d0d0;
    margin-left: 20px;
}
.logo_text{
    display: inline-block;
    vertical-align: 8px;
    margin-left:20px;
}
.logo_text .t{
    font-size: 15px;
    color: #1b1b1b;
    display: block;
}
.logo_text .f span{
    font-size: 22px;
    color: #ff0000;
    padding: 20px 0;
}
.logo_text .f i{
    vertical-align: 3px;
    font-size: 14px;
    color: #ff0000;
    margin-left: 25px;
}
.menuR{
    float:right;
}

.top2{
    position: relative;
    z-index: 9;
}
.menuBox{ position: relative; }
.menuBg{display: none;width: 100%;height: 50px;background: rgba(0,0,0,0.2);position: absolute;left: 
0px;top:80px;}
.menuR dd.hover a{color:#ff7741;}

.menuR dd{
    text-align: center;
    height:60px;
    line-height:60px;
    width:60px;
    text-align: center;
    font-size:15px;
    display: inline-block;
    float:left;
    list-style: none;
    margin-left: 50px;
}
.logo img{
    width: 170px;
    height: 51px;
}
.menu_dl{padding-top:0; float:right;}
.menu_dl dd{float: left;display: inline; position: relative;}
.navFirst{padding-left: 23px;}
.nav_a{
    padding: 0 13px;
    display: block;
    height:80px;
    float: left;
    line-height:80px;
    font-size: 16px;
    color:#333;
    text-align: center;
    position: relative;
    z-index:1;
}
.nav_a:after{
    content: "";
    display: block;
    width: 100%;
    height:100%;
    background: url(../images/menuHover.png) no-repeat center center;
    position:absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform-origin: center center; 
    transform: scale(0);
    opacity: 0;
    transition-duration:0.3s;
}
.menu_dl dd.hover .nav_a:after{
    transform: scale(1);
    opacity:1;
}
.menu_dl dd.hover .nav_a span{color:#0076b6;}
.nav_a span{
    font-size: 14px;
    color: #333333;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;s
}
.nav_a i{
    display: block;
    width: 18px;
    height: 23px;
    overflow: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.subNav_ul_Box{
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 80px;
    width:3000px;
    /* border-top:2px solid #eb3c00; */
    /* box-shadow: 0 0px 15px rgba(0,0,0,0.1); */
}
.menu_dl dd.hover .subNav_ul_Box{visibility: visible;}
.subNav_ul{float:left;}
.subNav_ul li{
    overflow: hidden;
    /* clear:both; */
    float: left;
    display: inline;
    margin: 0 10px;
}
.subNav_ul li a{
    /* border-bottom: #e4e4e4 1px solid; */
    line-height: 50px;
    /* width:100%; */
    text-align:center;
    padding-right: 0;
    display: block;
    /* background:#eb3c00; */
    height: 50px;
    color: #fff;
    font-size: 14px;
}
.subNav_ul li a:hover{
    color: #005bac;
}

.menu_dl dd.hover .subNav_ul li{
    opacity: 0;
    -webkit-animation: liMove 0.3s linear forwards;
    -o-animation: liMove 0.3s linear forwards;
    animation: liMove 0.3s linear forwards;
}
@keyframes liMove{
    0%  {transform: translateY(-110%);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
.menu_dl dd.hide .subNav_ul li{
    opacity: 1;
    -webkit-animation: liHIde 0.3s linear forwards;
    -o-animation: liHIde 0.3s linear forwards;
    animation: liHIde 0.3s linear forwards;
}
@keyframes liHIde{
    0%  {transform: translateY(0px);opacity: 1;}
    100%{transform: translateY(110%);opacity: 0;}
}
.subNav_ul li a{
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.CEText{
    padding: 30px 25px;
    display: inline-block;
}
.CEText a{
    font-size:  14px;
    color: #333;
    height: 80px;
}
.CEText a:hover{
    color: #005bac!important;
}
/* banner start */  
.banner img{
    width:100%;
    height:100%;
}
.banner a{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 832px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.focus1{width:100%;height: 830px;overflow: hidden;position: relative;}
.focus1 .hd{width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;}
.focus1 .hd ul{text-align: center;}
.focus1 .hd ul li{
    cursor: pointer;display: inline-block;*display:inline;zoom: 1;width:8px;height:8px;line-height: 999px;
    background:#999;
    border-radius:6px;
    position: relative;
    margin:0 15px;
}
.focus1 .hd ul li:after{
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    top: 50%;
    left: 13px;
    background: #d5dadb;
}
.focus1 .hd ul li:last-child:after{
    width: 0;
    background: none;
}
.focus1 .hd ul .on{background:#fff; border: 1px solid #0075b5;}
.focus1 .bd{
    position:relative;
    height: 100%;
    z-index: 0;
    height:360px;
}
.focus1 .bd li{zoom: 1;vertical-align: middle;height:360px;}
.focus1 video{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/*.focus1 .prev, .focus1 .next{
    position: absolute;left:0;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;
    background:#000 url(../images/slider-arrow.png) -110px 5px no-repeat;filter: alpha(opacity=50);opacity: 0.5;
    }
.focus1 .next{left: auto;right:0;background-position: 8px 5px;}
.focus1 .prev:hover, .focus1 .next:hover{filter: alpha(opacity=100);opacity: 1;}
*/
.focus1 .prevStop{display: none;}
.focus1 .nextStop{display: none;}
.focus1 .bd_dl{
    position: relative;
}
.focus1 dd h5 {
    position: absolute;
    left: 50%;
    margin-left: -570px;
    top: 50%;
    margin-top: -200px;
    width: 857px;
    height: 146px;
    z-index: 999;
}
.focus1 dd h6 {
    position: absolute;
    left: 50%;
    margin-left: -570px;
    top: 50%;
    margin-top: -10px;
    width: 332px;
    height: 19px;
    z-index: 999;
}
/*
**公司简介 start
*/

.gsjj{
    padding: 40px 0;
    width: 100%;
    height: 590px;
    overflow: hidden;
    background: url(../images/gsjj.png)no-repeat center center;
    background-size: 100% 100% ;
}

.Title{
    text-align: center;
}
.TitleBox{
    display: inline-block;
}
.Title h5{
    font-size: 26px;
    color: #333333;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0px;
}
.Title span{
    display: inline-block;
    width: 50px;
    height: 1px;
    font-size: 26px;
    background-color: #0075b5;
}
.gsjjL{
    float: left;
}
.gsjjL:hover h5 a{
    color: #005bac;
}
.gsjjL h5 a{
    font-size: 24px;
    color: #333333;
    height :50px;
    line-height: 50px;
}
.gsjjL h6{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    width: 585px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 48px;
}
.more{
    display: inline-block;
    width: 98px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border:1px solid #999999;
    color: #999999;
    transition: all 500ms ease-in-out;
}
.more:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0 20px 40px rgba(f,f,f,.23);
    box-shadow: 0 0px 30px rgba(6,6,6,.3);
    z-index: 999;
}
.gsjjR{
    float: right;
    overflow: hidden;
}
.wihte{
    background-color: #fff;
}
.gsjjR a{
    padding: 35px 25px 35px 35px;
    display: block;
}
.gsjjR h5{
    font-size: 18px;
    color: #808080;
}
.gsjjR span{
    font-weight: bold;
    font-size: 48px;
    color: #005bac;
}
.gsjjR h6{
    font-size: 14px;
    color: #333333;
}
.gsjjR img{
    width: 95px;
    height: 95px;
    border: 1px solid #35a9d5;
    border-radius: 50%;
    display: inline-block;

}
.gsjjRTR{
    float: left;
    margin-right: 195px;
}
.gsjjRFR{
    width: 150px;
    height: 145px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.width1{
    width: 90px;
    height: 75px;
}
.gsjjRTR2{
    float: left;
    margin-right: 80px;
}
.gsjjRFL{
    overflow: hidden;
    width: 350px;
    height: 145px;
}

/*
**产品研发 start
*/

.cpyf{
    width: 100%;
    overflow: hidden;
    /*background: url("../images/cpyf.png")no-repeat center center;
    background-size: 100% 100%;*/
}
.cpyfBox{
    padding-right: 1px;
    overflow: hidden;
}
.cpyfList1{
    overflow: hidden;
}
.cpyfList1 dd{
    position: relative;
    overflow: hidden;
    width: 16.5999%;
    float: left;
    border-left: 1px solid rgba(255, 255, 255, .5);
    box-sizing: border-box;
}
.cpyfList1 dd:after{
    content: "";
    display: block;
    width:100%;
    padding-top:161%;
}
.cpyfList1 h6 a{
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    line-height: 80px;
    background: rgba(0,0,0,.2);
}
.cpyfPst{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    visibility:hidden;
    transform:translateY(100%);
    transition-duration: 0.5s;
}
.cpyfList1 dd:hover .cpyfPst{
    visibility:visible;
    transform:translateY(0);
}
.cpyfPst h5{
    font-size: 20px;
    color: #009944;
    height: 50px;
    line-height: 50px;
    margin-bottom: 85px;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
}
.cpyfPst img{
    width: 225px;
    height: 125px;
    display: inline-block;
}
.cpyfPst span{
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    font-size: 20px;
    color: #fff;
    background-color: #009944;
    text-align: center;
}
.cpyfPst .more1{
    overflow: hidden;
    margin-top:100px; 
}
@media (max-width: 1450px) {
    .cpyfPst .more1{margin-top:50px;}
    .wrap1{max-width: 1440px; }
}
.cpyfPst .more1 a{
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}
/*第一通栏start*/

.column1 {
    position: relative;
    overflow: hidden;
    
}
.column1:after{
    display: block;
    content: "";
    padding-top: 52.0833%;
}
.column1 .bgBox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    visibility: hidden;
    opacity: 0;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
}
.column1 .bgBox.show{
    visibility: visible;
    opacity: 1;
}
.chinaMap{
    position: absolute;
    left:25.55625%;
      width: 46.6146%;
      height: 75%;
      top: 23%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}
.chinaMap span{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; display: none;}
.lineBox{
    position: absolute;
    width: 47%;
    height: 36%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* -webkit-transition: all 2s cubic-bezier(0.13, 0.74, 0.58, 1); */
    overflow: hidden;
    /* transform: scale(0); */
    /* transform-origin: 0 18%; */
    opacity: 0;
}
.lineBox.MI1{
    position: absolute;
    width: 0;
    height: 11%;
    right: 64.975%;
    top: 31%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 2s cubic-bezier(0.13, 0.74, 0.58, 1);
    overflow: hidden;
    opacity: 0;
}
.lineBox.MI2{
    position: absolute;
    width: 0;
    height: 3%;
    right: 65.975%;
    top: 37%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 2s cubic-bezier(0.13, 0.74, 0.58, 1);
    overflow: hidden;
    opacity: 0;
}
.lineBox.MI3{
    position: absolute;
    width: 0;
    height: 5%;
    right: 65.975%;
    top: 41%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 2s cubic-bezier(0.13, 0.74, 0.58, 1);
    overflow: hidden;
    opacity: 0;
}
.lineBox.MI4{
    position: absolute;
    width: 0;
    height: 9%;
    left: 36.975%;
    top: 30%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 2s cubic-bezier(0.13, 0.74, 0.58, 1);
    overflow: hidden;
    opacity: 0;
}
.lineBox.MI5{
    position: absolute;
    width: 0;
    height: 6%;
    left: 35.975%;
    top: 40%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 2s cubic-bezier(0.13, 0.74, 0.58, 1);
    overflow: hidden;
    opacity: 0;
}
.lineBox.MI6{
    position: absolute;
    width: 0;
    height: 18%;
    left: 36.975%;
    top: 41%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 2s cubic-bezier(0.13, 0.74, 0.58, 1);
    overflow: hidden;
    opacity: 0;
}
.lineBox.MI7{
    position: absolute;
    width: 7%;
    height: 0%;
    left: 35.975%;
    top: 43.9%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 2s cubic-bezier(0.13, 0.74, 0.58, 1);
    overflow: hidden;
    opacity: 0;
}
/*地图的动画效果start*/
.chinaMap.active{
    display: block;
}
.chinaMap.active span{ display: block;}
.lineBox.MI1.active{
    width: 27%;
    opacity: 1;
}
.lineBox.MI2.active{
    width: 14%;
    opacity: 1;
}
.lineBox.MI3.active{
    width: 17%;
    opacity: 1;
}
.lineBox.MI4.active{
    width: 36%;
    opacity: 1;
}
.lineBox.MI5.active{
    width: 45%;
    opacity: 1;
}
.lineBox.MI6.active{
    width: 47%;
    opacity: 1;
}
.lineBox.MI7.active{
    height: 27%;
    opacity: 1;
}

/*地图的动画效果end*/
.column1 .columCon{
    position: absolute;
    width: 76.8230%;
    height: 100%;
    top: 0;
    left: 14.4792%;
}
.colDl1{
    position: absolute;
    width: 73.5593%;
    height: 86%;
    left: 0;
    top: 14%;
    z-index: 5;
}
.colDl1 dd{
    position: absolute;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #d5aa40;
    padding-left: 27px;
    visibility: visible;
    opacity: 1;
    display: none;
}
.colDl1 dd span{
    display: inlink-block;
    position: absolute;
    width: 23px;
    height: 23px;
    left: 0;
    top: 7px;
    background: url(../images/hzhb1.png) left center no-repeat;
    background-size: cover;
}
.colDl1 dd.myfirst span{
    animation: myfirst  1.5s infinite;
    /* Safari 与 Chrome: */
    -webkit-animation: myfirst 1.5s infinite;
}

@-webkit-keyframes cnmap {

    0%{
     opacity: 0;
     transform: scale(0)
    }
    100%{
     opacity: 1;
     transform: scale(1)
    }
}

@keyframes cnmap {

    0%{
     opacity: 0;
     transform: scale(0)
    }
    100%{
     opacity: 1;
     transform: scale(1)
    }
}

.cnmap {
    -webkit-animation-name: cnmap;
    animation-name: cnmap;
    transform-origin: 25.5% 0;
}


@keyframes myfirst1
{
    0%  {transform: translateY(0px);}
    5%  {transform: translateY(-10px);}
    35% {transform: translateY(0px);}
    55% {transform: translateY(-7px);}
    75% {transform: translateY(0px);}
    85% {transform: translateY(-3px);}
    95% {transform: translateY(0px);}
    97% {transform: translateY(-1px);}
    100%{transform: translateY(0px);}
}
.sonarEffectDelay{
    animation-delay: 0.2s;
}
.colDl1 dd span:after{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 2;
    -webkit-box-shadow: 0px 0px 0px #0b426f;
    box-shadow: 0px 0px 0px rgb(5, 113, 202);
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}
.colDl1 dd span:before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 4;
    /* -webkit-box-shadow: inset 0px 0px 0px #e4007f; */
    /* box-shadow: inset 0px 0px 0px #e4007f; */
}
.colDl1 dd span:before{
    animation-duration:1.5s;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
}

.colDl1 dd span:after{
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
}
.colDl1 dd.myfirst span:before{
    animation-name: beforeFlash1;
    
}
.colDl1 dd.myfirst span:after{
    animation-name: afterFlash1;
}
@keyframes beforeFlash1{
    0%  {box-shadow: 0px 0px 0px rgba(5,113,202,0.1);}
    50% {box-shadow: 0px 0px 50px rgba(5,113,202,0.5);}
    100%{box-shadow: 0px 0px 0px rgba(5,113,202,0.7);}
}
@-webkit-keyframes afterFlash1{
    0% {
        box-shadow: 0 0 0 2px rgba(5,113,202,0.1), 0 0 10px 10px rgba(5,113,202,0.5), , 0 0 0 10px rgba(5,113,202,0.7);
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
    25% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(5,113,202,0.1), 
            0 0 10px 10px rgba(5,113,202,0.5), 
            0 0 0 10px rgba(5,113,202,0.7);
        -webkit-transform: scale(1.2);
    }
    50% {
        opacity: 0.3;
        -webkit-transform: scale(1);
    }
    75% {
        opacity: 0.3;
        -webkit-transform: scale(1.2);
    }
    100% {
        opacity: 0.3;
        -webkit-transform: scale(1.5);
    }
}
.colDl1 dd.dd4{
    height: 42px;
    line-height: normal;
}
.colDl1 dd.dd4:before{
    display: block;
    content: "";
    position: absolute;
    width:15px;
    height: 15px;
    left: 60%;
    margin-left: 15px;
    top: 30px;
    background: url(../images/hzhb1.png) left center no-repeat;
}
.colDl1 dd.dd1{
    left: 7.658%;
    top: 26.99%;
    transition-delay: 0.5s;
}
.colDl1 dd.dd2{
    left: -13.8834%;
    top: 30%;
    transition-delay: 0.6s;
}
.colDl1 dd.dd3{
    left: 3.8399%;
    top: 34.8%;
    transition-delay: 0.8s;
}
.colDl1 dd.dd5{
    height:50px;
    width: 50px;
    color: #fff;
    top: 25.677%;
    left: 32.7466%;
    padding-left: 0;
    /*transition-delay: 1.8s;*/
}
.colDl1 dd.dd5:before{
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    left:0;
    background: url(../images/hzhb2.png) center center no-repeat;
    z-index: 5;
}
.colDl1 dd.dd5 i{
    display: block;
    position: absolute;
    top: -45px;
    left: -35px;
    line-height: 39px;
    font-size: 22px;
    width: 200px;
    font-style: normal;
    
}
.colDl1 dd.dd6{
    left: 48.6129%;
    top: 63.5%;
    transition-delay: 0.9s;
}
.colDl1 dd.dd7{
    left: 103.34378%;
    top: 20%;
    transition-delay: 1s;
}
.colDl1 dd.dd8{
    left: 117.357%;
    top: 35%;
    transition-delay:1.1s;
}
.colDl1 dd.dd9{
    left: 122.5086%;
    top: 49%;
    transition-delay: 1.2s;
}
.colDl1 dd.dd10{
    right: 2.3963%;
    top: 6.1%;
    transition-delay: 1.3s;
}
.colDl1 dd.dd11{
    right: 0%;
    top: 15%;
    transition-delay: 1.4s;
}
.colDl1 dt{
    position: absolute;
    height: 68px;
    line-height: 90px;
    top: 79.3%;
    left: 36.4977%;
    font-size: 24px;
    color: #fff;
    display: none;
}
.colDl1 dt .span2{
    font-size: 18px;
    color: #fff;
}
.colDl1 dt.ad{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 54.5069%;
    background: url(../images/wicon10.png) center center no-repeat;
    animation-delay: 3.6s;
}
.mapText{
    position: absolute;
    z-index: 4;
    right: 0;
    top: 59%;
    width: 35%;
    height: 25%;
}
.mapText div{
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    display: none;
}
.mapText div.div1{
    position: absolute;
    width: 36.9781%;
    height: 18.1818%;
    top: 0;
    left: 0;
}
.mapText div.div2{
    position: absolute;
    width: 27.588%;
    height: 18.1818%;
    top: 0;
    right: 32%;
}
.mapText div.div3{
    position: absolute;
    width: 27.588%;
    height: 18.1818%;
    top: 0;
    right: 0;
}
.mapText div.div4{
    position: absolute;
    width: 93%;
    height: 25%;
    top: 39%;
    left: 0;
}
.mapText div.div5{
    position: absolute;
    width: 93%;
    height: 25%;
    bottom: 0%;
    left: 0;
    
}
.mapText.active div{ display: block;}
.colDl1.active dd,.colDl1.active dt{
    display: block;
}
/*第一通栏end*/
/*
**合作伙伴   start 
*/
.hzhb{
    background: #fafafa;
}
.hzhbBG{
    background-color: #fafafa;
}
.hzhbBc{
    width: 100%;
    height: 560px;
    /*background: url("../test/hzhb.png")no-repeat center center;*/
    background-size: 100% 100%; 
    position: relative;
}
.hzhbT2{
    text-align: center;
}
.hzhbT2 h5{
    width: 980px;
    height: 60px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}
.hzhbC{
    position: relative;
}
.hzhbList{
    position: relative;
    margin-left: -510px;
    left: 50%;
    border-left: 1px solid #ddd;
}
.hzhbList .dd0,.hzhbList .dd1,.hzhbList .dd2,.hzhbList .dd3{
    border-bottom: 1px solid #ebebeb;
}
.hzhbList .a{
    width: 255px;
    height: 190px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #ebebeb;
    transition: all 500ms ease-in-out;
}
.hzhbList .a:hover{
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-box-shadow:0 20px 40px rgba(f,f,f,.23);
    box-shadow: 0 0px 30px rgba(54,178,247,.6);
    z-index: 999;
    position: relative;
}
.hzhbList .rightR{
    border-right: 1px solid #ebebeb;
}
.hzhbList a{
    width: 100%; 
    overflow: hidden; 
    position: relative;
    display: block;
}
.hzhbList a:before{
    display: block; 
    content: ''; 
    padding-top: 75%;
}
.hzhbList a img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
}

.picR{
    position: absolute;
    left: 0;
    top: 190px;
    bottom: 191px;
    width: 100%;
    z-index: 3333;
    height: 1px;
    background-color: #ebebeb;
}

.columnScroll{position: relative;}
.columnScroll .bd{/* overflow: hidden; */height: 425px;}
.columnScroll .slick-list{/* overflow: visible; */margin-right: -30px;}
.columnScroll .myslide{ width: 33.3333%; float: left; display: inline;}
.columnScroll .con{padding-right: 30px;}
.columnScroll .prev{
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background:url(../images/prev2.jpg) no-repeat center center;
    position: absolute;
    right: 50%;
    margin-right: -570px;
    top: 49.5%;
    margin-top: -20px;
    z-index: 1;
    display: none;
}
.columnScroll .next{
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background:url(../images/next2.jpg) no-repeat center center;
    position: absolute;
    right: 50%;
    margin-right: -570px;
    top: 39.9%;
    margin-top: -20px;
    z-index: 1;
    display: none;
}
.columnScroll .prev:hover,.column2Scroll .next:hover{ background-color: #cd291f;}
/*
**foot start
*/
.foot{
    background-color: #333;
    overflow: hidden;
    position: relative;
    padding-top: 25px;
}

.foot .I{
    position: absolute;
    width: 1220px;
    height: 0.5px;
    left: 50%;
    margin-left: -610px;
    top:85px;
    background-color: #474747;
}
.footT{
    font-size: 16px;
    color: #e5e5e5;
}
.footTR dd a{
    font-size: 16px;
    color: #e5e5e5;
}
.footTR dd a:hover{
    color: #ffffff;
}
.footTR dd{
    float: left;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-right: 40px;
}
.footTR{
    float: left;
}
.footTL{
    float: right;
}
.footTL span{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
}
.footCL{
    float: left;
}
.footCL div{
    position: relative;
    padding:5px 0;
    overflow: hidden;
}
.footCL span{
    margin-left: 11px;
    font-size: 16px;
    color: #e5e5e5;
}
.footCL em{
    position: relative;
    top: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
}

.footCL .a em{
    background: url("../images/foot1.png")no-repeat center center;
}
.footCL .b em{
    background: url("../images/contact4.png")no-repeat center center;
}
.footCL .c em{
    background: url("../images/foot3.png")no-repeat center center;
}
.footCL .d em{
    background: url("../images/foot4.png")no-repeat center center;
}
.footCR{
    float: right;
}
.footCR span{
    display: block;
    overflow: hidden;
    margin-top: 3px;
    text-align: center;
}
.footCR img{
    display: inline-block;
    border: 5px solid #fff;
    width: 110px;
    height: 110px;
}
.m20{
    margin-right: 20px;
}
.footCR h2{
    display: block;
    font-size: 14px;
    height: 25px;
    color: #e5e5e5;
    line-height: 20px;
    overflow: hidden;
}
.footF{
    font-size: 14px;
    color: #ccc;
    position: relative;
    text-align: center;
    height: 48px;
    line-height: 48px;
    background: #2f2f2f;
}
.footF h2{
    color: #ccc;
    font-size: 14px;
}
.footF a{
    color: #ccc;
    font-size: 14px;
}
.footF a:hover{
    color: #fff;
}
.footF span{
    position: relative;
    display: inline-block;
    top: 4px;
    width: 18px ;
    height: 20px;
    margin: 0 5px;
    background: url("../images/foot5.png")no-repeat center center;
    background-size: cover;
}

/*
**banner1  start
**公共部分
*/
.wightBc{
    background: #fff;
}

.SubbannerBox{
   position: relative;
    overflow: hidden;
}
.SubbannerBox::before{
    display: block;
    content: '';
    padding-top: 18.3195%;
}
.bannerPic{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-size: cover !important;
}

.bannerPic img{
    display:block; 
    width:100%; 
    height:100%; 
}
.bannerListB{
    overflow: hidden;
}
.h30F{
    height: 30px;
    background: #f0f0f0;
    overflow: hidden;
}
.banner1List{
    overflow: hidden;
    text-align: center;
    background-color: #fff;
}
.banner1List dl{
    display: inline-block;
    height: 60px;
}
.banner1List dd{
    /* position: relative; */
    display: inline-block;
    margin: 0 15px;
    vertical-align: 5px;
    height: 56px;
    line-height: 60px;
}
.banner1List dd a{
    position: relative;
    font-size: 14px;
    color: #333333;
    height: 60px;
    line-height: 60px;
}
.banner1List dd:hover{
    border-bottom: 4px solid #0076b6;
}
.banner1List dd a.hover:after{
    content: " ";
    position: absolute;
    display: inline-block;
    height: 4px;
    width: 100%;
    bottom: -20.5px;
    left: 0;
    background-color: #0076b6;
}
/*
**发展历程
*/
/*2*/
.aboutUsT{
    clear: both;
    height: 75px;
    overflow: hidden;
    text-align: center;
    color: #333333;
    font-size: 30px;
    line-height: 75px;
    position: relative;
}
.aboutUsT.typ2{color:#fff}
.aboutUsT:after{
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    background: #d6000f;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left:-10px;
}
.aboutUsT2{
    clear: both;
    overflow: hidden;
    line-height: 52px;
    text-align: center;
    font-size: 15px;
    color: #666;
}
.aboutBox2{
    clear: both;
    background-color:#fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.aboutBox2Bg{
    width: 100%;
    height: 100%;
    background-image: url(../images/aboutUs_bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index:-1;
}
.aboutBox2Slide{
    width: 100%;
    position: relative;
    height:     613px;
}
.aboutBox2Slide .bt{
    display: block;
    width: 12px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 63px;
    left: 50%;
    z-index:9;
    background-position: center center;
    background-repeat: no-repeat;
}
.aboutBox2Slide .bt.prev{margin-left:-604px;background-image: url(../images/aboutUs_icon3.png)}
.aboutBox2Slide .bt.next{margin-left:586px;background-image: url(../images/aboutUs_icon4.png)}
.aboutBox2Slide .hd{
    width: 100%;
    height:158px;
    overflow: hidden;
    background-image:url(../images/aboutUs_icon1.png);
    background-position:center bottom;
    background-repeat: no-repeat;
    position: relative;
}
.hdWrap{
    width:1110px;
    margin:0 auto;
    overflow: hidden;
}
.aboutBox2Slide .hd ul{
    overflow: hidden;
    position: relative;
    left: 0;
}
.aboutBox2Slide .hd ul li{
    float: left;
    width: 138px;
    height: 158px;
    background-image:url(../images/aboutUs_icon2.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
.aboutBox2Slide .hd ul .li1{
    height: 1px;
    background-image:url();
    background-color:rgba(255,255,255,0.4);
    position: absolute;
    left: 0;
    bottom:12px;
}
.aboutBox2Slide .hd ul .li2{
    height: 1px;
    background-image:url();
    background-color:rgba(255,255,255,0.4);
    position: absolute;
    right: 0;
    bottom:12px;
}
.aboutBox2Slide .hd ul li span{
    display: block;
    height: 78px;
    text-align: center;
    line-height: 78px;
    color: #ffffff;
    font-size: 16px;
    margin-top: 35px;
    cursor: pointer;
    transition-duration: 0.3s;
    transition-property:margin;
    transition-timing-function: linear;
}
.aboutBox2Slide .hd ul li.on span:before{
    content:"";
    display: block;
    width: 78px;
    height: 78px;
    border:15px solid #009944;
    border-radius:100%;
    opacity: 0.2;
    position: absolute;
    top:50%;
    left:50%;
    margin:-54px 0 0 -54px; 
    
}
.aboutBox2Slide .hd ul li.on span{
    display: block;
    width: 78px;
    height: 78px;
    margin:15px auto;
    border-radius:100%;
    line-height: 78px;
    text-align:center;
    background-color:#009944;
    color: #ffffff;
    position: relative;
}
.aboutBox2Slide .bd{
    clear: both;
    width: 100%;
    height: 275px;
    overflow: hidden;
}
.aboutBox2Slide .bd dd{
    height: 290px;
}
.aboutBox2Slide2{
    width: 1200px;
    height: 270px;
    margin:0 auto;
    background:#fff;
    overflow: hidden;
    /*box-shadow:0 2px 5px #dadada;*/
    display: none;
}
.aboutBox2Slide2 .picLBox{
    width: 400px;
    height: 270px;
    overflow: hidden;
    /* margin-right:40px; */
}
.aboutBox2Slide2 .picLBox img{
    display: block;
    width: 405px;
    height: 270px;
}
.aboutBox2Slide2 .divR{
    overflow: hidden;
    height: 100%;
    /* padding: 0; */
    padding: 0 50px;
}
.divR .fzYear{
    font-size: 16px;
    color: #999999;
    height: 40px;
    line-height: 40px;
    margin-bottom: 18px;
}
.divR .fzYear span{
    font-size: 28px;
    color: #009944;
}
.divR .fzRTitle{
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 14px;
}
.divR .fzRTitle a:hover{
    color: #009944;
}
.divR .fzRC{
    color: #999999;
    font-size: 14px;
    height: 84px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*
**imgText start
*/

.imgTextBc{
    min-height: 500px;
    background-color: #f0f0f0;
    overflow: hidden;
}
.iTList{
    overflow: hidden;
    padding: 22px;
    background-color: #ffffff;
    -webkit-transition:all .3s ease;
    transition:all .9s ease
}
.imgTLL{
    float: left;
    margin-right: 28px;
}
.imgTLL a{
    width: 300px;
    height: 200px;
    overflow: hidden;
    display: block;
}
.imgTLL img{
    width: 100%;
    height: 100%;
}

.imgTLR h5 a{
    margin-top: 13px;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    color: #333333;
}
.Time span{
    display: inline-block;
    width: 145px;
    height: 42px;
    line-height: 42px;
    padding-left: 27px;
    font-size: 14px;
    color: #999999;
}

.Time .T1{background: url("../images/Time.png")no-repeat 0px center;}
.Time .T2{background: url("../images/wacth.png")no-repeat 0px center;}
.imgTLR .Text{
    height: 60px;
    line-height: 30px;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666666;
}
.iTList:hover .imgTLR a{
    color: #0076b6;
}
.iTList:hover{
    border-bottom-color:#c5c4c3;
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-box-shadow:0 20px 40px rgba(f,f,f,.12);
    box-shadow:0 20px 30px rgba(0,0,0,.12)
}



/*
**认证荣誉
*/
.imgList.contentC{
    background: #f0f0f0!important;
}

.img_dl2{width:1260px;margin:0 auto;padding-top: 10px;position: relative;z-index: 9;overflow: hidden;}
.img_dl2 dd{
    float:left; 
    width:390px; 
    height:307px; 
    margin:0 15px 20px 0;
    /*
    -webkit-animation:gdownIn 0.2s 0.2s both; 
    -moz-animation:gdownIn 0.2s 0.2s both; 
    animation:gdownIn 0.2s 0.2s both;
    */
    }
.img_dl2 dd a:hover{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
}
.img_dl2 dd a:hover h2{
    color: #0076b6;
}
.img_dl2 dd a{
    display: block;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius:4px;
}
.img_dl2 dd .imgDiv{display:block; height:247px; width:100%; overflow:hidden;padding-top: 0px;}
.img_dl2 dd .imgDiv img{max-width: 100%;height: 100%;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;/* object-fit: contain; *//* object-position: center center; */display: block;margin: 0 auto;}
.img_dl2 dd .imgTextDeta{overflow: hidden; position:relative; height:25px; padding:15px 0px 0px; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.img_dl2 dd h2{ color:#333; font-size:14px;text-align: center; font-weight:normal;}

/*
**产品详情
*/
.cpxq{
    overflow: hidden;
    background-color: #fff;
    padding: 20px 50px 40px 45px;
}

.cpxqT .cpxqImg{
    width: 345px;
    height: 230px;
    overflow: hidden;
    float: left;
    margin-right: 55px;
    margin-top: 30px;
}
.cpxqTR{
    overflow: hidden;
}
.cpxqTR h5{
    margin-top: 15px;
    display: block;
    padding: 24px 0;
    font-size: 22px;
    color: #333333;
}
.cpxqTR em{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ebebeb;
}
.cpxqTR h6 {
    display: block;
    padding: 10px 0 28px 0;
    font-size: 18px;
    color: #666666;
    line-height: 33px;
    height: 165px;
    overflow: hidden;
}
.cpxqT1{
    height: 60px;
    line-height: 60px;
    font-size:22px;
    color: #333333;
}
.LLL{
   display: block;
    width: 100%;
    height: 1px;
    background-color: #ebebeb; 
}
.cpxqText{
    height: 60px;
    line-height: 30px;
    font-size: 16px;
    color: #666666 ;
    text-overflow: ellipsis;
}
.cpxqPic img{
    width: 1200px;
    height: 100%;
}
.cpxqT img{
    width: 100%;
    height: 100%;
}

/*
**产品研发列表
*/
.cpyfList{
    background-color: #fff;
    overflow: hidden;
    padding: 0 92px 0 0;
}
.cpyfList .TT{
    font-size: 22px;
    color: #333333;
    padding: 22px 0;
    margin-left: 20px;
}
.cpyfText{
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    margin-left: 20px;
    margin-bottom: 13px;
}
.cpyfList span{
    display: block;
    width: 100%;
    height: 1px;
    background-color:#f0f0f0;
    margin-bottom: 15px;
}
.dynamicList1 dd{
    display:block;
    float:left;
    overflow: hidden;
    width:380px;
}

.dynamicList1 p{
    width: 100%; 
    overflow: hidden; 
    position: relative;
}
.dynamicList1 p:before{
    display: block; 
    content: ''; 
    padding-top: 60%;
}

.dynamicList1 img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute;
    left:0px; 
    top:0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.dynamicList1 dd:hover p img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.dynamicList1 dd:hover h5{
    color: #0076b6;
}
.dynamicList1{
    margin: 0px -15px 0px -15px!important;
}
.dynamicList1 dl dd{
    position: relative;
}
.focus3{position: relative;}
.focus3 .hd{width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;margin-bottom:-20px;}
.focus3 .hd ul{text-align: center;}
.focus3 .hd ul li{
    cursor: pointer;display: inline-block;*display:inline;zoom: 1;width:10px;height:10px;overflow: hidden;line-height: 999px;margin:0 2px 20px 2px;
    background:#fff;border: 1px solid #ff7741;
}

.focus3 .hd ul .on{background:#ff7741;}
.focus3 .bd{position:relative;height: 100%;z-index: 0; overflow: hidden;height: 315px;}
.focus3 .bd dd{zoom: 1;vertical-align: middle; float:left; width:33.3333333%;position: relative;}
.focus3 .prev, .focus3 .next{
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -25px;
    display: none;
    width: 20px;
    height: 40px;
}
.focus3 dd a{
    display: block;
    background:#fff;
    overflow: hidden;
    margin: 0px 15px 0px 15px;
    position: relative;
    padding: 10px;
}
.focus3 dd a h5{
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    text-align: center;
}
.focus3 .prev{
    background:url(../images/bbP.png) center center no-repeat;
}
.focus3 .next{
    left: auto;
    right:-1px;
    background:url(../images/bbN.png) center center no-repeat;
}


/*
**企业简介
*/
.qyjj{
    background-color: #f0f0f0;
    overflow: hidden;
}
.qyjjC{
    min-height: 300px;
    padding: 35px 50px;
    overflow: hidden;
    /*background-color: #fff;*/
}
.qyjjC h5{
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #333333;
    text-align: center;
}
.qyjjText{
    font-size: 16px;
    color: #666666;
    line-height: 40px;
}
.qyjjText img{
    max-width: 100%;
}
/*
**新闻详细
*/
.xwxx{
    background-color: #f0f0f0;
    overflow: hidden;
}
.xwxxC{
    min-height: 600px;
    position: relative;
    padding: 30px 50px;
    overflow: hidden;
    background-color: #fff;
}
.xwxxC h5{
    line-height: 40px;
    font-size: 30px;
    color: #333333;
    text-align: center;
}

.articleTime {
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 0px;
}
.articleTimeC{ display: inline-block; overflow:hidden; font-size: 14px;}
.articleTime span.span1{ float: left; display: inline; margin:0 8px;}
.articleTime span.span2{ float: left; display: inline; width: 165px; }
.artShare{height: 32px;overflow: hidden;position: relative;top: -3px;}
.artShare a{width: 25px !important;height: 51px !important;padding: 0 !important;margin: 0 4px !important;background-image: url(../images/share.png) !important;}
.artShare a.bds_tsina{ background-position: 0px 0px !important;}
.artShare a.bds_tqq{ background-position: -32px 0px !important;}
.artShare a.bds_qzone{background-position: -64px 1px !important;}
.artShare a.bds_douban{ background-position: -96px 0px !important;}
.artShare a.bds_sqq{ background-position: -128px 0px !important;}

.aboutUsPic{ overflow: hidden;}
.aboutUsPic img{ max-width: 100%;}

.xwxxText{
    line-height: 40px;
    font-size: 16px;
    color: #666666 ;
}
.xwxxPic{
    width: 1100px;
    height: 440px;
    overflow: hidden;
}
.xwxxPic img{
    width: 100%;
    height: 100%;
}
.xwxxT{
    height: 40px;
    line-height: 40px;
    text-indent: 2em;
    color: #333333 ;
    font-size:16px ;
    font-weight: bold;
}
.sxp a{
    font-size: 16px;
    color: #666666 ;
    height:35px ;
    line-height: 35px;
}
.sxp a:hover{
    color: #0076b6;
}
.articleBox {
    line-height:28px;
    padding:10px 0;
    color: #666;
    font-size:14px;
}
.articleBox img{
    max-width:100%;
    }
.articleTitle {
    clear: both;
    text-align: center;
    padding:20px 10px 0 10px;
    line-height: 35px;
    font-size:26px;
    font-family:"microsoft yahei";
    color:#000000;
}
.articleTime {
    display: block;
    clear: both;
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height:30px;
    padding:10px 0 20px 0;
    border-bottom:1px solid #f0f0f0;
}
.pageUp{
    display:block;
    line-height:30px;
    padding:10px 0 20px 0;
    border-top:1px dotted #ccc;
    color:#333333;
    font-size:14px;
    }
.share{
    display:block;
    clear:both;
    padding:10px 0;
    }
.articlePage{
    clear:both;
    height:30px;
    text-align:center;
    font-family:Arial;
    }
.articlePage a{
    margin:0 1px;
    background:#ccc;
    padding:5px 10px;
    }
.articlePage a:hover{
    color:#fff;
    background:#1e8ddc;
    }
.articlePage a.hover{
    color:#fff;
    background:#1e8ddc;
    }
/**
 * 文章阅读页-内容上部大图
 */
#play{
    width:600px;
    height:400px;
    position:relative;
    overflow: hidden;
    background:#fff;
    border:1px solid #e9e9e9;
    padding:5px;
    margin:20px auto 0 auto;
}
#play .change_a {
    width:40%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background:url(about:blank);
}
#play .prev_a {left: 0;}
#play .next_a {right: 0}
#play .change_a span {
    width: 24px;
    height: 43px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    display: none
}
#play .prev_a span {background: url(../images/file/article_icon.png) no-repeat 0px -50px;left: 0;}
#play .next_a span {background: url(../images/file/article_icon.png) no-repeat -30px -50px;right: 0;}
#play .img_ul {
    position: relative;
    z-index: 1;
    width:600px;
    height:400px;
}
#play .img_ul li{
    position: relative;
    z-index: 1;
    width:600px;
    height:400px;
    background:#fff;
    margin:0 0 5px 0;
}
#play .img_ul li img{position:absolute;}
.imgMove{width:600px;clear:both;margin:20px auto;position:relative;}
.img_hd {
    margin:0 auto;
    overflow: hidden;
    height:60px;
    position:relative;
}
.img_hd ul {
    position: absolute;
    z-index: 1
}
.img_hd ul li {
    float: left;
    height:47px;
    width:70px;
    padding:3px;
    margin:0 7px;
    cursor: pointer;
    background:#fff;
    border:1px solid #d4d4d4;
    position:relative;
}
.img_hd ul li p{
    height:47px;
    width:70px;
    display:block;
    background:#fff;
    position:relative;
    }
.img_hd ul li i{
    display:block;
    clear:both;
    line-height:20px;
    padding:0 5px;
    background:#000;
    color:#fff;
    position:absolute;
    right:3px;
    bottom:3px;
    z-index:99999999999999;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    font-family:Arial;
    font-size:12px;
    font-style:normal;
    }
.img_hd ul li img {position:absolute;height:47px;width:70px;}
.img_hd ul li.on {border:1px solid #1e8ddc;background:#1e8ddc;}
.imgMove .bottom_a {
    width:20px;
    height:25px;
    display: block;
    cursor: pointer;
    z-index: 10;
    float:left;
    top:15px;
    position:absolute;
    z-index:9999999999999;
    background:url(../images/file/article_icon.png) no-repeat;
}
.imgMove .prev_a {background-position:left top;left:0;}
.imgMove .next_a {background-position:right top;right:0;}
.articleHand{
    clear:both;
    font-size:16px;
    padding:10px 0px 20px 0;
    overflow: hidden;
    }
.articleHand a{
    display:block;
    line-height:32px;
    padding:0 20px 10px 30px;
    float:left;
    background:url(../images/file/file.png) no-repeat left center; 
}
.articleHand a.word{background:url(../images/file/word.png) no-repeat left 3px; color:#37a6ff !important; }
.articleHand a.ppt{background:url(../images/file/ppt.png) no-repeat left center; color:#ff7735 !important;}
.articleHand a.excel{background:url(../images/file/excel.png) no-repeat left center; color:#15bf44 !important; }
.articleHand a.pdf{background:url(../images/file/pdf.png) no-repeat left center; color:#1369c0 !important; }
.articleHand a.zip{background:url(../images/file/zip.png) no-repeat left 3px; color:#ff9779 !important; }
.shareBox{
    height:40px;
    overflow:hidden;
    background:#f1f1f1;
    }
.shareBoxL{
    float:left;
    padding:0 0 0 20px;
    }
.shareBoxL B{
    display:block;
    line-height:40px;
    float:left;
    }
.bdsharebuttonbox{
    float:left;
    padding:6px 0 0 10px;
    }
.shareBoxR{
    line-height:40px;
    float:right;
    padding:0 20px 0 0;
    font-size:14px;
    color:#000;
    }





/*
**公告通知
*/
.ggtz{
    background-color: #f0f0f0;
    overflow: hidden;
}
.ggtzC{
    overflow: hidden;
    padding: 22px;
    background-color: #ffffff;
}
.ggtzTL{
    float: left;
    width: 620px;
    height: 344px;
    overflow: hidden;
    margin-right: 60px;
}
.ggtzTL img{
    width: 100%;
    height:auto;
}
.ggtzTR{
    overflow:hidden;
}
.ggtzTRT span{
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #333333;
}
.ggtzTRC{
    position: relative;
    overflow: hidden;
}
.ggtzTRCl{
    float: left;
    overflow: hidden;
}
.ggtzTRCl h5{
    font-size: 78px;
    color: #ff0000;
    height: 150px;
    line-height: 150px;
}
.ggtzTRCl h6{
    display: inline-block;
    color: #ff0000;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
}
.mR60{
    margin-right: 60px;
}
.ggtzTRCr{
    overflow: hidden;
    position: absolute;
    right: 60px;
    bottom: 55px;
}

.ggtzC1{
    overflow: hidden;
    background-color: #ffffff;
}
.ggtzList{
    overflow: hidden;
}
.ggtzList dd{
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e6e6e6
}
.ggtzList dd:hover a{
    color: #0076b6;
}
.ggtzList span{
    max-width: 990px;
}
.ggtzList span a{
    font-size: 16px;
    overflow: hidden;
    margin-left: 50px;
}
.ggtzList dd h5{
    float: right;
    margin-right: 60px;
    font-size: 14px;
    color: #999999;
}
/*
**联系方式
*/
.h85{
    height: 85px;
    clear: both;
    overflow: hidden;
}
.h95{
    height: 95px;
    clear: both;
    overflow: hidden;
}
.recruitment1Bc{
    background: #fefefe;
    overflow: hidden;
}
.recruitment1List{
    margin: 0 -7px 0 -8px;
}
.recruitment1List dd{
    float: left;
    width: 390px;
    height: 100%;
    overflow: hidden;
    background: #f0f0f0;
    margin: 0 7px 0 8px;
    -webkit-transition:all .3s ease;
    transition:all .9s ease
}
.recruitment1List a{
    width: 100%;
    height: 100%;
    display: block;
}
.recruitment1List p{
    width: 100%; 
    overflow: hidden; 
    position: relative;
}
.recruitment1List p:before{
    display: block; 
    content: ''; 
    padding-top: 66.66666666%;
}
.recruitment1List img{
    display:block; 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0px; 
    top:0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.recruitment1List dd:hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.recruitment1List dd:hover{
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-box-shadow:0 20px 40px rgba(f,f,f,.12);
    box-shadow:0 20px 30px rgba(0,0,0,.12)
}

.recruitment1F{
    padding:20px 25px;
    overflow: hidden;
}
.recruitment1F h5{
    font-size: 22px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.recruitment1F h5 span{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.recruitment1F h6{
    font-size: 14px;
    color: #555555;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.contact1{
    background-color: #f0f0f0;
    overflow: hidden;
}
.cMenu{
    text-align: center;
    overflow: hidden;
}

.cMenu dd{
    display: inline-block;
    overflow: hidden;
    background-color: #fff;
    border-radius:3px;
    margin-right: 10px;
    margin-left: 10px;
}
.cMenu dd a{
    display: block;
    padding: 15px;
}
.cMenu dd.hover{
    background-color: #0076b6;
}
.cMenu dd.hover a{
    color: #ffffff;
}
.cMenu dd:hover{
    background-color: #0076b6;
}
.cMenu dd:hover a{
    color: #ffffff;
}
.BcF0{
    background: #f0f0f0;
    overflow: hidden;
}
.contact2{
    overflow: hidden;
}
.contact2List{
    overflow: hidden;
    width: 50%;
    padding: 25px 0;
    background: #fbfbfb;
}
.c2List.contact2List{
    background: #fff;
}
.contact2List dt{
    height: 60px;
    line-height: 60px;
    padding-left: 47px;
    font-size: 18px;
    color: #333;
    overflow:hidden;
}
.contact2List dd{
    display: block;
    overflow: hidden;
    padding: 0px 0;
    /* border-bottom: 1px solid #f2f2f2; */
    /* padding-left:120px; */
}
.contact2List h5{
    position: relative;
    display: inline-block;
    height: 60px;
    padding-left: 90px;
    line-height: 60px;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    margin-right: 20px;
    float: left;
    background-size: 22px 28px;
}
.contact2List h5:before{
    display: block;
    content: "";
    position: absolute;
    left: 47px;
    top: 8px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.contact2List h5.C1:before{
    background: #0ab06f;
}
.contact2List h5.C2:before{
    background: #f8b552;
}
.contact2List h5.C3:before{
    background: #6ae2b9;
}
.contact2List h5.C4:before{
    background: #fca442;
}
.contact2List h5.C5:before{
    background: #2b9bfa;
}
.contact2List h5.C6:before{
    background: #6ae2b9;
}

.contact2List h5:after{
    display: block;
    content: "";
    position: absolute;
    border-radius: 100%;
}
.contact2List h5.C1:after,.contact2List h5.C4:after{
    left: 58px;
    top: 8px;
    width: 19px;
    height: 40px;
    background: url(../images/contact1.png)no-repeat center center;
    background-size: 100%;
}

.contact2List h5.C2:after,.contact2List h5.C5:after{
    left: 58px;
    top: 8px;
    width: 19px;
    height: 40px;
    background: url(../images/contact2.png)no-repeat center center;
    background-size: 100%;
}
.contact2List h5.C3:after,.contact2List h5.C6:after{
    left: 58px;
    top: 8px;
    width: 19px;
    height: 40px;
    background: url(../images/contact3.png)no-repeat center center;
    background-size: 100%;
}


.contact2List .C1{
    background: url(../images/contact1.png)no-repeat center center;
}
.contact2List .C2{
    background: url(../images/contact2.png)no-repeat center center;
}
.contact2List .C3{
    background: url(../images/contact3.png)no-repeat center center;
}
.contact2List span{
    font-size: 14px;
    color: #666666;
    display: inline-block;
    float: left;
    max-width: 400px;
    line-height: 27px;
    padding-top: 16px;
}
.contactPic{
    width: 100%;
    height: 550px;
}
.contactPic img{
    width: 100%;
    height: 100%;
}

/*
**加入正川
*/
.join1{
    background-color: #999999;
    overflow: hidden;
}
.join1 dl{
    overflow: hidden;
}
.join1 dd{
    display: block;
    float: left;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 18px 0;
    width: 200px;
    text-align: center;
}
.recruitT{
    overflow:hidden; 
}
.recruitT dl{
    overflow:hidden; 
}
.recruitT dd{
    display: block;
    float: left;
    font-size: 14px;
    color: #333333;
    padding: 18px 0;
    width: 200px;
    text-align: center;
}
.recruitList{ overflow: hidden;}
.recruitList dd{o;/* overflow: hidden; */argin-bottom: 10px;font-size: 16px;}
.recruitList dd .recruitT{overflow: hidden;height: 60px;/* line-height: 60px; *//* padding: 0 0 0 30px; */background: #FFF;color: #656565;cursor: pointer;transition: all .3s;-webkit-transition: all .3s;}
.recruitList dd .recruitT .text{ font-size: 16px; overflow: hidden;}
.recruitList dd .recruitT .btn{width: 60px;margin-left: 75px;margin-bottom: -3px;line-height: -17px;background: url(../images/zpShow.png) no-repeat center 24px;}
.recruitList dd .recruitC{position: relative;overflow: hidden;font-size: 14px;color: #999999;line-height: 40px;display: none;/* padding:20px; */padding: 20px 45px 25px 45px;background:#FFF;}
.recruitText{overflow: hidden;line-height: 25px;font-size: 14px;color: #666666;/* padding: 20px 0 0 0; */}
.recruitBtn{overflow: hidden;position: absolute;right: 45px;bottom: 28px;}
.recruitBtn a{ overflow: hidden; font-size: 16px; display: block; height: 50px; line-height: 50px; float: left; display: inline; padding: 0 40px;
 background: #0076b6; color: #FFF !important; border-radius: 3px; transition: all .3s; -webkit-transition: all .3s;}
.recruitList dd:hover .recruitT{ background: #0076b6; color: #FFF;}
.recruitList dd:hover dd{color: #FFF;}
.recruitList dd:hover .recruitT .btn{background: url(../images/zpShowh.png) no-repeat center -0px;}
.recruitList dd.active .recruitT{ background: #0076b6; color: #FFF;}
.recruitList dd.active dd{color: #FFF;}
.recruitList dd.active .recruitT .btn{background: url(../images/zpHide.png) no-repeat center 28px;}
.recruitText span{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.recruitTextF{
    line-height: 25px;
    font-size: 14px;
    color: #666666;
    padding-top: 25px;
}
/*
**提交表单
*/
.tableBc{
    background-color: #f0f0f0;
}

.tabSubmit{
    text-align: center;
    overflow: hidden;
    background-color: #fff;
}
.tableF{
    text-align: center;
    overflow: hidden;
}
.tableF span{
    display: inline-block;
    overflow: hidden;
}
.tableF span a{
    display: inline-block;
    overflow: hidden;
    font-size: 18px;
    color: #ffffff;
    padding: 15px 62px;
    background-color: #999999;
}
.tableF span a:hover{
    background-color: #0076b6;
}
.tableF span.hover a{
    background-color: #0076b6;
}
.tableList{ border:1px solid #dddddd; }
.tableList tr{ height: 48px; }
.tabSubmit td{
    text-align: left;
    padding:0 10px;
    font-size: 14px;
    color: #444;
}
.tabSubmit .W200 td{
    width: 16.666%
}
.tabSubmit .BC1{
    background-color:#f7f7f7;
}
.tabSubmit .S1{
    width: 170px;
    height: 30px;
    border: 1px solid #ddd;

}
.sexBox input{
    width: 15px!important;
    height: 15px!important;
}
.tabSubmit .S2{
    width:70px;
    height: 30px;
    border: 1px solid #ddd;
}
.tabSubmit #maie{
    height: 15px !important;
    width: 15px !important;
}
.tabSubmit input{
    height: 30px;
    width: 170px;
    border:none;
}
.tabSubmit .Add{
    height: 30px;
    width: 970px;
}
.tabSubmit .yj1{
    width: 58px;
    margin-top: 8px;
    font-size: 14px;
    color: #fff;
    padding: 10px 15px;
    background-color: #666666;
    border-radius: 2px;
}
.tabSubmit .yj2{
    font-size: 14px;
    color: #333333;
    margin-top: 8px;
    margin-bottom: 12px;
}
.tabSubmit .zp2{
    font-size: 14px;
    color: #ff0000;
    margin-bottom: 12px;
}
.yj1 .webuploader-pick{
    padding: 0!important;
    background: #666;
}
.yj1 .customUpload input{
    background: #666666!important;
}
.zpYzmB input{
    display: inline;
    vertical-align: 17px;
}

/**
 * 列表分页
 * @author 梅鹏
 * @return
 */
.page{padding:5px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:8px 14px;color:#999999;border-radius:3px;background: #fff;}
.page a:hover{background: #0076b6;color:#fff;}
.page a.hover{background: #0076b6;color:#fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
    width: 11px;
    height: 19px;
    background-position: center center;
    background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageH.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageH.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageH.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageH.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}


/*
* 音乐播放器 梅鹏
*/
.audiojs{
    width:40px;
    height:40px;
    border-radius:100%;
    background:url(../audiojs/play.png) no-repeat center center;
    background-size:cover; 
    margin:2px 10px 0 0;
    position:relative;
    z-index:9;
    }
.audiojs.playing{
    width:40px;
    height:40px;
    border-radius:100%;
    background:url(../audiojs/play2.png) no-repeat center center;
    background-size:cover;
    }
.audiojs .scrubber{ display:none;}
.audiojs .time{ display:none;}
.audiojs .play-pause {
    width: 25px;
    height: 40px;
    padding:0 6px;
    margin: 0px;
    float: left;
    overflow: hidden;
}


/* ————— 音频 start ————— */
.newsAudio .audiojs audio {position: absolute;left: -1px;opacity: 0;}
.newsAudio .audiojs {z-index: 99;background: #fff;overflow: hidden;font-family: monospace;font-size: 12px;border-radius: 5px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);width: 100%;margin: 0 auto;border: 1px solid #e5e5e5;}
.newsAudio .audiojs .play-pause {width: 25px;height: 27px;padding: 4px 6px;margin: 0px;float: left;overflow: hidden;position: relative;}
.newsAudio .audiojs .play-pause:before {content: '';display: block;border-right: 1px solid #e5e5e5;position: absolute;right: 0;top: 0;height: 100%;transform: scaleX(0.3);}
.newsAudio .audiojs p {display: none;width: 25px;height: 27px;margin: 0px;cursor: pointer;}
.newsAudio .audiojs .play {display: block;}
.newsAudio .audiojs .scrubber {display: block;position: relative;float: left;width: 205px;background: #f5f5f5;height: 14px;margin: 10px;top: 1px;overflow: hidden;}
.newsAudio .audiojs .progress {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #fbbc05;z-index: 1;}
.newsAudio .audiojs .loaded {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #ffeebb;cursor: pointer;}
.newsAudio .audiojs .time {display: block;overflow: hidden;height: 35px;line-height: 36px;margin: 0px 0px 0px 6px;padding: 0px 6px 0px 12px;position: relative;color: #666;}
.newsAudio .audiojs .time:before {content: '';display: block;border-left: 1px solid #e5e5e5;position: absolute;left: 0;top: 0;height: 100%;transform: scaleX(0.3);}
.newsAudio .audiojs .time em {padding: 0px 2px 0px 0px;color: #666;font-style: normal;}
.newsAudio .audiojs .time strong {padding: 0px 0px 0px 2px;font-weight: normal;}
.newsAudio .audiojs .error-message {display: none;padding: 0px 10px;height: 35px;overflow: hidden;line-height: 36px;white-space: nowrap;color: #666;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
.newsAudio .audiojs .error-message a {color: #666;text-decoration: none;padding-bottom: 1px;border-bottom: 1px solid #999;white-space: wrap;}
.newsAudio .audiojs .play {background: url(../audio/images/play.png) center center no-repeat;background-size: 14px;}
.newsAudio .audiojs .loading {background: url(../audio/images/loading.png) center center no-repeat;background-size: 14px;-webkit-animation: fa-rotating 2s infinite linear;animation: fa-rotating 2s infinite linear;}
.newsAudio .audiojs .loading:before {content: '';}
@keyframes fa-rotating {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
.newsAudio .audiojs .error {background: url(../audio/images/error.png) center center no-repeat;background-size: 14px;}
.newsAudio .audiojs .pause {background: url(../audio/images/pause.png) center center no-repeat;background-size: 16px;}
.newsAudio .playing .play,
.newsAudio .playing .loading,
.newsAudio .playing .error {display: none;}
.newsAudio .playing .pause {display: block;}
.newsAudio .loading .play,
.newsAudio .loading .pause,
.newsAudio .loading .error {display: none;}
.newsAudio .loading .loading {display: block;}
.newsAudio .error .time,
.newsAudio .error .play,
.newsAudio .error .pause,
.newsAudio .error .scrubber,
.newsAudio .error .loading {display: none;}
.newsAudio .error .error {display: block;}
.newsAudio .error .play-pause p {cursor: auto;}
.newsAudio .error .error-message {display: block;}
/* ————— 音频 end ————— */