.ellipsis {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.clear::after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    clear: both;

    overflow: hidden;

}

a {

    transition: all .2s;

}

a:hover {

    color: #3d6dcf;

}

/* banner start */

.bannerbox {

    width: 100%;

    min-width: 1180px; 

	height: 776px;

	overflow: hidden;

	position: relative;

}



.bannerbox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}



.bannerbox .bd li {

    width: 100%;

    height: 776px;

	zoom: 1;

    vertical-align: middle;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.bannerbox .prev, .bannerbox .next {

	position: absolute;

	left: 3%;

	top: 50%;

	margin-top: -25px;

	display: block;

	width: 32px;

	height: 40px;

	background: url(../images/slider-arrow.png) -110px 5px no-repeat;

	filter: alpha(opacity=50);

	opacity: 0.5;

}



.bannerbox .next {

	left: auto;

	right: 3%;

	background-position: 8px 5px;

}



.bannerbox .prev:hover,

		.bannerbox .next:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}



.bannerbox .prevStop {

	display: none;

}



.bannerbox .nextStop {

	display: none;

}

/* banner end */

/* search bar start */

.searchbox {

    width: 100%;

    min-width: 1180px;

    height: 124px;

    overflow: hidden;

    background-color: #3d6dcf;

}

.searchbox .searchcontent {

    width: 1180px;

    height: 124px;

    margin: 0 auto;

    color: #fff;

}

.searchbox .searchcontent .leftdwbox {

    width: 430px;

    height: 100%;

    float: left;

    padding-top: 36px;

    border-right: 1px solid #5981d3;

    box-sizing: border-box;

}

.searchbox .searchcontent .leftdwbox .icon-left {

    width: 56px;

    height: 56px;

    float: left;

}

.searchbox .searchcontent .leftdwbox .righttext {

    float: left;



}

.searchbox .searchcontent .leftdwbox .righttext h4 {

    font-size: 18px;

    font-weight: bold;

}

.searchbox .searchcontent .centerbox {

    width: 380px;

    height: 100%;

    float: left;

    padding-top: 33px;

    border-right: 1px solid #5981d3;

    box-sizing: border-box;

}

.searchbox .searchcontent .centerbox .icon-left {

    position: relative;

    top: -2px;

    display: inline-block;

    width: 56px;

    height: 56px;

}

.searchbox .searchcontent .centerbox .icon-left img {

    position: relative;

    top: 6px;

}

.searchbox .searchcontent .centerbox .righttext {

    display: inline-block;

    text-align: left;

}

.searchbox .searchcontent .centerbox .righttext h4 {

    font-size: 16px;

}

.searchbox .searchcontent .centerbox .righttext p {

    font-size: 18px;

    font-weight: bold;

}

.searchbox .searchcontent .rightform {

    width: 370px;

    height: 100%;

    float: left;

    padding-top: 36px;

    box-sizing: border-box;

}

.searchbox .searchcontent .rightform .formbox {

    position: relative;

    width: 288px;

    height: 30px;

    margin-top: 10px;

    margin-left: 46px;

}

.searchbox .searchcontent .rightform .formbox .serchtext {

    width: 100%;

    height: 30px;

    line-height: 30px;

    color: #fefefe;

    box-sizing: border-box;

    background-color: transparent;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

    border-bottom: 1px solid #dcdcdc;

}

.searchbox .searchcontent .rightform .formbox .serchtext::-webkit-input-placeholder {

    color: #fefefe;

}

.searchbox .searchcontent .rightform .formbox .searchsubmit {

    position: absolute;

    right: 0;

    bottom: 3px;

    width: 22px;

    height: 22px;

    text-align: center;

    cursor: pointer;

    background: url('../images/ico_searchbtn.png') center center no-repeat;

}

/* search bar end */

/* about start */

.aboutbox {

    width: 100%;

    min-width: 1180px;

    height: 673px;

    padding-top: 68px;

    box-sizing: border-box;

    background: url('../images/about_bg.gif') 0 0 repeat-x;

}

.aboutbox .aboutcontent {

    width: 1180px;

    height: 518px;

    margin: 0 auto; 

}

.aboutbox .aboutcontent .imgbox {

    width: 412px;

    height: 519px;

    float: left;

    overflow: hidden;

}

.aboutbox .aboutcontent .imgbox .aboutimg {

    width: 412px;

    height: 519px;

}

.aboutbox .aboutcontent .imgbox .aboutpic {

    width: 412px;

    height: 519px;

}

.aboutbox .aboutcontent .aboutintro {

    width: 682px;

    height: 519px;

    float: right;

    padding-top: 8px;

    box-sizing: border-box;

}

