.index_title{font-size: 30px;color: #333333;line-height: 41px;border-left: 5px solid #feb900;padding-left: 28px;margin-top: 60px;}
.index_msg{font-size: 16px;line-height: 30px;color: #6f6f6f;padding: 30px 0 20px 35px;}

.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;padding: 8px 0 13px;}
.area .left .copy .desc{font-size: 16px;color: #6f6f6f;line-height: 30px;}
.area .right{position: relative;}
.area .right .outborder{width: 300px;height:310px;border: 5px solid #feba00;padding: 200px 33px 11px;margin: 129px 35px 0 0;overflow: hidden;}
.area .right .outborder .name a{font-size: 24px;color: #333333;}
.area .right .outborder .desc{font-size: 14px;color: #6f6f6f;line-height: 25px;padding-top: 15px;}
.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;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;padding-top: 30px;}
.prod_list .list .copy{float: left;width:32%;/* padding:20px;*/ padding-top:0; box-sizing:border-box;margin-right: 2%;background: #ebebeb;}
.prod_list .list .copy:nth-child(3n){margin-right: 0;}
.prod_list .list .copy .name{font-size: 16px;line-height:48px;color: #333; height:48px; overflow:hidden;text-align: center;background: #ffffff;}
.prod_list .list .copy .name a{color: #333; text-decoration:none;}
.prod_list .list .copy .name span{padding-left: 10px;}
.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;}
.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;}
.index_news .contents .item_box .box .desc h1{height:22px; line-height:22px; overflow:hidden; margin-bottom:10px;}
.index_news .contents .item_box .box .desc a{color:#333; font-weight:bold; font-size:20px;}

@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:24px;}
  
  .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:24px; padding-top:10px;}
  .area .right .img, .area .right a.more{display:none;}
  
  .prod_list #prod_list{}
  .prod_list .list .copy{float: left;width:49%;box-sizing:border-box;}
	.prod_list .list .copy:nth-child(2n){margin-right: 0;}
	.prod_list .list .copy:nth-child(3n){margin-right: 2%;}
	.prod_list .list .copy:nth-child(6n){margin-right: 0;}
	.prod_list .list .copy .name {
    font-size: 14px;
    line-height:18px;
    height: auto;text-align: center;
    overflow: hidden;padding: 10px 0;
}
	.prod_list .list .copy .name span{display: block;padding: 0}
  .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:15px 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;font-size: 14px;line-height: 1.5;}
	.index_news .contents .item_box .box .desc a{color:#888;font-size: 16px;}
}