@charset "utf-8";
@import url("common/grid.css");/*网格*/
@import url("common/layout.css");/*整体框架*/
@import url("common/icon.css");/*图标*/
@import url("common/ie.css");/*图标*/
@import url("common/page.css");/*图标*/
@import url("navi/navi_02.css");/*02导航*/

/*@import url("../css/animate.min.css");*//*动画*/

html {
	overflow-x: hidden;
}
.clear{
	clear: both;
}
.dowebok .section{ overflow:hidden;}



.header{ width:100%; background:none; position:fixed !important; z-index:9999999!important;}
.header .navbar{ width:100%;}
.header .navbar .pc_menu{ width:100%; height:110px; margin:0 auto; transition: all 0.3s 0s ease-in-out ; background:#fff;
 transition: all 0.2s linear -1ms;}
.header .navbar .pc_menu .pc_logo{ float:left; height:100%; margin-left:6.8%;align-items:center; display: -webkit-flex;margin-right: 14.2%;}
.header .navbar .pc_menu .pc_logo a { display:block; height:60%;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}

.header .navbar .pc_menu .pc_menu_right li{ float:left; margin-left:18px; margin-right:18px;}
.header .navbar .pc_menu .pc_menu_right>li .t{ margin-top:25px; display:block; height:55px; line-height:55px; font-size:18px; color:#000;}
.header .navbar .pc_menu .pc_menu_right li:hover .t{ color:#13912c !important;}

.header .navbar .pc_menu:hover{ background:#fff;}
.header .navbar .pc_menu:hover .pc_menu_right li .t{ color:#666;}

.header .navbar .pc_menu .pc_menu_right .active>a{ color:#13912c !important;position: relative;}
.header .navbar .pc_menu .pc_menu_right .active>a::after{ 
	content: "";
	width: 100%;
	height: 3px;
	background: #fe7215;
	position: absolute;
	left: 0px;
	top: 100%;
}


/*-----滚动后--------*/
.header .navbar .pc_fixed{ background:#fff !important; transition: all 0.2s linear -1ms;}
.header .navbar .pc_fixed .pc_menu_right li .t{ color:#666;}

.nav .m .sub{ z-index:999;}
.nav .m .sub li{ width:150px;}
.pc_menu_right .sub { position: absolute; left: -60px;}


/* 中英文 */
.language{
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 190px;
    padding-bottom: 60px;
}
.language>li{
    padding: 0 3px;
}
.language>li>a{
    display: inline-block;
    width: 110px;
    background: url(../img/arrow.png) right center no-repeat;
    border-bottom: 2px solid #222222;
}
.language a{
    font-size: 14px;
    color: #333;
}
.m-language{
    display: none;
}
.m-language li{
    width: 90px;
    text-align: center;
    background-color:#f8f8f8;
}
.m-language li a{
    line-height: 30px;
}
.language>li:hover .m-language{
    display: block;
}
.m-language li:hover 
{
	background: #13912c;
}
.m-language li:hover a
{
	color: white;
}

/* banner */
.part_one,.banner{
	width: 100%;
	margin-top: 90px;
	overflow: hidden;
 position: relative;
z-index: 99999;
}
.banner img{
	display: inline-block;
	width: 100%;
 position: relative;
z-index: 100000000000000000000000;
}



/* 内部导航 */
.inside-nav{
	width: 100%;
	background: #f6f6f6;
	margin-bottom: 4.7%;
}
	.inside-nav .nav-container{
		max-width: 1280px;
		margin: 0 auto;
	} 
	.inside-nav .nav-container ul li{
		display: inline-block;
		font-size: 16px;
		padding: 1.5%;
	}
	.inside-nav .nav-container ul li a{
		color: #333;
		display: inline-block !important;
		width: 100%;
		height: 100%;
	}

	.inside-nav .nav-container ul li.inside-active{
		background: #13912c;
	}

	.inside-nav .nav-container ul li.inside-active a{
		color: white;
	}
	.inside-nav .nav-container ul li:hover{
		background: #13912c;
	}
	.inside-nav .nav-container ul li:hover a{
		color: white;
	}




/* 底部导航 */
.footer{
	width: 100%;
	background: #f6f6f6;
}
.footer-container{
	max-width: 1290px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
	padding-top: 5%;
}
.footer-left,.footer-middle,.footer-right{
	display: inline-block;
	vertical-align: top;
}
	.footer-left{
		width: 212px;
	}
	.footer-left img{
		display: inline-block;
		margin-bottom: 5%;
	}
	.footer-left p{
		font-size: 14px;
		color: #222;
	}
	.footer-left h1{
		font-size: 34px;
		color: #13912c;
		font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	}


	.footer-middle {
		width: 55%;
		margin-left: 8%;
		margin-bottom: 4.5%;
	}
	.footer-middle .footer-nav>li{
		display: inline-block;
		margin: 0 5%;
		vertical-align: top;
	}
	.footer-middle .footer-nav>li>a{
		display: inline-block;
		margin-bottom: 15px;
		font-size: 15px;
		color: #222;
	}
	.footer-middle .footer-nav ul li a{
		font-size: 15px;
		line-height: 32px;
		color: #222;
	}
	.footer-right{
		float: right;
	}
	.footer-right img{
		display: inline-block;
		margin-bottom: 10px;
	}
	.footer-right p{
		font-size: 14px;
		color: #000;
		text-align: center;
		line-height: 16px;
	}

/* 友情链接 */
.friend {
	margin-bottom: 3.5%;
}
.friend p{
	display: inline-block;
	font-size: 14px;
	color: #222;
}
.friend a{
	display: inline-block;
	padding: 0 8px;
	font-size: 14px;
	color: #222;
}

  /* 网站建设 */
  .copy{
    position: static;
    padding-bottom: 5%;
}
.copy>p{
    display: inline-block;
    font-size: 14px;
    color: #222;
}
.copy>p:nth-child(2){
    margin-left: 20px;
}
.copy a{
    text-decoration: none;
    font-size: 14px;
    color: #222;
}




@media screen and (max-width: 1600px) {
	.header .navbar .pc_menu .pc_logo{
		margin-right: 3.5%;
	}
 
}

@media screen and (max-width: 1400px) {
	.header .navbar .pc_menu .pc_logo{
		margin-left: 2.5%;
		margin-right: 2%;
	}
	.language{
		right: 124px;
	}	
}


@media screen and (max-width: 1250px){
	.header .navbar .pc_menu{
		height: 70px;
	}
	.header .navbar .pc_menu .pc_logo a{
		height: 80%;
	}
	.part_one,.banner{
		margin-top: 50px;
	}
}

@media screen and (max-width: 1070px) {
	.footer-middle{
		margin-left: 0%;
	}
	.footer-middle .footer-nav>li{
		margin: 0 5%;
	}
}

@media screen and (max-width: 860px) {
	.footer-left,.footer-middle,.footer-right{
		display: block;
		margin: 0 auto;
		margin-bottom: 5%;
		text-align: center;
	}
	.footer-middle{
		width: 90%;
	}
	.footer-middle .footer-nav{
		/* display: flex; */
		display: none;
		justify-content: space-between;
	}
	.footer-middle .footer-nav>li{
		margin: 0px;
	}
	.footer-right{
		float: left;
		margin-left: calc(50% - 61px);
	}
}

@media(max-width:760px){
	.banner img{
		width:200%;
		margin-left:-50%;
	}
	.inside-nav .nav-container ul li{
		padding: 3%;
	}
.footer-left h1{
	font-size:26px;
}
}


.m_nav{
		animation: 3s news ease-in-out;
		-webkit-animation: 3s news ease-in-out;
}
	@keyframes news
{
		0% {opacity: 0;height: 0;}
		25% {opacity: 0;height: 0;}
		50% {opacity: 0;height: 0;}
		75% {opacity: 0;height: 0;}
		100% {opacity: 1;height: 100%;}
}

	@-webkit-keyframes news
{
	0% {opacity: 0;height: 0;}
		25% {opacity: 0;height: 0;}
		50% {opacity: 0;height: 0;}
		75% {opacity: 0;height: 0;}
		100% {opacity: 1;height: 100%;}
}