/*section{padding:50px 0;}*/
.margin_top{margin-top: 8%;}
.position_relative{position:relative;}
.white_font{color:#fff;}

.pro_series .col-md-4{
	height:253px;
}

.more{ text-align: center;clear: both;padding-top:20px; }

@media (min-width:320px)  {

}

@media (max-width: 768px) {
    section{padding:20px 0;}
.pro_series .col-md-4{
	height:auto;
}
    .margin_top {margin-top: 0;}
    .index_about .about_left{  background: url("../images/about-left.png")top center no-repeat;height: 538px;}
    .index_about .about_left p{ width:55%;margin-left: 40%;line-height: 2;margin-top: 10px;}
    .index_about .comp_intro .intro_brief{ line-height: 2;padding:10px 8px;}
    .index_about .comp_intro .intro_brief p{ }
    .index_about .comp_intro .intro_brief h3{ line-height: 2;}
    .index_about .comp_intro { border:10px #f8f8f8 solid;}
    .index_about .index_contact p{ font-size: 18px; color: #252742;padding:20px 15px 10px;}
   /* .index_about  form{width:90%; float:right;border:1px solid #252742; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fff;
        position:relative;padding:5px;}
    .index_about  input[type='text']{background:transparent;border:0;font-size:12px;width: 91%;}
    .index_about  input[type='submit']{position:absolute;right:8px;top:1px;width:20px;background:transparent;border:0;height:100%;}
    .index_about  i{color: #252742;padding-right: 5px;}*/

    .index_pro{ background: url("../images/index_pro.png")top center no-repeat;}

     .index_pro .index_pro_list li {margin: 20px 0 30px; }
    .index_pro .index_pro_list .pro img{width: 100%;}
    .index_pro .index_pro_list .pro p{ text-align: center; font-size: 16px; overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;  }

    .index_news .index_news_h{ padding: 20px 0 30px;}
    .index_news_list .index_news_xs{ background: url("../images/index_news_right.png")center no-repeat;}
    .index_news_list .index_news_xs p{ color: #fff;font-size: 12px; padding: 8px 5px; line-height: 2;display: -webkit-box;
        -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  }
    .index_news_list .index_news_xs li{ padding: 10px 0; float: left; border-bottom: 1px #fff solid;}
    .index_news_list .index_news_xs .news_title{ font-size: 16px;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
    .index_news_list .index_news_xs .date{ font-size: 32px;text-align: center;padding: 6px;}
    .index_news_list .index_news_xs .year{ font-size: 12px;color: #fff;text-align: center;line-height: 1;}
    .index_news_list .index_news_xs span{ float: right; font-size: 12px; color: #fff; margin: 30px 0;}

    .index_video .video embed{height: 350px; }
    .index_video .video { margin:20px 0;}
    .index_video .video p{ text-align: center;font-size: 16px; margin-top: 10px;}


}

@media (min-width: 768px){
    section{padding:20px 0;}
    .margin_top {margin-top: 0;}
    .index_about .about_left{  background: url("../images/about-left.png")top center no-repeat;height: 538px;}
    .index_about .about_left p{ width:55%;margin-left: 40%;line-height: 2;margin-top: 10px;}
    .index_about .comp_intro .intro_brief{ line-height: 2;padding: 20px 0; margin-top: 5%;}
    .index_about .comp_intro .intro_brief p{ padding: 20px 0;}
    .index_about .comp_intro { border:10px #f8f8f8 solid;}
    .index_about .index_contact p{ font-size: 18px; color: #252742;padding:20px 15px 10px;}
   /* .index_about  form{width:60%; float:right;border:1px solid #252742; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fff;
        position:relative;padding:5px;margin-top: -15px;}
    .index_about  input[type='text']{background:transparent;border:0;font-size:12px;width: 91%;}
    .index_about  input[type='submit']{position:absolute;right:8px;top:1px;width:20px;background:transparent;border:0;height:100%;}
    .index_about  i{color: #252742;padding-right: 5px;}*/


    .index_pro{ background: url("../images/index_pro.png")top center no-repeat;}

    .index_pro .index_pro_list a.image{display: block;position:relative;}
    .index_pro  .index_pro_list li{ margin: 20px 0 30px;}
    .index_pro  .index_pro_list li img{ border-bottom: 3px #252742 solid; width: 100%;}
    .index_pro .index_pro_list .pro .index_title{position:absolute;width:100%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:81.5%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; padding: 20px ; color: #fff; font-size: 16px;text-align: center;overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .index_pro  .index_pro_list .pro .layer{position:absolute;width:100%;height:50%;top:50%;background: rgba(37, 39, 66, 1);left:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

    .index_pro  .index_pro_list .pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_list .pro:hover .layer span{ position:absolute;color: #fff; top:30%; left:0; font-size: 12px; padding:20px 8%;line-height: 2;}
    .index_pro  .index_pro_list .pro:hover .layer p{ position:absolute;color: #fff; top:12%; left: 8%; font-size: 16px;font-weight: bold;}
    .index_pro .index_pro_list  .pro:hover .index_title{ display: none;}


    .index_news .index_news_h{ padding: 20px 0 30px;}
    .index_news_list .index_news_xs{ background:url("../images/index_news_right.png")center no-repeat;}
    .index_news_list .index_news_right p{ color: #fff;font-size: 12px; padding:7px; line-height: 1.5;display: -webkit-box;
        -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;
    }
    .index_news_list .index_news_xs li{ padding:12px 0; float: left; border-bottom: 1px #fff solid;}
    .index_news_list .index_news_xsws_title{ font-size: 16px;overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;}
    .index_news_list .index_news_xs .date{ font-size: 32px;text-align: center;padding: 6px;}
    .index_news_list .index_news_xs .year{ font-size: 12px;color: #fff;text-align: center;line-height: 1;}
    .index_news_list .index_news_xs span{ float: right; font-size: 12px; color: #fff; margin: 30px 0;}

    .index_video .video embed{height: 350px; }

    .index_video .video { margin: 30px 0 20px;}
    .index_video .video p{ text-align: center;font-size: 16px; margin-top: 10px;}

}

@media (min-width: 992px){
    section{padding:30px 0;}
    .index_about .about_left{ background: url("../images/about-left.png")top center no-repeat;height: 538px;}
    .index_about .about_left p{ width:55%;margin-left: 40%;line-height: 2;margin-top: 10px;}
    .index_about .comp_intro { border: 5px #252741 solid;}
    .index_about .comp_intro .intro_brief{ line-height: 2;padding: 20px 0; margin-top: 10%;}
    .index_about .comp_intro .intro_brief p{ padding: 20px 0;}
    .index_about .index_contact p{ font-size: 18px; color: #252742;}
    /*.index_about  form{width:60%; float:right;border:1px solid #252742; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fff;
        position:relative;padding:5px;margin-top: -40px;}
    .index_about  input[type='text']{background:transparent;border:0;font-size:12px;width: 91%;}
    .index_about  input[type='submit']{position:absolute;right:8px;top:1px;width:20px;background:transparent;border:0;height:100%;}
    .index_about  i{color: #252742;padding-right: 5px;}*/

    .index_pro{ background: url("../images/index_pro.png")top center no-repeat;}

    .index_pro .index_pro_list a.image{display: block;position:relative;}
    .index_pro  .index_pro_list li{ margin: 20px 0 30px;}
    .index_pro  .index_pro_list li img{ border-bottom: 3px #252742 solid; width: 100%;}
    .index_pro .index_pro_list .pro .index_title{position:absolute;width:100%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:81.5%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; padding: 20px ; color: #fff; font-size: 16px;text-align: center;overflow: hidden;
        text-overflow:ellipsis;  white-space: nowrap;  }
    .index_pro  .index_pro_list .pro .layer{position:absolute;width:100%;height:50%;top:50%;background: rgba(37, 39, 66, 1);left:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

    .index_pro  .index_pro_list .pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_list .pro:hover .layer span{ position:absolute;color: #fff; top:30%; left:0; font-size: 12px; padding:20px 8%;line-height: 2;}
    .index_pro  .index_pro_list .pro:hover .layer p{ position:absolute;color: #fff; top:12%; left: 8%; font-size: 16px;font-weight: bold;}
    .index_pro .index_pro_list  .pro:hover .index_title{ display: none;}

    .index_news .index_news_h{ padding: 20px 0 30px;}


    .index_video .video embed{height: 350px; }
    .index_video .video { margin: 30px 0 20px;}
    .index_video .video p{ text-align: center;font-size: 16px; margin-top: 10px;}

}

@media (min-width: 1200px) {
    .index_about .about_left{  background: url("../images/about-left.png")top center no-repeat;height: 538px;}
    .index_about .about_left p{ width:55%;margin-left: 40%;line-height: 2;margin-top: 10px;}
    .index_about .comp_intro .intro_brief{ line-height: 2;padding: 8px 25px; margin-top: 1%;}
    .index_about .comp_intro .intro_brief p{ padding: 22px 0;}
    .index_about .comp_intro { border:10px #f8f8f8 solid;}
    .index_about .index_contact{ background: url("../images/con_bg.png")center no-repeat;margin-bottom: 11%;margin-top: 6.2%;}
    .index_about .index_contact p{ font-size: 18px; color: #252742;padding:20px 15px 10px 146px;}
    /*.index_about  form{width:60%; float:right;border:1px solid #252742; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fff;
        position:relative;padding:5px;margin-top: -40px;}
    .index_about  input[type='text']{background:transparent;border:0;font-size:12px;width: 91%;}
    .index_about  input[type='submit']{position:absolute;right:8px;top:1px;width:20px;background:transparent;border:0;height:100%;}
    .index_about  i{color: #252742;padding-right: 5px;}*/


    .index_pro{ background: url("../images/index_pro.png")top center no-repeat;}

    .index_pro .index_pro_list a.image{display: block;position:relative;}
    .index_pro  .index_pro_list li{ margin: 20px 0 30px;}
    .index_pro  .index_pro_list li img{ border-bottom: 3px #252742 solid; width: 100%;}
    .index_pro .index_pro_list .pro .index_title{position:absolute;width:100%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:81.5%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; padding: 20px ; color: #fff; font-size: 16px;text-align: center;overflow: hidden; text-overflow:ellipsis;  white-space: nowrap;  }
    .index_pro  .index_pro_list .pro .layer{position:absolute;width:100%;height:50%;top:50%;background: rgba(37, 39, 66, 1);left:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

    .index_pro  .index_pro_list .pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_list .pro:hover .layer span{ position:absolute;color: #fff; top:30%; left:0; font-size: 12px; padding:20px 8% 10px;line-height: 2; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}
    .index_pro  .index_pro_list .pro:hover .layer p{ position:absolute;color: #fff; top:12%; left: 8%; font-size: 16px;font-weight: bold;}
    .index_pro .index_pro_list  .pro:hover .index_title{ display: none;}

    .index_news .index_news_h{ padding: 20px 0 30px;}
    .index_news_list{ background:url("../images/index_news_bg.png")center no-repeat; padding: 20px 0;}
    .index_news_list .index_news_right p{ color: #fff;font-size: 12px; padding: 8px 5px; line-height: 2; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  }
    .index_news_list .index_news_right li{ padding: 15px 0; float: left; border-bottom: 1px #fff solid;}
    .index_news_list .index_news_right .news_title{ font-size: 16px;}
    .index_news_list .index_news_right .date{ font-size: 32px;text-align: center;padding: 6px;}
    .index_news_list .index_news_right .year{ font-size: 12px;color: #fff;text-align: center;line-height: 1;}
    .index_news_list .index_news_right span{ float: right; font-size: 12px; color: #fff; margin: 30px 0;}

    .index_video .video { margin: 30px 0 20px;}
    .index_video .video p{ text-align: center;font-size: 16px; margin-top: 10px;}
    .index_video .video embed{height: 350px; }
	.index_link h3{
		font-size:24px;
		display:inline-block;
	}
	.index_link a{
		display:inline-block;
		padding-right:15px;
	}
}