@charset "utf-8";

/*css初始化最先*/

::-webkit-scrollbar {
 width: 10px;
 height: 10px;
}

::-webkit-scrollbar-track {
 border-radius: 0;
 background-color: #CCC; /*配景底色-*/
}

::-webkit-scrollbar-thumb {
 border-radius: 0;

  /*background-color: rgba(181, 152, 90, .7);*/

  background-color: #666; /*默认底色-*/
 -webkit-transition: background-color .3s ease-in 0s;
}



::-webkit-scrollbar-thumb:hover {
 border-radius: 0;

  /*background-color: rgba(181, 152, 90, 1);*/

  background-color: #333;/*滑过底色-*/
}
*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
body {
	color: #4B5773;
	font-family:"OPPOSans-R";
	font-size: 13px;
	cursor: default;
}
/* 页面宽度 */



.pageWidth {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.hidden {
	display: none;
}
.visible {
	display: block;
}
/*结构样式最先*/

img{
	border:none;}

#top_all {
	height: 120px;
	width: 100%;
	background-image: url(/old/images/daohangbeijing.jpg);
}
#main_all {
	width: 100%;
}
#main_bg_1 {
	width: 100%;
}
#main_bg_2 {
	width: 100%;
}
#top_all #top_1 {
	height: 50px;
	overflow: hidden;
	background: Purple;
}
#top_all #top_2 {
	height: 50px;
	overflow: hidden;
	background: Fuchsia;
}
#top_all #top_3 {
	height: 50px;
	overflow: hidden;
	background: Maroon;
}
#top_all #top_4 {
	height: 50px;
	overflow: hidden;
	background: yellow;
}
/*左右列结构样式*/

#main_all #index_left {
	width: 250px;
	overflow: hidden;
	float: left;
}
#main_all #index_right {
	width: 750px;
	overflow: hidden;
	float: left;
}
#main_all #left {
	width: 250px;
	overflow: hidden;
	float: left;
}
#main_all #right {
	width: 750px;
	overflow: hidden;
	float: left;
}
/*页码*/

#page_width {
	width: 80%;
	margin: 0 auto;
	clear: both;
	padding-top: 0px;
}
#page_width2 {
	clear: both;
	padding-top: 20px;
	height: 40px;
}
ul#page li {
	display: inline;
}
ul li#pagelist {
	width: 50%;
	float: left;
	color: #979797;
	font-family:  "OPPOSans-R";
	height: 25px;
	line-height: 25px;
}
ul li#Pagination {
	float: right;
	text-align: right;
	margin-right: 0px;
}
/* 链接样式 */


/* 重置 */

div, form, p, i, img, ul, li, ol, dl, dt, dd, table, tr, td, th, fieldset, label, legend, select, button, input {
	margin: 0;
	padding: 0;
}
.clearleft {
	clear: left;
}
.clearleft_ie6 {
	clear: left;
	height: 0;
	overflow: hidden;
	display: none;
}
.clear {
	clear: both;
}
/* 问题样式 */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
/* 列表样式 */

ul, ol, li, dl, dt, dd {
	list-style: none;
}
/* 图片样式 */

img, a img {
	border: 0;
	padding: 0;
	margin: 0;
	/*	vertical-align:middle;*/

	font-size: 0;/*display:block;*/
}


.w1100 {
	width: 1100px;
	margin: 0px auto;
}
.top1 {
	width: 100%;
	height: 75px;
	background:url(/old/images/page1_02.png) repeat-x top center;
	position: fixed;
	list-style-type: none;
	z-index: 10000;
}
.logo {
	width: 205px;
	height: 174px;
	position:absolute;
	z-index:1000;
	float: left;
	left:50%;
	margin-left:-102px;
}
.nav_l,.nav_r{
	width: 450px;
	height: 75px;
	float: left;
}
.nav_r{
	float:right;
	text-align:right;
	}
.nav_l a,.nav_r a {
	display:inline-block;
	line-height: 70px;
	font-size: 14px;
	padding:0 23px;
	color: #4e4b01;
}
.nav_l a:hover,.nav_r a:hover {
	color: #db214c;
}
.section1 {
	position: relative;
	background: url(/old/images/1.jpg) center;
	background-size: cover;
	z-index:500;
}
.ammain1_1 {
	width:416px;
	height:auto;
	position: absolute;
	z-index:100;
	top:28%;
	left:50%;
	text-align:center;
	margin-left:-208px;
}
.ammain1_1 a{
	width:100%;
	height:100%;
	display:inline-block;
	}
