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

.in_protxt{
	
	margin-top: 68px;
	position: relative;
	overflow: hidden;
	
	
	}

.in_protxt h1{
	
	margin:0 auto;
	font-size:1.8rem;
	text-align:center;
	
	}
.in_protxt p{
	
	margin:5px auto;
	color:#999;
    text-align:center;
	
	}
	


.in_tabcon {
 width:100%;
 margin-top: 40px;
 overflow:hidden;

 
}
.in_tabcon .pro_tab {
	border-bottom: 1px solid #eee;
	margin:10px atuo;
	width:100%;
	height:50px;
	
	
	
}
.in_tabcon .pro_tab ul{

    width:100%;
	margin:10px auto;

	height:50px;
	
	
}





.in_tabcon .pro_tab ul li {
	width: 22%;
	float: left;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 1em;
	font-family: "microsoft yahei";
	


	
	
}
.in_tabcon .pro_tab ul li.action {
	font-weight: bold;
	border-bottom: 3px solid #f30;
	background:#0CC;
}
.in_tabcon .xww_procon {
	width: 100%;
	height: 700px;
}
.in_tabcon .xww_procon .item {
	display: none;
	padding: 15px;
	overflow:hidden;
	
}
.in_tabcon .xww_procon .item:first-child {
	display: block;
}
/***/

#achievements {
	background: url(../img/intro-bg.jpg) no-repeat center bottom fixed;
	background-color:#000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
}



#achievements .overlay {
	margin:60px 0px;
	padding: 30px 0px 180px 0px;
	background: -moz-linear-gradient(left, rgba(3,77,170,0.6) 0%, rgba(3,113,214,0.6) 100%); 
	background: -webkit-linear-gradient(left, rgba(3,77,170,0.6) 0%, rgba(3,113,214,0.6) 100%); 
	background: linear-gradient(to right, rgba(3,77,170,0.6) 0%, rgba(3,113,214,0.6) 100%);
	z-index:1; 
}

.overtxt h1{
	
	text-align:center;
	color:#F00;
	font-size:5rem;
	font-family:Verdana, Geneva, sans-serif;
	}


.overtxt p{
	width:80%;
	margin:0 auto;
	text-align:center;
	color:#Fff;
	font-size:1.5rem;
	line-height:180%;
	}


.overtxt .cspan{
	padding-top:30px;
	text-align:center;
	color:#Fff;
	font-size:1.2rem;
	}




/***/


#xwwcpdh{
margin: 20px -12px 0;
position: relative;
overflow: hidden;


}
.xwwcp_txt{
width:23.4%;
margin:0px 12px 47px 12px;
float:left;
display:block;
overflow: hidden;
border:1px solid #EFEFEF;


}
.xwwcp_txt li{
float:left;


}

.xwwcp_txt:nth-child(4n+1){
		clear: right;
	}

.xwwcp_txt:hover{

background:#37618A;
border:1px solid #039;
color:#FFF;
}
.xwwcp_txt img{

  max-width:100%;
  
  overflow:hidden;
  transition:all 2s;

}




.xwwcpim{
width: 100%; 
overflow: hidden;
	
	}
.xwwcp_txt:hover img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
}


.xwwcp_txt:hover a:link{
	
	color:#FFF;
	
	}
.xwwcp_txt:hover .powetitle_in b{
	
	border-bottom:3px solid #FFF;
	
	}


.xwwcp_txt:hover p a:link{
	
	color:#F60;
	
	}

.xwwcp_txt:hover h1 a:visited{
	
	color:#FFF;
	
	}
	
.powetitle_in{
	
	width:100%;
	margin:0 auto;
	padding:10px;
	
	
	}

.powetitle_in h1{
	
font-size:1rem;
font-weight:bold;
letter-spacing:1px;
text-align:center;

}

.powetitle_in b{
width:35px;
border-bottom:3px solid #ccc;
display:block;
margin:0 auto;
}

.powetitle_in h1 a:link{
text-decoration:none;

}
.powetitle_in h1 a:visited{
text-decoration:none;
color:#333;
}

.powetitle_in h1 a:active{
text-decoration:none;
color:#FFF;
}

.powetitle_in h1 a:hover{
text-decoration:none;
color:#FFF;
}
.powetitle_in p{
font-size:15px;
height:35px;
line-height:35px;
text-align:center;


}


.powetitle_in p a:link{
text-decoration:none;
color:#0066CC;
}
.prtxt{
	
	padding:35px 0px;
	line-height:220%;
	
	
	}


/***/
.scroll_num{
	
	height:280px;
	background:#0C5292;
	
	
	}
	
.scroll_num_txt{
	
	padding:30px 0px 0px 0px;
	
	}


.scroll_num_txt h2 {
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: #FFF;
}
.scroll_num_txt p {
	text-align: center;
	font-size: 0.85rem;
	color:#F3F3F3;
	padding:5px;
	
}


