/*banner*/
.flexslider{border:none!important;background-color:rgba(0,0,0,0);margin: 0;border-radius: 0;overflow: hidden;width: 100%;}
.flex-control-nav{z-index: 99;bottom: 10px;}
.flex-control-paging li a{background: #1e4564;width: 12px;height: 12px;}
.flex-control-paging li a.flex-active{background: #b70015;width: 35px;}
.flexslider .slides li img{max-width: 100%;width:100%;float: left;cursor: pointer;}
.flex-direction-nav{display: none;}

.flexslider .banner-p {position: absolute; width: 27%; bottom:26%; left: 22%;}
.flexslider .banner-p p{  font-size: 19px;  text-align: justify;  line-height: 30px; color: #fff; }
.flexslider .banner-p h4{  font-size: 24px;  text-align: justify;  line-height: 41px;color: #fff;  }
.flexslider .banner-p h3{  font-size: 17px;  text-align: justify;  line-height: 31px;color: #fff;margin-top: 40px;font-weight: normal;}
.flexslider .banner-p a{padding: 10px 30px;background-color: #de2413;color: #fff;margin-top: 20px;border-radius:20px;display: inline-block;}
.mobile{display: none!important;}
/*p1*/
.p1{padding-bottom: 5.5%;}
.p1 div div{width: 47%}
.p1 div div p{color: #676767;font-size: 15px;line-height: 36px;}
.more{font-size: 14px;color: #b70015;margin-top: 15px;}
/*p2*/
.p2{background-color: #c0c0c0;padding-bottom: 5.5%;}
.p2>div:nth-of-type(2){width: 50%;margin-left: 25%;text-align: center;}
.p2>div:nth-of-type(2) p{font-size: 15px;color: #5b5b5b;}
.more2{padding: 7px 25px;color: #fff;background-color: #de2413;border-radius: 20px;font-size: 14px;margin: 15px 0;transition: 340ms;display: inline-block;border:1px solid #de2413;}
.more2:hover{color: #de2413;background-color: transparent;border: 1px solid #de2413;}

.p2 img{margin:0 auto;    display: block;}

/*p3*/
.p3{background-color: #f5f5f5;padding-bottom: 4%;overflow: hidden;width: 100%;}
.wel-case-list{border:none!important;background-color:rgba(0,0,0,0);margin: 0;border-radius: 0;width: 100%;position: relative;}
.wel-case-list .flex-viewport {
    overflow: visible !important
}

.wel-case-list .slides li {
    overflow: hidden;
    position: relative;
    float: left;
    width: 420px;
    margin-right: 20px;
    padding-bottom: 50px;
}
.wel-case-list .slides li a img{ transition: all .5s ease-out 0s;}
.wel-case-list .slides li:hover a img{    transform: scale(1.05,1.05);}
.wel-case-list .slides li a{display: block;text-align: center;}
.wel-case-list .slides .con {
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    margin: 3% auto;
    transition: bottom .3s
}

.wel-case-list .slides .tit_i {
    font-size: 18px;
    line-height: 25px;
    color: #4a4a4a;
    font-weight: bold;
    text-align: center;
}

.wel-case-list .slides .en {
    font-size: 16px;
    color: #a5a5a5;
    line-height: 24px;
    min-height: 24px;
    text-align: center;
}
.wel-case-list .flex-direction-nav a {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 66px;
    height: 77px;
    margin: -38px 0 0;
    text-shadow: none;
    background-size: 100% !important;
    transition: background .3s;
    z-index: 99;
    top: 37%;
    text-indent: -999em;
    overflow: hidden;
}

.wel-case-list .flex-direction-nav a:before {
    font-size: 0
}

.wel-case .flex-viewport {
    overflow: visible !important
}

.wel-case-list .flex-direction-nav .flex-prev {
    background: url(../images/a32.png) no-repeat center;
    left: -45px
}

.wel-case-list .flex-direction-nav .flex-next {
    background: url(../images/a33.png) no-repeat center;
    right:-45px;
    text-align: center;
}

.wel-case-list .flex-direction-nav .flex-prev:hover {
    background: url(../images/a32_h.png) no-repeat center
}

.wel-case-list .flex-direction-nav .flex-next:hover {
    background: url(../images/a33_h.png) no-repeat center
}
.wel-case-list .flex-control-nav {
    bottom: -9px;
}
.wel-case-list .flex-control-nav li a {
    width: 12px;
    height: 12px;
    background: url(../images/btn01.png) no-repeat center;
    background-size: 100% 100%;
    transition: background .3s;
    box-shadow: none;
}
.wel-case-list .flex-control-nav li a:hover, .wel-case-list .flex-control-nav li a.flex-active {
    background: url(../images/btn01_h.png) no-repeat center;
    background-size: 100% 100%;
    box-shadow: none;
}
.wel-case-list .flex-direction-nav{display: block;}
/*p4*/
.p4{padding-bottom: 2.5%;}

.news>ul li{display: inline-block;margin: 0 20px;cursor: pointer;font-size: 17px;}
.news>ul li.on{color: #b70015;border-bottom:2px solid #b70015;padding-bottom: 10px;}
.news_box{margin-top: 1.5%;display: none;}
.news_left{width: 48%;border: 1px solid #c9c9c9;height: 522px;transition: box-shadow .3s;}
.news_left:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.news_left img{max-width: 100%;display: block;width: 100%;}
.news_left div{padding: 20px;}
.news_left h4{font-size: 16px;font-weight: normal;color: #3d3d3e;margin-bottom: 10px;}
.news_left p{font-size: 14px;color: #8a8a8a;line-height: 25px;}

.news_right{width: 50%;}
.news_right li a div:nth-of-type(1){width: 176px;height: 132px;margin-right: 20px;float: left;}
.news_right li{border: 1px solid #d0d0d0;margin-bottom: 15px;padding: 15px;transition: box-shadow .3s;}
.news_right li:nth-of-type(3){margin-bottom: 0;}
.news_right li:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.news_right p{color: #8c8c8c;line-height: 25px;font-size: 14px;}
.news_right .news-title{color: #333;margin-bottom:10px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_right .news-con{font-size: 14px;line-height: 25px;margin-top: 20px; max-height: 58px;overflow: hidden;color: #8a8a8a;}


@media only screen and (max-width: 1430px){
    .flexslider .banner-p {
        bottom: 16%;
        left: 18%;
    }
    .flexslider .banner-p p {
        font-size: 16px;
        line-height: 28px;
    }
    .flexslider .banner-p h4 {
        font-size: 20px;
        line-height: 36px;
    }
    .flexslider .banner-p h3 {
        font-size: 15px;
        line-height: 30px;
        margin-top: 15px;
    }

    .wel-case-list .flex-direction-nav a {
        width: 44px;
        height: 51px;
        margin: -25px 0 0;
    }
    .wel-case-list .flex-direction-nav .flex-prev {
        left: 50px;
    }
    .wel-case-list .flex-direction-nav .flex-next {
        right: 50px;
    }
    .wel-case-list .slides li{padding-bottom: 25px;}

    .p1 {padding-bottom: 3.5%;}
    .p3{padding-bottom: 2%}

    .p1 div div p{overflow: hidden;}
}
/*ipad*/
@media only screen and (max-width: 1023px){
    /* .banner-p,.pc{display: none!important;} */
    .mobile{display: block!important;}
    .wel-case-list .flex-direction-nav .flex-prev {
        left: 0;
    }
    .wel-case-list .flex-direction-nav .flex-next {
        right: 0;
    }
    .wel-case-list .slides li{padding-bottom: 16px;}
	.p2>div:nth-of-type(2) p {width: 84%; margin: 0 auto;}
	.news>ul li{    font-size: 14px;}
}
@media only screen and (max-width: 639px){
    .flexslider .flex-control-nav{display: none;}
    .news_right li a div:nth-of-type(1){display: none;}
    .news_right li a div:nth-of-type(2){width: 100%;}

    .wel-case-list .slides .tit_i,.wel-case-list .slides .en{font-size: 14px;}
    .flexslider .slides li img{    width: 140%;
        margin-left: -20%;
        max-width: 140%;}
}

@media (max-width: 480px){

}

