#bigcontent {  width: 100%;  }

.center { width: 1200px; margin: 0 auto; height: 100%; position: relative; }

.ico { background: url(../images/ico_img.png) no-repeat center; }

.title_bt img { display: block; margin: 0 auto; }

.hide { display: none !important; }

.fell_nav { position: fixed; right: 120px; top: 50%; margin-top: -192px;display: none;}
.fell_nav .top { margin: 0 auto; height: 85px; width: 117px; background-position: 0 -240px; }
.fell_nav .ul { position: relative; width: 117px; height: 300px; }
.fell_nav .ul .line { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 100%; }
.fell_nav .ul .line i { display: block; width: 2px; border-left: 1px dashed #fff; height: 15px; margin-top: 30px; }
.fell_nav .ul ul { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.fell_nav .ul ul li { cursor: pointer; position: relative; left: 0; top: 0; width: 100%; text-align: center; height: 28px; line-height: 30px; margin-bottom: 17px; }
.fell_nav .ul ul li span { text-align: center; width: 100%; height: 30px; line-height: 30px; position: absolute; left: 0; top: 0; display: block; color: #fff; font-size: 20px; }
.fell_nav .ul ul .li1 i { display: block; height: 18px; width: 18px; background-position: 0 -30px; display: inline-block; text-align: center; line-height: 30px; margin-top: 6px; }
.fell_nav .ul ul .li1 u { height: 25px; width: 22px; background-position: -43px -25px; display: block; text-align: center; display: inline-block; }
.fell_nav .ul ul .li1 span { -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.fell_nav .ul ul .li1:hover i { display: none; }
.fell_nav .ul ul .li1:hover u { display: none; }
.fell_nav .ul ul .li1:hover span { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.fell_nav .ul ul .li i { height: 15px; width: 40px; background-position: -40px 0; display: inline-block; text-align: center; }
.fell_nav .ul ul .on i { display: none; }
.fell_nav .ul ul .on span { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.cont { background: no-repeat center; background-size: auto 100%; width: 100%; }

.cont1 { background-image: url(../images/con1.jpg); height: 977px; }
.cont1 .logo1 { display: block; position: absolute; left: 0; top: 40px; }
.cont1 .tab_list { position: absolute; left: 0; bottom: 40px; width: 100%; height: 70px; text-align: center; }
.cont1 .tab_list .tab { display: inline-block; margin: 0 27px; text-align: center; }
.cont1 .tab_list .tab i { display: block; margin: 0 auto; }
.cont1 .tab_list .tab .ico_tab1 { height: 39px; width: 38px; background-position: -52px -67px; }
.cont1 .tab_list .tab .ico_tab2 { height: 41px; width: 37px; background-position: 0 -66px; }
.cont1 .tab_list .tab span { padding: 5px 0; display: inline-block; color: #000000; }
.cont1 .tab_list .tab:hover { opacity: 0.8; }
.cont1 .tab_list .tab:hover span { text-decoration: underline; }

.cont2 { background-image: url(../images/con2.jpg); height: 957px; }
.cont2 .warp2 { padding-top: 103px; width: 100%; }
.cont2 .warp2 .img_box { width: 888px; height: 534px; background: #8fbc6b; margin: 0 auto; overflow: hidden; }
.cont2 .warp2 .img_box a { display: block; width: 100%; height: 100%; }
.cont2 .warp2 .img_box .img { height: 482px; width: 100%; overflow: hidden; }
.cont2 .warp2 .img_box .img img { width: 100%; height: 100%; }
.cont2 .warp2 .img_box p { height: 52px; background: #475e35; line-height: 52px; overflow: hidden; color: #fff; }
.cont2 .warp2 .img_box p span { padding: 0 15px; }
.cont2 .warp2 .ul_list { padding-top: 46px; height: 132px; width: 100%; overflow: hidden; }
.cont2 .warp2 .ul_list ul { width: 110%; height: 100%; }
.cont2 .warp2 .ul_list ul li { height: 100%; width: 220px; cursor: pointer; margin-right: 24px; float: left; overflow: hidden; position: relative; }
.cont2 .warp2 .ul_list ul li .img { width: 100%; height: 100%; }
.cont2 .warp2 .ul_list ul li .img img { width: 100%; height: 100%; }
.cont2 .warp2 .ul_list ul li .tex { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); }
.cont2 .warp2 .ul_list ul li .tex p { color: #fff; text-align: center; font-size: 16px; line-height: 40px; padding: 0 10px; padding-top: 26px; }

.ico_ren { background: url(../images/ico_imgr.png) no-repeat center; width: 90px; height: 90px; }

.ico_tu1 { background-position: 0 -630px; }

.ico_tu2 { background-position: 0 -540px; }

.ico_tu3 { background-position: 0 -720px; }

.ico_tu4 { background-position: 0 -900px; }

.ico_tu5 { background-position: 0 -810px; }

.ico_tu6 { background-position: 0 -450px; }

.ico_tu7 { background-position: 0 -90px; }

.ico_tu8 { background-position: 0 0; }

.ico_tu9 { background-position: 0 -180px; }

.ico_tu10 { background-position: 0 -360px; }

.ico_tu11 { background-position: 0 -270px; }

.ico_tu12 { background-position: -107px  -630px; }

.ico_tu13 { background-position: -107px -540px; }

.ico_tu14 { background-position: -107px -720px; }

.ico_tu15 { background-position: -107px -900px; }

.ico_tu16 { background-position: -107px -810px; }

.ico_tu17 { background-position: -107px -450px; }

.ico_tu18 { background-position: -107px -90px; }

.ico_tu19 { background-position: -107px 0; }

.ico_tu20 { background-position: -107px -180px; }

.ico_tu21 { background-position: -107px -360px; }

.ico_tu22 { background-position: -107px -270px; }

.cont3 { background-image: url(../images/con3.jpg); height: 1100px;   }
.cont3 .TZ_box { width: 1200px; height:555px; margin: 0 auto; margin-top: 17px; position: relative;background: url(../images/qiu.jpg) no-repeat center;}
.cont3 .TZ_box ul { width: 100%; height: 100%; }
.cont3 .TZ_box .box_lef { float: left; height: 100%; width: 50%; position: relative; }
.cont3 .TZ_box .box_rit { float: right; height: 100%; width: 50%; position: relative; }
.cont3 .QH_box { width: 1085px; margin: 0 auto; }
.cont3 .QH_box .box { height: 90px; width: 100%; margin-top: 40px; }
.cont3 .QH_box .box span { float: left; color: #fff; height: 90px; display: block; line-height: 90px; font-size: 18px; }
.cont3 .QH_box .box .wap { margin-left: 25px; width: 900px; height: 100%; float: left;}
.cont3 .QH_box .box .wap .ul { width:795px; margin: 0 auto; height: 90px; overflow: hidden; }
.cont3 .QH_box .box .wap .ul ul { width: 300%; white-space: nowrap; height: 90px; }
.cont3 .QH_box .box .wap .ul ul li { display: inline-block; float: left; margin-right: 50px;position: relative;}
.cont3 .QH_box .box .wap .ul ul li .box_li{ width:90px; height:90px; position: absolute; left: 0; top:0;}
.cont3 .QH_box .box .wap .tab_list{position: relative; z-index: 0;}
.cont3 .QH_box .box .wap .tab_list .ico { position: absolute; top: 50%; margin-top: -63px; }
.cont3 .QH_box .box .wap .tab_list .ico:hover { opacity: 0.8; cursor: pointer; }
.cont3 .QH_box .box .wap .tab_list .pev { left: 0px; height: 40px; width: 21px; background-position: -120px 0; }
.cont3 .QH_box .box .wap .tab_list .next { right: 0px; height: 41px; width: 22px; background-position: -151px 0; }
.cont3 .aa { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 90px; height: 90px; }
.cont3 .js_box { display: none;z-index: 10;position: fixed; width: 540px; height: 248px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); }
.cont3 .js_box .close_i { position: absolute; right: 8px; top: 8px; height: 17px; width: 14px; background-position: 0 0; }
.cont3 .js_box .img { width: 140px; height: 200px; float: left; margin: 24px 0 0 18px; position: relative; }
.cont3 .js_box .img img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.cont3 .js_box .text { width: 360px; float: left; padding-left: 15px; padding-top: 24px; color: #fff; }
.cont3 .js_box .text .name { font-size: 18px; width: 100%; height: 20px; line-height: 20px; overflow: hidden; }
.cont3 .js_box .text .bf em{display: inline-block;height: 20px; position: relative; vertical-align: middle; margin-top: -6px; float: left;padding-right: 10px;}
.cont3 .js_box .text .bf { font-size: 16px; height: 20px; line-height: 20px; padding-top: 40px; }
.cont3 .js_box .text .bf span { display: inline-block; width: 81px; height: 20px; position: relative; vertical-align: middle; margin-top: -6px; }
.cont3 .js_box .text .bf span i { width: 100%; height: 21px; background: url(../images/xin.png) no-repeat left; display: block; }
.cont3 .js_box .text .bf a { display: inline-block; width: 44px; height: 18px; border: 1px solid #fff; text-align: center; line-height: 18px; font-size: 12px; color: #fff; margin-left: 75px; border-radius: 30px; }
.cont3 .js_box .text .p { font-size: 12px; line-height: 20px; padding-top: 15px; height: 100px;white-space:normal }

.cont4 { background-image: url(../images/con4.jpg); height: 875px; }
.cont4 .canvas_box{width: 400px; height: 100%; float: left; overflow: hidden; position: relative;}
#webgl{ width: 300px; height: 300px; position: absolute; left: 50px; top:91px}
.world{ position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: auto; width: 300px; height: 300px;}
.cont4 .warp4 { width: 1184px; height: 482px; border: 8px solid #fff; display: inline-block; margin-top: 30px; }
.cont4 .warp4 .warp_rit { float: right; width: 749px; height: 100%;  background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000); zoom: 1; background:rgba(0,0,0,0.2); overflow: hidden; }
.cont4 .warp4 .tab{ width: 35px; text-align: center; height: 100%; float: left; position: relative; z-index: 100; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background:rgba(0,0,0,0.2);}
.cont4 .warp4  .tab li{ width: 100%; height: 60px; line-height: 60px; color: #fff; cursor: pointer;}
.cont4 .warp4  .tab li.on{  background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background:rgba(0,0,0,0.5);}
.cont4 .warp4 .warp_rit .warp_show { height: 100%;  width: 744px;width: 800%; }
.cont4 .warp4 .warp_rit .warp_item { width: 748px; height: 100%; display: inline-block; float: left;}
.cont4 .warp4 .warp_rit .warp_item .item { width: 371px; height: 241px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; overflow: hidden; display: inline-block; float: left; }
.cont4 .warp4 .warp_rit .warp_item .item .img { width: 225px; height: 168px; margin: 38px 0 0 16px; float: left; }
.cont4 .warp4 .warp_rit .warp_item .item .img img { width: 100%; height: 100%; }
.cont4 .warp4 .warp_rit .warp_item .item .tex { width: 115px; float: right; padding-left: 8px; }
.cont4 .warp4 .warp_rit .warp_item .item .tex .name { color: #fff; padding-top: 74px; height: 30px; line-height: 30px; font-size: 20px; overflow: hidden; }
.cont4 .warp4 .warp_rit .warp_item .item .tex .ps { height: 30px; line-height: 30px; color: #fff; padding-top: 20px; overflow: hidden; }
.cont4 .warp4 .warp_rit .warp_item .item .tex .ps i { color: #d91f00; padding-right: 5px; }
.cont4 .warp4 .warp_rit .warp_item .item .tex .btn { height: 28px; border-radius: 30px; margin-top: 21px; width: 75px; border: 1px solid #fff; color: #fff; text-align: center; cursor: pointer; font-size: 16px; text-align: center; line-height: 28px; }
.cont4 .warp4 .warp_rit .warp_item .item .tex .on_tab { color: #d91f00; background: #25420d; background: rgba(0, 0, 0, 0.7); border-color: transparent; }

.cont5 { background-image: url(../images/con5.jpg); height: 1216px; }
.cont5 .warp5 { padding-top: 65px; width: 100%; }
.cont5 .warp5 .ul { width: 100%; height: 830px; position: relative; }
.cont5 .warp5 .ul li { position: absolute; width: 452px; height: 391px; overflow: hidden; border-radius: 130px; cursor: pointer; }
.cont5 .warp5 .ul li .img { width: 100%; height: 100%; }
.cont5 .warp5 .ul li .img img { width: 100%; height: 100%; }
.cont5 .warp5 .ul .li1 { left: 0; top: 0; }
.cont5 .warp5 .ul .li2 { right: 0; top: 0; }
.cont5 .warp5 .ul .li3 { left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.cont5 .warp5 .ul .li4 { left: 0; bottom: 0; }
.cont5 .warp5 .ul .li5 { right: 0; bottom: 0; }

.cont6 { background-image: url(../images/con6.jpg); height: 1287px; }
.cont6 .title_h img { display: block; }
.cont6 .warp6 .warp_lef { width: 700px; float: left; }
.cont6 .warp6 .warp_lef .changshi { width: 100%; }
.cont6 .warp6 .warp_lef .changshi ul li { background: no-repeat center; width: 688px; height: 153px; margin-top: 12px; }
.cont6 .warp6 .warp_lef .changshi ul li .tex { color: #fff; font-size: 16px; color: #fff; line-height: 28px; padding-top: 18px; width: 508px; text-align: justify; }
.cont6 .warp6 .warp_lef .changshi ul .tex_lef .tex { float: right; padding-right: 15px; }
.cont6 .warp6 .warp_lef .changshi ul .tex_rit .tex { float: left; padding-left: 15px; }
.cont6 .warp6 .warp_lef .changshi ul .li1 { background-image: url(../images/li/li1.png); }
.cont6 .warp6 .warp_lef .changshi ul .li2 { background-image: url(../images/li/li2.png); }
.cont6 .warp6 .warp_lef .changshi ul .li3 { background-image: url(../images/li/li3.png); width: 690px; height: 155px; }
.cont6 .warp6 .warp_lef .changshi ul .li4 { background-image: url(../images/li/li4.png); }
.cont6 .warp6 .warp_lef .changshi ul .li5 { background-image: url(../images/li/li5.png); }
.cont6 .warp6 .warp_rit { width: 500px; float: right; }
.cont6 .warp6 .warp_rit .liuyan { background: #498d12; padding: 17px 15px; margin-top: 13px; }
.cont6 .warp6 .warp_rit .liuyan .form { height: 75px; border: 1px solid #fff; width: 100%; background: #5c992a; overflow: hidden; }
.cont6 .warp6 .warp_rit .liuyan .form .inpu { float: left; height: 100%; width: 385px; background: #5c992a; color: #fff; line-height: 75px; font-size: 20px; padding: 0 5px; border: none; }
.cont6 .warp6 .warp_rit .liuyan .form .tab { height: 100%; width: 74px; background-position: 0 -135px; float: right; display: block; border: none; text-align: center; line-height: 75px; color: #fff; font-size: 16px; }
.cont6 .warp6 .warp_rit .box_warp { height: 690px; margin-top: 8px; width: 100%; overflow-x: hidden; overflow-y: auto; }
.cont6 .warp6 .warp_rit .box_warp::-webkit-scrollbar { width: 6px; height: 6px; background: #71c22f; }
.cont6 .warp6 .warp_rit .box_warp::-webkit-scrollbar-button { width: 0; height: 0; }
.cont6 .warp6 .warp_rit .box_warp::-webkit-scrollbar-corner { display: block; }
.cont6 .warp6 .warp_rit .box_warp::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #498d12; border-radius: 10px; }
.cont6 .warp6 .warp_rit .box_warp .box_item { height: 115px; padding: 0 11px; overflow: hidden; background: #71c22f; }
.cont6 .warp6 .warp_rit .box_warp .box_item .top { height: 65px; padding-top: 14px; }
.cont6 .warp6 .warp_rit .box_warp .box_item .top .img { width: 65px; height: 65px; overflow: hidden; border-radius: 50%; position: relative; background: #fff; float: left; }
.cont6 .warp6 .warp_rit .box_warp .box_item .top .img img { max-height: 100%; max-width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; display: block; }
.cont6 .warp6 .warp_rit .box_warp .box_item .top .name { float: left; padding-left: 14px; height: 100%; line-height: 65px; width: 352px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; }
.cont6 .warp6 .warp_rit .box_warp .box_item .top .name .bt_name { display: inline-block; vertical-align: middle; margin-top: -2px; }
.cont6 .warp6 .warp_rit .box_warp .box_item .top .name .liu { display: inline-block; vertical-align: middle; margin-top: -2px; }
.cont6 .warp6 .warp_rit .box_warp .box_item .bot { height: 37px; line-height: 37px; color: #b8c6b0; }
.cont6 .warp6 .warp_rit .box_warp .box_item .bot .time { float: left; width: 150px; height: 100%; overflow: hidden; }
.cont6 .warp6 .warp_rit .box_warp .box_item .bot .bow { text-align: right; float: right; width: 280px; }

.img_show { position:fixed; width: 100%; height: 100%; left: 0; top:0;z-index: 9999; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); }
.img_show .img_warp { width: 960px; margin: 0 auto; position: relative; height: 450px; background: #000; top: 50%; margin-top: -225px; }
.img_show .img_warp .img_item { width: 750px; height: 450px; margin: 0 auto; overflow: hidden; }
.img_show .img_warp .img_item .img_ { white-space: nowrap; height: 450px; }
.img_show .img_warp .img_item .img_ .list { display: inline-block; width: 750px; height: 450px; }
.img_show .img_warp .img_item .img_ .list img { width: 100%; height: 100%; }
.img_show .img_warp .tab_list .tab { position: absolute; top: 50%; margin-top: -20px; cursor: pointer; }
.img_show .img_warp .tab_list .tab:hover { opacity: 0.8; }
.img_show .img_warp .tab_list .pev { left: 20px; height: 40px; width: 21px; background-position: -120px 0; }
.img_show .img_warp .tab_list .next { right: 20px; height: 41px; width: 22px; background-position: -151px 0; }
.img_show .img_warp .close { position: absolute; right: 8px; top: 8px; width: 30px; height: 36px; background: url(../images/close.png) no-repeat center; }

.bor { position: absolute; }
#bigcontent{min-width: 1200px;}
.ul_wrap_L .A1{left: 66px;top: 230px;}
.ul_wrap_L .A2{left:200px;top:55px;}
.ul_wrap_L .A3{left: 200px;top: 175px;}
.ul_wrap_L .A4{left: 200px;top: 295px;}
.ul_wrap_L .A5{left: 200px;top: 415px;}
.ul_wrap_L  .A6{left: 320px;top:55px;}
.ul_wrap_L  .A7{left: 320px;top: 175px;}
.ul_wrap_L  .A8{left: 320px;top: 295px;}
.ul_wrap_L  .A9{left: 320px;top: 415px;}
.ul_wrap_L  .A10{left: 450px;top: 160px;}
.ul_wrap_L  .A11{left: 450px;top: 310px;}
.ul_wrap_R  .A1{right: 66px;top: 230px;}
.ul_wrap_R  .A2{left:200px;top:55px;}
.ul_wrap_R  .A3{left: 200px;top: 175px;}
.ul_wrap_R  .A4{left: 200px;top: 295px;}
.ul_wrap_R  .A5{left: 200px;top: 415px;}
.ul_wrap_R  .A6{left: 320px;top: 55px;}
.ul_wrap_R  .A7{left:320px;top:175px;}
.ul_wrap_R  .A8{left: 320px;top: 295px;}
.ul_wrap_R  .A9{left: 320px;top: 415px;}
.ul_wrap_R  .A10{right: 450px;top: 160px;}
.ul_wrap_R  .A11{right: 450px;top: 310px;}

.ul_wrap_L li,.ul_wrap_R li,#ul_item_L li ,#ul_item_R LI{cursor: pointer;}