.aboutbox .aboutcontent .aboutintro h3  {

    width: 100%;

    margin-top: 30px;

    margin-bottom: 30px;

    font-size: 18px;

}

.aboutbox .aboutcontent .aboutintro p {

    width: 100%;

    height: 104px;

    line-height: 26px;

    color: #888888;

    font-size: 14px;

    overflow: hidden;

} 

.aboutbox .aboutcontent .aboutintro .aboutstar {

    width: 100%;

    height: 44px;

    margin-top: 124px;

} 

.aboutbox .aboutcontent .aboutintro .aboutstar .aboutstarlist {

    width: 227px;

    height: 44px;

    float: left;

    margin-right: 24px;

}

.aboutbox .aboutcontent .aboutintro .aboutstar .aboutstarlist2 {

    width: 180px;

}

.aboutbox .aboutcontent .aboutintro .aboutstar .aboutstarlist3 {

    width: 190px;

}

.aboutbox .aboutcontent .aboutintro .aboutstar .aboutstarlist .imgbox {

    width: 45px;

    height: 43px;

    float: left;

}

.aboutbox .aboutcontent .aboutintro .aboutstar .aboutstarlist .rightbox {

    width: 169px;

    height: 44px;

    float: right;

}

.aboutbox .aboutcontent .aboutintro .aboutstar .aboutstarlist .rightbox h4 {

    font-size: 16px;

    font-weight: 500;

}

.aboutbox .aboutcontent .aboutintro .aboutstar .aboutstarlist2 .rightbox {

    width: 132px;

}

.aboutbox .aboutcontent .aboutintro .aboutstar .aboutstarlist3 .rightbox {

    width: 132px;

    margin-right: 0;

}

.aboutbox .aboutcontent .aboutintro .lastintro {

    width: 100%;

    height: 30px;

    margin-top: 70px;

} 

.aboutbox .aboutcontent .aboutintro .lastintro .contactbox {

    width: 312px;

    height: 30px;

    float: left;

    line-height: 30px;

}

.aboutbox .aboutcontent .aboutintro .lastintro .contactbox:nth-child(2) {

    width: 232px;

}

.aboutbox .aboutcontent .aboutintro .lastintro img {

    position: relative;

    top: 5px;

    margin-right: 2px;

}

.aboutbox .aboutcontent .aboutintro .lastintro .onlinezx {

    display: inline-block;

    width: 133px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #666;

    font-size: 14px;

    border: 1px solid #bfc0c1;

}

.aboutbox .aboutcontent .aboutintro .lastintro .onlinecontact {

    width: 136px;

}

.aboutbox .aboutcontent .aboutintro .lastintro .onlinezx:hover {

    color: #3d6dcf;

    border-color: #3d6dcf;

}

/* about end */

/* 专业提供 start */

.providebox {

    width: 1180px;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

}

.alltitle {

    width: 410px;

    height: 110px;

    margin: 0 auto;

    margin-top: 40px;

}

.alltitle h3 {

    position: relative;

    height: 58px;

    font-size: 30px;

    font-weight: 100;

}

.alltitle h3::after {

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    display: block;

    width: 138px;

    height: 1px;

    margin-left: -69px;

    background-color: #eee;

}

.alltitle h3::before {

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    display: block;

    width: 25px;

    height: 2px;

    margin-left: -13px;

    background-color: #1e2e3e;

}

.alltitle h3 span {

    margin-left: 6px;

    margin-right: 6px;

    font-size: 24px;

}

.alltitle p {

    margin-top: 22px;

    color: #666;

}

.providecontent {

    width: 1180px;

    margin-top: 48px;

}

.providecontent .providelist {

    position: relative;

    width: 269px;

    height: 254px;

    float: left;

    margin-left: 11px;

    margin-right: 11px;

    padding: 26px;

    padding-top: 84px;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    background-color: #f9fafc;

    border: 1px solid #dcdcdc;

    box-sizing: border-box;

}

.providecontent .providelist .provideimg {

    position: absolute;

    top: -20px;

    left: 50%;

    width: 101px;

    height: 81px;

    margin-left: -50px;

    border-radius: 10px;

}

.providecontent .providelist .provideimg img {

    width: 101px;

    height: 81px;

}

.providecontent .providelist a {

    width: 100%;

    font-size: 16px;

    font-weight: bold;

}

.providecontent .providelist p {

    height: 108px;

    overflow: hidden;

    margin-top: 10px;

    color: #888;

    font-size: 14px;

    line-height: 28px;

}

