body, h1, h2, h3, h4, h5, p, dl, dd, ul, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; }
em { font-style: normal; }
li { list-style: none; }
a { text-decoration: none; }
img { border: none; vertical-align: top; max-width: 100%; }
table { border-collapse: collapse; }
input, textarea { outline: none; }
textarea { resize: none; overflow: auto; }
*, ::before, ::after { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; }
body { font-size: 14px; font-family: Microsoft YaHei,sans-serif; color: #666; }
a { text-decoration: none; color: #666; }
ul { list-style: none; }
input, textarea { border: none; resize: none; outline: none; -webkit-appearance: none; }
.clearfix::before, .clearfix::after { content: "."; display: block; height: 0; line-height: 0; visibility: hidden; clear: both; }

.header { position: relative; }
.header .btn-nav { display: block; width: 30px; height: 30px; background: url(../images/nav.png) no-repeat; background-size: 100%; margin: 12px 0px; position: absolute; top: 0; left: 10px; }
.header .logo { width: 60%; margin: 10px auto; display: block; }
.header .btn-version { position: absolute; right: 10px; top: 15px; background: url(../images/zh.png) no-repeat; background-size: 100%; width: 30px; height: 30px; }

.container { line-height: 2; padding: 15px; }
.container .title {text-align: center;color: #333;position: relative;}
.container .title .btn-return {position:absolute;right:0;top:0;color: #999;font-size: 14px;font-weight: 400;}

.nav-body { background: #fff; z-index: 9; position: absolute; width: 100%; top: 48px; display: none; }
.nav-body .nav-list { padding: 0 10px; }
.nav-body .nav-list li { border-bottom: 1px solid #ddd; }
.nav-body .nav-list li:last-child { border-bottom: none; }
.nav-body .nav-list li a { color: #333; text-align: center; display: block; }
.cover {background: rgba(0,0,0,0.5);width: 100%;height: 165%;position: absolute;top: 123px;z-index: 1;display: none;}
.line-grey { height: 10px; background: #eeece9; }
.zw_layout { min-width: 320px; max-width: 640px; margin: 0 auto; position: relative; width: 100%; }
.zw_header { width: 100%; height: 3rem; background: #253374; line-height: 3rem; position: relative; }
.zw_header .zw_header_box { min-width: 320px; max-width: 640px; }
.zw_header .zw_header_box .icon_tell { display: block; width: 30px; height: 26px; position: absolute; top: 17px; left: 90px; background-position: 0 0; }
.zw_header .zw_header_box .icon-tel { vertical-align: text-top; height: 1.1rem; margin: 0 3px; }
.zw_header_box p { text-indent: 16px; font-size: 1.1rem; color: #fff; white-space: nowrap; }
.zw_header_box .sub-title { color: #8893c6; font-size: 0.8rem; text-transform: uppercase; }
.zw_header_box .btn-down { width: 20px; height: 20px; display: block; background: url(../images/down.png) no-repeat; background-size: 90%; position: absolute; right: 10px; top: 20px; }
.zw_header_box .btn-down.up { background: url(../images/up.png) no-repeat; background-size: 90%; }

.zw_logo { width: 100%; background: #fff; position: relative; }
.zw_logo .logo { }
.zw_logo .logo .logo-img { display: block; width: 100%; }
.zw_logo .zw_logo_nav { width: 100%; height: 130px; display: block; background: url(../images/logo.png) no-repeat; }
.zw_logo .zw_btn { width: 30px; height: 30px; background: #72402d; position: absolute; top: 50%; right: 20px; margin: -15px 0 0 0; }
.zw_btn .icon_btn { display: block; width: 100%; height: 100%; background-position: 7px -15px; cursor: pointer; background-size: 150% auto; }
.zw_banner { width: 100%; overflow: hidden; position: relative; }
.zw_banner ul:first-child li img { width: 100%; display: block; }
.zw_main { width: 100%; background: #fff; }
.zw_main_box { width: 100%; background: #fff; padding: 10px; }
.zw_brief { width: 100%; text-align: center; border-bottom: 1px solid #d2d2d2; }
.zw_brief h3 { color: #81292d; font-size: 1rem; font-weight: bold; border-bottom: 2px solid #81292d; margin: 0 auto -1px; line-height: 2rem; display: table; }
.zw_brief span { color: #81292d; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.zw_content { margin: 10px 0 0 0; line-height: 1.5rem; }
.zw_content p { text-align: left; font-size: 20px; color: #333; line-height: 34px; }
.zw_btn_more { display: table; text-align: center; margin: 10px auto 0; }
.zw_btn_more a { background: #72402d; font-size: 14px; color: #fff; padding: 3px 10px; height: 1rem; line-height: 1rem; }
.zw_video { width: 100%; height: 468px; background: #fff; margin: 20px 0 0 0; padding: 0 20px; padding-top: 23px; }
.zw_player { width: 100%; height: 46px; text-align: center; border-bottom: 1px solid #d2d2d2; }
.zw_player h3 { width: 232px; height: 46px; color: #81292d; font-size: 28px; font-weight: bold; border-bottom: 2px solid #81292d; margin: 0 auto; }
.zw_player span { color: #81292d; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.zw_video .zw_player_border { height: 339px; border: 1px solid #81292d; margin: 29px 0 0 30px; padding: 8px 8px; }
.zw_player_border img { width: 520px; height: 320px; display: block; }
.zw_news { width: 100%; height: 441px; background: #fff; margin: 20px 0 0 0; padding: 0 20px; padding-top: 24px; }
.zw_news_con { width: 100%; height: 46px; text-align: center; border-bottom: 1px solid #d2d2d2; }
.zw_news_con h3 { width: 200px; height: 46px; color: #81292d; font-size: 28px; font-weight: bold; border-bottom: 2px solid #81292d; margin: 0 auto; }
.zw_news_con span { color: #81292d; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.zw_news_list { padding-top: 10px; }
.zw_news_list li { width: 100%; border-bottom: 1px dotted #ccc; position: relative; }
.zw_news_list i { width: 26px; height: 26px; display: block; background-position: -4px -99px; float: left; margin-right: 16px; }
.zw_news_list li a { color: #333; display: block; width: 74%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.8rem; line-height: 2rem; }
.zw_news_list li a img { height: 1rem; vertical-align: text-bottom; }
.zw_news_list span.time { position: absolute; font-size: 12px; color: #999; right: 0; top: 0px; }
.zw_news_li { margin: 19px 0 0 0; }
.zw_product { width: 100%; height: 700px; background: #fff; margin: 20px 0 0 0; padding: 0 20px; padding-top: 24px; }
.zw_product_con { width: 100%; height: 46px; text-align: center; border-bottom: 1px solid #d2d2d2; }
.zw_product_con h3 { width: 200px; height: 46px; color: #81292d; font-size: 28px; font-weight: bold; border-bottom: 2px solid #81292d; margin: 0 auto; }
.zw_new_shop h3 { width: 250px; }
.zw_new_think { height: 650px; }
.zw_product_con span { color: #81292d; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.zw_product_list { padding: 10px 0; }
.zw_product_list ul { width: 100%; }
.zw_product_list li { float: left; width: 50%; padding: 0 1%; overflow: hidden; margin: 0 0 15px; }
.zw_product_list li a { width: 100%; display: block; text-align: center; line-height: 2rem; }
.zw_product_list li a span { white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; }
.zw_product_list li a p { font-size: 1rem; display: block; line-height: 1.5rem; }
.zw_product_look { width: 140px; height: 46px; background: #72402d; margin: 0 auto; text-align: center; line-height: 46px; }
.zw_product_look a { display: block; color: #fff; font-size: 20px; }
.footer { width: 100%; background: #192663; padding: 10px 0; text-align: center; line-height: 1.5rem; }
.zw_footer { width: 100%; padding: 0 0 5px; }
.zw_footer p { font-size: 0.8rem; color: #fff; }
.zw_footer a { color: #fff; }
.zw_footer span { font-size: 1rem; font-weight: bold; }
.zw_address { }
.zw_footer_end { padding-top: 10px; font-size: 0.8rem; }
.zw_footer_end p { color: #8c8c8c; }
.zw_suport { }
.nav_b { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 99; display: none; }
.zw_nav { width: 47%; height: 100%; background: #fff; position: absolute; top: 0; right: 0; z-index: 1000; display: block; }
.zw_img { width: 100%; padding: 15px; }
.zw_nav img { width: 100%; }
.icon_close { width: 29px; height: 29px; display: block; z-index: 1000; background-position: 6px -71px; position: absolute; top: 0px; right: 0px; cursor: pointer; background-size: 180% auto; }
.active_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1001; }
.zw_nav ul { width: 100%; }
.zw_nav ul li { text-align: center; border-bottom: 1px solid #713705; }
.zw_nav ul li a { display: block; font-size: 1.2rem; color: #fff; color: #713705; padding: 0.5rem 0; }
.zw_nav ul li a.active_bg_color { background: #713705; color: #fff; }
.zw_aboutus { width: 100%; padding: 0 20px; padding-top: 25px; background: #fff; padding-bottom: 6%; }
.zw_aboutus h3 { width: 208px; height: 30px; font-size: 30px; color: #72402d; font-weight: bold; border: 2px solid #72402d; border-top: none; border-bottom: none; text-align: center; line-height: 28px; }
.zw_aboutus i { width: 392px; height: 2px; background: #72402d; display: block; float: right; margin-top: -15px; }
.zw_aboutus ul { background: #fff; width: 100%; margin-top: 5%; background: #454545; }
.zw_aboutus ul li { float: left; width: 25%; }
.zw_aboutus ul li a { height: 50px; background: #454545; display: block; text-align: center; line-height: 50px; color: #fff; font-size: 26px; }
.zw_aboutus ul li a.active_company { background: #72402d; }
.zw_company { }
.zw_company h3 { text-align: center; font-size: 26px; color: #72402d; font-weight: normal; margin-bottom: 15px; }
.zw_company p { color: #666; font-size: 20px; padding: 0 20px; text-align: left; line-height: 38px; }
.line20 { height: 12px; clear: both; font-size: 0px; overflow: hidden; }
.line { height: 31px; clear: both; font-size: 0px; overflow: hidden; }
.zw_img_ab { padding: 0 20px; }
.zw_img_ab img { width: 100%; }
.zw_img_2 { padding-top: 30px; padding-bottom: 17px; }
.zw_advantage { padding: 0 20px; }
.zw_advantage strong { font-size: 22px; color: #333; font-weight: normal; }
.zw_advantage p { font-size: 20px; color: #666; padding-bottom: 36px; }
.zw_contact { width: 100%; padding: 0 20px; }
.zw_contact h3 { font-size: 24px; color: #333; padding-bottom: 22px; }
.zw_contact p { font-size: 20px; color: #666; padding-bottom: 22px; }
.zw_map { padding-top: 4px; padding-bottom: 31px; }
.zw_map img { border: 1px solid #d2d2d2; }
.zw_news_x { padding: 0 20px; }
.zw_news_x strong { font-size: 24px; color: #333; font-weight: normal; }
.zw_news_x .zw_news_span { font-size: 18px; color: #999; display: block; padding-top: 13px; padding-bottom: 13px; margin-bottom: 19px; border-bottom: 1px dashed #d2d2d2; }
.zw_news_x p { font-size: 20px; color: #666; text-indent: 2em; text-align: left; line-height: 39px; }
.zw_border { border-bottom: 1px solid #d2d2d2; }
.zw_p { display: block; font-size: 18px; color: #333; }
.zw_one { padding-top: 27px; }
.ze_two { padding-top: 16px; padding-bottom: 39px; }
.zw_footer_end a { color: #8c8c8c }
.page-show { padding: 10px; }
.page-show .page-show-title { width: 100%; position: relative; }
.page-show .page-show-title h3 { color: #72402d; border-left: 1px solid #72402d; border-right: 1px solid #72402d; display: table; padding: 0 15px; position: relative; background: #fff; }
.page-show .page-show-title:before { content: ""; position: absolute; top: 50%; right: 0; width: 100%; height: 1px; background: #72402d; }
.menu-list { margin: 10px 0 0 0; }
.menu-list .menu-item { background: #454545; color: #fff; float: left; padding: 5px 9px; margin: 0 0 1px 0; }
.menu-list .menu-item.selected { background: #72402d; }
.page-show-con { padding: 10px 0; overflow: hidden; line-height: 2rem; }
.form-catx { border: 1px solid #b97b65; margin: 0 auto; padding: 20px; }
.form-catx .ly-tips { text-align: center; color: #999; margin: 5px 0 20px; }
.profile_xleft { \:26px; border-bottom: 1px solid #ccc; text-align: center; }
.profile_xleft h2 { display: table; font-size: 1.2rem; color: #333; border-bottom: 3px solid #333; margin: 0 auto -2px; }
.profile_xleft span { float: left; line-height: 30px; font-size: 14px; color: #666; }
.form-group { line-height: 1rem; position: relative; }
.form-group .label { position: absolute; width: 75px; color: #666; text-align: right; top: 0; left: 0; }
.form-group .form-input-box { padding: 0 0 0 75px; width: 100%; }
.form-group .form-input-box .form-input { border: 1px solid #ddd; line-height: 1rem; padding: 3px 8px; width: 100%; }
.form-group .form-input-box .form-textarea { border: 1px solid #ddd; padding: 3px 8px; width: 100%; }
.form-group .form-input-box .form-submit { border: 0 none; background: #72402d; color: #fff; padding: 4px 20px; cursor: pointer; }
.form-group .form-input-box .Validform_checktip { display: block; margin: 0; }
.conteznt_main .border { border: 1px dashed #ddd; padding: 10px; margin-top: 20px; }
.conteznt_main .border .editc-title { color: #e80c15; }
.conteznt_main .border .edittcont { color: #666; }
div.flickr {padding: 0px;margin: 10px 0;text-align: center;padding: 20px 0;font-size: 14px;}
div.flickr a { border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #72402d; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none; }
div.flickr a:hover { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #72402d; }
div.flickr a:active { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #72402d }
div.flickr span { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #999; margin-right: 3px; padding-top: 2px; }
div.flickr span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px; }
div.flickr span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }
.lists { }
.lists li { border-bottom: 1px dashed #ddd; position: relative; padding: 0 100px 0 30px; line-height: 2.5rem; }
.lists li .link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.lists li em { position: absolute; left: 0; top: 7px; }
.lists li span { position: absolute; right: 0; top: 0; color: #999; }
.pre_or { border-top: 1px solid #ddd; padding: 10px 0 0 0; }
.pre_or li { margin: 0 0 10px; }
.pre_or a { color: #333; }
.pre_or a:hover { text-decoration: underline; }
.edit-content .edit-time { border-bottom: 1px dashed #ddd; margin: 0 0 5px; padding: 3px 0; }
.edit-cont { line-height: 2rem; }
.video { width: 100%; display: block; margin: 0 auto; }
.index-banner { width: 100%; height: 168px; }
.index-banner .flexslider { height: 168px; }
.index-banner .flexslider .slides li a { display: block; min-height: 168px; }
.index-banner .flexslider .flex-control-nav { bottom: 0; text-align: center; right: 0; }
.index-banner .flexslider .flex-control-paging li a { width: 40px; height: 4px; background: #7d868b; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; text-align: left; border-radius: 0; }
.index-banner .flexslider .flex-control-paging li a.flex-active { background: #fff; }

.title-box {margin: 15px 10px 10px;border-bottom: 1px solid #253374;padding: 0 0 5px;position: relative;}
.title-box .title {font-size: 20px;color: #253374;font-weight: 700;margin: -16px 0 0 0;}
.title-box .sub-title {font-size: 18px;color: #d5d5d5;text-transform: uppercase;font-weight: 400;}
.title-box .btn-more { position: absolute; right: 0; top: 10px; color: #999; }


.indexprod2 {}
.slideTxtBox1 {width: 100%;position: relative;}
.slideTxtBox1 .hd {position: relative;margin: 0 10px 10px;}
.slideTxtBox1 .hd ul { }
.slideTxtBox1 .hd ul li {float: left;font-size: 15px;cursor: pointer;color: #b5b5b5;margin: 0 5px 5px 0;}
.slideTxtBox1 .hd ul li a {border: solid 1px #253374;color: #253374;height: 30px;line-height: 30px;display: inline-block;text-align: center;padding: 0 18px;font-size: 12px;background: #f0f2f7;}
.slideTxtBox1 .hd ul li.on { color: #FFF; }
.slideTxtBox1 .hd ul li.on a { background-color: #253374; border-color: #253374; color: #FFF; }

.slideTxtBox1 .bd {padding:0 5px;}
.slideTxtBox1 .bd ul { zoom: 1; }
.slideTxtBox1 .bd li {float: left;display: block;text-align: center;padding: 0 5px;width: 50%;margin: 0 0 10px;}
.slideTxtBox1 .bd li img {width: 100%;height: 100px;border: 0;background-color: #FFF;display: block;}
.slideTxtBox1 .bd li .text {height: 30px;display: block;line-height: 30px;}
.slideTxtBox1 .bd li a { color: #fff; display: block; overflow: hidden; background: #253374; font-size: 12px; border: 1px solid #253374; }
.slideTxtBox1 .bd li a:hover { color: #FFF; -webkit-box-shadow: 0 5px 10px #B8B8B8; -moz-box-shadow: 0 5px 10px #B8B8B8; box-shadow: 0 5px 10px #B8B8B8; }

.intro-box { background: #142152 }
.intro-box .title-box { border:0;}
.intro-box .title-box .title {color: #fff;}
.intro-box .title-box .btn-more { color:#fff;}
.intro-body {color:#fff;padding: 0 10px;line-height: 1.8;background: url(../images/bg_intro.jpg) no-repeat center bottom;background-size: 100%;}
.intro-body .intro-img {border:5px solid #fff;width:80%;margin: 10px auto;display:block;}

.news-box {padding:0 10px;margin: -10px 0 10px;}
.news-title { color: #333; font-size: 16px; font-weight: 400; }
.time {color: #999;border-bottom: 1px dashed #d2d2d2;margin: 0 0 10px;}
.prev-next-box {border-top: 1px dashed #d2d2d2;margin: 10px 0 0;color: #333;padding: 8px 0;}
.prev-next-box a{color:#333;}

.product-list {width: 100%;overflow: hidden;}
.product-list .metlist {}
.product-list .metlist li {width: 30.33%;float: left;margin-right: 3%;}
.product-list .metlist li img { border: 1px solid #dcdcdc; width: 100%; height: 100px; display: block; }
.product-list .metlist li a {white-space:nowrap;font-weight:400;font-size: 14px;}
.productlist {padding: 0 5px;}
.productlist li { width: 50%; float: left; padding: 0 5px; margin: 0 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.productlist li img {border: 1px solid #dcdcdc;height: 100px;width: 100%;}
.productlist li a { font-weight: 400; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.products-show-box {border-bottom: 1px solid #dcdcdc;position: relative;margin: 0 0 15px;}
.products-show-box .show-title {color: #253374;}
.products-show-box .more {position: absolute;right: 0;top: 2px;}

.fields-box { margin: 0 0 15px; }
.fields-box .fields { border-left: 3px solid #253374; font-weight: 700; padding: 0 0 0 10px; }
.product-show { border-top: 1px solid #ddd; }
.product-show .product-show-title {text-align: center;color: #333;font-size: 20px;font-weight: 400;margin: 5px 0 10px;}
.product-show .product-show-img-box {margin: 0 auto;}
.product-show .product-show-img-box img { width: 100%; }

nav {width: 78%;height: 100%;display: none;background: rgba(37,51,116,1);position: fixed;left: 0;top: 0;padding-top: 60px;z-index: 100;}
nav ul div { display: none; }
nav ul li {border-bottom: #ebebeb 1px solid;position: relative;text-indent: 1.2em;}
nav ul li.cur {background: #ffffff;}
nav ul li.cur a {color:#253374}
nav ul div a {display: block;color: #fff;line-height: 2rem;text-indent: 2em;}
nav ul div a img { width: 0.07rem; height: 0.12rem; margin: 0.15rem 0.1rem; }
nav ul li a { color: #fff; line-height: 2.6rem; padding: 10px 100px 10px 5px; }
nav ul li i { width: 0.06rem; height: 0.06rem; border: #9c9c9c 1px solid; border-radius: 50%; margin: 0 0.1rem; background: #FFFFFF; }
nav ul li em {position: absolute;right: 10px;top: 16px;}
nav ul li em img {width: 18px;transition: all 0.4s ease;}
nav ul li em img.zhuan { transform: rotate(180deg); }
.exit img { width: 0.15rem; height: 0.15rem; position: absolute; top: 0.18rem; right: 0.42rem; }
.nav-close {position: absolute;right: 10px;top: 8px;color: #fff;font-size: 30px;font-family: Arial;}
.nav-cover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display: none;z-index: 9;}
.news-content, .contact-box { width: 100%; overflow: hidden }
.contact-box td { width: 100% !important; display: block; }
.zw_footer .support, .zw_footer .support a { color: #999; }