.ammain1_1 img{
	width:100%;
	height:auto;
	transition:all 500ms ease-in-out;
	-webkit-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	}	
.ammain1_1 a:hover img{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	}	
.ammain1_2 {
	width:300px;
	height:236px;
	padding-top:35px;
	position: absolute;
	top:65%;
	left:50%;
	margin-left:390px;
	z-index:100;
	background:url(/old/images/page1_12.png) no-repeat center;
	background-size: cover;
}
.ammain1_2 img,.ammain1_3 img{
	width:190px;
	transition:all 400ms linear;
	-webkit-transition:all 400ms linear;
	-o-transition:all 400ms linear;
	-moz-transition:all 400ms linear;
	-ms-transition:all 400ms linear;
	}
.ammain1_2 img:hover{
	transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	}
.ammain1_3{
	width:300px;
	height:236px;
	padding-top:35px;
	position: absolute;
	top:65%;
	left:50%;
	margin-left:-690px;
	z-index:100;
	background:url(/old/images/page1_13.png) no-repeat center;
	background-size: cover;
}
.ammain1_3 img{
	float:right;
	}
.ammain1_3 img:hover{
	transform:rotate(-30deg);
	-webkit-transform:rotate(-30deg);
	-o-transform:rotate(-30deg);
	-moz-transform:rotate(-30deg);
	-ms-transform:rotate(-30deg);
	}	
@media screen and (max-width: 1366px) {
    .ammain1_1 img {width:90%;}
	.ammain1_2{ width:270px;}
	.ammain1_2 img {width:170px;}
}	
.section2 {
	position: relative;
	background: url(/old/images/901.png) center;
	background-color: #fff;
	background-size:cover;
	z-index:500;
	opacity: 0;
}
.ammain_w{
	width:1200px;
	position:absolute;
	left:50%;
	top:25%;
	margin-left:-600px;
	}
@media screen and (max-width: 1366px) {
	.ammain_w{
	width:1000px;
	margin-left:-500px;
	top:27%;
	}
}
.ammain21,.ammain22{
	width:100%;
	position:absolute;
	}	
.ammain2_title{
	width:100%;
	float:left;
	opacity:0;
	margin-top:-130px;
	text-align:center;
	}
.ammain2_title img {
	width:100%;
	height:auto;
	}	
@media screen and (max-width: 1366px) {
    .ammain2_title img {width:90%;}
}
.ammain2_1{
	width:420px;
	height:384px;
	left:100%;
	margin-left:-210px;
	margin-top:80px;
	position:relative;
	text-align:center;	
	opacity:0;
	background:url(/old/images/page2_03.png) no-repeat center;
	}	
.ammain2_1_1 {
	width: 420px;
	height:384px;
	position: absolute;
	z-index:100;
	top:0;
	left:0;
}
@media screen and (max-width: 1366px) {
    .ammain2_1{
	width:400px;
	height:360px;
	margin-left:-200px;
	margin-top:50px;
	background:url(/old/images/page2_04.png) no-repeat center;
	}
	.ammain2_1_1 {
	width:400px;
	height:360px;
    }
}
.ammain2_1_1 a{
	transition:all 300ms linear 0s;
	}		
.ammain2_1_1a,.ammain2_1_1b{
	width:78px;
	height:83px;
	position:absolute;
	top:14px;
	left:50%;
	margin-left:-140px;
	}	
.ammain2_1_1b{
	margin-left:61px;
	}
@media screen and (max-width: 1366px) {	
    .ammain2_1_1a{
	margin-left:-132px;
	}
	.ammain2_1_1b {
	margin-left:53px;
    }
	.ammain2_1_1a img,.ammain2_1_1b img{
		width:85%;
		height:auto;
		float:right;
		margin-top:6px;
		}
	.ammain2_1_1b img{
		float:left;}
}	
.ammain2_1_1c,.ammain2_1_1f{
	width:96px;
	height:82px;
	position:absolute;
	top:160px;
	right:0;
	}	
.ammain2_1_1f{
	left:0;
	}										
.ammain2_1_1d,.ammain2_1_1e{
	width:78px;
	height:97px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:61px;
	}			
.ammain2_1_1e{
	margin-left:-140px;
	}
