@charset "utf-8";
img{ vertical-align:top;}
.left{ float:left;}
.right{ float:right;}
#content{ margin:0;padding:0;}
#content .item{padding:0;margin:0;}
.par{ padding-top:40px;}
.par1{ padding-top:100px;}
.par2{ padding-top:50px;}
.par3{ padding-top:160px;}
.parx{ padding:85px 0;}
.parx1{ padding:70px 0;}
.mar{ margin-top:75px;}
.db_max{ width:100%;background:#474747; margin-top:0 !important;}
.com{ width:1100px; position:relative; margin:auto; text-align:center;}
.b1{ background:url(../images/b1.jpg) no-repeat center; height:232px;}
.b2{ background:url(../images/b2.jpg) no-repeat center; height:431px;}
.b3{ background:url(../images/b3.jpg) no-repeat center; height:239px;}
.b-n{ width:752px; padding:0 54px 0 294px; overflow:hidden;}
.an-wz{ width:211px; padding:35px 190px 0 699px;}
.rotateBtn{ width:260px; height:96px; display:inline-block; position: relative; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.rotateBtn:hover{ margin-top:8px;}
.n1x{ background:url(../images/n1bg.png) repeat center;}
.n1{ background:url(../images/n1.png) no-repeat center; height:406px; width:295px; margin-top:50px; padding:134px 364px 0 389px; text-align:left;}
.n1 p{ line-height:44px; font-size:22px; font-weight:lighter; color:#333;}
.n1-n{ padding-left:45px;}
.rotateLink { position: absolute; left:460px; top:630px; display: block; width:156px; height:156px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 99; }
.rotateLink span { display: block; width: 100%; height: 100%; background-color:none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
.rotateLink:hover span{ -moz-transform: rotateY(360deg) perspective(200px); -ms-transform: rotateY(360deg) perspective(200px); -o-transform: rotateY(360deg) perspective(200px); -webkit-transform: rotateY(360deg) perspective(200px); transform: rotateY(360deg) perspective(200px); background-color:none;}
.an{ height:60px;}
.an a{ padding:10px 55px; background:#f9c53a; color:#000; display:inline-block; font-size:24px; margin-top:3px; transition:all 0.2s; -webkit-transition:all 0.2s;}
.an a:hover{ margin-top:1px; background:#fdd15a; text-decoration:none;}
.an1{ height:60px;}
.an1 a{ padding:10px 55px; background:#33233e; color:#f9c53a; display:inline-block; font-size:24px; margin-top:3px; transition:all 0.2s; -webkit-transition:all 0.2s;}
.an1 a:hover{ margin-top:1px; background:#180D1E; text-decoration:none;}
.n2{ background-color:#e2dee2;}
.rtnxzz{ width:1100px;}
.rtnxzz ul{overflow: hidden;}
.rtnxzz ul li{float:left;width:305px;height:390px; padding:60px 30px 50px; overflow:hidden; position:relative;list-style: none;}
.n3{ background:url(../images/n2.jpg) no-repeat center; height:267px;}
.n4{ background:url(../images/n3.jpg) no-repeat center; height:538px;}
.n4x{ width:710px; text-align:left; padding-left:33px; padding-right:357px;}
.n4x p{ width:514px; padding-right:196px; color:#fff; font-size:18px; font-weight:lighter; line-height:32px;}
.n4x p span{ font-size:24px;}
.n5{ background-color:#201712;}
.n6{ background:url(../images/n4.jpg) no-repeat center; height:278px;}
.n6x{ width:688px; margin-right:412px; text-align:center;}
.n7{ background:url(../images/n5.jpg) no-repeat center; height:454px;}
.n7x{ width:688px; margin-right:412px;  text-align:center;}
.n7x p{ color:#fff; font-size:18px; font-weight:lighter; line-height:40px; text-align:left;}
.n7x p span{ font-size:24px;}
.jyqj{ width:688px;}
.jyqj ul{overflow: hidden;}
.jyqj ul li{float:left;width:182px;height:328px; padding:40px 23px 0; overflow:hidden; position:relative;list-style: none;}
.n8{ background:url(../images/n6.jpg) no-repeat center; height:205px;}
.n8x{ width:688px; margin-right:412px; text-align:center;}
.ssbz{ width:1100px;}
.ssbz ul{overflow: hidden;}
.ssbz ul li{float:left;width:232px;height:496px; padding:60px 21px; overflow:hidden; position:relative;list-style: none;}
.ssbz1{ width:180px; height:150px; padding:27px 26px 0; background:url(../images/bz-bg.jpg) no-repeat;}
.ssbz1 h2{ font-size:22px; line-height:26px; text-align:center;}
.ssbz1 p{ font-size:18px; font-weight:lighter; line-height:26px; text-align:left; color:#333; padding-top:10px;}
.n9{ background-color:#34273c;}
.n-zj{ background:url(../images/zj-bg.jpg) no-repeat center; height:730px;}
.zj{ width:960px; height:730px;}
.zjx .hd li{ float:left; opacity:0.5; transition:all 0.3s; margin-left:30px; display:inline; cursor:pointer;}
.zjx .hd li.on{ opacity:1;}
.bd01{ width:960px; height:730px; background:url(../images/zj1.png) no-repeat; display:inline-block;}
.bd02{ width:960px; height:730px; background:url(../images/zj2.png) no-repeat; display:inline-block;}
.bd03{ width:960px; height:730px; background:url(../images/zj3.png) no-repeat; display:inline-block;}
.zjx{ position:relative;}
.zjx .bd{ position:absolute;}
.zjx .hd{ position:absolute; top:510px;}
.bd01 a{ padding:10px 55px; background:#f9c53a; color:#000; font-size:24px; display:inline-block; text-decoration:none; margin:394px 0 0 380px; transition:all 0.2s;}
.bd01 a:hover{ background:#fdd15a; margin-top:391px;}
.bd02 a{ padding:10px 55px; background:#f9c53a; color:#000; font-size:24px; display:inline-block; text-decoration:none; margin:394px 0 0 360px; transition:all 0.2s;}
.bd02 a:hover{ background:#fdd15a; margin-top:391px;}
.bd03 a{ padding:10px 55px; background:#f9c53a; color:#000; font-size:24px; display:inline-block; text-decoration:none; margin:364px 0 0 380px; transition:all 0.2s;}
.bd03 a:hover{ background:#fdd15a; margin-top:361px;}
.n-di{ background:url(../images/di.jpg) no-repeat center; height:621px;}
/*1920ϲ»ÏÔʾµÄ*/
.m{ display:block}

	.b1,.b2,.b3,.n1x,.n2,.n3,.n4,.n5,.n6,.n7,.n8,.n9,.com,.n-zj,.n-di{ display:none;}
	.m{ display:block; text-align:center;}
	.m img{ width:100%; height:100%;}