@charset 'utf-8';



@font-face {
    font-family: 'Conv_HelveticaNeueLTPro-Lt_0';
    src: url('../fonts/helveticaneueltpro-lt_0.eot');
    src: local('☺'), url('../fonts/helveticaneueltpro-lt_0.woff') format('woff'), url('../fonts/helveticaneueltpro-lt_0.ttf') format('truetype'), url('../fonts/helveticaneueltpro-lt_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** Generated by FG **/

@font-face {
    font-family: 'Conv_HELVETICANEUELTPRO-THEX_0';
    src: url('../fonts/helveticaneueltpro-thex_0.eot');
    src: local('☺'), url('../fonts/helveticaneueltpro-thex_0.woff') format('woff'), url('../fonts/helveticaneueltpro-thex_0.ttf') format('truetype'), url('../fonts/helveticaneueltpro-thex_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** Generated by FG **/

@font-face {
    font-family: 'Conv_Helvetica Neue CE 35 Thin';
    src: url('../fonts/helvetica neue ce 35 thin.eot');
    src: local('☺'), url('../fonts/helvetica neue ce 35 thin.woff') format('woff'), url('../fonts/helvetica neue ce 35 thin.ttf') format('truetype'), url('../fonts/helvetica neue ce 35 thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.technical {
    /*margin-top: 104px;
    background: #f2f4f5;*/
}

.j_banner {
    width: 100%;
    position: relative;
    margin-top:90px;
}

.j_banner .con {
    position: absolute;
    top: 235px;
    left: 50%;
    top: 50%;
    z-index: 2;
    text-align: center;
    width: 100%;
    /*padding-top: 120px;*/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.j_banner img {
    width: 100%;
}

.j_banner .con .box {
    width: 142px;
    height: 145px;
    margin: 0 auto;
    text-align: center;
    line-height: 142px;
    position: relative;
}

.j_banner .con .bg {
    width: 100%;
    height: 100%;
    background: url(../images/pro07.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -o-animation: spinner 1.5s infinite linear;
    -ms-animation: spinner 1.5s infinite linear;
    -moz-animation: spinner 1.5s infinite linear;
    -webkit-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear;
}
.j_banner .con .font{
    font-size: 30px;
    color: #ffffff;
    line-height: 32px;
}
.pdb_90{
    padding-bottom: 90px;
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.j_banner .con img {
    width: 70%;
    /*position: relative;*/
    z-index: 2;
}

.j_banner .con h2 {
    font-size: 42px;
    line-height: 52px;
    color: #FFFFFF;
    margin-top: 29px;
}

.j_banner .con .font img {
    width: 121px;
    height: 29px;
}


/*内容*/

.j_container {
    width: 1720px;
}

.j_container .j_containerb {
    background: #FFFFFF;
}

.j_container .j_containert {
   /* position: absolute;
    margin-top: -90px;*/
    background: #FFFFFF;
    width: 1690px;
    height: 90px;
    border-bottom: 1px solid #EEEEEE;
}

.j_container .j_containert p {
    font-size: 20px;
    color: #333333;
    padding-left: 30px;
    line-height: 90px;

}

.j_container .j_containert p span {
    color: #9da1a5;
}

.j_containerbl {
    /*width: 360px;*/
    width: 305px;
    /*border-bottom:1px  solid #EEEEEE;*/
    border-right: 1px solid #EEEEEE;
    margin-bottom: 15px;
}
.navbb{
    background: #2970ae;
    color: #fff;
    font-size: 16px;
    position: absolute;
    padding: 20px;
    left: 0;
    display: none;
}
.j_containerbl .la>li {
    border-bottom: 1px solid #EEEEEE;
}

.j_containerbl .la li a,
.j_containerbl .la li .cccc{
    padding-left: 30px;
    padding-right: 30px;
    color: #333333;
    font-size: 16px;
    display: block;
    height: 58px;
    line-height: 58px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.j_containerbl .la li a :visited {
    background: #065fae;
}

/*.j_containerbl .la li a:active {
    background: #065fae;
    color: #FFFFFF;
}*/

.j_containerbl .lala li a :visited {
    background: none;
    font-weight: bold;
    color: #065fae;
}

.j_containerbl .lala li a:active {
    background: none;
    font-weight: bold;
    color: #065fae;
}

.j_containerbl .lala li a:link,
.j_containerbl .lala li .cccc{
    background: none;
}
.j_containerbl .lala li .cccc:hover,
.j_containerbl .lala li .cccc.active{
    background: #f8f8f8;
}
.j_containerbl .lala li .cccc:hover a,
.j_containerbl .lala li .cccc.active a{
    color: #065fae;
    font-weight: bold;
}
.j_containerbl .lalala a:hover{
    color: #065fae;
}
.j_containerbl .lalala a.act{
    color: #065fae;
}
.j_containerbl .la li .inactive {
}

.j_containerbl .lala li .inactive1 {
    background: url(../images/tjia.png) no-repeat 250px center;
}
.j_containerbl .lala li .cccc,
.j_containerbl .lala li .cccc.active  {
    background: transparent;
}
.j_containerbl .la li .inactive1.active {
    color: #065fae;
    font-weight: bold;
    background: #f8f8f8;
    /*border-bottom: 1px solid #cccccc;*/
}

.j_containerbl .la li .inactive.actives{
    color: #FFFFFF;
    background: #065fae;
}
.j_containerbl .la li .inactives {
    background: #2970ae;
    color: #FFFFFF;
    background:#2970ae url(../images/tjian.png) no-repeat 250px center;
}
.j_containerbl .la li a:hover{
    background: #2970ae;
    color: #FFFFFF;
}
.j_containerbl .lala {
    display: none;
    /*background: #f8f8f8;*/
}

.j_containerbl .lala li {
    position: relative;
    /*background-color: #065fae;*/
    font-size: 16px;
}
.j_containerbl .lala>li>a::after,
.j_containerbl .lala>li::after{
    content: '';
    position: absolute;
    left: 30px;
    bottom: 0;
    width:calc(100% - 60px);
    height: 1px;
    background: #EEEEEE;
}

.j_containerbl .lalala {
    display: none;
}

.j_containerbl .lala li a,
.j_containerbl .lala li .cccc{
    position: relative;
    padding-left: 30px;
    /*color: #065fae;*/
    font-size: 16px;
}
.j_containerbl .lala li .cccc a{
    display: inline-block;
    padding: 0;
    margin: 0;
}
.j_containerbl .lalala li {
    background: #df8f8f8;
    border: none;
}

.j_containerbl .lalala li a {
    color: #666666;
    padding-left: 30px;
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.j_containerbl .lalala {
    padding: 10px 0;
    overflow: hidden;
    background: #f8f8f8;
}

.j_containerbl .lalala li a img {
    width: 5px;
    height: 9px;
    margin-right: 7px;
}

.j_containerbr {
    /*background: #f2f4f5;*/
    border-left: 1px solid #EEEEEE;
    width: calc(100% - 430px);
}

.j_cbrlist .j_list {
    padding: 15px;
    border: 1px solid #EEEEEE;
    border-top: none;
    border-left: none;
    background: #FFFFFF;
    /*width: 664px;*/
    width: 25%;
    /*height: 248px;*/
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/*.j_cbrlist .j_list:hover {
    background: #bf462e;
    z-index: 99;
}*/

/*.j_cbrlist .j_list:hover h3 {
    color: #FFFFFF;
}

.j_cbrlist .j_list:hover h4 {
    color: #FFFFFF;
}

.j_cbrlist .j_list:hover p {
    color: #FFFFFF;
}*/

.j_cbrlist .j_list:hover span {
    /*color: #FFFFFF;*/
    padding-right: 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.j_list001 {
    overflow: hidden;
}

.j_cbrl:hover .j_list001 img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
}

.j_cbrl:hover .j_cbrls h4 {
    color: #333333;
    transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
}

.j_cbrlist .j_list:hover .j_jt {
    opacity: 0;
}

.j_cbrlist .j_list:hover .j_jt1 {
    position: absolute;
    opacity: 1;
    margin-left: 20px;
}


/*.j_cbrlist .j_list1 {
    padding: 50px 82px 59px 97px;
    border-right: none;
    border-left: none;
}*/
.proimg{
    width: 100%;
    transition: all 2s;
    overflow: hidden;
    margin-bottom: 30px;
}
.j_list:hover .proimg{
    transform: scale(1.1);
}
.j_cbrlist .j_list h3 {
    font-size: 16px;
    height: 85px;
    line-height: 22px;
    color: #333333;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.j_cbrlist .j_list p {
    font-size: 14px;
    line-height: 24px;
    color: #a2a2a2;
    margin-top: 10px;
    display: -webkit-box;  
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 2;  
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.j_cbrlist .j_list1 p {
    /*width: 475px;*/
}

.j_list .j_lists span {
    float: left;
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    color: #123;
}
.jt_bo{
    float: left;
    display: inline-block;
    line-height: 20px;
    width:49px;
    height: 20px;
    position: relative;
}
.j_list .j_lists img {
    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%);
    width: 49px;
    height: 11px;
    margin-left: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.j_list .j_lists .j_jt1 {
    opacity: 0;
}

.j_list .j_lists {
    margin-top: 15px;
}

.j_ys-fenye {
    padding: 44px 0 51px;
    text-align: center;
    background: #FFFFFF;
    margin-bottom: 16px;
}

.j_ys-fenye li {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0 6px;
    text-align: center;
    line-height: 45px;
    color: #FFFFFF;
    font-size: 18px;
    background-color: #d7d7d7;
}
.j_ys-fenye li a{
    display: block;
    line-height: 45px;
    color: #fff;
}
.j_ys-fenye li a:hover,.j_ys-fenye li.cur a{
    background-color: #2970ae;
}
.j_ys-fenye li img {
    width: 16px;
    height: 13px;
}

.j_ys-fenye li.ys-activepage {
    background-color: #cf4359;
}

.j_ys-fenye a li:hover {
    background-color: #2970ae;
    transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
}

.j_ys-fenye button {
    /* 手机端的样式  */
    width: 100px;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #065fae;
    font-size: 20px;
    color: #565656;
    border-radius: 10px;
    display: none;
}

@media screen and (max-width:767px) {
    .j_ys-fenye ul {
    }
    .j_ys-fenye button {
        display: inline-block;
    }
}

.j_cbrimg {
    padding: 41px 50px 36px 49px;
    background: #ffffff;
    /*width: 1330px;*/
    width: calc(100% - 360px);
}

.j_cbrimg h3 {
    font-size: 30px;
    color: #333333;
    margin-bottom: 36px;
}

.j_cbrimg .j_cbrl {
    margin: 0 -17px 40px;
}

.j_cbrimg .j_cbrl img {
    width: 268px;
    /*margin-right: 33px;*/
}

.j_cbrimg .j_cbrl h4 {
    font-size: 22px;
    /*  line-height: 32px;*/
    color: #065fae;
    margin-top: 16px;
    margin-bottom: 30px;
}

.j_cbrimg .j_cbrl p {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    margin-right: 15px;
}

.j_cbrimg .j_cbrl .j_cbrls {
    width: 295px;
    margin-left: 33px;
}

.j_cbrimg .j_cbrli {
    margin-left: 35px;
}

.j_containerb .traq {
    position: relative;
    background: #FFFFFF;
    padding: 0px 49px 0 49px;
    /*width: 1329px;*/
}

.j_hezuo {
    position: absolute;
    background: #065fae;
    cursor: pointer;
    margin-top: -44px;
    right: 50px;
}

.j_hezuo :hover {
    color: #333333;
    background: #FFFFFF;
    border: 1px solid #065FAE;
    transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
}

.j_hezuo p {
    font-size: 18px;
    line-height: 28px;
    padding: 7px 25px;
    color: #FFFFFF;
}

.traq h2 {
    color: #333333;
    font-size: 28px;
}

.j_traqta {
    margin-top: 43px;
}

.j_traqta00 {
    display: none;
}

.j_traqta00 .j_traqt {
    margin-right: 0;
    width: 100%;
    text-align: center;
}

.j_traqta00 .j_traqtlast {
    margin-right: 0;
}

.j_traqta00 .j_traqts {
    width: 88px;
    height: 88px;
    background: #EEEEEE;
    border-radius: 50%;
    text-align: center;
    line-height: 88px;
    margin-bottom: 24px;
    margin: 0 auto;
    margin-top: 18px;
}

.j_traqta00 .j_traqt span {
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    background: #dcdcdc;
    margin: 0 auto;
    margin-top: 10px;
}

.j_traqta00 .j_traqtb {
    margin-left: 0;
    margin-top: 10px;
}

.j_traqta00 .j_traqt .j_traqtc {
    text-align: center;
    font-size: 16px;
    color: #333333;
    margin-top: 18px;
}

.j_traqt {
    margin-right: 197px;
}
.j_traqt:nth-last-child(2){
    margin-right: 0;
}
/*.j_traqtlast {
    
}*/

.traq .traqs p {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    margin-top: 30px;
    padding-bottom: 10px;
}

.j_traqts {
    width: 88px;
    height: 88px;
    background: #EEEEEE;
    border-radius: 50%;
    text-align: center;
    line-height: 88px;
    margin-bottom: 24px;
    position: relative;
}

.j_traqts .j_ybtz1 {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}

.j_traqts .j_ybtz {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.j_traqts:hover {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    text-align: center;
    line-height: 88px;
    margin-bottom: 24px;
    background: #065FAE;
    transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
}

.j_traqts:hover .j_ybtz1 {
    transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
    display: block;
}

.j_traqts:hover .j_ybtz {
    transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
    display: none;
}

.j_traqt .j_traqtc {
    text-align: center;
    font-size: 16px;
    color: #333333;
}

.j_traqt span {
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    background: #dcdcdc;
    margin-left: 37px;
    margin-top: 14px;
}

.j_traqtb {
    margin-left: 35px;
    margin-top: 15px;
}

.j_traqtb p {
    font-size: 16px;
    color: #b9b9b9;
}

.pro_de_title ul li{
    float: left;
    position: relative;
}

.pro_de_title ul#tabs li{
    margin-right: 15px;
}
.pro_de_title ul#tabs li h3{
    padding: 0px 10px;
    font-weight: 700;
    font-size: 20px;
    color: #333;
}
.pro_de_title ul#tabs li h3:hover{    
color: #2970ae;
}
.pro_de_title ul#tabs li:last-child{
    margin-right: 0px;
}

.traq>div.pro_de_title>ul{
    color: #2970ae;
    margin-top: 30px;
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 21px;
    font-size: 22px;
    /*margin-bottom: 30px;*/
    width: 100%;
}

.traq .pro_de_title ul li.active h3:after {
    content: '';
    position: absolute;
    background: #266ca8;
    width: 100%;
    height: 2px;
    margin-top: 42px;
    left: 0;
}

.traq>h3{
margin-top: 30px;
    display: block;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
    clear: both;
    padding: 0px 0px 30px 0;
    font-weight: 700;
    font-size: 20px;
    color: #333;
}

.traq>h3:after{
    content: '';
    position: absolute;
    background: #2970ae;
    width: 8%;
    height: 2px;
    margin-top: 49px;
    left: 0;
}

.j_xuxian0 {
    position: relative;
    width: 1130px;
}

.j_xuxian0:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 148px;
    left: 52px;
    border-bottom: 1px dashed #dcdcdc;
}


/*.yiyaoa{
    margin-left: 20px;
}*/

.j_slicks .yiyao {
    /*margin-right: 106px;*/
    margin-top: 34px;
    text-align: center;
}

.j_slicks .yiyaos {
    margin-right: 0px;
}

.j_slicks .yiyao img {
    width: 227px;
    margin-bottom: 23px;
}

.j_slicks .yiyao a p {
    font-size: 16px;
    color: #333333;
}

.j_slicks .yiyao:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
}

.j_table table {
    width: 100%;
}

.j_table {
    margin-top: 35px;
}

.j_table table th {
    width: 50%;
    text-align: center;
    background: #dfe8ef;
    font-size: 18px;
    line-height: 54px;
    color: #065fae;
    font-weight: normal;
}

.j_table table td {
    /*width: 50%;*/
    text-align: center;
    background: #f2f4f5;
    line-height: 54px;
    font-size: 16px;
    color: #333333;
    border-top: 1px solid #fff;
}
.j_table table td p{
    line-height: 26px;
    font-size: 16px;
    color: #333333;
}

.techgood {
    margin-top: 27px;
}

.techgood p {
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}

.wenxian {
    position: relative;
    margin-top: 27px;
}
.txtscroll .bd {
    margin-top: 30px;
    margin-bottom: 10px;
}
.wenxian01 {
    margin-left: 26px;
}
.wenxian01 p{
    font-size: 16px;
    line-height: 26px;
    color: #333333;
}
.wenxian02 {
    margin-top: 10px;
    margin-left: 26px;
}
.wenxian02 p{
    font-size: 16px;
    line-height: 26px;
    color: #333333;
}
.wenxian p {
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}

.wenxian span {
    position: absolute;
    left: 0px;
    line-height: 26px;
}

.j_slick2 {
    position: relative;
    padding-top: 34px;
    padding-bottom: 66px;
}

.j_slick2 .j_slick2sa {
    padding: 60px 30px 58px 88px;
    border: 1px solid #EEEEEE;
    border-right: 2px solid #EEEEEE;
}

.j_slick2 .j_slick2sa h4 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}

.j_slick2 .ban_po {
    position: absolute;
    top: -36px;
    right: -10px;
}


/*.j_slick2s .j_slick2sa{
    padding: 0 -58px;
}*/


/*.j_slick2s {
    padding: 0 58px;
}*/

.ban_po .j_prne {
    cursor: pointer;
    padding: 5px;
}

.ban_po .j_prev {
    margin-right: 65px;
}

.j_slick2s .slick-next {
    right: 0px;
    top: -60px;
    z-index: 18;
}

.j_slick2s .slick-prev {
    left: 92%;
    top: -60px;
    z-index: 6;
}

.ban_po .j_prne img {
    width: 11px;
    height: 18px;
}

.j_slick2s .slick-dots {
    position: absolute;
    top: -68px;
    height: 15px;
    left: 597px;
    z-index: 5;
}

.j_slick2s .slick-dots li button::before,
.sy-banner-con .slick-dots li button::after {
    disply: none;
}

.j_slick2s .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #CECDCE;
    opacity: 1;
    margin: 0 5px;
}

.j_slick2s .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.j_slick2s .slick-dots li.slick-active {
    background: #065fae;
    box-sizing: content-box;
}

.j_slick2s .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.j_slick2s .j_slick2s {}

html,
body {
    position: relative;
    overflow-x: hidden;
}

.j_hezuoa {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.6);*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 6;
}

.j_hzjl {
    position: absolute;
    background: #FFFFFF;
    padding: 34px 61px 56px 61px;
    text-align: center;
    top: 20%;
    /*left: 36%;*/
    /*top:50%;*/
    left:50%;
    -webkit-transform: translateX( -50%);
    -moz-transform: translateX( -50%);
    -ms-transform: translateX(-50%);
    -o-transform: translatXe( -50%);
    transform: translatXe( -50%);
}

.j_hzjl h2 {
    line-height: 40px;
    color: #000000;
}

.j_hzjl p {
    font-size: 16px;
    line-height: 40px;
    color: #666666;
    overflow: hidden;
}

.j_hzjl input {
    float: left;
    width: 394px;
    border: 1px solid #dcdcdc;
    border-right: none;
    height: 49px;
    padding: 15px 0 16px 31px;
    margin-top: 20px;
}

.j_hzjl span {
    border: 1px solid #dcdcdc;
    border-left: none;
    padding: 12px 23px 12px 0;
    color: red;
    display: inline-block;
    height: 49px;
    line-height: 23px;
    float: left;
    margin-top: 20px;
}
.j_hzjl textarea {
    resize: none;
    width: 424px;
    margin-top: 20px;
    padding: 15px 0 14px 31px;
    border: 1px solid #dcdcdc;
}

.j_hzjl .j_hzinp {
    padding: 18px 0 13px 31px;
    width: 314px;
}

.j_hzjl .j_hzinps {
    padding: 0px 0px 16px 0px;
}

.j_hzjl .j_hzinps img {
    /*border-right: 1px solid #dcdcdc;*/
    width: 115px;
}

.j_hzjl input::-moz-placeholder {
    color: #333333;
}

.j_hzjl input:-moz-placeholder {
    color: #333333;
}

.j_hzjl input::-webkit-input-placeholder {
    color: #333333;
}

.j_hzjl input:-ms-input-placeholder {
    color: #333333;
}

.j_hzjl textarea::-moz-placeholder {
    color: #333333;
}

.j_hzjl textarea:-moz-placeholder {
    color: #333333;
}

.j_hzjl textarea::-webkit-input-placeholder {
    color: #333333;
}

.j_hzjl textarea:-ms-input-placeholder {
    color: #333333;
}

.j_tj {
    color: #FFFFFF;
    font-size: 16px;
    background: #065fae;
    padding: 15px 82px;
    border: 1px solid #065FAE;
    margin-right: 8px;
    margin-top: 28px;
}

.j_cz {
    color: #065fae;
    font-size: 16px;
    background: #FFFFFF;
    padding: 15px 82px;
    margin-top: 28px;
    border: 1px solid #065FAE;
}

.j_cha2 {
    position: absolute;
    top: -51px;
    right: -40px;
    cursor: pointer;
}

.about .abouts {
    position: relative;
    width: 1720px;
    background: #FFFFFF;
}

.about .j_aboutnav {
    position: absolute;
    padding: 0 208px;
    background: #FFFFFF;
    top: -66px;
}

.j_aboutnav ul li {
    float: left;
    margin: 0 55px;
    height: 87px;
    line-height: 87px;
    font-size: 18px;
}

.j_aboutnav ul li a {
    color: #666666;
    position: relative;
    padding-bottom: 10px;
}

.j_aboutnav ul li a:hover {
    color: #000000;
}

.j_aboutnav ul li a:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #065fae;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
}

.j_aboutnav ul li a:hover:after {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.j_aboutnav .act {
    color: #000000;
}
.j_aboutnav ul .act a{
    color: #000000;
    border-bottom: 1px solid #065fae;
}
.j_aboutnav .act:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    /*background-color: #065fae;*/
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.j_fuli {
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
}

.j_fuli .j_fu h1 {
    color: #000000;
    line-height: 46px;
    margin-top: 30px;
font-size:24px;
}

.j_fuli .j_fu p {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 26px;
    color: #666666;
    font-family: 'Conv_HelveticaNeueLTPro-Lt_0';
}

.j_fuli .j_fu span {
    margin: 0 auto;
    position: relative;
    display: block;
    width: 148px;
}

.j_fuli .j_fu span:after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #065fae;
}

.about {
    /*margin-top: 104px;*/
}

.about .abouta {
    width: 1720px;
    padding-top: 56px;
    margin-bottom: 106px;
}

.abouta .j_rest {
    width: 25%;
    height: 270px;
    color: #FFFFFF;
    padding: 41px 55px 95px 45px;
    text-align: center;
    background: url(../images/j-time.jpg) no-repeat center;
}

.abouta .j_rest img {
    width: 55px;
    height: 55px;
}

.j_rest h3 {
    font-size: 22px;
    margin-top: 22px;
}

.j_rest p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 21px;
}

.abouta .j_money {
    background: url(../images/j-money.jpg) no-repeat center;
}

.abouta .j_zhidu {
    background: url(../images/j-fuli.jpg) no-repeat center;
}

.j_zhidu .slick-dots {
    position: absolute;
    left: 176px;
}

.j_zhidu .slick-dots li button::before,
.j_zhidu .slick-dots li button::after {
    display: none;
}

.j_zhidu .slick-dots li {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.28);
    opacity: 1;
    margin: 0 5px;
    float: left;
}

.j_zhidu .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 11px;
    height: 11px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.j_zhidu .slick-dots li.slick-active {
    background-color: #fff;
}

.abouta .j_peixun {
    background: url(../images/j-peixun.jpg) no-repeat center;
}

.about .j_man {
    width: 100%;
    min-height: 560px;
    background: url(../images/j_renhai.jpg) no-repeat center;
    /*background: transparent;*/
}

.about .j_man h1 {
    text-align: center;
    color: #FFFFFF;
    padding-top: 262px;
}

@media (min-width: 1750px) {
    .about .j_work {
        width: 1720px;
        margin-top: 31px;
        position: relative;
        margin-bottom: 62px;
    }
}
.o_wid{
    position: relative;
}
.j_work_mboz{
    margin: 0 -15px;
}
.j_work_mbo {
    width: 25%;
    float: left;
    padding: 0 15px;
}

.j_work_m {
    margin-top: 44px;
    /*margin-right:30px ;*/
    width: 100%;
}

.j_sw {
    margin-right: 0;
}

.j_work_m h4 {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
}

.j_mo p {
    color: #065fae;
    font-size: 14px;
    cursor: pointer;
}

.j_mo {
    /*width: 400px;*/
    padding: 16px 21px;
    margin-top: 20px;
    border: 1px solid #065fae;
    position: relative;
}

.j_mo .j_shousuo {
    position: absolute;
    top: 15px;
    left: 360px;
}

.j_mo .j_shousuo img {
    width: 14px;
    height: 14px;
}

.j_mo .j_shousuo.j_shou {
    display: none;
}

.j_mor {
    position: absolute;
    display: none;
    left: 0;
    margin-top: 138px;
    /*width: 1666px;*/
    width: 100%;
    border: 1px solid #065fae;
}

.j_mor01 {
    margin-left: -420px;
}

.j_mor02 {
    margin-left: -844px;
}

.j_mor03 {
    margin-left: -1266px;
}

.j_mo01 p {
    color: #065fae;
    font-size: 14px;
    cursor: pointer;
}

.j_mo01 {
    width: 400px;
    padding: 16px 21px;
    margin-top: 20px;
    border: 1px solid #065fae;
    position: relative;
}

.j_mo01 .j_shousuo {
    position: absolute;
    top: 15px;
    left: 360px;
}

.j_mo01 .j_shousuo img {
    width: 14px;
    height: 14px;
}

.j_mo01 .j_shousuo .j_shou {
    display: none;
}

.j_mor01 {
    /*position: absolute;*/
    display: none;
    margin-top: 138px;
    width: 1690px;
    border: 1px solid #065fae;
}

.j_mort {
    padding: 35px 0 15px 46px;
}

.j_mort span {
    font-size: 16px;
    line-height: 26px;
    /*margin-right: 250px;*/
    color: #000000;
    width: 25%;
    float: left;
}

.j_morb {
    padding: 15px 25px 0 45px;
}

.j_morbl {
    /*margin-right: 146px;*/
    width: 50%;
    padding-right: 60px;
}

.j_morbl h5 {
    color: #065fae;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
}

.j_morbl p {
    color: #555555;
    font-size: 14px;
    line-height: 30px;
}

.j_email {
    padding: 25px 0 35px 40px;
}

.j_email p {
    font-size: 14px;
    color: #555555;
}

.j_email p a {
    font-size: 14px;
    color: #065fae;
}

.j_email .j_send {
    margin-top: 34px;
}

.j_email .j_send a {
    padding: 15px 30px;
    color: #FFFFFF;
    font-size: 16px;
    background: #065fae;
}

.j_email .j_send a:hover {
    border: 1px solid #065fae;
    background: #FFFFFF;
    color: #333333;
}

.j_xiant {
    /*width: calc(100% - 22px);*/
    width: 100%;
    height: 31px;
    display: none;
    position: relative;
    z-index: 99;
}

.j_xiant:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 139px;
    left: 0;
    right: 0;
    height: 31px;
    /*display: none;*/
    border-left: 1px solid #065fae;
    border-right: 1px solid #065fae;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    z-index: 20;
}

