@charset "UTF-8";

sup{position: relative;top: -4px;line-height: 1;}

.r-l-show ul{list-style-position: inside;}
.r-l-show ul>li>p{display: inline;}
.r-l-show ol{list-style-position: inside;}
.r-l-show ol>li>p{display: inline;}

.logo img{max-width: 100%;height: 100%;}
.wrap{max-width: 1200px;margin: 0 auto;}
.wrap_1400{max-width: 1400px;margin: 0 auto;}
.wrap_1760{max-width: 1760px;margin: 0 auto;}
.wrap_1060{max-width: 1060px;margin: 0 auto;}
.swiper-container{width: 100%;height: 100%;}
/*.r-l-nav li dd.on {*/
    /*border-top: 2px solid #c93d18;*/
    /*background: white*/
/*}*/
.seriesBd>div{display: none;}
.seriesBd>div.on {
    display: block
}
 /*.r-r2>.on {*/
    /*background: #c93d18;*/
    /*color: white*/
/*}*/
/*初始化*/
.header{width:100%;background-color: #FFFFFF;/*position: fixed;*/left:0;top: 0;z-index: 1000;}
/*.index{margin-top: 207px;}*/
.header .top{padding-bottom: 34px;}
.header .logo{width: 200px;height: 60px;padding-top: 46px;}
.header .headpp img{line-height:22px;padding-top:72px;padding-left:45px;max-width: 100%;}
.header .right{margin-top: 15px;color:#888888;}
.header .right p:nth-of-type(1){font-size: 18px;font-family: SourceHanSansCN-Regular;}
.header .right p span.on a,.header .right p span a:hover,.header .right p:nth-of-type(3){color:#3092b9;}
.header .right p span a{margin:0 5px;}
.header .right p:nth-of-type(2){font-size: 16px;text-align: right;padding-top: 22px;padding-bottom: 12px;color: #888888;}
.header .right p:nth-of-type(3){font-size: 30px;text-align: right;font-weight: 600;}
/*pc端的导航*/
.header .nav { display: block; width: 100%;  box-sizing: border-box;background-color: #3092b9;line-height:60px;height: 60px;}
.header .nav > ul {font-size: 0;}
.header .nav > ul > li {display: inline-block;vertical-align: top;position: relative;/* width: 11.11%; */text-align: center;}
.header .nav > ul > li > a {display: block;font-size: 16px;padding: 0 35px;color: #FFFFFF;}
.header .nav > ul > li.on { background: #4da4c7; }
.header .nav > ul > li.on > a { color: #fff; }
.header .nav > ul > li.on:hover > a { color: #fff; }
.header .nav .down_nav { z-index:2;display: none; position: absolute; top: 100%;    left: 0; /*width: 100%;*/ }
.header .nav .down_nav > a { display: block; padding: 0 5px; background: #fff; border-bottom: 1px solid #eee; font-size: 14px; color: #666; line-height: 50px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.header .nav .down_nav > a:hover { background: #4da4c7; color: #fff; }
form.search_form { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; line-height: 1; }
form.search_form .search_bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
form.search_form span { display: block; position: absolute; top: 20%; left: 50%; width: 600px; height: 60px; overflow: hidden; margin-left: -300px; margin-top: -30px; background: #fff; border-radius: 10px; font-size: 0; }
form.search_form input[type='text'] { display: inline-block; vertical-align: top; width: 540px; height: 100%; padding: 15px 20px; border: none; background: transparent; box-sizing: border-box; font-size: 16px; color: #666; line-height: 30px; }
form.search_form input[type='submit'] { display: inline-block; vertical-align: top; width: 60px; height: 100%; border: none; background: #ED2836; font-size: 24px; color: #fff; }
.push-nav, .bg-nav { display: none; }
.banner { position: relative; width: 100%; height: 550px; overflow: hidden; }
.banner .swiper-slide { background: no-repeat center; background-size: cover; }
.banner .swiper-slide a { display: block; width: 100%; height: 100%; }
.banner .pagination {position: absolute; bottom: 8.7%; left: 0; z-index: 20; width: 100%; font-size: 0; text-align: center; }
.banner .pagination .swiper-pagination-bullet {position:relative;background-color:#FFFFFF;display: inline-block; vertical-align: top; width: 8px; height: 8px; margin: 0 15px; border-radius: 100%; box-sizing: border-box;  cursor: pointer; -webkit-transition: height .5s; transition: height .5s; }
.banner .pagination .swiper-pagination-bullet-active:before {position:absolute;content:'';width: 20px;height: 20px;top:50%;left: 50%;border: 1px solid #FFFFFF;border-radius: 100%;transform: translate(-50%,-50%);}

/*首页*/
.index_1{width: 100%;padding-top:60px;position: relative;}
.idxbg{padding-bottom:70px;background: url("../images/idxbg.png")no-repeat;background-size: cover;position: relative;left: 0;}
 .title1 .cn{width: 560px;height: 40px; overflow: hidden;margin: 0 auto;}
 .title1 .en{padding-bottom:60px;font-size: 30px;padding-top: 20px;text-align: center;position: relative;}
 .title1 .en>div{font-size: 30px;position: relative;display: inline-block;}
.title1 span{display: none;position:absolute;top: 35px;width: 50px;height: 2px;margin-top: -1px;background-color:#333333;}
 .title1 .sp1{margin-left: -130px;left: 46%;}
 .title1 .sp2{margin-right: -130px;right: 46%;}
 .title1 .en>div:before,
 .title1 .en>div:after{content: "";position:absolute;top: 50%;width: 50px;height: 2px;margin-top: -1px;background-color:#333333;}
 .title1 .en>div:before{left: -70px;}
 .title1 .en>div:after{right: -70px}
 .news-item,.pro-det{margin-right: 20px;}
.news-item .pic,.pro-det .pic2{overflow: hidden;width: 100%;}
.news-item .pic img,.pro-det .pic2 img{width: 100%;transition: all ease .5s 0s;-moz-transition: all ease .5s 0s;-webkit-transition: all ease .5s 0s;}
.news-item:hover img,.pro-det:hover img{transform:scale(1.1);}
 .tex{padding-bottom:20px;background-color: #FFFFFF;width: 100%;border: 1px solid #eeeeee;}
.tex:hover{background-color: #0f8dbf;}
.tex:hover .pp1,.tex:hover .pp2 ,.tex:hover .more{color: #FFFFFF;}
.tex .pp1{margin:27px 33px 23px 30px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size: 22px;}
.tex .pp2{line-height:26px;margin:0 33px 20px 30px;font-size: 18px;color: #888888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tex .more{margin:0 33px 22px 30px;font-size: 14px;}
.index_2,.index_4{background-color: #FFFFFF;padding-top: 58px;padding-bottom: 69px;  }
.index_2  .sourceBox{width: 100%;box-sizing: border-box;}
.index_2  .sourceBox li{position:relative;background: no-repeat;background-size:cover;width: 25%;height: 615px;}
.index_2  .sourceBox p{color: #FFFFFF;}
.index_2 .sourceBox .pp3{padding-top: 55px;padding-bottom:28px;font-size: 40px;}
.index_2 .sourceBox .pp4,.sourceBox .specific .pp6{white-space:nowrap;font-family: ArialMT;font-size: 26px;}
.index_2 .sourceBox .pp3,.index_2 .sourceBox .pp4{padding-left: 30px;}
.index_2 .sourceBox .specific{width: 100%;height: 100%;background-color: #0c89bd;position: absolute;top: 0;display:block;transition: 0.3s;-webkit-transition: .5s;-moz-transition: .5s;opacity: 0;text-align: center;}
.index_2 .sourceBox .specific .pp5{font-size: 40px;margin-top:138px;margin-bottom: 25px;}
.index_2 .sourceBox .specific .pps{margin-top:60px;font-size: 26px;line-height: 30px;}
.index_2 .sourceBox li:hover .specific{color: #FFFFFF;opacity: 0.8;}
.index_2 .sourceBox li:hover .pp3,.index_2 .sourceBox li:hover .pp4{display: none;}
.index_3{padding-top: 57px;max-width: 100%;margin-bottom: 70px;}
.index_3 .proBox .pro-det:hover .tex2{background-color:#0f8dbf;}
.index_3 .proBox .pro-det:hover .tex2 p{color: #FFFFFF;}
.index_3 .proBox .pro-det:hover .tex2 .toDetails{color: #0f8dbf;background-color: #FFFFFF;}
.index_3 .proBox .tex2{background-color: #efefef;padding: 0 27px 15px;}
.index_3 .proBox .tex2 p:nth-of-type(1){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;font-size: 22px;padding-top: 26px;margin-bottom: 18px;}
.index_3 .proBox .tex2 p:nth-of-type(2){text-align:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;color:#666666;line-height: 21px;}
.index_3 .toDetails{border-radius: 18px;color: #aaaaaa;border: solid 1px #aaaaaa;margin:30px auto 0;width:120px;height: 37px;line-height: 37px;font-size: 14px;text-align: center;}
.index_4{padding-bottom: 20px;}
.index_4 .partner ul{margin-top:70px;max-width: 100%;margin-left: 30px;font-size: 0;}
.index_4 .partner li{margin-bottom:53px;background:no-repeat;display:inline-block;width: calc(16.66% - 30px);height: 135px;box-sizing:border-box;margin-right: 30px;border: 1px solid #eeeeee;}
.index_4 .partner p{text-align: center;font-size: 20px;color: #888888;line-height: 28px;}
@media(max-width: 1600px){
    .news-item .pic img,
    .pro-det .pic2 img{width: 100% !important;height: auto !important;}
}
/*底部*/
.footer .cright{font-size: 16px;float: left;color: #585858;position: relative;}
.footer .cright:after{content: '';position: absolute;top: 0;right: -60px;width: 50px;height: 15px;background: url("../images/icon5.png")no-repeat center;}
.footer .link{float: right;font-size: 16px;color: #585858;}
.footer {background: #ececec;color: white;padding-top: 50px;}
.footer .top {display: flex;justify-content: space-between;padding-bottom: 50px;}
.footer .top .nav {display: flex;padding-top: 20px;}
.footer .top .nav li {margin-right: 10px;max-width: 310px;}
.footer .top .nav li h2 {margin-bottom: 20px;color: #333333;font-weight: 600;font-size: 17px;}
.footer .top .nav li h2 i {display: none;}
.footer .top .nav li .list a {display: block;color: #454545;font-size: 16px;line-height: 28px;/* white-space: nowrap; */}
.footer .top .nav li .list a:hover {color: #0f8dbf;}
.footer .top .nav li:last-child {margin: 0;}
.footer .top .qrcode{width: 140px;flex: 0 0 140px;}
.footer .top .qrcode img{width: 60px;height: 60px;}
.footer .top .qrcode a:nth-of-type(2n+1) img{margin-right: 10px;}
.footer .top .qrcode a:nth-of-type(3) img,.footer .top .qrcode a:nth-of-type(4) img{margin-top: 10px;}
.footer .top i{margin-right: 10px;font-size: 18px;}
.footer .bottom {border-top: 1px solid #d7d7d7;text-align: center;padding: 30px 0;}
/*产品中心-列表*/
.Content {/*margin-top:207px;*/background-size: cover; background-color: #FFFFFF;padding-bottom: 88px;}
/*.Content .sub_banner {position: relative;z-index: 1;width: 100%;height: 400px;background: no-repeat center;background-size: cover;margin-bottom: 80px;}*/
.Content .sub_banner {position: relative;z-index: 1;width: 100%;height: 400px;background: no-repeat center;background-size: cover;}
.Content .sub_banner .aa1{font-weight:600;color:#FFFFFF;font-size: 48px;text-align: center;line-height: 400px;}
/*.Content .list{margin-top: 70px;}*/
.Content .sub_Nav{width: 260px;}
.Content .sub_Nav .pro_tit{width: 100%;background-color: #0f8dbf;color: #FFFFFF;}
.Content .sub_Nav .aa2{font-size: 23px;padding-top: 30px;padding-left: 30px;}
.Content .sub_Nav .aa3{font-size: 16px;margin-top: 15px;padding-left: 30px;padding-bottom: 30px;}
.Content .sub_Nav .pro_ul{width:100%;background-color: #FFFFFF}
.Content .sub_Nav .pro_ul li {padding: 25px 0;border:1px solid #eeeeee;border-top:none;font-size:16px;}
.Content .sub_Nav .pro_ul li a{padding: 0 38px 0 20px;display: inline-block;line-height: 20px;}
.Content  .sub_Box{ width: calc(100% - 320px);}
.Content .sub_Box .aa4{text-align: center;color:#0f8dbf;font-size: 36px;margin-bottom: 53px;}
.Content .sub_Box .aa5{font-size: 16px;line-height: 24px;margin-bottom: 30px;}
.Content .sub_Box .divImg{width: 100%;margin-bottom: 40px;}
.Content .sub_Box .divImg img{width: 100%;}
.Content .sub_Box .seriesNav{margin-bottom:10px;font-size:0;}
.Content .sub_Box .seriesNav p{
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    float: left;
    /*margin-right: 3px;*/
    margin-bottom: 3px;
   padding: 24px 5px;
    word-wrap: break-word;
    word-break: break-all;
   /*width: 33.33%;*/
    margin-right: 2px;
    text-align: center;
    cursor: pointer;
    background-color: #ededed;
}
.Content .sub_Box .seriesNav p.on {position:relative;background-color: #fafafa;color:#1791c1; }
.Content .sub_Box .seriesNav p.on:before{content: '';top:0;position: absolute;width: 100%;height: 4px;background-color:#0f8dbf;left: 0;}
.Content .sub_Box .seriesLi{width: 100%;}
.Content .sub_Box .seriesLi .firNav{position:relative;height:55px;line-height:55px;background-color:#f2f2f2;font-size: 16px;padding-left: 18px;padding-right: 20px;}
.Content .sub_Box .seriesLi .firNav:after{content: '\e631';position: absolute;top: 50%;right: 20px;font-family: "iconfont" !important;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.Content .sub_Box .seriesLi .firNav.on:after{content: '\e603'}
.Content .sub_Box .seriesLi .seriesDet{display:none;border: 1px solid #eeeeee;width: 100%;padding-bottom: 27px;}
.Content .sub_Box .seriesDet .divImg2{margin-top:15px;margin-left:20px;width: 300px;}
.Content .sub_Box .seriesDet .divImg2 img{width: 100%;}
.Content .sub_Box .seriesDet .divText{margin-top:30px;width: calc(100% - 357px);}
.Content .sub_Box .seriesDet .aa6{font-size: 18px;padding-bottom: 20px;}
.Content .sub_Box .seriesDet .aa7{padding-right:10%;font-size: 16px;color: #999999;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;    text-align: justify;}
.Content .sub_Box .seriesDet .linkDet{border-radius:18px;margin-top:20px;background-color:#0f8dbf;width: 120px;height: 35px;line-height:35px;font-size: 14px;text-align: center;color: #FFFFFF;}
.Content .sub_Box .seriesInfo{margin-bottom: 10px;}

.pro_ul .sev-nav { display: none;}
.Content .sub_Nav .pro_ul li.liston a{color: #0f8dbf;border-bottom: 1px solid #FFFFFF;}
.Content .sub_Nav .pro_ul li.liston{background-color: #f4f4f4;}
.pro_ul .sev-nav > p { display: block;height: 60px;line-height: 60px;border-bottom: 1px solid #eee; padding-left:55px;}
.sub-nav li dl {display: none;}
.sub-nav li dl.on{display: block;}
.Content .sub_Nav .pro_ul .sub-nav li dl dd.on{color:#0f8dbf;background-color: #e6e6e6;}
.Content .sub_Nav .pro_ul .sub-nav li dl dd  {font-size:16px;padding:27px 0 27px 0;display: block;border-bottom: 1px solid #eee;color: #333333;}
.Content .sub_Nav .pro_ul .on{padding: 0;background-color: #f4f4f4;}
.Content .sub_Nav .pro_ul li .first{position: relative;}
.Content .sub_Nav .pro_ul li .first:after {position: absolute;top: 50%;right: 20px;transform:translateY(-50%) rotate(180deg);content: '\e602';font-family: 'iconfont' !important;font-size: 15px;color: #888888;}
.Content .sub_Nav .pro_ul li.on .first{position:relative;padding: 24px 0;border-bottom: 1px solid #fff;}
.Content .sub_Nav .pro_ul li .first:hover a,.Content .sub_Nav .pro_ul li:hover .first:after{color:#0f8dbf;}
.Content .sub_Nav .pro_ul li:hover .first:after{font-weight: bold}
.Content .sub_Nav .pro_ul li.on .first:after{position: absolute;top: 50%;transform:translateY(-50%) rotate(180deg);right: 20px;content: '\e602';font-family: 'iconfont' !important;font-size: 20px;color: #2f95c3;}
.Content .sub_Nav .pro_ul li.on .first a{color: #0f8dbf;}
.Content .sub_Nav .pro_ul .sub-nav li dl dd:hover{color:#0f8dbf;background-color: #e6e6e6;}

/*产品中心-详情*/
.Content .location{height:60px;line-height:60px;}
.Content .location .team_nav2 {display: inline-block; vertical-align: top; font-size: 0; }
.Content .location  span i {display: inline-block;vertical-align: top;font-size: 16px;color: #666666;margin-right: 10px;}
.Content .location span a:before {position: absolute;top: 0;right: -15px;content: '\e600';font-family: 'iconfont' !important;font-size: 12px;color: #666666;}
.Content .location span a:hover {color: #0f8dbf;}
.Content .location span a {display: inline-block;vertical-align: top;position: relative;margin: 0 10px;font-size: 14px;color: #666666;}
.Content .location span b {display: inline-block;vertical-align: top;margin-left: 10px;font-size: 14px;color: #666666;}
.Content .goods{margin-top: 30px;position: relative;}
.Content .goods .slider{width: 565px;}
.big-pic{max-height: 400px;position: relative;overflow: hidden;}
.Content .slider p{
    width: 165px;
    height: 120px;
    background: url(../images/auction_mask.png);
    position: absolute;
    left: 0;
    top: 0;
    cursor: move;
    display: none;
    z-index:2;}
.maxpic {
    position: absolute;
    width: 400px;
    height: 300px;
    left: 600px;
    top: 0;
    z-index: 5;
    background-color: #fff;
    display: none;
    overflow: hidden}
.maxpic img {
    position: absolute;
    left: 0;
    top: 0}
.Content .slider-for .big-pro{width: 100%;height: auto;border: 1px solid #dcdcdc;background: no-repeat center;}
.Content .slider-nav {margin-top: 10px;margin-right: -20px;}
.Content .slider-nav .small-pro{margin-right:20px;}
.Content .slider-nav .small-pro.slick-current img{border-color: #0f8dbf;}
.Content .slider-nav .small-pro img{height: 68px;width: 100%;border: 1px solid #dcdcdc;background: no-repeat;background-size:cover;}
.Content .goodsInfo{width: calc(100% - 620px);}
.Content .goodsInfo .goods-tit{font-size: 32px;padding:5% 0 10%;line-height: 1.5;}
.Content .goodsInfo .goods-desc{font-size: 18px;color: #0f8dbf;padding-bottom: 2%;font-weight: 600;}
/*.Content .goodsInfo .desc{font-size: 16px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}*/
.Content .goodsInfo .desc{font-size: 16px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.Content .goodsInfo .toAsk,.goodsInfo .downloadBtn{display:inline-block;margin-top:10%;border-radius:20px;width:145px;height:40px;line-height:40px;text-align:center;font-size:16px;background: #0f8dbf;color: #FFFFFF;}
.goodsInfo .downloadBtn{background: #ff8f2c;margin-left: 37px;}
.Content .pro-data3{margin-top: 60px;}
.Content .r-l-nav {display: -webkit-box;display: -ms-flexbox;display: flex;background: #ededed}
.Content .r-l-nav li {position:relative;padding:23px 0;text-align: center;width: 210px;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;font-size: 16px;color: #555555;}
.Content .r-l-nav li.on{border-top:3px solid #0f8dbf;background: #fafafa;position: relative;}
/*.Content .r-l-nav li.on:before {top:0;left:0;position: absolute;height:4px;background-color:#0f8dbf;content: '';width: 100%;}*/
.Content .r-l-show>div {display: none}
.Content .r-l-show>div.on {display: block}
.r-l-show{padding-top: 30px;}
/*.Content .r-l-show{padding-top: 60px;}*/
/*.Content .r-l-show .para p{color: #555555;font-size: 16px;margin-bottom: 75px;line-height: 30px;}*/
.min_body{padding-bottom: 80px;}
.min_body img{max-width: 100%;}
.Content img{max-width: 100%;}
.Content .maxpic img{max-width: none;}
 .pic_area .pic_div {
    border: 1px solid #dcdcdc;
    width: 565px;
    height:400px;
    margin-bottom: 10px;
    position: relative
}

 .pic_area .pic_div img {
     position: absolute;
     top: 50%;
     left: 50%;
     max-width: none;
     height: 400px;
     transform: translate(-50%,-50%);
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
}

/*.pic_area .pic_div span {*/
    /*position: absolute;*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*z-index: 2;*/
    /*background-color: #f00;*/
    /*-webkit-filter: :0);*/
    /*filter: :0);*/
    /*opacity: 0;*/
    /*cursor: move*/
/*}*/

 .pic_area .pic_div p {
    width: 165px;
    height: 120px;
    background: url(../images/auction_mask.png);
    position: absolute;
    left: 0;
    top: 0;
    cursor: move;
    display: none
}

.pic_area ul li {
    float: left;
    width: 97px;
    height: 68px;
    margin-left: 18px;
    background-color: #f5f5f5;
    text-align: center;
    border: 1px solid #f5f5f5;
    cursor: pointer
}

.pic_area ul li:first-child {
    margin-left: 0
}

 .pic_area ul li.act, .productInfo .pic_area ul li:hover {
    border-color: #b0c6d6
}
.pic_area ul li img {
    width: 100%;
    height: 100%;
    vertical-align: top
}
.pic_area .pic_list a.next {
    right: 0;
    background: url(../images/large_right.png) no-repeat
}
.pic_area .pic_list a.prev {
    left: 0;
    background: url(../images/large_left.png) no-repeat
}
.pic_area .pic_list a.next, .productInfo .pic_area .pic_list a.prev {
    /*-webkit-background-size: 24px 54px;*/
    /*background-size: 24px 54px;*/
    height: 56px;
    width: 14px;
}

/*公司大事记*/
.Content .location .team_nav{font-size: 0;}
.Content .location .team_nav a{display: inline-block;/*width: 110px;*/text-align: center;color:#333333;font-size: 16px;font-weight: bold;padding: 0 10px;box-sizing: border-box;}
.Content .location .team_nav a:hover,.Content .location .team_nav .on{background-color: #3092b9;color: #FFFFFF;}
.Content .location .team_nav a p{display: inline-block;vertical-align: middle;line-height: 1;}
.Content .locBottom{border: 1px solid #eee;}
.Content .team_con{padding-top: 70px;}
.Content .team_con i{font-size:36px;display: block;text-align: center;margin-bottom: 10px;}
.Content .team_con em{font-size: 20px;color: #999999;text-align: center;display: block;}
.team_course  {padding: 125px 0;}
.team_course .team_hd { position: relative; padding: 0 100px; margin-bottom: 50px; }
.team_course .team_hd > div { width: 100%; }
.team_course .team_hd > div > button { position: absolute; top: 50%; z-index: 99; width: 45px; height: 45px; border: none;border-radius: 100%; overflow: hidden; background: #f0f0f0; font-size: 0; text-align: center; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.team_course .team_hd > div > button.slick-prev { left: -100px; }
.team_course .team_hd > div > button.slick-prev:before { content: '\e602'; }
.team_course .team_hd > div > button.slick-next { right: -100px; }
.team_course .team_hd > div > button.slick-next:before { content: '\e604'; }
.team_course .team_hd > div > button:before { display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 2; font-family: "iconfont" !important; font-size: 20px; color: #ccc; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.team_course .team_hd > div > button:hover{background:#3092b9;}
.team_course .team_hd > div > button:hover:before{color: #FFFFFF;}
.team_course .team_hd > div > button.slick-disabled { pointer-events: none; }
.team_course .team_hd > div > button.slick-disabled:after { background: #b8b8b8; }
.team_course .team_hd .box_span { text-align: center; }
.team_course .team_hd .box_span span { display: inline-block; position: relative; padding-top: 50px; font-size: 18px; color: #666666; cursor: pointer; }
.team_course .team_hd .box_span span:before { position: absolute; top: 12%; left: 50%; width: 9px; height: 9px; content: ''; border-radius: 50%; background: #bfbfbf; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.team_course .team_hd .box_span span:after{content: '';position: absolute;top:0;left: 50%;width: 22px;height: 22px;border: 1px solid #858585;transform: translateX(-50%);border-radius: 50%;-webkit-transform:translateX(-50%);}
.team_course .team_hd .box_span.on span { font-size: 24px; color: #3092b9; }
.team_course .team_hd .box_span.on span:before { top:10%;background: #3092b9;  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1); }
.team_course .team_hd .box_span.on span:after{top:0;content: '';position: absolute;bottom: 0;left: 50%;width: 22px;height: 22px;border: 1px solid #3092b9;transform: translateX(-50%);border-radius: 50%;-webkit-transform:translateX(-50%);}
.team_course .team_hd .slick-slider:before {height: 4px; position: absolute; left: 0; top: 15%; width: 100%;  content: ''; background-image: -webkit-linear-gradient(to left, transparent, #ebebeb, transparent); background-image: linear-gradient(to left, transparent, #ebebeb, transparent); }
.team_course .team_box{margin-top: 58px;box-shadow: 0px 0px 24px 0px
rgba(0, 0, 0, 0.05);}
.team_course .team_box .teamImg{width: 45%;}
.team_course .team_box .team_rg{position:relative;float:right;width: calc(100% - 50%);}
.team_course .team_rg .time{font-size: 38px;color: #3092b9;padding-top: 10%;padding-bottom: 2%;font-weight: 600;}
.team_course .team_rg .time span{font-size: 26px;font-weight: 500;}
.team_course .team_rg .con{margin-right: 12%;font-size: 16px;color: #4a4a4a;line-height: 36px;max-height: 150px;overflow: auto;display: block !important;overflow: auto !important;max-height: 252px;height: 252px;-webkit-line-clamp: 1000 !important;}
/*.team_course .team_rg .con:before{content: '';position: absolute;top: 45%;right:5%;width: 5px;height: 60px;background-color:#000000;opacity: 0.1;}*/
.team_course .team_bd .team_box { display: none;}
/*滚动条整体样式*/
.con::-webkit-scrollbar {width: 5px;height: 60px;padding-right:60px;}
.con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;background-color:rgba(0,0,0,0.1);}
.con::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 10px;}


/*公司环境*/
.env_intro{padding-top: 55px;padding-bottom: 40px;}
.env_course{padding-bottom: 66px;}
.env_intro p{font-size: 16px;line-height: 30px;color: #555555;}
.env_course .env_hd{text-align: center;margin-right: -38px;padding: 0  0 45px 0;}
.env_course .env_hd p{margin-left: 18px;margin-right: 18px;display:inline-block;width: auto;padding: 0 23px;margin-bottom: 10px;height: 46px;line-height: 46px;text-align: center;border-radius: 23px;border: solid 1px #e5e5e5;font-size: 16px;color: #666666;}
.env_course .env_hd p:hover,.env_course .env_hd .on{cursor:pointer;background-color: #3092b9;color: #FFFFFF;}
.env_course .env_box{padding: 0 110px;margin-right:-60px;display: inline-block;font-size: 0;width: 100%;box-sizing: border-box;}
.env_course .env_info{display: inline-block;width:calc(50% - 60px);margin-right: 60px;margin-bottom: 20px;}
.env_course .env_info .envImg{width: 100%;}
.env_course .env_info  p{text-align: center;padding-top: 15px;font-size: 16px;}
/*公司介绍*/
.Intro{padding-top: 70px;padding-bottom: 66px;}
.Intro .introImg{width: 50%;background: no-repeat;background-size: contain;}
.Intro .intro_r{width:calc(100% - 52%);}
.Intro .intro_r .intro-p1{font-size: 30px;padding-top: 40px;padding-bottom:25px;position:relative;color:#3092b9}
.Intro .intro_r .intro-p1:after{content: '';position: absolute;width: 52px;height: 4px;background-color:#5ba3c3;bottom: 0;left: 0;}
.Intro .intro_r .intro-p2{padding-top:42px;margin-right:15px;font-size: 16px;color: #555555;line-height: 36px;text-align: justify;}
.Intro .introImg2{width: 15%;margin-right: 15px;}
.Intro .introUl{margin-top: 70px;font-size: 0;display: flex;display:-webkit-flex;display:-ms-flex;display:-moz-flex;}
.Intro .introUl .introli{align-items:center;-webkit-align-items:center;display: flex;display:-webkit-flex;display:-ms-flex;display:-moz-flex;width: 50%;}
.Intro .intro-p3 p:first-child{font-size: 18px;color: #555555;line-height: 30px;}
.Intro .intro-p3 p:last-child{color:#555;font-family: 'SourceHanSansCN-Regular';font-size: 14px;}
.Intro .intro-p4{padding-top: 5%; line-height: 36px;font-size: 16px;color: #555555;}
.Intro .introBox2{margin-top:5%;font-size: 0;margin-right: -48px; }
.Intro .introBox2 img{ display: inline-block;width:calc(33.33% - 48px);margin-right: 48px;}

/*公司荣誉*/
.honor_course .honor_hd{margin-right:-40px;text-align: center;margin-top: 45px;}
.honor_course .honor_hd p{margin-left: 20px;margin-right: 20px;margin-bottom: 10px;border-radius: 23px;display: inline-block;border: 1px solid #e5e5e5;width: auto;padding: 0 23px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #666666;}
.honor_course .honor_hd .on,.honor_course .honor_hd p:hover{background-color: #3092b9;color: #FFFFFF;}
.honor_course .honor> ul{margin-top:57px;margin-right: -38px;font-size: 0}
.honor_course .honor> ul > li {display: inline-block;vertical-align: top;width: calc(25% - 38px);margin-right: 38px;margin-bottom: 40px;
height: 289px;border: 1px solid #eeeeee;
    position: relative;box-sizing: border-box;
}
.honor_course .honor > ul > li a {
    display: block;
    height: 220px;
    position: relative;
}
.honor_course .honorImg {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:189px;overflow: hidden;border: 1px solid #eeeeee;}
.honor_course .honorImg span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;}
.honor_course .honor_box .honor-tt{position:absolute;bottom:0;width: 100%;padding:17px 0;font-size: 16px;color: #555555;background-color: #f7f7f7; text-align: center;border: 1px solid #eeeeee;}
/*分页*/
.page{text-align: center;padding: 10px 0 67px 0;font-size: 0;}
.page .dd{margin-right: 10px;}
.page a{display: inline-block;vertical-align: middle;line-height: 40px;min-width: 40px;border-radius: 100%;border: 1px solid #b6b6b6;box-sizing: border-box;font-size: 16px;color: #888;position: relative;transition: all ease .3s 0s;-moz-transition: all ease .3s 0s;-webkit-transition: all ease .3s 0s;}
.page .first,.page .prev{margin-right: 20px;}
.page .last,.page .next{margin-left: 20px;}
.page .first, .page .last{padding: 0 20px;border-radius:30px;}
.page a:hover, .page .on{background: #0f8dbf;border-color: #0f8dbf;color: #fff;}
/*董事长致辞*/
.Chainman{padding-bottom:93px;background: url("../images/bg.jpg") no-repeat;background-size: cover;width: 100%;}
.Chainman .person{width: 410px;}
/*.Chainman .p_desc{margin-top:123px;width: calc(100% - 480px);font-size: 18px;line-height:50px;;float: right;}*/
.Chainman .p_desc{width: calc(100% - 480px);font-size: 18px;line-height:50px;;float: right;}
.Chainman .cbox{padding-top: 52px;margin-left: 100px;margin-right: 60px;}
 .cbottom{padding-bottom: 0;}
/*售后服务*/
.Techservice{padding-top: 62px;padding-bottom: 75px;}
.Techservice .table{border-collapse: collapse;border-spacing: 0;width: 100%;text-align: center;border: 1px solid #e5e5e5;}
.Techservice .table tr:first-child{padding:0 26px;background-color:#3092b9;color:#FFFFFF;font-size: 20px; }
.Techservice .table tr{border: solid 1px #e5e5e5;font-size:18px;}
.Techservice .table tr:first-child td{padding:26px 0;}
.Techservice .table td{width: 20%;padding: 40px 0;}
/*下载中心*/
.loadBox{padding-bottom:50px;padding-top: 58px;margin-right: -60px;font-size: 0;}
.loadBox .loadleft{margin-right:60px;width:calc(50% - 60px);display: inline-block;}
.loadBox .loadleft >ul >li{margin-bottom:30px;position:relative;width:100%;background-color: #f2f2f2;font-size: 16px;}
.loadBox .loadleft >ul >li a{ cursor:pointer;color: #333333;font-weight: 600;display: block;width: 100%;padding:35px 0;}
.loadBox .loadleft >ul >li a:after{font-family: "iconfont" !important;content:'\e607';right: 30px;top:50%;transform:translateY(-50%);position:absolute;font-size: 30px;color: #999999;}
.loadBox .loadleft >ul >li p{margin: 0 30px;}
.loadBox .loadleft >ul >li:hover{background-color:#3092b9;}
.loadBox .loadleft >ul >li:hover:after,.loadBox .loadleft >ul >li:hover a{color:#FFFFFF;}
/*解决方案*/
.solBox { padding-top:60px; }
.solBox > ul { margin-right: -40px; font-size: 0; }
.solBox > ul > li { display: inline-block; vertical-align: top; width: calc(25% - 40px); margin-right: 40px; }
.solBox > ul > li:hover .solImg div{ -webkit-transform: scale(1.05); transform: scale(1.05); }
.solBox .solImg {position: relative; width: 100%; padding: 60% 0; overflow: hidden; }
.solBox .solImg div { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.solBox img { width: 100%;}
.solBox .solImg p{position: absolute;left: 25px;color: #FFFFFF;font-size: 27px;}
.solBox .solImg p:first-child{top: 37px;}
/*.solBox .solImg p:last-child{top: 82px;font-size: 18px;}*/
.solBox .solDet{width: 137px;height: 42px;color:#3092b9;font-size:16px;line-height: 42px;text-align: center;margin: 30px auto 50px;border-radius: 21px;border: solid 1px #3092b9;}
.solBox > ul > li:hover .solDet{background-color:#3092b9;color: #FFFFFF;}
/*联系方式*/
.map{width: 100%;position: relative;}
.map img{width: 100%;}
.map .mapInfo{padding-bottom:35px;background-color:#3092b9;width:400px;border-radius:20px;position: absolute;left: 38%;top:55%;color: #FFFFFF;font-size: 16px;transform: translate(-38%,-55%);}
.map .mapInfo:after{content: '';background: url("../images/icon.png") no-repeat;width: 13px;height: 20px;top: 50%;left: 100%;position: absolute;}
.map .mapInfo p{line-height: 30px;padding-left: 30px;padding-right: 35px;}
.map .mapInfo p:first-child{padding-top: 20px;padding-bottom: 20px;font-size: 20px;}
.mapList{padding-bottom:67px;margin-top: 42px;margin-right: -60px;font-size: 0}
/*.mapList  .mapLeft{display:inline-block;width: calc(50% - 60px);margin-right: 60px;}*/
.mapList  .mapLeft{display:inline-block;width: calc(50% - 60px);margin-right: 10px;vertical-align: top;}
.mapList .mapLeft .maptt{line-height:53px;font-size:20px;color:#FFFFFF;width: 100%;text-align: center;background-color: #3092b9;}
.mapList .mapLeft .maptt2{padding-bottom:45px;width: 100%;background-color: #f7f7f7;font-size: 15px;}
.mapList .mapLeft .maptt2 div{padding: 30px 30px 0 66px;position: relative;}
.mapList .mapLeft .maptt2 p{display: inline-block;color: #555555;}
.mapList .mapLeft .maptt2 p span{font-weight:600;color: #333333;font-size: 16px;}
.mapList .mapLeft .maptt2 div i{left:30px;font-size: 20px;color:#3092b9;position: absolute;}
/*人才招聘*/
.Content .join_con{padding-top: 0px;}
.joinBg{padding-top: 70px;padding-bottom: 60px;}
.joinBg .joinUL{font-size: 0;margin-right: -302px;}
.joinBg .joinUL li{padding-top: 60px;display: inline-block;width: calc(33.33% - 302px);margin-right: 302px;}
.joinBg .joinUL li >img{width: 100%;height: auto;}
.joinBg .joinUL li >p{font-size: 20px;padding-top: 33px;text-align: center;}
.joinInfo{padding-top: 63px;}
.job-box{margin-top:60px;padding-bottom: 20px;}
.job-box .list-box ul{ display: table; width: 100%; text-align: center; padding-right: 60px; box-sizing:border-box; }
.job-box .list-box ul li{display: table-cell;  width: 20%; text-align: center;}
.job-box .list-box .ta-title{ padding: 23px 0; color:#fff; background: #3092b9; font-size: 16px; }
.job-box .list-box .ta-body{ padding: 27px 0;font-size: 14px; color: #666; cursor: pointer; border-top: 1px solid #f2f2f2; position: relative; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.job-box .list-box .ta-body:before{content: ''; background: url(../images/icon-arr2.png) no-repeat center; width: 14px; height: 9px; position: absolute; right: 5%; top:50%; margin-top: -5px; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.job-box .intro-box{border: 1px solid #efefef;width: 100%; font-size: 14px; color: #666; display: none; text-align: left;}
.job-box .intro-box .strong{ color: #3092b9;font-size: 14px; margin-bottom: 15px; }
.job-box .intro-box .join-info{padding:23px 0 43px 30px;}
.job-box .intro-box .jopp{ line-height: 32px;}
.job-box .on .intro-box{ border-bottom: none;}
.job-box .on .ta-body{ background-color: #fafaf9;}
.job-box .on .ta-body:before{ transform:rotate(-180deg);}
.job-box .int-lf{margin-bottom: 45px;padding-right: 550px;}
.job-box .email{display: inline-block;width: 120px;height: 35px;line-height: 35px;border-radius: 18px;font-size: 14px;color: #fff;background: #3092b9;text-align: center;transition: all ease .2s 0s;-moz-transition: all ease .2s 0s;-webkit-transition: all ease .2s 0s;}
.job-box .list-box ul.ta-title li:first-of-type,.list-box ul.ta-body li:first-of-type{ text-align: left; padding-left: 28px;}
.job-box .list-box:last-of-type{ border-bottom: 1px solid #f2f2f2;}
.popup{ position: fixed; width: 580px; height: 290px; background: #fff; left:50%; margin-left: -290px; top:50%; margin-top: -145px; z-index: 100; font-size: 14px; line-height: 20px; color: #333; box-shadow: 1px 1px 50px rgba(0,0,0,.3); display: none; border-radius: 10px; overflow: hidden; }
.popup .po-tp{ height: 56px; line-height: 56px; text-align: center; font-size: 16px; }
.popup .po-tp .close{ width: 22px; height: 22px; display: inline-block; position: absolute; right: 20px; top:20px; cursor: pointer; background: url(../images/icon-close.png) no-repeat center; }
.popup .con-box{padding: 10px 20px; text-align: center;}
.popup .con-box p{ padding-bottom: 10px; word-wrap: break-word; font-size: 18px; color: #333; }
.popup .con-box h3{font-size: 28px;color: #333;margin-bottom: 30px;}
.popup .button{display: inline-block;margin-top: 50px;width: 160px;line-height: 40px;background: #3092b9;color: #fff;font-size: 14px;border-radius: 40px;}
.gray{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.4);top:0;left: 0;display: none;z-ndex: 3;}
/*新闻列表*/
.newsBox{margin-top: 50px;}
.newsBox>ul{font-size: 0;margin-right: -40px;}
.newsBox >ul>li{margin-bottom:50px;overflow:hidden;display: inline-block;width: calc(33.33% - 40px);margin-right: 40px;}
.newsBox>ul>li .pic img{width: 100%;height: auto;transition: all ease .5s 0s;-moz-transition: all ease .5s 0s;-webkit-transition: all ease .5s 0s;}
.newsBox>ul>li .pic:hover img{transform: scale(1.1);}
.newsBox>ul>li .news-tex{border: 1px solid #eeeeee;}
.newsBox>ul>li .news-tex .hd{color:#333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 27px 30px 23px 30px;font-size: 22px;}
.newsBox>ul>li .news-tex .intro{    overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:18px;margin: 0 30px;line-height: 26px;color: #acacac;}
.newsBox>ul>li .news-tex .more{color:#999999;font-size: 14px;padding: 30px 30px 22px;}
.newsBox>ul>li:hover .news-tex{background-color:#0f8dbf; }
.newsBox>ul>li:hover .news-tex .nn{color: #FFFFFF;}
 .newsBox>ul>li:hover .news-tex .nn2{color: #cfe8f2;}
.newsPage{margin-top: 12px;}
/*业务留言*/
.Content .joinbox{padding-top: 68px;}
.join_botm{padding-bottom: 0;}
.msgBox{padding-bottom:90px;}
.msgBox .msgInfo{font-size: 0;margin-right: -48px;margin-top: 82px;}
.msgBox .msgInfo .msgLeft,.msgBox .msgInfo .msgRight{width: calc(50% - 48px);margin-right: 48px;}
.msgBox .msgInfo .msgInput{position:relative;margin-bottom:30px;font-size:16px;width: 100%;border: 1px solid #eeeeee;height: 48px;line-height: 48px;padding-left: 20px;}
.msgBox .msgInfo .msgInput p{margin-right: 20px;}
.msgBox .msgInfo .msgInput input{width: 80%;border: 0;outline: 0;height: 100%;}
.msgBox .msgInfo  textarea{font-size:16px;outline:none;height: 110px;font-family: Helvetica;width: 100%;border: solid 1px #eeeeee;padding-left: 20px;padding-top: 15px;}
.msgBox .msgInfo  textarea::-webkit-input-placeholder{font-family: Helvetica;font-size: 16px;color: #333333;}
.msgBox .msgInfo .msgInput p,.msgBox .msgInfo .msgInput input{font-size:16px;display: inline-block;}
.msgBox .submit{border:none;width: 200px;height: 50px;background-color: #3092b9;border-radius: 25px;margin-top: 30px;text-align: center;font-size:16px;color: #FFFFFF;line-height: 50px;}
.msgBox .codeImg{position: absolute;top: 0;
    right: 0;width: 30%;height: 100%;}
.msgBox .codeImg img{width: 100%;height: 100%;}
/*新闻详情*/
.details{padding-top: 73px;}
.details *{line-height: 1.7;}
.details i,.details em{display: block;text-align: center;font-size: 24px;color: #000000;}
.details em{ font-size: 14px;opacity: 0.6;padding: 30px 0;}
.details .detCon{padding-top: 35px;padding-bottom:113px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
/*.details .detCon p{font-size: 14px;color: #000000;margin-bottom: 30px;opacity: 0.7;line-height: 24px;padding: 0 10px;}*/
.details .detCon .imgBox{margin-right: 110px;margin-left: 170px;padding: 10px 0 40px;}
.details .detCon .imgBox img{width: calc(50% - 60px);margin-right: 60px;}
.details  .detBot{padding-top: 45px;}
.details  .detBot p{line-height: 36px;color: #666666;font-size: 16px;}
.details  .detBot p:hover{color: #3092b9;}
.details  .detBot .detrg div{width: 146px;height: 46px;background-color: #3092b9;border-radius: 23px;line-height: 46px;color: #FFFFFF;text-align: center;font-size: 16px;}

/*大数据列表*/
.solu-list .list-li{justify-content:space-between;-webkit-justify-content:space-between;background-color: #f8f8f8;padding: 30px  20px;margin-bottom: 30px;display: flex;display: -webkit-flex;display: -ms-flex;display: -moz-flex;align-items: center;-webkit-align-items: center;}
.solu-list .title{width: 778px;}
.solu-list .icon{width: 44px;height: 45px;background-color: #dddddd;border-radius: 22px;position: relative;}
.solu-list .icon i{position: absolute;top: 50%;font-size: 20px;color: #ffffff;left: 50%;transform: translate(-50%,-50%) rotate(180deg);}
.solu-list .icon i:before{content: "\e602";}
.solu-list .title span,.list .title em{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solu-list .title span{font-size: 18px;line-height: 36px;color: #333333;}
.solu-list .title em{font-size: 14px;color: #666666;}
.solu-list .list-li:hover{background-color: #0f8dbf;}
.solu-list .list-li:hover .icon{background-color: #ffffff;}
.solu-list .list-li:hover .icon i{color: #0f8dbf;}
.solu-list .list-li:hover .title span,.list .list-li:hover .title em{color: #ffffff;}
@media (max-width: 1720px) {
    .wrap_1760{max-width: 1460px;}
    .index_4 .partner li{width:calc(20% - 30px);margin-bottom: 45px;}

}
@media (max-width: 1600px) {
    .wrap_1760{max-width: 1260px;}
    .Content .sub_banner { height: 300px; }
    .Content .sub_banner .aa1{line-height: 300px;font-size: 40px;}
}
@media (max-width: 1520px) {
    .tex .pp1{font-size: 20px;}
    .tex .pp2{font-size: 16px;}
    .tex .more{font-size: 12px;}

}
@media (max-width: 1420px) {
    .wrap_1400{max-width: 1200px;margin: 0 auto;}
    .wrap_1060{max-width: 860px;margin: 0 auto;}
    .header .nav>ul>li{width: auto;}
    .header .nav > ul > li > a{padding: 0 25px;}
    .banner{height: 450px;}
    .tex .pp1{font-size: 18px;}
    .tex .pp2{font-size: 16px;}
    .tex .more{font-size: 12px;}
    .footer {padding-top: 50px;}
    .index_4 .partner ul{margin-left: 30px;margin-right: 0;}
    .index_4 .partner li{width: calc(25% - 30px);margin-bottom: 40px;}
    .index_2 .sourceBox .specific .pp5{font-size: 30px;}
    .index_2 .sourceBox .specific .pps{font-size: 20px;margin-top: 30px;}
    .sourceBox .specific .pp6{font-size: 18px;}
    .Content .sub_banner { height: 280px; }
    .Content .sub_banner .aa1{line-height: 280px;font-size: 30px;}
    .Intro .introImg{width: 48%;}
    .Intro .intro_r{width:calc(100% - 50%);}
    .Intro .intro_r .intro-p1{font-size: 28px;padding-top: 30px;}
    .Intro .intro_r .intro-p2{padding-top: 32px;line-height: 26px;}
    .Intro .introUl{margin-top: 50px;}
    .Intro .introBox2 div{width:calc(33.33% - 30px);height: 208px;}
    .joinBg .joinUL{margin-right: -200px;}
    .joinBg .joinUL li{width:calc(33.33% - 200px);margin-right: 200px;}
    .details .detCon .imgBox{margin-right: 70px;margin-left: 100px;}
    .details .detCon .imgBox img{width: calc(50% - 30px);margin-right: 30px;}
    .Intro .introBox2{margin-right: -38px;}
    .Intro .introBox2 img {width: calc(33.33% - 38px);margin-right: 38px;}
    .env_course .env_box{padding: 0 50px;}
    .Content .sub_Box{width:calc(100% - 300px);}
}
@media (max-width: 1240px) {
    .wrap,.wrap_1400,.wrap_1760{max-width: 100%;padding-right:3%;padding-left:3%;}
    .header {height: 60px; line-height: 60px; padding: 0; position:fixed;}
    .index{margin-top: 60px;}
    .Content{margin-top: 60px;}
    .logo{display: inline-block; position: absolute; left: 3%; width: auto; height: 100%; padding-top: 0!important; border: none; background: transparent; font-size: 0; vertical-align: top; -webkit-transform: translate(0); transform: translate(0); line-height: 60px; }
    .header .headpp img{max-width: 55%;;padding-left: 140px;padding-top: 5px;}
    .logo a { display: inline-block; height: 40px; vertical-align: middle; line-height: 1; }
    .logo .a1 { display: none; }
    .logo .a2 { display: inline-block; }
    .right{display: none;}
    .header .nav{ position: fixed; top: 0; right: 0; z-index: 997; width: 300px; height: 100%; padding: 60px 3%; margin: 0; background: #fff; box-sizing: border-box; }
    .header .nav.close-nav { -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; -webkit-transform: translate(300px, 0); transform: translate(300px, 0); }
    .header .nav.open-nav { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-transition: -webkit-transform .5s; transition: transform .5s; }
    .header .nav > ul { float: none; width: 100%; max-height: 100%; overflow: auto; }
    .header .nav > ul > li { display: block; float: none; width: 100%; margin: 0; padding: 0; line-height: 1; text-align: center; }
    .header .nav > ul > li > a { display: block; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #e5e5e5; color: #2b2c2d; line-height: 1; }
    .header .nav > ul > li.Have > a { pointer-events: none; }
    .header .nav .down_nav { position: static; width: 100%; padding: 0; margin: 0; border: none; background: transparent; }
    .header .nav .down_nav:before { display: none; }
    .header .nav .down_nav > a { padding: 15px 0; line-height: 20px; }
    .push-nav { display: block; position: absolute; top: 0; right: 3%; z-index: 998; width: 56px; height: 60px; }
    .push-nav .nav-toggle { display: block; position: absolute; left: 50%; top: 50%; border: 0; background-image: none; border-radius: 4px; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .push-nav .nav-toggle span { display: block; position: relative; z-index: 1; width: 36px; height: 3px; margin-bottom: 8px; background: #2B2C2D; border-radius: 3px; -webkit-transform-origin: 33px; transform-origin: 33px; -webkit-transition: all .5s; transition: all .5s; }
    .push-nav .nav-toggle span:last-child { margin-bottom: 0; }
    .push-nav.on .nav-toggle span { opacity: 1; background: #ED2836; }
    .push-nav.on .nav-toggle span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .push-nav.on .nav-toggle span:nth-child(2) { -webkit-transform: scale(0); transform: scale(0); }
    .push-nav.on .nav-toggle span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .bg-nav { display: none; position: fixed; top: 0; left: 0; z-index: 996; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s; }
    .banner{height: 350px;}
    .tex .pp1{font-size: 16px;}
    .tex .pp2{font-size: 14px;}
    .tex .more{font-size: 12px;}
    .footer {padding-top: 30px;}
    .footer .top .nav li {margin-right: 40px;}
    .index_2 .sourceBox li{width: 50%;height: 400px}
    .index_2 .sourceBox .specific .pp5{margin-top: 80px;}
    .team_course { padding: 6% 0; }
    .team_course .team_hd { padding: 0 5%; margin-bottom: 5%; }
    .team_course .team_hd > div { width: 100%; }
    .team_course .team_hd > div > button { width: 30px; height: 30px; }
    .team_course .team_hd > div > button.slick-prev { left: -5%; }
    .team_course .team_hd > div > button.slick-next { right: -5%; }
    .team_course .team_hd > div > button:before { font-size: 18px; }
    .team_course .team_hd .box_span span { font-size: 14px; padding-bottom: 20px; }
    .team_course .team_hd .box_span span:before { width: 8px; height: 8px; }
    .team_course .team_hd .box_span span:after {top:3%; width: 20px; height: 20px; }
    .team_course .team_hd .box_span.on span { font-size: 20px; }
    .team_course .team_hd .box_span.on span:after { width: 20px;height: 20px;top: 3%;}
    .team_course .team_hd:before { bottom: 8px; height: 3px; }
    .solBox > ul > li{width: calc(33.33% - 40px);}
    .map .mapInfo{padding-bottom: 20px;width: 300px;left: 30%;}
    .map .mapInfo p{line-height: 26px;padding-right: 20px;padding-left: 20px;}
    .map .mapInfo p:first-child{padding-top: 10px;padding-bottom: 10px;font-size: 18px;}
    .mapList{margin-right: -20px;}
    .mapList  .mapLeft{width: calc(50% - 20px);margin-right: 20px;}
    .details .detCon .imgBox {margin-right: 30px;margin-left: 60px;}
    .newsBox>ul{margin-right: -40px;}
    .newsBox >ul>li{width: calc(50% - 40px);margin-right: 40px;}
    .Chainman .person{width: 380px;}
    .Chainman .p_desc{margin-top: 8%;width: calc(100% - 430px);line-height: 45px;}
    .honor_course .honor > ul > li{width: calc(33.33% - 38px);}
    .Intro .introBox2{margin-right: -3%;}
    .Intro .introBox2 img {width: calc(33.33% - 3%);margin-right: 3%;}
    .Intro .intro_r .intro-p1{font-size: 20px;}
    .Intro .intro_r .intro-p2{padding-top: 3%;}
    .Intro .introUl{margin-top: 20px}
    .Intro .intro-p3 p:first-child{font-size: 14px;}
    .Intro .intro-p3 p:last-child{font-size: 12px;word-break: break-all;}
    /*.Intro .intro-p3 {margin-top: 0;margin-left: 50px;}*/
    .env_course .env_hd{padding: 0 15% 45px 15%;}
    .Content .sub_Box{padding: 5% 0;}
    .Content .sub_Box .seriesDet .divImg2{width: 40%;}
    .Content .sub_Box .seriesDet .divText{margin-top: 4%;width: calc(100% - 45%);}
    .Content .sub_Box .seriesDet .aa7{padding-right: 10px; }
    .Content .goods .slider{width: 50%;}
    .Content .goodsInfo{width: calc(100% - 55%);}
    .Content .goodsInfo .goods-tit{font-size: 28px;}
    .pic_area .pic_div {width: 421px;height: 320px;}
   .pic_area ul li {width: 87px; margin-left: 6px;}
    .maxpic{left: 475px;}
    .solu-list .title{width: 88%;}
    .page.page2{padding: 0}
}
@media (max-width: 1024px) { .banner{height: 300px;}
    .index_4 .partner ul{margin-left: 30px;}
    .index_4 .partner li{margin-right:0;width: calc(33.33% - 30px);;margin-bottom: 30px;}
    .env_course .env_box{padding: 0;margin-right:-30px;}
    .env_course .env_info{width:calc(50% - 40px);margin-right: 40px;}
    .env_course .env_hd{padding: 0 10% 45px 10%;}
    .env_course .env_hd{margin-right: -20px;}
    .env_course .env_hd p{margin-right: 10px;margin-left: 10px;}
    .Content .goodsInfo .goods-tit{font-size: 24px;}
    .footer .top .qrcode img{width:50px;height: 50px;}
    .Chainman .person{width: 310px;}
    .Chainman .p_desc {
        margin-top: 5%;
        width: calc(100% - 350px);
        line-height: 40px;
    }
    .pic_area .pic_div {width: 380px;height: 320px;}
    .pic_area ul li {width: 69px; height: 40px;}
}
@media (max-width: 900px) {
    .wrap_1060{max-width: 606px;margin: 0 auto;}
    .banner{height:250px;}
    .title1 .cn{width: 400px;height: 30px;}
    .title1 .en{font-size:25px;padding-bottom: 3%;padding-top: 3%;margin-bottom: 3%;}
    .title1 .en>div{font-size: 23px;}
    .title1 span{top: 50%;}
    .title1 .sp1 {margin-left: -115px;}
    .title1 .sp2 {margin-right: -115px;}
    .footer .top {padding-bottom: 30px;}
    .footer .top .nav li {margin-right: 20px;}
    .footer .bottom {padding: 10px 0;}
    .index_1{padding-top: 6%;}
    .index_2{padding-bottom: 20px;}
    .index_2 .sourceBox li {width: 100%;height: 300px;margin-bottom: 20px;}
    .index_2 .sourceBox .pp3 {padding-top: 20px;padding-bottom: 10px;font-size: 20px;}
    .index_2 .sourceBox .pp4, .sourceBox .specific .pp6 {font-size: 20px;}
    .index_2 .sourceBox .specific .pp5 {font-size: 20px;margin-top: 30px;margin-bottom: 10px;padding-left: 0;}
    .index_2 .sourceBox .specific .pps {margin-top: 10px;font-size: 16px;line-height: 25px;}
    .Content .sub_banner { height: 200px; }
    .Content .sub_banner .aa1{line-height: 200px;font-size: 20px;}
    .Content .location span i { font-size: 12px; margin-right: 8px; }
    .Content .location  span a { margin: 0 8px;font-size: 12px;}
    .Content .location  span a:before { right: -14px; }
    .Content .location  span b { margin-left: 8px; font-size: 12px;}
    .loadBox{margin-right: 0;padding-top: 48px;padding-bottom: 20px;}
    .loadBox .loadleft{width: 100%;}
    .solBox > ul{margin-right: -20px;}
    .solBox > ul > li{width: calc(50% - 20px);margin-right: 20px;}
    .joinBg .joinUL{margin-right: -70px;}
    .joinBg .joinUL li{width:calc(33.33% - 70px);margin-right: 70px;}
    .msgBox{padding-bottom: 50px;}
    .msgBox .msgInfo{margin-right: 0;margin-top: 40px;}
    .msgBox .msgInfo .msgLeft, .msgBox .msgInfo .msgRight{width: calc(100% - 10px);margin-right: 0;}
    .msgBox .msgInfo .msgInput{padding-left: 10px;margin-bottom: 20px;font-size: 14px;}
    .msgBox .msgInfo textarea{padding-left: 10px;}
    .msgBox .msgInfo .msgRight{float: left;}
    .msgBox .submit{margin:50px auto 0;}
    .details .detCon .imgBox {margin-right: -30px;margin-left: 0;}
    .details .detCon .imgBox img{width: calc(50% - 30px);margin-right: 30px;}
    .Chainman .p_desc {font-size: 16px;line-height: 36px;}
    .Content .location{height: auto;line-height: 45px;}
    .Content .location .team_nav{float:none;text-align: center;}
    .Content .location .team_nav a p{font-size: 12px;}
    .Content .location .team_nav a{width: auto;font-size: 14px;}
    .Content .location .team_nav2{display: none;}
    .Content .goods{margin-top: 0;}
    .Content .location .locpad{padding-right: 0;padding-left: 0;}
    .honor_course .honor > ul{margin-right: -10px;}
    .honor_course .honor > ul > li{width: calc(50% - 10px);margin-right: 10px;}
    .Intro{padding-top: 40px;padding-bottom: 0;}
    .Content .list{margin-top: 40px;}
    .Intro .introImg{width: 100%;}
    .Intro .intro_r{width: 100%;}
    .Content .sub_Box{width: 100%;}
    .Content .sub_Nav{width: 100%;margin-top: 0;}
    .Content .sub_Nav .aa2{font-size: 28px;padding-top: 6%;padding-left: 5%;}
    .Content .sub_Nav .aa3{padding-left: 5%;padding-bottom: 5%;}
    .Content .sub_Box .seriesNav p{font-size: 14px;}
    /*.Content .sub_Box .seriesNav{height: 50px;line-height: 50px;}*/
    .Content .goodsInfo .goods-tit {font-size: 20px;}
    .Chainman .cbox{margin-left: 3%;margin-right: 3%;}
    .Chainman .person{width: 50%;}
    .Chainman .person{padding-right: 10px;}
    .Chainman .p_desc{width: 100%;margin-top: 0;float: none;}
    .Chainman{padding-bottom: 53px;}
    .Techservice .table tr{font-size: 16px;}
    .Techservice .table td{padding: 30px 0;}
    .Content .goodsInfo .toAsk, .goodsInfo .downloadBtn{width: 130px;}
    .team_course .team_rg .time{padding-top: 5% !important;}
    .team_course .team_rg .con{max-height:120px;font-size: 14px;line-height: 30px;}
    .maxpic{left: 420px;width: 300px;}
}
@media screen and (min-width: 769px) {
    .footer .top .nav li .list {display: block !important;}
}
@media (max-width: 768px) {
    .banner {height: 200px}
    .index_4 .partner li{width: calc(50% - 30px);margin-right: 30px;}
    .newsBox>ul{margin-right: -10px;}
    .newsBox >ul>li{width: calc(50% - 10px);margin-right: 10px;}
    .newsBox > ul > li .news-tex .hd{margin:10px 10px 0 10px;font-size: 16px;line-height: 26px;}
    .newsBox > ul > li .news-tex .intro {font-size: 12px;margin: 10px 10px;}
    .newsBox > ul > li .news-tex .more {font-size: 12px;padding:0 10px 10px 10px;}
    .newsBox >ul>li{margin-bottom: 20px;}
    .Content .goodsInfo{width: 100%;}
    .Content .goods .slider{width: 100%;}
    .footer {padding-top: 0;}
    .footer .top {display: block;padding-bottom: 10px;}
    .footer .top .nav {display: block;margin-bottom: 40px;}
    .footer .top .qrcode .img {width: 100px;margin: 0 auto;}
    .footer .top .nav li {margin-right: 0;}
    .footer .top .nav li h2 {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0;line-height: 40px;border-bottom: 1px solid #d7d7d7;}
    .footer .top .nav li h2 i {display: block;}
    .footer .top .nav li .list {display: none;margin: 10px 0;}
    .footer .top .nav li .list a {padding-left: 10px;box-sizing: border-box;}
    .footer .cright{line-height:22px;float: none;margin:10px 0 20px 0;}
    .footer .cright:after{right: 10px;}
    .footer .link{float: none;}
    .footer .top .qrcode a{margin-right: 20px;}
    .footer .top .qrcode{width: 100%;padding-bottom:20px;display: flex;}
    .footer .top .qrcode a:nth-of-type(2n+1) img{margin-right: 0;}
    .footer .top .qrcode a:nth-of-type(3) img, .footer .top .qrcode a:nth-of-type(4) img{margin-top: 0;}
    .footer .top .nav li .list.on{display: block!important;}
    .page .first, .page .last{padding: 0 2%;}
    .page .first, .page .prev{margin-right: 2%;}
    .page .last, .page .next{margin-left: 2%;}
    .page .dd{margin-right: 1%;}
    .page a{line-height: 25px;min-width: 25px;font-size: 14px;}
    .Techservice .table tr{font-size: 14px;}
    .Techservice .table td{padding: 20px 0;}
    .Content .r-l-nav{display: block;}
    .Content .r-l-nav li{border-top:none;width: 100%;text-align: left;padding-left: 30px;}
    .Content .r-l-nav li:after{content: '\e631';position: absolute;top: 50%;left: 10px;font-family: "iconfont" !important;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .Content .r-l-nav li.on:after{ content: '\e603';font-family: "iconfont" !important;}
    .pic_area {
        float: none;
        margin-bottom: 15px
    }
    .pic_area .pic_div {
        width: auto;
        height: 198px;
        display: none
    }
    .pic_area .pic_list {
        position: relative;
        padding: 0 25px;
        overflow: hidden
    }
    .pic_area .pic_list a {
        position: absolute;
        z-index: 10;
        cursor: pointer;
        width: 24px;
        height: 27px;
        margin-top: -14px;
        top: 50%
    }
    .pic_area .pic_list a.next {
        right: 0;
        background: url(../images/large_right.png) no-repeat
    }
    .pic_area .pic_list a.prev {
        left: 0;
        background: url(../images/large_left.png) no-repeat
    }
    .pic_area .pic_list a.next, .productInfo .pic_area .pic_list a.prev {
        /*-webkit-background-size: 24px 54px;*/
        /*background-size: 24px 54px*/
    }
    .pic_area ul {
        white-space: nowrap;
        position: relative
    }
    .pic_area ul li {
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 100px;
        line-height: 100px;
        margin-bottom: 5px;
        text-align: center;
        border: none;
        margin: 0;
        background-color: transparent;
        float: none;
        display: inline-block;
        vertical-align: middle
    }
    .pic_area ul li img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto
    }
}
@media (max-width: 640px) {
    .wrap_1060{max-width: 100%;padding-left: 3%;padding-right: 3%;}
    banner { height: 180px;}
    .banner .pagination .swiper-pagination-bullet{margin: 0 8px!important;width: 6px;height: 6px;}
    .banner .pagination .swiper-pagination-bullet-active:before{width: 12px;height: 12px;}
    .logo { line-height: 50px;}
    .logo a { height: 30px; }
    .header .nav { padding: 50px 3%; width: 200px; }
    .header .headpp img{padding-left: 110px;padding-top:0;}
    .header .nav.close-nav { -webkit-transform: translate(200px, 0); transform: translate(200px, 0); }
    .header .nav > ul > li > a { padding: 15px 0; font-size: 14px; }
    .header .nav .addition > div { font-size: 12px; }
    .header .nav .addition > div i { margin: 0; font-size: 12px; }
    .header .nav .addition > div:before { height: 10px; }
    form.search_form span { display: block; position: absolute; top: 20%; left: 50%; width: calc(100% - 20px); height: 50px; margin-left: calc(-50% + 10px); }
    form.search_form input[type='text'] { width: calc(100% - 50px); padding: 0 12px; font-size: 14px; color: #666; }
    form.search_form input[type='submit'] { width: 50px; font-size: 20px; }
    .push-nav { right: 0; width: 50px; height: 50px; }
    .push-nav .nav-toggle span { width: 25px; height: 2px; margin-bottom: 6px; -webkit-transform-origin: 24px; transform-origin: 24px; }

    .index_2 .sourceBox li {width: 100%;height: 200px;margin-bottom: 20px;}
    .index_2 .sourceBox .pp3 {font-size: 18px;}
    .sourceBox .specific .pp6 {font-size: 18px;}
    .index_2 .sourceBox .specific .pp5 {font-size: 18px;margin-top: 10px;}
    .index_3 .proBox .pro-det{margin-right: 0;}
    .index_3 .proBox .tex2{padding:0 0 17px 0;}
    .index_3 .proBox .tex2 p:nth-of-type(1){text-align: center;font-size: 15px;padding-top: 20px;padding-bottom: 18px;overflow: visible;white-space: normal;}
    .index_3 .proBox .tex2 p:nth-of-type(2){padding:0 5px;font-size: 12px;color:#666666;line-height: 21px;}
    .index_3 .toDetails{font-size: 12px;width: 80px;height: 20px;line-height: 20px;margin: 10px auto 0;}
    .index_4 .partner p{font-size: 18px;padding: 0 5%;}
    .index_4 .partner ul {margin-top: 20px;margin-left: 10px;}
    .index_4 .partner li {width: calc(50% - 10px);height:5rem;margin-bottom: 10px;margin-right: 10px;}

    .index_4 .partner ul{margin-top: 20px;}
    .Content .sub_banner {height: 150px;margin-bottom: 30px;}
    .Content .sub_banner .aa1{line-height: 150px;font-size: 18px;}
    .team_course .team_hd > div > button { width: 24px; height: 24px; }
    .team_course .team_hd > div > button:before { font-size: 14px; }
    .team_course .team_hd .box_span span {padding-top: 40px; font-size: 12px; padding-bottom: 15px; }
    .team_course .team_hd .box_span span:before { width: 6px; height: 6px; }
    .team_course .team_hd .box_span span:after { top:5%;width: 14px; height: 14px; }
    .team_course .team_hd .box_span.on span { font-size: 16px; }
    .team_course .team_hd .box_span.on span:before{top: 12%;width: 6px;height: 6px;}
    .team_course .team_hd .box_span.on span:after { top:5%;width: 14px; height: 14px; }
    .Content .team_con i{font-size: 22px;}
    .Content .team_con em{font-size: 16px;}
    .Content .team_con{padding-top: 30px;}
    .team_course .team_box{margin-top: 0}
    .team_course .team_box .teamImg{width: 100%;height: auto;}
    .team_course .team_box .team_rg{float: none;width: 100%;padding-bottom: 20px;}
    .team_course .team_rg .con{max-height: 100px;overflow: auto;line-height: 25px !important;padding: 0 10px !important;margin-right: 0 !important;overflow: auto !important;max-height: none !important;height: auto;}
    .team_course .team_rg .con:before{top: 12%;height: 30px;left: 0;}
    .team_course .team_rg .time{font-size: 25px;padding-top: 30px;padding-bottom: 10px;margin-left: 15px;}
    .Content .location .saleNav a{width: 50%;}
    .Techservice{padding-top: 30px;padding-bottom: 0;}
    .Techservice .table tr:first-child{font-size: 14px; }
    .Techservice .table tr{font-size:12px;}
    .Techservice .table tr:first-child td{padding:5px 0;}
    .Techservice .table td{padding: 5px 0;word-break: break-all;line-height: 20px;}
    .loadBox{padding-top: 30px;}
    .loadBox .loadleft >ul >li{margin-bottom:20px;font-size: 14px;}
    .loadBox .loadleft >ul >li a{padding: 20px 0;}
    .loadBox .loadleft >ul >li a:after{right: 10px;font-size: 20px;}
    .loadBox .loadleft >ul >li p{margin: 0 33px 0 10px;}
    .solBox{padding-top: 40px;}
    .solBox > ul{margin-right: -10px;}
    .solBox > ul > li{width: calc(50% - 10px);margin-right: 10px;}
    .solBox .solImg p:first-child{top:25px;}
    .solBox .solImg p:last-child{top: 53px;font-size: 12px;}
    .solBox .solImg p{left:10px;font-size: 20px;}
    .solBox .solDet{width: 100px;height: 30px;line-height: 30px;font-size: 14px;margin: 20px auto 25px;}
    .map{height: 350px;overflow: hidden;}
    .map>div{height: 350px !important;}
    .mapList{margin-right: 0;margin-top: 30px;padding-bottom: 0;}
    .map .mapInfo{display: none;}
    .mapList  .mapLeft{width: 100%;margin-right:0;}
    .mapList .mapbottom{margin-bottom: 20px;}
    .mapList .mapLeft .maptt{line-height:40px;font-size:16px;}
    .mapList .mapLeft .maptt2{padding-bottom:30px;}
    .mapList .mapLeft .maptt2 div{padding: 20px 10px 0 35px;font-size: 12px;}
    .mapList .mapLeft .maptt2 p{display: inline-block;}
    .mapList .mapLeft .maptt2 p span{font-size: 14px;}
    .mapList .mapLeft .maptt2 div i{left:10px;font-size: 15px;}
    .Content .join_con{padding-top: 0px;}
    .joinBg{padding-top: 40px;padding-bottom: 40px;overflow: hidden;}
    .joinBg .joinUL{margin-right: -14%;}
    .joinBg .joinUL li{width:calc(33.33% - 12%);margin-right: 12%;}
    /*.joinBg .joinUL li > img{width: 100%;height: 108px;background-size: contain;}*/
    .joinBg .joinUL li > p {font-size: 12px;padding-top: 10px;}
    .joinBg .joinUL li{padding-top: 30px;}
    .joinInfo{padding-top: 33px;}
    .job-box{padding-bottom: 10px;margin-top: 30px;}
    .job-box .list-box .ta-title{padding: 20px 0;font-size: 14px;}
    .job-box .list-box .ta-body{padding: 20px 0;font-size: 12px;}
    .job-box .list-box ul.ta-title li:first-of-type, .list-box ul.ta-body li:first-of-type{padding-left: 5px;}
    .job-box .list-box .ta-body:before{display: none;}
    .job-box .intro-box .join-info{padding: 23px 0 40px 10px;}
    .job-box .int-lf {margin-bottom: 30px;padding-right: 10px;}
    /*.pageing {margin-top: 20px;margin-bottom: 10px;}*/
    /*.pageing .ui-pagination-container .ui-pagination-page-item{margin: 0 2px;padding: 5px 6px;}*/
    .Content .location .detNav a{width: 33.33%;}
    .details{padding-top: 43px;}
    .details .detCon{padding-bottom: 60px;}
    .details .detBot p{font-size: 14px;line-height: 26px;}
    .details .detCon .imgBox{margin-right: 0;margin-left: 0;padding: 0 0 0;}
    .details .detCon .imgBox img{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .details  .detBot .detrg{margin-top: 10px;}
    .details .detBot .detrg div {width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
    .honor_course .honor_hd{font-size:0;margin-top: 30px;width: 100%;}
    .honor_course .honor_hd p {margin-right: 5px;margin-left: 5px;width: auto;padding: 0 18px;height: 36px;line-height: 36px;box-sizing: border-box;font-size: 14px;}
    .honor_course .honor > ul{margin-top: 30px;}
    .honor_course .honor > ul>li{margin-bottom: 20px;}
    .env_course{padding-bottom: 22px;overflow: hidden;}
    .env_course .env_info {width: calc(50% - 10px);margin-right: 10px;}
    .env_course .env_box {margin-right: -10px;}
    .env_course .env_hd {padding: 0 0 10px 0;font-size: 0;width: 100%;}
    .env_course .env_hd p {box-sizing: border-box;height: 30px;border-radius: 15px;padding: 0 15px;line-height: 30px;font-size: 14px;margin-left: 5px;margin-right: 5px;}
    .env_course .env_info p{font-size: 14px;}
    .Content .sub_Box .seriesLi .seriesDet{padding-bottom: 4%;}
    .Content .sub_Box .seriesDet .divImg2{width: 40%;margin-left: 3%;}
    .Content .sub_Box .seriesDet .divText{margin-top: 4%;width: calc(60% - 20px);}
    .Content .sub_Box .seriesDet .aa6{font-size: 16px;padding-bottom: 5%;}
    .Content .sub_Box .seriesDet .aa7 {padding-right: 10px;-webkit-line-clamp: 2;font-size: 14px;}
    .Content .sub_Box .seriesDet .linkDet{margin-top: 5%;height: 30px;width: 100px;font-size: 12px;line-height: 30px;}
    .Content .sub_Box .aa4{margin: 20px 0 30px 0;font-size: 28px;}
    .Content .sub_Nav .pro_ul li{padding: 5% 0;}
    .Content .sub_Nav .pro_ul li.on .first{padding: 5% 0!important;}
    .Content .sub_Nav .pro_ul .sub-nav li dl dd {padding: 5% 0 5% 15%!important;}
    .footer .cright:after{display: none;}
    /*.Intro .intro-p3{margin-top: -12px;margin-left: 40px;}*/
    .team_course .team_rg .con{}
    .con::-webkit-scrollbar {width: 5px;height: 30px;}
    .Content .sub_Box .seriesNav p{width: 50%;}
    .joinInfo .page{padding: 10px 0 0 0;}
    .solu-list .list-li{padding: 20px 10px;}
    .solu-list .title{width: 85%;}
    .solu-list .icon{width: 34px;height:34px;}
    .solu-list .title span,.list .title em{white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .solu-list .icon i{font-size: 18px;}
    .solu-list .title span{font-size: 14px;line-height: 36px;color: #333333;}
    .solu-list .title em{line-height: 26px;}
}
@media (max-width: 400px) {
    .header .headpp img{padding-top: 0;padding-left: 100px;}
    .banner {height: 140px;}
    .title1 .cn {width: 300px;height: 25px;}
    .title1 .en {font-size: 18px;padding-bottom: 3%;padding-top: 3%;}
    .title1 .sp1 {/* margin-left: -27%; */}
    .title1 .sp2 {/* margin-left: 16%; */}
    .title1 span {top: 50%;width: 40px;}
    .tex .pp1 {margin: 10px;font-size: 12px;}
    .tex .pp2 {margin: 10px;}
    .tex .more {margin: 10px;}
    .Content .location .team_nav a{font-size: 10px;}
    .Content .goodsInfo .toAsk, .goodsInfo .downloadBtn{font-size:14px;width: 100px;}
}
/*css3*/
@-webkit-keyframes fade-in { 0% { opacity: 0; }
    100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
    100% { opacity: 1; } }

/*# sourceMappingURL=style.css.map */
/**/

.toptop .list {
    margin-top: 70px;
}

@media(max-width: 1420px){
    .team_course .team_rg .con{max-height: 180px;}
}@media(max-width: 1240px){
    .team_course .team_rg .con{max-height: 108px;}
}
