﻿.web{display: block;}
.mobil{display: none;}
.full_pic img{display: block;width: 100%;height: 100%;margin: 0 auto;}

.w_1200{width: 1200px;margin:0 auto;overflow: hidden;}
.mb10{margin-bottom:10px;}
.mt30{margin-top: 30px;}
/*head*/
.head{padding-top: 26px;}
.w_head{min-height: 73px;background-image:url("../images/logo.jpg");background-position: 25px center;background-repeat: no-repeat;}
.w_head ul{display: block;text-align: right;margin-right: 10px;}
.w_head ul li{display: inline-block;}
.w_hlaug li{padding: 5px 0;}
.w_hlaug li:first-child{color: #931111}
.w_hlaug li+li a{border-left: 1px #931111 solid;}
.w_hlaug a{padding: 0 12px;height: 20px;font-size: 14px;color: #666666;}
.w_hlaug li:hover a,.w_hlaug li.active a{color: #931111;}
.w_hnav li{border-bottom: 5px transparent solid;}
.w_hnav a{display: block;width: 100px;padding-bottom:25px;padding-top:12px;line-height: 30px;text-align: center; font-size: 16px;color: #1e1c1c;}
.w_hnav li:hover,.w_hnav li.active{border-color: #931111;}
.w_hnav li:hover>a,.w_hnav li.active a{color: #931111;}

.w_head{overflow: inherit;}
.w_head li{position: relative;}
.w_head .navSub{display: none;position: absolute;top: 72px;width: 100%;padding: 10px 0;z-index: 99;background: #931111;}
.w_head .navSub>a{padding: 6px 0;line-height: 36px;display: block;color: #fff;}
.w_head .navSub>a:hover{background: #b12626;}

.w_head li:hover .navSub{display: block}
.w_hnav li.active .navSub>a{color: #fff;}
/*footer*/
.footer{padding: 35px 0;background-image:url("../images/footer.jpg");background-position: center center;background-repeat: repeat;}
.w_footer{position: relative;height: 82px;}
.w_fcenter{position: absolute;left: 0;right: 0;text-align: center;height: 100%;}
.w_fcenter .w_fdes{position: relative;display: table;height: 100%;margin: 0 auto;padding: 0 0 0 225px;vertical-align: middle;text-align: left;line-height: 20px;font-size:14px;color: #fff;}
.w_fcenter .w_fdes div{display: table-cell;vertical-align: middle;}
.w_fcenter .w_flogo{position: absolute;top: 0;left: 0;width: 210px;height: 82px;border-right: 1px #3e3e3e solid;background:url("../images/logo_w.png") left center no-repeat;}


/*轮播大图*/
.slideBox{position:relative;width:100%;height:593px;margin: 0 auto;overflow:hidden;}
.slideBox .hd{position:absolute;right:0;left: 0;bottom:5px;text-align: center;height:15px; overflow:hidden; z-index:1; }
.slideBox .hd ul{display: block;overflow:hidden; zoom:1;}
.slideBox .hd ul li{ display: inline-block;width:15px; height:15px; line-height:14px;margin: 0 5px;border-radius: 15px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#931111; }
.slideBox .bd{position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:593px; }
.slideBox .bd img{ width:100%; height:593px; display:block;  }
.slideBox .bd li a{height:593px; display:block;  }

.content{}

.w_index_des{padding: 50px 43px 40px 43px;}
.ides_fl{float: left;width: 65%;}
.ides_fl h3{font-size: 26px;color: #931111;line-height: 26px;}
.ides_fl p{margin: 10px 0; color: #333;line-height: 26px;}
.ides_fl a{display: block;width: 118px;height: 44px;line-height: 42px; color: #fff;text-align: center;border:1px #e1e1e1 solid;background:#931111;}
.ides_fl a:hover{border-color: #931111;background: #fff;color: #931111;}
.ides_fr{float: right;width: 44%;max-width: 306px;}
.ides_fr li{padding: 15px 20px;margin-top: 10px; line-height: 26px;border:1px #e2e2e2 solid;color: #999;cursor: pointer;}
.ides_fr li+li{margin-top: 15px;}
.ides_fr p{font-size: 16px;color: #333;text-align: justify;}
.ides_fr div{position: relative;padding-left: 60px;}
.ides_fr div i{position: absolute;top: 50%;left: 0;width: 40px;height: 40px;transform: translateY(-50%);background-size: 40px 40px;background-repeat: no-repeat;}
.ides_fr div i.icon_email{background-image: url("../images/email.png");}
.ides_fr div i.icon_tel{background-image: url("../images/tel.png");}
.ides_fr li:hover{border-color: #931111; color: #931111;}
.ides_fr li:hover i.icon_email{background-image: url("../images/email_h.png");}
.ides_fr li:hover i.icon_tel{background-image: url("../images/tel_h.png");}

.pt65Box{width: 100%;height: 65px;overflow: hidden;background: #fff;}
.w_index_pro{width: 100%;height: 355px;background-image:url("../images/bg.jpg");background-position: center center;background-repeat: repeat;}
.w_index_pro .w_1200{position: relative;overflow: inherit;}
.w_index_pro ul.list_pro{position: absolute;top: -65px;overflow: hidden;}
.list_pro li{position: relative;float: left;width: 280px;height: 355px;}
.list_pro li+li{margin-left: 26.5px;}
.list_pro li i{display: none;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 0;background: url("../images/shadow.png");
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-animation: slideDwon 0.35s;
 animation: slideDwon 0.35s;
animation-fill-mode: forwards;}

.pro_name{position: absolute;bottom: 0;left: 0;right: 0;padding: 15px 0 50px 0;line-height: 20px;text-align: center;color: #fff;background: url("../images/shadow.png");}
.pro_name:after,
.pro_all:after{content: "";position: absolute;bottom: 15px;left: 0;right: 0;margin: 0 auto;width: 35px;height: 35px;background: url("../images/down.png") center center no-repeat;background-size: 100% 100%;}

.pro_all{display: none;position: absolute;top: 50%;left: 0;right: 0;width: 100%;padding: 0 23px 50px 23px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-animation: slideDwonBox 0.35s;
 animation: slideDwonBox 0.35s;
animation-fill-mode: forwards;}
.pro_all h3{font-size: 20px;font-weight: normal;color: #fff;}
.pro_all p{padding: 10px 0;line-height: 20px;font-size: 12px;color: #fff;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}
.list_pro li:hover .pro_name{display: none;}
.list_pro li:hover i{display: block;-webkit-transition: all 0.35s;transition: all 0.35s;}
.list_pro li:hover .pro_all{display: block;-webkit-transition: all 0.35s;transition: all 0.35s;}

/*ipage*/
.ipages{min-height: 670px;padding: 90px 0;background: #f7f7f7;}
.ipages_title{margin-left: 8%;}
.ipages_txt{width: 66%;margin: 15px auto;line-height: 26px;text-indent: 28px;color: #333;text-align: justify;}
.ipages_txt p{padding: 5px 0;}
/*企业介绍*/
.list_intr{text-align: center;}
.list_intr li{display: inline-block;width: 479px;height: auto;margin: 20px 35px;background: #fff;}
.list_intr .list_intr-txt{line-height: 26px;padding: 15px 0;}
.list_intr .list_intr-txt p{font-size: 18px;color: #333;}
.list_intr .list_intr-txt span{display: inline-block;font-size: 12px;color: #d4d4d4;}
/*企业优势*/
.list_adv{text-align: center;}
.list_adv li{display: inline-block;width: 254px;height: 327px;margin: 30px 44px; color: #fff;background: #ef8f89;}
.list_adv li:nth-of-type(3n-1){background: #1f3e97}
.list_adv li:nth-of-type(3){background: #c8927e}
.list_adv li h3{font-size: 24px;line-height: 24px;padding: 33px 0;}
.list_adv li div{height: 119px;}
.list_adv li p{height: 116px;padding:20px 25px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
/*合作伙伴*/
.list_fri{display: block;}
.list_fri li{float: left;position: relative;width: 264px;height: 90px;margin: 25px 18px;border:1px #dfdfdf solid;background: #fff;webkit-transition: all 0.35s;transition: all 0.35s;}
.list_fri li img{display: block;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);}
.list_fri li:hover{box-shadow: 6px 6px 6px #999;text-shadow:2px 2px 2px #333;-webkit-transform: scale(1.03);transform: scale(1.03);opacity: 0.8;}
/*产品介绍*/
.pro_nav{width: 90%;margin: 20px auto;}
.pro_nav li{float: left;width: 35px;font-size: 16px;line-height: 35px;text-align: center;}
.pro_nav li a{position: relative;display: block;width: 100%;height: 100%;color: #f7f7f7;background: #525252;-webkit-transition: all 0.35s;transition: all 0.35s;}
.pro_nav li a:after{content: "";position: absolute;bottom: -5px;left: 0;right: 0;width: 0;margin: 0 auto;border-top: 5px #931111 solid;border-right: 5px transparent solid;border-left: 5px transparent solid;-webkit-transition: all 0.35s;transition: all 0.35s;opacity: 0;}
.pro_nav li+li{width: 18%;max-width: 210px;margin-right: 1px;}
.pro_nav li+li a{background: #d0d0d0;}
.pro_nav li:hover a,.pro_nav li.active a{background: #931111;}
.pro_nav li:hover a:after,.pro_nav li.active a:after{opacity: 1;}

.pro_cate{width: 90%;margin: 25px auto 0 auto;}
.pro_cate li{float: left;width: 22.5%;max-width: 244px;margin:5px 15px;-webkit-transition: all 0.35s;transition: all 0.35s;}
.pro_cate li:nth-of-type(4n+1){margin-left: -15px;}
.pro_cate li a{display: block;width: 100%;height: 100%;}
.pro_cate li div{width: 100%;height: 265px;}
.pro_cate li div img{-webkit-transition: all 0.35s;transition: all 0.35s;}
.pro_cate li p{height: 60px;line-height: 20px;color: #333;padding: 0 5px;margin: 10px 0;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pro_cate li:hover p{color: #931111;}
.pro_cate li:hover img{-webkit-transform: scale(1.03);transform: scale(1.03);}




@keyframes slideDwon {
    0%{height: 0;opacity: 0;}
    100%{height: 100%;opacity: 1;}
}
@-webkit-keyframes slideDwon {
    0%{height: 0;opacity: 0;}
    100%{height: 100%;opacity: 1;}
}

@keyframes slideDwonBox {
    0%{transform: translateY(0);opacity: 0;}
    100%{transform: translateY(-50%);opacity: 1;}
}
@-webkit-keyframes slideDwonBox {
    0%{transform: translateY(0);opacity: 0;}
    100%{transform: translateY(-50%);opacity: 1;}
}





@media screen and (max-width: 1210px) {
}

@media screen and (min-width:785px) and (max-width: 1200px){
    body{min-width: 1200px;}
    .slideBox{width: 1200px;}
}
@media screen and (min-width:1440px) and (max-width: 1599px){
    
}
@media screen and (min-width:320px) and (max-width: 780px){
    .web{display: none;}
    .mobil{display: block;}
    .head{padding:0;}
    .footer{padding: 15px 0;}
    .m_mobil{max-width: auto;width: 100%;}
    .pt65Box{display: none;}
    /*content*/
    .w_index_des{padding: 15px 10px;}
    .ides_fl{float: none;width: 100%;}
    .ides_fr{float: none;width: 100%;margin: 0 auto;}
    .w_index_pro{height: auto;padding: 10px 0;}
    .w_index_pro .w_1200{width: 100%;}
    .w_index_pro ul.list_pro{position: initial;}
    .list_pro li{float: none;margin: 10px auto;}
    .list_pro li+li{margin: 10px auto;}
    /*ipages*/
    .ipages{padding: 20px 0;min-height: auto;}
    .ipages_title{width: 95%;margin: 0 auto;}
    .ipages_title img{display: block;width: 100%;height: auto;margin: 0 auto;}
    .list_fri li{float: none;margin: 25px auto;}
    .list_intr li{width: 85%;margin: 20px auto;}
    .pro_cate{width: 100%;padding: 0 10px;}
    .pro_cate li{float: none;margin: 0 auto !important;width: 100%;}
}
