comlinka2@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 800px) {
::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #000;
}
  
/*鐎规矮绠熷姘З閺壜ゅ缓闁拷 閸愬懘妲捐ぐ锟�+閸﹀棜顫�*/  
::-webkit-scrollbar-track {
 border-radius: 0px;
 background: #000;
}
  
/*鐎规矮绠熷鎴濇健 閸愬懘妲捐ぐ锟�+閸﹀棜顫�*/  
::-webkit-scrollbar-thumb {
 border-radius: 0px;
 background-color:#fcdb00;
}
}
 /*=========
  閸╃儤婀版妯款吇閸婏拷
  ==========*/
*{
	margin: 0;
	padding: 0; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-word-break: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
}
html{ 
	min-height:100%;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body {
	min-height:100%;
	font-size: 12px;
	color: #000;
	font-family: "Arial","宋体";
	overflow-x:hidden;
	line-height: 1.2;
}

li{
	list-style: none;
}
img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	text-decoration: none;
	color: #000;
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s;  
}
::after,::before{
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s;  
}
table {
	border-collapse: collapse;
}
input, textarea,select {
	font-family: "Arial","宋体";
	font-size: 12px;
	outline: none;
}
::-webkit-input-placeholder {
    color: #fff;
}
:-moz-placeholder {
    color: #fff;
}
::-moz-placeholder {
    color: #fff;
}
:-ms-input-placeholder {
    color: #fff;
}
/* =========
  瀹搞儱鍙块弽宄扮础
  ========== */