@media screen and (max-width: 1366px) {	
    .ammain2_1_1c,.ammain2_1_1f{
	top:153px;
	}
	.ammain2_1_1c img,.ammain2_1_1f img{
		width:85%;
		height:auto;
		float:right;
		margin-right:1px;
		}
	.ammain2_1_1c img{
		float:left;
		margin-left:1px;}
	.ammain2_1_1d {
    	margin-left:53px;
    }
	.ammain2_1_1e {
	    margin-left:-132px;
    }
	.ammain2_1_1d img,.ammain2_1_1e img{
		width:85%;
		height:auto;
		float:right;
		margin-top:6px;
		}
	.ammain2_1_1d img{
		float:left;}
}						
.ammain2_1_2 {
	width: 200px;
	height:160px;
	position: absolute;
	z-index:100;
	top:112px;
	left:110px;
	color:#004da2;
	text-align:center;
}
.ammain2_1_2 h2 {
	width: 100%;
	float:left;
	font-size:30px;
	line-height:35px;
	color:#da251d;
}
.ammain2_1_2 span {
	width: 100%;
	float:left;
	font-size:16px;
	line-height:20px;
	color:#da251d;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/old/images/page2_22.png) no-repeat center;
}
.ammain2_1_2 h3 {
	width: 100%;
	float:left;
	font-size:20px;
	font-weight:normal;
	margin-top:10px;
	line-height:30px;
	background:url(/old/images/icon_35.png) no-repeat center bottom;
}
.ammain2_1_2 p {
	width: 100%;
	float:left;
	font-size:15px;
	line-height:24px;
	margin-top:10px;
}
.ammain2_1_2con {
	width: 200px;
	height:160px;
	position: absolute;
}
.ammain2_2{
	width:1100px;
	height:346px;
	float:left;
	margin-top:30px;
	position:relative;
	left:50%;
	margin-left:-550px;
	}
.ammain2_2_left{
	width:320px;
	float:left;
	position:absolute;
	left:50%;
	margin-left:-497px;
	top:10px;
	z-index:1;
	}
.ammain2_2_right{
	width:320px;
	float:left;
	position:absolute;
	left:50%;
	margin-left:180px;
	top:10px;
	z-index:1;
	}
.ammain2_2_left img,.ammain2_2_right img{
	width:100%;
	height:auto;
	float:left;
	left:-100%;
	position:relative;
	opacity:0;
	}
.ammain2_2_right img{
	left:100%;
	}		
.ammain2_2_cen{
	width:454px;
	height:346px;
	float:left;
	position:absolute;
	left:50%;
	margin-left:-227px;
	top:100%;
	opacity:0;
	}	
@media screen and (max-width: 1366px) {
    .ammain2_1_2 {
	    width: 180px;}
	.ammain2_1_2 h2 {
	    font-size:28px;}
	.ammain2_1_2 h3 {
	    font-size:18px;
		margin-top:8px;}
	.ammain2_1_2 p {
	    font-size:14px;
		line-height:20px;
		margin-top:8px;}
	.ammain2_1_2con {
	    width: 180px;}
	.ammain2_2{
	    margin-left:-500px;}
}		
.ammain2_3{
	width:100%;
	margin-top:100px;
	opacity:0;
	}
.ammain2_btn{
	width:38px;
	height:70px;
	top:200px;
	z-index:100;
	position:absolute;
	}
#an1{
	left:-500px;
	opacity:0;
	}
#an2{
	right:-500px;
	opacity:0;
	}	
.section3 {
	position:relative;
	background: url(/old/images/3.jpg) center;
	background-size:cover;
	z-index:500;
	opacity: 0;
}
.ammain3_bg{
	width:440px;
	height:100%;
	position:absolute;
	left:100%;
	top:0px;
	opacity:0;
	padding:12% 50px 0px;
	margin-left:-600px;
	background:rgba(0,0,0,0.6);
	}
.ammain3_1 {
	width:203px;
	float:left;
	opacity:0;
	margin-left:100%;
}
.ammain3_1 img {
	width:170px;
	height:auto;
	}
@media screen and (max-width: 1366px) {
.ammain3_1 img {width:160px;}
}	
.ammain3_2 {
	width:100%;
	float:left;
	opacity:0;
	line-height:30px;
	font-size:15px;
	color:#fff;
	margin-left:100%;
	margin-top:20px;
}
.ammain3_3{
	width:100%;
	float:left;
	opacity:0;
	margin-left:100%;
	margin-top:10px;
	padding-top:10px;
	border-top:1px #fff solid;
	}
.ammain3_3 p{
	font-size:18px;
	color:#ffe100;
	line-height:30px;
	}	
