.index_title{font-size: 30px;color: #333333;font-family: 'OpenSans-Bold';line-height: 41px;border-left: 5px solid #feb900;padding-left: 28px;margin-top: 60px;}
.index_msg{font-size: 14px;line-height: 25px;color: #6f6f6f;padding: 30px 0 33px 35px;font-family: 'Opensans-Regular';}

.area{padding-bottom:88px;}
.area .left{width: 705px;}
.area .left .copy{float: left;width: calc( 50% - 40px );padding: 35px 5px 0 35px;display: inline-block;vertical-align: top;}
.area .left .copy .img{display: inline-block;height: 54px;}
.area .left .copy .name{font-size: 20px;color: #2f3faf;font-family: 'OpenSans-Bold';padding: 8px 0 13px;}
.area .left .copy .desc{font-size: 14px;color: #6f6f6f;line-height: 25px;}
.area .right{position: relative;}
.area .right .outborder{width: 300px;height: 293px;border: 5px solid #feba00;padding: 220px 33px 11px;margin: 129px 35px 0 0;overflow: hidden;}
.area .right .outborder .name a{font-size: 24px;color: #333333;font-family: 'OpenSans-Bold';}
.area .right .outborder .desc{font-size: 14px;color: #6f6f6f;line-height: 25px;padding-top: 17px;}
.area .right .img{position: absolute;right: 0;top: 70px;border-left: 1px solid #c6c6c6;width: 372px;height: 228px;}
.area .right a.more{font-size: 14px;color: #2f3faf;font-family: 'OpenSans-Bold';background: url(../images/index_areas_more.png) no-repeat 100% center;display: inline-block;padding-right: 31px;position: absolute;right: 19px;bottom: 6px;transform: rotate(90deg);transform-origin:100% 100%;-ms-transform: rotate(90deg);/* IE 9 */-ms-transform-origin:100% 100%;/* IE 9 */-webkit-transform: rotate(90deg);/* Safari 和 Chrome */-webkit-transform-origin:100% 100%;/* Safari 和 Chrome */-moz-transform: rotate(90deg);/* Firefox */-moz-transform-origin:100% 100%;/* Firefox */-o-transform: rotate(90deg);/* Opera */-o-transform-origin:100% 100%;/* Opera */}

.prod_list{padding-bottom:80px;min-height: 450px;}
.prod_list .bx-wrapper {padding-top: 30px;max-width: none!important;width: calc( 100% - ((100% - 1200px)/2) );margin-left: calc( (100% - 1200px)/2 );}
.prod_list .bx-controls{display: none;}
.prod_list .left{width: 860px;}
.prod_list a.more{display: inline-block;font-size: 16px;color: #333333;float: right;width: 177px;height: 43px;line-height: 43px;background: #feb900;text-align: center;margin-top: 68px;transition: all 0.5s;}
.prod_list a.more:hover{color: #fff;}
.prod_list .list{height:380px;}
.prod_list .list .copy{float: left;width:25%;/* padding:20px;*/ padding-top:0; box-sizing:border-box;}
.prod_list .list .copy .name{font-size: 16px;line-height: 26px;color: #2f3faf; height:48px; overflow:hidden;}
.prod_list .list .copy .name a{color: #2f3faf; text-decoration:none;}
.prod_list .bx-controls{position:absolute; top:380px; left:0; width:100%;}
.prod_list .bx-controls a{width:12px !important; height:12px !important; border-radius:50% !important;}

.index_news{background:#f8f8f8; padding:50px 0;}
.index_news .c{max-width:1200px; padding:10px; box-sizing:border-box; margin:0 auto;}
.index_news .title{font-size: 36px;text-align: center; font-weight:bold; color:#4a4a49;}
.index_news .title div{width:40px; height:4px; background:#feb800; margin:0 auto; margin-top:20px;}
.index_news .list{position:relative; width:100%; margin-top:55px;}
.index_news .ico{width:80px; height:80px; background:url(../images/index_news_left.png) center center no-repeat; position:absolute; left:0; top:0;}
.index_news .ico:hover{background:url(../images/index_news_left_on.png) center center no-repeat;}
.index_news .ico.fr{background-image:url(../images/index_news_right.png); left:auto; right:0;}
.index_news .ico.fr:hover{background:url(../images/index_news_right_on.png) center center no-repeat;}
.index_news .ico a{display:block; width:100%; height:100%;}
.index_news .contents{padding:0 190px; width:100%; height:120px; overflow:hidden; box-sizing:border-box;}
.index_news .contents .item_box{float:left; height:120px;}
.index_news .contents .item_box .box{width:100%; height:100%; position:relative;}
.index_news .contents .item_box .box .date{float:left; position:absolute; left:0; top:0; width:160px; font-size:36px; color:#333333;font-family: 'OpenSans-Bold';}
.index_news .contents .item_box .box .date div{font-size:16px; color:#a3a4ac; padding:5px 0;}
.index_news .contents .item_box .box .desc{float:left; margin-left:160px; color:#555; line-height:180%; font-size:16px;font-family: 'Opensans-Regular';}
.index_news .contents .item_box .box .desc h1{height:22px; line-height:22px; overflow:hidden; margin-bottom:10px;font-family: 'OpenSans-Bold';}
.index_news .contents .item_box .box .desc a{color:#333; font-weight:bold; font-size:20px;font-family: 'OpenSans-Bold';}

@media screen and (max-width: 1280px) {
  .area .left{width: 550px;}
  .area .right .outborder{padding: 200px 25px 0;}
  .index_title{margin-top:55px;}
  .index_msg{padding: 20px 0 23px 35px;}
  .numberbg{margin-top: 60px;}
  .prod_list{padding-bottom: 50px;}
  .prod_list .left{width: 755px;}
  .prod_list a.more{margin-top: 55px;}
  .prod_list .bx-controls{position:absolute; top:320px; left:0; width:100%;}
}
@media screen and (max-width: 768px) {
  .index_title{margin-top:15px;font-size: 20px;line-height: 35px; padding-left:10px;}
  .index_msg{padding: 5px 0 5px 15px;line-height: 20px;}
  
  .area{padding-bottom:0px;}
  .area .left{float:none; width:100%;}
  .area .left .copy{width:100%; box-sizing:border-box; padding:10px; padding-left:60px; position:relative; clear:both;}
  .area .left .copy .img{height: 40px; position:absolute; width:40px; left:10px; top:10px;}
  .area .left .copy .name{font-size: 18px;padding:0;}
  .area .left .copy .desc{line-height: 20px;}
  .area .right{float:none;}
  .area .right .outborder{width:100%; box-sizing:border-box; padding:10px; height:auto; margin:10px 0; border-width:2px;}
  .area .right .outborder .desc{line-height:180%; padding-top:10px;}
  .area .right .img, .area .right a.more{display:none;}
  
  .prod_list #prod_list{padding-top:10px;}
  .prod_list .list{height:auto;}
  .prod_list .left{width: 100%;}
  .prod_list a.more{display:none;}
  .prod_list .bx-controls{display:none;}
	
	.index_news{padding:0;}
	.index_news .title{font-size:20px; font-weight:normal;}
	.index_news .title div{margin-top:10px;}
	.index_news .list{margin-top:10px;}
	.index_news .ico{display:none;}
	.index_news .contents{padding:0;}
	.index_news .contents .item_box .box .date{width:70px; font-size:20px;}
	.index_news .contents .item_box .box .date div{font-size:14px;}
	.index_news .contents .item_box .box .desc{margin-left:70px; color:#666;}
	.index_news .contents .item_box .box .desc a{color:#888;}
}