/*幻灯广告*/
swiper-container {
    height: 600px;
    margin-top: 40px;
}
.swiper-wrapper{
}
.swiper-slide {

    transition-timing-function:linear;
}

.swiper-slide img{
    width:100%;
    border-radius: 4px;}
.swiper-slide .title{
    position:absolute;
    transform:rotate(90deg);
    transform-origin:left top;
    left:-3px;
    font-size:11px;
    color: rgb(102, 102, 102);}
.swiper-button-next, .swiper-button-prev{
    width:60px;
    height:78px;
    background-size:60px 78px;
    margin-top:-56px;
    outline:none;}
.swiper-button-next{
    background-image:url(../images/cursor-next.png);}
.swiper-button-prev{
    background-image:url(../images/cursor-prev.png);}
.swiper-pagination-bullet{
    background:none;
    opacity:1;
    margin:0 6px !important;
    width:9px;
    height:9px;
    position:relative;
    outline:none;
    vertical-align:middle;}
.swiper-pagination-bullet span{
    width:3px;
    height:3px;
    background:#CCC;
    display:block;
    border-radius:50%;
    margin-top:3px;
    margin-left:3px;
}
.swiper-pagination-bullet i{
    background:#fc5900;
    height:1px;
    width:20px;
    position:absolute;
    top:4px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
}
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
    width:9px;
    height:9px;
    margin-top:0;
    margin-left:0;
    background:#fc5900;
    position:relative;
    z-index:1;
}
.swiper-pagination-bullet-active i{
    animation:middle 6s;
}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
    animation:first 6s;
}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
    animation:last 6s;
}
@keyframes first{
    0% {transform:scaleX(0.5);left:0px;}/*091*/
    100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
    0% {transform:scaleX(0.7);left:-10px;}/*1090*/
    20% {transform:scaleX(0.3);left:2px;} /*090*/
    100% {transform:scaleX(0.3);left:0px;} /*090*/
}
@keyframes middle{
    0% {transform:scaleX(0.7);left:-10px;}/*1091*/
    20% {transform:scaleX(0.45);left:2px;}/*092*/
    100% {transform:scaleX(1);left:2px;} /*0913*/
}