.providecontent .providelist:hover {

    border-color: #f28d03;

}

/* 专业提供 end */

/* 产品展示 start */

.productbox {

    width: 100%;

    min-width: 1180px;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

}

.productlistbox {

    width: 100%;

    min-width: 1180px; 

    height: auto;

    margin-top: 34px;

    background-color: #eff4f7;

}

.productlistbox .productcontent {

    width: 1180px;

    padding-top: 58px;

    padding-bottom: 58px;

    margin: 0 auto;

}

.productlistbox .productcontent .probox {

    width: 282px;

    height: 269px;

    float: left;

    padding: 13px 10px;

    margin-right: 17px;

    margin-bottom: 16px;

    box-sizing: border-box;

    background-color: #f9fafc;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}

.productlistbox .productcontent .probox:nth-child(4n) {

    margin-right: 0;

}

.productlistbox .productcontent .probox .proimg {

    display: block;

    width: 260px;

    height: 201px;

    margin: 0;

    overflow: hidden;

}

.productlistbox .productcontent .probox .proimg img {

    width: 260px;

    height: 201px;

    -webkit-transition: all .8s;

    -moz-transition: all .8s;

    -o-transition: all .8s;

    transition: all .8s;

}

.productlistbox .productcontent .probox a {

    width: 100%;

    margin-top: 14px;

    line-height: 26px;

    color: #666;

}

.productlistbox .productcontent .probox a:hover {

    color: #fff;

}

.productlistbox .productcontent .probox:hover {

    background-color: #f28d03;

}

.productlistbox .productcontent .probox:hover a {

    color: #fff;

}

.productlistbox .productcontent .probox:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

/* 产品展示 end */

/* 产品优势 start */

.proadvantagebox {

    width: 1180px;

    height: auto;

    margin: 0 auto;

    padding: 15px 0 62px;

}

.proadvantagebox .advantlist {

    margin: 0 auto;

    margin-top: 60px;

}

.proadvantagebox .advantlist li {

    width: 270px;

    height: 351px;

    float: left;

    margin-right: 16px;

    margin-left: 16px;

    padding-left: 35px;

    padding-right: 35px;

    box-sizing: border-box;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    border: 1px solid #d5d5d5;

}

.proadvantagebox .advantlist li:first-child {

    margin-left: 0;

}

.proadvantagebox .advantlist li:last-child {

    margin-right: 0;

}

.proadvantagebox .advantlist li .imgbox {

    display: inline-block;

    width: 52px;

    height: 52px;

    margin-top: 56px;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

    background: url('../images/ico_adv.png') no-repeat;

}

.proadvantagebox .advantlist li h5 {

    width: 100%;

    height: 62px;

    line-height: 62px;

    font-size: 18px;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

    border-bottom: 1px dashed #c4c4c4;

}

.proadvantagebox .advantlist li p {

    height: 84px;

    margin-top: 46px;

    color: #999;

    line-height: 28px; 

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

}

.proadvantagebox .advantlist li .imgbox1 {

    background-position: 0 -53px;

}

.proadvantagebox .advantlist li .imgbox2 {

    background-position: -53px -53px;

}

.proadvantagebox .advantlist li .imgbox3 {

    background-position: -108px -53px;

}

.proadvantagebox .advantlist li .imgbox4 {

    background-position: -161px -53px;

}

.proadvantagebox .advantlist li:hover {

    background-color: #f28d03;

}

.proadvantagebox .advantlist li:hover .imgbox1 {

    background-position: 0 0;

}

.proadvantagebox .advantlist li:hover .imgbox2 {

    background-position:  -53px 0;

}

.proadvantagebox .advantlist li:hover .imgbox3 {

    background-position: -108px 0;

}

.proadvantagebox .advantlist li:hover .imgbox4 {

    background-position: -161px 0;

}

.proadvantagebox .advantlist li:hover h5, .proadvantagebox .advantlist li:hover p {

    color: #fff;

}

.proadvantagebox .advantlist li:hover h5 {

    border-color: #fff;

}

/* 产品优势 end */

/* 客户案例 start */

.casebox {

    width: 100%;

    min-width: 1180px;

    height: auto;

    overflow: hidden;

    background-color: #eff4f7;

}

.casebox .casecontent {

    width: 1180px;

    height: auto;

    margin: 0 auto;

}

.casebox .casecontent .caselist {

    width: 1180px;

    margin: 0 auto;

    margin-top: 62px;

}

.casebox .casecontent .caselist .casemain {

    width: 370px;

    height: 358px;

    float: left;

    margin-right: 35px;

}

.casebox .casecontent .caselist .casemain:last-child {

    margin-right: 0;

}

.casebox .casecontent .caselist .casemain .casename {

    margin-top: 10px;

    margin-bottom: 10px;

    padding-left: 10px;

    padding-right: 10px;

    color: #666;

    font-size: 18px;

    box-sizing: border-box;

}

.casebox .casecontent .caselist .casemain .casename:hover {

    color: #3d6dcf;

}

.casebox .casecontent .caselist .casemain p {

    height: 52px;

    padding-left: 10px;

    padding-right: 10px;

    line-height: 26px;

    overflow: hidden;

    font-size: 14px;

    color: #999;

    box-sizing: border-box;

}

.casebox .casecontent .caselist .casemain img {

    width: 370px;

    height: 235px;

}

.casebox .casecontent .readmore {

    display: block;

    width: 350px;

    height: 50px;

    margin: 72px auto;

    line-height: 46px;

    font-size: 14px;

    color: #fff;

    background-color: #f28d03;

    box-sizing: border-box;

    border: 2px solid #f28d03;

}

.casebox .casecontent .readmore:hover {

    color: #f28d03;

    background-color: #eff4f7;

}

/* 客户案例 end */

/* 新闻中心 start */

.newsbox {

    width: 1180px;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

}

.newsbox .newscontent {

    width: 1180px;

    height: auto;

    margin-top: 52px;

}

.newsbox .newscontent .newslistbox {

    width: 572px;



} 

.newsbox .newscontent .newslistbox:first-child {

    float: left;

}

.newsbox .newscontent .newslistbox:last-child {

    float: right;

}

.newsbox .newscontent .newslistbox .toprecom {

    width: 570px;

    height: 144px;

    padding: 12px;

    box-sizing: border-box;

    background-color: #fff;

    border: 1px solid #dfdfdf;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

}

.newsbox .newscontent .newslistbox .toprecom .newsimgbox {

    width: 138px;

    height: 118px;

    float: left;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    background-color: #fff;

}

.newsbox .newscontent .newslistbox .toprecom .newsimgbox a {

    display: block;

    width: 126px;

    height: 107px;

}

.newsbox .newscontent .newslistbox .toprecom .newsimgbox img {

    width: 126px;

    height: 107px;

}

.newsbox .newscontent .newslistbox .toprecom .rightintro {

    width: 372px;

    height: 78px;

    float: right;

    margin-top: 22px

}

.newsbox .newscontent .newslistbox .toprecom .rightintro a {

    margin-bottom: 10px;

    font-size: 16px;

    color: #666;

}

.newsbox .newscontent .newslistbox .toprecom .rightintro p {

    height: 52px;

    line-height: 26px;

    overflow: hidden;

    color: #999;

    font-size: 14px;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

}

.newsbox .newscontent .newslistbox .toprecom:hover {

    background-color: #f28d03;

}

.newsbox .newscontent .newslistbox .toprecom:hover a, .newsbox .newscontent .newslistbox .toprecom:hover p {

    color: #fff;

}

.newsbox .newscontent .newslistbox .newslist {

    margin-top: 20px;

    margin-bottom: 30px;

}

.newsbox .newscontent .newslistbox .newslist li {

    width: 100%;

    height: 50px;

    line-height: 50px;

    border-bottom: 1px dashed #ccc; 

}

.newsbox .newscontent .newslistbox .newslist li img {

    position: relative;

    top: -20px;

    margin-right: 8px;

}

.newsbox .newscontent .newslistbox .newslist li a {

    display: inline-block;

    width: 438px;

    color: #666;

}

.newsbox .newscontent .newslistbox .newslist li a:hover {

    color: #3d6dcf;

}

.newsbox .newscontent .newslistbox .newslist li span {

    float: right;

    color: #939393;

}

/* 新闻中心 end */

/* 友情链接 start */

.friendbox {

    width: 1180px;

    height: auto;

    margin: 10px auto 24px;

    overflow: hidden;

}

.friendbox .friendtitle {

    position: relative;

    width: 1180px;

    font-size: 18px;

    color: #666;

}

.friendbox .friendtitle::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    width: 540px;

    height: 1px;

    background-color: #e5e5e5;

}

.friendbox .friendtitle::after {

    content: '';

    position: absolute;

    top: 50%;

    right: 0;

    width: 540px;

    height: 1px;

    background-color: #e5e5e5;

}

.friendbox .friendlist {

    width: 100%;

    height: auto;

    margin-top: 28px; 



}

.friendbox .friendlist li {

    float: left;

    padding: 8px 21px;

}

/* 友情链接 end */