@charset "utf-8"; * { margin: 0; padding: 0; list-style-type: none; } a, img { border: 0; } body { margin: 0px; font-family: '微软雅黑'; } p { padding: 0px; margin: 0px; } a:link, a:hover, a:visited { text-decoration: none; } li { list-style: none; } .top { width: 100%; height: 90px; background-color: #ffffff; } .top_f { width: 1450px; height: 90px; margin: 0px auto; } .top_logo { width: 300px; height: 90px; float: left; text-align: center; } .top_logo a img { margin-top: 18px; } .top_xl { width: 940px; height: 90px; float: right; position: relative; z-index: 90; } /*nav*/ #nav { width: 100%; height: 90px; } #nav .jquery_out { float: left; line-height: 32px; display: block; text-align: center; color: #fff; font: 18px/32px; background: #062723; } #nav .jquery_out .smile { padding-left: 1em; } #nav .jquery_inner { margin-left: 16px; } #nav .jquery { margin-right: 1px; padding: 0 2em; } #nav .mainlevel { background: #ffffff; float: left; border-right: 1px solid #fff; width: 113px; /*ie6 only*/ } #nav .mainlevel .z { font-size: 14px; color: #000; text-decoration: none; line-height: 21px; display: block; width: 113px; height: 87px; border: 1px #ffffff solid; text-align: center; } #nav .mainlevel:hover, #nav .mainlevel a.cur { color: #fff; text-decoration: none; background: red; } #nav .mainlevel:hover .z { color: #fff; } #nav .mainlevel ul { display: none; position: absolute; } #nav .mainlevel li { border-top: 1px solid #fff; /*ie6 only*/ } #nav .xl a:hover { background: rgba(147, 141, 141, 0.3); color: #000000; } .xl a { border-bottom: #ffffff; background-color: rgba(255, 255, 255, 0.45); color: #000000; height: 40px; display: block; width: 113px; text-align: center; line-height: 41px; } #nav .mainlevel .z div { margin-top: 20px; } .d_2b { width: 100%; height: 780px; background: url(/uploads/image/tyimg/d2.png) no-repeat; background-size: 100% 100%; } .bottom_footer { width: 100%; height: 340px; background: #33302f; } .maine { width: 1200px; margin: 0px auto; } .minq { position: relative; top: 35px; height: 240px; margin-bottom: 5px; } .shuoming { float: left; margin-left: 121px; } .minq dl { width: 200px; float: left; } .minq dl dt { color: #b9b5b5; width: 100px; font-size: 14px; font-weight: 800; padding-bottom: 15px; } .minq dl dd { color: #9b9a9a; font-size: 12px; font-weight: 800; padding-bottom: 8px; } .minq dl dd a { color: #666666; font-size: 12px; font-weight: 800; padding-bottom: 8px; } .lainxi { float: right; position: relative; right: 80px; } .lainxi li { font-size: 14px; color: #ffffff; line-height: 34px; } .lainxi .zd { font-size: 24px; } .zuixia { position: relative; z-index: 66; width: 1200px; margin-left: auto; margin-right: auto; height: 70px; } .er { height: 30px; } .er ul li { color: #999999; font-weight: 800; text-align: center; } .er ul li span a { font-size: 12px; padding-left: 1px; color: #cccccc; } .er ul li span .fi { margin-left: 5px; font-size: 12px; } .ew { text-align: center; } .ew p { margin-top: 10px; color: #ccc; font-size: 14px; } .ew p a { font-size: 14px; color: #c4c4c4; } .zy-slide { font-size: 12px; position: relative; width: 754px; height: 292px; margin: 0px auto 0; top: 30%; } .zy-slide ul { position: relative; width: 754px; height: 292px; margin: 0; padding: 0; } .zy-slide li { position: absolute; list-style: none; width: 0; height: 0; top: 146px; left: 377px; z-index: 0; cursor: pointer; border-radius: 3px; margin: 0; padding: 0; } @media all and (min-width:0) { .zy-slide li .t1 { -webkit-transform: scaley(-1); -moz-transform: scaley(-1); -ms-transform: scaley(-1); -o-transform: scaley(-1); transform: scaley(-1); } } .zy-slide li div { height: 50px; overflow: hidden; } .zy-slide li .t1 { height: 200px; -webkit-transform: scaley(-1); -moz-transform: scaley(-1); -ms-transform: scaley(-1); -o-transform: scaley(-1); transform: scaley(-1); filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; } .zy-slide li img { width: 100%; height: 100%; vertical-align: middle; } .zy-slide section:nth-child(1), .zy-slide section:nth-child(2) { position: absolute; top: 50%; width: 39px; height: 40px; margin-top: -20px; cursor: pointer; line-height: 40px; padding-left: 12px; padding-right: 12px; } .zy-slide section:nth-child(1) { left: -73px; } .zy-slide section:nth-child(2) { right: -80px; } @media only screen and (max-width: 1440px) { .top_f { width: 100%; height: 90px; margin: 0px auto; } #nav { width: 100%; height: 90px; } #divm{ right: 33% !important; bottom: 41% !important; } } .vui-slider { width: 100% !important; } #slider { width: 100% !important; } /* focus_box */ #focus_box { position: relative; width: 816px; height: 340px; margin: 0px auto; top: 50px; } #focus_box ul { position: relative; width: 816px; height: 340px } #focus_box li { z-index: 0; position: absolute; width: 0px; height: 0px; top: 146px; cursor: pointer; left: 377px; } #focus_box li:nth-child(1) { transform: perspective(600px) rotatey(25deg); } #focus_box li:nth-child(2) { transform: perspective(600px) rotatey(25deg); } #focus_box li:nth-child(4) { transform: perspective(600px) rotatey(-25deg); } #focus_box li:nth-child(5) { transform: perspective(600px) rotatey(-25deg); } #focus_box li img { width: 100%; background: url(/uploads/image/tycimg/loading.gif) no-repeat center 50%; height: 100%; vertical-align: top } #focus_box li div { height: 50px; overflow: hidden; } #focus_box li .t1 { height: 200px; -webkit-transform: scaley(-1); -moz-transform: scaley(-1); -ms-transform: scaley(-1); -o-transform: scaley(-1); transform: scaley(-1); filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; } #focus_box .prev, #focus_box .next { display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 52px; height: 77px; top: 131px; } #focus_box .prev { background: url(/uploads/image/tyimg/z.png) left bottom no-repeat; left: -60px } #focus_box .next { background: url(/uploads/image/tyimg/y.png) right bottom no-repeat; right: -60px } #focus_box a.imgs-scroll-btn { display: block; position: absolute; z-index: 110; top: 7px; right: 15px; width: 51px; height: 23px; overflow: hidden; background: url(/uploads/image/tycimages/share-btn.png) no-repeat; text-indent: -999px; } .tt { text-align: center; position: relative; top: 28px } .about_tt { text-align: center; position: relative; } .about_tt img{ } /*圆点*/ .cir_box { overflow: hidden; position: absolute; z-index: 100; bottom: 2% !important; } .cir_box li { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; float: left; width: 50px; height: 12px; margin: 0 5px; cursor: pointer; background: #fff; opacity: 0.8; filter: alpha(opacity=80); } .cir_on { background: red !important; } /*按钮*/ .lubo_btn { position: absolute; width: 100%; top: 140px; } .left_btn, .right_btn { display: none; width: 30px; height: 80px; background: #000; opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .left_btn { float: left; } .right_btn { float: right; } .a_banner { width: 100%; height: 350px; } .a_banner img{ width: 100%; } .about_t { width: 1150px; height: auto; margin: 0px auto; } .about_w { width: 1200px; height: auto; margin: 0px auto; } .about_lie ul li { float: left; margin-right: 15px; width: 100px; height: 35px; } .about_lie ul li a { color: #000000; font-size: 16px; text-align: center; display: block; } .about_lie { margin-top: 23px; width: 1200px; height: 50px; } .about_jt { margin-top: 12px; width: 102px; height: 2px; background: red; display: none; } .about_lie ul li a:hover { color: red; } .about_lie ul li:hover { border-bottom: 2px red solid; } .about_gs { line-height: 34px; height: 380px; width: 100%; } .about_gs ul li { width: 550px; } .about_gw { line-height: 34px; height: 315px; width: 100%; } .about_gw ul li { width: 520px; } .gsy1 { float: left; } .gsw1 { float: left; width: 450px !important; } .gsy { height: 200px; position:relative; top:62px; float: right; } .gsg { float: left; } .gsy_1{ font-size: 14px; line-height: 23px; color: #666666; } .gsy_2{ color: #3b3939; font-size: 20px; } .ss1{ float: left; height: 220px; } .ss2{ float: right; } .hengxian{ width: 81px; height: 2px; background-color: #3b3939; margin-bottom: 10px; } .about_ln{ line-height: 32px; width: 1200px; margin: 0px auto; height: 300px; } .gln{ float: left; width: 705px; position: relative; top:25px; } .gln2{ float: right; border: 1px #e3dede solid; } .gjy{ width: 500px; float: right; } .jyln{ position:relative; top:31px; } .jyln1{ margin-top: 30px; } .jyrs{ margin-bottom: 83px; } @media only screen and (max-width: 1440px) { .a_banner{ height: auto; } .kehua{ height: auto !important; } } .qyry{ width: 1200px; margin: 0px auto; text-align: center; height: auto; display: table; margin-bottom: 81px; } .qyry ul li{ margin-right: 23px; margin-bottom: 15px; float: left; } .qyry ul li div{ display: table-cell; vertical-align:middle; text-align: center; border: 1px #999999 solid; width: 269px; height: 343px; } .qyry ul li p{ margin-top: 10px; font-size: 16px; color: #666666; } .qyry ul li div img{ margin:0px auto; vertical-align:middle; } .ru{ width: 1200px; } .qyry ul li div:hover{ border: 1px red solid; } .qyry ul li div{cursor:pointer;} .about_news { margin-top: 23px; width: 1200px; height: 404px; margin-bottom: 60px; } .about_news div{ width: 573px; height: 404px; } .news_1{ float: left; } .news_2{ float: right; } .news_2 video{ margin-top: 15px; width: 573px; height: 365px; position:relative; } .xwtt{ float: right; width: 370px !important; height:155px !important; } .xwtp{ height:155px !important; float: left; width: 200px !important; } .xwtp a img{ width: 191px; height: 145px; } .xwtt_1 a{ font-size: 12px; color: #666666; } .xwtt_1{ line-height: 23px !important; margin-top: 25px; } .xwtt_2 a{ font-size: 16px; color: red; } .news_1 .news_ul { margin-top: 15px; overflow: hidden; width: 573px; height: 404px; } .news_1 .news_ul li{ color: #6d6a6a; /*list-style-type: disc;*/ font-size: 13px ; } .news_1 .news_ul .news_li a{ line-height:30px; color: #6d6a6a; font-size: 13px ; position: relative; left: -8px; } .news_1 .news_ul .news_li a:hover{color: red;} .news_1 .news_ul .news_li{ margin-left: 12px; width: 560px; } .news_1 .news_ul li span{ float: right; } .lia{ list-style-type: none !important; } .lia div ul li{ list-style-type: none !important; } .oo{ border: none; background: url(/uploads/image/tyimg/zuo.png) no-repeat center; width: 32px; height: 25px; float: right; position:relative; top:-35px; } .you{ border: none; background: url(/uploads/image/tyimg/you.png) no-repeat center; width: 32px; height: 25px; float: right; position:relative; top:-35px; margin-right: 9px; } #paren{ width: 573px; height: 404px; overflow: hidden; } .syou{ border: none; background: url(/uploads/image/tyimg/you.png) no-repeat center; width: 32px; height: 25px; float: right; position:relative; margin-right: 9px; } .soo{ border: none; background: url(/uploads/image/tyimg/zuo.png) no-repeat center; width: 32px; height: 25px; float: right; position:relative; } .sp{ position: relative; top: -16px; } .kehu{ width: 100%; height: 885px; background: #015e32; } .kehua{ height: 345px ; background: #015e32; } .kehutu{ margin-top: 15px !important; } .kehudibu{ position: relative; bottom: -35px; } .xm1 ul li div{ width: 490px; height: 340px; } .xm1 { width: 100%; height: 380px; } .xm1_y{ float: left; position:relative; top:80px; width: 420px !important; } .xm1_z{ float: right; } .xm2_y{ float: right; position:relative; top:80px; } .xm2_z{ float: left; } .xm1_title{ font-size: 20px; color: #333333; margin-bottom: 5px; } .xm1_content{ font-size: 14px; line-height: 23px; color: #666666; } .xm2_title{ height: 29px; font-size: 20px; color: #333333; margin-bottom: 5px; } .xm2_content{ font-size: 14px; line-height: 23px; color: #666666; float: right; } .hengy { width: 300px !important; float: right; } .xm2_title a{ float: right; } .hy{ float: right; } .lxfs{ font-size: 18px; color: #3b3939; margin-bottom: 5px; } .lxfs2{ font-size: 14px; color: #666666; } .lxfs_div{ width: 1100px; margin: 0px auto; margin-bottom: 35px; } .zs{ margin-top: 65px; } .jingxiaoheng{ margin-top: 32px; } .jingxiao{ width: 1200px; margin: 0px auto; display: table; } .jsp{ margin-top: 29px; font-size: 16px; color: #6d6a6a; } .jx{ height: 327px; width: 1100px; margin:0px auto; margin-top: 42px; } .jx_1{ float: left; width: 440px; } .jx_2{ position: relative; top: 71px; float: right; width: 570px; } .jx2{ margin-top: 0px; } .jx2_1{ float: right; width: 440px; } .jx2_2{ position: relative; top: 71px; float: left; width: 570px; } .jx2_z{ float: right; } .zzw{ margin-bottom: 73px; } .jrwm{ width: 1200px; margin: 0px auto; margin-top: 30px; display: table; } .jrwm ul p{ font-size: 14px; line-height: 25px; color: #6d6a6a; } .jrwm2{ width: 1200px; margin: 0px auto; margin-top: 20px; display: table; } .jrwm2 ul p{ font-size: 14px; line-height: 25px; color: #6d6a6a; } table{text-align: center;font-size:16px;margin:0px auto;border: 2px #cccccc solid;border-collapse: collapse;} table th{background-color:#00b791;color:#fff;height: 45px;} table tr td {border: 2px #cccccc solid; padding: 10px 10px 10px 10px; color: #3b3939;} .dibu{ margin-bottom: 80px; } .ny_1{ width: 1200px; margin: 0px auto; height: auto; display: table; } .ny_2{ width: 220px; /*height: 300px;*/ float: left; } .ny_2 p{ font-size: 16px; font-family: "黑体" !important; } .ny_2 ul li{ font-size: 14px; margin-bottom: 10px; display: table; } .ny_2 ul { margin-top: 20px; } .ny_2 ul li a{ color: #666666; } .ny_2 ul li a:hover{ color: red; } .ny_2 ul li i{ margin-right: 5px; } .ny_3{ width: 880px; display: table; float: left; } .ny_3 p{ font-size: 14px; color: #3b3939; line-height: 25px; } .ny_3 { margin-bottom: 80px; } .fz{ width: 100%; height:800px; display: table; background:url(/uploads/image/tyimg/fzbj.png); background-size: 100% 100%; } .time_base{ margin-top: 50px; width: 1200px; position: relative; margin: 0px auto; } .t_b_line{ width: 2px; background-color: #666666; position: absolute; left: 599px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .t_b_bt{ padding-top: 8px; } .t_b_bt>div, .t_b_bt_s{ height: 0px; width: 0px; border: 6px #666666 solid; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin: 0px auto; } .t_b_bt_s{ box-shadow: rgba(0,0,0,0.4) 0px 0px 0px 3px; display: inline-block; margin-left: 15px; cursor: pointer; } .t_b_title{ height: 60px; } .t_b_p{ width: 380px; font-size: 16px; padding-left: 20px; } .t_b{ width: 100%; min-height: 85px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; } .t_b_right{ width: 570px; position: absolute; right: 0px ; } .t_b_left{ position: absolute; right: 625px; } .t_b_left>div, .t_b_right>div{ display: table-cell; text-align: left; } .t_b_y{ position: absolute; font-size: 26px; font-weight: bold; color: #666666; right: 594px; } .triangle{ width: 0px; height: 0px; border-left: 6px solid #666666; border-top: 6px solid transparent; border-bottom: 6px solid transparent; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .t_b_c{ } .t_bs{ display: none; } .rotate{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } .ffz{ margin-bottom: 80px; } .t_b_left>div, .t_b_right>div { color: #666666; } .news_w{ width: 1200px !important; } @media only screen and (max-width:1200px ) { #divm { bottom: 50% !important; width:80% !important; left:700px !important; } } @media only screen and (max-width:1024px ) { .top_logo { width:220px !important; } .top_xl{ float:none; } #nav .mainlevel { background: #ffffff; float: left; border-right: 1px solid #fff; width: 9.9%; } #nav .mainlevel .z { font-size: 14px; color: #000; text-decoration: none; line-height: 21px; display: block; width: 100%; height: 87px; border: 1px #ffffff solid; text-align: center; } } @media only screen and (max-width:1280px ) { .lainxi{ display:none; } #nav .mainlevel { background: #ffffff; float: left; border-right: 1px solid #fff; width: 10%; } } @media only screen and (max-width:1440px ) { .top_xl{ float:none; } .top_xl{ width:100%; } .zuixia{ width:100%; } .maine{ } } .xzan{ width:60px; height:22px; display:block; background: url(/uploads/image/tyimg/xiazai.png) no-repeat center; } button{boder:none;} input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}