a {

    transition: all .2s;

}

a:hover {

    color: #d42220;

}

.clear::after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    clear: both;

    overflow: hidden;

}

.ellipsis {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

/* banner start */

.bannerbox {

    width: 100%;

	min-width: 1180px;

	height: 500px;

	overflow: hidden;

	position: relative;

}



.bannerbox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}



.bannerbox .bd li {

    width: 100%;

    height: 500px;

	zoom: 1;

    vertical-align: middle;

    background-position: center center;

    background-size: cover;

}



.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 */

/* 浜у搧涓績 start */

.productbox {

    width: 1180px;

    height: auto;

    margin: 0 auto;

}

.alltitle {

    width: 418px;

    height: 100px;

    margin: 30px auto;

    text-align: center;

    overflow: hidden;

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

}

.alltitle h3 {

    margin-top: 12px;

    font-size: 30px;

    font-weight: bold;

    color: #d42220;

}

.alltitle p {

    font-size: 22px;

    font-family: '瀹嬩綋';

    text-transform: uppercase;

    letter-spacing: 2px;

}

.proclasslist {

    width: 100%;

    height: auto;

    margin-top: -1px;

    background-color: #fff;

    border: 1px solid #e5e5e5;

}

.proclasslist .classtitle {

    position: relative;

    width: 195px;

    height: 50px;

    float: left;

    line-height: 50px;

    text-align: center;

    color: #fff;

    font-size: 15px;

    background-color: #d42220;

}

.proclasslist .classtitle a {

    display: block;

    color: #fff;

}

.proclasslist .classtitle::after {

    content: '';

    position: absolute;

    right: -20px;

    top: 50%;

    display: block;

    width: 0;

    height: 0;

    margin-top: -10px;

    border: 10px solid #d42220;

    border-right-color: transparent;

    border-bottom-color: transparent;

    border-top-color: transparent;

}

.proclasslist .proclassul {

    width: 965px;

    float: left;

    margin-left: 20px;

}

.proclasslist .proclassul li {

    width: auto;

    height: 50px;

    float: left;

    line-height: 50px;

    padding-left: 30px;

    box-sizing: border-box;

}

.proclasslist .proclassul li a {

    display: block;

}

.productbox .productlist {

    width: 100%;

    height: auto;

    margin-top: 15px;

}

.productbox .productlist .probox {

    position: relative;

    width: 384px;

    height: 232px;

    float: left;

    margin-bottom: 16px;

    margin-right: 13px;

    border: 1px solid #e5e5e5;

    box-sizing: border-box;

}

.productbox .productlist .probox:last-child {

    margin-right: 0;

}

.productbox .productlist .probox img {

    width: 382px;

    height: 230px;

}

.productbox .productlist .probox .prolink {

    position: absolute;

    left: 0;

    bottom: 0;

    display: block;

    width: 100%;

    height: 40px;

    padding-left: 30px;

    line-height: 40px;

    font-size: 14px;

    color: #fff;

    background-color: rgba(0, 0, 0, .5);

    _background-color: #000;

    box-sizing: border-box;

}

/* .productbox .productlist .probox .prolink:hover, .productbox .productlist .probox:hover .prolink { */

    /* height: 100%; */

    /* padding-left: 0; */

    /* text-align: center; */

    /* line-height: 230px; */

    /* background-color: rgba(212, 34, 32, .6); */

    /* _background-color: #d42220; */

/* } */

.productbox .productlist .prorembox {

    width: 783px;

    height: 480px;

    float: right; 

    margin-right: 0;

    border: 1px solid #e5e5e5;

} 

.productbox .productlist .prorembox img {

    width: 781px;

    height: 478px;

}

/* .productbox .productlist .prorembox .prolink:hover, .productbox .productlist .prorembox:hover .prolink { */

    /* line-height: 480px; */

/* } */

/* 浜у搧涓績 end */

/* 鍚堜綔瀹㈡埛 start */

.customer {

    width: 100%;

    min-width: 1180px;

    height: 296px;

    overflow: hidden;

    background: url('../images/customer_bg.jpg') center center no-repeat;

    background-size: cover;

}

.customer .cuscenter {

    width: 1180px;

    height: 226px;

    margin: 36px auto 0;

}

.customer .cuscenter .lefttextbox {

    width: 228px;

    height: 226px;

    float: left;

    padding-top: 28px;

    padding-left: 22px;

    box-sizing: border-box;

    background-color: #d42220;

}

