@charset "utf-8";
/*初始化样式*/
/*网站变灰色

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
*/






@media(min-width:1201px)
{
/*首页*/
.H_hot{width: 1520px; margin: 0 auto; max-width: 96%; height: 72px; background: #e62129; position: relative; margin-top: -36px; z-index: 99;  overflow: hidden;}
.H_hot .H_hotTip{width: 40%; margin-left: 2%; line-height: 72px; color: #fff; font-size: 16px; float: left;}
.H_hot .H_hotTip a{font-size: 16px; color: #fff;}

.H_hotSearch{float: right; width: 312px; height: 36px; margin-top: 20px; border-bottom: 1px solid #f39094; margin-right: 2%;}
.H_hotSearch .text{color: #fadfe0; font-size: 16px; height: 36px; line-height: 36px; width: 80%; float: left; font-family: "宋体";}
.H_hotSearch .btn{width: 20%; float: right; height: 36px; background: url(../images/icon_search.png) 100% 50% no-repeat;}

.H_Title{text-align: center;}
.H_Title .cn{font-size: 30px;text-align:center;padding-top:50px;color:#000;}
.H_Title i{width: 36px; height: 1px; background: #e62129; display: none; margin: 16px auto 0;}

.H_por{width: 1520px; margin: 50px auto 0; max-width: 96%; }
.H_porBox{margin-top: 30px;}
.H_porL{width: 10%; float: left;}
.H_porL ul li{position:relative; width: 100%; border-radius: 4px; background: #8b8a8a; height: 81px; text-align: center; overflow: hidden; margin-top: 22%;}
.H_porL ul li:first-child{margin-top: 0;}
.H_porL ul li .pic{height: 81px;}
.H_porL ul li .pic img{width: 100%; height: 81px;}
.H_porL ul li .title{position: absolute; top: 0; left: 0; line-height: 81px; width: 100%; height: 100%; font-size: 18px; color: #fff; font-weight: bold;}
.H_porL ul li:hover,.H_porL ul li.on{background-color: #a1171d; }


.H_porR{width: 88%; float: right;}
.H_porR_pic img{display: block; width: 100%; }
.H_porR_list{margin-top: 20px;}
.H_porR_list ul li:first-child{margin-left: 0;}
.H_porR_list ul li{width: 16%; float: left; margin-left: 0.8%;}
.H_porR_list ul li .pic{background: #efefef; height: 137px; text-align: center;}
.H_porR_list ul li .pic img{width: 100%; display: block;}
.H_porR_list ul li .title{height: 41px; line-height: 41px; text-align: center; display: block; background: #d3d3d3 url(../images/icon_more.jpg) 100% 0 no-repeat; color: #272727; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


.H_case{margin-top: 50px;}

.H_caseMenu{margin-top: 32px; width: 100%; border-top: 1px solid #f5f5f5;}
.H_caseMenuList{width: 1180px; max-width: 100%; position: relative; margin: 0 auto; position: relative;}
.H_caseMenuList ul{width: 84%; margin: 0 auto;}
.H_caseMenuList ul li{width: 169px; float: left; text-align: center; background: url(../images/icon_line.png) 0 50% no-repeat;}
.H_caseMenuList ul li:first-child{background: none;}
.H_caseMenuList ul li span{display: block;}

.H_caseMenuList ul li .pic{display:block; height: 60px; text-align: center; vertical-align:bottom;}
.H_caseMenuList ul li .pic img{vertical-align:middle;  margin: 0 auto;}
.H_caseMenuList ul li .title{font-size: 16px; color: #999;}
.H_caseMenuList ul li a{display: block; padding: 16px 0; border-top: 5px solid #fff;}
.H_caseMenuList ul li a:hover,.H_caseMenuList ul li.on a{background: #f9f9f9; border-top: 5px solid #e62129;}
.H_caseMenuList ul li span .H_caseIcon{display: block;}
.H_caseMenuList ul li span .H_caseHover{display: none;}
.H_caseMenuList ul li:hover span .H_caseIcon,.H_caseMenuList ul li.on span .H_caseIcon{display: none;}
.H_caseMenuList ul li:hover span .H_caseHover,.H_caseMenuList ul li.on span .H_caseHover{display: block;}
.H_caseMenuList ul li:hover .title,.H_caseMenuList ul li.on .title{color: #e62129;}
.H_caseMenuList .bx-wrapper{margin: 0 auto;}
.H_caseMenuList .bx-pager{display: none;}
.H_caseMenuList .bx-controls-direction .bx-prev{width: 44px; height: 48px; background: url(../images/icon_arrowl.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -24px; left: -160px; text-indent: 44px; overflow: hidden;}
.H_caseMenuList .bx-controls-direction .bx-next{width: 44px; height: 48px; background: url(../images/icon_arrowr.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -24px; right: -160px; text-indent: 44px; overflow: hidden;}

.H_caseList{border-top: 3px solid #e62129;}
.H_caseList dl dd{display: none;}
.H_caseList img{display: block; width: 100%; opacity:0; }
.H_casePicL{width: 49.3%; float: left; position: relative; cursor: pointer; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.H_casePicR{width: 50.3%; float: right;    cursor: pointer;}
.H_casePicR .left{float: left; width: 49.1%; float: left; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.H_casePicR  .right{float: left; width: 50.1%; float: right; }
.H_casePicR  .right_t{height: 50%;  position: relative;  cursor: pointer; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.H_casePicR  .right_b{height: 50%;  position: relative;  cursor: pointer; background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.H_casePicR  .right_t { margin-bottom: 1.25%;}

.H_caseList .right .hover .text{ padding:5% 10% 0 10%}
.H_caseList .right .hover .text p{ padding:0; margin:0;}

.H_caseList .title{position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; background: rgba(0, 0, 0, 0.48); color: #fff; text-align: center; line-height: 55px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.H_caseList .hover{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; display: none; overflow:hidden;}
.H_caseList .hover .text{color: #fff;  padding: 20% 30% 0 30%;}

.H_caseList .hover .btn{width: 47px; height: 47px; display: block; margin: 10px auto 0; background: url(../images/icon_more2.png) 0 0 no-repeat;}

.H_casePicL:hover .hover{display: block;}
.H_casePicR .left:hover .hover{display: block;}
.H_casePicR  .right_t:hover .hover{display: block;}
.H_casePicR  .right_b:hover .hover{display: block;}

.H_about{width: 1520px; margin: 48px auto 0; max-width: 96%; }
.H_aboutBox{background: url(../images/bg.jpg) 100% 0 no-repeat; margin-top: 30px;}
.H_aboutL{width: 60%; float: left;}
.H_aboutL img{width: 100%; display: block;}
.H_aboutR{width: 30%; float: left; padding:0 5%;}
.H_aboutR .title{margin-top: 12%; font-size: 24px; font-weight: bold; color: #e62129;}
.H_aboutR .title span{display: none; width: 23px; height: 2px; background: #e62129; margin-top: 20px;}
.H_aboutR .text{font-size: 16px; color: #333; margin-top: 40px; height: 210px; overflow-y: scroll;}
.H_aboutR .btn{width: 160px; height: 48px; line-height: 48px; text-align: center; background: #e62129; font-size: 14px; color: #fff; margin-top: 40px; display: block;}

.H_adv{margin-top: 80px;}
.H_adv img{width: 100%; display: block;}

.H_news{width: 1520px; max-width: 96%; margin: 68px auto 0;}
.H_newsL{width: 30%; float: left; padding: 3% 5% 4.4% 5%; background: #f3f3f3;}
.H_newsMenu ul li{float: left; font-size: 30px; color: #666; padding: 0 12px; background: url(../images/news_line.png) 0 0 no-repeat;}
.H_newsMenu ul li:first-child{padding-left: 0; background: none;}
.H_newsMenu ul li.on a{border-bottom: 1px solid #e62129; color: #e62129; display: block; padding-bottom: 15px;}
.H_newsList{margin-top: 29px;}
.H_newsList .H_newsListBox{display: none;}
.H_newsList .H_newsListBox.on{display:block;}

.H_newsListBox .btn{text-align: center; background: #e62129; color: #fff; height: 48px; line-height: 48px; width: 160px; font-size: 14px; display: block; margin-top: 20px;}
.H_newsList ul .top{ padding:0 0 10px 0; border-bottom: 1px solid #e8e8e8;}
.H_newsList ul .top .pic{width: 22%; float: left;}
.H_newsList ul .top .pic img{width: 100%;}
.H_newsList ul .top .con{width: 74%; float: right;}
.H_newsList ul .top .con .title{font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.H_newsList ul .top .con .title:hover{color: #e62129;}
.H_newsList ul .top .con .title span{float: right; font-size: 14px; color: #666;}
.H_newsList ul .top .con .text{margin-top: 10px; font-size: 14px; color: #e62129; max-height: 48px; overflow: hidden;}
.H_newsList ul li a.tip{color: #333; font-size: 16px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.H_newsList ul li .time{float: right; font-size: 14px; color: #666;}
.H_newsList ul li{padding: 10px 0; border-bottom: 1px solid #e8e8e8;}
.H_newsList ul li a:hover{color: #e62129;}

.H_newsR{width: 59.5%; float: right; position:relative;}
.H_newsR ul li a{display: block; position: relative;}
.H_newsR ul li a img{width: 100%; display: block;}
.H_newsR ul li a .title{position: absolute; left: 0; bottom: 0; background: #a1a1a4; height: 60px; line-height: 60px; color: #fff; font-size: 18px; width: 100%; text-align: center;}
.H_newsR ul li a i{width: 82px; height: 82px; position: absolute; top: 50%; left: 50%; margin-top: -41px; margin-left: -41px; background: url(../images/icon_video.png) 0 0 no-repeat;}
.videoCon{display: none; background: #000;}
.videoCon video{width: 100%; height: 400px;}
.H_newsR .bx-controls .bx-pager{position: absolute; width: 97%; bottom: 14px; left: 0; text-align: right; z-index: 99;}
.H_newsR .bx-controls .bx-pager-item {display: inline-block; margin: 0 2px;}
.H_newsR .bx-controls .bx-pager-item a{display: block; width: 13px; height: 13px; background: #c8c8c8; border-radius: 50%; text-indent: 13px; overflow: hidden; cursor: pointer;}
.H_newsR .bx-controls .bx-pager-item a.active{background: #e62129;}

.footer_1{width: 1520px; max-width: 96%; border-top: 1px solid #e3e3e3; margin: 62px auto 0; padding:25px 0;}
.footer_1_box{width: 20%; float: left;}
.footer_1_box2{margin-left: 5%;}
.footer_1_list{margin-top:-3px;}
.footer_1_list ul li{float: left;width: 50%; margin-bottom: 12px;}
.footer_1_list ul li a:hover{color: #e62129;}
.footer_1_list ul li a{font-size: 14px; color: #666; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/footer_arrow.png) 0 50% no-repeat; padding-left: 12px; display: block;}
.footer_1Top{font-size: 24px; color: #5f5d5d; border-left:3px solid #e72a33; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom:15px;}
.footer_1_Code{width: 10%; margin-left: 10%;}
.footer_1_Code .footer_1Code{margin-top:18px;  padding-left:10px; width:95px; text-align:center;}
.footer_1_Code .footer_1Code img{ height: 95px; width:95px;}
.footer_1Code span{display: block; font-weight: bold; color: #5f5d5d; font-size:15px;}
.footer_1_contact{float: right; max-width: 30%; width:auto;}

.footer_1_contact strong{ margin-top:10px; display:block;}
/*首页*/


@media screen and (max-width:1520px){


.H_porL{width: 100%;}
.H_porL ul li{width: 13.5%; float: left; margin-left: 0.8%; margin-top: 0;}
.H_porL ul li:first-child{margin-left: 0;}
.H_porL ul li:last-child{display: block; margin-left: 0.8%;}

.H_porR{width: 100%;}

.H_porR_pic{margin-top:19px;}

.H_caseMenuList .bx-controls-direction .bx-prev{left: 0;}
.H_caseMenuList .bx-controls-direction .bx-next{right: 0;}

.H_about{padding: 0 2%;}
.H_por{padding: 0 2%; }

.H_newsL{width: 30%; float: left; padding: 3% 5% 1.8% 5%; background: #f3f3f3;}


}
@media screen and (max-width:1200px){


.H_caseList .hover .text{color: #fff;  padding: 10% 10% 0 10%;}
.H_caseList .hover .btn{width: 30px; height: 30px; background-size: cover; margin-top: 0;}

.H_aboutR .title{font-size: 18px;}
.H_aboutR .text{height: 100px;}


}

@media screen and (max-width:1002px){


.H_hotSearch{width: 40%;}
.H_hot .H_hotTip{font-size: 12px;}
.H_hot .H_hotTip a{font-size: 12px;}

.H_aboutR .text{height: 92px;}
.H_aboutR .title{font-size: 16px;}
.H_aboutR .text{font-size: 14px;}

.H_newsMenu ul li{font-size: 20px;}
.H_newsList ul .top .pic{width: 40%;}
.H_newsList ul .top .con{width: 56%;}

.H_newsL {width: 36%;padding: 3% 2% 1.8% 2%;}

.H_newsList ul .top .con .title{font-size: 14px;}
.H_newsList ul li a.tip{font-size: 14px;}


}
@media screen and (max-width:840px){
.pro_infoT_L{ float:none;}
.pro_infoT_L .listpc{ display:none;}
.pro_infoT_L .listwap{ display:block;}

.pro_infoT{ margin-top:10px;}
}
@media screen and (max-width:767px){


.HomeBan .bx-controls-direction .bx-prev{display: none;}
.HomeBan .bx-controls-direction .bx-next{display: none;}
.HomeBan .bx-pager{bottom: 10px;}

.H_hot{width: 100%; height: 40px; line-height: 40px; max-width: 100%; position: static; margin-top: 0;}
.H_hot .H_hotTip{font-size: 12px; line-height: 40px;}
.H_hot .H_hotTip a{font-size: 12px;}

.H_hotSearch{margin-top: 0;}
.H_hotSearch .text{font-size: 14px;}


.H_porL ul li{width: 31.33%; float: left; margin:10px 1%; margin-top: 10px;}
.H_porR_list ul li{width: 31.33%; float: left; margin:10px 1%;}
.H_porL ul li:first-child{margin-left: 1%; margin-top: 10px;}
.H_porL ul li:last-child{margin-left: 0.8%;}
.H_porR_list ul li:first-child{margin-left: 1%;}

.H_casePicL{width: 100%;}
.H_casePicR{width: 100%; margin-top: 4px;}

.H_aboutL{width: 100%;}
.H_aboutR{width: 90%;}
.H_aboutBox{background: url(../images/bg.jpg) 50% 100% no-repeat; padding-bottom: 20px; background-size: cover;}

.H_adv{margin-top: 20px;}
.H_news{margin-top: 20px;}
.H_newsL{width: 96%; padding: 2%;}
.H_newsR{width: 100%; margin-top: 10px;}
.H_newsR .iframe{width: 100%;}





.H_newsListBox .btn{width: 100px; height: 35px; line-height: 35px;}
.H_Title .cn{font-size: 24px;}


}
@media screen and (max-width:640px){


.H_caseList .title{ font-size: 13px; line-height: 40px; height: 40px; }


}

@media screen and (max-width:479px){
.H_caseMenuList .bx-controls-direction .bx-prev{width: 30px; height: 34px; background-size: cover;}
.H_caseMenuList .bx-controls-direction .bx-next{width: 30px; height: 34px;background-size: cover;}

.H_adv{margin-top: 20px;}

.H_newsR ul li a i{width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; background-size: cover;}
.H_newsR ul li a .title{height: 40px; line-height: 40px;}
.H_newsR .bx-controls .bx-pager{bottom: 5px;}


}
.cpfl {  text-align:center;font-size:40px;margin-top:150px;margin-bottom:20px;}


}








@media(max-width:1200px)
{
	
	.cpfl { text-align:center;font-size:40px;margin-top:150px;margin-bottom:20px;}
/*首页*/
.H_hot{ width: 1520px; margin: 0 auto; max-width: 96%; height: 72px; background: #e62129; position: relative; margin-top: -36px; z-index: 99;  overflow: hidden;}
.H_hot .H_hotTip{ width: 40%; margin-left: 2%; line-height: 72px; color: #fff; font-size: 16px; float: left;}
.H_hot .H_hotTip a{ font-size: 16px; color: #fff;}

.H_hotSearch{ float: right; width: 312px; height: 36px; margin-top: 20px; border-bottom: 1px solid #f39094; margin-right: 2%;}
.H_hotSearch .text{ color: #fadfe0; font-size: 16px; height: 36px; line-height: 36px; width: 80%; float: left; font-family: "宋体";}
.H_hotSearch .btn{ width: 20%; float: right; height: 36px; background: url(../images/icon_search.png) 100% 50% no-repeat;}

.H_Title{ text-align: center;}
.H_Title .cn{  font-size: 30px; padding-top:10px;}
.H_Title i{ width: 36px; height: 1px; background: #e62129; display: none; margin: 16px auto 0;}

.H_por{ width: 1520px;max-width: 96%; }
.H_porBox{ /* margin-top: 15px; */}
.H_porL{ width: 10%; float: left;}
.H_porL ul li{ position:relative; width: 100%; border-radius: 4px; background: #8b8a8a; height: 31px; text-align: center; overflow: hidden; margin-top: 22%;}
.H_porL ul li:first-child{ margin-top: 0;}
.H_porL ul li:last-child{display:none;}
.H_porL ul li .pic{ height: 81px;}
.H_porL ul li .pic img{ width: 100%; height: 81px;}
.H_porL ul li .title{ position: absolute; top: 0; left: 0; line-height: 31px; width: 100%; height: 100%; font-size: 0.7rem; color: #fff; /* font-weight: bold; */}

.H_porL ul li:hover,.H_porL ul li.on{ background-color: #a1171d; }


.H_porR{ width: 88%; float: right;}
.H_porR_pic img{ display: block; width: 85%; }
.H_porR_list{ /* margin-top: 20px; */}
.H_porR_list ul li:first-child{ margin-left: 0;}
.H_porR_list ul li{ width: 16%; float: left; margin-left: 0.8%;}
.H_porR_list ul li .pic{ background: #efefef; height: 137px; text-align: center;}
.H_porR_list ul li .pic img{ width: 100%; display: block;}
.H_porR_list ul li .title{ height: 31px; line-height: 31px; text-align: center; display: block; background: #d3d3d3 url(../images/icon_more.jpg) 100% 0 no-repeat; color: #272727; font-size: 0.7rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


.H_case{ margin-top: 50px;}

.H_caseMenu{ margin-top: 32px; width: 100%; border-top: 1px solid #f5f5f5;}
.H_caseMenuList{ width: 1180px; max-width: 100%; position: relative; margin: 0 auto; position: relative;}
.H_caseMenuList ul{ width: 84%; margin: 0 auto;}
.H_caseMenuList ul li{ width: 169px; float: left; text-align: center; background: url(../images/icon_line.png) 0 50% no-repeat;}
.H_caseMenuList ul li:first-child{ background: none;}
.H_caseMenuList ul li span{ display: block;}

.H_caseMenuList ul li .pic{ display:block; height: 60px; text-align: center; vertical-align:bottom;}
.H_caseMenuList ul li .pic img{ vertical-align:middle;  margin: 0 auto;}
.H_caseMenuList ul li .title{ font-size: 16px; color: #999;}
.H_caseMenuList ul li a{ display: block; padding: 16px 0; border-top: 5px solid #fff;}
.H_caseMenuList ul li a:hover,.H_caseMenuList ul li.on a{ background: #f9f9f9; border-top: 5px solid #e62129;}
.H_caseMenuList ul li span .H_caseIcon{ display: block;}
.H_caseMenuList ul li span .H_caseHover{ display: none;}
.H_caseMenuList ul li:hover span .H_caseIcon,.H_caseMenuList ul li.on span .H_caseIcon{ display: none;}
.H_caseMenuList ul li:hover span .H_caseHover,.H_caseMenuList ul li.on span .H_caseHover{ display: block;}
.H_caseMenuList ul li:hover .title,.H_caseMenuList ul li.on .title{ color: #e62129;}
.H_caseMenuList .bx-wrapper{ margin: 0 auto;}
.H_caseMenuList .bx-pager{ display: none;}
.H_caseMenuList .bx-controls-direction .bx-prev{ width: 44px; height: 48px; background: url(../images/icon_arrowl.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -24px; left: -160px; text-indent: 44px; overflow: hidden;}
.H_caseMenuList .bx-controls-direction .bx-next{ width: 44px; height: 48px; background: url(../images/icon_arrowr.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -24px; right: -160px; text-indent: 44px; overflow: hidden;}

.H_caseList{ border-top: 3px solid #e62129;}
.H_caseList dl dd{ display: none;}
.H_caseList img{ display: block; width: 100%; opacity:0; }
.H_casePicL{ width: 49.3%; float: left; position: relative; cursor: pointer; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.H_casePicR{ width: 50.3%; float: right;    cursor: pointer;}
.H_casePicR .left{ float: left; width: 49.1%; float: left; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.H_casePicR  .right{ float: left; width: 50.1%; float: right; }
.H_casePicR  .right_t{ height: 50%;  position: relative;  cursor: pointer; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.H_casePicR  .right_b{ height: 50%;  position: relative;  cursor: pointer; background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.H_casePicR  .right_t {  margin-bottom: 1.25%;}

.H_caseList .right .hover .text{  padding:5% 10% 0 10%}
.H_caseList .right .hover .text p{  padding:0; margin:0;}

.H_caseList .title{ position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; background: rgba(0, 0, 0, 0.48); color: #fff; text-align: center; line-height: 55px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.H_caseList .hover{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; display: none; overflow:hidden;}
.H_caseList .hover .text{ color: #fff;  padding: 20% 30% 0 30%;}

.H_caseList .hover .btn{ width: 47px; height: 47px; display: block; margin: 10px auto 0; background: url(../images/icon_more2.png) 0 0 no-repeat;}

.H_casePicL:hover .hover{ display: block;}
.H_casePicR .left:hover .hover{ display: block;}
.H_casePicR  .right_t:hover .hover{ display: block;}
.H_casePicR  .right_b:hover .hover{ display: block;}

.H_about{ width: 1520px; margin: 48px auto 0; max-width: 96%; }
.H_aboutBox{ background: url(../images/bg.jpg) 100% 0 no-repeat; margin-top: 30px;}
.H_aboutL{ width: 60%; float: left;}
.H_aboutL img{ width: 100%; display: block;}
.H_aboutR{ width: 30%; float: left; padding:0 5%;}
.H_aboutR .title{ margin-top: 12%; font-size: 24px; font-weight: bold; color: #e62129;}
.H_aboutR .title span{ display: none; width: 23px; height: 2px; background: #e62129; margin-top: 20px;}
.H_aboutR .text{ font-size: 16px; color: #333; margin-top: 40px; height: 210px; overflow-y: scroll;}
.H_aboutR .btn{ width: 160px; height: 48px; line-height: 48px; text-align: center; background: #e62129; font-size: 14px; color: #fff; margin-top: 40px; display: block;}

.H_adv{ margin-top: 80px;}
.H_adv img{ width: 100%; display: block;}

.H_news{ width: 1520px; max-width: 96%; margin: 68px auto 0;}
.H_newsL{ width: 30%; float: left; padding: 3% 5% 4.4% 5%; background: #f3f3f3;}
.H_newsMenu ul li{ float: left; font-size: 30px; color: #666; padding: 0 12px; background: url(../images/news_line.png) 0 0 no-repeat;}
.H_newsMenu ul li:first-child{ padding-left: 0; background: none;}
.H_newsMenu ul li.on a{ border-bottom: 1px solid #e62129; color: #e62129; display: block; padding-bottom: 15px;}
.H_newsList{ margin-top: 29px;}
.H_newsList .H_newsListBox{ display: none;}
.H_newsList .H_newsListBox.on{ display:block;}

.H_newsListBox .btn{ text-align: center; background: #e62129; color: #fff; height: 48px; line-height: 48px; width: 160px; font-size: 14px; display: block; margin-top: 20px;}
.H_newsList ul .top{  padding:0 0 10px 0; border-bottom: 1px solid #e8e8e8;}
.H_newsList ul .top .pic{ width: 22%; float: left;}
.H_newsList ul .top .pic img{ width: 100%;}
.H_newsList ul .top .con{ width: 74%; float: right;}
.H_newsList ul .top .con .title{ font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.H_newsList ul .top .con .title:hover{ color: #e62129;}
.H_newsList ul .top .con .title span{ float: right; font-size: 14px; color: #666;}
.H_newsList ul .top .con .text{ margin-top: 10px; font-size: 14px; color: #e62129; max-height: 48px; overflow: hidden;}
.H_newsList ul li a.tip{ color: #333; font-size: 16px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.H_newsList ul li .time{ float: right; font-size: 14px; color: #666;}
.H_newsList ul li{ padding: 10px 0; border-bottom: 1px solid #e8e8e8;}
.H_newsList ul li a:hover{ color: #e62129;}

.H_newsR{ width: 59.5%; float: right; position:relative;}
.H_newsR ul li a{ display: block; position: relative;}
.H_newsR ul li a img{ width: 100%; display: block;}
.H_newsR ul li a .title{ position: absolute; left: 0; bottom: 0; background: #a1a1a4; height: 60px; line-height: 60px; color: #fff; font-size: 18px; width: 100%; text-align: center;}
.H_newsR ul li a i{ width: 82px; height: 82px; position: absolute; top: 50%; left: 50%; margin-top: -41px; margin-left: -41px; background: url(../images/icon_video.png) 0 0 no-repeat;}
.videoCon{ display: none; background: #000;}
.videoCon video{ width: 100%; height: 400px;}
.H_newsR .bx-controls .bx-pager{ position: absolute; width: 97%; bottom: 14px; left: 0; text-align: right; z-index: 99;}
.H_newsR .bx-controls .bx-pager-item { display: inline-block; margin: 0 2px;}
.H_newsR .bx-controls .bx-pager-item a{ display: block; width: 13px; height: 13px; background: #c8c8c8; border-radius: 50%; text-indent: 13px; overflow: hidden; cursor: pointer;}
.H_newsR .bx-controls .bx-pager-item a.active{ background: #e62129;}

.footer_1{ width: 1520px; max-width: 96%; border-top: 1px solid #e3e3e3; margin: 62px auto 0; padding:25px 0;}
.footer_1_box{ width: 20%; float: left;}
.footer_1_box2{ margin-left: 5%;}
.footer_1_list{ margin-top:-3px;}
.footer_1_list ul li{ float: left;width: 50%; margin-bottom: 12px;}
.footer_1_list ul li a:hover{ color: #e62129;}
.footer_1_list ul li a{ font-size: 14px; color: #666; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/footer_arrow.png) 0 50% no-repeat; padding-left: 12px; display: block;}
.footer_1Top{ font-size: 24px; color: #5f5d5d; border-left:3px solid #e72a33; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom:15px;}
.footer_1_Code{ width: 10%; margin-left: 10%;}
.footer_1_Code .footer_1Code{ margin-top:18px;  padding-left:10px; width:95px; text-align:center;}
.footer_1_Code .footer_1Code img{  height: 95px; width:95px;}
.footer_1Code span{ display: block; font-weight: bold; color: #5f5d5d; font-size:15px;}
.footer_1_contact{ float: right; max-width: 30%; width:auto;}

.footer_1_contact strong{  margin-top:10px; display:block;}
/*首页*/


@media screen and (max-width:1520px){ 


.H_porL{ width: 100%;}
.H_porL ul li{ width: 16%; float: left; margin-left: 0.8%; margin-top: 0;}
.H_porL ul li:first-child{ margin-left: 0;}
.H_porL ul li:last-child{ display:none; margin-left: 0; margin-top: 10px;}

.H_porR{ width: 100%;}

.H_porR_pic{ margin-top:10px;margin-left:5px;}

.H_caseMenuList .bx-controls-direction .bx-prev{ left: 0;}
.H_caseMenuList .bx-controls-direction .bx-next{ right: 0;}

.H_about{ padding: 0 2%;}
.H_por{ padding: 0 2%; }

.H_newsL{ width: 30%; float: left; padding: 3% 5% 1.8% 5%; background: #f3f3f3;}


}
@media screen and (max-width:1200px){ 


.H_caseList .hover .text{ color: #fff;  padding: 10% 10% 0 10%;}
.H_caseList .hover .btn{ width: 30px; height: 30px; background-size: cover; margin-top: 0;}

.H_aboutR .title{ font-size: 18px;}
.H_aboutR .text{ height: 100px;}


}

@media screen and (max-width:1002px){ 


.H_hotSearch{ width: 40%;}
.H_hot .H_hotTip{ font-size: 12px;}
.H_hot .H_hotTip a{ font-size: 12px;}

.H_aboutR .text{ height: 92px;}
.H_aboutR .title{ font-size: 16px;}
.H_aboutR .text{ font-size: 14px;}

.H_newsMenu ul li{ font-size: 20px;}
.H_newsList ul .top .pic{ width: 40%;}
.H_newsList ul .top .con{ width: 56%;}

.H_newsL { width: 36%;padding: 3% 2% 1.8% 2%;}

.H_newsList ul .top .con .title{ font-size: 14px;}
.H_newsList ul li a.tip{ font-size: 14px;}


}
@media screen and (max-width:840px){ 
.pro_infoT_L{  float:none;}
.pro_infoT_L .listpc{   }
.pro_infoT_L .listwap{  display:block;}

.pro_infoT{  margin-top:10px;}
}
@media screen and (max-width:767px){ 


.HomeBan .bx-controls-direction .bx-prev{ display: none;}
.HomeBan .bx-controls-direction .bx-next{ display: none;}
.HomeBan .bx-pager{ bottom: 10px;}

.H_hot{ width: 100%; height: 40px; line-height: 40px; max-width: 100%; position: static; margin-top: 0;}
.H_hot .H_hotTip{ font-size: 12px; line-height: 40px;}
.H_hot .H_hotTip a{ font-size: 12px;}

.H_hotSearch{ margin-top: 0;}
.H_hotSearch .text{ font-size: 14px;}


.H_porL ul li{ width: 31%; float: left; margin:-3px 1%; margin-top: 10px;}
.H_porR_list ul li{ width: 31.33%; float: left; margin:0 1%;}
.H_porL ul li:first-child{ margin-left: 1%; margin-top: 10px;}
.H_porL ul li:last-child{display:none;}
.H_porR_list ul li:first-child{ margin-left: 1%;}

.H_casePicL{ width: 100%;}
.H_casePicR{ width: 100%; margin-top: 4px;}

.H_aboutL{ width: 100%;}
.H_aboutR{ width: 90%;}
.H_aboutBox{ background: url(../images/bg.jpg) 50% 100% no-repeat; padding-bottom: 20px; background-size: cover;}

.H_adv{ margin-top: 20px;}
.H_news{ margin-top: 20px;}
.H_newsL{ width: 96%; padding: 2%;}
.H_newsR{ width: 100%; margin-top: 10px;}
.H_newsR .iframe{ width: 100%;}





.H_newsListBox .btn{ width: 100px; height: 35px; line-height: 35px;}
.H_Title .cn{ font-size: 0.8rem;text-align: center;}


}
@media screen and (max-width:640px){ 


.H_caseList .title{  font-size: 13px; line-height: 40px; height: 40px; }


}

@media screen and (max-width:479px){ 
.H_caseMenuList .bx-controls-direction .bx-prev{ width: 30px; height: 34px; background-size: cover;}
.H_caseMenuList .bx-controls-direction .bx-next{ width: 30px; height: 34px;background-size: cover;}

.H_adv{ margin-top: 20px;}

.H_newsR ul li a i{ width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; background-size: cover;}
.H_newsR ul li a .title{ height: 40px; line-height: 40px;}
.H_newsR .bx-controls .bx-pager{ bottom: 5px;}


}


}