/*** common css **/
.imgAuto {
  display: inline-block;
  height: auto;
  max-width: 100%;

}
.banner{width:100%;position:relative;}
.banner img{width:100%;}
.Main{position:relative;padding:80px 0 50px;}
.SideNav{position:relative;float:left;width:260px;}
.SideNavHead{height:54px;}
.SideNavHead h2.ch{font-size:1.5em;line-height:24px;color:#fd9803;font-weight:400;margin-bottom:12px;}
.SideNavHead h3.en{font-size:0.875em;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{background:rgba(0,0,0,0.1);position:fixed;width:100%;height:85px;z-index:99;
	transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -webkit-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -moz-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -o-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
}
.header.scroll{background:rgba(0,0,0,0.8);}
.logo{margin-top:5px;width:121px;float:left;height:75px;overflow:hidden;}
.logo img.pc{display:inline}
.logo img.ph{display:none}
.nav{float:left;margin-left:120px;height:85px;position:relative}
.nav>ul>li{float:left;display:inline-block;text-align:center;line-height:85px;font-size:18px;color:#ffffff;
	transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -webkit-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -moz-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -o-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
}

.nav>ul>li.li1{width:108px;}
.nav>ul>li.li2{width:140px;}
.nav>ul>li.li3{margin-right:0px}
.nav>ul>li:hover{color:#eca703;}
.nav>ul>li.cur{color:#eca703;}
.nav>ul>li>dl{padding:20px 0;background:rgba(0,0,0,.8);display:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;

}
.nav>ul>li>dl>dd{padding:0 12px;height:39px;}
.nav>ul>li>dl>dd>a{display:block;width:100%;font-size:16px;color:#ffffff;height:39px;line-height:39px;border-bottom:1px solid rgba(186,186,186,.8);
	transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -webkit-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -moz-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -o-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
}

.nav>ul>li>dl>dd>a:hover{cursor:pointer;color:#eca703;}
.nav>ul>li>dl>dd.cur>a{color:#eca703;}
.nav .nav-line{position:absolute;background-color:#eca703;width:60px;height:3px;left:24px;bottom:0px;}

.header-info{float:right;margin-top:25px;line-height:33px;}
.nav-logo{display:none;}
.nav-ph{display:none;}
#header-wx:hover{cursor:pointer;}
.header-wx{position:absolute;top:95px;right:0;display:none;}
/* 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:110px;color:#ffffff;font-size:16px;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;right:-1px;}
.footer_nav>ul>li:nth-child(1)>span:first-child{top:20px;right:-1px;}
.footer_nav>ul>li:nth-child(2)>span:last-child{top:20px;right:-1px;}
.footer_nav>ul>li:nth-child(3)>span:last-child{top:20px;right:-1px;}
.footer_nav>ul>li:nth-child(4)>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:14px;line-height:32px;color:#8a8a8a}
.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; background:#333;}
.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 */
/*david add*/
.c00{font-size:1em;}
/*david add 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;}
	.logo{margin-left:2.5%;margin-top:5px;}
	.logo img{width:50%;}
	.logo img.pc{display:none}
	.logo img.ph{display:inline}
	.nav-logo{display:block;float:right;margin-top:5px;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 40px;
	}
	.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;}
	.imgRight {display: inline-block;height: auto;max-width: 85% !important;}
	
}

@media (max-width: 800px) {
	.copyright-ph{display:block}
	.copyright{font-size:0.875em;}
	.c00{font-size:0.875em;}
	.imgRight {display: inline-block;height: auto;max-width: 75% !important;}
	
}
@media (max-width: 660px) {
	.Content {margin-top:40px;}
	.SideNav ul{margin-top:0px;}
	.footer_nav>ul{width:400px;}
	.footer_nav>ul>li{width:75px;font-size:0.875em;}
	.imgRight {display: inline-block;height: auto;max-width: 50% !important;}
	

}
@media (max-width: 480px) {
	.footer_contact_img{width:298px;}
	.footer_contact_wx{width:288px;}
	.copyright{font-size:0.75em;}
	.footer_contact ul li.li1{font-size:1.5em;}
	.footer_contact ul li.li2{font-size:0.875em;}
	.footer_contact ul li.li3{line-height:45px;}
	.wx{margin-right:20px;}
	.wx2{margin-right:0;}
	.imgRight {display: inline-block;height: auto;max-width: 40% !important;}
	
}

@media (max-width: 370px) {
.footer_nav>ul{width:100%;}
.footer_nav>ul>li{width:20%;font-size:0.75em;}
.imgRight {display: inline-block;height: auto;max-width: 30% !important;}
.c00{font-size:0.875em;}
}
@media (max-width: 320px) {
.footer_nav>ul{width:100%;}
.footer_nav>ul>li{width:20%;font-size:0.75em;}
.imgRight {display: inline-block;height: auto;max-width: 30% !important;}
.c00{font-size:0.75em;}
}