.customer .cuscenter .lefttextbox h5 {

    position: relative;

    color: #fff;

    font-weight: bold;

    font-size: 24px;



}

.customer .cuscenter .lefttextbox h5::after {

    content: '';

    position: absolute;

    bottom: -16px;

    left: 0;

    display: block;

    width: 35px;

    height: 4px;

    background-color: #fff;

}

.customer .cuscenter .lefttextbox p {

    margin-top: 30px;

    font-size: 22px;

    color: #fff;

    font-family: '瀹嬩綋';

    font-size: 22px;

    text-transform: uppercase;

    letter-spacing: 2px;

}

.customer .cuscenter .rightpicobox {

    width: 922px;

    height: 222px;

    float: left;

    margin-left: 30px;

    overflow: hidden;

    border-top: 2px solid #e6e6e6;

    box-sizing: border-box;

}

.customer .cuscenter .rightpicobox li {

    width: 215px;

    /* height: 84px; */

    float: left;

    margin-top: 28px;

    margin-right: 20px;

    overflow: hidden;

    box-sizing: border-box;

    background-color: #fff;

}

.customer .cuscenter .rightpicobox li:nth-child(4n) {

    margin-right: 0;

}

.customer .cuscenter .rightpicobox li a {

    display: block;

    width: 215px;

    /* height: 200px; */

    overflow: hidden;

    border: 2px solid #e0e0e0;

    box-sizing: border-box;

}

.customer .cuscenter .rightpicobox li img {

    width: 211px;

    height: 180px;
	
	display:block;

    transition: all .4s;

}

.customer .cuscenter .rightpicobox li a:hover {

    border: 2px solid #d42220;

}

.customer .cuscenter .rightpicobox li:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

/* 鍚堜綔瀹㈡埛 end */

/* 缁忓吀妗堜緥 start */

.casebox {

    width: 1180px;

    height: auto;

    margin: 0 auto;

}

.casecontent {

    position: relative;

    width: 1180px;

    height: 480px;

    overflow: hidden;

}



.casecontent .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}



.casecontent .bd li {

    position: relative;

    width: 1180px;

    height: 480px;

	zoom: 1;

}

.casecontent .bd li img {

    width: 1180px;

    height: 480px;

}

.casecontent .bd li .casetext {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 88px;

    padding-left: 42px;

    padding-right: 42px;

    background-color: rgba(0, 0, 0, .3);

    box-sizing: border-box;

}

.casecontent .bd li .casetext a {

    width: 100%;

    margin-top: 22px;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

}

.casecontent .bd li .casetext p {

    width: 100%;

    line-height: 26px;

    font-size: 14px;

    color: #fff;

}

.casecontent .prev, .casecontent .next {

	position: absolute;

	left: 3%;

	top: 50%;

	margin-top: -20px;

	display: block;

	width: 40px;

	height: 40px;

	background: url(../images/case_arrow.jpg) 0 0 no-repeat;

	filter: alpha(opacity=50);

	opacity: 0.5;

}



.casecontent .next {

	left: auto;

	right: 3%;

	background-position: -40px 0;

}



.casecontent .prev:hover,

		.casecontent .next:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}

/* 缁忓吀妗堜緥 end */

/* 鍥涘ぇ浼樺娍 start */

.advantage {

    width: 100%;

    min-width: 1180px;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

}

.advantage .advbox1 {

    position: relative;

    width: 100%;



}

.advantage .advbox1 .leftadv {

    width: 50%;

    float: left;

    background: url('../images/adv1.jpg') right 0 no-repeat;

}

.advantage .advmainbox {

    width: 590px;

    margin-top: 380px;

    float: right;

}

.advantage .advmainbox h4 {

    margin-top: 18px;

    margin-bottom: 18px;

    font-size: 24px;

    font-weight: bold;

}

.advantage .advmainbox p {

    font-size: 14px;

    line-height: 24px;

}

.advantage .advbox1 {

    position: relative;

}

.advantage .advbox1 .centericon {

    position: absolute;

    bottom: 50%;

    left: 50%;
	top:40.6%;

    z-index: 1;

    display: block;

    margin-left: -92px;

}

.advantage .advbox1 .rightadv {

    position: relative;

    width: 50%;

    height: 696px;

    float: left;

    background-color: #f2f6f7;

}

.advantage .advbox1 .rightadv .advmainbox {

    float: left;

    margin-left: 90px;

    margin-top: 30px;

}

