@charset "utf-8";

.content{background:url(../images/nei-bg_01.png) center top no-repeat,url(../images/nei-bg_02.png) center bottom no-repeat; background-size: 100% auto;
	/*min-height: 600px;*/ /*padding-bottom: 40px;*/}
.about{max-width: 1200px;margin:0 auto;padding: 30px 15px;}
.about .about-head {height: 60px;text-align: center;height: 80px;
	background:url(../images/about-tit-bottom.jpg) center bottom no-repeat;}
.about .about-head h2{line-height: 80px;color: #5a5958;}
.about .about-main{padding:20px 0;}
.about .about-main .item {/*margin:10px 0;*/}
.about .about-main .item h3{max-width: 530px;font-size: 20px;color: #e40b4d;line-height: 50px;margin:8px 0;}
.about .about-main .item .text{max-width: 500px;line-height: 30px;font-size: 14px;}
.about .honor h3{font-size: 20px;color: #e40b4d;line-height: 50px;}

.swiper-container {
    width: 100%;
    /*height: 100%;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /*display: flex;*/
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    /*height: 100%;*/
    position: relative;
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #e40b4d !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #acacab;
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev,.swiper-button-next {
    background-image: url(../images/min_icon.png);
    background-repeat: no-repeat;
    width: 39px;
    height: 68px;
    display: block;
}

.swiper-button-prev {
    background-position: -362px -80px;
    left: 10px;
    right: auto;
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-position: -441px -80px;
    right: 10px;
    left: auto;
}

.honor-list .swiper-slide {
    padding: 30px 50px 0 50px;
}

.honor-list .swiper-slide ul {
    width: 100%;
}

.honor-list .swiper-slide ul li {
    float: left;
    padding:0 15px;
    /*margin: 0 5px;*/
}

.honor-list .swiper-slide ul li a img {
    margin: 0;width: 100%;
}

.honor-list .swiper-slide ul li p {
    line-height: 20px;
    padding-top: 10px;
    font-size: 16px;
}

.honor-list .swiper-pagination {
    display: none;
}

.cases{margin:0 auto;padding-top: 50px;border-left:1px solid #777;}
.cases .item{width:25%;float:left;border:1px solid #777;border-left:none;position:relative;}
.cases .item img{width:100%;}
.cases .item .menu{width: 250px;height: 60px;font-size: 18px; line-height: 60px;position: absolute;background:#fff; top:35px;z-index:111;left:50%;margin-left:-125px;}
.cases .item .menu .current{border:1px solid #666;cursor: pointer;height: 60px;overflow: hidden;}
.cases .item .menu .current p{display:block;padding:0 20px;}
.cases .item .menu.on .current{background-color:#c7000b;color:#fff;}
.cases .item .menu i{
	position: absolute;right: 15px;cursor: pointer;
	top:50%;margin-top: -6px;
	border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #333;
    z-index:1;
}
.cases .item .menu.on i{
	border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #fff; 
    z-index:1000;
}
.cases .item .menu dl{border-left:1px solid #999;border-right:1px solid #999;background-color:rgba(0,0,0,0.7); display: none;position: absolute;z-index: 999;width: 100%;}
.cases .item .menu dl dt,.item .menu dl dd{font-weight: normal;line-height: 60px;border-bottom:1px solid #999;cursor:pointer; }
.cases .item .menu dl dt p{padding:0 20px;color:#fff;}
.cases .item .menu dl a{color:#fff;display: block;padding:0 20px;}
.cases .item .menu dl a:hover{background-color:#c7000b; }


.case{margin:0 auto;padding: 30px 0px;max-width:1200px;padding:30px 0;}
.case .menu-head {text-align: center;}
.case .menu-head .menu{width: 250px;height: 60px;font-size: 18px; float: left;line-height: 60px;position: relative;background:#fff;margin-left: 61px;}
.case .menu-head .menu a{font-size: 18px; color:#242323;}
.case .menu-head .menu a:focus{text-decoration: none;}
.case .menu-head .menu:nth-child(1){margin-left: 0;}
.case .menu-head .menu .current{border:1px solid #666;cursor: pointer;height: 60px;overflow: hidden;}
.case .menu-head .menu .current a{display:block;}
.case .menu-head .menu i{
	position: absolute;right: 15px;cursor: pointer;
	top:50%;margin-top: -6px;
	border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #333;
    z-index:1;
}

.case .menu-head .menu dl{border-left:1px solid #333;border-right:1px solid #333;background-color:rgba(0,0,0,0.7); display: none;position: absolute;z-index: 999;width: 100%;}
.case .menu-head .menu dl dt,.menu-head .menu dl dd{font-weight: normal;border-bottom:1px solid #999; }
.case .menu-head .menu dl a{color:#fff;display: block;line-height:30px; padding:15px;}
.case .menu-head .menu dl a:hover{background-color:#c7000b; }
.case .menu-head .menu dl dt a.in,.menu-head .menu dl dd a.in{color:#fff;background-color:#c7000b; }
.case .menu-head .menu.active .current,.menu-head .menu .current.in{border:1px solid #c7000b;color:#c7000b;}
.case .menu-head .menu.active .current a,.menu-head .menu .current.in a{color:#c7000b;}
.case .menu-head .menu.active i{
	border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
	border-left: 12px solid #c7000b;
    z-index:1;
}   
.case .menu-head .menu.on i{
	border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #fff; 
    z-index:1000;
}
.case .menu-head .menu.on .current{background-color:#c7000b; color:#fff;border-color:#333;}
.case .menu-head .menu.on .current a{color:#fff;}
.case .menu-head .menu.on dl{/*display: block;*/}
/*.menu-head .menu.on dl dt.in{display:none;}*/


.case .case-list{padding:30px 0;}
.case .case-list ul li{width: 380px;margin-bottom:30px; margin-left: 22px; float: left;position:relative;}
.case .case-list ul li.le{margin-left: 0;}
.case .case-list ul li .pic img{max-width: 100%;}
.case .case-list ul li .text{position:absolute;display:none ; z-index: 9; left: 0;top:0;width: 100%;height: 100%;color:#fff;background-color: rgba(245,51,65,0.5);}
.case .case-list ul li .text .txt{width: 100%;padding:0 20px;text-align: center;position: absolute;/*bottom: 20%;*/top:50%;}
.case .case-list ul li .text .txt h3{font-size: 20px;line-height: 32px;padding:20px 0;}
.case .case-list ul li .text .txt a{display: block;width: 160px; height: 60px;border:1px solid #fff; padding:8px 10px;margin:0 auto;color:#fff;font-size: 16px;}
.case .case-list ul li .text .txt a span{display: block;height: 100%;width: 100%; background-color: #000;line-height:44px;}
.case .case-list ul li:hover .text{display: block;}
.caseshow{padding:30px 0;max-width: 1200px; margin:0 auto;}
.caseshow .caseshow-head {text-align: center;padding-bottom: 10px; border-bottom: 1px solid #4b4a4a;}
.caseshow .caseshow-head h2{font-size: 20px;color:#4b4a4a;line-height: 40px;}
.caseshow .caseshow-head p{line-height: 20px;}
.caseshow .caseshow-main{padding: 30px 20px;text-align:center;}
.caseshow .caseshow-main img{max-width:100%;}
.caseshow .caseshow-main p{max-width: 100%;margin:auto;font-size: 14px;line-height: 24px;}
.caseshow .caseshow-box{text-align: center;}
.caseshow .caseshow-box a{width: 138px;height: 45px;display:inline-block;margin:0 20px; border:1px solid #c00000;border-radius: 10px; line-height: 45px;font-size: 16px;color:#403f3f;}
.caseshow .caseshow-box a:hover{background-color:#c00000;color:#fff;}
.caseshow .caseshow-box span{width: 138px;height: 45px;display:inline-block;margin:0 20px; border:1px solid #666;border-radius: 10px; line-height: 45px;font-size: 16px;color:#403f3f;}

.viewpoint {max-width: 1200px;margin:0 auto;padding: 30px 0px 50px 0;}
.viewpoint .viewpoint-head {height: 60px;text-align: center;height: 80px;
	background:url(../images/about-tit-bottom.jpg) center bottom no-repeat;}
.viewpoint .viewpoint-head h2{line-height: 80px;color: #5a5958;}

.viewpoint .video-list{padding:40px 0 20px 0;}
.viewpoint .video-list ul li{padding:0 8px;}
.viewpoint .video-list ul li .pic img{max-width: 100%;}
.viewpoint .video-list ul li .text{height: 70px;padding:15px 0; line-height: 20px;font-size: 16px;text-align: center;}
.viewpoint .video-list ul li .text a{color:#555454;}

.viewpoint .article-list{padding:40px 0 20px 0;}
.viewpoint .article-list ul li{width:100%;margin-bottom:30px;padding:20px;border:1px solid #565656; }
.viewpoint .article-list ul li .pic{width: 350px;float: left;margin-right: 25px;}
.viewpoint .article-list ul li .pic img{max-width: 100%;}
.viewpoint .article-list ul li .text{margin-left: 375px;}
.viewpoint .article-list ul li .text h3{line-height: 50px;}
.viewpoint .article-list ul li .text h3 a{font-size: 18px;color:#424142;}
.viewpoint .article-list ul li .text p{line-height: 24px;font-size: 14px;}

.viewpoint .more{width:100%;height:65px;margin-bottom:25px;}
.viewpoint .more a{display:block;width:230px;height:65px;line-height:65px;font-size:24px;text-align:center;color:#fff; background:#626262;margin:auto;}

.news{max-width: 1200px;margin:0 auto;padding: 40px 0px;}
.news .menu-head {text-align: center;}
.news .menu-head .menu{max-width:250px; width:100%;height: 60px;font-size: 18px;line-height: 60px;position: relative;background:#fff; margin:0 auto;float:none;}
.news .menu-head .menu a{font-size: 18px; background:#fff;color:#242323;}
.news .menu-head .menu .current{border:1px solid #666;cursor: pointer;height: 60px;overflow: hidden;}
.news .menu-head .menu .current a{display:block;} 
.news .menu-head .menu.active a{background:#c7000b;color:#fff;}
.news .menu-head .menu.active .current{border:1px solid #c7000b;}
.news .news-list{padding:40px 0;}
.news .news-list ul li{padding:0 8px;}
.news .news-list ul li .pic img{max-width: 100%;}
.news .news-list ul li .text{height: 70px;padding:15px 0; line-height: 20px;font-size: 16px;text-align: center;}
.news .news-list ul li .text a{color:#555454;}
.news .news-list ul li:hover .text a{color:#ef091f;}

.contact-banner{position: relative; height: 450px; }
.banner-img{position:absolute;/*background:url(../images/contact-banner.jpg) center center no-repeat;background-size:auto 100%;*/width: 100%; height: 100%; }
.messagediv{position:absolute; width: 1200px;height: 100%;left: 50%;margin-left: -600px;}
.messagediv .messagepost{position:absolute; width: 440px;right:0;height: 100%; background-color: rgba(126,9,6,0.6);padding:30px;}
.messagepost .form-group{margin-left:0;margin-right:0;}
.messagepost .control-text textarea{height: 140px;}
.messagepost .form-group .control-btn{text-align: center;}
.messagepost .form-group .control-btn .btn{color:#777;}
.contact-main{padding:20px 0;}
.contact-main .map{padding:20px 0;}
.contact-main .map img{width: 100%;}
.contact-main .address{line-height: 30px;}
.contact-main .address>div{padding:20px 15px; }
.contact-main .address>div img{max-width: 100%;}

.honor{margin:20px 0}
.honor h3{margin:10px 0}
.honor .honor-list{padding-top:5px;}
.hezuo-list{margin-bottom:40px;}
/*.hezuo-list{padding:0 40px;}*/
.hezuo-list .carousel{}
.hezuo-list .carousel .item>div{padding:5px 10px 10px 10px;}
.hezuo-list .carousel .item p{width:100%;border-radius:5px;border:1px solid #777;}
.hezuo-list .carousel .item img{width:100%;}
.hezuo-list .carousel-control{width:40px;height:48px;font-size:48px;}
.hezuo-list .carousel-control.left{left:0px;}
.hezuo-list .carousel-control.right{right:0px;}
.videoplay{text-align:center;}
.videoplay iframe{ width:640px; height:498px;margin:10px auto 25px auto; }
.caseshow-main iframe{ width:640px; height:498px;margin:0 auto; }
/********分页***********/
.pages{height: 50px; text-align: center;padding:0 15px;}
.pages a{padding:2px 10px;font-size: 16px; margin:0 5px;display: inline-block; border:1px solid #888;color:#c7000b;}
.pages a:hover,.pages a.active{background: #c7000b;color:#fafdfb;border:1px solid #c7000b;}
.pages a.disabled:hover{background:#fff; border:1px solid #888;cursor:default}

.caseshow .caseshow-mbox{display:none;}
.weizhi{line-height:24px;height:30px;}
.weizhi a{font-size:14px;color:#242323;}

@media (max-width:1600px){

}

@media (max-width:1200px){
.case .menu-head .menu{width: 22%;margin:0 1.5%; }
.case .menu-head .menu:nth-child(1){margin-left: 1.5%;}

.case .case-list ul li{width: 30%;margin:0 1.6% 30px 1.6%; float: left;}
.case .case-list ul li.le{margin-left: 1.6%;}
.cases .item .menu{width:90%;left:0;margin-left:0;margin:0 5%;}

/*.viewpoint{padding:20px 15px;}*/
.viewpoint .viewpoint-list ul li{width: 30%;margin:0 1.6% 10px 1.6%;}
.viewpoint .viewpoint-list ul li.le{margin-left: 1.6%;}
.viewpoint .viewpoint-list ul li .text{}
.viewpoint .active-list{padding:30px 15px;}
.contact-banner{height: 400px;}
.messagediv{width:100%;left:0; margin-left: 0;}
.messagediv .messagepost{padding: 20px;width: 400px;}
.messagepost .control-text textarea{height: 110px;}
}

@media (max-width:991px){
    .viewpoint .article-list ul li .pic{width:30%;}
    .viewpoint .article-list ul li .pic img{max-width:100%;}
    .viewpoint .article-list ul li .text{margin-left:auto;}
    .viewpoint .article-list ul li .text h3{height:30px;overflow:hidden;line-height:30px;}
    .viewpoint .article-list ul li .text p{height:72px;overflow:hidden;}
}

@media (max-width:767px){
.viewpoint .viewpoint-list{padding:10px 0;}
.case .case-list ul li{width: 30%;margin:0 1.6% 20px 1.6%; float: left;}
.case .case-list ul li.le{margin-left: 1.6%;}
.case .case-list ul li .text{position:static; height: 64px;display: block;background-color: #fff; overflow:hidden;}
.case .case-list ul li .text .txt{position: static;}
.case .case-list ul li .text .txt h3{line-height: 22px;font-size: 14px;color:#333;}
.case .case-list ul li .text .txt a{display: none;}
.news .menu-head .menu{margin:0 auto 20px auto;}
/*.menu-head .menu:nth-child(1){margin-left: 2.5%;}*/

.case .case-list{padding:10px 0;}
.cases .item{width:50%;}
.cases .item .menu{width:250px;left:50%;margin:0;margin-left:-125px;}

.case .menu-head .menu{width: 45%;margin:0 2.5% 20px 2.5%; }
.case .menu-head .menu:nth-child(1){margin-left: 2.5%;}
/*.viewpoint .article-list{padding:10px 15px;}*/
.banner-img{background-position: right center;}
.messagediv .messagepost{max-width: 400px;width: 100%;margin:0 auto;position:static;}

.news .news-list{padding:20px 0;}

.videoplay iframe{ max-width:640px;width:100%; height:400px;margin:10px auto 25px auto; }
.caseshow-main iframe{ max-width:640px;width:100%; height:400px;margin:0 auto; }

.pages{height: 30px; text-align: center;padding:0 15px;}
.pages a{padding:1px 8px;font-size: 12px; margin:0 5px 10px 5px;display: inline-block; border:1px solid #888;color:#c7000b;}
.pages a:hover,.pages a.active{background: #c7000b;color:#fafdfb;border:1px solid #c7000b;}
.pages a.disabled:hover{background:#fff; border:1px solid #888;cursor:default}

.caseshow .caseshow-box{display:none;}
.caseshow .caseshow-mbox{display:block;width:100%;height:60px; text-align:center;}
.caseshow .caseshow-mbox .pre{background:url(../images/prev1.png) center center no-repeat;background-size:100%;}
.caseshow .caseshow-mbox a.pre:hover,
.caseshow .caseshow-mbox a.pre:active{background:url(../images/prev1-hover.png) center center no-repeat;background-size:100%;}
.caseshow .caseshow-mbox .next{background:url(../images/next1.png) center center no-repeat;background-size:100%;}
.caseshow .caseshow-mbox a.next:hover,
.caseshow .caseshow-mbox a.next:active{background:url(../images/next1-hover.png) center center no-repeat;background-size:100%;}
.caseshow .caseshow-mbox .fanhui{background:url(../images/fanhui.png) center center no-repeat;background-size:100%;}
.caseshow .caseshow-mbox a.fanhui:hover,
.caseshow .caseshow-mbox a.fanhui:active{background:url(../images/fanhui-hover.png) center center no-repeat;background-size:100%;}
.caseshow .caseshow-mbox a,.caseshow .caseshow-mbox span{display:inline-block;text-align:center;width:50px; height:50px;background-size:100%; margin:0 10px;}
.caseshow .caseshow-mbox img{width:50px;}

}

@media (max-width:600px)
{
    .caseshow-main iframe{width:100%;height:320px;margin:0 auto; }
    .case .case-list ul li{width: 45%;margin:0 2.5% 20px 2.5%; float: left;}
    .case .case-list ul li.le{margin-left: 2.5%;}
    .viewpoint .viewpoint-list ul li{width: 45%;margin:0 2.5% 20px 2.5%; float: left;}
    .viewpoint .viewpoint-list ul li.le{margin-left: 2.5%;}
    .cases .item .menu{width:90%;left:0;margin:0 5%;}
.hezuo-list{padding:0;}
.hezuo-list .carousel-control{width:20px;font-size:48px;}
.hezuo-list .carousel-control.left{left:0px;}
.hezuo-list .carousel-control.right{right:0px;}
}

@media (max-width:500px){
    .videoplay iframe{ max-width:640px;width:100%; height:360px;margin:10px auto 25px auto; }
    .caseshow-main iframe{width:100%;height:300px;margin:0 auto; }
     .viewpoint .article-list ul li .pic{width:100%;float:none;text-align:center;}
    .viewpoint .article-list ul li .text h3{height:36px;overflow:hidden;line-height:36px;}
    .viewpoint .article-list ul li .text p{height:72px;overflow:hidden;}

    .hezuo-list .carousel .item>div{padding:5px;}
}
@media (max-width:450px){
    .cases .item{width:100%;}
    .cases .item .menu{width:250px;left:50%;margin:0;margin-left:-125px;}
    .caseshow-main iframe{width:100%;height:260px;margin:0 auto; }
}