@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

body,html {
	font-family: "Microsoft YaHei";
	color: #666;
	
	
}
ul, li {
	list-style-image: none;
	list-style-type: none;
}


.logo {
padding-top:6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2%;

}

.logo img {
width:75%;

}



	.navbar {
	background-color:rgba(209,3,5,.8);
	height: 75px;
	border-bottom:none;
 
		
	
}
	.navbar-brand {
padding-top:0;
	
		
	}


.snav{
display: none;
	
}

.mobile-inner-nav{
z-index: 999;
	
}

.mobile-inner-nav a{

		  -webkit-animation-duration: 0.8s;
		  animation-duration: 0.8s;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
		  -webkit-animation-name: ReturnToNormal;
		  animation-name: ReturnToNormal;
		}

			
		@keyframes ReturnToNormal {
		  from {
		    -webkit-transform-origin: left top;
		    transform-origin: left top;
		    -webkit-transform: rotate3d(0, 0, 1, 45deg);
		    transform: rotate3d(0, 0, 1, 45deg);
		    opacity: 0;
		  }

		  to {
		    -webkit-transform-origin: left top;
		    transform-origin: left top;
		    -webkit-transform: none;
		    transform: none;
		    opacity: 1;
		  }
		}


		@-webkit-keyframes ReturnToNormal {
		  from {
		    -webkit-transform-origin: left top;
		    transform-origin: left top;
		    -webkit-transform: rotate3d(0, 0, 1, 45deg);
		    transform: rotate3d(0, 0, 1, 45deg);
		    opacity: 0;
		  }

		  to {
		    -webkit-transform-origin: left top;
		    transform-origin: left top;
		    -webkit-transform: none;
		    transform: none;
		    opacity: 1;
		  }
		}
	
.swiper-container{
padding-top: 75px;	
	
}

    .swiper-container .swiper-slide img {
       width: 170%;
		height: auto;
		
    }

.scp{
 background:url(../images/bg.gif) repeat 0 0;
	padding:40px 0 60px 0;
}

.scp .container{padding:0;}

.scp a span{
	display:block;
	text-align: center;
	color: #333;
}

.scpt{
background:url(../images/title1.gif) no-repeat center top;
	width: 100%;
	height: 76px;
	background-size:1000px;
}




.scp .row:nth-child(2){
	
	padding-top:30px;
}





.scp .row:nth-child(2) img{
/*transition:all 1.3s ease;*/

}


		
.scp .row:nth-child(2) img:hover {
/*transform:rotate(360deg);*/
	animation:myfirst 1s ease;


}

@keyframes myfirst
{
	
0%   {transform: rotate(-30deg); transform-origin: center bottom; }
25%  {transform: rotate(30deg);transform-origin: center bottom;  }
50%  {transform: rotate(-10deg);transform-origin: center bottom;  }
75%  {transform: rotate(10deg); transform-origin: center bottom; }
100% {transform: rotate(0deg); transform-origin: center bottom; }
}





.sgy{
	width:100%;
	height: 500px;
	background: url(../images/neiye_03.jpg) repeat;
	}
	
.sgy{
	width:100%;
	height: 500px;
	background: url(../images/gybg.jpg) no-repeat center -30px;
	}
	
	
.sgy .container{
	padding-top:60px;
	background: url(../images/lj.png) no-repeat left 400px fixed;
	height: 440px;
	
	}	
	
.sgy .container p{
	font-size:14px; 
	line-height: 36px; 
	color: #fff;
	padding:40px 0 40px 0;
	}
	

.title img{width:78%;height: auto;}


.snews{
	width:100%;
	height: auto;
	background: url(../images/bg.gif) repeat;
	padding-top:50px;
	
	}	
	
.snewst{
background:url(../images/title2.gif) no-repeat center top;
	width: 100%;
	height: 139px;
	background-size:1000px;
	
}

.snewst a{
margin-top:68px;
display: block;
		
}

.snewst img{width:100%;height:auto;}