.advantage .advbox1 .rightadv .advimg2 {

    position: absolute;

    left: 0px;

    bottom: 45px;

}

.advantage .advbox2 {

    width: 100%;

    min-width: 1180px;

    height: 351px;

    background: url('../images/adv3.jpg') right 0 no-repeat;

}

.advantage .advbox2 .lefttextbox {

    width: 50%;

    float: left;

}

.advantage .advbox2 .lefttextbox .textbox {

    width: 590px;

    height: 300px;

    margin-top: 27px;

    float: right;

    overflow: hidden;

    background-color: #f2f6f7;

}

.advantage .advbox2 .lefttextbox .textbox .advmainbox {

    float: left;

    margin-top: 30px;

    margin-left: 30px;

}

.advantage .advbox3 {

    position: relative;

    width: 1180px;

    height: 397px;

    margin: 0 auto;

}

.advantage .advbox3 .rightbox {

    position: relative;

    z-index: 1;

    width: 565px;

    height: 397px;

    float: right;

} 

.advantage .advbox3 .rightbox img {

    position: absolute;

    left: -122px;

    bottom: 0;

}

.advantage .advbox3 .leftbox {

    /* position: relative; */

    z-index: 2;

    width: 590px;

    float: left;

}

.advantage .advbox3 .leftbox .advmainbox {

    width: 466px;

    float: left;

    margin-top: 74px;

    margin-left: 28px;

}

/* 鍥涘ぇ浼樺娍 end */

/* 瀹氬埗娴佺▼ start */

.processbox {

    width: 1180px;

    height: auto;

    margin: 0 auto;

    margin-bottom: 90px;

    overflow: hidden;

}

.processbox .processcontent {

    width: 1180px;

    height: 132px;

    margin: 0 auto;

    margin-top: 10px;

    padding-left: 70px;

    box-sizing: border-box;

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

}

.processbox .processcontent .processlist {

    width: 92px;

    height: 132px; 

    float: left; 

    margin-right: 40px;

    text-align: center;

    cursor: pointer;

}

.processbox .processcontent .processlist .iconprocess {

    width: 92px;

    height: 92px;

    border: 1px solid #464646;

    border-radius: 50%;

    transition: all .2s;

}

.processbox .processcontent .processlist .iconprocess span {

    display: inline-block;

    width: 78px;

    height: 78px;

    margin-top: 7px;

    line-height: 78px;

    text-align: center;

    color: #fff;

    font-size: 30px;

    background-color: #464646;

    border-radius: 50%;

    transition: all .2s;

}

.processbox .processcontent .processlist p {

    margin-top: 20px;

    color: #666;

    font-size: 15px;

}

.processbox .processcontent .processlist:hover .iconprocess {

    border-color: #d42220;

}

.processbox .processcontent .processlist:hover .iconprocess span {

    background-color: #d42220;

}

/* 瀹氬埗娴佺▼ end */

/* 鍏徃浠嬬粛 start */

.aboutbox {

    position: relative;

    width: 100%;

    min-width: 1180px;

    height: 372px;

    margin: 0 auto;

    background: url('../images/about_bg.jpg') center center no-repeat;

}

.aboutcontent {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 1180px;

    height: 426px;

    margin: 0 auto;

    padding: 35px 25px;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background-color: #d42220;

    box-sizing: border-box;

}

.aboutcontent .leftimg {

    width: 572px;

    height: 356px;

    float: left;

}

.aboutcontent .leftimg img {

    width: 572px;

    height: 356px;

}

.aboutcontent .rightabouttext {

    width: 498px;

    height: auto;

    float: right;

    margin-top: 48px;

}

.aboutcontent .rightabouttext h4 {

    position: relative;

    width: 100%; 

    font-size: 24px;

    color: #fff;

    font-weight: bold;

}

.aboutcontent .rightabouttext .line {

    width: 103px;

    height: 5px;

    margin-top: 28px;

    margin-bottom: 16px;

    background-color: #fff;

}

.aboutcontent .rightabouttext p {

    height: 182px;

    overflow: hidden;

    line-height: 26px;

    color: #fff;

    font-size: 14px;

}

.aboutcontent .rightabouttext .aboutlink {

    display: block;

    margin-top: 20px;

    color: #fff;

    font-size: 14px;

}

/* 鍏徃浠嬬粛 end */

/* 鑾峰璇佷功 start */