/*产品*/
.probox{font-family: "Microsoft Yahei";height:843px;padding:40px 0 0;line-height: 40px;position: relative;) no-repeat center bottom;}
.til01 h1{text-align: center; margin-bottom: 39px;}
.til01 h1 span{display: block;font-size: 40px; font-weight: bold; line-height: 40px; color:#333333; padding:0 130px; position: relative;width:170px; margin:0 auto 13px;}
.til01 h1 span:before{width:101px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; bottom:15px;}
.til01 h1 span:after{width:101px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; bottom:15px;}
.til01 h1 i{display: block;font-size: 16px; line-height: 16px; color:#666666;}

.pro_cla{width: 270px; height:867px;line-height:39px;color: #333;background: #f3f3f3;}
.pro_cla h2{height: 100px;text-align: center;font-size:24px;color: #fff;line-height: 100px;background:url(../images/probg.png) no-repeat 0 0;border-bottom: 1px solid #fff;}
.pro_cla h2 a{color: #fff;}
.pro_cla h3{height: 55px;font-size:18px;color: #fff;line-height: 55px;background: #333;position: relative;}
.pro_cla h3:before{content: "";position: absolute;width: 21px;height: 21px;background:url(../images/ico01.png) no-repeat 0 0;left: 234px;top: 17px;}
.pro_cla h3 a{color: #fff;padding: 0 32px;display: block;background:url(../images/ico06.png) no-repeat 11px 21px;}
.pro_cla h3:last-child a{background:url(../images/ico05.png) no-repeat 11px 21px;}
.pro_cla h3.cur,.pro_cla h3:hover{background: #fc5900;}
.pro_cla h4{height: 44px;font-size:16px;color: #333;line-height: 44px;background:url(../images/ico03.gif) no-repeat 31px 23px #e5e5e5;position: relative;font-weight: normal;border-bottom: solid 1px #fff;}
.pro_cla h4:before{content: "";position: absolute;width: 9px;height: 9px;background:url(../images/ico04.png) no-repeat 0 0;left: 240px;top: 19px;}
.pro_cla h4.on:before{background:url(../images/ico02.png) no-repeat 0 0;left: 240px;top: 19px;}
.pro_cla h4 a{color: #333;display: inline-block;padding: 0 49px;}
.pro_cla ul{display: none;}
.pro_cla li{height: 39px;line-height: 39px;border-bottom: solid 1px #dadada;}
.pro_cla li a{display: block;color: #333;padding: 0 0 0 65px;}
.pro_cla li a:hover{color: #fc5900;}

.pro_list{width: 910px;padding:10px 0 0;overflow: hidden;}
.pro_lt{border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;height: 49px;line-height: 49px;margin-bottom: 30px;font-size: 16px;}
.pro_lt span{float: right;text-transform: uppercase;color: #ccc;}
.pro_lt span a{display: block;color: #ccc;}
.pro_lt li{float: left;color: #333;font-weight: bold;}
.pro_lt li.cur{color: #fc5900;}
.pro_lt li em,.newtil li em{display: inline-block;padding: 0 23px;font-weight: normal;color: #ccc;}

.pro_lc dl{position: relative;}
.pro_lc dt,.pro_lc dt img{width:848px;height: 477px;display: block;overflow: hidden;}

.pro_lc dl dd {
    float: left;
    width:287px;
    height: 230px;
    overflow: hidden;
    background: #d2d2d2;
    margin-left: 14px;
    margin-top: 25px;
    border: 1px solid #d2d2d2;
    color: #000;
}
.pro_lc dl dd  img {
    float: left;
    width: 287px;
    height: 191px;
    transition: all 0.3s;
}
.pro_lc dl dd img:hover {
    transform: scale(1.03);
}
.pro_lc dl dd  p {
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    transition: all 0.3s;
}
.pro_lc dl dd  a {

}

.pro_lc dl dd:hover{

    background: #fc5900;
    margin-left: 14px;
    margin-top: 25px;
    border: 1px solid #464646;

}
.pro_lc dl dd:hover a{


    color: #fff;
}
.pro_lc dl dd  p:hover {
    color: #fff;
}
/*定制联系*/
.dingzhi{
    width:100%;
    position:relative;
    height:322px;
    overflow: hidden;
    background: url(../images/dzbj.jpg) no-repeat center center;
    min-width: 1400px;
}


.dingzhi .dleft{
    width: 570px;
    float:left;
    margin-left: 100px;

}
.dingzhi .dleft ul li{
    float:left;
    margin-top: 168px;
    margin-left: 40px;
}
.dingzhi .dcenter{
    width: 300px;
    float:left;
    margin-top: 30px;
    margin-left: 80px;

}
.dingzhi .dright{
    float:right;
    margin-top: 70px;
}
/*公司优势*/
.proAdvant {
    margin-top: 0;
}
.proAdvant .list {
    width: 100%;
}
.proAdvant .list li {
    width: 100%;
    margin-bottom: 20px;
}
.proAdvant .list li a {
    display: block;
}
.proAdvant .list li .img {
    width: 530px;
    height: 300px;
    margin-left: 0;
    margin-right: 20px;
}
.proAdvant .list li:nth-child(2n) .img {
    margin-left: 20px;
    margin-right: 0;
}
.proAdvant .list li .title {
    width: 650px;
}
.proAdvant .list li .title .shu {
    border-bottom: 1px dashed #b2b2b2;
    padding-bottom: 20px;
    text-align: center;
}
.proAdvant .list li .title .shu span {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #fe5708;
    border-radius: 10px;
    color: #fff;
    font-size: 46px;
    line-height: 60px;
}
.proAdvant .list li .tit {
    font-size: 28px;
    color: #fe5708;
    line-height: 1.5;
    padding-top: 20px;
    font-weight: bold;
    text-align: center;
}
.proAdvant .list li .cont {
    font-size: 16px;
    color: #666;
    padding-top: 20px;
    text-align: justify;
}

/*合作流程*/

.hezuo{
    width:100%;
    position:relative;
    height:241px;
    overflow: hidden;
    background: url(../images/hzbg.jpg) no-repeat center center;
}


.hezuo .hleft{
    width: 270px;
    float:left;
    margin-left: 10px;
    margin-top: 40px;

}
.hezuo .hright{
    float:right;
    width: 920px;

}
.hezuo .hright ul li{
    float:left;
    margin-top: 80px;
    margin-left: 20px;
}
/*客户案例*/
.rollBox {WIDTH: 1200px; OVERFLOW: hidden; margin-top:15px; float:left;height:246px; }
.rollBox .LeftBotton { WIDTH: 30px;  DISPLAY: inline; BACKGROUND:url(../images/back.png) 0px 80px no-repeat; FLOAT: left; HEIGHT: 160px; CURSOR: pointer}
.rollBox .RightBotton { WIDTH: 30px; DISPLAY: inline; BACKGROUND:url(../images/next.png) 0px 80px no-repeat; FLOAT: right; HEIGHT: 160px; CURSOR: pointer}
.rollBox .Cont {WIDTH: 1128px; FLOAT: left; OVERFLOW: hidden; margin:0px 2px;}
.rollBox .ScrCont {WIDTH: 5000px}
.rollBox .Cont .pic { WIDTH:277px; FLOAT: left;  height:250px;  margin:0 3px;  display:block; _display:inline;line-height:26px;}
.rollBox .Cont .pic p{WIDTH:277px; text-align:center; color:#000;font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";
    font-size:14px;}
.rollBox .Cont .pic a{display:block;height:250px;width:308px; cursor:hand;}
.rollBox .Cont .pic a:hover{color:#333;}
.rollBox .Cont .pic .images{width:267px; height:222px; float:left; margin-right:30px;}
.rollBox .Cont .pic .images img{width:267px;height:203px; border:1px solid #CCCCCC; padding:3px;}
.rollBox .Cont .pic .pic_r{float:left;width:152px;height:116px;}
.rollBox .Cont .pic b{color:#FF8400}

.rollBox .Cont .picace:nowrap;/*强制它在同一行显示，又意为不换行显示*/t .pic .pic_b p{height:21px;line-height:21px;with:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.rollBox .Cont .pic strong{width:140px; overflow:hidden;/*内容超出自动隐藏起来*/white-space:nowrap;/*强制它在同一行显示，又意为不换行显示*/text-overflow:ellipsis;/*超出显示三个省略号*/ display:block;}
.rollBox #List1 {FLOAT: left}
.rollBox #List2 {FLOAT: left}

.News .tab{ font-size:0px; width:100%; text-align:center; white-space:nowrap; }
.News .tab1{ font-size:16px; color:#666; margin:0 10px; display:inline-block; *display:inline; *zoom:1; }
.News .tab1 a{ color:#666; min-width: 150px; height: 50px; line-height:48px; text-align: center; padding:0 5px; border: 1px solid #a0a0a0; border-radius: 5px; display:block; overflow:hidden; }
.News .tab1:hover a{ color: #fff; background-color:#fc5900; border: 1px solid #fc5900; }
.News .tab1.on a{ color: #fff; background-color:#fc5900; border: 1px solid #fc5900; }
.News .tab_nr { width:100%; }
.News .tab_nr1{ width:100%; display: none; }
.News .tab_nr1 .nr1{ width:100%; }
.News .tab_nr1 .nr1 ul{
    margin-right: -46px;
}
.News .tab_nr1 .nr1 ul li{
    width: 23%;
    padding: 15px 2% 0 0;
}
.News .tab_nr1 .nr1 ul li .item{
    width: 100%;
}
.News .tab_nr1 .nr1 ul li .item .pic{
    width: 100%;
    overflow: hidden;
}
.News .tab_nr1 .nr1 ul li .item .pic img{
    width: 100%;
}
.News .tab_nr1 .nr1 ul li .item .title{
    font-size: 18px;
    color: #333;
    width: 100%;
    line-height: 100%;
    margin: 26px 0 16px;
    padding-bottom: 22px;
    background: url(../images/pic22.png) no-repeat left bottom;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.News .tab_nr1 .nr1 ul li .item .content{
    font-size: 14px;
    color: #666;
    width: 100%;
    height: 48px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.News .tab_nr1 .nr1 ul li .item:hover .title{
    color: #fc5900;
}
.News .tab_nr1 .nr2{ font-size: 0px; width:100%; text-align: center; margin-top: 44px; }
.News .tab_nr1 .nr2 a{ font-size: 16px; color:#666; min-width: 225px; height: 60px; line-height:58px; text-align: center; padding:0 5px; border: 1px solid #a0a0a0; border-radius: 5px; display:inline-block; overflow:hidden; }
.News .tab_nr1 .nr2 a:hover{ color: #fff; background-color:#fc5900; border: 1px solid #fc5900; }