@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 .indexpro .procate .cate{width: 274px;}
.w_1200 .indexpro .prolist .item{width:294px;height: 294px;}
.w_1200 .indexpro .prolist .item .pic{height: 294px;}
.w_1200 .indabout .abopicbox{width: 590px;height: 420px;}
.w_1200 .indabout .abopicbox img{width: 590px;height: 420px;}
.w_1200 .indabout .abopicbox .content{left: 550px;top: 50px;padding: 30px 42px;}
.w_1200 .indnews{width: 537px;}
.w_1200 .indnews .list .con{width: 413px;}
.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%;height: 775px;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{position: relative;float: left;width: 224px;padding: 0 10px;height: 55px;line-height: 55px;font-size: 18px;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;}
.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  img{max-width:100%; max-height:100%; border:none;}


.indexpro .prolist{display: none;height: 244px;}
.indexpro .prolist .item{float: left;width: 244px;height: 244px;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{display: block;width: 100%;height: 244px;overflow: hidden;vertical-align: middle;font-size: 0;}
.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;width: 490px;height: 348px;padding:0;background: url(../images/abobg.png) no-repeat right bottom;background-size: 100% 100%}*/
.indabout .abopicbox{ position:relative; padding:0px}
.indabout .abopicbox img{display: block;width: 490px;height: 348px;}
.indabout .abopicbox .content{position: absolute;left: 450px;top:-50px;width: 356px;height: 265px;padding: 10px 20px;background: #f9f9f9;}
.indabout .abopicbox .content:before{content: '';position: absolute;top: 50px;left: -14px;border:7px solid transparent;border-right-color: #f9f9f9;}
.indabout .abopicbox .desc{max-height: 168px;overflow: hidden;margin: 28px 0 14px;font-size: 14px;line-height: 24px;color: #666;}
.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: 447px;margin-left: 10px;}
.indnews .toptitle{margin-bottom: 11px;}
.indnews .list{margin-top: 25px;}
.indnews .list .date{float: left;width: 100px;height: 100px;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{float: right;width: 323px;}
.indnews .list .name{margin-top: 10px;display: block;height: 23px;line-height: 23px;font-size: 18px;color: #0266c3;margin-bottom: 15px;}
.indnews .list .desc{max-height: 40px;overflow: hidden;font-size: 14px;color: #999;line-height: 20px;}

.indcase{float: right;width: 467px;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 img{max-width:100%; max-height:100%; border:none;}
.indcase .list .pic{position: absolute;width: 130px;height: 130px;left: 10px;top: 0px;font-size: 0;}
.indcase .list .name{display: block;padding-top: 31px;padding: 31px 0 0 160px;height: 32px;line-height: 32px;background: #fff;font-size: 18px;color: #333;}
.indcase .list .date{padding: 0 0 30px 160px;line-height: 22px;line-height: 22px;font-size: 14px;color: #999;background: #fff;}
.indcase .list .desc{padding: 20px 0 0px 160px;max-height: 88px;overflow: hidden;font-size: 14px;line-height: 22px;color: #666;}