@charset "utf-8";
/* CSS Document */


body{
	font-size: 14px;
	
}	

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div {
    margin: 0;
    padding: 0;
    border: 0;
}
.container1,.row{
	padding: 0;
	margin: 0 auto;
}
/*****header*******/
.header{
	padding: 20px 0;
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 90px;
	background:#FFF;
	z-index: 9;
	box-shadow: 0 0 5px rgba(0,0,0,0.2)
}
.header a{
	color: #000;
}
.header_logo{
	float: left;
	line-height: 50px;
}
.header_right{
	float: right;
}
.header_right_box{
	float: left;
}
.header_right_tit i{
	margin-left: 5px; color:#949494; position:relative; top:-2px;
}

.header_wx{ float:right; margin-left:30px;}
.header_wx a{ display: inline-block; width:24px; height:24px; background:#46bd0a; border-radius:12px; margin-top:14px; margin-right:5px;}
.header_wx a i{ color:#fff; text-align:center; line-height:24px; display:block;}

.header_right_tit{
	line-height: 50px;
	padding: 0 20px;
	border:0px;
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;font-size:14px;
}
.header_right_box:hover .header_right_tit{
	background-color: #c0200b;
	color: #515e65;
	border-radius: 3px; color:#fff;
}
.header_right_box:hover .header_right_tit i{color:#fff;}
.header_right_box:hover .header_right_tit.more{
	border-radius: 3px 3px 0 0;
}

.header_right_box_son{
	position: absolute;
	width: 100%;
	left: 0px;
	background-color: #f5f5f5;
	transform: scaleY(0.89) translateY(0px);
	opacity: 0;
	transition: all 150ms ease-out;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
	visibility: hidden;
}
.header_right_box:hover .header_right_box_son{
	visibility: visible;
	transform: scaleY(1) translateY(0px);
	opacity: 1;
}
.header_right_box_about{
	padding: 20px 0;
}
.header_about_box{
	width: 16%;
	float: left;
	padding: 20px;
	border-radius: 10px;
	 transition:all 0.2s ease;
  	-webkit-transition:all 0.2s ease;
  	-moz-transition: all 0.2s ease;
  	-o-transition: all 0.2s ease;
  	opacity: 0;
  	transform:translateY(-8px);
  	transition: all 350ms ease-out 0.1s;
	-webkit-transition: all 350ms ease-out 0.1s;
	-moz-transition: all 350ms ease-out 0.1s;
	-o-transition: all 350ms ease-out 0.1s; 

}
.header_right_box:hover .header_about_box{
	transform:translateY(0px);
	opacity: 1;
}
.header_about_box:hover{
	
}
.header_about_box h5{
	font-size: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(81,94,101,.1);
	margin-bottom: 10px;
}
.header_about_box h5 a{
	color: #2d3438;
}

.header_about_box ul li a:hover{ color:#c0200b; margin-left:10px;}

.header_about_box ul li{
	margin-bottom: 8px;
}
.header_about_box ul li a{
	color: #515e65;    -webkit-transition: all 0.6s ease-in-out; 
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.header_about_box ul li a i{margin-left:5px;}
.header_pro_box{
	text-align: left;	
}

.header_pro_box .tit h5{
	color: #2d3438;
	font-size:16px;
	margin-bottom: 10px; border-bottom: 1px solid rgba(81,94,101,.1);padding-bottom: 16px;
}

.header_pro_box .tit p{

	font-size: 14px;
	text-transform: uppercase;
}




.header_pro_box .tit p a{ color:#515e65; line-height:30px;-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; font-size:14px;}
.header_pro_box .tit p a i{margin-left:5px;}	
.header_pro_box .tit p a:hover{ color:#c0200b;}
.header_pro_box .img{
    outline: 5px solid #b3b9c0;
    background-color: #b3b9c0;
    margin-bottom: 15px;
}

.header_pro_box .tit .header_bt a{ font-weight:600;color:#c0200b;font-size:14px;}
.header_nr a:hover{ margin-left:10px;}

.header_pro_box .text {
	display: none;
}
.header_pro_box .text p{
	color: #515e65;
	font-size: 12px;
	line-height: 20px;
}
.header_pro_box_fa{
	padding: 30px 15px;
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	font-size: 14px;
	transform:translateX(-8px);
	opacity: 0;
}
.header_right_box:hover .header_pro_box_fa{
	opacity: 1;
	transform:translateX(0px);
}
.header_right_box_pro  .row{
	font-size: 0px;
	text-align: center;
}
.header_pro_box_fa:hover{

}
.header_about_box_right{
	padding: 30px;
	position: relative;
	margin-top:-20px;
	margin-bottom: -20px;
	width: 20%;
}
.header_about_box_right:hover{
	border-radius: 0px;
}
.header_about_box_right .img{
	outline: 5px solid #b3b9c0;
    background-color: #b3b9c0;
    margin-bottom: 20px;
}
.header_about_box_right .text h5{
	color: #2d3438;
    font-size: 16px;
    padding-bottom: 0px;
    border:0px;
}
.header_about_box_right .text p{
	font-size: 13px;
	line-height: 23px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2; height:40px;
    overflow: hidden;
    text-overflow: ellipsis; color:#666;
}
.index_pad{
	padding:0  80px;
}
/*****header*******/
.index_banner1,	
.index_banner1 .index_banner_box{
	height: 60vh!important;
}
.index_banner_box{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.index_banner_box video{
	width: 100%;
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.index_banner_text{
	position: absolute;
	width: 100%;
	bottom:3%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	color: #EEEEEE;
	text-align: center;
}
.index_banner_text h1{
    font-size: 50px;
    line-height:58px;
    letter-spacing:10px;
    margin-bottom: 20px;
	line-height:70px;
}

.index_banner_text p{
	text-transform: uppercase;
}
.index_banner_bg{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
}
.index_banner{
	position: relative;
	margin-top: 90px;
	height: 52vh;
}
.banner_btn_left,.banner_btn_right{
	background-color: rgba(0,0,0,.2);
	width: 40px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top:50%;
	font-size: 22px;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 4;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    cursor: pointer;
}
.banner_btn_left{
	left: 0px;
	border-radius: 0 5px 5px 0;
}
.banner_btn_right{
	right: 0px;
	border-radius:5px 0 0 5px ;
}
.index_banner:hover .banner_btn_left,.index_banner:hover .banner_btn_right{
	opacity: 1;
	
}
.banner_btn_left:hover ,.banner_btn_right:hover{
	background-color: #c0200b;
}
/*index_box1*/
.index_box1{ overflow:hidden;}
.index_box1 .container{ width:100%; }
.index_box1 .col-lg-2{ width:25%; padding:0;}


.index_banner_box{ position:relative;}
.score-highlight{ position:absolute; top:0px; right:10%; width:90%; height:100%;}
.banner_text{ width:450px;background-color: rgba(0, 0, 0, 0.55);border-color: #000000;
    padding: 30px; float:right; margin-top:50px; }

.swiper_banner .swiper-slide:nth-child(odd) .banner_text{
	float: left;
	margin-left: 10%;
}

.score-highlight-header{color: #fff;
    font-size: 24px;
    line-height: 1.37;
    max-height: 80px;
    overflow: hidden;
    text-align: left;
    margin: 0;}
.home-carousel-style .score-highlight .caption {
    padding: 9px 0 0;
}

.caption h2 {
    color: #fff;
    font-size: 24px;
    line-height: 1.37;
    max-height: 120px;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: left; margin-top:10px;
}
.score-button {
    font-size: 16px;
    min-height: 50px;
    padding: 16px 0;
    text-transform: uppercase;
    width: 100%;
    line-height: 1.42857143;
    height: auto;  background:#1792e5; display:block; text-align:center; color:#fff;
}

.index_box1_list{border-left:1px solid #dcdcdc; background:#fff; position:relative; bottom:-100px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}


.tupian{
	overflow:hidden;
}


.tupian img{
	transform: scale(1.1);  
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;	
	transition: 0.5s ease;
}


.tupian:hover img{
	transform: scale(1.2);  
	 
}



.col-lg-2.col-md-2.col-sm2:first-child .index_box1_list{
	border:0px;
}
.index_box1_list a img{display: block;}
.index_box1_list a span{
    color: #333;
    padding: 18px 0 5px 16px;
    font-size: 14px;
	display:block;
}

.index_box1_list a p{
    color: rgb(7, 0, 0);
    padding: 0 0 18px 16px;
    font-size: 12px;
	display:block;
	margin-bottom:0;
}

/*index_box1*/
	
/*index_box2*/
.index_box2{
    background: #f7f7f7;
    /* border-bottom: 1px #edeef0 solid; */
    padding:60px 0;
    overflow:hidden;
}
	/*.index_box2 .container{ width:74%;}*/
.index_box2 .row{ margin:0 -43.5px;}
.index_box2 .col-lg-4{ padding:0;}
.index_box2_list{ padding:0 26.5px; position:relative; bottom:-100px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.index_box2_list a .tupian{}
.index_box2_list a h2{
    font-size: 20px;
    margin: 30px 0 20px 0px;
    color: #333333;
    font-weight: lighter;
   
}
.index_box2_list a p{
        color: #666666;
    font-size: 12px;
    padding: 0;
    line-height: 18px;
}

/*index_box2*/

	
/*index_box3*/
.index_box3{background-color: #FFFFFF;}
.index_box3 .container{ width:80%;}
.index_box3 .col-lg-4{ padding:0;}
.index_box3_list{
	border-left: 1px #dedede solid;
	padding-bottom:50px;
	position:relative;
	bottom:-100px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
.index_box3_list  h3{
	padding: 50px 0 0px 0;
	font-size: 24px;
	margin: 0;
	text-align: center;
	font-weight: normal;
	color: #333;
}
.index_box3_list  p{text-align: center;
	margin: 0;
	padding: 20px 25px 20px 25px;
	font-size: 12px;
	color: #666666;
	line-height: 1.4;
}
.index_box3_list  p{text-align: center;
    margin: 0;
    padding: 20px 25px 20px 25px;
    font-size: 12px;
    color: #666666;
    line-height: 1.4;}
	.index_box3_list  .btn1{
	text-align: center;
    color: #fff;
	background: linear-gradient(to bottom,#666 0,#333 100%);
    line-height: 14px!important;
    width: 122px;
    padding: 6px 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
	margin:10px auto 0;
}
.index_box3_list:hover .btn1{background: linear-gradient(to bottom,#999 0,#666 100%);}
.index_box3_list ul{width:130px;margin:0 auto;margin-top: 4px;}
.index_box3_list ul li{width:32px;height:32px;background: #666;border-radius:50%;float:left;margin:0 5px;}
.index_box3_list ul li:hover{background: #9;}
.index_box3_list ul li i{ color:#fff; text-align:center; line-height:32px; display:block;}	
/*index_box3*/

/*index_one*/
/*index_one*/

.index_one {
	width:80%;
	margin: 40px auto 0;
    background: #FFF;
   /* background-image: -moz-linear-gradient(106deg, #666 0%, #4a4a4a 72.61%, #4f4f4f 100%);
    background-image: -o-linear-gradient(106deg, #666 0%, #4a4a4a 72.61%, #4f4f4f 100%);
    background-image: -webkit-linear-gradient(106deg, #666 0%, #4a4a4a 72.61%, #4f4f4f 100%);
    background-image: linear-gradient(344deg, #666 0%, #4a4a4a 72.61%, #4f4f4f 100%);*/
}

.icon-all_img {
	width:100%;
    margin: 0px auto;
}

.icon-all {
    text-align: center;
    transition: all 300ms;
    transform: scale(1, 1);
    min-height: 160px;
    transform-origin: bottom;
    position: relative;
}

.icon-all_txt{
	padding-bottom: 30px;
}
 

.icon-all_txt h5 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px;
}
.icon-all_txt {
    color: #333;
}
.icon-all_txt p {
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
    text-transform: uppercase;
	margin-bottom: 0px;
	padding-bottom:20px;
 
}



/* 线条效果 */
.sec4_con{
	position:relative;
	overflow:hidden
}

.sec4_mg{
	position:relative;
	overflow:hidden
	
}

.sec4_mg img{
	cursor: pointer;  
    transition: all 0.6s;  
}

 

.sec4_mg:hover img{
	transform: scale(1.2);  
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;	
	transition: 0.5s ease;
}


.sec4_mgbg{
	position:absolute; left:0; top:100%; right:0; bottom:0;
	left:0px;
	z-index:-1;
	background:#000;
	filter:alpha(opacity=80);  
    -moz-opacity:0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;  
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;	
	transition: 0.5s ease;
}


.sec4_con:hover .sec4_mgbg{
	top:0;
}

.text_content_l1{
	width:0%;
	height:2px;
	background:#F00;
	position:absolute; top:2px; left:50%;
	z-index:4;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;	
	transition: 0.5s ease;
}
	
	
.sec4_con:hover .text_content_l1{
	width:100%;
	left:0;
}	
	
	
	
.text_content_l2{
	width:2px;
	height:0%;
	background:#F00;
	position:absolute; top:50%; right:2px;
	z-index:4;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;	
	transition: 0.5s ease;
}
.sec4_con:hover .text_content_l2{
	height:100%;
	top:0;
}	

.text_content_l3{
	width:0;
	height:2px;
	background:#F00;
	position:absolute; bottom:0; left:50%;
	z-index:4;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;	
	transition: 0.5s ease;
}
	
.sec4_con:hover .text_content_l3{
	width:100%;
	left:0;
}

.text_content_l4{
	width:2px;
	height:0;
	background:#F00;
	position:absolute; top:50%; left:2px;
	z-index:4;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;	
	transition: 0.5s ease;
}
.sec4_con:hover .text_content_l4{
	height:100%;
	top:0;
}	



.sec4_mg_zi{
	width:100%;
	padding:0 10px;
	padding-top:10px;
	line-height:24px;
	position:absolute; bottom:0px; left:0px;
	z-index:2;
	-webkit-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	-ms-transition: 0.6s ease;
	-o-transition: 0.6s ease;	
	transition: 0.6s ease;
	opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
}
	
	
.sec4_mg_zi p{
	font-size:14px;
	color:#fff;
	letter-spacing:1px; 
}
	
	
.sec4_mg:hover .sec4_mg_zi{
	opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
}

.sec4_mg_zi h3{
	color:#fff;
	margin-top:0;
	margin-bottom:5px;
}
.sec4_mg_zi h3 span{
	color:#fff;
}
		
/* 线条效果 */



/*footer*/
.footer{background-color: #0b0b0b; padding:40px 0 0;}	
.footer .container{ width:80%; }
.footer .row{ padding:0}
.foot_nav{ padding:0; width:100%;}
.foot_nav li{ 
	float:left; 
	width:12%; 
	margin-right:2%;
}
.foot_nav li:nth-last-child(2){
	margin-right: 0;
}
.foot_nav li.four{ margin-right:0; width:32%;}
.dztj{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; }	
.foot_nav li h3{  font-size: 14px;
    line-height: 16px;
    padding-bottom: 20px; font-weight:normal; margin:0;}
.foot_nav li h3 a{
	color: #dadada;
}
.foot_nav li h3 a:hover{
	color: #eeeeee;
}
.foot_nav li p{ margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 1.8;
    color:#666; 
    font-size:13px;  
}	
.foot_nav li p a{ 
	color:#666; 
	font-size:12px; 
}	
.foot_nav li p a:hover {color:#c0200b;}
.foot_nav li.four p{ background:none; padding-left:0;}	
.foot_nav li.four p a i{ width:15px;}
.foot_nav li.four p span{ font-family:Arial, Helvetica, sans-serif; margin-left:5px;}
.footerbottom {margin: 20px 0 0 0;
    border-top: 1px solid #262626;
    height: 40px;}	
.footerbottom .copy {
    font-size: 13px; line-height:60px;
    color: #666;
	font-family:Arial, Helvetica, sans-serif;
}
.footerbottom .col-lg-8{ padding-left:0;}
.footerbottom .copy span{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;  }
.footerbottom {
    height: 50px;
    line-height: 50px;
}
.unohacha_logo{ float:right;}
.footer_ewm img{
	width: auto;
}
.foot_nav .footer_ewm{
	float: right;
}
.foot_nav .footer_ewm p{
	margin-top: 7px;
}

.uep_logo iframe{ border:none; height:40px; width:150px;}
/*footer*/

.bannerTxt{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.bannerTxt h6{
	font-size:50px;
	color: #ffffff;
	letter-spacing: 2px;
}
.bannerTxt p{
	margin-top: 30px;
	font-family: Arial;
	font-size: 18px;
	color: #ffffff;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.comment_title{
    text-align: center;
}
.comment_title h6{
    font-size: 30px;
    color: #333333;
    letter-spacing: 2px;
}
.comment_title p{
    font-size: 18px;
    color: #808080;
    margin-top: 10px;
    text-transform: capitalize; font-family:Arial, Helvetica, sans-serif;
}
.comment_title.white_title h6,
.comment_title.white_title p{
	color: #ffffff;
}
/* about.html */
.about_sec1{
	padding: 50px 0;
}
.about_sec1Txt{
	width: 50%;
	float: left;
}
.about_sec1Txt h6{
	font-size:28px;
	color: #333333;
	 margin-top:40px;
}
.about_sec1Txt p{
	font-size: 14px;
	color: #666666;
	line-height: 2;
	margin-top: 20px;
}
.about_sec1Img{
	width: 50%;
	float: right;
	padding: 2% 0 0 4%;
}

.about_sec2{
	padding: 50px 0 0;
	background-color: #f0f0f0;
}
.about_sec2Box{
	margin-top: 50px;
}
.about_sec2Txt{
	width: 92%;
	margin: 0 auto;
	padding: 3% 4%;
	background-color: #ffffff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%); box-shadow:5px 5px 5px #c0200b;
}
.about_sec2Txt h6{
	font-size: 24px;
	color: #333333;
}
.about_sec2Txt p{
	font-size: 14px;
	color: #333333;
	letter-spacing: 1px;
	line-height: 2;
	margin-top:10px;
}

.about_sec3{
	padding: 50px 0;
	background: url(../images/about_sec3Bg.jpg) center/cover no-repeat;
}
.about_sec3Box{
	margin-top:50px;
	position: relative;
}
.certificate_swiper{
	width: 84%;
}
.certificate_swiper .swiper-slide{
  cursor: pointer;
}
.about_sec3Con:nth-child(n+2){
	display: none;
}
.about_sec3Con h6{
	font-size: 36px;
    color: #ffffff;
    letter-spacing: 2px;
    text-align: center;
}
.about_sec3Con p{
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin-top: 15px;
}
.certificate_swiper_prev,
.certificate_swiper_next{
	position: absolute;
	top: 50%;
	margin-top: -31px;
	cursor: pointer;
}
.certificate_swiper_prev{
	left: 0;
}
.certificate_swiper_next{
	right: 0;
}

.about_alert{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.about_alertBox{
	height: 100%;
	display: none;
}

.about_alertSwiper .swiper-slide{
  position: relative;
}
.about_alertSwiper .about_sec3Con{
  width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.about_alertSwiper_pagination{
  top: 5%;
  bottom: auto!important;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}
.about_alertSwiper_prev,
.about_alertSwiper_next{
  position: absolute;
  top: 50%;
  margin-top: -32px;
  cursor: pointer; 
  z-index:9;
}
.about_alertSwiper_prev{
  left: 5%
}
.about_alertSwiper_next{
  right: 5%
}
.about_alertSwiper_close{
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: 9;
  cursor: pointer;
}

.yewu_swiper_prev,
.yewu_swiper_next{
	position: absolute;
	top: 50%;
	margin-top: -150px;
	cursor: pointer; z-index:9;
}
.yewu_swiper_prev{
	left: 10px;
}
.yewu_swiper_next{
	right: 10px;
}

.about_sec4{
	padding: 50px 0;
}
.about_sec4Box{
	margin-top: 80px;
	padding: 0 80px;
}
.about_sec4Con{
	display: inline-block;
	height: 60px;
	padding: 0 3%;
	font-size: 18px;
	color: #666666;
	line-height: 60px;
	text-align: center;
	border: 1px solid #dbdbdb;
	border-top: 2px solid #c0200b;
	position: relative;
    background-color: #f2f2f2;
    box-shadow: 4px 4px 4px rgba(192,32,11,0.5);
}
.about_sec4Con.bg{
	color: #ffffff;
	border-color: #c0200b;
	background-color: #c0200b;
}
.about_sec4_firstFloor{
	text-align: center;
}
.about_sec4_secondFloor{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	padding: 0 40px;
	position: relative;
}
.about_sec4_secondFloor::before{
	content: '';
	display: block;
	width: calc(100% - 238px);
	height: 2px;
	background-color: #e8e8e8;
	position: absolute;
	top: -30px;
	left: 120px;
}
.about_sec4_secondFloor .about_sec4Con::after{
	content: '';
	display: block;
	width: 1px;
	height: 32px;
	background-color: #e8e8e8;
	position: absolute;
	bottom: -32px;
	left: 50%;
}
.about_sec4_secondFloor .about_sec4Con::before,
.about_sec4_thirdFloor .about_sec4Con::before{
	content: '';
	display: block;
	width: 6px;
	height: 30px;
	background: url(../images/down.png) center/cover no-repeat;
	position: absolute;
	top: -32px;
	left: 50%;
}
.about_sec4_thirdFloor{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	padding: 0 19px 0 12px;
}
.about_sec4_thirdFloor_box{
	display: flex;
	/*justify-content: space-between;*/
	position: relative;
}
.about_sec4_thirdFloor_box::before{
	content: '';
	display: block;
	width: calc(100% - 44px);
	height: 2px;
	background-color: #e8e8e8;
	position: absolute;
	top: -30px;
	left: 26px;
}
.about_sec4_thirdFloor_box:nth-child(2){
	position: relative;
	left: 50px;
}
.about_sec4_thirdFloor_box:nth-child(3){
	position: relative;
	left: 50px;
}
.about_sec4_thirdFloor_box:nth-child(2)::before{
	left: 23px;
}
.about_sec4_thirdFloor_box:nth-child(3)::before{
	width: calc(100% - 42px);
	left: 29px;
}
.about_sec4_thirdFloor .about_sec4Con{
	writing-mode: vertical-rl;
    writing-mode: tb-rl;
    text-align: left;
    padding-top: 24px;
    height: 194px;
    line-height: 2;
    letter-spacing: 10px;
    border-top: 1px solid #e8e8e8;
    border-left: 2px solid #c0200b;
} 
.about_sec4_thirdFloor .about_sec4Con::before{
	top: -30px;
}
.about_sec4_thirdFloor .about_sec4Con:nth-child(n+2){
	margin-left: 30px;
}
/* about.html */


/* product.html */
.product1_sec1{
	padding: 80px 0 60px; padding-top:120px;	
}
.product1_sec1Left{
	width: 50%;
	float: left;
	position: relative;
}
.pro_inner{
	width: 100%;
}
.pro_inner_img{
	width: 75%;
	margin: auto;
	position: relative;
}
.pro_inner_img img,.pro_inner_small_img img{
	width: 100%;
}
.pro_inner .page{
	display: none;
}
.pro_small{
	margin: 30px 0 0;
	padding-bottom: 20px;
}
.pro_small .swiper-scrollbar{
	margin-top: 15px;
	left: 0;
	width: 100%;
}



.swiper-scrollbar-drag{
	background-color: #c0200b;
}
.pro_small::-webkit-scrollbar{
	height: 4px;
}
.pro_small::-webkit-scrollbar-thumb{
	background-color: #c0200b;
	border-radius: 4px;
}
.pro_small::-webkit-scrollbar-track-piece{
	background-color: #eeeeee;
}
.pro_inner_small_img{
	cursor: pointer;
	position: relative;
	opacity: 0.4;

	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.pro_inner_small_img.active{
	opacity: 1;
}
.pro_box_right{
	width: 50%;
	float: right;
	padding-right: 11.5%;
	padding-bottom: 20px;
}
.pro_inner .swiper-button-next,
.pro_inner .swiper-button-prev{
	width: 18px;
	height: 32px;
}
.pro_inner .swiper-button-next{
	background: url(../images/right1.png);
}
.pro_inner .swiper-button-prev{
	background: url(../images/left1.png);
}

.product1_sec1Right{
	width: 45%;
	float: right;
	padding-top: 4%;
}
.product1_sec1Right h6{
	font-size: 26px;
	color: #333333;
	font-weight: bold;
}
.product1_sec1Right p{
	font-size: 16px;
	color: #333333;
	letter-spacing: 1px;
	line-height: 2;
	margin-top: 4%;
}

.product1_sec2{
	position: relative;
}
.product1_sec2 .product1_sec2Title{
	font-size: 18px;
	color: #333333;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 40px;
	background-color: #eeeeee;
	padding: 0 20px;
}
.product1_sec2Box{
	padding: 80px 0;
	text-align: center;
}
.product1_sec2Box p{
	font-size: 20px;
	color: #333333;
	letter-spacing: 1px;
	line-height: 2;
}
.product1_sec2Box img{
	margin: 20px 0 80px;
	max-width: 100%;
}
/* product.html */

/* product_list.html */
.product_list{
	padding: 50px 0;
}
.product_listList{
	/*padding: 0 30px;*/
	/*background-color: #fafafa;*/
}
.product_listList li{
	padding: 30px;
	background-color: #f5f5f5;
	/*border-bottom: 1px solid #e7e7e7;*/
	margin-top: 15px;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.product_listList li:hover{
	box-shadow: 0 4px 10px 0 rgba(153,153,153,0.2);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.product_listImg{
	float: left;
	width: 220px;
	margin-right: 30px;
}
.product_listTxt{
	float: left;
	width: calc(100% - 250px);
	position: relative;
}
.product_listTxt h6{
	font-size: 18px;
	color: #c4261d;

}
.product_listTxt p{
	font-size: 14px;
	color: #666666;
	line-height: 1.6;
	margin-top: 10px;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 75px; margin-bottom:10px;
}
.product_listTxt span{ color:#c4261d;}
/* product_list.html */


/* news.html */
.news_sec{
	padding: 50px 0;
	background-color: #f5f5f5;
}
.news_secList{
	margin-top: 50px;
}
.news_secList li{
	float: left;
	width: calc(33.33% - 20px);
	margin-right: 30px;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.news_secList li:nth-child(3n){
	margin-right: 0;
}
.news_secList li:nth-child(n+4){
	margin-top: 30px;
}
.news_secTxt{
	padding: 6% 10% 14% 10%;
	position: relative;
	background-color: #ffffff;
}
.news_secTxt h6{
	font-size: 18px;
	color: #333333;
	line-height: 1.4;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
}
.news_date{ margin-top:10px;}
.news_secTxt p{
	font-size: 14px;
	color: #666666;
	line-height: 1.8;
	margin-top: 4%;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
}
.news_secTxt span{
	font-size: 14px;
	color: #666666;
	text-transform: uppercase;
	position: absolute;
	right: 10%;
	bottom: 10%;
}
.news_secList li:hover{
	box-shadow: 0 0 20px 4px rgba(51,51,51,0.1);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
/* news.html */

/* news_detail.html */
.news_detail{
	padding: 80px 0;
	background-color: #f5f5f5;
}
.news_detailMessages{

}
.news_detailMessages h6{
	font-size: 22px;
	color: #333333;
	letter-spacing: 1px;
	text-align: center;
	padding-bottom: 40px;
	border-bottom: 1px solid #666;
}
.news_detailMessages p{
	font-size: 16px;
	color: #333333;
	margin-top: 30px;
}
.news_detailMessages p span{
	font-weight: bold;
}

.news_detailBox{
	
}
.news_detailBox img{
	margin: 20px 0;
	max-width: 100%;
}
.news_detailBox p{
	font-size: 14px;
	color: #333333;
	line-height: 2;
	margin-top: 20px;
}
.news_detailBtn{
	display: block;
	margin: 100px auto 0;
	width: 154px;
	height: 52px;
	border-radius: 5px;
	background-color: #dd1010;
	font-size: 16px;
	color: #ffffff;
	line-height: 52px;
	text-align: center;
}
/* news_detail.html */

/* contact.html */
.contact_sec1{
	margin: 50px 0 0;
}
.contact_sec1Box{
	margin-top: 50px;
}
.contact_sec1Con{
	float: left;
	width: 33.33%;
	padding: 40px 6% 80px;
}
.contact_sec1Con:nth-child(n+2){
	border-left: 1px solid #cccccc;
}
.contact_sec1Con:nth-child(1){
	padding-left: 0;
}
.contact_sec1Con:nth-child(3){
	padding-right: 0;
}
.contact_sec1Con li:nth-child(n+2){
	margin-top: 10%;
}
.contact_sec1Con h5{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}
.contact_sec1Con img{
	margin: -8px 20px 0 0;
}
.contact_sec1Con h6{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.contact_sec1Con p{
	font-size: 14px;
	color: #666666;
	line-height: 1.6;
	margin-top: 10px;
}

.contact_sec2{
	padding: 50px 0;
	background-color: #323232;
}
.contact_sec2Box{
	margin-top: 60px;
}
.contact_sec2Box>div:nth-child(1){
	padding: 0 35px 0 0;
}
.contact_sec2Box>div:nth-child(2){
	padding: 0 0 0 35px;
}
.contact_sec2Box .contact_sec2Input:first-child{
	
}
.contact_sec2Input{
	position: relative;
	border-bottom: 1px solid #7a7a7a;
}
.contact_sec2Input span{
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	top: 16px;
	left: 0;
}
.contact_sec2Input input[type=text]{
	width: 100%;
	height: 60px;
	font-size: 18px;
	color: #ffffff;
	line-height: 60px;
	border: none;
	padding: 0 40px 0 70px;
	background-color: transparent;
}
.contact_sec2Xiala{
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	background-color: #ffffff;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 2;
	display: none;
}
.contact_sec2Xiala li{
	font-size: 20px;
	color: #333333;
	line-height: 2;
	cursor: pointer;
}
.contact_sec2Xiala li:hover{
	background-color: #f5f5f5;
}

.contact_sec2Input textarea{
	width: 100%;
	height: 175px;
	padding: 20px;
	text-indent: 50px;
	border: none;
	resize: none;
	background-color: transparent;
}
.contact_sec2Input img{
	position: absolute;
	top: 26px;
	right: 20px;
}
.contact_sec2Input input.problem{
	cursor: pointer;
}
.contact_sec2Input.content{
	height: auto;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.4;
}
.contact_sec2Input.content span{
	top: 20px;
}
.contact_sec2Btn{
	width: 156px;
	height: 50px;
	border-radius: 4px;
	border: 1px solid #ffffff;
	font-size: 20px;
	color: #ffffff;
	letter-spacing: 4px;
	line-height: 48px;
	text-align: center;
	margin: 60px auto 0;
	cursor: pointer;
}

.contact_sec3{
	margin: 50px 0;
}
.contact_sec3Box{
	margin-top: 60px;
}
.contact_sec3Con{
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	background: url(../images/contact_sec3Img01.jpg) center/cover no-repeat;
}
.join_swiper{
	padding-bottom: 60px;
}
.join_swiper .swiper-slide:nth-child(2n) .contact_sec3Con{
	background: url(../images/contact_sec3Img02.jpg) center/cover no-repeat;
}
.contact_sec3Con h6{
	font-size: 18px;
	color: #ffffff;
	/*font-weight: bold;*/
}
.contact_sec3Con p{
	font-size: 14px;
	color: #ffffff;
	margin-top: 10px;
}
.contact_sec3Con a{
	display: inline-block;
	width: 98px;
	height: 33px;
	border-radius: 2px;
	border: 1px solid #ffffff;
	font-size: 12px;
	color: #ffffff;
	line-height: 30px;
	margin-top: 20px;
}
.contact_sec3Con a img{
	margin: -2px 0 0 6px;
}
.join_swiper .swiper-slide:nth-child(2n) .contact_sec3Con h6,
.join_swiper .swiper-slide:nth-child(2n) .contact_sec3Con p,
.join_swiper .swiper-slide:nth-child(2n) .contact_sec3Con a{
	color: #333333;
	border-color: #333333;
}
.join_swiper_pagination{
	bottom: 0!important;
}
.join_swiper_pagination .swiper-pagination-bullet{
	width: 20px;
	height: 20px;
	color: #ffffff;
	opacity: 1;
}
.join_swiper_pagination .swiper-pagination-bullet-active{
	background-color: #c0200b;
}

.contact_sec3Map{
	margin-top: 50px;
	position: relative;
	height: 36vh;
}
.contact_sec3Map_txt{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.contact_sec3Map_txt h6{
	font-size: 40px;
	color: #ffffff;

}
.contact_sec3Map_txt a{
	display: inline-block;
	width: 156px;
	height: 50px;
	border-radius: 4px;
	border: 1px solid #ffffff;
	font-size: 14px;
	color: #ffffff;
	line-height: 48px;
	margin-top: 40px;
}
.contact_sec3Map_txt a img{
	margin: -4px 0 0 8px;
}
/* contact.html */

/* join.html */
.join_sec{
	margin: 80px 0;
}
.join_box{
	margin: 60px 0 0 10%;
	width: 800px;
}
.join_top{
	
}
.join_top h6{
	font-size: 24px;
	color: #ca151d;
	font-weight: bold;
}
.join_require{
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 2px solid #ededed;
}
.join_require span{
	float: left;
	display: block;
	width: 32%;
	font-size: 14px;
	color: #666666;
	margin-right: 2%;
}
.join_require span:nth-child(3n){
	margin-right: 0;
}
.join_require span:nth-child(n+4){
	margin-top: 2%;
}
.join_txt{
	margin-top: 40px;
}
.join_txt h6{
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 20px;
}
.join_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 2;
	letter-spacing: 1px;
}
.join_annotation{
	display: inline-block;
	margin-top: 40px;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	padding: 0 30px;
	border-radius: 30px;
	background-color: #c0200b;
}
/* join.html */

/* product2.html */
.product2_cec{
	margin: 50px 0; margin-bottom:80px;
}
.product2_txt h6{
	font-size: 28px;
	color: #666666;
}
.product2_txt p{
	font-size: 14px;
	color: #333333;
	line-height: 1.8;
	margin-top: 20px;
}
.product2_list{
	margin-top: 40px;
}
.product2_list li{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.product2_list li:nth-child(3n){
	margin-right: 0;
}
.product2_list li:nth-child(n+4){
	margin-top: 2%;
}
.product2_con p{
	font-size: 18px;
	color: #1792e5;
	font-weight: bold;
}
.product2_img{
	overflow: hidden;
	margin-top: 10px;
}
.product2_img img{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product2_list li:hover .product2_img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/* product2.html */

/* product_detail.html */
.product_detail{
	padding: 80px 0;
}
.product_detail h2{
	font-size: 28px;
	color: #c4261d;
	text-align: center;
}
.product_detailBox{
	margin-top: 60px;
}
.product_detailBox h6{
	font-size: 18px;
	color: #666666;
	margin: 20px 0;
	text-indent: 2rem;
}
.product_detailBox p{
	font-size: 16px;
	color: #666666;
	line-height: 2;
	letter-spacing: 1px;
	margin: 10px 0;
	text-indent: 2rem;
}
.product_detailBox img{
	margin: 60px auto;
	max-width: 100%;
	display: block;
}
/* product_detail.html */

/* classicCase.html */
.classicCase_sec{
	padding: 50px 0; background:#f0f0f0;

}
.classicCase_list{
	margin-top: 50px;
	
}
.classicCase_list:nth-child(n+2){
	display: none;
}
.classicCase_list nav{
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}
.classicCase_list li{

	cursor: pointer; margin-bottom:30px;
}
.classicCase_list li a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.classicCase_list li:hover a{

	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); background:#fff;
}

.case_box{margin-top:20px;}
.case_img{text-align:center; width:50%; margin:0 auto;}
.case_cont{}
.case_left{ float:left; width:48%;}
.case_right{ float:right;width:48%;}
.case_left p{ margin-top:0px;}
.case_right p{ margin-top:0px;}
.classicCase_img{
	overflow: hidden;
}
.classicCase_img img{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.classicCase_list li:hover .classicCase_img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.classicCase_list p{
	font-size: 18px;
	color: #333333;
	letter-spacing: 1px;
	line-height: 60px;
	height: 60px;
	text-align: center;
	background-color: #fff;
}
.classicCase_list li:nth-child(2n){
	
}
.classicCase_list li:nth-child(n+3){

}

.classicCase_swiperBox{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
}
.classicCase_swiperImg{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.classicCase_swiperImg img{
	max-width: 70%;
}
.classicCase_swiper_pagination{
	top: 6%;
	bottom: auto!important;
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
}
.classicCase_swiper_prev,
.classicCase_swiper_next{
	position: absolute;
	top: 50%;
	margin-top: -31px;
	cursor: pointer;
	z-index: 11;
}
.classicCase_swiper_prev{
	left: 5%;
}
.classicCase_swiper_next{
	right: 5%;
}
.classicCase_swiperClose{
	position: absolute;
	top: 5%;
	right: 5%;
	cursor: pointer;
	z-index: 11;
}
/* classicCase.html */


.product2_box{ margin-top:30px;}

.product2_txt{ margin-top:30px; margin-bottom:40px;}
.about_sec2Txt a{ margin-top:10px; display:block; width:100px; height:40px; line-height:40px; border:1px solid #c4261d; display:block; text-align:center; background:#c4261d; color:#fff;}
.about_sec2Img{
	height: 54vh;
}
.honor_warp{width:560px; margin:0 auto; margin-top:40px; }
.honor_warp li{ float:left; width:120px; height:40px; line-height:40px; margin-right:20px; text-align:center; }
.honor_warp li:nth-last-child(2){
	margin-right: 0;
}
.honor_warp li a{ display:block;border:1px solid #ccc; color:#fff; border-radius:5px;}
.honor_warp li a:hover{ background:#c4261d; color:#fff;border:1px solid #c4261d;}
.honor_warp li .cur{ background:#c4261d; color:#fff;border:1px solid #c4261d}
.product li{ width:48%;}
.zuzhi{}
.about_sec1Txt strong{ color:#c4261d; font-size:16px; font-weight:600;}
.header_wx .wx{ position:relative;}
.wx_warp{ 
	background-color: #ffffff;
	text-align: center;
	position:absolute; top:50px; 
	left:-38px; 
	opacity:0;
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.header_wx .wx:hover .wx_warp{ opacity:1;}

.case_warp{ width:420px;}
.case_warp li{ width:200px;}
.case_warp li a{ color:#333;}
.footer_warp .foot_wx{ position:relative;}
.footer_warp .foot_wx:hover .wx_warp{ opacity:1;}
.wx_warp{ z-index:9;}
.uep_logo{ font-size:12px;}
.header_pro_box ul li{ float:left; margin-right:20px;}
.header_pro{ float:left; width:60%;}
.header_right_box_pro{ width:850px; margin:0 auto;}
	
@media(max-width:1820px) {
	
}
@media(max-width:1740px) {
	
}
@media(max-width:1660px) {
	
}
@media(max-width:1520px) {
	
}
@media(max-width:1440px) {
	.about_sec4_secondFloor::before {
	    width: calc(100% - 228px);
	    left: 114px;
	}
	.about_sec4_thirdFloor {;
	    padding: 0 12px 0 6px;
	}
  .about_alertSwiper .about_sec3Con{
    width: 400px;
  }
}
@media(max-width:1360px) {
	
}
@media(max-width:1280px) {

}
@media(max-width:768px) {
	.row,
	.row>div{
		margin: 0;
		padding: 0;
	}
	.navbar-nav {
		width: 100%;
		margin-left: 0px;
		text-transform: uppercase;
	}
	.navbar-nav li {
		text-align: center;
		border-bottom: 1px dotted #e5e5e5;
		line-height: 40px;
	}
	.navbar-nav li a {
		color: #666;
		font-size: 13px;
	}
	.navbar-nav li a:hover {
		color: #0752a4;
	}
	.headerbg {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 999999;
		background: #fff;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}
	.logo_boxlist {
		float: left;
	    width: 120px;
    	margin-top: 12px;
	}
	.navbar-toggle {
		margin: 10px 0;
		padding: 9px 0;
	}
	.navbar-toggle .icon-bar {
		background-color: #000;
	}
	.navbar-collapse {
		border-top: 1px solid #e5e5e5;
	}
	
	.footer_phone{
		background-color: #333333;
		font-size: 12px;
		color: #eeeeee;
		padding: 0 3%;
		height: 40px;
		line-height: 40px;
	}
	/* index.html */
	.banner_btn_left,
	.banner_btn_right{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.index_banner{
		margin-top: 54px;
		height: 300px;
	}
	.score-highlight{
		width: 100%;
		right: 0;
	}
	.index_banner1 .banner_text{
		float: none!important;
		width: calc(100% - 80px);
		margin: 0!important;
		padding: 20px!important;
		position: absolute;
		bottom: 5%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.caption h2{
		font-size: 16px;
	}
	.score-button{
		min-height: auto;
		padding: 10px 0;
		font-size: 14px;
	}

	.index_one{
		width: 94%;
	}
	.sec4_con .sec4_mgbg{
		top: 0;
	}
	.sec4_mg .sec4_mg_zi{
		opacity:1;
	    filter:alpha(opacity=100);
	    -moz-opacity:1; 
	    -khtml-opacity:1;
	    -webkit-opacity:1;
	}
	.sec4_mg_zi h3,
	.icon-all_txt h5{
    	font-size: 16px;
	}
	.sec4_mg_zi p,
	.icon-all_txt p{
		font-size: 12px;
    	line-height: 1.6;
	}
	.index_box2 .row{
		margin: 0;
	}
	.index_box2 .row>div:nth-child(n+2){
		margin-top: 20px;
	}
	.index_box2_list{
		padding: 0 3%;
	}
	.index_box2_list a h2{
		font-size: 18px;
		margin: 20px 0 10px;
		padding: 0 3%;
	}
	.index_box2_list a p{
		line-height: 1.6;
		padding: 0 3%;
	}

	.index_box3_list h3{
		padding: 40px 0 0;
	}
	.index_box3 .container{
		width: 100%;
	}
	.index_box3_list{
		padding-bottom: 40px;
		border-left: none;
		border-bottom: 1px #dedede solid;
	}
	.index_box3_list h3{
		font-size: 22px;
	}
	.index_box3_list p{
		padding: 10px;
	}
	/* index.html */

	.comment_title h6{
		font-size: 24px;
	}
	.comment_title p{
		font-size: 16px;
	}

	/* about.html */
	.about_sec1{
		padding: 40px 0;
	}
	.about_sec1Txt{
		width: 100%;
		float: none;
		padding: 0 3%;
	}
	.about_sec1Txt h6{
		/*margin-top: 0;*/
	}
	.about_sec1Txt h6{
		font-size: 22px;
   	 	text-indent: 1em;
	}
	.about_sec1Txt p{
		font-size: 12px;
		margin-top: 10px;
    	text-indent: 2em;
	}
	.about_sec1Img{
		width: 100%;
		float: none;
		padding: 0 3%;
		margin-top: 20px;
	}

	.about_sec2{
		padding: 40px 0;
	}
	.about_sec2Box{
		margin-top: 40px;
	}
	.about_sec2Txt{
		width: 94%;
		margin: 20px auto 0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
		
	.yewu_swiper{
		padding-bottom: 10px;
	}
	.about_sec2Txt h6{
		font-size: 22px;
	}
	.about_sec2Txt p{
		font-size: 12px;
		display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    height: 48px;
	}

	.about_sec3{
		padding: 40px 3%;
	}
	.honor_warp{
		width: 100%;
	}
	.honor_warp li{
		width: 23.5%;
		margin-right: 2%;
		height: 34px;
		line-height: 34px;
		font-size: 12px;
	}

	.yewu_swiper_prev, 
	.yewu_swiper_next{
		display: none;
	}
	.certificate_swiper{
		width: 75%;
	}
	.about_alert{
		display: none!important
	}
	.about_sec4{
		padding: 40px 0;
	}
	/* about.html */

	/* case.html */
	.classicCase_sec{
		padding: 40px 0;
	}
	.case_warp .honor_nav{
		display: flex;
		justify-content: center;
	}
	.classicCase_list p{
		font-size: 16px;
	    line-height: 50px;
	    height: 50px;
	}
	.classicCase_box .topic h6{
		font-size: 26px!important;
		margin: 0!important;
	}

	.news_detail{
		padding: 40px 3%;
	}
	.news_detailMessages h6{
		padding-bottom: 20px;
	}
	.news_detailBox img{
		margin: 10px 0;
	}
	.news_detailBox p{
		margin: 10px 0;
		font-size: 12px;
	}
	.news_detailBtn{
		margin: 40px auto 0;
	    width: 128px;
	    height: 42px;
	    font-size: 14px;
	    line-height: 42px;
	}
	/* case.html */

	/* contact.html */
	.contact_sec1{
		margin: 40px 0 0;
	}
	.contact_sec1Box{
		margin-top: 40px;
		padding: 0 3%;
	}
	.contact_sec1Con{
		float: none;
		width: 100%;
		padding: 40px 0;
		height: auto!important;
	}
	.contact_sec1Con:first-child{
		padding-top: 0;
	}
	.contact_sec1Con:nth-child(n+2){
		border-left: none;    
		border-top: 1px solid #cccccc;
	}
	.contact_sec1Con h5{
		font-size: 16px;
	}
	.contact_sec1Con img{
		margin: -8px 10px 0 0;
	}
	.contact_sec1Con h6{
		font-size: 14px;
	}
	.contact_sec1Con li:nth-child(n+2){
		margin-top: 20px;
	}
	.contact_sec1Con p{
		font-size: 12px;
		margin-top: 6px;
	}

	.contact_sec2{
		padding: 40px 3%;
	}
	.contact_sec2Box{
		margin-top: 40px;
	}
	.contact_sec2Input span{
		font-size: 16px;
		top: 14px;
	}
	.contact_sec2Input input[type=text]{
		height: 48px;
		line-height: 48px;
    	padding: 0 10px 0 50px;
    	font-size: 14px;
	}
	.contact_sec2Box>div{
		padding: 0!important;
	}
	.contact_sec2Input.content{
		font-size: 14px;
	}
	.contact_sec2Input textarea{
		height: 120px;
		text-indent: 0;
		padding: 20px 0 20px 40px;
	}
	.contact_sec2Btn{
    	margin: 30px auto 0;
		width: 140px;
		height: 42px;
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 40px;   
	}

	.contact_sec3{
		margin: 40px 0 0;
	}
	.contact_sec3Box{
		margin-top: 40px;
	}
	.join_swiper_pagination .swiper-pagination-bullet{
		width: 18px;
	    height: 18px;
	    line-height: 18px;
	    font-size: 12px;    
	    margin: 0 3px;
	}
	.contact_sec3Map_txt h6{
		font-size: 24px;
	}
	.contact_sec3Map_txt a{
		margin-top: 20px;
		height: 42px;
		line-height: 40px;
		font-size: 12px;
	}
	/* contact.html */

	/* join.html */
	.join_sec{
		margin: 40px 0;
	}
	.join_box{
		width: 100%;
		margin: 40px 0 0;
		padding: 0 3%;
	}
	.join_top h6{
		font-size: 18px;
	}
	.join_require{
		margin-top: 20px;
		padding-bottom: 20px;
		border-width: 1px;
	}
	.join_require span{
		width: 100%;
		margin: 0;
	}
	.join_require span:nth-child(n+2){
		margin-top: 10px;
	}
	.join_txt{
		margin-top: 20px;
	}
	.join_txt h6{
		margin-bottom: 10px;
	}
	.join_txt p{
		font-size: 12px;
	}
	.join_annotation{
		width: 100%;
		font-size: 12px;
		text-align: center;
		padding: 0;
		margin-top: 20px;
	}
	/* join.html */

	/* news.html */
	.news_sec{
		padding: 40px 0;
	}
	.news_secList{
		margin-top: 40px;
		padding: 0 3%;
	}
	.news_secList li{
		width: 100%;
		margin: 0;
	}
	.news_secList li:nth-child(n+2){
		margin-top: 20px;
	}
	.news_secTxt {
    	padding: 10px 10px 40px 10px;
    }
    .news_secTxt h6{
    	font-size: 16px;
    	height: 19px;
    }
    .news_secTxt p{
    	margin-top: 10px;
    	font-size: 12px;
    	height: 42px;
    }
    .news_secTxt span{
    	font-size: 12px;
    	bottom: 15px;
    	right: 10px;
    }
    .news_detailMessages h6{
    	line-height: 1.4;
    }
	/* news.html */
	
	/* product.html */
	.product2_cec{
		padding: 0 3%;
		margin: 40px 0;
	}
	.product2_list li{
		float: none;
		width: 100%;
		margin: 0;
	}
	.product2_list li:nth-child(n+2){
		margin-top: 20px;
	}
	.product2_con p{
		font-size: 16px;
	}
	/* product.html */

	/* product1.html */
	.product1_sec1{
		padding: 100px 3% 40px;
	}
	.product1_sec1Left{
		width: 100%;
		float: none;
	}
	.pro_small{
		margin: 10px 0 0;
		padding: 0;
	}
	.product1_sec1Right{
		width: 100%;
		float: none;
		padding-top: 0;
		margin-top: 20px;
	}
	.product1_sec1Right h6{
		font-size: 18px;
	}
	.product1_sec1Right p{
		font-size: 14px;
		line-height: 1.8;
		margin-top: 10px;
	}
	.product1_sec2Box{
		padding: 40px 3% 0;
	}
	.product1_sec2Box p{
		font-size: 16px;
		letter-spacing: 0;
	}
	.product1_sec2Box img{
		margin: 10px 0 40px;
	}
	/* product1.html */

	/* product2.html */
	.product2_box{
		margin-top: 10px;
	}
	.product2_txt{
		margin: 0;
	}
	.product2_txt p{
		font-size: 12px;
		margin-top: 0;
	}
	/* product2.html */

	/* product_list.html */
	.product_list{
		padding: 40px 3%;
	}
	.product_listList li{
		padding: 20px;
	}
	.product_listImg{
		float: none;
		width: 100%;
		margin-right: 0;
		height: 200px!important;
	}
	.product_listTxt{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.product_listTxt h6{
		font-size: 16px;
	}
	.product_listTxt p{
		font-size: 12px;
    	-webkit-line-clamp: 2;
    	height: 38px;
	}
	.product_listTxt span{
		font-size: 12px;
	}
	/* product_list.html */

	/* product_detail.html */
	.product_detail{
		padding: 40px 3%;
	}
	.product_detail h2{
		font-size: 22px;
	}
	.product_detailBox{
		margin-top: 40px;
	}
	.product_detailBox h6{
		font-size: 16px;
		margin: 10px 0;
	}
	.product_detailBox p{
		font-size: 12px;
	}
	.product_detailBox img{
		margin: 20px auto;
	}
	/* product_detail.html */

}