.j_xiant01 {
    width: 400px;
    height: 31px;
    display: none;
    position: relative;
    z-index: 99;
}

.j_xiant01:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 139px;
    left: 430px;
    right: 0;
    width: 100%;
    height: 31px;
    /*display: none;*/
    border-left: 1px solid #065fae;
    border-right: 1px solid #065fae;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    z-index: 9999;
}

.j_touch {
    width: 100%;
}

.j_toucht {
    width: 1720px;
    margin-top: 73px;
}

.j_toucht h1 {
    color: #000000;
    line-height: 46px;
}

.j_toucht p {
    font-size: 18px;
    color: #2970ae;
    margin-top: 10px;
}

.j_contact {
    background: #eff2f5;
    display: inline-block;
    margin: 30px 0 0px;
    width: 50%;
}

.j_contact h2 {
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    padding-top: 51px;
    padding-left: 64px;
}

.j_contactl {
    margin-top: 30px;
    margin-bottom: 66px;
}

.j_contactla {
    padding-left: 99px;
    margin-top: 20px;
}

.j_contactla .j_yuan {
    width: 35px;
    height: 35px;
    /*border: 1px solid #065fae;*/
    background: #FFFFFF;
    border-radius: 50%;
    display: block;
    line-height: 35px;
    text-align: center;
}