.ammain3_3 span{
	width:auto;
	height:30px;
	margin-top:10px;
	padding:0 19px;
	margin-right:10px;
	display:inline-block;
	line-height:28px;
	font-size:14px;
	color:#fff;
	background:#da251d;
	border:1px #da251d solid;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	text-align:center;
	opacity:0;
	transition:all 300ms ease-in-out;
}	
/*.ammain3_3 a:hover{
	background:none;
	border-color:#fff;
	}*/	
.section5{
	position:relative;
	background: url(/old/images/4.jpg) center;
	background-size:cover;
	z-index:500;
	opacity: 0;
	}
.ammain4{
	width: 20%;
	height: 100%;
	float:left;
	color:#fff;
	opacity:0;
	position:relative;
	left:-50%;
	top:0;
	padding:130px 50px 0px;
	background-color:#da251d;
	}
.ammain4_t{
	width:100%;
	float:left;
	padding-bottom:20px;
	}
.ammain4_t img {
	width:170px;
	height:auto;
	}
@media screen and (max-width: 1366px) {
    .ammain4_t img {width:160px;}
}	
.ammain4_c{
	width:100%;
	float:left;
	line-height:22px;
	font-size:13px;
	}
.ammain4_c p{
	width:100%;
	display:inline-block;
	color:#fff;
	padding:13px 0px;
	border-bottom:1px #ed928e solid;
	}		
.ammain4_c a{
	width:100%;
	display:inline-block;
	color:#fff;
	font-size:16px;
	padding-bottom:5px;
	}
.ammain4_c a:hover{
	color:#fff500}	
.ammain4_c span{
	display:inline-block;
	color:#fff;
	padding:0 5px;
	}	
.ammain4_b{
	width:100%;
	float:left;
	margin-top:30px;
	}		
.ammain4_b a{
	width:160px;
	float:left;
	height:46px;
	font-size:16px;
	border-radius:23px;
	-webkit-border-radius:23px;
	background-color:#fff;
	text-align:center;
	line-height:46px;
	color:#da251d;
	transition:all .3s linear;
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-ms-transition:all .3s linear;
	}
.ammain4_b a:hover{
	background-color:#fff500;
	}		
#slider {
	width: 80%;
	height: 100%;
	float:left;
	overflow: hidden;
}
#slider .slide {
	position: absolute;
	top:-100%;
	height: 100%;
	width: 600px;
	background: #000;
	overflow: hidden;
	cursor: default;
	opacity:0;
}
#slider .title   {
	width:500px;
	font-size: 30px;
	position: absolute;
	top:50%;
	left: 30px;
	margin-top:-80px;
	color: #FFF;
}
#slider .backgroundText {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0 !important;
	background:url(/old/images/page3_01.png) repeat-y top left;
}
#slider .text {
	position: absolute;
	top: 50%;
	color: #FFF;
	text-align: justify;
	width: 400px;
	left: 40px;
}
#slider p   {
	width:100%;
	float:left;
	color: #fff;
	line-height:30px;
	font-size:15px;
	margin-top:40px;
	opacity:0;
}
#slider span{
	width:140px;
	height:40px;
	float:left;
	margin-top:20px;
	opacity:0;
}
#slider span a{
	width:140px;
	height:40px;
	float:left;
	color: #fff;
	line-height:40px;
	font-size:15px;
	text-align:center;
	border:1px #fff solid;
	border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	transition:all 300ms linear;
	-webkit-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
}
#slider span a:hover{
	background:#da251d;
	border:1px #da251d;
	}
#slider img{
	height:100%;}
#slider .diapo {
	/*position: absolute;*/
	filter: alpha(opacity=100);
	opacity: 1;
	height:100%;
	visibility: hidden;
}		
.section4 {
	position: relative;
	background: url(/old/images/901.png) center;
	background-color: #fff;
	background-size:cover;
	z-index:500;
	opacity: 0;
}
.ammain5{
	width:100%;
	float:left;
	text-align:center;
	margin-left:100%;
	opacity:0;
	}
.activity{
	width:1200px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;}	