.clearfix:before,
.clearfix:after{
	content: "";
	display: block;
	
}
.clearfix:after{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.donghua{
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
}
/* =========

  妫ｆ牠銆�

  ========== */
.wrap{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	max-width: 1380px;
	overflow: hidden;
	
}
.all{
	max-width: 100%;
	width: 100%;
	overflow: hidden;
}
/*婢舵挳鍎�*/

/*娑擃參妫块獮鍨啞鏉烆喗鎸� End*/
/*閸忓厖绨幋鎴滄粦*/
.index-about{
	max-width: 1380px;
	height: 320px;
	padding-bottom:40px;
	
}
.index-about .left{
	width: 40%;
	float: left;
	height: 100%;
	
}
.index-about .right{
	width: 60%;
	float: left;
	height: 100%;
	
}
.index-about .left{

	background:url(IMG_6893.JPG) no-repeat center center;
	background-size:cover
}
.index-about .left{
	
}
.index-about .right{
	background-color: #ffffff;
}
.index-about .left .yw{
	font-size: 72px;
	color: #e70012;
	line-height: 1;
	font-weight: bold;
	height: 72px;
	overflow: hidden;
}
.index-about .left .more{
	font-size: 18px;
	color: #e70012;
	font-weight: bold;
	margin-top: 15px;
	text-decoration:underline
}
.index-about .right{
	padding-left: 2.5%;
	padding-right: 2.7%;
}
.index-about .right .title{
	font-size: 24px;
	color: #333333;
	line-height: 38px;
	height: 38px;
	font-family:"黑体";
	padding-bottom:20px;
}
.index-about .right .desc{
	font-size: 14px;
	color: #666666;
	line-height: 2;
	/*height: 78px;*/
	overflow: hidden;
	margin-top: 0px;
	max-height: 270px;
}
.index-about .right .desc a{
	display:block;
	border: 1px solid #666666;
	height:30px;
	line-height:20px;
	width:80px;
	padding-left:12px;
	padding-top:5px;
	padding-bottom:5px;
	float:right;
	margin-top:10px;
	color:#666666;
}

.index-about .right .desc a:hover{
	display:block;
	border: 1px solid #0060B0;
	height:30px;
	line-height:20px;
	width:80px;
	padding-left:12px;
	padding-top:5px;
	padding-bottom:5px;
	float:right;
	margin-top:10px;
	color:#ffffff;
	background-color:#0060B0;
}

.indextitle1{
	max-width:200px;
	height:30px;
	line-height:30px;
	margin:auto;
	font-size:20px;
	font-family:"微软雅黑";
	color:#333333;
	font-weight:400;
	padding-bottom:25px;
	clear:both;
	text-align:center;
	background-image: url(itbg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.indextitle2{ width:100%;height:30px; line-height:30px; margin:auto; font-size:16px; font-family:"微软雅黑"; color:#666666; font-weight:600; color:#000000;  padding-bottom:28px; clear:both; text-align:left;}


.productsmore{display:block;
	border: 1px solid #666666;
	height:30px;
	line-height:20px;
	width:80px;
	padding-left:12px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	color:#666666;
	margin:auto;
	
	}
	
.productsmore:hover{
	display:block;
	border: 1px solid #0060B0;
	height:30px;
	line-height:20px;
	width:80px;
	padding-left:12px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	color:#ffffff;
	background-color:#0060B0;
	margin:auto;
}


#gongao #scroll_begin, #gongao #scroll_end{display:inline} 
#gongao{
	max-width:1380px;
	margin:auto;
	border: 1px solid #cccccc;
	height:30px;
	line-height:30px;
	margin-top:20px;
}
#gongao a{
	color:#999999;
	
	background-image: url(newsli.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	padding-right:20px;
}

@media only screen  and (min-width: 801px){
	.index-about .left,.index-about .right{
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
}
@media only screen  and (max-width: 1280px){
	.index-about .left .yw{
		font-size: 66px;
		height: 66px;
	}
	.index-about .left .more,.index-about .right .desc{
		margin-top: 10px;
	}
	.index-about{
		height: 260px;
	}
	.index-about .right .title{
		font-size: 28px;
		height: 42px;
	}
}
@media only screen  and (max-width: 1024px){
	.index-about .left .yw{
		font-size: 56px;
		height: 56px;
	}
	.index-about{
		height: 220px;
	}
	.index-about .right .title{
		font-size: 24px;
		height: 36px;
	}
	.index-about .right .desc{
		font-size: 12px;
	}
	.index-about .right{
		padding-left: 5%;
		padding-right: 3.5%;
	}
}
@media only screen  and (max-width: 800px){
	.index-about{
		height: auto;
	}
	.index-about .left{
		display: block;
		float: none;
		width: 100%;
		border: 0;
	
	}
	.index-about .right{
		float: none;
		width: 100%;
		padding: 5%;
	}
	.index-about .right .desc{
		height: auto;
		max-height: 300px;
	}
	.productsmore{ margin-top:15px;}
	.indextitle1{ padding-top:5px; padding-bottom:15px;}
}
@media only screen  and (max-width: 600px){
	.index-about .left .yw{
		font-size: 40px;
		height: 40px;
	}
	.index-about .right .title{
		font-size: 20px;
		height: 30px;
	}
	.index-about .left .more, .index-about .right .desc{
		margin-top: 5px;
	}
	.index-about .right .desc{
		line-height: 1.5 !important;
		max-height: 300px;
	}
}
/*閸忓厖绨幋鎴滄粦 End*/
/*鐠佹崘顓哥化鑽ょ埠*/
.index-Box{
	margin-top: 0px;
	background-color: #f7f7f7;
	position: relative;
	background-position: right bottom;
	background-repeat: no-repeat;

}
.index-Box:before{
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #f7f7f7;
	height: 270px;
	border-bottom: 1px solid #e3e3e3;
}
.indexCom .ctitle,.index-news .ctitle{
	font-size: 22px;
	color: #404040;
	overflow: hidden;
	text-align: center;
	font-family: "微软雅黑";
	font-weight: 300;
	
	
	
}



.case-bg .left .yw,.case-bg .left .zw{
	color: #FFF;
}
.case-bg .left:after{
	background-color: #FFF;
}
.caseBox{
	background-color: #f7f7f7;
	position: relative;
	padding-bottom: 20px;
}

.caseUl{
margin-top:30px;
	position: relative;
	z-index: 1;
}
.caseUl li{
	float: left;
	position: relative;
	width: 23%;
	margin-right: 2%;
	margin-bottom:60px;
	background-color: #f7f7f7;
	
}
.caseUl li:nth-child(4n+0){
	margin-right: 0;
}
.caseUl li a{
	display: block;
	padding-bottom: 25px;
}
.caseUl li a .imgbox{
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
    -webkit-transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.27);
    -o-transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.27);
    transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.27);
}
.caseUl li a .inimg{
	box-shadow: 0px 0 0px red, 
	 0px 0 0px yellow, 
	 0 0px 0px blue, 
	 0 15px 40px rgba(0,0,0,.15);
	 overflow: hidden;
}
.caseUl li a .imgbox img{
	width: 100%;
}
.caseUl li a .float{
	position: absolute;
	left: 50%;
	width: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	text-align: center;
	padding-top: 17px;
	padding-bottom: 16px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
}


.caseUl li a .float .zw{
	font-size: 16px;
	color: #373737;
	font-weight: 100;
	font-family: "宋体";
	line-height: 1.5;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.caseUl li a .float .yw{
	font-size: 12px;
	color: #a4a4a4;
	line-height: 1.5;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
[aos][aos][aos-delay='100'].aos-animate, body[aos-delay='100'] [aos].aos-animate {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
[aos][aos][aos-delay='250'].aos-animate, body[aos-delay='250'] [aos].aos-animate {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}
[aos][aos][aos-delay='400'].aos-animate, body[aos-delay='400'] [aos].aos-animate {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}
[aos][aos][aos-delay='550'].aos-animate, body[aos-delay='550'] [aos].aos-animate {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms;
}
[aos^=fade][aos^=fade].aos-animate {
    opacity: 1;
}
[aos][aos][aos-duration='1000'], body[aos-duration='1000'] [aos] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
[aos][aos][aos-easing=ease-out-back], body[aos-easing=ease-out-back] [aos] {
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}
[aos=fade-up].aos-animate {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
[aos][aos][aos-delay='100'], body[aos-delay='100'] [aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[aos^=fade][aos^=fade] {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
}
[aos=fade-up] {
    -webkit-transform: translate(0,100px);
    -ms-transform: translate(0,100px);
    transform: translate(0,100px);
}
@media only screen  and (min-width:601px){
	.caseUl li:hover a .imgbox{
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	.caseUl li:hover a .float .zw,.caseUl li:hover a .float .yw{
		color: #fff;
	}
	.caseUl li:hover a .float{
		background-color: #0060B0;
	}
	
}
@media only screen  and (max-width:1280px){
	.caseBox{
		margin-top: 75px;
		padding-bottom: 65px;
	}
	.caseUl li{
		margin-bottom: 65px;
	}
}
@media only screen  and (max-width:1024px){
	.caseBox{
		margin-top: 7.5%;
		padding-bottom:6.5%;
	}
	.caseUl li{
		margin-bottom:6.5%;
	}
}
@media only screen  and (max-width:800px){
	.caseUl li{
		margin-right: 3%;
		width: 48.5%;
	}
	.caseUl li:nth-child(3n+0) {
	    margin-right: 3%;
	}
	.caseUl li:nth-child(2n+0) {
	    margin-right: 0;
	}
	.caseBox{
		margin-top: 0%;
		padding-top:20px;
	}
}
@media only screen  and (max-width:600px){
	.caseUl li a .float{
		padding-top: 13px;
		padding-bottom: 12px;
	}
	.caseUl li a .float .zw{
		font-size: 16px;
		height: 24px;
	}
}
@media only screen  and (max-width:414px){
	.caseUl li a .float{
		padding-top: 9px;
		padding-bottom: 8px;
		
	}
	.caseUl li a .float .zw{
		font-size: 14px;
		height: 21px;
	}
	.caseUl li a .float .yw{
		font-size: 10px;
		height: 15px;
	}
	.caseUl li a{
		padding-bottom: 20px;
	}
	.caseUl li{
	     margin-bottom:50px	
		}
}