.j_contactla .j_yuan img {
    width: 20px;
    height: 20px;
}

.j_contactla .j_az {
    font-size: 16px;
    color: #333333;
    padding: 0 10px;
    line-height: 35px;
}

.j_contactla p {
    font-size: 16px;
    color: #666666;
    margin: 0;
    line-height: 35px;
}

.j_contactr {
    margin-left: 135px;
    margin-right: 107px;
    text-align: center;
    margin-top: 55px;
}

.j_contactr img {
    width: 172px;
    height: 172px;
}

.j_contactr p {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}

#map {
    width: 46%;
    height: 460px;
    float: right;
    margin: 30px 0 0px;
}

.guide {
    width: 100%;
    /*min-height: 917px;*/
    /*  height: 100%;*/
    background: url(../images/pc.jpg) no-repeat center;
    position: relative;
    background-size: cover;
}

.j_logoa {
    position: absolute;
    top: 33px;
    left: 47px;
}

.j_logoa img {
    width: 234px;
    /*  height: 49px;*/
}

.j_message {
    position: absolute;
    top: 24px;
    right: 34px;
}

.j_message img {
    width: 25px;
    height: 25px;
    margin: 0 12px;
}

.j_guides {
    width: 25%;
    /*min-height: 917px;*/
    text-align: center;
    border-right: 1px solid #717881;
}

