.banner{
    text-align: center;
}

/* 大标题 start */
.bigTitle{
    text-align: center;
    padding: 50px 0 38px;
}
.bigTitle .cn{
   color: #333333;
   font-size: 24px;
   line-height: 30px;
}
.bigTitle .cn span{
    display: inline-block;
    width: 22px;
    height: 2px;
    background-color: #D91F2D;
    vertical-align: middle;
}
.bigTitle .en{
    font-size: 20px;
    color: #999999;
    text-transform:uppercase;
}
/* 大标题 end */

/* 联系我们  start */
.contactList{
    margin-top: 40px;
}
.contactList li{
    padding: 0 15px;
    text-align: center;
}
.contactList li .content{
    min-height: 220px;
    background: #F7F7F7;
    position: relative;
    z-index: 1;
    
}

.contactList li .icon{
    width: 110px;
    height: 110px;
    margin-top: -40px;
}
.contactList li .content .tit{
    color: #333333;
    font-size: 22px;
    margin: 20px 0 20px;
}
.contactList li .content .text{
    color: #666666;
    font-size: 16px;
}
.contactList li .content .bgtext{
    color: #F2F1F1;
    font-size: 50px;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: bold;
    text-transform:uppercase;
    z-index: -1;
}
.map{
    padding: 0 30px;
    margin-top: 58px;
}
/* 联系我们  end */
/* information   start */
.detaile{
    background: #FFF;
    margin-top:60px ;
}
.detaile .title{
    font-size: 24px;
    color: #333333;
    padding: 30px 0;
    text-align: center;
}
.detaile .date{
    text-align: center;
    font-size: 16px;
    color: #999;
}
.detaile .date span{
    padding: 0 30px;
}
.newsPage{
    overflow: hidden;
    margin-top: 40px;
}
.newsPage .prev,
.newsPage .next{
    width: 49%;
    background: #FFF;
    padding:  20px 37px;
    cursor: pointer;
    color: #333333;
    position: relative;
    white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; 
}
.newsPage .prev a,
.newsPage .next a{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.newsPage .prev{
    float: left;
}
.newsPage .prev span{
    color: #666666;
}
.newsPage .prev:hover span{
   color:#D91F2D ;
}
.newsPage .next{
    float: right; 
}
.newsPage .next span{
    color: #666666;
}
.newsPage .next:hover span{
    color:#D91F2D ;
}
/* information   end */

/* 新闻列表  start */
.news{
    margin-top: 50px;
    padding: 0 70px;
    background: #FFF;
}
.news .title{
    overflow: hidden;
    padding: 40px 0 36px;
    border-bottom:8px solid #F7F7F7 ;
}
.news .title .left {

}
.news .title .right {

}
.news .title .left .cn{
    font-size: 24px;
    line-height: 30px;
    color: #333333;
}
.news .title .left .cn span{
    display: inline-block;
    height: 26px;
    width: 4px;
    background:#D91F2D ;
    vertical-align: middle;
    margin-right: 17px;
}
.news .title .left .en{
    font-size: 20px;
    color: #999999;
    margin-top: 20px;
}
.news .title .right{
    float: right;
    text-align: right;
}
.news .title .right button{
    color: #666666;
    font-size: 20px;
    border:1px solid #E5E5E5;
    padding: 14px 0;
    width: 180px;
    background: #FFFFFF;
}
.news .title .right button:hover{
    background: #D91F2D;
    color: #FFF;
    border: 1px solid #E5E5E5;
}
.news .title .right .on{
    background: #D91F2D;
    color: #FFF;
    border: 1px solid #E5E5E5;
}
.news .title .right button span{
    display: inline-block;
    width: 27px;
    height: 27px;
    vertical-align: middle;
    margin-right:13px ;
}
.news .title .right button:nth-child(1) span{
    background: url(../images/new.png) no-repeat center;
    background-size:100% 100%;
}
.news .title .right button:nth-child(1):hover span{
    background: url(../images/new-h.png) no-repeat center;
    background-size:100% 100%;
}
.news .title .right .botton .on:nth-child(1) span{
    background: url(../images/new-h.png) no-repeat center;
    background-size:100% 100%;
}
.news .title .right button:nth-child(2){
    margin-left: 30px;
}
.news .title .right button:nth-child(2) span{
    background: url(../images/new2.png) no-repeat center;
    background-size:100% 100%; 
}
.news .title .right button:nth-child(2):hover span{
    background: url(../images/new2-h.png) no-repeat center;
    background-size:100% 100%; 
}
.news .title .right .botton .on:nth-child(2) span{
    background: url(../images/new2-h.png) no-repeat center;
    background-size:100% 100%; 
}
.bigNews{
    overflow: hidden;
    border: 1px solid #E7E7E7;
    margin: 40px auto;
    cursor: pointer;
    position: relative;
}
.bigNews a{
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.bigNews .left{
    padding: 0;
}
.bigNews .left img{
    width: 100%;
}
.bigNews .right .smalltitle{
    font-size: 22px;
    color: #333333;
    padding: 20px 0;
    white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; 
}
.bigNews .right .date{
    font-size: 18px;
    color: #333333;
}
.bigNews .right .text{
    font-size: 16px;
    color: #999999;
    margin: 15px auto ;
    overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.bigNews .right .see{
    font-size: 16px;
    color: #666;
}
.bigNews:hover .right .smalltitle{
    color:#D91F2D ;
}
.bigNews:hover .right .date{
    color:#D91F2D ;
}
.bigNews:hover .right .see{
    color:#D91F2D ;
}
.news_con{display:none;}
.news_con.current{display:block;}
.newsList li{
    overflow: hidden;
    background: #F7F7F7;
    position: relative;
    padding: 40px 0;
    cursor: pointer;
    margin-bottom: 30px;
}
.newsList li a{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
}
.newsList li .left{
    text-align: center;
    border-right:1px solid #BCBCBC;
}
.newsList li .left .day{
    font-size: 40px;
    color: #333333;
}
.newsList li .left .year{
    font-size:20px;
    color: #333333;
    margin-top: 10px;
}
.newsList li .cen .tit{
    font-size:22px;
    color: #333333;
    white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; 
}
.newsList li .cen .txt{
    font-size:16px;
    color: #666666;
    margin-top: 20px;
    overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsList li .right{
    text-transform: uppercase;
    font-size: 16px;
    color: #666666;
    width: 140px;
    height: 44px;
    line-height: 44px;
    background: #FFF;
    text-align: center;
    cursor: pointer;
    margin: 0 auto 0;
    /*margin: 25px auto 0;*/
}
.newsList li:hover .right{
    color: #FFF;
    background:#D91F2D;
}
.redline{
    background:#D91F2D;
    width: 40px;
    height: 3px;
    margin: 0 auto;
}

/* 新闻列表  end */
/* 产品详情 start */
.product{
    overflow: hidden;
    margin-top: 60px;
}
.product .left{
    padding: 0 30px 0 0;
}
.product .left .title{
    background:url(../images/protitleBg.png) no-repeat center ;
    background-size:100% 100% ;
    padding:25px 40px;
}
.product .left .title .icon{
    float: left;
    margin-right: 20px;
    margin-top: 9px;
}
.product .left .title .text{
    display: inline-block;
}
.product .left .title .text .cn{
    font-size: 24px;
    color: #FFF;
}
.product .left .title .text .en{
    font-size: 16px;
    color: #F9C1C0;
}
.titleList li{
    padding: 20px 40px;
    background: #FFF;
    cursor: pointer;
    color:#333333;
    font-size: 22px;
}
.titleList li span{
    display: inline-block;
    width: 80%;
    white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
.titleList li i{
    display: inline-block;
    width:18px;
    height: 18px;
    background: url(../images/go.png) no-repeat center;
    background-size:auto 100% ;
    float:right;
    margin-top: 7px;
}
.titleList li:hover{
    background: #FBE8EA;
    color: #D91F2D;
}
.titleList .on{
    background: #FBE8EA;
    color: #D91F2D;
}
.titleList li:hover i{
    background: url(../images/go-h.png) no-repeat center;
    background-size:auto 100% ;
}
.titleList .on i{
    background: url(../images/go-h.png) no-repeat center;
    background-size:auto 100% ;
}
.product .newsPage{
    padding: 0;
}
/* 产品详情 end */
/* 产品中心  start */
.product .right{
    
}
.product .right ul li {
    overflow: hidden;
    position: relative;
    background: #FFF;
    padding: 20px 0;
    border: 1px solid #FFF;
    cursor: pointer;
    margin-bottom:20px;
}
.product .right ul li a{
    display: inline-block;
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
    z-index: 8;
    position: absolute;
}
.product .right ul li:hover{
    border: 1px solid #D91F2D;
}
.product .right ul li .le{
    padding:0 20px;
}
.product .right ul li .le img{
	width: 100%;
}
.product .right ul li .ri1 .title i{
    display: inline-block;
    width: 3px;
    height: 19px;
    background:#D91F2D ;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
    top: -3px;
}
.product .right ul li .ri1 .title{
   line-height: 25px;
   font-size: 20px;
   color: #333333;
   padding: 30px 0;
}
.product .right ul li:hover .ri1 .title{
   color: #D91F2D;
}
.product .right ul li .ri1 .text{
   color: #999999;
   font-size: 18px;
   overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.product .right ul li .ri1 .more{
   color: #666666;
   font-size: 16px;
   margin-top: 40px;
}
.product .right ul li:hover .ri1 .more{
   color: #D91F2D;
}
/* 产品中心  end */

/* 响应式 */
.rich_txt{padding:30px 0;}
@media (min-width: 200px) {
.bigTitle {padding: 15px 0 15px; }  
.contactList li .icon { width: 65px;height: 65px; margin-top: -15px;}
.contactList li .content .tit {font-size: 18px;margin: 12px 0 12px;}
.contactList li {padding: 0;}
.contactList li .content {min-height: 160px;}
.contactList li{margin-top: 40px;}
.contactList {margin-top: 0px;}
.map {padding: 0 15px;margin-top: 30px;margin-bottom:20px;text-align:center;}
.map img{margin:0 auto;}
.detaile { margin-top: 20px;}
.detaile1 { margin-top: 0;}
.newsPage .prev, .newsPage .next {padding: 10px 10px;}
.newsPage { margin-top: 20px;margin-bottom:20px;}
.news {margin-top: 25px;padding: 0 15px;}
.news .title .right{margin-top: 10px;}
.news .title .right button {color: #666666;font-size: 14px;width:49%;padding:10px 0;}
.news .title .right button:nth-child(2) {margin-left: 0px;}
.news .title .left .en {font-size: 18px;margin-top: 5px;}
.newsList li .left {border-right: none;}
.product .left {padding: 0;}
.product { margin-top: 20px;margin-bottom:20px;}
.product .left .title {padding: 8px 15px;}
.titleList li {padding: 10px 10px;font-size: 16px;}
.product .right {padding: 0 ;}
.product .right ul li .ri1{margin-top: 20px;}
.product .right ul li .ri1 .title {line-height: 25px;font-size: 18px; padding: 5px 0;}
.product .right ul li .ri1 .more {margin-top: 20px;}
.product .right ul li .ri1 .text { font-size: 14px;}
.detaile .date span {padding: 0 10px;}
.detaile .title {font-size: 14px;padding: 15px 0;}
.detaile .date { font-size: 14px;}
}
@media (min-width:200px) and (max-width:767px) {
	.bigTitle .cn{font-size:22px;}
	.bigTitle .en{font-size:18px;}
	.rich_txt{padding:15px 0;}
	.product .right{margin-top:20px;}
	.titleList li i{margin-top:2px;width:9px;height:13px;}
	.news .title .right button span{width:22px;height:22px;margin-right:5px;}
	.news .title{padding:20px 0;}
	.news .title .left .cn{font-size:22px;line-height:25px;}
	.news .title .left .cn span{vertical-align:top;margin-right:10px;height:23px;}
	.bigNews{margin:20px auto;padding-bottom:15px;}
	.newsList li{padding:15px 0;}
	.bigNews .right .text{margin:10px auto;}
	.bigNews .right .smalltitle{padding:10px 0;font-size:20px;}
	.newsList li .right{margin:15px 15px 0;height:40px;line-height:40px;}
	.newsList li .cen .txt{margin-top:10px;}
	.newsList li .cen .tit{font-size:20px;}
	.product .left .title .icon{margin-right:15px;width:28px;}
	.product .left .title .text .cn{font-size: 18px;}
	.product .left .title .text .en{font-size: 14px;}
	.titleList li{line-height:1;}
}
@media (min-width: 768px) {
.bigTitle {padding: 30px 0 30px; }
.contactList li .icon { width: 80px;height: 80px; margin-top: 25px;}
.contactList li .content .tit {font-size: 20px;margin: 15px 0 15px;}
.contactList li {padding: 0 15px;}
.contactList li .content {min-height: 220px;}
.contactList li{margin-top: 30px;}
.contactList {margin-top: 15px;}
.map {padding: 0 30px;margin-top: 58px;margin-bottom:58px;}
.detaile { margin-top: 40px;}
.detaile1 { margin-top: 0;}
.newsPage .prev, .newsPage .next {padding: 20px 37px;}
.newsPage { margin-top: 40px;margin-bottom:40px;}
.news {margin-top: 30px;padding: 0 45px;}
.news .title .right{margin-top: 0;}
.news .title .right button {color: #666666;font-size: 16px;width:140px; padding:10px 0;}
.news .title .right button:nth-child(2) {margin-left: 15px;}
.news .title .left .en {font-size: 18px;margin-top: 10px;}

.newsList li .left {border-right: 1px solid #BCBCBC;}
.product .left {padding: 0 20px 0 0;}
.product { margin-top: 40px;margin-bottom:40px;}
.product .left .title {padding: 15px 15px;}
.titleList li {padding: 15px 25px;font-size: 18px;}
.product .right {padding: 0 0 15px 0;}
.product .right ul li .ri1{margin-top: 0;}
.product .right ul li .ri1 .title {line-height: 23px;font-size:16px; padding:0px 0 10px;}
.product .right ul li .ri1 .more {margin-top: 10px;font-size: 14px;}
.product .right ul li .ri1 .text { font-size: 14px;}
.detaile .date span {padding: 0 20px;}
.detaile .title {font-size: 20px;padding: 20px 0;}
.detaile .date { font-size: 16px;}

    .newsList li .left{
        float:none;
        display:inline-block;
        vertical-align:middle;
    }
    .newsList li .cen{
        float:none;
        display:inline-block;
        vertical-align:middle;
    }
    .newsList li .right{
        float:none;
        display:inline-block;
        vertical-align:middle;
    }

}
@media (min-width:768px) and (max-width:991px){
    .newsList li .cen{width:59.666667%;}
}
@media (min-width: 992px) {
.bigTitle {padding: 50px 0 38px; }
.contactList li .icon { width: 110px;height: 110px; margin-top: -40px;}
.contactList li .content .tit {font-size: 22px;margin: 20px 0 20px;}
.contactList li{margin-top: 0;}
.contactList {margin-top: 40px;}
.detaile { margin-top: 60px;}
.detaile1 { margin-top: 0px;}
.news {margin-top: 50px;padding: 0 70px;}
.news .title .right button {color: #666666;font-size: 20px;width: 180px;padding:14px 0;}
.news .title .right button:nth-child(2) {margin-left: 30px;}
.news .title .left .en {font-size: 20px;margin-top: 20px;}
.product .left {padding: 0 30px 0 0;}
.product { margin-top: 60px;margin-bottom:60px;}
.product .left .title {padding: 18px 19px;}
.titleList li {padding: 20px 40px;font-size: 22px;}
.product .right ul li .ri1 .title {line-height: 23px;font-size:18px; padding:0px 0 15px;}
.product .right ul li .ri1 .more {margin-top:20px;}
.product .right ul li .ri1 .text { font-size:16px;}
.detaile .date span {padding: 0 30px;}
.detaile .title {font-size: 24px;padding: 30px 0;}



}
@media (min-width:992px) and (max-width: 1199px){
    .newsList li .cen{width:62.666667%;}
    .newsList li .left{width:13.666667%;}

}
    @media (min-width: 1200px) {
.product .left .title {padding: 25px 40px;}
    .newsList li .cen{padding-left:35px;}
}

@media (min-width: 1500px) {
    .newsList li .left{width:12.666667%;}
}