@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 .indexpro .procate .cate{width: 295px;}
.w_1200 .indexpro .prolist .item{width:295px;}
.w_1200 .indabout .abopicbox .switch_pic{width: 605px;height: 438px;}
.w_1200 .indabout .abopicbox .bxslider_2>div { padding-top: 420px; }
.w_1200 .indabout .abopicbox .content{width: 356px; left: 550px;top: 50px;padding: 30px 42px;}
.w_1200 .indnews{width: 537px;}
.w_1200 .indcase{width: 557px;}
/***************************宽屏样式(end)***************************/
.toptitle{position: relative;height: 56px;line-height: 56px;font-size: 30px;color: #3d444a;font-weight: bold;}
.toptitle:before{content:'';position: absolute;bottom: 0;left: 0;width: 48px;height: 3px;background: #0266c3;}
.banner{width:100%;overflow: hidden;top: -95px;position:relative; overflow:hidden;z-index:1;}
.banner .box{width:1920px;position:relative; left:50%; top:0; margin-left:-960px; z-index:1;}
.banner .slideBox_1 .hd{position: absolute;width: 100%;height: 11px;text-align: center;bottom: 86px;z-index: 999;}
.banner .slideBox_1 .hd ul{float: none;/* display: none; */height: 11px;display: inline-block;}
.banner .slideBox_1 .hd li{display: inline-block;width: 42px;height: 11px;margin: 0 3px;background: rgba(0,0,0,0.5);border-radius: 0px;}
.banner .slideBox_1 .hd li.on{background: rgba(2,102,195,0.5);}
.banner .slideBox_1 .prev, .banner .slideBox_1 .next{display:none; width:40px; height:40px; position:absolute; z-index:2; top:300px; background:url(../images/banner_swtich.png) no-repeat 0 0;}
.banner .slideBox_1 .next{background-position:0 bottom;}

.indexpro{position: relative;background: #f2f2f2;text-align: center;margin-top: -95px;padding-bottom: 28px;z-index: 2;}
.indexpro .procate{margin-top: -55px;}
.indexpro .procate .cate{box-sizing: border-box; position: relative;float: left;width: 25%;padding: 0 10px;height: 55px;line-height: 55px;font-size: 16px;color: #666;font-weight: bold;border-left: 1px solid #dfdfdf;text-decoration: none;background: url(../images/catebg.jpg) repeat center;}
.indexpro .procate .cate:before{display: none;content:'';position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: #0057a9;}
.indexpro .procate .cate:after{display: none;content: '';position: absolute;left: 0;right: 0;bottom: -12px;margin:auto;width: 0;border:6px solid transparent;border-top:6px solid #0266c3;z-index: 1;}
.indexpro .procate .cate:hover,.indexpro .procate .on{background: #0266c3;color:white;}
.indexpro .procate .cate:hover:before,.indexpro .procate .cate:hover:after,.indexpro .procate .on:before,.indexpro .procate .on:after{display: block;}
.indexpro .procate .cate:first-child{border-color: transparent;}
.indexpro .prolist{display: none;}
.indexpro .prolist .cate_name{display: none;}
.indexpro .prolist .item{box-sizing: border-box;float: left;width: 25%;margin: 0;border:none;padding: 0;border-left: 1px solid #dfdfdf;background: #fff;}
.indexpro .prolist .item:first-child{border-color: transparent;}
.indexpro .prolist .item .pic{position: relative;display: block;width: 100%; padding-top:100%; overflow: hidden;vertical-align: middle;font-size: 0;}
.indexpro .prolist .item .pic img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.indexpro .prolist .item:hover{box-shadow: none;}
.indexpro .prolist .item:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}

.indabout{padding: 73px 0 73px 57px;position: relative;}
.abopicbox>div{overflow: visible !important;}
.abopicbox .slideBox_2{overflow: visible;}
.abopicbox .slideBox_2 .hd ul{display: none;}
.abopicbox .slideBox_2 .prev, .abopicbox .slideBox_2 .next{display: block;width:57px; height:53px; position:absolute; z-index:2; top:186px; left: -57px; background:url(../images/abohd.png) no-repeat 0 0;}
.abopicbox .slideBox_2 .next{background-position:right 0;left: 0;}
.indabout .abopicbox{position: relative;}
.indabout .abopicbox .switch_pic {box-sizing: border-box;width: 49.809%;padding: 0 15px 18px 0;background: url(../images/abobg.png) no-repeat right bottom;background-size: 100% 100%}
/* .indabout .abopicbox .bxslider_2>div{ position: relative; padding-top: 50%; }
.indabout .abopicbox .bxslider_2>div img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } */
.indabout .abopicbox .bxslider_2>div { padding-top: 13.83%; }
.indabout .abopicbox img{display: block;/*width: 490px;height: 348px;*/position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.indabout .abopicbox .content{position: absolute;left: 46.8%;top: 37px;width: 39.004%; padding: 10px 20px;background: #f2f2f2;}
.indabout .abopicbox .content:before{content: '';position: absolute;top: 50px;left: -14px;border:7px solid transparent;border-right-color: #f2f2f2;}
.indabout .abopicbox .desc{max-height: 168px;overflow: hidden;margin: 28px 0 14px;font-size: 14px;line-height: 24px;color: #666;-webkit-line-clamp:7; line-clamp:7;-webkit-box-orient: vertical;box-orient: vertical; display: -webkit-box; display: box;}
.indabout .more{position: absolute;right: 10px;bottom: 73px;width: 82px;height: 149px;background: url(../images/abomore.png) no-repeat center center;text-decoration: none;}
.indabout .more span{display: block;height: 43px;line-height: 43px;padding-right: 6px;margin-top: 10px;color: white;font-size: 18px;text-transform: uppercase;text-align: center;}

.indnews{float: left;width: 41.742%;margin-left: 10px;}
.indnews .toptitle{margin-bottom: 11px;}
.indnews .list{position: relative; min-height: 100px; padding-left: 124px;margin-top: 25px;}
.indnews .list .date{position: absolute; width: 100px;height: 100px;top: 0;left: 0;line-height: 22px;text-align: center;font-size: 16px;color: #666;background: #f5f5f5;}
.indnews .list .date span{display: block;padding-top: 16px;height: 43px;line-height: 43px;font-size: 32px;color: #666;}
.indnews .list .con{width: 100%;}
.indnews .list .name{margin-top: 10px;display: block;height: 23px;line-height: 23px;font-size: 16px;color: #0266c3;margin-bottom: 15px;}
.indnews .list .desc{max-height: 40px;overflow: hidden;font-size: 14px;color: #999;line-height: 20px; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: box; }

.indcase{float: right;width: 43.61%;margin-right: 10px;}
.indcase .casebox{position: relative;margin-top: 37px;}
.indcase .casebox .hd ul{position: absolute;right: 0;top: -32px;height: 12px;font-size: 0;}
.indcase .casebox .hd li{display: inline-block;width: 12px;height: 12px;margin-left: 10px;background: #c0c0c0;border-radius: 6px;cursor: pointer;}
.indcase .casebox .hd li.on{background: #0266c3;}
.indcase .list{position: relative;}
.indcase .list .pic{position: absolute;width: 130px;height: 130px;left: 10px;top: 50px;font-size: 0;}
.indcase .list .name{display: block;padding-top: 31px;padding: 31px 0 0 160px;height: 32px;line-height: 32px;background: #f5f5f5;font-size: 18px;font-weight: bold;color: #333;}
.indcase .list .date{padding: 0 0 30px 160px;line-height: 22px;line-height: 22px;font-size: 14px;color: #999;background: #f5f5f5;}
.indcase .list .desc{padding: 20px 0 0px 160px;max-height: 88px;overflow: hidden;font-size: 14px;line-height: 22px;color: #666;}

@media screen and (max-width: 1200px) {
    .indabout { padding: 73px 0; }
}
@media screen and (max-width: 991px) {
    .banner { top: 0; }
    .indnews { width: 100%; margin: 0; }
    .indcase { width: 100%; margin: 16px auto 0; }
}
@media screen and (max-width: 768px) {
    .toptitle { height: 30px; line-height: 30px; font-size: 18px; text-align: center; padding-bottom: 13px; }
    .toptitle:before { width: 24px; height: 2px; right: 0; margin: auto; }
    .indexpro { margin-top: 0; padding-top: 40px; padding-bottom: 40px; }
    .indexpro .procate { display: none; margin-top: 0; }
    .indexpro .procate .cate { width: 50%; }
    .indexpro .prolist { display: block; width: 50%; float: left; } 
    .indexpro .prolist .cate_name { display: block; box-sizing: border-box; position: relative; width: 100%; padding: 0 10px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; font-weight: bold; border-left: 1px solid #0571d5; background: #0266c3; text-decoration: none; }
    .indexpro .prolist .cate_name:before { content:'';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: #0057a9;}
    .indexpro .prolist .cate_name:after { content: ''; position: absolute; left: 0; right: 0; bottom: -16px; margin: auto; width: 0; border: 9px solid transparent; border-top: 9px solid #0266c3; z-index: 1; }
    .indexpro .prolist .list .item { width: 100%; display: none; }
    .indexpro .prolist .list .item:first-child { display: block; }
    .indabout { padding: 40px 15px 37px; }
    .indabout .bx-wrapper .bx-controls-direction a { display: none; }
    .indabout .abopicbox { width: 100%; }
    .indabout .abopicbox .switch_pic { width: 100%; padding: 0 10px 10px 0; }
    .indabout .abopicbox .content { box-sizing: border-box; position: static; width: 100%; padding: 16px 10px; margin-top: 15px; }
    .indabout .abopicbox .content:before { display: none; }
    .indabout .abopicbox .desc { max-height: unset; -webkit-line-clamp: unset; line-clamp: unset; margin: 13px 0 2px; }
    .indabout .more { position: static; display: block; margin: auto; }
    .indabout .more span { margin-top: 20px; }
    .new_and_case .wrap { padding: 0; }
    .new_and_case .indnews { box-sizing: border-box; width: 92%; float: none; padding: 0 15px; margin: auto; }
    .indnews .list { padding: 0; text-align: center; margin-top: 14px; margin-bottom: 17px; }
    .indnews .list .date { position: static; width: 67px; height: 67px; line-height: 13px; font-size: 12px; margin: auto; }
    .indnews .list .date span { height: 30px; line-height: 30px; font-size: 20px; padding-top: 10px; }
    .indnews .list .name { height: unset; line-height: 28px; text-overflow: unset; white-space: unset; margin-top: 14px; }
    .indnews .list .desc { max-height: 56px; line-height: 27px; }
    .indcase { width: 100%; float: none; }
    .indcase .list .name { height: 30px; line-height: 30px; font-size: 16px; padding-top: 26px; padding-left: 140px; }
    .indcase .list .date { font-size: 15px; padding: 3px 0 13px 140px; }
    .indcase .list .pic { top: 27px; left: 30px; width: 85px; height: 85px; }
    .indcase .list .desc { max-height: unset; line-height: 25px; padding: 44px 30px 0; }
    .indcase .casebox .hd ul { position: static; text-align: center; margin-top: 35px; }
    .indcase .casebox .hd ul li { margin: 0 4.5px; }
}