.j_guides0 img {
    width: 63px;
    height: 111px;
    margin-top: 443px;
    margin-bottom: 38px;
}

.j_guides h2 {
    color: #FFFFFF;
    line-height: 40px;
}
.j_guides h2 span{
    display: inline-block;
}

.j_guides p {
    font-size: 12px;
    line-height: 24px;
    color: #FFFFFF;
    font-family: "Conv_HELVETICANEUELTPRO-THEX_0";
    margin-bottom: 28px;
}

.j_guides .j_spans {
    display: block;
    width: 76px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 238px;
}

.j_guides .j_spans:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.j_guide :hover {
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.j_guide :hover .j_guides h2 {
    -o-animation: yd 1.5s 1 linear;
    -ms-animation: yd 1.5s 1 linear;
    -moz-animation: yd 1.5s 1 linear;
    -webkit-animation: yd 1.5s 1 linear;
    animation: yd 1.5s 1 linear;
}

@keyframes yd {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    51% {
        font-size: 26px;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.j_guides:hover h2 span{
    -webkit-animation: allAreasText .8s cubic-bezier(.455,.03,.515,.955) 0s 1 normal;
    animation: allAreasText .8s cubic-bezier(.455,.03,.515,.955) 0s 1 normal;
}
@-webkit-keyframes allAreasText {
    0%,100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    49% {
        opacity:0;
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    50% {
        opacity:0;
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
}
@keyframes allAreasText {
    0%,100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    49% {
        opacity:0;
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    50% {
        opacity:0;
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
}
.j_guides :hover {
    background: none;
}

.j_guides1 img {
    width: 136px;
    height: 91px;
    margin-top: 463px;
    margin-bottom: 38px;
}

.j_guides2 img {
    width: 75px;
    height: 119px;
    margin-top: 435px;
    margin-bottom: 38px;
}

.j_guides3 img {
    width: 115px;
    height: 92px;
    margin-top: 462px;
    margin-bottom: 38px;
}

.j_guides3 {
    border-right: none;
}

.j_tc {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.j_tcw {
    position: absolute;
    background: #FFFFFF;
    top: 34%;
    left: 45%;
}

.j_tcw img {
    width: 179px;
    /*height: 177px;*/
    padding: 17px 14px 15px 17px;
}

.j_tcw p {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    padding-bottom: 22px;
}

.j_cha img {
    width: 24px;
    height: 24px;
}

.j_cha {
    position: absolute;
    cursor: pointer;
    top: 34%;
    left: 55%;
}

.j_gb{
    position: absolute;
    right: 30px;
    bottom: 25px;
}
.j_gb p{
    font-size: 14px;
    line-height: 24px;
    color: white;
}
.j_gb p a{
    font-size: 14px;
    line-height: 24px;
    color: white;
}
.j_gb p a:hover{
    color: red;
}
.jyyfxa{
    margin-bottom: 15px;
    clear: both;
    display: inline-block;
}
.jyyfxa p{
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    text-align: center;
    margin: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.jyyfxa img{
    max-width: 100% !important;
}
.plogysa p{
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}

.pro_de_title .jyyfxa #tabs_cont5 li{
    width: 25%;
    float: left;
}
.pro_de_title .jyyfxa #tabs_cont5 li img{
    border: 1px solid #eee;
}


@media (max-width: 414px){
    .plogysa{
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
}


.g_imgiocn{
    display: none;
}
.phon:hover .w_phone{
    display: block;
}
.w_phone {
     display: none; 
    position: absolute;
    right: -30px;
    top: 29px;
    background-color: #fff;
    padding: 10px;
}

.down ul li{
    width: calc(49% - 15px);
}
.oco ul li {
    width: calc(24% - 15px);
}
.down ul li:nth-child(2n){
margin-right: 0;
}
.oco ul li:nth-child(2n){
margin-right: 30px;
}
.oco ul li:nth-child(4n){
margin-right: 0;
}
.down{
    margin-top: 30px;
}
.k_kuang h1 {
    color: #000000;
    line-height: 46px;
}
.k_kuang p {
    font-size: 18px;
    color: #2970ae;
    margin-top: 10px;
}

.down .thumb {
    border: 1px solid #e6e6e6;
    padding: 25px 50px 25px 40px;
    display: block;
    background-color: #fff;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    font-size: 16px;
}
.down .thumb:before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: #176bab url(../images/joinIcon02.png) center no-repeat;
    -o-background-size: 13px;
    background-size: 13px;
    position: absolute;
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.down .thumb:after {
    content: '';
    display: block;
    width: 40px;
    height: 100%;
    background: #176bab url(../images/joinIcon03.png) center no-repeat;
    -o-background-size: 25px;
    background-size: 25px;
    position: absolute;
    right: 0;
    top: 0;
}

@media (min-width: 1024px) {
.down .thumb {
    padding: 33px 100px 33px 80px;
}
.down .thumb:after {
    width: 90px;
    -o-background-size: 31px;
    background-size: 31px;
}
.down .thumb:hover {
    color: #176bab;
}
}

@media screen and (max-width: 1024px) {
    .j_banner{
        margin-top: 0;
    }
    .pdb_90{padding-bottom: 0;}
}

@media screen and (max-width: 1200px) {

.j_banner {
    margin-top: 70px;
}
@media screen and (max-width: 1000px) {
.j_banner {
    margin-top: 10px;
}
}

}
@media screen and (max-width: 768px) {
.down ul li{
    width: 100%;
}
.pro_de_title ul#tabs li h3 {
    font-weight: 600;
    font-size: 16px;
}
.pro_de_title .jyyfxa #tabs_cont5 li {
    width: 50%;
}
#map {
    width: 100%;
    margin: 0px 0 0px;
}
.about {
    margin-top: 0px;
}
.technical {
    margin-top: 0px;
}
.technical  .j_banner .con{
    display: none;
}
.down .thumb:before{left: 10px;}
}

@media screen and (max-width: 767px) {
    .j_ys-fenye li{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .j_ys-fenye li a{
        line-height: 30px;
    }
    .traq h3{
        margin: 20px 0;
    }
.j_cbrlist .j_list h3{
height: auto;
}
}