@charset "utf-8";
/*powered by:杭州翰臣科技有限公司 邱爽*/
/*http://www.68hanchen.com http://68hanchen.com*/
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/*#ff8a00; 翰臣科技有限公司VI色系*/
/* 起始样式 */
*{ margin:0; padding:0;}
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%; overflow-x:hidden;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;}
.text,textarea,select{ outline:none; font-family:微软雅黑; color:#666; font-size:12px; width:100%;}
select{ cursor:pointer;}
.ul_lf li,.ul_js li{ position:relative;}
::-webkit-scrollbar{ width:8px;}
::-webkit-scrollbar-thumb{ background:#ccc;}
::-webkit-scrollbar-track{ background:#fff;}
@font-face
{
font-family:Fontsstyle;
src: url('../fonts/HelveticaNeueLTPro-Bd.ttf'),
     url('../fonts/HelveticaNeueLTPro-Bd.eot'),
	 url('../fonts/HelveticaNeueLTPro-Bd.svg'),
	 url('../fonts/HelveticaNeueLTPro-Bd.woff');
}
.moblie_exhi{ display:none;}
.BMap_mask{ display:none;}
.BMap_stdMpZoom{ display:none;}
.BMap_stdMpPan{ display:none;}
.BMap_cpyCtrl{ display:none;}
.BMap_scaleTxt{ display:none;}
.BMap_scaleCtrl{ display:none;}
.BMap_omCtrl{ display:none;}
.anchorBL{ display:none;}
.div_scroll{ overflow:auto;}
/*-webkit-filter: blur(0px); filter: blur(0px);*/
.div_default{ background:url(../images/9_01.jpg) center center no-repeat; position:absolute; top:0px; left:0px; height:100%; width:100%; background-size:cover;}
.div_default a{ display:block; background:url(../images/9_03.png) repeat; height:61px; color:#fff;}
.div_default a .lf{ padding-top:14px; padding-left:30px; width:32px;}
.div_default a .lf img{ -webkit-animation:change 3s linear infinite}
.div_default a .rg{ padding-right:14px;}
.div_default a .rg .div1{ font-size:14px; font-family:Arial; text-transform:uppercase; padding-top:6px; font-weight:bold;}
.div_default a .rg .div2{ line-height:18px; font-size:16px;}
.div_default .a1{ width:159px; position:absolute; left:21.25%; top:35.89%;}
.div_default .a1 .rg{ width:70px;}
.div_default .a2{ width:159px; position:absolute; left:20.50%; top:75.89%;}
.div_default .a2 .rg{ width:70px;}
.div_default .a3{ width:249px; position:absolute; left:41.8%; top:30%;}
.div_default .a3 .lf{ padding-left:14px;}
.div_default .a3 .rg{ width:175px;}
.div_default .a4{ width:159px; position:absolute; left:43.7%; top:48.5%;}
.div_default .a4 .rg{ width:70px;}
.div_default .a5{ width:159px; position:absolute; left:54%; top:50.5%;}
.div_default .a5 .rg{ width:70px;}
.div_default .a6{ width:190px; position:absolute; right:1.5%; top:42.5%;}
.div_default .a6 .lf{ padding-left:17px;}
.div_default .a6 .rg{ width:117px;}
.div_default .a7{ width:200px; position:absolute; right:1%; top:62.5%;}
.div_default .a7 .lf{ padding-left:17px;}
.div_default .a7 .rg{ width:127px;}
.div_default .a8{ position:absolute; bottom:0px; right:10%; background:none; height:36px; bottom:5%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_default .a8:hover{ right:9.5%;}
.div_default1{ background:url(../images/9_05.jpg) center center no-repeat; bottom:0px; left:0px; position:fixed; z-index:100; width:100%; height:100%; background-size:cover;}
.div_default1{ text-align:center;}
.div_default1 img{ width:100%;}
.div_default1 .div1{ width:16.875%; margin:0 auto; position:relative; margin-top:14%; top:50px;}
.div_default1 .div2{ width:62.5%; margin:0 auto; position:relative; margin-top:5%; top:50px;}
.div_default1 .div3{ width:2.2395833333%; margin:0 auto; position:relative; margin-top:5%; top:50px;}
.div_default1 .div3 img{ position:relative; animation:myfirst 2.5s linear 0s infinite alternate; -moz-animation:myfirst 2.5s linear 0s infinite alternate; -webkit-animation:myfirst 2.5s linear 0s infinite alternate; -o-animation:myfirst 2.5s linear 0s infinite alternate;}
@keyframes myfirst
{
	0%   {left:0px; top:0px;}
	50%  {left:0px; top:30px;}
	100% {left:0px; top:0px;}
}
@keyframes change {
	0%{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);}
	50%{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
	100%{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}  
}

/* 起始样式 End */

/* 公用样式 */
.box{  margin:0 auto;}
.nav{ /*background:url(../images/bg.jpg) center top repeat-x;*/    background: linear-gradient(to right, #0e197c 0, #02c3fa 85%); height:130px; position:fixed; top:0px; left:0px; z-index:1000; width:100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav .top{ height:30px; line-height:30px; text-align:right; color:#999; position:relative; z-index:100;}
.nav .top a{ color:#999; position:relative;}
.nav .top span{ margin-left:15px; margin-right:15px;}
.nav .top .a1{ background:url(../images/1_01.jpg) center left no-repeat; padding-left:22px;}
.nav .top .a2{ background:url(../images/1_02.jpg) center left no-repeat; padding-left:22px;}
.nav .top .a3{ background:url(../images/1_03.jpg) center left no-repeat; padding-left:22px;}
.nav .top .a4{ background:url(../images/1_04.jpg) center left no-repeat; padding-left:22px;}
.nav .top .a5{ background:url(../images/1_05.jpg) center left no-repeat; padding-left:22px;}
.nav .top a .p1{ position:absolute; top:15px; left:-10px; width:0px; height:0px; overflow:hidden;}
.nav .top a .p1 img{filter:alpha(opacity=0); opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav .top a:hover{ color:#a9895f;}
.nav .top a:hover .p1{ width:74px; height:80px;}
.nav .top a:hover .p1 img{ opacity:1;}
.nav .top .a1:hover{ background:url(../images/1_01a.jpg) center left no-repeat; padding-left:22px;}
.nav .top .a2:hover{ background:url(../images/1_02a.jpg) center left no-repeat; padding-left:22px;}
.nav .top .a3:hover{ background:url(../images/1_03a.jpg) center left no-repeat; padding-left:22px;}
.nav .top .a4:hover{ background:url(../images/1_04a.jpg) center left no-repeat; padding-left:22px;}
.nav .top .a5:hover{ background:url(../images/1_05a.jpg) center left no-repeat; padding-left:22px;}
.nav .bottom{ height:80px;}
.nav .bottom .lf{ width:160px; height:80px;}
.nav .bottom .rg ul .activesss{ float:left; position:relative; height:80px;}
.nav .bottom .rg ul .activesss .a1,.nav .bottom .rg:hover ul .li .a1{ color:#666; font-size:14px; display:block; float:left; background:url(../images/1_06.png) center 54px no-repeat; height:80px; line-height:80px; margin-left:40px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav .bottom .rg .activesss:hover .a1,.nav .bottom .rg ul .li .a1,.nav .bottom .rg ul .li:hover .a1{ background:url(../images/1_06a.jpg) center 54px no-repeat;}
.nav .bottom .rg ul .activesss .div1{ position:absolute; display:none; top:80px; background:url(../images/9_09.png) repeat; width:300px; padding:30px; right:-80px; border-top:1px solid #c9c9c9}
.nav .bottom .rg ul .activesss .div1 .p1{ width:184px; border:1px solid #fff; height:158px; float:left;}
.nav .bottom .rg ul .activesss .div1 .p2{ width:80px; float:right;}
.nav .bottom .rg ul .activesss .div1 .p2 a{ color:#666; line-height:30px; position:relative; left:0px;}
.nav .bottom .rg ul .activesss .div1 .p2 a:hover{ color:#7c0409; left:-5px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.body .nav{ top:-30px;}
.heg{ height:110px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.heg_on{ height:80px;}
.fp-viewing-page1 .nav{ top:0px;}
.foot-box{width: 100%;margin: 0 auto;height:488px !important; background:url(../images/1_43.jpg) repeat-x;}
.foot{ width: 1200px;margin: 0 auto;}
.foot .fp-tableCell{ width:1920px !important; vertical-align:top !important;}
.foot .div1{ padding-top:60px; height:220px;}
.foot .div1 ul{ float:left; width:160px;}
.foot .div1 ul li a{ display:block; color:#666666; font-size:14px; position:relative; line-height:30px; left:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.foot .div1 ul .li a{ color:#999; font-size:16px; margin-bottom:15px;}
.foot .div1 ul li a:hover{ left:-5px; color:#a9895f}
.foot .div1 .ul{ width:73px;}
.foot .div2{ border-top:1px solid #282828; height:109px; padding-top:16px;}
.foot .div2 .lf{ margin-right:40px;}
.foot .div2 .lf select{ width:166px; border:1px solid #2a2a2a; background:none; line-height:26px; height:26px;}
.foot .div2 .lf a{ display:block; width:24px; height:24px; margin-right:14px; float:left;}
.foot .div2 .lf .a1{ background:url(../images/1_44.png) center center no-repeat;}
.foot .div2 .lf .a2{ background:url(../images/1_46.png) center center no-repeat;}
.foot .div2 .lf .a3{ background:url(../images/1_47.png) center center no-repeat;}
.foot .div2 .lf .a1:hover{ background:url(../images/1_44a.png) center center no-repeat;}
.foot .div2 .lf .a2:hover{ background:url(../images/1_46a.png) center center no-repeat;}
.foot .div2 .lf .a3:hover{ background:url(../images/1_47a.png) center center no-repeat;}
.foot .div2 .rg{ color:#666; font-size:14px; padding-top:50px;}
.foot .div2 .rg span{ color:#fff; font-size:20px;}
.foot .div2 .rg .span1{ margin-right:30px}
.foot .div3{ height:40px; line-height:40px; color:#666;}
.foot .div3 a{ color:#666;}
.foot .div3 a:hover{ color:#a9895f}
.foot .div4{ text-align:right; color:#b2b2b2; margin-top:10px; padding-bottom:10px;}
.foot .div4 a{ color:#b2b2b2; margin-left:15px;}
.foot .div4 a:hover{ color:#a9895f;}
.a_txt1{ position:fixed; width:0%; height:0%; overflow:hidden; z-index:10001; left:0px; top:0px;}
.a_txt1 .div1{ background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; width:100%; height:100%;}
.a_txt1 .div2{ position:absolute; width:1200px; height:639px; top:50%; left:50%; margin-top:-320px; margin-left:-600px; filter:alpha(opacity=0); opacity:0;}
.a_txt1 .div2 .p1{ float:left; width:1100px; height:619px; padding:10px; background:#fff;}
.a_txt1 .div2 .p2{ float:right;}
.a_txt1 .div2 .p2 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.a_txt1 .div2 .p2 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.a_txt2{ position:fixed; width:0%; height:0%; overflow:hidden; z-index:10001; left:0px; top:0px;}
.a_txt2 .div1{ background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; width:100%; height:100%;}
.a_txt2 .div2{ position:absolute; width:900px; height:600px; top:50%; left:50%; margin-top:-300px; margin-left:-450px; filter:alpha(opacity=0); opacity:0; background:#fff;}
.a_txt2 .div2 .p1 a{ display:block; width:31px; height:31px; background:url(../images/8_11.jpg) center center no-repeat;}
.a_txt2 .div2 .p1 a:hover{ background:url(../images/8_11a.jpg) center center no-repeat;}
.a_txt2 .div2 .p2{ padding-left:42px; padding-right:42px;}
.a_txt2 .div2 .p2 .pp1{ background:url(../images/8_12.jpg) 14px center no-repeat; height:70px; line-height:70px; padding-left:70px; border-bottom:1px solid #c9c9c9; font-size:18px;}
.a_txt2 .div2 .p3{ padding-left:42px; margin-right:12px; padding-right:0px; height:497px; overflow-y:scroll;}
.a_txt2 .div2 .p4{ padding-right:32px; min-width:100px;}
.a_txt2 .div2 .p4 ul li{ height:70px; line-height:70px; color:#333; border-bottom:1px solid #c9c9c9; font-size:14px;}
.a_txt2 .div2 .p4 ul li .lf{ width:218px; padding-left:13px;}
.a_txt2 .div2 .p4 ul li .rg{ width:546px;}
/* 公用样式 End */

/* Index */
.div_js{ position:relative; filter:alpha(opacity=0); opacity:0;}
.div_index{ width:100%; position:fixed; z-index:500; overflow:hidden; left:0px; top:0px; height:100%;}
.div_index .div1{ position:absolute; opacity:0; z-index:100; width:100%; text-align:center; left:0px; -webkit-transition: all 1s .5s; -moz-transition: all 1s .5s; transition: all 1s .5s;}
.div_index .div2{ position:absolute; z-index:101; width:100%; text-align:center; top:50%; margin-top:-78px;}
.div_index .div2 .p1{ top:30px;}
.div_index .div2 .p2{ margin-top:29px; top:30px;}
.div_index .div3{ position:absolute; top:48%; z-index:100; width:100%; text-align:center; left:0px; opacity:0; }
.div_index .div3 img{ width:17%;}
.div_index .div4{ position:absolute; top:45%; z-index:100; width:100%; text-align:center; left:0px; opacity:0; }
.div_index .div4 img{ width:49%;}
.fp-viewing-page1 .div_index .div1{ opacity:1; -webkit-transition: all 1s .5s; -moz-transition: all 1s .5s; transition: all 1s .5s;}
.fp-viewing-page2 .div_index .div1{ -webkit-transition: all 1s .5s; -moz-transition: all 1s .5s; transition: all 1s .5s; opacity:0;}
.fp-viewing-page1 .div_index .div3{ top:48%; opacity:0;  -webkit-transition: all .5s .5s; -moz-transition: all .5s .5s; transition: all .5s .5s;}
.fp-viewing-page2 .div_index .div3{ top:50%; opacity:1; -webkit-transition: all .5s 1s; -moz-transition: all .5s 1s; transition: all .5s 1s;}
.fp-viewing-page3 .div_index .div3{ top:52%; opacity:0; -webkit-transition: all .5s .5s; -moz-transition: all .5s .5s; transition: all .5s .5s;}
.fp-viewing-page2 .div_index .div4{ top:48%; opacity:0;  -webkit-transition: all .5s .5s; -moz-transition: all .5s .5s; transition: all .5s .5s;}
.fp-viewing-page3 .div_index .div4{ top:50%; opacity:1; -webkit-transition: all .5s 1s; -moz-transition: all .5s 1s; transition: all .5s 1s;}
.fp-viewing-page4 .div_index .div4{ top:52%; opacity:0; -webkit-transition: all .5s .5s; -moz-transition: all .5s .5s; transition: all .5s .5s;}
.fp-viewing-page4 .div_index{ width:0px; -webkit-transition: all 0s 1s; -moz-transition: all 0s 1s; transition: all 0s 1s;}
.fp-viewing-page5 .div_index{ width:0px; -webkit-transition: all 0s 0s; -moz-transition: all 0s 0s; transition: all 0s 0s;}
.fp-viewing-page6 .div_index{ width:0px; -webkit-transition: all 0s 0s; -moz-transition: all 0s 0s; transition: all 0s 0s;}
.fp-viewing-page7 .div_index{ width:0px; -webkit-transition: all 0s 0s; -moz-transition: all 0s 0s; transition: all 0s 0s;}
.fp-viewing-page8 .div_index{ width:0px; -webkit-transition: all 0s 0s; -moz-transition: all 0s 0s; transition: all 0s 0s;}
.section{ overflow:hidden;}
.section1{ background:url(../images/1_07.jpg) center no-repeat; background-size:cover;}
.section2{ background:url(../images/1_14.jpg) center no-repeat; background-size:cover;}
.section2 .div1{ width:100%; position:absolute; top:30%; text-align:right; right:10%;}
.section2 .div1 .p1{ top:30px;}
.section2 .div1 .p2{ top:30px; margin-top:20px;}
.section3{ background:url(../images/1_15.jpg) center no-repeat; background-size:cover;}
.section3 .div1{ width:100%; position:absolute; top:30%; text-align:center;}
.section3 .div1 .p1{ top:30px;}
.section3 .div1 .p2{ top:30px; margin-top:20px;}
.section4 #show1{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.section4 #show1 .tag_con{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.section4 #show1 .tag_con div{ background-size:cover; width:100%; height:100%;}
.section4 #show1 .tag_tit{ position:absolute; bottom:0%; width:1050px; left:50%; margin-left:-525px;}
.section4 #show1 .tag_tit dd{ float:left; width:170px; margin-left:20px; margin-right:20px;}
.section4 #show1 .tag_tit dd a{ display:block; width:170px; height:170px; position:relative;}
.section4 #show1 .tag_tit dd a img,.section4 #show1 .tag_tit:hover .on a img{ position:absolute; top:0px; left:0px; width:170px; height:170px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.section4 #show1 .tag_tit dd a:hover img,.section4 #show1 .tag_tit .on a img,.section4 #show1 .tag_tit .on:hover a img{ opacity:1;}
.section4 #show1 .tag_tit dd a table tr td{ width:110px; height:170px; text-align:center; font-size:16px; color:#fff; padding-left:30px; padding-right:30px;}
.section5 .div1{ position:absolute; top:23%; text-align:center; background:url(../images/1_34.jpg) center bottom no-repeat; padding-bottom:10px; line-height:30px; font-size:28px; width:100%; text-align:center;}
.section5 .div2{ position:absolute; top:50%; left:50%; margin-left:-511px; margin-top:-235px; width:1022px; height:550px;}
.section5 .div2 .p1{ position:absolute; width:448px; height:288px; left:50%; top:50%; margin-left:-184px; margin-top:-144px;}
.section5 .div2 .p1 img{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); -webkit-transition: all 2s; -moz-transition: all 2s ; transition: all 2s;}
.section5 .div2 .p1a img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.section5 .div2 .p2{ position:absolute; top:80px; left:238px; width:143px; height:143px;}
.section5 .div2 .p3{ position:absolute; top:200px; left:80px; width:143px; height:143px;}
.section5 .div2 .p4{ position:absolute; bottom:80px; left:238px; width:143px; height:143px;}
.section5 .div2 .p5{ position:absolute; top:80px; right:238px; width:143px; height:143px;}
.section5 .div2 .p6{ position:absolute; top:200px; right:80px; width:143px; height:143px;}
.section5 .div2 .p7{ position:absolute; bottom:80px; right:238px; width:143px; height:143px;}
.section5 .div2 .pp1 table tr td{ width:143px; height:143px; position:relative; z-index:15; color:#fff; text-align:center;}
.section5 .div2 .pp1 table tr td .ppp1{ position:relative; padding-top:0px; font-size:20px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.section5 .div2 .pp1 table tr td .ppp2{ padding-left:10px; padding-right:10px; font-family:Arial; text-transform:uppercase; line-height:16px; margin-top:5px;}
.section5 .div2 .pp1 table tr td .ppp3{ font-size:28px; font-family:宋体; height:0px; overflow:hidden; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.section5 .div2 .pp2{ position:absolute; top:0px; left:0px; z-index:10; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.section5 .div2 .pp3{ position:absolute; top:0px; left:0px; z-index:5;}
.section5 .div2 a:hover .pp1 table tr td .ppp3{ height:28px;}
.section5 .div2 a:hover .pp2{ opacity:1;}
.section6{ background:url(../images/1_35.jpg) center no-repeat; background-size:cover;}
.section6 .div1{ position:absolute; left:50%; width:1200px; margin-left:-600px; top:15%;}
.section6 .div2{ position:absolute; left:50%; width:1200px; margin-left:-600px; bottom:5%;}
.section6 .div3{ position:absolute; left:50%; width:1200px; margin-left:-600px; top:50%; margin-top:-280px;}
.section6 .div3 .lf{ width:285px; padding-top:163px; left:-50px;}
.section6 .div3 .lf .p1{ font-size:28px; line-height:30px; background:url(../images/line_hui.jpg) left bottom no-repeat; padding-bottom:15px;}
.section6 .div3 .lf .p2{ margin-top:40px; font-size:64px; line-height:66px; color:#231815}
.section6 .div3 .lf .p3{ color:#666; font-size:16px; margin-top:20px;}
.section6 .div3 .lf .p3 span{ font-size:14px;}
.section6 .div3 .rg{ width:862px; right:-50px;}
.section6 .div3 .rg{ position:relative; height:540px;}
.section6 .div3 .rg .slides { width:862px; position:relative;z-index:1; overflow:hidden; height:540px;}
.section6 .div3 .rg .slides li { width:100%; height:auto;}
.section6 .div3 .rg .slides li img{ width:100%; height:auto}
.section6 .div3 .rg .flex-control-nav { position:absolute; padding-right:5%; bottom:5%; z-index:99; width:95%; text-align:right; left:0px;} 
.section6 .div3 .rg .flex-control-nav li { display:inline-block; width:12px; height:12px; margin:0 5px;}
.section6 .div3 .rg .flex-control-nav li span { display:none;}
.section6 .div3 .rg .flex-control-nav li a { width:12px; height:12px; cursor:pointer; background:url(../images/1_39.png) center center no-repeat; display:block;}
.section6 .div3 .rg .flex-control-nav li a.flex-active { background:url(../images/1_40.png) center center no-repeat;}
.section6 .div3 .rg .flex-direction-nav{ display:none;}
.section6 .div3 .p2{ color:#666; font-size:14px; margin-top:10px;}
.section7{ background:url(../images/1_42.jpg) center no-repeat; background-size:cover;}
.section7 .div1{ position:absolute; width:1200px; left:50%; margin-left:-600px; height:620px; margin-top:-230px;}
.section7 .div1 .p1{ background:url(../images/line_hui.jpg) center bottom no-repeat; text-align:center; color:#333; font-size:28px; line-height:30px; padding-bottom:15px; top:50px;}
.section7 .div1 .p2{ margin-top:30px; top:50px;}
.section7 .div1 .p2 .lf a{ width:110px; height:40px; text-align:center; line-height:40px; color:#666; font-size:14px; display:block; float:left; margin-right:5px;}
.section7 .div1 .p2 .lf a:hover,.section7 .div1 .p2 .lf .a1{ background:#7c0409; color:#fff;}
.section7 .div1 .p2 .rg a{ display:block; width:108px; height:38px; border:1px solid #7c0409; text-align:center; line-height:38px; color:#7c0409;}
.section7 .div1 .p2 .rg a:hover{ background:#7c0409; color:#fff;}
.section7 .div1 .p3{ margin-top:30px;}
.section7 .div1 .p3 .lf{ width:580px; position:relative; left:-50px;}
.section7 .div1 .p3 .lf .slides { width:580px; height:370px; position:relative;z-index:1;}
.section7 .div1 .p3 .lf .slides li { width:580px; height:370px; overflow:hidden;}
.section7 .div1 .p3 .lf .slides li .pp1{ width: 580px; height: 300px; overflow: hidden;}
.section7 .div1 .p3 .lf .slides li .pp1 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; width: 580px; height: 300px;}
.section7 .div1 .p3 .lf .slides li:hover .pp1 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}
.section7 .div1 .p3 .lf .slides li .pp2{ height:70px; line-height:70px; color:#333; font-size:16px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.section7 .div1 .p3 .lf .slides li:hover .pp2{ color:#a9895f;}
.section7 .div1 .p3 .lf .flex-control-nav { display:none;} 
.section7 .div1 .p3 .lf .flex-prev{ position:absolute; top:254px; left:0px; width:46px; height:46px; background:url(../images/tj_10.jpg) center center no-repeat; z-index:100; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.section7 .div1 .p3 .lf .flex-prev:hover{ background:url(../images/tj_10a.jpg) center center no-repeat;}
.section7 .div1 .p3 .lf .flex-next{ position:absolute; top:254px; left:46px; width:46px; height:46px; background:url(../images/tj_11.jpg) center center no-repeat; z-index:100; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.section7 .div1 .p3 .lf .flex-next:hover{ background:url(../images/tj_11a.jpg) center center no-repeat;}
.section7 .div1 .p3 .rg{ width:556px; margin-top:-20px; position:relative; right:-50px;}
.section7 .div1 .p3 .rg ul li{ background:url(../images/tj_12.png) center left no-repeat; padding-left:19px; border-bottom:1px solid #d5d5d5; height:53px; line-height:53px;}
.section7 .div1 .p3 .rg ul li .pp1{ float:left; width:425px; overflow:hidden; height:53px; line-height:53px; color:#333333; font-size:14px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.section7 .div1 .p3 .rg ul li .pp2{ float:right; color:#666; font-size:14px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.section7 .div1 .p3 .rg ul li:hover .pp1,.section7 .div1 .p3 .rg ul li:hover .pp2{ color:#a9895f}
/* Index End */


/* Main End */
.banner{ height:590px;margin-top: -10px; }
.body_floor{ background:#f7f7f5;}
.div_title{ text-align:center; background:url(../images/line_hei.jpg) center bottom no-repeat; font-size:28px; line-height:30px; padding-bottom:20px; color:#333;}
.div_title1{ text-align:center; background:url(../images/line_bai.jpg) center bottom no-repeat; font-size:28px; line-height:30px; padding-bottom:20px; color:#fff;}
.page{ text-align:center; margin-top:40px;}
.page a{ padding:8px 14px; border:1px solid #d6d6d6; color:#1b1b1b; background:#fff;}
.page a:hover{ background:#bdaf86; color:#fff;}
.page .a1{ background:#bdaf86; color:#fff; border:1px solid #bdaf86;}
.div_flo{ margin-top:86px; text-align:center;margin-bottom: 20px;}
.div_flo a{ display:inline-block; width:140px; height:56px; background:url(../images/2_02.png) center top no-repeat; color:#7c0409; font-size:16px; line-height:50px; margin-left:10px; margin-right:10px;}
.div_flo a:hover,.div_flo .a1{ background:url(../images/2_03.png) center top no-repeat; color:#fff;}
.div_flo1{ margin-top:50px; margin-bottom:100px; width: 1200px; margin-left: auto;margin-right: auto;}
.div_flo1 ul li{ float:left; width:290px; margin-bottom:20px; margin-right:13px; background:#fff; position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_flo1 ul li .div1{ border:1px solid #f0f0f0;}
.div_flo1 ul li .div2{ padding:20px; height:100px;}
.div_flo1 ul li .div2 .p1{ color:#333; font-size:16px; height:22px; overflow:hidden; text-align:center;}
.div_flo1 ul li .div2 .p2{ color:#666; font-size:14px; text-align:center; height:44px; line-height:22px; margin-top:10px; overflow:hidden;}
.div_flo1 ul li .div2 .p3{ text-align:center; padding-left:0px; margin-top:10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_flo1 ul li:hover{ top:-5px; box-shadow: 0px 0px 40px 1px rgba(102, 102, 102, 0.1);}
.div_flo1 ul li:hover .div2 .p3{ padding-left:15px;}
.div_flo2{ margin-top:50px; margin-bottom:100px;width: 1200px;margin-left: auto;margin-right: auto;}
.div_flo2 .div1 .lf{ width:600px;margin-top: 60px;}
.div_flo2 .div1 .rg{ width:540px; padding-top:63px;}
.div_flo2 .div1 .rg .p1{ color:#333333; font-size:20px;}
.div_flo2 .div1 .rg .p2{ line-height:29px; color:#666666; font-size:14px; margin-top:24px; height:auto; background:url(../images/line_hong.jpg) left bottom no-repeat;}
.div_flo2 .div2{ margin-top:50px;}
.div_flo2 .div3{ border:1px solid #000; margin:0 auto; margin-top:50px; width:142px; height:40px; padding:3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_flo2 .div3 a{ background:#000; color:#fff; text-align:center; font-size:14px; height:40px; line-height:40px; display:block;}
.div_flo2 .div3:hover{ border:1px solid #a9895f}
.div_flo2 .div3:hover a{ background:#a9895f;}
.div_case{ margin-top:100px; margin-bottom:100px;width: 1200px;margin-left: auto;margin-right: auto;}
.div_case .div1{ margin-top:29px;}
.div_case .div1 ul li{ float:left; width:393px; border:1px solid #e1e1e1; margin-right:7px; margin-bottom:9px; box-shadow: 0px 0px 2px 1px rgba(102, 102, 102, 0.1); position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_case .div1 ul li .p1{ width:393px; height:340px; overflow:hidden;}
.div_case .div1 ul li .p2{ color:#333; font-size:14px; height:54px; line-height:54px; overflow:hidden; text-align:center;}
.div_case .div1 ul li:hover{ top:-5px;}

.div_ser{ margin-top:100px; overflow:hidden;}
.div_ser .div1{ margin-top:50px; position:relative; width:1200px; height:590px; overflow:hidden;}
.div_ser .div1 .slides{ width:1200px; height:590px; overflow:hidden;}
.div_ser .div1 .slides li{ width:1200px; height:590px; position:relative;}
.div_ser .div1 .slides li .p1{ width:590px; height:590px;}
.div_ser .div1 .slides li .p2{ width:197px; height:196px; padding-top:394px; display:none;}
.div_ser .div1 .slides li .p3{ background:#fff; position:absolute; top:93px; width:630px; height:240px; box-shadow: 0px 0px 10px 1px rgba(102, 102, 102, 0.1); padding:60px; right:10px;}
.div_ser .div1 .slides li .p3 .pp1 .span1{ color:#333; font-size:40px; line-height:42px;}
.div_ser .div1 .slides li .p3 .pp1 .span2{ color:#333; font-size:16px; margin-left:15px;}
.div_ser .div1 .slides li .p3 .pp2{ color:#666; font-size:14px; line-height:28px; overflow:hidden; height:84px; margin-top:15px;}
.div_ser .div1 .flex-control-nav{ display:none;}
.div_ser .div1 .flex-direction-nav{ position:absolute; bottom:180px; right:60px; z-index:100; width:190px; height:50px; overflow:hidden;}
.div_ser .div1 .flex-direction-nav .flex-prev{ width:90px; height:50px; background:url(../images/4_05.jpg) center center no-repeat; float:left;}
.div_ser .div1 .flex-direction-nav .flex-prev:hover{ background:url(../images/4_05a.jpg) center center no-repeat;}
.div_ser .div1 .flex-direction-nav .flex-next{ width:90px; height:50px; background:url(../images/4_06.jpg) center center no-repeat; float:right;}
.div_ser .div1 .flex-direction-nav .flex-next:hover{ background:url(../images/4_06a.jpg) center center no-repeat;}
.div_ser1{ margin-top:100px; background:#f7f7f7; padding-top:100px; padding-bottom:100px;}
.div_ser1 #output{ height:300px; overflow:hidden; margin-top:50px;}
.div_ser1 .div1{ float:left; width:450px; height:300px;}
.div_ser1 .div2{ padding-left:60px; background:url(../images/4_09.jpg) left 11px no-repeat; width:460px; color:#666666; font-size:14px; line-height:28px;}
.div_ser1 .div2 .p1{ font-size:20px; color:#333; line-height:22px; margin-bottom:6px;}
.div_ser1 .div3{ height:438px; background:#fff; width:150px; margin-top:-60px; border-bottom:1px solid #eee; border-top:0px; box-shadow: 0px 3px 8px 1px rgba(102, 102, 102, 0.2);}
.div_ser1 .div3 li{ height:146px; text-align:center; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser1 .div3 li .pp1{ padding-top:55px; color:#333; font-size:16px; line-height:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser1 .div3 li .pp2{ margin-top:5px; color:#999; font-size:14px;}
.div_ser1 .div3 .current{ height:146px; text-align:center; background:#464646;}
.div_ser1 .div3 .current .pp1{ color:#fff;}
.div_ser2{ margin-top:100px;}
.div_ser2 .div1{ margin-top:50px;}
.div_ser2 .div1 .lf{ width:254px; padding-top:120px;}
.div_ser2 .div1 .lf .p1{ color:#333; font-size:14px; margin-bottom:22px;}
.div_ser2 .div1 .lf .p2{ margin-bottom:18px;}
.div_ser2 .div1 .lf .p2 select{ width:252px; height:32px; border:1px solid #ccc;}
.div_ser2 .div1 .lf .p3 a{ display:block; width:60px; height:40px; background:url(../images/4_10.png) center center #7c0409 no-repeat;}
.div_ser2 .div1 .lf .p3 a:hover{ background:url(../images/4_10.png) center center #580306 no-repeat;}
.div_ser2 .div1 .rg{ width:767px; height:503px; background:url(../images/4_11.jpg) center center no-repeat; position:relative;}
.div_ser2 .div1 .rg .p1{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:150px; height:150px; margin-left:-71px; margin-top:-71px;}
.div_ser2 .div1 .rg .p1 .pp1{ background:url(../images/4_12.png) center center no-repeat; width:150px; height:150px;}
.div_ser2 .div1 .rg .p1 .pp2{ position:absolute; opacity:0; border:1px solid #ec0b16; bottom:0px; right:0px; top:0%; left:0%; border-radius:100%; animation:ripple 4.5s ease-out 0s infinite; -moz-animation:ripple 4.5s ease-out 0s infinite; -webkit-animation:ripple 4.5s ease-out 0s infinite; -o-animation:ripple 4.5s ease-out 0s infinite;}
.div_ser2 .div1 .rg .p1 .pp3{ position:absolute; opacity:0; border:1px solid #ec0b16; bottom:0px; right:0px; top:0%; left:0%; border-radius:100%; animation:ripple 4.5s ease-out 1s infinite; -moz-animation:ripple 4.5s ease-out 1s infinite; -webkit-animation:ripple 4.5s ease-out 1s infinite; -o-animation:ripple 4.5s ease-out 1s infinite;}
.div_ser2 .div1 .rg .p1 .pp4{ position:absolute; opacity:0; border:1px solid #ec0b16; bottom:0px; right:0px; top:0%; left:0%; border-radius:100%; animation:ripple 4.5s ease-out 2s infinite; -moz-animation:ripple 4.5s ease-out 2s infinite; -webkit-animation:ripple 4.5s ease-out 2s infinite; -o-animation:ripple 4.5s ease-out 2s infinite;}
@keyframes ripple
{
	0%   { top:74px; left:74px; width:0%; height:0%; opacity:1}
	100% { width:100%; height:100%; opacity:0}
} 
.div_ser2 .div1 .rg .p2{ left:608px; top:72px;}
.div_ser2 .div1 .rg .p3{ left:546px; top:129px; display:none;}
.div_ser2 .div1 .rg .p4{ left:591px; top:133px;}
.div_ser2 .div1 .rg .p5{ left:220px; top:145px;}
.div_ser2 .div1 .rg .p6{ left:566px; top:164px; display:none;}
.div_ser2 .div1 .rg .p7{ left:534px; top:194px;}
.div_ser2 .div1 .rg .p8{ left:411px; top:234px;}
.div_ser2 .div1 .rg .p9{ left:316px; top:242px;}
.div_ser2 .div1 .rg .p10{ left:562px; top:255px;}
.div_ser2 .div1 .rg .p11{ left:483px; top:259px; display:none;}
.div_ser2 .div1 .rg .p12{ left:233px; top:281px;}
.div_ser2 .div1 .rg .p13{ left:456px; top:298px; display:none;}
.div_ser2 .div1 .rg .p14{ left:488px; top:301px;}
.div_ser2 .div1 .rg .p15{ left:522px; top:301px; display:none;}
.div_ser2 .div1 .rg .p16{ left:374px; top:308px;}
.div_ser2 .div1 .rg .p17{ left:623px; top:322px;}
.div_ser2 .div1 .rg .p17 .pp1{ display:none;}
.div_ser2 .div1 .rg .p18{ left:369px; top:375px;}
.div_ser2 .div1 .rg .p19{ left:518px; top:382px;}
.div_ser2 .div1 .rg .p20{ left:450px; top:390px;}
.div_ser2 .div1 .rg .p4 .pp2{ animation:ripple 4s ease-out 0.5s infinite; -moz-animation:ripple 4s ease-out 0.5s infinite; -webkit-animation:ripple 4s ease-out 0.5s infinite; -o-animation:ripple 4s ease-out 0.5s infinite;}
.div_ser2 .div1 .rg .p4 .pp3{ animation:ripple 4s ease-out 1.5s infinite; -moz-animation:ripple 4s ease-out 1.5s infinite; -webkit-animation:ripple 4s ease-out 1.5s infinite; -o-animation:ripple 4s ease-out 1.5s infinite;}
.div_ser2 .div1 .rg .p4 .pp4{ animation:ripple 4s ease-out 2.5s infinite; -moz-animation:ripple 4s ease-out 2.5s infinite; -webkit-animation:ripple 4s ease-out 2.5s infinite; -o-animation:ripple 4s ease-out 2.5s infinite;}
.div_ser2 .div1 .rg .p9 .pp2{ animation:ripple 3s ease-out 1s infinite; -moz-animation:ripple 3s ease-out 1s infinite; -webkit-animation:ripple 3s ease-out 1s infinite; -o-animation:ripple 3s ease-out 1s infinite;}
.div_ser2 .div1 .rg .p9 .pp3{ animation:ripple 3s ease-out 2s infinite; -moz-animation:ripple 3s ease-out 2s infinite; -webkit-animation:ripple 3s ease-out 2s infinite; -o-animation:ripple 3s ease-out 2s infinite;}
.div_ser2 .div1 .rg .p9 .pp4{ animation:ripple 3s ease-out 3s infinite; -moz-animation:ripple 3s ease-out 3s infinite; -webkit-animation:ripple 3s ease-out 3s infinite; -o-animation:ripple 3s ease-out 3s infinite;}
.div_ser2 .div1 .rg .p12 .pp2{ animation:ripple 4s ease-out .3s infinite; -moz-animation:ripple 4s ease-out .3s infinite; -webkit-animation:ripple 4s ease-out .3s infinite; -o-animation:ripple 4s ease-out .3s infinite;}
.div_ser2 .div1 .rg .p12 .pp3{ animation:ripple 4s ease-out .9s infinite; -moz-animation:ripple 4s ease-out .9s infinite; -webkit-animation:ripple 4s ease-out .9s infinite; -o-animation:ripple 4s ease-out .9s infinite;}
.div_ser2 .div1 .rg .p12 .pp4{ animation:ripple 4s ease-out 1.8s infinite; -moz-animation:ripple 4s ease-out 1.8s infinite; -webkit-animation:ripple 4s ease-out 1.8s infinite; -o-animation:ripple 4s ease-out 1.8s infinite;}
.div_ser3{ background:#f7f7f7; padding-top:100px; padding-bottom:100px; margin-top:100px;}
.div_ser3 .div1{ margin-top:50px; text-align:center;}
.div_ser3 .div1 a{ display:inline-block; width:140px; height:56px; background:url(../images/2_02.png) center top no-repeat; color:#7c0409; font-size:16px; line-height:50px; margin-left:10px; margin-right:10px;}
.div_ser3 .div1 a:hover,.div_ser3 .div1 .a1{ background:url(../images/2_03.png) center top no-repeat; color:#fff;}
.div_ser3 .div2{ margin-top:40px; overflow:hidden;}
.div_ser3 .div2 ul li{ border-bottom:1px solid #c8c8c8; padding-bottom:15px; margin-bottom:15px; position:relative; left:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser3 .div2 ul li .p1{ color:#666; font-size:14px;}
.div_ser3 .div2 ul li .p2{ margin-top:5px;}
.div_ser3 .div2 ul li .p2 .lf{ font-size:14px;}
.div_ser3 .div2 ul li .p2 .lf a{ color:#333;}
.div_ser3 .div2 ul li .p2 .rg a{ background:url(../images/4_13.jpg) center left no-repeat; margin-left:30px; padding-left:25px; color:#333; font-size:14px;}
.div_ser3 .div2 ul li:hover{ left:-10px;}
.div_ser3 .div2 ul li:hover .p2 .lf a{ color:#a9895f;}
.div_ser3 .page{ margin-top:70px;}
.div_ser4{ margin-top:100px; margin-bottom:100px;}
.div_ser4 .div1{ margin-top:50px;}
.div_ser4 .div1 .p1{ width:360px;}
.div_ser4 .div1 .p2{ width:360px; margin-left:60px;}
.div_ser4 .div1 .pp1{ color:#333; font-size:16px;}
.div_ser4 .div1 .pp2{ margin-top:10px; border:1px solid #c9c9c9; padding-left:10px; padding-right:10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser4 .div1 .pp2 .text{ background:none; border:0px; height:40px; line-height:40px; color:#333; font-size:14px;}
.div_ser4 .div1 .pp2:hover{ background:rgba(189,175,134,0.2);}
.div_ser4 .div2{ margin-top:35px;}
.div_ser4 .div2 .pp1{ color:#333; font-size:16px;}
.div_ser4 .div2 .pp2{ margin-top:10px; border:1px solid #c9c9c9; padding-left:10px; padding-right:10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser4 .div2 .pp2 .text{ background:none; border:0px; height:40px; line-height:40px; color:#333; font-size:14px; overflow:hidden; height:170px;}
.div_ser4 .div2 .pp2:hover{ background:rgba(189,175,134,0.2);}
.div_ser4 .div3{ border:1px solid #000; margin:0 auto; margin-top:50px; width:142px; height:40px; padding:3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser4 .div3 a{ background:#000; color:#fff; text-align:center; font-size:14px; height:40px; line-height:40px; display:block;}
.div_ser4 .div3:hover{ border:1px solid #a9895f}
.div_ser4 .div3:hover a{ background:#a9895f;}

.div_ser4 .div1 .rg .pp2{ border:0px; padding:0px;}
.div_ser4 .div1 .rg:hover .pp2{ background:#fff;}

.div_ser4 .div1 .rg .pp2 select{ width:108px; border:1px solid #c9c9c9; margin-right:13px; height:40px;}

.div_join{ margin-top:100px;}
.div_join .div1{ margin-top:50px;}
.div_join .div1 ul li{ float:left; width:537px; margin-right:64px; height:120px; margin-bottom:30px;}
.div_join .div1 ul li .lf{ width:76px;}
.div_join .div1 ul li .rg{ width:435px;}
.div_join .div1 ul li .rg .p1{ color:#333; font-size:16px;	}
.div_join .div1 ul li .rg .p2{ color:#666; font-size:14px; line-height:28px; height:84px; margin-top:15px; overflow:hidden;}
.div_join1{ margin-top:70px;}
.div_join1 .div1{ margin-top:50px; background:url(../images/5_21.jpg) center 128px repeat-x;}
.div_join1 .div1 ul li{ width:160px; float:left; margin-left:40px; margin-right:40px; text-align:center; height:240px; position:relative; cursor:pointer;}
.div_join1 .div1 ul li .p1{ position:relative; z-index:100; padding-top:31px; height:46px; width:160px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join1 .div1 ul li .p1a{ background:url(../images/5_10.png) center bottom no-repeat;}
.div_join1 .div1 ul li .p1b{ background:url(../images/5_11.png) center bottom no-repeat;}
.div_join1 .div1 ul li .p1c{ background:url(../images/5_12.png) center bottom no-repeat;}
.div_join1 .div1 ul li .p1d{ background:url(../images/5_13.png) center bottom no-repeat;}
.div_join1 .div1 ul li .p1e{ background:url(../images/5_14.png) center bottom no-repeat;}
.div_join1 .div1 ul li .p2{ margin-top:9px; font-size:18px; line-height:20px; color:#666;}
.div_join1 .div1 ul li .p3{ margin-top:14px; height:18px;}
.div_join1 .div1 ul li .p4{ font-size:54px; color:#666; line-height:56px; margin-top:31px; font-family:Arial, Helvetica, sans-serif;}  
.div_join1 .div1 ul li .p5{ position:absolute; top:110px; line-height:24px; height:72px; overflow:hidden; color:#fff; padding-left:27px; padding-right:27px; left:0px; filter:alpha(opacity=0); opacity:0; z-index:100; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join1 .div1 ul li .p6{ position:absolute; top:0px; left:0px; width:160px; height:240px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join1 .div1 ul li .p7{ position:absolute; top:0px; left:0px; width:160px; height:240px; background:#000; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join1 .div1 ul li:hover .p1a{ background:url(../images/5_10a.png) center bottom no-repeat;}
.div_join1 .div1 ul li:hover .p1b{ background:url(../images/5_11a.png) center bottom no-repeat;}
.div_join1 .div1 ul li:hover .p1c{ background:url(../images/5_12a.png) center bottom no-repeat;}
.div_join1 .div1 ul li:hover .p1d{ background:url(../images/5_13a.png) center bottom no-repeat;}
.div_join1 .div1 ul li:hover .p1e{ background:url(../images/5_14a.png) center bottom no-repeat;}
.div_join1 .div1 ul li:hover .p5{ opacity:1;}
.div_join1 .div1 ul li:hover .p6{ opacity:1;}
.div_join1 .div1 ul li:hover .p7{ opacity:0.3;}
.div_join2{ margin-top:100px;}
.div_join2 .div1{ margin-top:50px; height:516px; position:relative; cursor:pointer;}
.div_join2 .div1 .p1{ position:absolute; left:0px; top:133px; width:291px; height:251px; background:url(../images/5_22.png) center center no-repeat;}
.div_join2 .div1 .p2{ position:absolute; left:227px; top:0px; width:291px; height:251px; background:url(../images/5_22.png) center center no-repeat;}
.div_join2 .div1 .p3{ position:absolute; left:227px; bottom:0px; width:291px; height:251px; background:url(../images/5_22.png) center center no-repeat;}
.div_join2 .div1 .p4{ position:absolute; left:454px; top:133px; width:291px; height:251px; background:url(../images/5_22.png) center center no-repeat;}
.div_join2 .div1 .p5{ position:absolute; left:683px; top:0px; width:291px; height:251px; background:url(../images/5_22.png) center center no-repeat;}
.div_join2 .div1 .p6{ position:absolute; left:683px; bottom:0px; width:291px; height:251px; background:url(../images/5_22.png) center center no-repeat;}
.div_join2 .div1 .p7{ position:absolute; left:911px; top:133px; width:291px; height:251px; background:url(../images/5_22.png) center center no-repeat;}
.div_join2 .div1 .p1 .pp1{ background:url(../images/5_22.png) center center no-repeat; width:291px; height:251px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join2 .div1 .p2 .pp1{ background:url(../images/5_22.png) center center no-repeat; width:291px; height:251px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join2 .div1 .p3 .pp1{ background:url(../images/5_22.png) center center no-repeat; width:291px; height:251px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join2 .div1 .p4 .pp1{ background:url(../images/5_22.png) center center no-repeat; width:291px; height:251px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join2 .div1 .p5 .pp1{ background:url(../images/5_22.png) center center no-repeat; width:291px; height:251px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join2 .div1 .p6 .pp1{ background:url(../images/5_22.png) center center no-repeat; width:291px; height:251px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join2 .div1 .p7 .pp1{ background:url(../images/5_22.png) center center no-repeat; width:291px; height:251px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join2 .div1 .pp2{ position:absolute; top:82px; width:100%; text-align:center; z-index:100;}
.div_join2 .div1 .pp2 .span1{ color:#333; font-size:30px; line-height:32px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join2 .div1 .pp2 .span2{ color:#666; font-size:18px; margin-top:20px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join2 .div1 .p1:hover .pp1{ background:url(../images/5_23.png) center center no-repeat;}
.div_join2 .div1 .p2:hover .pp1{ background:url(../images/5_24.png) center center no-repeat;}
.div_join2 .div1 .p3:hover .pp1{ background:url(../images/5_25.png) center center no-repeat;}
.div_join2 .div1 .p4:hover .pp1{ background:url(../images/5_26.png) center center no-repeat;}
.div_join2 .div1 .p5:hover .pp1{ background:url(../images/5_27.png) center center no-repeat;}
.div_join2 .div1 .p6:hover .pp1{ background:url(../images/5_28.png) center center no-repeat;}
.div_join2 .div1 .p7:hover .pp1{ background:url(../images/5_29.png) center center no-repeat;}
.div_join2 .div1 div:hover .pp2 .span1,.div_join2 .div1 div:hover .pp2 .span2{ color:#fff;}
.div_join3{ margin-top:100px; margin-bottom:100px;}
.div_join3 .div1{ margin-top:50px; position:relative; width:1920px; left:50%; margin-left:-960px; overflow:hidden;}
.div_join3 .div1 #demo{ overflow:hidden; width:1920px; color:#333333; display:inline; float:left; padding-top:20px;}
.div_join3 .div1 #demo1{ width:100%;}
.div_join3 .div1 a{ box-shadow: 0px 0px 10px 1px rgba(102, 102, 102, 0.2); display:block; width:337px; height:250px; padding-bottom:65px; padding-top:65px; padding-left:62px; padding-right:62px; margin-left:20px; margin-right:20px;}
.div_join3 .div1 a .p1{ overflow:hidden; width:337px; height:210px;}
.div_join3 .div1 a .p1 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.div_join3 .div1 a:hover .p1 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}
.div_join3 .div1 a .p2{ line-height:84px; text-align:center; height:84px; color:#333; font-size:14px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_join3 .div1 a:hover .p2{ color:#a9895f}

.div_join4{ background:url(../images/tj_13.png) repeat; position:fixed; bottom:0px; right:0px; width:100%; height:156px; z-index:1000;}
.div_join4 .div1{ width:140px; color:#fff; font-size:24px; padding-top:72px; line-height:26px;}
.div_join4 .div2{ padding-top:40px; width:680px;}
.div_join4 .div2 .p1{ float:left; width:287px; margin-right:13px; margin-bottom:10px; padding-left:20px; padding-right:20px; height:40px; background:#fff;}
.div_join4 .div2 .p1 .text{ background:none; border:0px; height:40px; line-height:40px; font-size:14px; color:#666;}
.div_join4 .div2 .p2{ float:left; margin-right:13px; width:213px; height:40px; background:#fff;}
.div_join4 .div2 .p2 select{ width:213px; border:0px; height:40px; line-height:40px; font-size:14px; color:#666;}
.div_join4 .div3{ padding-top:40px; margin-left:9px;}
.div_join4 .div3 a{ display:block; width:90px; height:90px; text-align:center; background:#7c0409; color:#fff; line-height:90px; border-radius:5px;}
.div_join4 .div3 a:hover{ background:#5d0307}
.div_join4 .div4{ padding-top:22px; margin-left:41px;}
.div_join4 .div5{ padding-top:40px;}
.div_join4 .div5 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.div_join4 .div5 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.div_join5{ position:fixed; width:90px; height:90px; right:-90px; bottom:25px; }
.div_join5 a{ display:block; background:#7c0409; color:#fff; border-radius:5px 0px 0px 5px; text-align:center; font-size:14px; line-height:90px; z-index:1000;}
.div_join5 a:hover{ background:#5d0307}

.div_abo{ margin-top:100px;}
.div_abo .div1{ margin-top:50px;}
.div_abo .div1 .lf{ width:600px; position:relative;}
.div_abo .div1 .lf .p1{ z-index:10; position:absolute; top:50%; left:50%; border:1px solid #fff; border-radius:50%; width:100px; height:100px; text-align:center; margin-left:-50px; margin-top:-50px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_abo .div1 .lf .p1 img{ position:relative; top:25px; left:5px;}
.div_abo .div1 .lf .p3{ position:absolute; bottom:0; left:0px; width:100%; height:100%; z-index:5; background:#000; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_abo .div1 .lf:hover .p1{ box-shadow: 0px 0px 40px 1px rgba(255, 255, 255, 0.3);}
.div_abo .div1 .lf:hover .p3{ opacity:.7;}
.div_abo .div1 .rg{ width:544px; padding-top:25px; color:#666;  font-size: 16px;
line-height: 34px;}
.div_abo1{ margin-top:100px; background:url(../images/6_04.jpg) top center no-repeat; padding-top:100px; height:527px; overflow:hidden;}
.div_abo1 .div1{ margin-top:50px; text-align:center; font-size:14px; color:#666;}
.div_abo1 .div2{ margin-top:50px;}
.div_abo1 .div2 ul li{ float:left; width:200px; margin-right:133px; text-align:center;}
.div_abo1 .div2 ul li .p1{ border-radius:100%;}
.div_abo1 .div2 ul li .p1 img{ border-radius:100%; -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.div_abo1 .div2 ul li:hover .p1 img{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.div_abo1 .div2 ul li .p2{ color:#333; margin-top:20px; font-size:16px;}
.div_abo1 .div2 ul li .p3{ color:#666; font-size:14px; line-height:24px; margin-top:10px;}
.div_abo2{ background:url(../images/6_09.jpg) center top no-repeat; padding-top:100px; height:609px;}
.div_abo2 .div1{ text-align:center; color:#fff; font-size:14px; margin-top:50px;}
.div_abo2 .div2{ margin-top:40px; position:relative;}
.div_abo2 .div2 .slides{ position:relative; width:852px; margin:0 auto;}
.div_abo2 .div2 .slides li a{ display:block; width:214px; float:left; margin-left:35px; margin-right:35px; margin-bottom:25px;}
.div_abo2 .div2 .slides li a .p2{ text-align:center; color:#fff; font-size:14px; margin-top:5px;}
.div_abo2 .div2 .flex-control-nav{ display:none;}
.div_abo2 .div2 .flex-prev{height:33px;width:34px;background:url(../images/6_10.png) no-repeat 0;overflow:hidden; position:absolute; cursor:pointer; margin-top:152px;left:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_abo2 .div2 .flex-prev:hover{ left:-5px;}
.div_abo2 .div2 .flex-next{height:33px;width:34px;background:url(../images/6_11.png) no-repeat 0;overflow:hidden; position:absolute; cursor:pointer; margin-top:152px; right:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_abo2 .div2 .flex-next:hover{ right:-5px;}
.div_abo3{ background:#e9e9e9; padding-top:100px; padding-bottom:80px;}
.div_abo3 .div1{ margin-top:50px; height: 400px; background:url(../images/6_19.jpg) center 315px no-repeat; position:relative;}
.div_abo3 .div1 #timeline{ width:1200px; overflow: hidden; position: relative;}
.div_abo3 .div1 #issues{ width: 1200px; height: 232px; overflow: hidden;}	
.div_abo3 .div1 #issues li{ width: 1200px; height: 232px; float: left;}
.div_abo3 .div1 #issues li .p1{ width:960px; margin:0 auto;}
.div_abo3 .div1 #issues li .p1 .lf{ width:435px; text-align:center;}
.div_abo3 .div1 #issues li .p1 .lf .pp1{ color:#333; font-size:28px; line-height:30px; padding-top:66px;}
.div_abo3 .div1 #issues li .p1 .lf .pp2{ color:#666; font-size:14px; line-height:26px; margin-top:24px;}
.div_abo3 .div1 #dates{ height: 120px; overflow: hidden; margin-top:52px;}
.div_abo3 .div1 #dates{ position:relative; left:-15px;}
.div_abo3 .div1 #dates li{ float: left; font-size: 14px; text-align:center;}
.div_abo3 .div1 #dates a{ background:url(../images/6_20a.jpg) center top no-repeat; color:#333; padding-top:80px; display:block; width:110px;}
.div_abo3 .div1 #dates .selected { font-size: 18px; background:url(../images/6_20.jpg) center top no-repeat;}
.div_abo3 .div1 #next{ position:absolute; right:5px; top:95px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_abo3 .div1 #next:hover{ right:0px;}
.div_abo3 .div1 #prev{ position:absolute; left:5px; top:95px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_abo3 .div1 #prev:hover{ left:0px;} 
.div_abo4{ margin-top:100px; padding-bottom:78px;}
.div_abo4 .div1{ margin-top:50px;}
.div_abo4 .div1 .lf{ width:592px; height:378px; position:relative; overflow:hidden;}
.div_abo4 .div1 .lf .p2{ background:rgba(0,0,0,0.3); height:50px; line-height:50px; text-align:center; color:#fff; position:absolute; bottom:0px; left:0px; width:100%; font-size:16px;}
.div_abo4 .div1 .rg{ width:588px;}
.div_abo4 .div1 .rg ul li{ float:left; width:284px; height:178px; margin-right:20px; margin-bottom:22px; cursor:pointer; position:relative;}
.div_abo4 .div1 .rg ul li .p1{ background:#000; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_abo4 .div1 .rg ul .current .p1{ opacity:0.7;}
.div_abo4 .div1 .rg ul li .p2 img{ width: 284px; height: 178px;}
.div_abo4 .div2 a{ display:block; float:left; margin-left:10px; width:30px; height:30px;}
.div_abo4 .div2 .a1{ background:url(../images/7_12.jpg) center center no-repeat;}
.div_abo4 .div2 .a1:hover{ background:url(../images/7_12a.jpg) center center no-repeat;}
.div_abo4 .div2 .a2{ background:url(../images/7_13.jpg) center center no-repeat;}
.div_abo4 .div2 .a2:hover{ background:url(../images/7_13a.jpg) center center no-repeat;}

.div_news{ margin-top:100px; margin-bottom:100px;width: 1200px;margin-left: auto; margin-right: auto;}
.div_news .div1{ text-align:center;}
.div_news .div1 a{ display:inline-block; width:140px; height:56px; line-height:50px; text-align:center; color:#7c0409; background:url(../images/tj_17.png) center center no-repeat; margin-left:10px; margin-right:10px; font-size:14px;}
.div_news .div1 a:hover,.div_news .div1 .a1{ background:url(../images/tj_18.png) center center no-repeat; color:#fff;}
.div_news .div2{ margin-top:45px;}
.div_news .div2 ul li{ margin-bottom:50px;}
.div_news .div2 ul li .lf{ width:200px; margin-left:60px;}
.div_news .div2 ul li .lf img{ width:280px !important; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1.3s; -moz-transition: all 1.3s; transition: all 1.3s;}
.div_news .div2 ul li:hover .lf img{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); margin-top: 20px; }
.div_news .div2 ul li .rg{ width:795px; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.div_news .div2 ul li .rg .p1 .pp1{ float:left; color:#333; font-size:16px;}
.div_news .div2 ul li .rg .p1 .pp2{ float:right; color:#999999; font-size:14px;}
.div_news .div2 ul li .rg .p2{ margin-top:15px; color:#666; font-size:14px; line-height:28px; height: 140px; overflow: hidden;}
.div_news .div2 ul li .rg .p3{ margin-top:10px; color:#7c0409; font-size:14px;}
.div_news1{ margin-top:100px; margin-bottom:100px;width: 1200px;margin-left: auto;margin-right: auto;}
.title{ text-align:center; color:#000; font-size:24px; font-weight:bold; line-height:26px;}
.time{ text-align:center; color:#888; margin-top:20px; border-bottom:1px dotted #ddd; padding-bottom:10px;}
.txt{ margin-top:20px; color:#666; font-size:14px; line-height:26px;}
.txt img{ max-width:1200px;}
.back{ margin-top:50px;}
.back .lf a{ display:block; color:#808080;}
.back .lf a:hover{ color:#a9895f}
.back .rg{ border:1px solid #000; width:100px; height:40px; padding:3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.back .rg a{ background:#000; color:#fff; text-align:center; font-size:14px; height:40px; line-height:40px; display:block;}
.back .rg:hover{ border:1px solid #a9895f}
.back .rg:hover a{ background:#a9895f;}
.div_news2{ background:#f5f5f5; padding-top:80px; padding-bottom:80px;}
.div_news2 .box{ width:1242px;}

.div_news2 .slides{ width:100%; position:relative;z-index:1; overflow:hidden; margin-top:45px;}
.div_news2 .slides li{ width:100%; height:auto; padding-top:10px;}
.div_news2 .slides li a{ float:left; width:369px; margin-left:22px; margin-right:22px; position:relative; top:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_news2 .slides li a .p1{ color:#999; font-size:14px;}
.div_news2 .slides li a .p2{ color:#666; font-size:16px; background:url(../images/tj_19.jpg) center bottom no-repeat; padding-bottom:25px; margin-top:10px;}
.div_news2 .slides li a .p3{ color:#999; margin-top:15px;}
.div_news2 .flex-control-nav { position:relative; width:100%; text-align:center; left:0px; margin-top:50px;} 
.div_news2 .flex-control-nav li { display:inline-block; width:12px; height:12px; margin-left:5px; margin-right:5px;}
.div_news2 .flex-control-nav li span { display:none;}
.div_news2 .flex-control-nav li a { width:12px; height:12px; cursor:pointer; background:#ccc; display:inline-block; border-radius:100%;}
.div_news2 .flex-control-nav li a.flex-active { background:#7c0409}
.div_news2 .flex-direction-nav{ display:none;}
.div_news2 .slides li a:hover{ top:-10px;}


.div_cont{ margin-top:100px;}
.div_cont .div1{ margin-top:50px;}
.div_cont .div1 .lf{ background:url(../images/8_02.jpg) right center no-repeat; width:33.33%; text-align:center; position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_cont .div1 .p1{ height:57px;}
.div_cont .div1 .p2{ color:#333; margin-top:20px; font-size:16px;}
.div_cont .div1 .p3{ margin-top:15px; color:#666; font-size:14px;}
.div_cont .div1 .rg{ width:33.33%; text-align:center; position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_cont .div1 .lf:hover,.div_cont .div1 .rg:hover{ top:-10px;}
.div_cont .div2{ height:370px; width:1198px; border:1px solid #ddd; margin-top:40px;}
.div_cont1{ margin-top:100px; background:url(../images/8_08.jpg) center top no-repeat; padding-top:100px; margin-bottom:100px;}
.div_cont1 .div1{ text-align:center; color:#666; font-size:14px; margin-top:20px;}
.div_cont1 .div2{ margin-top:88px; padding-bottom:20px;}
.div_cont1 .div2 ul li{ float:left; width:378px; border:1px solid #eeeeee; border-top:0px; background:#fff; position:relative; top:0px; margin-right:28px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_cont1 .div2 ul li .p1{ margin:0 auto; margin-top:-48px; text-align:center; overflow:hidden; width:320px; height:180px;}
.div_cont1 .div2 ul li .p1 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.div_cont1 .div2 ul li .p2{ padding:20px 28px;}
.div_cont1 .div2 ul li .p2 .pp1{ color:#333; font-size:16px;}
.div_cont1 .div2 ul li .p2 .pp2{ color:#666; font-size:14px; margin-top:15px;}
.div_cont1 .div2 ul li .p2 .pp3{ text-align:right; margin-top:10px; color:#7c0409; font-size:14px; text-transform:uppercase;}
.div_cont1 .div2 ul li:hover{ top:-5px;}
.div_cont1 .div2 ul li:hover .p1 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}
.div_cont2{ margin-top:100px; margin-bottom:100px;}
.div_cont2 .div1{ border-bottom:1px solid #ddd; color:#333; font-size:20px; padding-bottom:15px;}
.div_cont2 .div2{ margin-top:25px; line-height:26px; color:#333; font-size:14px;}
.div_cont2 .div2 span{ display:block; background:url(../images/line_guy.jpg) left bottom no-repeat; padding-bottom:10px; margin-bottom:10px; font-size:16px; color:#7c0409}
.div_cont2 .div3{ margin-top:60px;}
.div_cont2 .div3{ border:1px solid #000; width:100px; height:40px; padding:3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_cont2 .div3 a{ background:#000; color:#fff; text-align:center; font-size:14px; height:40px; line-height:40px; display:block;}
.div_cont2 .div3:hover{ border:1px solid #a9895f}
.div_cont2 .div3:hover a{ background:#a9895f;}

.div_position{ position:relative;width: 1200px;margin-left: auto;margin-right: auto;margin-bottom: 80px;}
.aaaa1{ position:absolute; top:-100px; display:block; }

.section .div_rg{ display:none;}
.div_rg{ position:fixed; right:8px; height:360px; margin-top:-180px; top:50%; z-index:1000;}
.div_rg .div1{ position:absolute;top:0px; right:-10px; width:80px; height:70px; background:#3bacd8; padding-top:0px;}
.div_rg .div1 .p2{ position:absolute; right:80px; top:0px; width:0px; height:0px; overflow:hidden;}
.div_rg .div1 .p2 img{ filter:alpha(opacity=0); opacity:0;}
.div_rg .div2{ position:absolute; top:72px; right:-10px; width:80px; height:70px; background:#3bacd8; padding-top:0px;}
.div_rg .div3{ position:absolute; top:144px; right:-165px; height:70px; width:235px;}
.div_rg .div3 .p1{ float:left; width:70px; height:70px;}
.div_rg .div3 .p2{ float:left; width:140px; line-height:70px; background:#3bacd8; color:#fff; font-size:16px; font-weight:bold; padding-left:15px; padding-right:10px;}
.div_rg .div4{ top:216px; text-align:left; margin-top:0px; margin-bottom:0px;}
.div_rg .div5{ position:absolute;top:288px; right:-10px; width:80px; height:70px; background:#3bacd8;}
.index_banner{ position:fixed; top:0px; left:0px; overflow:hidden; width:100%; height:100%; z-index:10000; background:#000;}
.index_banner .slides { width:100%; position:relative;z-index:1;}
.index_banner .slides li { width:100%; height:auto;}
.index_banner .slides li img{ width:100%; height:auto}
.index_banner .flex-control-nav { position:absolute; bottom:5%; z-index:99;width:100%; text-align:center; left:0px;} 
.index_banner .flex-control-nav li { display:inline-block; width:84px; height:3px; margin:0 5px;}
.index_banner .flex-control-nav li span { display:none;}
.index_banner .flex-control-nav li a { width:84px; height:3px; cursor:pointer; background:#fff; display:block;}
.index_banner .flex-control-nav li a.flex-active { background:#7c0409}
.index_banner .flex-direction-nav{ display:none;}
.index_banner .div1{ position:absolute; top:5%; right:3%; z-index:100; cursor:pointer;}
.index_banner .div1 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.index_banner .div1 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
/* Main */

/* Page */
.pages{ text-align:center; margin-top:30px;}
.pages a{ padding:4px 9px; border-radius:5px; color:#bdaf86; font-size:14px; margin-left:3px; margin-right:3px;}
.pages span{ padding:4px 8px; color:#bdaf86; margin-left:3px; margin-right:3px;}
.pages .a1,.pages a:hover{ background:#bdaf86; color:#fff;}
/* Page End */


/*图片动画*/
/* -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; 背景渐隐 */
/* -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片原比例 */
/* -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97); -ms-transform:scale(0.97); transform:scale(0.97); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片缩放 */
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); */
/* -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s; 图片360旋转 */
/* transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); 图片360旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; 3D旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); 3D旋转 */
/* -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); 高斯模糊 */




/*head重组*/
.navigation-up .navigation-v3 {
	float: right;
	height: 96px;
	margin-right: 8%;
}

.navigation-up .navigation-v3 ul {
	float: left
}

.navigation-up .navigation-v3 ul li {
	float: left;
	margin: 0 20px
}

.navigation-up .navigation-v3 ul li a {
	padding: 0 10px;
	margin: 0;
	line-height: 100px;
	color: #fff;
	display: inline-block;
	height: 100px;
	text-shadow: 1px 1px 2px #666;
	text-decoration: none;
	font-weight: 300;
	font-size: 16px;
}
.navigation-up .navigation-v3 ul li a:hover{
	color: #0cf6f9 ;
	
	
}


.navigation-up .navigation-v3 .nav-up-selected a:before,
.navigation-up .navigation-v3 ul li a:before {
	content: '';
	display: inline-block;
	height: 9px;
	background-color: #fff;
	bottom: 2px;
	left: 50%;
	
}

.navigation-up .navigation-v3 ul li a:before {
	width: 0;
	position: absolute;
	margin-left: 0
}

.navigation-up .navigation-v3 .nav-up-selected a {
	position: relative
}

.navigation-up .navigation-v3 .nav-up-selected a:before {
	width: 100%;
	position: absolute;
	margin-left: -50%
}

.navigation-up .navigation-v3 .nav-up-selected-inpage {
	color: #005bac;
	background-color: red
}

.navigation-down {
	position: absolute;
	top: 94px;
	left: 0;
	width: 100%
}

.navigation-down .nav-down-menu {
	width: 100%;
	margin: 0;
	position: absolute;
	top: 6px;
	color: #fff;
	display: none;
	padding: 35px 0 25px;
	background: linear-gradient(to right, rgba(156, 204, 10, .8) 0, rgba(0, 137, 116, .8) 50%, rgba(3, 174, 103, .8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc9ccc0a', endColorstr='#cc03ae67', GradientType=1)
}

.navigation-down .nav-down-menu .navigation-down-inner {
	margin: auto;
	width: 100%;
	position: relative;
	text-align: center
}

.navigation-down .nav-down-menu dl {
	display: inline-block;
	margin: 0;
	overflow: hidden
}

.navigation-down .nav-down-menu dl:last-child dt:before {
	display: none
}

.navigation-down .nav-down-menu dt:before,
.oe_menu:after {
	content: '';
	display: block
}

.navigation-down .nav-down-menu dt {
	clear: both;
	padding: 0 60px;
	position: relative
}

.navigation-down .nav-down-menu dt a {
	color: #fff
}

.navigation-down .nav-down-menu dt a:hover {
	color: #f39700
}

.navigation-down .nav-down-menu dt:before {
	width: 1px;
	height: 20px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 3px
}

.navigation-down .nav-down-menu dd {
	font-size: .875em
}

.navigation-down .nav-down-menu dd a {
	color: #fff;
	font-weight: 300
}

.navigation-down .menu-1 dd a {
	color: #fff
}

.navigation-down .menu-1 dd a:hover {
	color: #60aff6
}

.navigation-down .menu-2 dd a,
.navigation-down .menu-3 dd a {
	color: #fff
}

.logo {
	width: 220px;
	background: url(../images/logo2.png) center no-repeat;
	background-size: contain;
	height: 160px;
	margin-top:-27px
}
.logo {
	
	background: url(../images/logo2.png) center no-repeat;
	background-size: contain;
	height: 185px;
	margin-top:10px;
	margin: 0 0 0 9%;
}

.logo a {
	width: 100%;
	height: 185px
}

.head {
	z-index: 100;
	height: 100px;
	width: 100%
}

/*.head:before {
	content: '';
	width: 52%;
	height: 1px;
	background-color: rgba(255, 255, 255, .6);
	position: absolute;
	bottom: 0;
	left: 88%;
	margin-left: -47%;
	top: 77%;
}*/

.head .navigation-inner {
	margin: 0 auto;
	position: relative
}

.navigation-up {
	height: 100px;
	width: 100%;
	margin: 0 auto
}