.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;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
}
.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';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{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;
  margin-top: 20px;
    margin-bottom: 20px;}
  .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;}
}
.outer {
    outline: 0!important;
    transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;
}
#counter {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0 0;
	    position: relative;
	
}
.blue-overlay::before {
    background-color: rgba(51,52,52,0.9);
    background-repeat: repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.counter-heading h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 900;
    line-height: 35px;
    margin-bottom: 0;
    margin-top: 60px;
	    position: relative;
}
.counter-heading h2 span {
    color: #f5dd25;
	    position: relative;
}
#counter .count {
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
	    position: relative;
}
#counter .counter-base h3 {
    color: #f5dd25;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 0;
    margin-top: 10px;
	    position: relative;
}
#counter .counter-base {
    margin-top: 50px;
	    position: relative;
}
#counter .counter{
	 position: relative;
}
.row {
    clear: both;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
:before, :after {
	    position: relative;
    transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: data-relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .col-md-3 {
        width: 25%;
    }
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.no-padding {
    padding: 0;
}
.counter-block{
box-sizing:border-box;}
.product_img {
    box-sizing: border-box;
}
.product_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    max-height: 450px;
    border: 1px solid #D2D2D2;
}
.product_title {
    margin: 15px 0px;
    line-height: 24px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 48px;
}
.product_title a {
    color: #060606;
    font-size: 16px;
    line-height: 16px;
}

.product_title a:hover {
    text-decoration: none;
    color: #004CC1;
}
@media (max-width: 768px) {
    .product_img {
        padding-right: 0;
        padding-left: 0;
    }
    .product_img img {
        /* margin:10px; */
        max-width: 95%;
    }
}
.fl{float: left;}