@charset "utf-8";
#banner{height:894px;}
#banner a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.index_box{width:990px;margin:0px auto;text-align:center;}
.index_box>dt>p:nth-child(1){color:#222;font-size:22px;}
.index_box>dt>p:nth-child(2){color:#333;font-size:14px}
.index_box>dd>ul>li{ display:inline-block;width:32%;margin: 0 0.5%;}

.index_about{background:url(../images/home/about_bg.jpg) center;height:411px;background-size:cover;color:#fff;}
.index_about>dt{font-size:26px;text-align:right;width:1400px;margin:0px auto;}
.index_about>dd{font-size:16px;text-align:right;width:1400px;margin:0px auto;}
.index_about>dd a{color:#fff;border: 1px #fff solid;display:inline-block;padding:10px 20px}

.index_pic .thumb{ position: relative;padding-top: 75%;overflow: hidden;margin-right: 1px ;margin-bottom: 1px ;}
.index_pic .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index_pic .thumb .bgcolor{ position: absolute;left: 0;top: 0; background: #000;opacity: 0;width: 100%;height: 100%;}
.index_pic .thumb .mask{ position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px; }
.index_pic .thumb .mask i.line_l{ position: absolute;height: 0;width: 1px;background: #ffffff;left: 0;bottom: 0;}
.index_pic .thumb .mask i.line_t{ position: absolute;width: 0;height: 1px;background: #ffffff;left: 0;top: 0;}
.index_pic .thumb .mask i.line_r{ position: absolute;height: 0;width: 1px;background: #ffffff;right: 0;top: 0;}
.index_pic .thumb .mask i.line_b{ position: absolute;width: 0;height: 1px;background: #ffffff;right: 0;bottom: 0;}
.index_pic .thumb h4{ -webkit-transition-delay: .2s;transition-delay: .2s; transform: rotate(8deg); opacity: 0; color: #ffffff;position: absolute;height: 30px;line-height: 30px;top: 40%;margin-top: -15px;left: 15%;overflow: hidden;width: 70%;text-align: center;font-size: 1.2em;font-weight: normal;}
.index_pic .thumb h4.odd{ transform: rotate(-8deg); }
.index_pic:hover .thumb .bgcolor{ opacity: 0.6;}
.index_pic:hover .thumb .mask i.line_l,.index_pic:hover .thumb .mask i.line_r{ height: 100%;}
.index_pic:hover .thumb .mask i.line_t,.index_pic:hover .thumb .mask i.line_b{ width: 100%;}
.index_pic:hover .thumb h4{ opacity: 1;top: 50%;transform: rotate(0);}
.cms_tran{ -webkit-transition: all .5s  ease-out;transition: all .5s  ease-out;}
.cms_tran_in{ -webkit-transition: all .5s  ease-in;transition: all .5s  ease-in;}


.index_pro{width:1100px;margin:0px auto;}
.index_pro_title{float: left;}
.index_pro_title>h1{font-size: 24px;color:#363535; font-weight: normal}
.index_pro_title>em{font-size: 13px;color:#ababab; font-style: normal}
.index_pro>dt>ul{float: right;}
.index_pro>dt>ul>li{ display: inline-block;color:#595959;font-size: 14px;line-height:36px; }
.index_pro>dt>ul>li a{color:#595959; font-size: 14px; line-height:36px;margin:10px 15px 0px 15px; padding: 0px 10px;border-bottom: 1px #e5e5e5 solid;display: inline-block;}

.index_pro>dd li{float:left;width:32%;padding-top:2%;padding-right:2%;}
.index_pro>dd li:nth-of-type(3n){padding-right:0px;}
/* .index_pro>dd li:nth-child(4) .thumb,.index_pro>dd li:nth-child(5) .thumb,.index_pro>dd li:nth-child(6) .thumb{height:437px;padding-top:0;} */

.index_pro_t a{color:#2d2d2d;font-size:18px;}
.index_pro_t a em{font-size: 14px;line-height:24px;color:#ababab; font-style: normal; display: block;}


.index_news_bg img{width: 100%;}


.index_news{width:1100px;margin:0px auto;}
.index_news_title>h1{font-size: 24px;color:#363535; font-weight: normal}
.index_news_title>em{font-size: 13px;color:#ababab; font-style: normal}
.index_news_swiper{width:100%;position:relative;}
.index_news_swiper .swiper-slide{border-top: 1px #e0e0e0 solid;}
.index_news_dd_time{color:#adadad;font-size:11px;width:100%;}
.index_news_dd_title{color:#383838;font-size:20px;width:50%;float:left;}
.index_news_dd_content{color:#929292;font-size:15px;width:50%;float:right;text-align:right;}
.index_news_swiper .swiper-button-prev{right:40px;left:auto;top:-50px;width:8px;height:20px;background-size:100%;}
.index_news_swiper .swiper-button-next{right:0;top:-50px;width:8px;height:20px;background-size:100%;}


@media screen and (max-width: 1200px) {
    .index_about>dt,.index_about>dd{width:auto;padding:0px 20px;}

}

@media screen and (max-width: 768px) {
    #banner{height:187px;margin-top:50px;}
    .index_box{ width: 100%;}
    .index_box>dt>p:nth-child(1){font-size:16px;}
    .index_box>dt>p:nth-child(2){font-size:12px;padding:0px 10px;}
    .index_box>dd>ul>li{width:30%;}
    .index_about{height:auto;}
    .index_about>dt,.index_about>dd{font-size:12px};
    .index_about>dd a{padding:5px 15px;margin-top:15px;}
    .index_pro{width:95%;}
    .index_pro_title,.index_pro>dt>ul{width:100%;}
    .index_pro_title>h1{float:left;font-size:16px;}
    .index_pro_title>em{float: right;line-height: 36px;}
    .index_pro>dt>ul>li{width:50%;float:left;}
    .index_pro>dt>ul>li a{ display: block;text-align: center; padding: 0px;margin:7px 10px;border: 1px #e5e5e5 solid;}
    .index_pro>dd li{width:48%;padding-left:1%;padding-right:1%;}
    /* .index_pro>dd li:nth-child(5),.index_pro>dd li:nth-child(6){display: none;} */
    .index_pro_t a{font-size:14px;}
    .index_pro_t a em{font-size:12px;line-height:14px;}

    .index_news{width:95%;}
    .index_news_dd_title,.index_news_dd_content{width:100%;text-align:left;font-size:12px;}
    .index_news_title>h1{font-size:16px;}
    .index_news_title>em{font-size:12px;}
    .index_news_swiper .swiper-button-prev,.index_news_swiper .swiper-button-next{top:-10px;}
}