.certificate {

    position: relative;

    width: 1180px;

    height: 300px;

    margin: 50px auto;

    overflow: hidden; 

}

.certificate .bd ul{ 

    overflow:hidden; 

    zoom:1; 

}

.certificate .bd ul li{ 

    width: 272px;

    height: 206px;

    float:left; 

    _display:inline; 

    margin-right: 30px;

    overflow:hidden; 

    text-align:center;  

}

.certificate .bd ul li img {

    width: 272px;

    height: 206px;

}

/* 鑾峰璇佷功 end */

/* 鑱旂郴鎴戜滑琛ㄥ崟 start */

.contactusform {

    width: 100%;

    min-width: 1180px;

    height: 200px;

    margin: 0 auto;

    padding-top: 32px;

    overflow: hidden;

    background-color: #303030;

    box-sizing: border-box;

}

.contactusform .contactcontent {

    width: 1180px;

    height: 136px;

    margin: 0 auto;

    color: #fff;

} 

.contactusform .contactcontent .toptext .leftbox {

    width: 568px;

    float: left;

}

.contactusform .contactcontent .toptext .leftbox h5 {

    font-size: 24px;

}

.contactusform .contactcontent .toptext .leftbox p {

    margin-top: 10px;

    font-size: 15px;

    color: #fff;

    line-height: 26px;

}

.contactusform .contactcontent .toptext .rightsubmit {

    position: relative;

    width: 362px;

    float: right;

}

.contactusform .contactcontent .toptext .rightsubmit img {

    position: absolute;

    left: -68px;

    top: -14px;

}

.contactusform .contactcontent .toptext .rightsubmit .submitbtn {

    width: 218px;

    height: 44px;

    margin-top: 6px;

    line-height: 44px;

    text-align: center;

    font-size: 24px;

    color: #fff;

    background-color: #d42220;

    border: none;

    cursor: pointer;

    outline: none;

}

.contactusform .contactcontent .inputbox {

    width: 1180px;

    height: 40px;

    margin-top: 30px;

} 

.contactusform .contactcontent .inputbox .inputcontent {

    width: 359px;

    height: 40px;

    float: left;

    margin-right: 30px;

    overflow: hidden;

    font-size: 0;

    background-color: #fff;

}

.contactusform .contactcontent .inputbox .inputcontent span {

    display: inline-block;

    width: 122px;

    height: 40px;

    color: #fff;

    font-size: 15px;

    line-height: 40px;

    text-align: center;

    background-color: #d42220;

}

.contactusform .contactcontent .inputbox .inputcontent input {

    position: relative;

    top: -6px;

    display: inline-block;

    width: 237px;

    height: 40px;

    padding-left: 20px;

    line-height: 40px;

    font-size: 14px;

    color: #313131;

    box-sizing: border-box;

    background-color: #fff;

}

.contactusform .contactcontent .inputbox .inputcontent::-webkit-input-placeholder {

    color: #313131;

}

/* 鑱旂郴鎴戜滑琛ㄥ崟 end */

/* 鏂伴椈 start */

.newsbox {

    width: 1180px;

    height: 300px;

    margin: 0 auto;

    margin-top: 50px;

    overflow: hidden;

}

.newsbox .leftbox {

    width: 832px;

    height: auto;

    float: left;

}

.newsbox .leftbox .newstitlerow {

    width: 100%;

    height: 38px;

    border-bottom: 1px solid #cdcdcd;

}

.newsbox .leftbox .newstitlerow .newstitlelist {

    float: left;

}

.newsbox .leftbox .newstitlerow .newstitlelist li {

    position: relative;

    height: 38px;

    line-height: 38px;

    float: left;

    font-size: 18px;

    font-weight: bold;

    color: #333;

}

.newsbox .leftbox .newstitlerow .newstitlelist li a {

    display: block;

    padding-left: 26px;

    padding-right: 26px;

    border-bottom: 3px solid transparent;

}

.newsbox .leftbox .newstitlerow .newstitlelist li a:hover, .newsbox .leftbox .newstitlerow .newstitlelist li.active a {

    color: #d42220;

    border-color: #d42220;

}

.newsbox .leftbox .newstitlerow .newsmore {

    display: block;

    float: right;

    line-height: 38px;

    font-size: 14px;

    text-transform: uppercase;

}

.newsbox .leftbox .newscontent {

    display: none;

    width: 832px;

    height: 356px;

    margin-top: 24px;

}

.newsbox .leftbox .newscontent .recommendnews {

    width: 100%;

    height: 156px;

    overflow: hidden;

}

