@charset "utf-8";
/* 技术支持：www.ljun.net */
html{height: 100%;}
body {font-family: 'Microsoft Yahei', Simsun, arial; background: #04549D url(img/loading.gif) no-repeat center 100px; background-size: 50px; font-size:14px; color:#1F1F1F; margin: 0; padding: 0; -webkit-text-size-adjust:100%;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}
a:link {color: #1F1F1F; text-decoration:none;}
a:visited {color: #1F1F1F;text-decoration:none;}
a:hover { color: #0075BB; text-decoration: none;}
a:active { color: #1F1F1F;}
.clr{ height: 0; line-height: 0; font-size: 0; clear:both;}
.cRed{ color: #f00;}
.pages{ height: 30px; clear:both; padding: 20px 7px;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 3px; text-align:cente; padding: 3px 9px; border: 1px solid #ccc; background: #E8E8E8; font-size: 12px;}
.pages a:hover,.pages strong{ border: 1px solid #04549D; color: #fff; background: #04549D; font-weight:normal; font-weight:bold;}
#box_mainBody {	width:100%; overflow:hidden; position:absolute;	z-index:1; top:0; bottom:0; left:0;}
#box_main { width: 100%; margin:0 auto;	overflow:hidden; position:relative;}
.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0; clear:both;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
.addWrap .swipe-wrap img{ width: 100%; }
#position{ position:absolute; bottom:4px; right:8px; margin:0; }
#position li{width:13px;height:13px;margin:0 2px;display:inline-block;-webkit-border-radius:13px;border-radius:13px;background-color:#fff;}
#position li.cur{background-color:#0075BB;}
.img-responsive { display: block; width: 100%;  height: auto;}
.Header{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#9FCDFF)); padding: 10px 0 0;}
.Header .logo{ float:left; padding: 0 0 5px 10px;}
.Header .logo img{ max-width: 80px;}
.Header .r{ float:right; margin: 9px 10px 0 0;}
.Header .r .en,.Header .r .en:visited{ height: 18px; width: 18px; display:block; background:url(img/common.png) no-repeat -160px -2px; background-size: 250px;}
.Header ul { clear:both; border-top: 1px solid #02437B;}
.Header ul li{ float:left; width: 25%; height: 30px; line-height: 30px; background: #04549D url(img/nav_line.png) repeat-y 0 0; border-bottom: 1px solid #02437B; font-size: 14px; text-align:center;}
.Header ul li a,.Header ul li a:visited{ display:block; color: #fff;}
.Header ul li a:hover,.Header ul .tag{ background:#2574B8 url(img/nav_line.png) repeat-y 0 0; color: #fff;}
.Header ul .no{ background: #04549D;}
.Header ul .no .tag{ background-image: none;}
.title,.TypeTitle{ background: #04549D; height: 31px; line-height: 31px; clear:both; color: #fff; overflow:hidden;}
.title h2,.TypeTitle h2{ float:left;font-size: 18px; font-weight:bold; line-height: 32px;}
.title a,.title a:visited{ color: #fff; display:block;padding: 0 10px; }
.title span{ display:block; width: 6px; height: 6px; margin: 12px 0 0; -webkit-transform: rotate(45deg);border-width: 1px;border-style: solid;border-left: none;
border-bottom: none; float:right;}
.TypeTitle{ padding: 3px 10px; height: 32px;}
.TypeTitle .titleBar{ height:23px; line-height:23px; padding:0 7px; margin:4px 0 0 0; float:right; vertical-align:top; border:1px solid rgba(163, 163, 163, 0.5); -webkit-border-radius:3px; border-radius:4px; display:block; }
.TypeTitle .titleBar strong{ float:left; font-weight:normal;}
.TypeTitle .titleBar em{ font-style:normal;border-left: 4px solid #fff!important;width: 0;height: 0;margin: 8px 0 0 4px;border-top: 4px solid transparent;border-bottom: 4px solid transparent;font-size: 13px;font-weight: normal;display: inline-block;vertical-align: top;}
.TypeTitle .back{ min-width: 65px; display: block; float:left; }
.TypeTitle .back span{ margin-left: 21px;padding: 0 8px 0 5px;position: relative;display: inline-block;height: 21px; line-height: 21px; margin-left: 5px;
border:1px solid rgba(163, 163, 163, 0.5); -webkit-border-radius:4px; border-radius:4px;border-left: 0 none; color: #fff;}
.TypeTitle .back b{left: -12px;top: -1px;display: inline-block;width: 16px;height: 23px; position: absolute;overflow: hidden;}
.TypeTitle .back b em{left: 6px;top: 2px;display: block; width: 17px;height: 17px; border:1px solid rgba(163, 163, 163, 0.5);transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;}
.z3g-showMoreSection { width:100%; position:absolute; top:0; left:100%;	z-index:99999; -webkit-transition:left; -webkit-transition-timing-function:ease-out;-webkit-transition-duration:500ms;}
.z3g-showMoreSection table { width:100%; border:none;}
.z3g-showMoreSection .barWrap {	width:70px;	text-align:right; background-color:rgba(0, 0, 0, 0.8);border-right: 4px solid #012D54;}
.z3g-showMoreSection .barWrap span{ background:url(img/common.png) no-repeat 0 -43px; height: 41px; width: 23px; display:block; background-size: 320px; margin: 37px 0 0 20px;}
.z3g-showMoreSection .contWrap { width:100%; float:left; background: #04549D;}
.z3g-showMoreSection .contWrap h3{ font-size: 22px; font-weight:bold; height: 56px; line-height: 56px; color: #fff; text-align:center;}
.z3g-showMoreSection .contWrap ul{ border-top: 1px solid #023768; border-bottom: 1px solid #2779C2;}
.z3g-showMoreSection .contWrap li{ height: 30px; line-height: 30px; border-bottom: 1px solid #023768; border-top: 1px solid #2779C2;}
.z3g-showMoreSection .contWrap li a{ display:block; color: #fff; text-indent: 22px; }
.z3g-showMoreSection .contWrap ul .tag{ background: #2574B8;}
.z3g-showMoreSection .contWrap ul .tag a{ text-indent: 16px;}
.z3g-showMoreSection .contWrap li span{border-left: 6px solid #012D54; margin-top: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent; display:block; float:left;width: 0; overflow:hidden;height: 0;}
.Home{ margin: 0 auto; width:100%; background: #fff;}
.Home .about{ margin: 0 10px; padding: 7px 0;}
.Home .about .pic{ width: 46%; float:left; margin-top: 10px;}
.Home .about .pic img{ width: 100%; margin-top: 2px;}
.Home .about p{ margin: 0; padding: 0; line-height: 21px;}
.Home .products{ padding: 5px 0;}
.Home .products li{ border-top: 1px solid #ccc; width: 100%; float:left; height: 80px; padding: 5px 0;}
.Home .products li img{ height: 80px; max-width: 100%; float:left;}
.Home .products li strong{ float:left; padding-left: 20px; font-size: 16px; vertical-align:middle; height: 100%; padding-top: 29px; display:block;}
.Home .products li em{ display:block; width: 6px; height: 6px; margin: 36px 10px 0 0; -webkit-transform: rotate(45deg);border-width: 1px;border-style: solid;border-left: none; border-bottom: none; float:right;}
.Home .products li a{ display:block; height: 80px;}
.Home .products .no{ border-top: none;}
.Home .news li{ height: 32px; border-top: 1px solid #ccc;}
.Home .news li strong{ float:left; font-weight:normal;}
.Home .news li span{ display:block; width: 6px; height: 6px; margin: 11px 0 0 0; -webkit-transform: rotate(45deg);border-width: 1px;border-style: solid;border-left: none;
border-bottom: none; float:right;}
.Home .news li a{ display:block; height: 32px; line-height: 32px; padding: 0 10px;}
.Home .news li a:hover{ background: #ccc;}
.Home .news .no{ border-top: none;}
.Body{ background: #fff; }
.Body .about{ line-height: 21px; padding:7px;}
.Body .about .pic{ text-align:center;}
.Body .about .pic img{ max-width: 100%;}
.Body .about .text{}
.Body .caselist{ width: 100%; margin: 0 auto;}
.Body .caselist li{ float:left; width: 48.5%; text-align:center; padding: 5px 0; font-size: 11px;}
.Body .caselist li img{ display:block; width: 100%; margin-bottom: 5px; border: 1px solid #ccc;}
.Body .caselist .r{ float:right;}
.Body .daili{ width: 100%; border-collapse:collapse;}
.Body .daili td{ border: 1px solid #ccc; font-size: 12px; line-height: 17px; padding: 0 5px;}
.Body .daili .tr{ line-height: 28px; background: #f3f3f3; font-weight:bold;}
.Body .videolist{ padding: 5px 0;}
.Body .videolist ul{ margin: 0 7px;}
.Body .videolist li{ float:left; width: 48%; float:left; text-align:center; font-size: 12px;}
.Body .videolist li img{ max-width: 100%; margin: 5px auto; display:block;}
.Body .videolist li span{ display:block; height: 30px; overflow:hidden;}
.Body .videolist .r{ float:right;}
.Body .videolist .pages{ border-top: 1px solid #ccc; clear:both; margin-top: 20px; }
.Body .productsvideo{ padding: 15px 10px;}
.Body .productsvideo h1{ border-bottom: 1px solid #ccc; font-size: 18px; height: 38px; font-weight:bold;}
.Body .productsvideo .paly{ width: 100%; padding: 15px 0; text-align:center;}
.Body .productsvideo .paly #video{ width: 100%;}
.Body .about p{ margin: 0; padding: 7px 0; line-height: 21px;}
.Body .about h3{ font-size: 16px; font-weight:bold; padding-top: 10px;}
.Body .factory{}
.Body .factory li{ width: 48%; float:left; padding-bottom: 20px; text-align:center; }
.Body .factory li img{ width: 100%; display:block; margin-bottom: 5px;}
.Body .factory .r{ float: right;}
.Body .table{ border-collapse:collapse; width: 100%;}
.Body .table td{ border: 1px solid #ccc; font-size: 12px; line-height: 21px; text-align:center;}
.Body .table .tr td{ font-weight:bold; line-height: 28px; background: #f3f3f3;}
.Body .table .bg{ background: #f3f3f3;}
.Body .yan{ width: 100%;}
.Body .yan li{ padding-bottom: 10px;}
.Body .yan input{ width: 96%; height: 21px;}
.Body .yan textarea{ width: 96%; height: 70px;}
.Body .yan .but{ width: 60px; height: 28px;}
.Body .hezuo{}
.Body .hezuo .pic{}
.Body .hezuo .pic li{ float:left; width: 48%; height: 65px;}
.Body .hezuo .pic li img{ height: 50px; border: 1px solid #ccc;}
.Body .hezuo .pic .r{ float:right;}
.Body .hezuo .text{ font-size: 12px;}
.Body .hezuo .text li{ line-height: 28px; font-size: 12px; color: #999;}
.Body .hezuo .text li strong{ font-size: 14px; font-weight:normal; color: #1F1F1F;}
.Body .newslist{}
.Body .newslist li{ height: 32px; border-bottom: 1px solid #ccc;}
.Body .newslist li strong{ float:left; font-weight:normal;}
.Body .newslist li span{ display:block; width: 6px; height: 6px; margin: 12px 0 0 0; -webkit-transform: rotate(45deg);border-width: 1px;border-style: solid;border-left: none;
border-bottom: none; float:right;}
.Body .newslist li a{ display:block; height: 32px; line-height: 32px; padding: 0 10px;}
.Body .newslist li a:hover{ background: #ccc;}
.Body .newslist .no{ border-top: none;}
.Body .newsview{ padding: 10px 0;}
.Body .newsview h1{ font-size: 16px; text-align:center; font-weight:bold;}
.Body .newsview .time{ border-bottom: 1px solid #ccc; text-align:center; padding: 10px 0;}
.Body .newsview .text{ padding: 10px; line-height:21px;}
.Body .newsview .next{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 26px; padding: 10px; font-size: 12px;}
.Body .newsview .back { padding: 20px 0 10px; }
.Body .newsview .back a{ background: #04549D;display:inline-block;-webkit-border-radius:5px;border-radius:5px; color: #fff; text-align:center; margin: 0 auto; display:block; width: 50%; height: 32px; line-height: 32px;}
.Body .productshome{ margin: 0 7px; padding-bottom: 10px;}
.Body .productshome li{ border-bottom: 1px solid #ccc; width: 100%; float:left; height: 80px; padding: 5px 0;}
.Body .productshome li img{ height: 80px; max-width: 100%; float:left;}
.Body .productshome li strong{ float:left; padding-left: 20px; font-size: 16px; vertical-align:middle; height: 100%; padding-top: 29px; display:block;}
.Body .productshome li em{ display:block; width: 6px; height: 6px; margin: 36px 10px 0 0; -webkit-transform: rotate(45deg);border-width: 1px;border-style: solid;border-left: none; border-bottom: none; float:right;}
.Body .productslist{ padding: 5px 0;}
.Body .productslist ul{ margin: 0 7px;}
.Body .productslist li{ float:left; width: 48%; float:left; text-align:center; font-size: 12px;}
.Body .productslist li img{ max-width: 100%; border-bottom: 1px solid #ccc; margin: 10px auto 5px; display:block;}
.Body .productslist li span{ display:block; height: 30px; overflow:hidden;}
.Body .productslist .r{ float:right;}
.Body .productslist .pages{ border-top: 1px solid #ccc; clear:both; margin-top: 20px; }
.Body .productsview{ padding: 15px 10px; line-height: 21px;}
.Body .productsview h1{ border-bottom: 1px solid #ccc; font-size: 18px; height: 38px; font-weight:bold;}
.Body .productsview .pic{ width: 100%; text-align:center;}
.Body .productsview .pic img{ max-width: 100%; display:block; margin: 0 auto;}
.Body .productsview h3{ font-weight:bold; height: 32px; line-height: 32px; font-size: 14px;}
.Body .productsview table{ width: 100%; border-collapse:collapse;}
.Body .productsview table td{ border: 1px solid #ccc; font-size: 11px; line-height: 17px; text-align:center;}
.Body .productsview table .tr td{ line-height: 28px; background: #04549D; line-height: 17px; font-size: 11px; color: #fff; }
.Body .productsview table .tr td p{ margin: 0; padding: 0;}
.Body .productsview table .tr td font{ color: #1F1F1F;}
.Body .productsview .video{ text-align: center; padding: 10px 0;}
.Body .productsview .video h3{ text-align:left;}
.Body .productsview .video video{ width: 100%;}
.Body .productsview .tel{ padding: 20px 0; clear:both;}
.Body .productsview .tel a{ background: #04549D;display:inline-block;-webkit-border-radius:5px;border-radius:5px; color: #fff; text-align:center; margin: 0 auto; display:block; width: 80%; height: 32px; line-height: 32px;}
.Body .productsview .tishi{ border-top: 1px solid #ccc; padding: 15px 0 5px; font-size: 12px;line-height: 21px;}
.Body .menu{ border-top: 1px solid #ccc; padding: 10px 1px 10px 3px;}
.Body .menu li { height: 40px; line-height: 32px; width: 33.33%; float:left; padding-top: 7px; }
.Body .menu li a{ background: #04549D;display:inline-block;-webkit-border-radius:5px;border-radius:5px; color: #fff; width: 90%; text-align:center; margin: 0 auto; display:block; }
.Body .menu .tag a{background: #2574B8;}
.Foot{ text-align:center; width: 100%; line-height: 23px; color: #fff; padding: 15px 0; font-size: 12px;}
.Foot .no{ margin-left: 0;}
.Foot .f1{ font-size: 14px; height: 30px;}
.Foot .f1 a{ color: #fff; margin: 0 30px;}
.Foot a,.Foot a:visited{ color: #fff;}
.FootTop{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#0065BC), to(#014C8D)); border-top: 1px solid rgba(255, 255, 255, 0.2);height: 45px;overflow: hidden;display: -webkit-box; width: 100%;position: absolute;bottom: 0;left: 0;}
.FootTop ul{ width: 100%;}
.FootTop ul li{ float:left; width: 25%; padding-top: 5px; background:url(img/foot_line.png) repeat-y 0 0; height: 40px;}
.FootTop ul li a,.FootTop ul li a:visited{ display:block; padding-top: 20px; width: 32px; text-align:center; height: 15px; margin: 0 auto; color: #fff;}
.FootTop ul li a:hover{ color: #ff0;}
.FootTop ul .f1{ background: none;}
.FootTop ul .f1 a{ background:url(img/common.png) no-repeat -93px 0; background-size: 250px;}
.FootTop ul .f2 a{ background:url(img/common.png) no-repeat 5px 0; background-size: 250px;}
.FootTop ul .f3 a{ background:url(img/common.png) no-repeat -124px 0; background-size: 250px;}
.FootTop ul .f4 a{ background:url(img/common.png) no-repeat -59px 0; background-size: 250px;}
.FootTop ul .f5 a{ background:url(img/common.png) no-repeat -26px 0; background-size: 250px;}