body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, select, input, textarea, p, blockquote, table, th, td, hr, button { margin: 0; padding: 0; }

body, select, input, textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif; word-wrap: break-word; word-break: break-all; }

address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }

ol, ul, li { list-style: none; }

img, input { border: 0 none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: inherit; margin: 0 auto; }

a:focus { outline-style: none; }

a, area { color: #009bf0; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: none; }

.container-fluid { margin: 0; padding: 0; }

.container { width: 1240px; }

.clear { clear: both; width: 100%; }

#top { height: 110px; background: #fff; transition: 0.8s all; -webkit-transition: 0.8s all; -moz-transition: 0.8s all; -ms-transition: 0.8s all; }
#top .top_t { background: #0489a3; color: #fff; height: 36px; line-height: 36px; font-size: 13px; text-align: right; }
#top .top_t a { color: #fff; padding: 0 10px; }
#top .top_t a img { width: 28px; margin-right: 10px; }
#top .top_t span i { background: #003176; display: inline-block; width: 36px; height: 36px; text-align: center; margin-right: 15px; }
#top .top_t span i img { height: 20px; }
#top .nav { height: 74px; line-height: 74px; }
#top .nav .logo { float: left; margin-top: 8px; }
#top .nav ul.maue { float: right; }
#top .nav ul.maue li { float: left; height: 74px; line-height: 74px; padding: 0 20px; transition: 0.8s all; -webkit-transition: 0.8s all; -moz-transition: 0.8s all; -ms-transition: 0.8s all; }
#top .nav ul.maue li a { color: #494949; font-size: 14px; display: block; }
#top .nav ul.maue li:hover, #top .nav ul.maue .active { background: #0489a3; }
#top .nav ul.maue li:hover a, #top .nav ul.maue .active a { color: #fff; font-weight: 600; }

.top1 { margin-top: -110px; position: fixed; width: 100%; z-index: 9999; }

.top2 { margin-top: 0; }

/* slide */
.slide-main { height: 567px; position: relative; }

.prev, .next { display: block; width: 44px; height: 44px; position: absolute; z-index: 222; top: 267px; overflow: hidden; cursor: pointer; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); _border: 1px solid none; }

.prev { left: 70px; }

.next { right: 70px; }