.sxw img{width:100%;margin-top:20px;}	
.title2{
color:#333;
font-size:16px;
line-height: 43px;
height: 43px;
border-bottom: solid 1px #e8e8e8;
	}

.title2 a{color:#333;}
.title2 span{display: none;}	
	
.sxw p{font-size:14px;line-height: 22px;color: #888;padding-top:12px;}	

.sxw2{padding:30px 0 0 0;}
.slist{padding-left:0px;padding-bottom:35px;}	
.slist::after{
	clear:both;
	content:"";
	display: block;}

.slist img{width:100%;height:auto; }
	

.title3 a{color:#333;font-size:16px;}
.title3 span{display: none;}		
.slist p{font-size:14px;line-height: 22px; color: #888;}	
	
.slist .col-xs-9{padding:0 15px 0 0;}


.ft{
background: url(../images/ftbg.jpg) no-repeat center top;
height: auto;
width: 100%;
overflow: hidden;
	padding-bottom:20px;
}

.ftimg{display:none;}

.ewm img{
	padding-top:0px;
	margin: 0 auto;
	width: 100%;
	
	}

	.bq{
		padding-top:30px;
		color:#ff7506;
		text-align: center;
	
	
	}	


.gybanner{
	
	background:url(../images/gybanner.jpg) no-repeat center top;
	background-size:cover;
	width: 100%;
	height: 300px;
	

}

.gybanner2{
	
	background:url(../images/gybanner2.jpg) no-repeat center top;
	background-size:cover;
	width: 100%;
	height: 300px;
	

}

.gybanner3{
	
	background:url(../images/gybanner3.jpg) no-repeat center top;
	background-size:cover;
	width: 100%;
	height: 300px;
	

}

.gybanner4{
	
	background:url(../images/gybanner4.jpg) no-repeat center top;
	background-size:cover;
	width: 100%;
	height: 300px;
	

}


.gybanner .row{
height: 300px;	
display:flex;
justify-content:center;
align-items:center;	
}

.gybanner img{
width: 80%;	
	
}

.box{
background: url(../images/bg.gif) repeat;
	padding:60px 0;
	line-height: 30px;
	font-size:16px;
	color: #333;
	overflow: hidden;
	
}

.box2{

	padding:0px ;
	
	
}

.box p{padding-bottom:20px;}
.box h4{
padding-top: 40px;
font-size:30px;
margin-bottom: 0;
line-height: 24px;
text-align: center;
}

.box i{
font-size:14px;
font-style:normal;	
margin-bottom: 20px;
display: block;
text-align: center;
}


.cp{
background: url(../images/bg.gif) repeat;
	padding-bottom:30px;
	line-height: 30px;
	font-size:16px;
	color: #333;
	
}

.side{
	
	background:url(../images/line.gif) repeat-x center bottom;
	padding:20px 0;
}

.side a{

	color: #333;
	font-size:20px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	 position: relative;  
	 display: block;
	width: 60%;
	margin: 0 auto;
	text-decoration: none;  
} 

.side a:hover{color:#ff7506;}

.side a:before{  content: ""; left:0;  transition:0.5s;}	
.side a:after{  content: ""; right:0;  transition:0.5s;}
	
.side a:hover::before, a:hover::after { position: absolute;	 }  	
.side a:hover::before { content: "\5B"; left: -20px; }  
.side a:hover::after { content: "\5D"; right:  -20px; } 

.focus a{color:#ff7506;}


.cpn .container{padding:0;}

.cpn a span{
	display:block;
	text-align: center;
	color: #333;
}



.cpn{
	
	padding:30px 0;
}

.cpn a{
	display: block;
	margin:30px 0;
}



.cpn  img{
transition:all 1s  ease;

}


		
.cpn  img:hover {
transform:rotate(360deg);
	transform-origin: center top ;
	
/*animation:myfirst 1s ease;*/
}


.probody p{
padding-top:0px;

}

.probody img:hover{
	
	animation:myfirst2 1.2s ease-in-out;
	animation-delay:0.1s;
}


@keyframes myfirst2
{
	
0%   {transform: rotate(-30deg); transform-origin: center bottom; }
25%  {transform: rotate(30deg);transform-origin: center bottom;  }
35%  {transform: rotate(-20deg);transform-origin: center bottom;  }
45%  {transform: rotate(20deg);transform-origin: center bottom;  }
55%  {transform: rotate(-10deg);transform-origin: center bottom;  }
65%  {transform: rotate(10deg); transform-origin: center bottom; }
75%  {transform: rotate(-5deg); transform-origin: center bottom; }
85%  {transform: rotate(5deg); transform-origin: center bottom; }	
100% {transform: rotate(0deg); transform-origin: center bottom; }
}



.text{	
padding-top:0px;

}

.text h1{
	
	font-size:30px;
	background:url(../images/line.gif) no-repeat center bottom;
	margin-bottom:30px;
	display: block;
	padding-bottom:20px;
	
}



.text p{
	margin-top:30px;
	background:url(../images/line.gif) no-repeat center top;
	display: block;
	padding-top:20px;
	
}


.news{
	
    background-color: #fff;
    margin: 0 0 20px 0;
    box-shadow: 2px 2px 3px #ccc;	
}


.xw{
	
padding:60px 0;	
}


.news{padding:15px 0;}

.xw a{
display:block;
overflow: hidden;}

.xw img{

transition:all 1s ease;
}

.xw a:hover img{
transform:scale(1.3);
		}

.xw a h4{
color: #333;
font-size:20px;	
	
}

.xw p{
color: #666;
font-size:14px;	
line-height: 24px;
padding-top: 6px;
	
}

.xw b{
font-weight: normal;
color: #999;
font-size:14px;		
	
}


.xwbody{
padding:60px 0;	
}

.xwbody h1{
font-size:36px;	
line-height: 46px;
	
}

.xwbody span{	
color: #666;
border-bottom:solid 1px #e8e8e8;
display: block;
font-size: 14px;
padding-bottom: 20px;
}


.nr{
padding-top:40px;	
line-height: 30px;
font-size: 16px;
color:#333;

}





/*没有小于768px，是因为Bootstrap3以移动端优先设计*/







/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	
.swiper-container{
padding-top: 0;	

	
}


.swiper-container .swiper-slide img {
       width: 100%;
		height: auto;
    }

	.navbar {
	
	height: 100px;

	
}	
	
.snav{
	
display: block;
	
}

.snav a{
color: #fff;
font-size: 14px;
padding: 0 20px;	
display: inline-block;
height: 100px;
line-height: 110px;
font-family: "Microsoft YaHei";


	
	}


.snav a:hover{
	
	background-color:rgba(255,117,6,.8);

text-decoration: none;
		
	}


	
	

	

.mobile-inner{
display: none;
	
}



.logo {

	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2%;
}

.logo img {
width:100%;

}
	

.scpt{
background:url(../images/title1.gif) no-repeat center top;
	width: 100%;
	height: 97px;
	background-size:100%;
}


	
.sgy{
	width:100%;
	height: 600px;
	background: url(../images/neiye_03.jpg) repeat;
	}
	
.sgy{
	width:100%;
	height: 600px;
	background: url(../images/gybg.jpg) no-repeat center top;
	}
	
	
.sgy .container{
	
	background: url(../images/lj.png) no-repeat 370px 600px fixed;
	height: 600px;
	
	}	
	
.sgy .container p{
	font-size:16px; 
	line-height: 36px; 
	color: #fff;
	padding:40px 0 40px 0;
	}
	

.title img{width:370px;height: 96px;}

.sgy .col-sm-4{padding-right:0;width: 440px;}
	
	
.snews{
	width:100%;
	height: auto;
	background: url(../images/bg.gif) repeat;
	padding-top:64px;
	padding-bottom: 30px;
	}
	
	
	
	
	
.snewst{
background:url(../images/title2.gif) no-repeat center top;
	width: 100%;
	height: 139px;
	
}

.snewst a{
margin-top:88px;
display: block;
		
}
	
.sxw{padding:0;}
.sxw img{width:100%;margin-top:60px;}	
.title2{
color:#333;
font-size:20px;
line-height: 53px;
height: 53px;
border-bottom: solid 1px #e8e8e8;
	}

.title2 a{color:#333;}
.title2 span{font-size:14px;color: #888;float:right;}	
	
.sxw p{font-size:14px;line-height: 22px;color: #888;padding-top:12px;}	

.sxw2{padding:60px 0 0 0;}
.slist{padding-left:50px;padding-bottom:35px;}	
.slist::after{
	clear:both;
	content:"";
	display: block;}


.title3 a{color:#333;font-size:18px;}
.title3 span{font-size:14px;color: #888;float:right;}		
.slist p{font-size:14px;line-height: 22px; color: #888;padding-top:10px;}	

.slist .col-xs-9{padding:0;}

.ft .container{padding:0;}
.ftimg{display:block;}
.ftimg img{padding-top:2%;}
.ewm img{
	padding-top:30px;
	float:right;
	width:auto;
	}
	
	.ft{padding-bottom:0;}
	.bq{padding-top:0;}	
	
	
	
.gybanner{
	
	background:url(../images/gybanner.jpg) no-repeat center top;
	background-size:cover;
	width: 100%;
	height: 400px;
	

}
	
.gybanner2{
	
	background:url(../images/gybanner2.jpg) no-repeat center top;
	background-size:cover;
	width: 100%;
	height: 400px;
	

}
	
.gybanner3{
	
	background:url(../images/gybanner3.jpg) no-repeat center top;
	background-size:cover;
	width: 100%;
	height: 400px;
	

}
	
.gybanner4{
	
	background:url(../images/gybanner4.jpg) no-repeat center top;
	background-size:cover;
	width: 100%;
	height: 400px;
	

}


.gybanner .row{
	width: 100%;
height: 400px;	
display:table-cell;
vertical-align:middle;

}

	
.gybanner img{
width: auto;	
	
	
}
	
	

.box{
background: url(../images/bg.gif) repeat;
	padding:60px 0;
	line-height: 30px;
	font-size:16px;
	color: #333;
	
}

.box p{padding-bottom:20px;}
.box h4{
padding-top:0;
font-size:30px;
margin-bottom: 0;
line-height: 24px;
text-align: left;
}

.box i{
font-size:14px;
font-style:normal;	
margin-bottom: 20px;
display: block;
text-align: left;
}

	
	
	
.text{	
padding-top:40px;

}

.probody p{
padding-top:20px;
padding-bottom:0;

}
	
.xwbody h1{
font-size:36px;	
line-height: 26px;
	
}

.snewst img{width:175px;height:47px;}
	
}


/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
	
.snav a{
color: #fff;
font-size: 16px;
padding: 0 50px;	
display: inline-block;
height: 100px;
line-height: 110px;
	}


}








/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {

	.slist img{width:94px;height: 89px;}
	
}


.page_fy {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
.page_fy A {
	BORDER-RIGHT: #eee 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #eee 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	MARGIN: 2px;
	BORDER-LEFT: #eee 1px solid;
	COLOR: #119714;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #eee 1px solid;
	TEXT-DECORATION: none
}
.page_fy A:hover { COLOR: #FFF; BORDER: #119714 1px solid}
.page_fy A:active {BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid}
.page_fy .focus {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	MARGIN: 2px;
	COLOR: #fff;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #119714;
	border: 1px solid #119714;
	
}
.page_fy .disabled {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}
.page_fy span{padding-left:5px;}
.page_fy span.off {border: 1px solid #EEEEEE;color: #ccc;margin: 2px;padding: 2px 5px;}

.arc_link{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e1e4e6;
	padding-top: 10px;
	line-height: 24px;
}
.arc_link a{
	color:#666;
	line-height: 24px;
}
.arc_link a:hover{
	text-decoration: underline;
}