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

/*关于我们*/
.about_box{width:1200px; margin:30px auto 60px; height:auto; overflow:hidden; }
.title_a{width:100%;margin:auto;  margin-bottom:50px;  }
.title_ba{width:100%;margin:auto;  margin-bottom:80px;  }
.title_a h1{font-size:32px;color: #1b6dce;width:100%;margin-top:-40px;font-weight: bold;text-align:center;}
.title_a h2{font-size:60px;color:#e5ecfc;font-weight:bold;text-align:center;margin: 0 26px;}
.title_b{width: 100%;margin:auto;margin-bottom:80px;}
.title_b h1{font-size:32px; color:#fff; width:100%; margin-top:-40px; text-align:center;}
.title_b h2{font-size:60px;color: #0a5ba0;font-weight:bold;width:100%;text-align:center;}
.about_a{width:100%;float:left;margin-top: 30px;background:url(../images/bag.png) no-repeat left center;}
.about_a p{font-size:18px;color:#333;/* line-height:38px; *//* height: 310px; */overflow:hidden;/* width:558px; */float:right;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
.about_a ul{
    width: 650px;
    height: 549px;
}
.about_a .ab_a{width:184px; height:246px; float:left; background:url(../images/about_1.png) no-repeat; margin-right:10px; margin-top:70px;}
.about_a .ab_a h1{width:80%; height:auto; margin:auto; font-size:22px; color:#fff; text-align:center; padding-top:100px;}
.about_a .ab_a span{display:block; width:30px; height:3px; background:#fff; margin:16px auto 0;}
.about_a .ab_a h2{width:80%; height:auto; margin:auto; font-size:16px; color:#fff; text-align:center; padding-top:16px;}
 
.about_a .ab_b{width:184px; height:372px; float:left; background:url(../images/about_3.png) no-repeat; margin-right:10px;}
.about_a .ab_b h1{width:80%; height:auto; margin:auto; font-size:22px; color:#fff; text-align:center; padding-top:160px;}
.about_a .ab_b span{display:block; width:30px; height:3px; background:#fff; margin:16px auto 0;}
.about_a .ab_b h2{width:80%; height:auto; margin:auto; font-size:16px; color:#fff; text-align:center; padding-top:16px;}

.about_a .ab_c{width:184px; height:246px; float:left; background:url(../images/about_2.png) no-repeat; margin-right:10px; margin-top:70px;}
.about_a .ab_c h1{width:80%; height:auto; margin:auto; font-size:22px; color:#fff; text-align:center; padding-top:100px;}
.about_a .ab_c span{display:block; width:30px; height:3px; background:#fff; margin:16px auto 0;}
.about_a .ab_c h2{width:80%; height:auto; margin:auto; font-size:16px; color:#fff; text-align:center; padding-top:16px;}

/*产品展示*/
.case_box{width:100%;min-width: 1200px;height:auto;padding-bottom:60px;margin:50px auto 0;overflow:hidden;background: #0270c9;/* background: #1b6dce; */}
.case_main{height:auto;overflow:hidden;margin:50px auto 0;position: relative;}
.title_a h4{font-size:16px; color:#333333; float:right; font-weight:bold; margin-top:3px; width:100%; margin-top:25px; margin-bottom:50px;}
.title_a span{display:block; float:left; width:100%; height:10px; background: url(../images/2.jpg) no-repeat; margin-top:15px;}
.case_more{display:block; float:right; width:auto; height:auto; padding:8px 20px; border:1px #f29500 solid; color:#f29500; border-radius:8px;
           border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px;}
.case_more:hover{ background:#f29500; color:#fff;}

/* 产品展示css */
.picScroll-left{overflow:hidden;width: 1200px;margin:auto;position: relative;}
.picScroll-left .hd{overflow:hidden;height: 44px;padding:0 10px;text-align:center;margin-top:20px;}
/*.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
     cursor:pointer; background:url("images/arrow.png") no-repeat;}*/
.picScroll-left .hd .prev{
    position: absolute;
    right: 0;
    top: 36%;
    cursor: pointer;
}
.picScroll-left .hd .next{}
.picScroll-left .hd .next{background-position:0 -50px;height: 44px;width: 44px;position: absolute;left: 0px;top: 36%;cursor: pointer;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{overflow:hidden; zoom:1; margin-top:30px; zoom:1; width:auto; width:150px; height:auto; height:30px; margin:auto;
                       border-radius:20px;}
.picScroll-left .hd ul li{width:12px; height:12px; overflow:hidden; margin-right:8px; margin-top:9px; text-indent:-999px; cursor:pointer; background:rgba(136,158,188,1); display:inline-block; 
                         border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; }
.picScroll-left .hd ul li.on{ background:#fff;}
.picScroll-left .bd{margin-bottom:40px;width: 1000px;margin: 0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{margin-right: 12px;float:left;_display:inline;overflow:hidden;text-align:center;}
.picScroll-left .bd ul li .pic a{}
.picScroll-left .bd ul li .pic{text-align:center;width: 241px;height: 209px;overflow:hidden;background: #ffffff;display: flex;justify-content: center;align-items: center;}
.picScroll-left .bd ul li .pic img{max-width: 90%;max-height: 90%;transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;-webkit-transition:all .9s;}
.picScroll-left .bd ul li:hover .pic img{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.pall_main ul li:hover img{
    transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);
}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title1{background: #fbfbfd;height:70px;color: #666;transition: all .3s ease-out;}
.picScroll-left .bd ul li .title1 h1{width:100%;float:left;color: #666;line-height:70px;text-align: center;overflow:hidden;transition: all .2s ease-out;}
.picScroll-left .bd ul li:hover .title1 h1{ background:#4a7ded; color:#fff;}

/*成就客户*/
.pall{width:100%;min-width: 1200px;height:712px;margin:auto;background:url(../images/bag1.png) no-repeat center;padding-top:60px;}
.pall_main{width:1200px; height:auto; margin:auto;}
.pall_main ul li{display:block;width:200px;height:200px;border: 1px #fff solid;border-radius:4px;background: #fff;float:left;margin:30px 96px;display: flex;justify-content: center;align-items: center;overflow: hidden;transition: all .5s ease-out;}
.pall_main ul li a{font-size:24px;color: #1b6dce;text-align:center;display: block;width: 100%;}
.pall_main .pall1{width:200px;height:200px;background: #fff url(../images/pall1.png) no-repeat center 60px;}
.pall_main ul li img{margin:auto;max-width: 90%;max-height: 90%;transition: all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;-webkit-transition:all .9s;}    
.pall_main ul li:hover{border:1px #0270c9 solid;}

/*新闻资讯*/
.new_box{width:100%;min-width: 1200px;height:auto;overflow:hidden;padding:50px 0;background:#fff;}
.new_main{width:1200px;margin:auto;height: 353px;overflow:hidden;}

/* 本例子css */
.slideBox{width:520px;height: 353px;float: right;overflow:hidden;position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px; width:25px; height:25px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:520px; height:258px; display:block;}

.slideBox .bd ul li a{color:#333333;}
.slideBox .bd ul li h2{display:block; width:80%; height:20px; overflow:hidden; font-size:16px; margin-top:20px;}
.slideBox .bd ul li span{display:block; float:left; height:1px; width:30px; overflow:hidden; background:#3662ed; margin-top:10px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; right:7%; margin-top:-20px; display:block; width:30px; height:30px; background:url(../images/slider-arrow.png) -103px 1px no-repeat;}
.slideBox .prev:hover{ position:absolute; right:7%; margin-top:-20px; display:block; width:30px; height:30px; background:url(../images/slider-arrow.png) -69px 1px no-repeat;}
.slideBox .next{ position: absolute;
    right: 0;
    margin-top: -20px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/slider-arrow.png) -35px 1px no-repeat;}
.slideBox .next:hover{ position: absolute;
    right: 0;
    margin-top: -20px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/slider-arrow.png) 0 1px no-repeat;}
.slideBox .next{ left:auto; right:0;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*中心新闻*/
.new_left{width:630px;float: left;height:auto;overflow:hidden;}
.new_left ul li{display:block; float:left; width:100%; height:auto; height:78px; overflow:hidden; margin-bottom:40px;}
.new_left ul li:hover h3{ color:#3162ed;}
.new_left ul li:hover h4{ color:#666666;}
.new_left ul li:hover .time{ background:#3162ed;}
.new_left ul li:hover .time h2{ color:#fff;}
.new_left ul li:nth-child(8n){ border:none;}
.new_left .time{width:74px;height:74px;float:left;margin-right:30px;background: #4a7ded;}
.new_left ul li h3{font-size:18px;color:#313131;height:25px;overflow:hidden;transition: all .3s ease-out;}
.new_left ul li h4{font-size:14px;color:#999;height:45px;overflow:hidden;margin-top:6px;line-height:24px;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .3s ease-out;}

.main_a{width:1200px; height:auto; overflow:hidden; margin:auto;}
.main_a ul li{display:block; float:left; width:380px; height:auto; overflow:hidden; margin-right:30px; background:#fff; padding-bottom:25px; margin-bottom:25px;}
.main_a ul li:nth-child(3n){ margin-right:0;}
.main_a ul li span{display: block; float:left; width:100%; height:230px; overflow:hidden; background:#fff; margin-bottom:15px;}
.main_a ul li span img{display: block; float:left; width:100%; min-height:230px; overflow:hidden; transition:all .9s; -moz-transition:all .9s; -ms-transition:all .9s; -o-transition:all .9s; -webkit-transition:all .9s;}
.main_a ul li h1{ display:block; height:25px; width:90%; margin:auto; overflow:hidden; font-size:18px; color:#333333;}
.main_a ul li h2{ display:block; height:20px; width:90%; margin:auto; overflow:hidden; font-size:14px; color:#888; margin-top:5px;}
.main_a ul li:hover{ background:#f29500;}
.main_a ul li:hover h1{ color:#fff;}
.main_a ul li:hover h2{ color:rgba(255,255,255,0.8);}
.main_a ul li:hover span img{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}

.main_b{width:1140px; height:auto; overflow:hidden; margin:auto; background:#fff; padding:30px;}
.main_b p{ font-size:18px; color:#333; line-height:40px; margin-top:30px;}
.main_b h3{ font-size:15px; color:#999;}
.main_b img{display:block; width:120px; height:120px; overflow:hidden;}

/*产品中心*/
.main_c{width:1200px; height:auto; overflow:hidden; margin:auto; padding-top:90px;}
.main_c ul li{display:block; float:left; width:15%; margin-right:6%;}
.main_c ul li:nth-child(5n){ margin-right:0;}
.main_c ul li .span_case1{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_a.png) no-repeat center; background-position:0 0;}
.main_c ul li .span_case2{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_a.png) no-repeat center; background-position:-132px 0;}
.main_c ul li .span_case3{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_a.png) no-repeat center; background-position:-262px 0;}
.main_c ul li .span_case4{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_a.png) no-repeat center; background-position:-392px 0;}
.main_c ul li .span_case5{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_a.png) no-repeat center; background-position:-524px 0;}
.main_c ul li h1{width:100%; text-align:center; font-size:20px; margin-top:40px; margin-bottom:15px; color:#484b4a;}
.main_c ul li p{width:100%; text-align:center; font-size:16px; color:#888888; line-height:30px;}

.main_c ul li:hover h1{ color:#f29500;}
.main_c ul li:hover .span_case1{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_aa.png) no-repeat center; background-position:0 0;}
.main_c ul li:hover .span_case2{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_aa.png) no-repeat center; background-position:-132px 0;}
.main_c ul li:hover .span_case3{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_aa.png) no-repeat center; background-position:-262px 0;}
.main_c ul li:hover .span_case4{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_aa.png) no-repeat center; background-position:-392px 0;}
.main_c ul li:hover .span_case5{display:block; margin:auto; overflow:hidden; width:126px; height:126px; background:url(../images/case_aa.png) no-repeat center; background-position:-524px 0;}



.box{
    margin-top: 80px;
    min-width: 1200px;
    height: 579px;
    position: relative;
    width: 100%;
}

.box .list {
    width: 1200px;
    height: 357px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    display: flex;
    /* flex-direction: column; */
    /* justify-content: space-around; */
}

.box .list .btn{
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 60px;
    height: 100px;
    line-height: 100px;
    font-size: 30px;
    color: white;
    text-decoration: none;
    text-align: center;
    background: rgba(0,255,0,.5);
    cursor: pointer;
}
.box .list .next{
    right: 0;
}

.box .list li{
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    opacity: 1;
    transition: all 0.3s ease-out;
}
 
.box .list .frist1{width:184px;height: 250px;float:left;background:url(../images/about_1.png) no-repeat;margin-right:10px;margin-top:70px;}
.box .list .frist1 h1{width:80%; height:auto; margin:auto; font-size:22px; color:#fff; text-align:center; padding-top:100px;}
.box .list .frist1 span{display:block; width:30px; height:3px; background:#fff; margin:16px auto 0;}
.box .list .frist1 h2{width:80%; height:auto; margin:auto; font-size:16px; color:#fff; text-align:center; padding-top:16px;}
 
.box .list .frist2{width: 184px;height: 250px;float:left;background:url(../images/about_3.png) no-repeat;margin-top: 70px;border-radius: 6px;}
.box .list .frist2 h1{width:80%; height:auto; margin:auto; font-size:22px; color:#fff; text-align:center; padding-top:160px;}
.box .list .frist2 span{display:block; width:30px; height:3px; background:#fff; margin:16px auto 0;}
.box .list .frist2 h2{width:80%;height:auto;margin:auto;font-size:16px;color:#fff;text-align:center;/* padding-top:16px; */}

.box .list .frist3{width: 183px;height: 291px;float:left;background:url(../images/about_2.png) no-repeat;/* margin-right:10px; */margin-top:70px;}
.box .list .frist3 h1{width:80%; height:auto; margin:auto; font-size:22px; color:#fff; text-align:center; padding-top:100px;}
.box .list .frist3 span{display:block; width:30px; height:3px; background:#fff; margin:16px auto 0;}
.box .list .frist3 h2{width:80%; height:auto; margin:auto; font-size:16px; color:#fff; text-align:center; padding-top:16px;}



.box .list .p1{
    transform: translate3d(410px,0,0) scale(0.81); 
}
.box .list .p2{
    transform: translate3d(58px,0,0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 2;
}
.box .list .p3{
    transform:translate3d(224px,0,0) scale(1); 
    z-index: 3;
    opacity: 1;
}
.box .list .p4{
    transform: translate3d(395px,0,0) scale(0.81);
    transform-origin: 100% 50%;
    opacity: 0.8;
    z-index: 2;
}
.box .list .p5{
    transform:translate3d(672px,0,0) scale(0.81);
}
.box .list .p6{
    transform:translate3d(896px,0,0) scale(0.81);
}
.box .list .p7{
    transform:translate3d(1120px,0,0) scale(0.81);
}

.box .list .buttons{
    position: absolute;
    width: 1200px;
    height: 30px;
    bottom: 0;
    left: 50%;
    margin-left: -600px;
    text-align: center;
    padding-top: 10px;
}
.box .list .buttons a{
    display: inline-block;
    width: 35px;
    height: 5px;
    padding-top: 4px;
    cursor: pointer;
}
 
.box .list .blue{
    background: blue;
}

.roner{
    width: 550px;
    height: 360px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
}

.more_re{
    float: right;
    margin-top: 318px;
    margin-right: -40px;
}

.nrep{}
.more_img{}

.hexian{width: 43%;height: 60px;border-bottom: 1px solid #eaeaea;}

.new_hex{display: flex;flex-direction: row;}
.slideBoxa{width: 520px;
    height: 353px;
    float: right;
    overflow: hidden;
    position: relative;}
.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.cho_new_bot{height:355px;}
.cho_new_bot li{padding: 12px 0 12px 25px;border: 1px solid #f5f5f7;margin-bottom: 14px;display: flex;flex-direction: row;cursor: pointer;}
.cho_new_bot li span{}
.cho_new_jia{
    border: 1px solid #fff;
    margin-right: 20px;
    border-radius: 50%;
    padding: 0 4px;
    background: #d0d0d0;
    background: #1b6dce;
    color: white;
    font-weight: bold;
    font-size: 14px;
}
.cho_new_tit{
    font-weight: bold;
    font-size: 17px;
    color: #1b6dce;
}
.cho_new_img{
    max-width: 100%;
}
.cho_new_li{
    padding: 0 !important;
    margin-bottom: 0 !important;
    border: none !important;
}
.action_new{background-color: #1b6dce;color: #ededed;}
.action_div1{
    background-color: #ffffff;
    color: #1b6dce;
}
.action_div2{
    color: white;
}
.hide{display: none !important}