.activity ul li{
	width:216px;
	height:216px;
	float:left;
	margin-left:42px;
	margin-right:42px;
	margin-bottom:50px;
	border-radius: 50%;
	box-shadow:5px 5px 5px #999 inset; 
	border:#fff 8px solid ;}
.section6 {
	position: relative;
	background:#fff;
	z-index:500;
}

.btn12 {
	width:200px;
	height:200px;
	border-radius: 50%;

	box-shadow:0px 1px 21px 10px rgba(0, 0, 0, 0.7) inset;
	-moz-box-shadow:0px 1px 21px 10px rgba(0, 0, 0, 0.7) inset;  
	-o-box-shadow:0px 1px 21px 10px rgba(0, 0, 0, 0.7) inset; 
	-webkit-shadow:0px 1px 21px 10px rgba(0, 0, 0, 0.7) inset; 
	-ms-box-shadow:0px 1px 21px 10px rgba(0, 0, 0, 0.7) inset; 
    overflow: hidden;
    position: relative;
	
}
.btn12 img {
	border-radius: 50%;
    width: 100%;
	float:left;
	position:absolute;
	z-index:-1;
	left:0;
	top:0;}
.btn12 .ovrly {
	border-radius: 50%;
	box-shadow:0px 0px 25px #000 inset;
    background: rgba(218, 37, 29, 0.8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn12 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn12 .buttons a {
  
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.btn12:hover .buttons a {
	background: url(/old/images/lianjie.png) no-repeat center center;
   
}
.btn12:hover .ovrly {
    opacity: 1;
}
.ammain6{
	width: 50%;
	height: 100%;
	position:absolute;
	top:0;
	left:-100%;
	opacity:0;
	z-index:100;
	background:rgba(216,39,28,0.9);
}
.ammain6_1{
	width:600px;
	float:right;
	margin-left:600px;
	opacity:0;
	margin-top:25%;
}
.contact ul li{
	font-size:14px;
	line-height:50px;
	height:50px;
	color:#fff;
	padding-left:21px;
	background:url(/old/images/index2_14.png) no-repeat left center}
.contact ul li:nth-child(2){
	background:url(/old/images/index2_27.png) no-repeat left center
	}
.contact ul li:nth-child(3){
	background:url(/old/images/index2_33.png) no-repeat left center
	}
.contact ul li:nth-child(4){
	background:url(/old/images/index2_42.png) no-repeat left center
	}
.contact ul li:nth-child(5){
	background:url(/old/images/index2_48.png) no-repeat left center
	}
.contact ul li strong{
	width:87px;
	display:block;
	float:left;
	font-size:18px;
	font-weight:normal;
	padding-right:14px;
	margin-right:11px;
	background:url(/old/images/index2_162.png) no-repeat right center;}
.ammain6_11{
	width:180px;
	float:left;
	margin-right:30px;
	}
.ammain6_11 img{
	width:170px;
	height:auto
	}		
.ammain6_12{
	width:127px;
	float:left;
	}
.ammain6_12 img{
	width:110px;
	float:left;
	}
@media screen and (max-width: 1366px) {
    .ammain6_11 img {width:160px;}
	.ammain6_12 img {width:103px;}
}	
.ammain6_2{
	width:600px;
	float:right;
	margin-left:600px;
	opacity:0;
	margin-top:30px;
}	
.map{
	width:100%;
	height:100%;
	border:none;
	top:0;
	left:0;
	position:absolute;
	}
.copy{
	width:40%;
	float:left;
	line-height:20px;
	color:#fff;
	font-size:12px;
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:1000;
	opacity:0.7;
	}	
.footer1 {
	width: 530px;
	float: left;
}
.footer1 p {
	font-size: 12px;
	color: #616161;
	line-height: 200%;
}
.footer2 {
	float: right;
	margin-top: 10px;
}


.gai{
	width: 100%;
	text-align: center;
	margin-bottom:160px;
}
.gai p{

	font-size: 23px;
	color: #bc9f71;
}
.gai2{
	text-align: center;
	width: 100%;
	margin-bottom:40px;
}
.gai2 p{
	font-size: 21px;
	color: #b3b3b3;
	display: inline-block;
}

.gai2 img{
	margin-bottom: 35px;
	vertical-align:middle;
}
.gai2 p{
	margin: 0 10px;
	vertical-align:middle;
	margin-top: -34px;
}
.gai2 p:nth-child(2){
	margin-left: 0;
	vertical-align:middle;
}
.gai2 p:nth-child(8){
	margin-right: 0;
	vertical-align:middle;
}
.gai2 p:nth-child(4),.gai2 p:nth-child(6),.gai2 p:nth-child(8){
	width: 40px;
	height: 2px;
	transform: rotate(-45deg)!important;
	background-color: #b3b3b3;
	margin-bottom: 20px;
	vertical-align:middle;
}
.gai p:nth-child(1){
	margin-bottom: 30px;
	vertical-align:middle;
}
.page4_t{
	margin-top: 10px;
}<!--耗时1756008077.4736秒-->