.xw_scronum {
	width: 100%;
	height: 230px;
	margin: 0px auto;
	padding: 60px 0px;
	background:#0C5292;
	color: #FFF;
	
}
.sc_num1, .sc_num2, .sc_num3, .sc_num4 {
	float: left;
	width: 25%;
	text-align: center;
}
.num, .num2, .num3, .num4 {
	font-family: "Microsoft Yahei";
	font-size: 50px;
	font-weight: bold;
	color: #FFF;
	float: left;
	text-align: right;
}
.num {
	position: relative;
	left: 175px;
}
.num3 {
	position: relative;
	left: 175px;
}

.num2 {
	position: relative;
	left: 175px;
}
.num4 {
	position: relative;
	left: 160px;
}
.xw_scronum {
	font-size: 18px;
}

/*****/

.aboutus_con{
	
	width:60%;
	overflow:hidden;
	
	float:left;
	
	
	}
	
.aboutus_con h2{
	
	font-size:26px;
	padding:35px 0px;
	
	
	
	}
	
.aboutus_con span{
	
	font-size:14px;
	padding:35px 0px;
	color:#666;
	
	font-family:Verdana, Geneva, sans-serif;
	
	}	
	
		
.aboutus_con p{
	
	font-size:16px;
	line-height:150%;
	
	
	}	
	
.aboutus_con p a{
	
	
	font-size:14px;
	font-weight:bold;
	color:#FFF
	padding:2px;
	
	
	}
	
.aboutus_con p a:link{
	
	
	color:#06C;

	
	
	}	
	
.aboutus_con p a:hover{
	
	
	color:#F00;

	
	
	}	
		
		
.about_view{
	
	width:36%;
	overflow:hidden;
	
	float:right;
	
	
	}
	
/***/	
.about_tb {
	height: auto;
	overflow: hidden;
	padding-top: 40px;
}
.about_tb .aboutus_tb {
	margin-top: 5px;
}
.about_tb .aboutus_tb dl {
	float: left;
	display: inline-block;
	margin-right: 14px;
	width: 297px;
	height: 110px;
	border: 1px solid #cccccc;
	padding: 30px 20px 30px 30px;
}
.about_tb .aboutus_tb dl:last-child {
	margin-right: 0;
}
.about_tb .aboutus_tb dl:hover {
	background:#37618A;
	color: #FFF;
	border:none;
}
.about_tb .aboutus_tb dl:hover img{
	
  filter: brightness(1.5) sepia(0.5);
}

.aboutus_tb dl dt {
	float:left;
}
.aboutus_tb dl dd {
	float:right;
	
}
.about_tb .aboutus_tb dl dt h5 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
.about_tb .aboutus_tb dl dt p {
	line-height: 35px;
	font-size:12px;
}

.about_tb .aboutus_tb dl:hover h5 {
	color: #FFF;
}



/****/


.pinpai_list {
	margin: 20px -12px 0;
	position: relative;
	overflow: hidden;
	
}
.pinpai_list li {
	float: left;
	width: 25%;
	margin-bottom: 45px;
	
}



.pinpai_list li a {
	display: block;
}
.pinpai_list li a:hover {
	border-color: #2096DD;
}
.pinpai_list li .item_pic {
	margin: 0 12px;
	border-bottom:1px solid #EBEBEB;
}
.pinpai_list li .img {
	padding: 1px 1px 1px 1px;
	height: auto;
	overflow: hidden;
	max-width: 100%;/*width:expression(this.width>100%?"100%":this.width);     
  max-height:180px;     
  height:expression(this.height>180?"  170px":this.height); */
	border: 1px solid #e5e5e5;
}
.pinpai_list li img {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	width: 100%;
	padding: 1px 1px 1px 1px;
}
.pinpai_list li a:hover img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.pinpai_list li .text {
	padding: 1em 1em 0.8em;
	text-align: center;
}
.pinpai_list li .text b {
	width: 35px;
	background: #F60;
	border-bottom: 3px solid #ccc;
	display: block;
	margin: 3px auto;
	text-align: center;
}
.pinpai_list li .text h3 {
	font-size: 0.875rem;
	color: #3d3d3d;
	overflow: hidden;
}
.pinpai_list li a:hover .text h3 {
	color:#FFF;
	font-weight: bold;
}
.pinpai_list li:hover .text b {
	border-bottom: 3px solid #fff;
}

.pinpai_list li:hover .text{
	background:#37618A;
}



.pinpai_list li .sum {
	color: #979797;
	line-height: 1.7;
	height: 3.2em;
	overflow: hidden;
}
.pinpai_list li:nth-child(4n+1) {
	clear: left;
}

#pp_small li {
	
	margin: 15px 10px;
	
	
}
#pp_small li {
	
	margin: 12px 10px;
	

	
	
	
}
#pp_small li a{
	
	
	font-weight:normal;
	
	
	
}


#pp_small li:hover{
	

	font-weight:normal;
	
	
	
}
.hover_hz .thumb {
	overflow: hidden;
	position: relative;
}
.hover_hz .thumb::before {
	position: absolute;
	top: 0;
	left: -95%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	transform: skewX(-17deg);
}
.hover_hz .thumb:hover::before {
	-webkit-animation: shine .95s;
	-moz-animation: shine .95s;
	animation: shine .95s;
}
@keyframes shine {
 100% {
 left: 125%;
}
}
/****/

