/*** common css **/


.Main{position:relative;padding:80px 0 150px;}
.SideNav{position:relative;float:left;width:260px;}
.SideNavHead{height:54px;}
.SideNavHead h1.ch{font-size:24px;line-height:24px;color:#fd9803;font-weight:400;margin-bottom:12px;}
.SideNavHead h1.en{font-size:18px;line-height:18px;font-family:"Arial";color:#c8c8c8;font-weight:400;}
.SideNav ul{position:relative;margin-top:55px;}
.SideNav ul li{width:84px;padding-left:25px;height:37px;line-height:37px;color:#666666;font-size:16px;text-align:left;margin-bottom:25px;background-image:url("../images/icon_sidenav1.png")}
.SideNav ul li.cur{width:109px;text-align:center;padding-left:0;background-image:url("../images/icon_sidenav2.png");color:#fd9803;}
.SideNav ul li:hover{width:109px;cursor:pointer;padding-left:0;text-align:center;background-image:url("../images/icon_sidenav2.png");color:#fd9803;}

.Wrap{position:relative;width:940px;float:left;}
.Position{position:relative;height:54px;line-height:54px;color:#888888;border-bottom:1px solid #d7d7d7;}
.Position span{color:#fd9803;}
.Content{position:relative;margin-top:55px;}

/* header */

/* header end */


/* footer */

.footer{position:relative;width:100%;}
.footer_nav{height:50px;background-color:#4d4d4d;}
.footer_nav>ul{width:558px;margin:0 auto;}
.footer_nav>ul>li{float:left;line-height:50px;position:relative;width:186px;color:#ffffff;font-size:18px;display:inline-block;text-align:center;}
.footer_nav>ul>li.cur{color:#eca703}
.footer_nav>ul>li:hover{color:#eca703;cursor:pointer;}
.footer_nav>ul>li>span{position:absolute;height:11px;width:1px;background-color:#ffffff;}
.footer_nav>ul>li:first-child>span{top:20px;left:0px;}
.footer_nav>ul>li:nth-child(2)>span:first-child{top:20px;left:-1px;}
.footer_nav>ul>li:nth-child(2)>span:last-child{top:20px;right:-1px;}
.footer_nav>ul>li:nth-child(3)>span{top:20px;right:0px;}
.footer_info{position:relative;width:100%;height:259px;padding:40px 0 0 0;background-color:#383838;}
.footer_contact{margin-left:85px;}
.footer_contact_img{width:500px;float:left;}
.footer_contact_info{float:left;}
.footer_contact_wx{float:right;}
.footer_contact ul li{color:#ffffff;}
.footer_contact ul li.li1{font-size:40px;line-height:90px;padding-left:15px;}
.footer_contact ul li.li2{font-size:16px;line-height:32px;}
.footer_contact ul li.li2 span{color:#8a8a8a}
.footer_contact ul li.li3{line-height:45px;}
.wx{float:left;margin-right:60px;width:134px;}
.wx2{margin-right:110px;}
.wx .p1{font-size:16px;color:#ffffff;line-height:35px;text-align:center;}
.wx .p2{font-size:14px;color:#a4a4a4;line-height:20px;text-align:center;}
.copyright{position:relative;height:50px;width:100%;margin-top:20px;color:#ffffff;text-align:center;line-height:50px;background-color:#2f2f2f}
.copyright-ph{position:relative;height:83px;width:100%;margin-top:20px;color:#ffffff;text-align:center;background-color:#2f2f2f}
.copyright-ph .p1{line-height:50px;}
.copyright-ph .p2{line-height:16px;}










/* footer end */

/* media css */
@media (min-width: 801px) {
	.copyright-ph{display:none}
	.copyright{display:block}
}
@media (min-width: 1220px) {
	
}
@media (max-width: 1219px) {
	.DIV{width:100%;}
	.index_title{width:100%;}
	.header{height:50px;}
	.nav{display:none;}
	.header-info{display:none;}
	.nav-logo{display:block;float:right;margin-top: 15px;margin-right:2.5%;}
	.nav-logo img{height:18px;}
	.nav-ph{
		position:fixed;height:100%;
		width:70%;
		background-color:#000000;top:50px;
		z-index:98;
		padding:30px 15% 0;
	}
	
	.nav-ph ul li{height:60px;line-height:60px;border-bottom:1px solid #4d4d4d;text-align:center;color:#ffffff}
	.nav-ph ul li.cur{color:#fd9803}
	

	.nav-ph ul li{
	  -webkit-animation-duration: 0.8s;
	  animation-duration: 0.8s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-animation-name: bounceInRight;
	  animation-name: bounceInRight;
	}

		
	@-webkit-keyframes bounceInRight {
	  from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }

	  from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	  }

	  60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	  }

	  75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }

	  90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	  }

	  to {
		-webkit-transform: none;
		transform: none;
	  }
	}

	@keyframes bounceInRight {
	  from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }

	  from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	  }

	  60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	  }

	  75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	  }

	  90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	  }

	  to {
		-webkit-transform: none;
		transform: none;
	  }
	}
	
	.Main {
		position: relative;
		padding: 50px 0 70px;
	}
	.SideNavHead{display:none;}
	.SideNav{float:none;width:95%;padding:0 2.5%;overflow:hidden;}
	.SideNav ul{margin-top:25px;text-align:center;}
	.SideNav ul li{margin:0 10px;display:inline-block;*display:inline;margin-bottom:10px;}
	
	.Wrap{float:none;width:95%;padding:0 2.5%}
	.Position{display:none}


	.Content>p{text-align:left;}
	.Content>img{margin:0 auto 10px;max-width:100%;}

}
@media (max-width: 1000px) {
	.footer_info{height:auto;padding:20px 0 0 0}
	.footer_contact{margin-left:0;}
	.footer_contact_img{float:none;width:384px;margin:0 auto 20px;}
	.footer_contact_wx{float:none;width:328px;margin:0 auto;}
	.wx2{margin-right:0;}
	
}

@media (max-width: 800px) {
	.copyright-ph{display:block}
	.copyright{display:none}
	
}
@media (max-width: 660px) {
	.Content {margin-top:40px;}
	.SideNav ul{margin-top:0px;}
	.footer_nav>ul{width:300px;}
	.footer_nav>ul>li{width:100px;font-size:0.875em;}
	

}
@media (max-width: 480px) {
	.footer_contact_img{width:298px;}
	.footer_contact_wx{width:288px;}
	.copyright-ph{font-size:0.75em;}
	.footer_contact ul li.li1{font-size:1.5em;}
	.footer_contact ul li.li2{font-size:0.75em;}
	.footer_contact ul li.li3{line-height:45px;}
	.wx{margin-right:20px;}
	.wx2{margin-right:0;}
	
	
}