.prev:hover, .next:hover, .nav-main a:hover, .nav-main a.cur { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

.item { display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 540px; left: 0; text-align: center; }

.item a { display: inline-block; width: 24px; height: 5px; margin-right: 11px; background: #444; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); overflow: hidden; }

.item a.cur { background: #fff; }

.slide-box, .slide { display: block; width: 100%; height: 580px; overflow: hidden; }

.slide-box { position: relative; }

.slide { display: none; height: 567px; padding-top: 89px; background: #ff6900; position: relative; position: absolute; z-index: 8; }

#bgstylea { background: url(../images/banner.jpg)no-repeat center; animation-name: scode 0.8s; -webkit-animation: scode 0.8s; -moz-animation: scode 0.8s; }

#bgstyleb { background: url(../images/banner1.jpg)no-repeat center; }

#bgstylec { background: url(../images/banner2.jpg)no-repeat center; }

.slide a { display: block; width: 100%; height: 490px; cursor: pointer; }

.obj-a { position: absolute; z-index: 9; left: 0%; }

.obj-b, .obj-c, .obj-d, .obj-e, .obj-f { position: absolute; z-index: 9; left: 50%; }

.obj-a, .obj-b { width: 921px; text-align: center; }

.obj-a { display: block; height: 221px; top: 230px; }

.obj-b { top: 250px; height: 178px; text-align: right; position: absolute; left: 0; padding-right: 70px; }

.obj-c { display: block; height: 582px; top: 0; margin-left: -540px; }

.obj-d { top: 228px; height: 164px; }

.obj-d p { display: block; padding-top: 20px; font-size: 16px; color: #fff; clear: both; }

.obj-e { width: 366px; height: 170px; margin-left: -460px; top: 223px; z-index: 12; }

.obj-f { width: 692px; height: 394px; top: 158px; margin-left: -180px; }

.banAnimate .obj-a { display: block; animation-name: baoAni; -webkit-animation: baoAni 0.4s linear 0s normal none; -moz-animation: baoAni 0.4s linear 0s normal none; animation: baoAni 0.4s linear 0s normal none; }

@-webkit-keyframes baoAni { from { opacity: 0; left: 10%; }
  to { opacity: 1; left: 0%; } }
@-moz-keyframes baoAni { from { opacity: 0; left: 10%; }
  to { opacity: 1; left: 0%; } }
@keyframes baoAni { from { opacity: 0; left: 10%; }
  to { opacity: 1; left: 0%; } }
.banAnimate .obj-b { display: block; animation-name: saAni; -webkit-animation: saAni 0.4s linear 0s normal none; -moz-animation: saAni 0.4s linear 0s normal none; animation: saAni 0.4s linear 0s normal none; }

@-webkit-keyframes saAni { from { opacity: 0; -webkit-transform: scale(0, 0); }
  to { opacity: 1; -webkit-transform: scale(1, 1); } }
@-moz-keyframes saAni { from { opacity: 0; -moz-transform: scale(0, 0); }
  to { opacity: 1; -moz-transform: scale(1, 1); } }
@keyframes saAni { from { opacity: 0; transform: scale(0, 0); }
  to { opacity: 1; transform: scale(1, 1); } }
.watch-code.code-show { display: block; animation-name: scode; -webkit-animation: scode 0.3s linear 0s normal none; -moz-animation: scode 0.3s linear 0s normal none; animation: scode 0.3s linear 0s normal none; }

@-webkit-keyframes scode { from { opacity: 0; -webkit-transform: scale(1.1, 1.1); }
  to { opacity: 1; -webkit-transform: scale(1, 1); } }
@-moz-keyframes scode { from { opacity: 0; -moz-transform: scale(1.1, 1.1); }
  to { opacity: 1; -moz-transform: scale(1, 1); } }
@keyframes scode { from { opacity: 0; transform: scale(1.1, 1.1); }
  to { opacity: 1; transform: scale(1, 1); } }
.banAnimate .obj-c, .banAnimate .obj-e { display: block; animation-name: saAnic; -webkit-animation: saAnic 0.3s linear 0s normal none; -moz-animation: saAnic 0.3s linear 0s normal none; animation: saAnic 0.3s linear 0s normal none; }

@-webkit-keyframes saAnic { from { opacity: 0; left: 47%; }
  to { opacity: 1; left: 50%; } }
@-moz-keyframes saAnic { from { opacity: 0; left: 47%; }
  to { opacity: 1; left: 50%; } }
@keyframes saAnic { from { opacity: 0; left: 47%; }
  to { opacity: 1; left: 50%; } }
.banAnimate .obj-d, .banAnimate .obj-f { display: block; animation-name: saAnid; -webkit-animation: saAnid 0.3s linear 0s normal none; -moz-animation: saAnid 0.3s linear 0s normal none; animation: saAnid 0.3s linear 0s normal none; }

@-webkit-keyframes saAnid { from { opacity: 0; left: 53%; }
  to { opacity: 1; left: 50%; } }
@-moz-keyframes saAnid { from { opacity: 0; left: 53%; }
  to { opacity: 1; left: 50%; } }
@keyframes saAnid { from { opacity: 0; left: 53%; }
  to { opacity: 1; left: 50%; } }
#h_about { margin-top: 65px; margin-bottom: 0; }
#h_about .a_left { width: 670px; float: left; }
#h_about  h2 { font-family: arial; font-size: 32px; color: #0489a3; line-height: 24px; margin-bottom:40px}
#h_about  h2 span { font-family: "microsoft yahei"; font-size: 16px; color: #9d9f9f; }
#h_about .a_left .a_main { background: #0489a3; font-size: 14px; color: #fff;padding:86.5px 30px 86px 30px; line-height: 26px; }
#h_about .a_left .a_main a { color: #fff; font-size: 14px; line-height: 28px; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; padding-top: 20px; }
#h_about .a_left .a_main a span { color: #003176; padding-left: 10px; }
#h_about .a_left .a_main a:hover { margin-left: 10px; }
#h_about .a_right { width: 540px; height: 501px; float: right; }
#h_about .a_right .content { width: 540px; height: 501px; }
#h_about .a_right .content .slider { width: 540px; }
#h_about .about_main { width: 100%; overflow: hidden; }
#h_about .about_main .videoPlayer { width: 945px; margin: 0; padding: 0; float: left; }
#h_about .about_main #video { width: 945px; height: auto; margin: 0; }
#h_about .about_main #videoControls { width: 945px; margin-top: 0px; }
#h_about .about_main .show { opacity: 1; }
#h_about .about_main .hide { opacity: 0; }
#h_about .about_main .clear { clear: both; }
#h_about .about_main #progressWrap { position: absolute; z-index: 999; width: 945px; margin-top: -5px; background-color: #f4f4f4; height: 2px; cursor: pointer; }
#h_about .about_main #playProgress { background-color: #202020; width: 0px; height: 1px; border-right: 1px solid #c4c4c4; }
#h_about .about_main #showProgress { background-color: #202020; font-weight: 600; font-size: 20px; line-height: 25px; }
#h_about .about_main body div.videobox video.video { width: 945px; height: 100%; }
#h_about .about_main :-webkit-full-screen video { width: 945px; height: 100%; }
#h_about .about_main :-moz-full-screen video { width: 945px; height: 100%; }
#h_about .about_main .btn { width: 945px; position: absolute; margin-top: -60px; }
#h_about .about_main .btn .btn_bg { width: 100px; height: 24px; border-radius: 20px; float: right; margin-right: 60px; text-align: center; background: rgba(255, 255, 255, 0.2); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#22ffffff', EndColorStr='#22ffffff'); }
#h_about .about_main .btn img { width: 15px; margin: 4px 10px; }
#h_about .about_main .a_main_r { padding: 10px 20px; width: 265px; border: 3px solid #afb4b5; float: right; border-left: none; }
#h_about .about_main .a_main_r h2 { font-family: arial; font-size: 32px; color: #0489a3; line-height: 24px; margin-bottom: 40px; }
#h_about .about_main .a_main_r h2 span { font-family: "microsoft yahei"; font-size: 16px; color: #9d9f9f; }
#h_about .about_main .a_main_r p { font-size: 13px; color: #494949; font-family: arial; line-height: 26px; }

#product { margin-top: 60px; background: url(../images/home_pro_bg.jpg) no-repeat top center; height: 460px; padding-top: 80px; }
#product .yScrollList { width: 1240px; height: 400px; }
#product .yScrollListTitle { width: 1120px; height: 60px; line-height: 60px; margin-bottom: 20px; margin-left: 60px; }
#product .yScrollListTitle h1 { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; cursor: pointer; font-size: 16px; line-height: 60px; color: #fff; height: 60px; float: left; width: 235px; text-align: center; background: #aaaaaa; margin-right: 60px; }
#product .yScrollListTitle h1 img { width: 40px; margin-right: 10px; }
#product .yScrollListTitle h1.yth1click { background: #0489a3; }
#product .yScrollListTitle a { color: #fff; font-size: 14px; font-family: arial; }
#product .yScrollListTitle a:hover { text-decoration: underline; }
#product .yScrollListTitle h2 { font-family: arial; font-size: 32px; color: #fff; line-height: 24px; float: right; }
#product .yScrollListTitle h2 span { font-family: "microsoft yahei"; font-size: 16px; color: #9d9f9f; }
#product .yScrollListIn { width: 100%; height: 224px; position: relative; }
#product .yScrollListInList { display: none; width: 1240px; height: 330px; position: absolute; left: 0; top: 0; padding-left: 30px; overflow: hidden; }
#product .yScrollListInList .yScrollListbtn { cursor: pointer; position: absolute; width: 29px; height: 47px; z-index: 999; margin-top: 91px; }
#product .yScrollListInList .yScrollListbtnr { background: url(../images/pro_right.png) no-repeat; right: 5px; }
#product .yScrollListInList .yScrollListbtnl { background: url(../images/pro_left.png) no-repeat; left: 5px; }
#product .yScrollListInList ul { width: 3720px; height: 330px; position: absolute; top: 0; overflow: hidden; }
#product .yScrollListInList ul li { width: 235px; float: left; margin: 0 30px; overflow: hidden; }
#product .yScrollListInList ul li img { width: 235px; display: block; border: 1px solid #dadada; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; }
#product .yScrollListInList ul li p { margin: 0; text-align: center; font-size: 16px; width: 235px; height: 40px; overflow: hidden; background: #0489a3; color: #fff; line-height: 40px; }
#product .yScrollListInList ul li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -transform: scale(1.05); }

.vui-slider { position: relative; overflow: hidden; background: #999; }

.vui-slider .vui-items { overflow: hidden; width: 100%; height: 100%; }

.vui-slider .vui-item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.vui-slider .vui-item a, .vui-slider .vui-item img { display: block; padding: 0; margin: 0; border: none; }

.vui-slider .vui-buttons { position: absolute; z-index: 5; bottom: 16px; left: 50%; float: left; display: inline; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.vui-slider .vui-button { float: left; display: inline; overflow: hidden; height: 12px; width: 12px; margin: 0 10px; padding: 0; border: none; border-radius: 6px; background: #FFF; cursor: pointer; }

.vui-slider .vui-button-cur { background-color: #C00; }

.vui-slider .vui-transfer { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }

.vui-slider .vui-prev { position: absolute; top: 50%; left: 0; z-index: 5; width: 60px; height: 150px; margin-top: -75px; border-radius: 0 10px 10px 0; background: url(../images/prev.gif) no-repeat; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

.vui-slider .vui-next { position: absolute; top: 50%; right: 0; z-index: 5; width: 60px; height: 150px; margin-top: -75px; border-radius: 10px 0 0 10px; background: url(../images/next.gif) no-repeat; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

.vui-slider .vui-sidebutton-hover { filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; background-color: #000; }

#news { margin-top: 40px; }
#news h2 { font-family: arial; font-size: 32px; color: #0489a3; line-height: 24px; float: left; }
#news h2 span { font-family: "microsoft yahei"; font-size: 16px; color: #9d9f9f; }
#news .more { float: right; color: #0489a3; font-size: 14px; }
#news ul { width: 100%; height: auto; overflow: hidden; margin-top: 40px; }
#news ul li { width: 285px; margin: 0 8px; float: left; }
#news ul li .box { width: 285px; height: 130px; margin-bottom: 20px; overflow: hidden; }
#news ul li .box img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; width: 100%; }
#news ul li span { background: #555555; color: #fff; padding: 5px 15px; font-size: 16px; }
#news ul li h3 { font-family: arial; color: #343333; font-weight: 600; font-size: 13px; line-height: 28px; margin-top: 15px; margin-bottom: 5px; }
#news ul li p { color: #494949; line-height: 24px; }
#news ul li i { font-size: 20px; color: #494949; }
#news ul li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -transform: scale(1.05); }
#news ul li:hover span { background: #0489a3; }
#news ul li:hover i { color: #0489a3; }

#contact { background: #0489a3; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; }
#contact h2 { font-family: arial; font-size: 32px; color: #fff; line-height: 24px; float: left; }
#contact h2 span { font-family: "microsoft yahei"; font-size: 16px; color: #9d9f9f; }
#contact ul.c_main { width: 100%; height: auto; overflow: hidden; margin-top: 40px; }
#contact ul.c_main li { float: left; width: 360px; margin-right: 20px; }
#contact ul.c_main li h3 { color: #00b6da; font-size: 16px; font-weight: 600; font-family: arial; margin-bottom: 20px; }
#contact ul.c_main li .tel { font-size: 22px; color: #fff; height: 40px; line-height: 40px; }
#contact ul.c_main li p { line-height: 40px; color: #b6b6b6; }
#contact ul.c_main li p i { display: block; width: 20px; height: 100%; float: left; margin-right: 20px; }
#contact ul.c_main li p i img { width: 20px; }
#contact ul.c_main li p span { display: block; width: 310px; float: right; }
#contact ul.c_main li p a { color: #67e3fb; }

#footer { background: #015a6b; padding: 15px 0; }
#footer p { float: left; color: #b6b6b6; font-size: 13px; }
#footer a { color: #B6B6B6; float: right; }
#footer a:hover { text-decoration: underline; }

.n_ban { background: url(../images/n_ban.jpg) center no-repeat; height: 363px; width: 100%; margin-bottom: 0; }

#main { margin-top: 40px; }
#main .left { width: 280px; float: left; }
#main .left h2 { background: #0489a3; color: #fff; height: 40px; line-height: 40px; padding: 0 15px; font-size: 22px; font-family: arial; }
#main .left h2 span { font-size: 13px; color: #cdcdcd; font-family: "microsoft yahei"; padding-left: 10px; }
#main .left .nav, #main .left .navbar-nav { border: 1px solid #e1e1e1; float: none; overflow: hidden; width: 100%; height: auto; }
#main .left .nav li, #main .left .navbar-nav li { line-height: 38px; border-bottom: 1px solid #e1e1e1; width: 100%; min-height: 38px; }
#main .left .nav li a, #main .left .navbar-nav li a { display: block; color: #494949; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; font-size: 15px; padding: 0 15px; text-decoration: none; width: 100%; height: 38px; line-height: 38px; font-weight: 600; }
#main .left .nav li:hover a, #main .left .navbar-nav li:hover a { text-decoration: none; color: #0489a3; }
#main .left .nav li:hover ul li a, #main .left .navbar-nav li:hover ul li a { font-weight: 500; color: #494949; }
#main .left .nav li ul, #main .left .navbar-nav li ul { border: none; background: #f8f8f8; position: initial; width: 100%; height: auto; box-shadow: none; }
#main .left .nav li ul li, #main .left .navbar-nav li ul li { border-bottom: none; }
#main .left .nav li ul li a, #main .left .navbar-nav li ul li a { font-size: 13px; font-weight: 500; }
#main .left .nav li ul li a:hover, #main .left .nav li ul li a.active1, #main .left .navbar-nav li ul li a:hover, #main .left .navbar-nav li ul li a.active1 { color: #0489a3; padding-left: 20px; }
#main .left .nav .active a, #main .left .navbar-nav .active a { text-decoration: none; color: #0489a3; font-weight: 600; }
#main .left .nav .active ul, #main .left .navbar-nav .active ul { display: block; }
#main .left .nav .active ul li a, #main .left .navbar-nav .active ul li a { font-weight: 500; color: #494949; font-size: 13px; }
#main .left .l_con { border: 1px solid #e1e1e1; padding: 15px; overflow: hidden; clear: both; }
#main .left .l_con p.tel { font-size: 22px; color: #494949; height: 38px; line-height: 38px; }
#main .left .l_con p { height: auto; line-height: 38px; font-size: 13px; }
#main .left .l_con p i { display: block; width: 20px; height: 100%; float: left; margin-right: 23px; }
#main .left .l_con p i img { width: 20px; }
#main .left .l_con p span { display: block; width: 200px; float: right; }
#main .right { width: 920px; float: right; }
#main .right h2 { height: 40px; line-height: 40px; padding: 0px; font-size: 22px; font-family: arial; color: #0489a3; border-bottom: 1px solid #e1e1e1; }
#main .right h2 .breadcrumb { padding: 0; margin: 0; float: right; background: none; }
#main .right h2 .breadcrumb li { font-size: 12px; }
#main .right .n_main { margin: 15px 0; line-height: 26px; font-size: 13px; font-family: arial; color: #494949; }
#main .right .n_main p { margin-bottom: 10px; }
#main .right .n_main .n_title { font-size: 13px; color: #343333; height: 56px; text-align: left; line-height: 28px; overflow: hidden; font-weight: 600; border-bottom: 1px solid #e1e1e1; }
#main .right .n_main .n_title span { color: #b9b9b9; font-weight: 500; font-size: 12px; padding-right: 20px; }
#main .right .n_main .news { width: 100%; }
#main .right .n_main .news li { width: 100%; height: 130px; margin-bottom: 20px; }
#main .right .n_main .news li .box { width: 285px; height: 130px; float: left; overflow: hidden; }
#main .right .n_main .news li .box img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; width: 100%; }
#main .right .n_main .news li .n_main { width: 635px; float: right; height: 130px; overflow: hidden; margin: 0; padding: 10px; background: #f8f8f8; overflow: hidden; }
#main .right .n_main .news li .n_main h3 { font-size: 13px; color: #343333; height: 28px; text-align: right; line-height: 28px; overflow: hidden; font-weight: 600; }
#main .right .n_main .news li .n_main h3 span { float: left; background: #555555; color: #fff; padding: 0 15px; font-size: 16px; font-weight: 500; }
#main .right .n_main .news li .n_main p { margin-bottom: 0; margin-top: 10px; }
#main .right .n_main .news li .n_main i { padding-left: 5px; }
#main .right .n_main .news li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -transform: scale(1.05); }
#main .right .n_main .news li:hover span { background: #0489a3; }
#main .right .n_main .news li:hover i { color: #0489a3; }
#main .right .n_main .fy { width: 100%; height: auto; overflow: hidden; border-top: 1px solid #e1e1e1; margin-top: 30px; }
#main .right .n_main .fy .pager li { width: 920px; height: 36px; float: left; text-align: left; }
#main .right .n_main .fy .pager li a { border: none; display: block; color: #494949; padding: 0; border-radius: 0px; }
#main .right .n_main .fy .pager li a span { color: #0489a3; }
#main .right .n_main .fy .pager li a:hover { background: none; border-bottom: 1px dashed #0489a3; }
#main .right .n_main .pro { width: 100%; height: auto; }
#main .right .n_main .pro li { width: 275px; float: left; margin: 0 15px; margin-bottom: 15px; overflow: hidden; }
#main .right .n_main .pro li img { width: 275px; display: block; border: 1px solid #dadada; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; }
#main .right .n_main .pro li p { margin: 0; text-align: center; font-size: 16px; width: 275px; height: 40px; overflow: hidden; background: #0489a3; color: #fff; line-height: 40px; }
#main .right .n_main .pro li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -transform: scale(1.05); }
#main .right .n_main .box1 { width: 600px; float: left; }
#main .right .n_main .box1 .left-pro { width: 600px; padding: 20px 10px; text-align: left; float: left; }
#main .right .n_main .box1 .left-pro .t1 { width: 140px; float: left; }
#main .right .n_main .box1 .left-pro .t2 { width: 434px; text-indent: 0; float: left; padding: 10px; border: 1px solid #e1e1e1; height: 434px; }
#main .right .n_main .box1 .left-pro .t2 img { text-indent: 0; width: 390px; }
#main .right .n_main .box1 #showArea img { cursor: pointer; display: block; margin: 10px 0; width: 108px; padding: 1px; border: 1px solid #ccc; height: 108px; float: left; }
#main .right .n_main .box1 #main_img { cursor: pointer; display: block; }
#main .right .n_main .box1 #gotop { cursor: pointer; display: block; margin-left: 10px; }
#main .right .n_main .box1 #gobottom { cursor: pointer; display: block; margin-left: 10px; }
#main .right .n_main .box1 #showArea { height: 379px; margin: 10px; overflow: hidden; }
#main .right .n_main .box1 .MagicZoomPup { width: 100px; height: 100px; }
#main .right .n_main .box1 .MagicZoomBigImageCont { border: 1px solid #e1e1e1; margin-left: 20px; margin-top: -11px; }
#main .right .n_main .pro_r { float: left; margin-top: 20px; width: 320px; }
#main .right .n_main .pro_r h3 { font-family: arial; font-size: 16px; color: #494949; font-weight: 600; margin-bottom: 20px; }
#main .right .n_main .pro_r p { line-height: 26px; margin-bottom: 0; font-size: 13px; font-family: arial; color: #494949; }
#main .right .n_main .pro_r p i { padding-right: 15px; font-style: normal; font-weight: 600; }
#main .right .n_main .hz { width: 920px; height: auto; overflow: hidden; margin-top: 40px; }
#main .right .n_main .hz ul { margin: 0; padding: 0; }
#main .right .n_main .hz ul li { width: 208px; height: 85px; overflow: hidden; float: left; margin: 10px 11px; }
#main .right .n_main .hz ul li img { width: 208px; height: 85px; border: 1px solid #e1e1e1; }
#main .right .n_main .con .con_l { width: 420px; float: left; margin-bottom: 40px; }
#main .right .n_main .con .con_l h3 { color: #0489a3; font-size: 16px; font-weight: 600; font-family: arial; margin-bottom: 20px; padding-left: 6px; }
#main .right .n_main .con .con_l p.tel { font-size: 22px; color: #494949; height: 38px; line-height: 38px; }
#main .right .n_main .con .con_l p { height: auto; line-height: 38px; }
#main .right .n_main .con .con_l p i { display: block; width: 20px; height: 100%; float: left; margin-right: 23px; }
#main .right .n_main .con .con_l p i img { width: 20px; }
#main .right .n_main .con .con_l p span { display: block; width: auto; float: left; width: 370px; }
#main .right .n_main .con .n_con_r { width: 500px; height: 230px; overflow: hidden; float: right; }
#main .right .n_main .con .dt { width: 100%; height: 300px; overflow: hidden; margin-bottom: 40px; }

/*# sourceMappingURL=style.css.map */