.in_aboutus{
	
	background:#F5F5F5;
	height:600px;
	
	}
	
.news_rn{
	
	height:500px;
	background:#09C;
	
	
	}
	
	
.in_more {
	overflow:hidden;
	padding:10px 20px;
	text-align: center;
	font-size:16px;
}
.in_more a {
	display: block;
	width: 180px;
	padding:8px 10px;
	color:#fff;
	margin:0 auto;
	background:#37618A;
	text-align:center;
	border-radius:3px;
}
.in_more a:hover {
	text-decoration: none;
	background: red;
	color: #fff;
}	




	
/****news****/


.hznews_txt{
	
	margin:30px 0px;
	
	}


.hznews_txt h2 {
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: #000;
}
.hznews_txt p {
	text-align: center;
	font-size: 0.85rem;
	color: #999;
	padding:5px;
	
}




.new-wrap {
	overflow: hidden;
	margin: 30px -12px 0;
	position: relative;
}
.new_lst li {
	width:33.33%;
	float: left;
	
}
.new_lst li .item_news {
	margin: 0 12px;
	background: #F1F1F1;
	padding: 0px;
}
.new_lst p.img {
	padding: 3px 0px 1px 3px;
	height: auto;
	overflow: hidden;
	/*width:expression(this.width>100%?"100%":this.width);     
  max-height:180px;     
  height:expression(this.height>180?"  170px":this.height); */ 
	 
}

.new_lst img {
	
	width:100%;
	 
}



.new_lst p img {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	width: 100%;
	padding: 1px 4px 1px 1px;
}
.new_lst li:hover img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
}
.new_lst p {
	width: 100%;
	
}

p.newlf_tel a {
	color:#444;
	font-size: 1vw;
	line-height: 50px;
	text-align: left;
	display: block;
	font-weight: bold;
	padding: 7px;
}
.item_news:hover a{
	color: #06C;
}
.item_news p.newlf_tx {
	font-size: 14px;
	line-height: 26px;
	color: #999;
	height: 105px;
	overflow: hidden;
	padding: 0 7px;
}
.new_lst p.newlf_date {
	padding: 10px 16px;
	text-align: right;
}


.hover14 figure {
	overflow: hidden;
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	transform: skewX(-17deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .95s;
	-moz-animation: shine .95s;
	animation: shine .95s;
}
/*----箭头产品滚动----*/





#cross_img{
	
	background:#EFEFEF;
	
	}


#skins_pro {
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	clear: both;
	padding:25px 0px 15px 0px;
	
	
}


#skins_pro .leftLoop .bd ul {
	overflow: hidden;
	zoom: 1;
}
#skins_pro .leftLoop ul li {
	margin: 0px 10px 0px 10px;
	width: 25%;
	height: auto;
	float: left;
	background: #f0f0f0;
	border:1px solid #EFEFEF;
}
#skins_pro .leftLoop ul li .proimg_bk {

	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	
}
#skins_pro .leftLoop ul li .proimg {
	text-align: center;
	position: static;
    +position:absolute;
	top: 50%;
}
#skins_pro .leftLoop ul li .proimg_bk img {
	vertical-align: middle;
	position: static;
    +position:relative;
	top: -10%;
	left: -10%;
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
#skins_pro .leftLoop .pro-module {
	
	
	
	height: 51px;
	line-height: 50px;
	
}
#skins_pro .leftLoop .pro-module a {
	
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	color:#333;
	font-size: 14px;
	text-align: center;
	margin:0 auto;
}
#skins_pro .leftLoop ul li:hover .pro-module a {
	color: #fff;
	font-size: 14px;
}
#skins_pro .leftLoop ul li:hover {
	background: #fff;
	font-weight:bold;
}
#skins_pro .leftLoop ul li:hover .pro-module {
	background:#37618A;
}
#skins_pro .leftLoop ul li:hover img {
	-webkit-transform: scale(1.05) rotate(0deg) translateY(0);
	-ms-transform: scale(1.05) rotate(0deg) translateY(0);
	transform: scale(1.05) rotate(0deg) translateY(0);
}
/*---箭头产品滚动结束----*
	
/***link***/
.web_link {
	margin: 15px 0px;
	border: 1px solid #EEE;
	padding: 15px;
	overflow: hidden;
}
.Link_txt {
	padding-bottom: 8px;
}
.web_link span {
	font-size: 16px;
	background: url(../img/links02.png) no-repeat left center;
	padding-left: 35px;
	color:#1D5587;
	font-weight: bold;
}
.Link_con li {
	float: left;
	font-size: 0.875rem;
	padding: 15px 15px 15px 5px;
}
.Link_con li a:hover {
	color: #09C;
}
.xwwcp_txt:nth-child(4n+1){
		clear: both;
	}