.newsbox .leftbox .newscontent .recommendnews .leftimg {

    width: 270px;

    height: 156px;

    float: left;

    overflow: hiddne;

}

.newsbox .leftbox .newscontent .recommendnews .leftimg img {

    width: 270px;

    height: 156px;

}

.newsbox .leftbox .newscontent .recommendnews .righttext {

    width: 536px;

    height: auto;

    float: right;

    margin-top: 20px;

} 

.newsbox .leftbox .newscontent .recommendnews .righttext a {

    width: 100%;

    font-weight: bold;

    font-size: 14px;

}

.newsbox .leftbox .newscontent .recommendnews .righttext p {

    height: 52px;

    margin-top: 10px;

    overflow: hidden;

    font-size: 14px;

    line-height: 26px;

}

.newsbox .leftbox .newscontent .recommendnews .righttext .view {

    display: block;

    width: 122px;

    height: 30px;

    margin-top: 24px;

    font-size: 14px;

    color: #666;

    line-height: 30px;

    text-align: center;

    font-weight: normal;

    background-color: #e6e6e6;

}

.newsbox .leftbox .newscontent .recommendnews .righttext .view:hover {

    color: #fff;

    background-color: #d42220;

}

.newsbox .leftbox .newscontent .newslist {

    width: 100%;

    height: auto;

    margin-top: 12px;

}

.newsbox .leftbox .newscontent .newslist li {

    width: 402px;

    float: left;

    line-height: 30px;

    box-sizing: border-box;

}

.newsbox .leftbox .newscontent .newslist li:nth-child(2n-1) {

    margin-right: 28px; 

}

.newsbox .leftbox .newscontent .newslist li img {

    position: relative;

    top: 12px;

    margin-right: 10px;

    float: left;

}

.newsbox .leftbox .newscontent .newslist li a {

    width: 286px;

    float: left;

}

.newsbox .leftbox .newscontent .newslist li span {

    float: right;

}

.newsbox .rightbox {

    width: 302px;

    height: auto;

    float: right;

}

.newsbox .rightbox .problemtitle {

    width: 100%;

    height: 38px;

    line-height: 38px;

    border-bottom: 1px solid #cdcdcd;

}

.newsbox .rightbox .problemtitle .problemtext {

    display: block;

    float: left;

    padding-left: 26px;

    padding-right: 26px;

    color: #d42220;

    font-size: 18px;

    font-weight: bold;

    border-bottom: 3px solid #d42220;

}

.newsbox .rightbox .problemtitle .readmore {

    display: block;

    float: right;

    line-height: 38px;

    font-size: 14px;

    text-transform: uppercase;

}

.newsbox .rightbox .problembox li {

    width: 100%;

    height: 96px;

    margin-top: 24px;

    border-bottom: 1px dashed #cdcdcd;

}

.newsbox .rightbox .problembox li .problemname {

    margin-bottom: 8px;

}

.newsbox .rightbox .problembox li .problemname img, .newsbox .rightbox .problembox li .problemcontent img {

    display: block;

    float: left;

    font-size: 14px;

}

.newsbox .rightbox .problembox li .problemname a, .newsbox .rightbox .problembox li .problemcontent p {

    display: block;

    width: 270px;

    float: right;

    font-size: 14px;

}

.newsbox .rightbox .problembox li .problemcontent p {

    height: 52px;

    overflow: hidden;

    line-height: 26px; 

    color: #666666;

}

/* 鏂伴椈 end */

/* 鍙嬫儏閾炬帴 start */

.friendlink {

    width: 100%;

    height: auto;

    overflow: hidden;

    background-color: #f1f1f1;

}

.friendcontent {

    width: 1180px;

    margin: 0 auto;

}

.friendlink .friendtitle {

    display: block;

    float: left;

    line-height: 62px;

    font-size: 14px;

    color: #656565;

    font-weight: bold;

}



.friendlink .linklist {

    float: left;

    margin-left: 20px;

    margin-top: 16px;

} 

.friendlink .linklist li {

    float: left;

    margin-left: 10px;

    line-height: 30px;

}

.friendlink .linklist li img {

    position: relative;

    top: -2px;

    margin-right: 12px;

}

.friendlink .linklist li a {

    color: #656565;

    font-size: 14px;

}

.friendlink .linklist li a:hover {

    color: #d42220;

}



/* 鍙嬫儏閾炬帴 end */