/* CSS Document */

*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);outline:none;word-break:break-all;}
html{ width:100%; text-align:center}
body{
	margin: auto;
	position:relative;
	font-size: 16px;
	line-height: 2;
	color: #333333;

	text-align:left;
	overflow-x:hidden;background-color:#ffffff;
/*	font-family: Microsoft Yahei,arial,Hiragino Sans GB,sans-serif;*/
	font-family: 'HELVETICANEUELTPRO-THEX',"Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
body.isba{ background-color:#ffffff;}
body>div{ max-width:100%; overflow:hidden;}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color: #AE0B0B;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
.xz .iconfont{ transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.xz:hover .iconfont {transform: rotate(360deg);}


.fl{ float:left}
.fr{ float:right}
body{ width:100%; max-width:1080px; margin:auto;}
.box{
margin:auto; 
width:98%; max-width:1080px;
}




.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;display:block; top:0px; left:0px; height:60px; background-color:#ffffff;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.app_header .app_logo{ max-width:calc(100% - 80px);  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:50px;}
	.app_header .morenav{
	float:right;
	display:block;
	width:40px;
	height:40px;
	margin-top:5px;
	margin-right:10px;

	text-align:center;
	line-height:40px;
	font-weight:bold;
	background-image: url(meun.jpg);
	background-repeat: no-repeat;
	background-position: center center; background-size:40px;
}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}

.app_top{ height:60px;}


.foot{ background-color:#25292E; padding-top:50px; margin-top:50px; clear:both}
.foot,.foot a{ color:#ffffff;}
.foot >.box{ max-width:500px;}
.foot .block .title{ font-size:22px; margin-bottom:20px;}
.lianxi{ width:100%; line-height:1.5; padding-left:10px; padding-right:10px;box-sizing:border-box;}
.lianxi .econtent .item{ position:relative; padding-left:30px;}
.lianxi .econtent .item .iconfont{ position:absolute; left:0; top:10px; font-size:24px;color:#AE0B0C; line-height:1;}
.lianxi .econtent .item .t2{ font-size:20px;}
.lianxi .econtent .item .t3{ font-size:18px; color:#999999}
.foot .qrcode{ clear:both; padding-top:30px;}
.copy{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;border-top-color:rgba(255,255,255,0.1);
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px; text-align:center;
}
.copy,.copy a{ color:#999999;}



/*内页底部*/
.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden; background-color:#FFFFFF;
}

.pagination li+li{
	border-left-style: none; 
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color: #197DDD; color:#FFFFFF}

.pagination li a{ color:#333333}





.flash{ position:relative; overflow:hidden;}
.flash .swiper-container{ overflow:hidden;}


.flash .swiper-slide{ position:relative}
.flash .swiper-slide .txt{ Opacity:0;position:absolute; left:15%; top:80%; margin-top:-100px; color:#FFFFFF;-webkit-transition:2000ms; -moz-transition:2000ms; -ms-transition:2000ms; transition:2000ms;}






/*.flash .swiper-slide .txt{top:50%;}*/
.flash .swiper-slide .txt .h1{
	font-size:103px;
	font-weight: bold;-webkit-transition:4s; -moz-transition:4s; -ms-transition:4s; transition:4s;
}

.flash .swiper-slide .txt .h2{ margin-top:100px;
	font-size:40px;
	letter-spacing: 0.8em;-webkit-transition:2s; -moz-transition:2s; -ms-transition:2s; transition:2s;
}



.flash .swiper-slide-active .txt .h2,.flash .swiper-slide.hover .txt .h2{ margin-top:0px;}
.flash .swiper-slide-active .txt,.flash .swiper-slide.hove .txt{top:50%;Opacity:1;}

.flash .swiper-slide-active.hover .txt .h2{margin-top:100px;}
.flash .swiper-slide-active.hover .txt{top:80%;}



.flash .swiper-slide{ overflow:hidden;}




.flash .phone,.banner .phone{ display:none}
.flash{ overflow:hidden; position:relative;}
.flash .swiper-pagination{ bottom:30px; left:0px; text-align:center; width:100%; z-index:22;}
.flash .swiper-pagination img{ display:none}


.flash .swiper-pagination .swiper-pagination-bullet{
    width:8px;
	height:8px;
	/*margin-right:155px;*/
	opacity: 1;
	border: 3px solid #ffffff; background-color:rgba(255,255,255,0); position:relative; margin-bottom:6px;

}


.flash .swiper-pagination .swiper-pagination-bullet-active
{

	border-color:#AE0B0C; 
}

.flash .swiper-slide *{ max-width:100%;}


.flash .tv{ position:absolute; right:20%; width:33vw; z-index:3; top:50%; margin-top:-12.5vw; background-color:#999999; background-color:rgba(200,200,200,0.9);}
.flash .tv video{  height:25vw;width:33vw}

.flash .swiper-button-next{ background-size:15px;}
.flash .swiper-button-prev{background-size:15px;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:0px;border-radius: 0%; text-align:center;}
/*.flash .econtent .swiper-pagination-clickable .swiper-pagination-bullet{ width:10px; height:10px;}
.flash .econtent .swiper-pagination-clickable .swiper-pagination-bullet-active{border-radius:10px; width:20px; background-color:#C01132;}
.flash .econtent .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:20px;}*/

/*首页*/
.etitle{ font-size:90px; text-align:center; color:#333333; position:relative; padding-bottom:30px; margin-bottom:30px; padding-left:20px; padding-right:20px;}
.etitle .dp{ font-size:14px; line-height:1.5;}
.etitle:after{
	content:'';
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B80C0C;
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 100px; margin-left:-50px;
}

.pro{  float:left; clear:both; width:100%; padding-top:50px; padding-bottom:50px; background-color:#f0f0f0;}

.pro .econtent{ clear:both; padding-left:15px; padding-right:15px; }
.pro .econtent .picli{ float:left; width:100%;  position:relative; background-color:#ffffff; padding-bottom:50px;}
.pro .econtent .picli .img{ overflow:hidden;}
.pro .econtent .picli .img img{ width:100%; height:calc(71vw - 30px);}
.pro .econtent .picli  .title{ text-align:center; position:relative; color:#000000; font-size:18px; line-height:1.2; padding-top:20px; padding-bottom:20px; font-weight:bold;}
.pro .econtent .picli  .title:after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-1em;
	width: 2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9d9d9d;
}
.pro .swiper-button-next{ background-size:10px;}
.pro .swiper-button-prev{background-size:10px;}
.pro .econtent .swiper-pagination-clickable .swiper-pagination-bullet{ width:10px; height:10px;}
.pro .econtent .swiper-pagination-clickable .swiper-pagination-bullet-active{border-radius:10px; width:20px; background-color:#C01132;}
.pro .econtent .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:20px;}

.pro6{ background-color:#ffffff;}
.pro6 .econtent .picli{ background-color:#f2f2f2;border-radius:5px; overflow:hidden;}
.pro6 .econtent .picli .right{ padding:20px;}
.pro6 .econtent .picli  .title{ text-align:left;}
.pro6 .econtent .picli  .dp{ font-size:14px; line-height:1.5;}
.pro6 .econtent .picli  .title:after{ display:none}



.pro1 .econtent ,.pro1 .tab{ padding-left:10px; padding-right:10px;box-sizing:border-box;}
/*.pro1 .econtent .picli{ width:100%; float:left; display:none;}*/
/*.pro1 .econtent .picli.hover{ display:block}*/
.pro1 *{ max-width:100%;}

.pro1 .econtent .picli .img{ overflow:hidden;}
.pro1 .econtent .picli .img img{ width:100%;}
.pro1 .econtent .picli .right{ color:#333333; line-height:1.5; padding-top:20px; padding-bottom:20px;}
.pro1 .econtent .picli .right .title{ font-size:18px;}
.pro1 .econtent .picli .right .dp{ font-size:12px; margin-top:15px;}
.pro1 .econtent .picli .right .dp p,.pro1 .econtent .picli .right .dp div{ padding-bottom:5px;}
.pro1 .tab{
	display: table; text-align:center; width:100%; font-size:16px; line-height:45px;
}
.pro1 .tab span{
	display: table-cell;
	cursor:pointer;
	
}
.pro1 .tab span font{border: 1px solid #dddddd; margin-left:5px; margin-right:5px; display:block}
.pro1 .tab span.hover font{ background-color:#B80C0C; color:#FFFFFF;}
.pro1 .econtent .picli .more{ text-align:center; line-height:35px; padding-top:20px; font-size:14px;}
.pro1 .econtent .picli .more span{ 
	display:inline-block; background-color:#B80C0C;border: 1px solid #B80C0C; color:#FFFFFF;border-radius:20px; padding-left:50px; padding-right:50px 
}
.pro1 .econtent .picli .more span:hover{border: 1px solid #dddddd; background-color:#FFFFFF;color:#AE0B0B;}

.pro2{ background-color:#AE0B0B; position:relative;}
.pro2 .img{ float:left; width:100%; overflow:hidden;}
.pro2 .img img{ /*width:100%; */min-height:400px;max-height:400px;width:100%;}
.pro2 .right{ position:absolute; padding:20px; z-index:2; background-color:rgba(184,12,12,0.7); right:0px; width:60%; bottom:30px;}
.pro2 .right,.pro2 .right a{ color:#ffffff;}
.pro2 .right .etitle{ color:#ffffff; text-align:left;}
.pro2 .right .etitle .dp{ color:#ffffff; text-align:left;}
.pro2 .right .etitle .dp:after{ content:''; position:absolute;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	left: 0%;
	bottom: 0px;
	width: 4em; margin-left:0px;
}
.pro2 .right .hc{ font-size:14px; line-height:1.5;}
.pro2 .right .etitle{ margin-bottom:0; padding-bottom:10px; line-height:1;}

.pro2 .etitle .title,.pro2 .hc{text-align:center}

.pro2 .etitle:after{
	border-bottom-color:rgba(255,255,255,0.8);
}

.pro3 .tabs{ text-align:center; font-size:16px; padding-bottom:20px; overflow:auto; width:100%; overflow-x:auto;}
.pro3 .tab{
	text-align:center;
	white-space: nowrap;
}
.pro3 .tab span{ display:inline-block; padding-left:20px; padding-right:20px; cursor:default;}
.pro3 .tab span.hover{color:#AE0B0B;}
.pro3 .econtent{ display:none; position:relative;}
.pro3 .econtent *{ max-width:100%;}
.pro3 .econtent .picli .img{
	overflow:hidden;
	border: 1px solid #eeeeee;box-sizing:border-box;
}
.pro3 .econtent .picli{ width:48%; float:left; margin-left:1%; margin-right:1%; margin-top:10px; margin-bottom:10px;}
.pro3 .econtent .picli .title{ background-color:#F0F3FA; text-align:center; line-height:1.2; padding-top:10px; padding-bottom:10px;}
.pro3 .econtent .picli:nth-child(2n+1){ clear:both;}
.pro3 .econtent.hover{ display:block;}


.pro3 .more{ text-align:center; clear:both; padding-top:20px; line-height:35px;}
.pro3  .more a{
	display:inline-block; background-color:#B80C0C;border: 1px solid #B80C0C; color:#FFFFFF;border-radius:20px; padding-left:50px; padding-right:50px; 
}
.pro3  .more a:hover{border: 1px solid #dddddd; background-color:#FFFFFF;color:#AE0B0B;}

.news *{ max-width:100%;}
.news .econtent .picli{
	clear:both;
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.news .econtent .picli .img{ float:left; width:160px; overflow:hidden;}
.news .econtent .picli .img img{ height:105px; width:100%;}
.news .econtent .picli .right{ width:calc(100% - 180px); float:right}
.news .econtent .picli .right .ntitle{ font-size:18px; font-weight:bold;}
.news .econtent .picli .right .dp{ font-size:14px; line-height:1.5; max-height:4.5em; overflow:hidden; margin-top:10px;}



.pro4 .econtent .picli{
	width:100%;
	height:60vw;
	background-repeat: no-repeat;
	background-position: center top; position:relative; background-size:100% 100%; display:none
}
.pro4 .econtent .picli.hover{ display:block}
.pro4 .econtent .picli .bock{
	bottom: -65px;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;
	transition-delay:300ms;
	width: 93%;
	position: absolute;
	left:4%;
	color: #fff;
	height:130px;
	padding:10px 6% 0 7%;
	box-sizing: border-box;
	box-shadow: 5px 8px 12px rgba(0,0,0,0.06);
	z-index: 50;
	background-color: #fff; overflow:hidden;
	
}
.pro4 .econtent .picli .bock:after{ content:''; left:10px; top:5px; height:calc(100% - 20px);background-image: url(ys_line.png);
	background-repeat: no-repeat;
	background-position: 3% bottom; width:10px; position:absolute;}
.pro4 .econtent .picli .bock h3{
	font-size:22px;
	line-height: 30px; margin-bottom:10px;
	font-weight:normal;
	height: 30px;
	color: #1a1a1a;
	font-family: 'Microsoft Yahei', Arial;
	white-space: nowrap;
	overflow: hidden;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.pro4 .econtent .picli .bock h3 b{ font-size:24px;font-weight: bold; font-family: 'Microsoft Yahei', Arial;}
.pro4 .econtent .picli .bock p{font-size: 12px;color: #4c4c4c;line-height:1.5; min-height:4.5em;max-height:4.5em; overflow:hidden;}
.pro4 .hc{ clear:both; padding-top:70px; padding-left:10px; padding-right:10px;}
/*.pro4 .hc .picli{}*/
.pro4 .hc .swiper-slide img{ max-width:100%; min-height:15vw;}
.pro4 .hc .swiper-slide div{
	 position:relative; margin-top:20px;border: 2px solid #eeeeee;
}
.pro4 .hc .swiper-slide div:after{ content:''; height:100%; width:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:1;}

.pro4 .hc .swiper-slide.hover div{
	border: 2px solid #B80C0C; position:relative;
}

.pro4 .hc .swiper-slide.hover div:before{
	position:absolute; content:'';
	top:-12px;
	left:50%;
	border-width: 5px;
	border-style: solid;
    border-color: rgba(255,255,255,0);
	border-bottom-color: #B80C0C; margin-left:-5px;

}
.pro4 .hc .swiper-slide.hover div:after{ display:none}
.about{
	background-image: url(bg.png); padding-top:60px; padding-bottom:60px;
	background-repeat: no-repeat;
	background-position: center top; background-size:auto 100%; color:#FFFFFF; clear:both; text-align:center; margin-bottom:-50px;}
.about .title{ font-size:30px; line-height:1.2;}
.about .econtent{ font-size:16px; padding-top:30px; padding-bottom:30px; line-height:1.5;}
.about .more{ line-height:35px; padding-top:20px; clear:both;}


.about .more{ text-align:center; clear:both; padding-top:20px; line-height:35px;}
.about  .more a{
	display:inline-block; background-color:#B80C0C;border: 1px solid #B80C0C; color:#FFFFFF;border-radius:20px; padding-left:50px; padding-right:50px; 
}
.about  .more a:hover{border: 1px solid #dddddd; background-color:#FFFFFF;color:#AE0B0B;}


.pro1,.pro3,.pro,.pro4,.pro6,.news{  float:left; clear:both; width:100%; padding-top:30px; padding-bottom:30px;}
/*.pro2{ margin-top:50px; margin-bottom:50px;}
.about{ margin-top:50px;}*/
/*.pro{ padding-bottom:60px;}*/
.pro6{ padding-bottom:30px;}
#pro8_0.pro1,.pro3,.pro4,.news{ padding-top:0;}
.pro2{ margin-top:30px;}
/*.pro1{ margin-top:30px;}*/

/*内页*/


.postion{ background-color:#F0F3FA; font-size:14px; padding-top:15px; padding-bottom:15px; line-height:1.5; margin-bottom:20px;}
.postion .nav{ margin-top:-5px;}
.postion .nav ul li{ display:inline-block; line-height:30px; margin-right:5px;}
.postion .nav ul li a{
	display:block;
	padding-left:20px;
	padding-right:20px;
	border-radius:20px;
	background-color:#ffffff;
	border: 1px solid #dddddd;
}
.postion .nav ul li.hover a,.postion .nav ul li:hover a{background-color:#C9151E; color:#FFFFFF; border-radius:20px;border: 1px solid #C9151E;}

.postion .iconfont{ color:#999999; margin-right:5px; font-size:18px;}
.postion,.postion a{ color:#666666;}
#left{ width:280px; float:left; background-color:#F0F3FA; clear:both;}
#left .title2{ background-color:#AF0B0C; color:#ffffff; text-align:center; line-height:80px; font-size:36px;}
#left .leftdh{ padding:10px; font-size:16px;}
#left .leftdh>ul>li{	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;}
#left .leftdh>ul>li>a{
	display:block;
	position:relative; font-weight:bold;

}
#left .leftdh>ul>li>ul{ display:none}
#left .leftdh>ul>li.active>ul,#left .leftdh>ul>li.hover>ul { display:block}
#left .leftdh>ul>li>a:after {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 content: "\e729"; background-color:#AF0B0C; color:#FFFFFF; position:absolute; top:50%; right:0; margin-top:-8px; line-height:1;
}

#left .leftdh>ul>li.active>a:after,#left .leftdh>ul>li.hover>a:after {
  content: "\eb78"; font-weight:bold
}
#left .leftdh>ul>li>ul{ padding-top:5px; padding-bottom:5px;}
#left .leftdh>ul>li>ul>li{ font-size:16px;}
#left .leftdh>ul>li>ul>li>a{ color:#555555;}
#left .leftdh>ul>li>ul>li:before {
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e606";color:#AF0B0C;
}
#left .lxin{
	background-image: url(lx.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 192px;
	background-color: #AF0B0C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
}
#left .lxin .iconfont{ background-color:#ffffff; height:50px; width:50px; text-align:center; line-height:50px; display:inline-block;color: #AF0B0C;border-radius:100%; font-size:28px; margin-right:5px;}
#left .lxin>div{ padding-top:30px; padding-bottom:30px;}
#right{ float:right; width:calc(100% - 320px);}
#left,#right{}

#cms  *{ max-width:100%;}
#cms .newsli{ background-color:#EEEEEE; padding:5px;}
#cms .newsli .li{ background-color:#ffffff; margin-bottom:10px; padding:10px; padding-top:20px; padding-bottom:20px; line-height:1.5;}
#cms .newsli .li .date{ float:left; width:100px; text-align:center; padding-top:20px; padding-bottom:20px; background-color:#eeeeee;}
#cms .newsli .li .datei{ font-size:12px; color:#999999; display:none}
#cms .newsli .li .date b,#cms .newsli .li .date span{ display:block;}
#cms .newsli .li .date b{ color:#333333; font-size:18px;}
#cms .newsli .li .date span{ color:#666666}
#cms .newsli .li .date +.right{ margin-left:120px;-webkit-transition:200ms; -moz-transition:200ms; -ms-transition:200ms; transition:200ms;}
#cms .newsli .li .date +.right .ntitle{ font-size:18px;}
#cms .newsli .li .date +.right .dp{ color:#666666; margin-top:5px; font-size:14px;}
#cms .newsli .li .date +.right .dp .more{color: #AE0B0B; padding-left:5px;}
/*#cms .newsli .li:hover .date{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	border: 1px solid #dddddd;
}
#cms .newsli .li:hover .date +.right{ margin-left:115px;}
*/
#cms1{ margin-top:30px;}
#cms1 *{ max-width:100%;}
#cms1 h1.h1{ font-size:22px; text-align:center;}
#cms1 .info{ font-size:14px; color:#999999}
#cms1 .content{ margin-top:20px;}
#cms1 .nextpage{ line-height:32px; padding-top:50px; padding-bottom:20px; clear:both; position:relative;}
.nextpage>div>span{ display:inline-block; background-color:#A1A1A1; color:#ffffff; padding-right:10px; padding-left:10px; margin-right:10px;}
.nextpage>div:nth-child(2){
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #cccccc;
}





#cms .proli{ float:left; width:48%; margin-left:1%; margin-right:1%; margin-bottom:15px;}

#cms .proli .img{ overflow:hidden; position:relative; float:left; width:100%;}
#cms .proli .img:after{ content:''; position:absolute; top:0%;  width:100%; height:100%; z-index:1; font-size:48px; color:rgba(255,255,255,0.6); background-color:rgba(0,0,0,0.5); display:none;}
	#cms .proli .img .iconfont{
	position:absolute;
	width:50px;
	height:50px; text-align:center; line-height:50px;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	border: 1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.6); font-size:36px;border-radius:100%; display:none;
}
	
		#cms .proli .img .ico{
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0%;
	left:0%;
	border: 1px solid rgba(255,255,255,0); z-index:2;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .proli:hover .img .ico{

	width:80%;
	height:80%;

	top:10%;
	left:10%;/*border: 1px solid rgba(255,255,255,0.1); */

}
/*#cms .proli:hover .img .iconfont{ display:block}*/

	
#cms .proli .img{ max-width:100%; min-height:200px; max-height:200px; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center;}
#cms .proli .img img{ min-height:0px; max-height:1000px;}	
#cms .proli:nth-child(2n+1){ clear:both;}
#cms .proli .title{ line-height:30px; padding-top:15px; padding-bottom:15px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden; padding-left:10px; padding-right:10px; background-color:#F0F3FA;
}
#cms .proli:hover .title{ background-color:#C9151E; color:#FFFFFF}


	
#cms .proli:hover .img:after,#cms .proli:hover .img .ico{ display:block;}


#cms .picli{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	padding:20px;
	box-sizing: border-box;
	border: 1px solid #dddddd;clear:both; 
}

#cms .picli .img{ overflow:hidden; float:left; width:380px; text-align:center; position:relative;}
#cms .picli .img img{ width:100%; height:190px;}
#cms .picli .right{ margin-left:400px; line-height:1.5;}
#cms .picli .right .ntitle{white-space: nowrap;
	overflow: hidden; margin-top:10px; color:#333333;  width:100%; float:left;}
#cms .picli .right .dp{ font-size:16px; margin-top:10px; float:left; width:100%; max-height:6em; overflow:hidden; min-height:6em; color:#666666}
#cms .picli .right .more{ padding-top:20px; text-align:right; line-height:35px; font-size:14px;float:left; width:100%;}
#cms .picli .right .more span{display:inline-block; padding-left:30px; padding-right:30px;border-radius:30px;border: 1px solid #dddddd;

	background-color:#F0F3FA;
	color:#333333;
}

#cms .picli:hover .right .more span{
	background-color:#C9151E; color:#FFFFFF; 
	border: 1px solid #C9151E;
}


#cms .hli{box-sizing:border-box; width:48%; float:left; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:20px;border: 1px solid #dddddd; /*min-height:320px; */padding:10px;}
#cms .hli:nth-child(2n+1){ clear:both;}
#cms .hli .img{
	overflow:hidden;
	float:left;
	width:100%; min-height:230px; max-height:230px;
}
#cms .hli .ntitle{
	text-align:center;
	white-space: nowrap;
	overflow: hidden; margin-top:10px; clear:both; width:100%; float:left;
}

/*关于*/

.aboutin{ background-color:#F0F0F0;}
.aboutin >.img img{ display:block; width:100%;}
.aboutin >.img{ padding-bottom:20px;}

.aboutin .econtent{ font-size:14px; line-height:1.5; padding:10px;}
.aboutin .econtent .title{ font-weight:bold; padding-bottom:10px; font-size:16px;}
.aboutin .ys{
	display:block;  width:100%; color:#666666; line-height:1.5; padding-top:30px;
}
.aboutin .ys .item{ display:block; width:50%; text-align:center; float:left;
	 font-size:15px;  position:relative; text-align:center; margin-top:10px; margin-bottom:10px;
}
.aboutin .ys .item:nth-child(2n+1){ clear:both;}
.aboutin .ys .item>div{ display:inline-block; text-align:left;}
.aboutin .ys .item:before{
	content:'';
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
}
.aboutin .ys .item1:before,.aboutin .ys .item3:before{ display:none}
.aboutin .ys .item div.t1{ display:block;color:#000000;font-size:24px;}
.aboutin .ys .item div.t1 i{

	font-style: normal;
	font-weight: bold;
}

.aboutin .ys .item div.t2{ display:block; clear:both; font-size:16px}
.aboutin .ys .item .sup{ background-color:#BA0305; color:#FFFFFF;border-radius:100%; padding:5px; font-size:12px; width:20px; height:20px; line-height:20px; text-align:center; display:inline-block;}
.aboutin .ys .item .sup sup{ line-height:1;}
.aboutin{ padding-bottom:30px;}
.licheng,.honor{ padding-top:30px; padding-bottom:30px;}
.honor{ background-color:#F0F0F0; }
.licheng .picli{ line-height:1.5; float:left; width:100%;box-shadow:0 0 15px rgba(0,0,0,0.1); margin-top:20px; margin-bottom:20px; padding-top:30px; position:relative;}
.licheng .box{ width:100%;}


.licheng .picli:after{
	content:'';
	position:absolute;
	left:50%;
	top:80px;
	background-color: #CCCCCC;
	height: 8px;
	width: 8px;border-radius:100%; z-index:2; float:left; margin-top:-4px;
}
.licheng .swiper-slide-active .picli:after{
	background-color: #ffffff;
	border: 2px solid #BA0305;margin-top:-6px;
}
.licheng .picli .title{ text-align:center; font-size:22px}
.licheng .picli .hc{ font-size:16px; margin-top:50px; padding-left:10px; padding-right:10px;}
.licheng .img{ overflow:hidden; margin-top:30px;}
.licheng .img img{ max-width:100%;}
.licheng .econtent{ position:relative;}
.licheng  .econtent:after{
	content:'';
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	position: absolute;
	width: calc(100% - 60px);
	left: 30px;
	top: 100px; z-index:-1;
}
.licheng .swiper-button-next,
.licheng .swiper-button-prev{ background-color:#DCDCDC; text-align:center; line-height:30px; height:30px; width:30px; position:absolute; top:105px; background-image:none;border-radius:100%; z-index:341;}
.licheng .swiper-button-next .iconfont,
.licheng .swiper-button-prev .iconfont{ font-size:28px; color:#FFFFFF}

.licheng .swiper-button-next:hover .iconfont,
.licheng .swiper-button-prev:hover .iconfont{color:#FFFFFF}
.licheng .swiper-button-next:hover,
.licheng .swiper-button-prev:hover{ background-color:#BA0305;}
.licheng .swiper-button-next{ left:0px;}
.licheng .swiper-button-prev{ right:0px;}

.honor{ margin-bottom:-50px;}
.honor .img{ overflow:hidden;}
.honor .img img{ max-width:100%;}
.honor .econtent{ position:relative; padding-left:10px; padding-right:10px;box-sizing:border-box;}
.honor .econtent .swiper-button-next,.honor .econtent .swiper-button-prev{
	position:absolute;
	top:50%;
	width:30px;
	height:30px;
	background-image:none;
	background-color: #FFFFFF;
	border: 1px solid #dddddd; text-align:center; line-height:30px;border-radius:100%;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.honor .econtent .swiper-button-next .iconfont,.honor .econtent .swiper-button-prev .iconfont{ font-size:28px}
.honor .econtent .swiper-button-next{left:0;}
.honor .econtent .swiper-button-prev{ right:0; left:auto;}
.honor .econtent .swiper-button-next:hover,.honor .econtent .swiper-button-prev:hover{border-color:#BA0305; background-color:#BA0305; color:#FFFFFF;}
/*.honor  .swiper-slide {
	width: 520px;
	min-height: 408px;

}*/
.honor   .swiper-slide img{
	display:block; min-height:360px; max-width:100%;
}
.honor   .swiper-slide .ntitle{ text-align:center; line-height:50px; font-size:18px; color:#666666}
.honor .swiper-pagination{ text-align:center; width:100%;}
.honor .swiper-pagination .swiper-pagination-bullet{
    width:8px;
	height:8px;
	/*margin-right:155px;*/
	opacity: 1; margin-left:2px; margin-right:2px;
	border: 1px solid #999999; background-color:rgba(255,255,255,0); position:relative; margin-bottom:6px;

}

.honor .swiper-pagination{ left:0;}
.honor .swiper-pagination .swiper-pagination-bullet-active
{

	border-color:#AE0B0C; 
}


.pro .swiper-pagination-progress {
  width: 15rem;
  height: 0.25rem;
  background: #e8e8e8;
  position: absolute;
  bottom: 4rem;
  border-radius: 0.2rem;
  top: auto;
  left: 50%;
  margin-left: -7.5rem;
}

.pro .econtent .swiper-pagination-progress .swiper-pagination-clickable .swiper-pagination-bullet {
  width: 20%;}
.pro .swiper-pagination-progressbar {
  background: #008753;
  border-radius: 0.2rem; 
}
.pro .econtent  .zprev{position: absolute;
bottom: 3.4rem;
display: block;
width: 2.4rem;
height: 2.4rem;
background: url(zprev.png) no-repeat;
  background-size: auto;
left: 19.3%;
z-index: 50;
cursor: pointer;
background-size: 100% 100%;}
.pro .econtent  .znext{position: absolute;
bottom: 3.4rem;
display: block;
width: 2.4rem;
height: 2.4rem;
background: url(znext.png) no-repeat;
  background-size: auto;
right: 19.3%;
z-index: 50;
cursor: pointer;
background-size: 100% 100%;}
@media screen and (max-width :768px){
.postion{ margin-bottom:0;}
#left{ display:none}
#right{ width:100%; padding-top:20px;}
.newsin .foot{ margin-top:0;}
.newsin .box{ width:100%; max-width:100%;}
.newsin #right{ background-color:#eeeeee;}
#cms .picli .img{width:100%;}
#cms .picli .img img{ min-height:0px; max-height:1000px;}
#cms .picli .right{ margin-left:0px; width:100%;}
.etitle{ font-size:27px;}
.pro1 .tab,.pro3 .tabs{font-size:13px;}
}

@media screen and (max-width :450px){.licheng .picli{ box-shadow:0 0 15px rgba(0,0,0,0);}
.licheng .swiper-button-next{ left:10px;}
.licheng .swiper-button-prev{ right:10px;}
.licheng  .econtent:after{ left:0; width:100%;}
.licheng  .econtent .picli{ padding-left:10px; padding-right:10px;box-sizing:border-box;}
.honor   .swiper-slide img{ min-height:0;}

}



.case_con .econtent{ padding-left:0; padding-right:0;}
.case_con .econtent .swiper-container{ position: relative;padding-bottom: 7.8rem;margin-top:2.5rem; }
.case_con .econtent .swiper-container .swiper-slide{float: left;width: 80%;margin: 0 0.5rem;opacity: 0.3;/*height: 23rem;*/}

.case_con .econtent .swiper-container .swiper-slide-active{opacity: 1;}
.case_con .econtent .swiper-container .swiper-pagination-progress{ width: 33.33%;height: 0.25rem;background:#e8e8e8;position: absolute;bottom:4rem;border-radius: 0.2rem;top:auto;left: 33.333%; margin-left:auto; }
.case_con .econtent .swiper-container .swiper-pagination-progressbar{ background: #ffffff;border-radius: 0.2rem; }
.case_con .econtent .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#AE0B0B;border-radius: 0.2rem; }

.case_con .econtent .swiper-container .zprev,.case_con .econtent .swiper-container .znext{ position: absolute; bottom: 3.4rem; display:block;  width:2.4rem; height:2.4rem;z-index: 50;cursor: pointer;background-size:100% 100%;margin:auto; top:auto; left:auto; right:auto;}

.case_con .econtent .swiper-container .zprev{background:url(zprev.png) no-repeat; left: 19.3%; }

.case_con .econtent .swiper-container .znext{ background:url(znext.png) no-repeat; right: 19.3%; }

/*.case_con .econtent .swiper-container .more{ display: block;font-size:1.1rem ;line-height: 2.4rem;color: #ffffff;width:9rem;height: 2.4rem;text-align: center;box-sizing: border-box;background: #008753;margin: 1.5rem 0 0;font-family: Arial;margin:auto; top:auto; }*/