@charset "utf-8";
/* 技术支持：www.ljun.net */
html{height: 100%;}
body { font-family: Arial, Helvetica, sans-serif; padding: 0; font-size:14px; color:#000; background:fff; margin: 0 auto;}
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: #000; text-decoration:none;}
a:visited {color: #000;text-decoration:none;}
a:hover { color: #E6212A; text-decoration: none;}
a:active { color: #000;}
.clr{ height: 0; line-height: 0; font-size: 0; clear:both;}
.cRed{ color: #f00;}
.pages{ height: 30px; clear:both; padding: 20px 0;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 3px; text-align:cente; padding: 6px 10px; border: 1px solid #ccc; background: #E8E8E8; font-size: 12px;}
.pages a:hover,.pages strong{ border: 1px solid #E6212A; color: #fff; background: #E6212A; font-weight:normal; font-weight:bold;}
.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%; }
.addWrap .bottom{ position: absolute; bottom:10px; margin:0 auto; width: 100%; }
.addWrap #position{ margin:0 auto; width: 69px;}
.addWrap #position li{width:13px;height:13px;margin:0 5px;display:inline-block;-webkit-border-radius:13px;border-radius:13px;background-color:#fff; float:left;}
.addWrap #position li.cur{background-color:#0457B7;}
.addWrap .img-responsive { display: block; width: 100%;  height: auto;}
.Header{background: #fff;}
.Header .logo{ float:left; padding: 15px 0 10px 5px;}
.Header .logo img{ max-width: 180px;}
.Header .r{ float:right; margin: 15px 5px 0 0;}
.Header .r .en,.Header .r .en:visited{ height: 25px; width: 25px; display:block; background:url(img/common.png) no-repeat -205px -2px; background-size: 320px; float:right;}
.Header .r .tel{display:block; height: 25px; width: 38px; background:url(img/common.png) no-repeat -107px -45px; background-size: 290px; float:right; margin-right: 10px;}
.Header ul { clear:both; height: 40px;background: #0457B7;}
.Header ul li{ float:left; width: 25%; height: 40px; line-height: 40px; background: url(img/nav_line.png) repeat-y 0 0; 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: #000 url(img/nav_line.png) repeat-y 0 0; color: #fff;}
.Header ul .no{ background: none;}
.Header ul .no .tag{ background: #000;}
.Header ul .no a:hover{background:#000;}




.Home{ margin: 0 auto; }
.Home .type li{ float:left; width: 50%; text-align:center; background: #F2F2F2;}
.Home .type li a{display:block; padding: 20px 0; font-size: 18px; border: 1px solid #fff;}
.Home .type li img{ display:block; margin: 15px auto 0; width: 100%;}

.Home .hezuo { padding: 20px 0 0;}
.Home .hezuo h3{ font-size: 24px; text-align:center; border-bottom: 1px solid #eee; margin: 0 auto; padding-bottom: 10px;}
.Home .hezuo p{ text-align:center; margin: 0; padding: 15px 0 30px; line-height: 23px; color: #999; font-size: 14px;}
.Home .hezuo ul{ margin: 0 auto; border-bottom: 1px solid #eee; padding: 15px 10px;}
.Home .hezuo li{ float:left; width: 33.33%;}
.Home .hezuo li img{ border: 1px solid #eee; width: 100%;}
.Home .hezuo .r{ float:right; margin-right: 0;}












.title{ background: #000; height: 40px; line-height: 40px; clear:both; overflow:hidden; color: #fff;}
.title h2{ float:left;font-size: 16px; font-weight:bold; padding-left: 10px;}
.title a,.title a:visited{ display:block; padding-right: 12px; }
.title .r{ display:block; width: 10px; height: 10px; margin: 16px 0 0; -webkit-transform: rotate(45deg);border-width: 1px;border-style: solid;border-left: none;
border-bottom: none; float:right;}
.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; background: #fff;}
.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;}
.title .back{ min-width: 65px; display: block; float:right; }
.title .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;}
.title .back b{left: -12px;top: -1px;display: inline-block;width: 16px;height: 23px; position: absolute;overflow: hidden;}
.title .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;}
.title2{ background: #000; height: 42px; line-height: 42px; color: #fff; clear:both; overflow:hidden;}
.title2 .back{ float:left; width: 30px; height: 45px; background:url(img/common.png) no-repeat 5px -15px;background-size: 180px;  }
.title2 a,.title2 a:visited{ display:block; width: 100%; height: 50px; color: #fff;}
.title2 a:hover{}
.title2 h2{ float:left;font-size: 20px;}
.Tishi{ background: #14447C; padding: 10px; text-align:center; line-height: 25px; color: #fff; margin-bottom: 5px;}
.Tishi h3{ font-size: 16px; font-weight:bold;}
.Content{ clear:both;}
.Banner{ }
.Banner img{ width: 100%;}

.productshome{ padding: 5px 0;}
.productshome li{ border-top: 1px solid #eee; width: 100%; float:left; height: 80px; padding: 5px 0;}
.productshome li img{ height: 80px; max-width: 100%; float:left;}
.productshome li strong{ float:left; padding-left: 10px; font-size: 14px; vertical-align:middle; height: 100%; padding-top: 32px; display:block;}
.productshome li em{ display:block; width: 6px; height: 6px; margin: 38px 10px 0 0; -webkit-transform: rotate(45deg);border-width: 1px;border-style: solid;border-left: none; border-bottom: none; float:right;}
.productshome li a{ display:block; height: 80px;}
.productshome .no{ border-top: none;}
.Application{ padding: 0 5px;}
.Application li{ float:left; width: 48%; float:left; text-align:center; margin-top: 10px;}
.Application li img{ max-width: 100%; margin: 0 auto; display:block;}
.Application li span{ display:block; height: 35px; line-height: 35px; margin-top: 5px; overflow:hidden;}
.Application .r{ float:right;}
.ApplicationView .text{ line-height: 23px; padding: 25px 7px; font-size: 14px;}
.ApplicationView .text p{ margin: 0; padding: 10px 0;}
.ApplicationView .text img{ max-width: 100%;}
.Content .about{line-height: 21px; padding: 0 5px;}
.Content .about h1{ display:block; font-size: 24px; font-weight:bold; padding: 30px 0 15px;}
.Content .about h3{ font-weight: bold; font-size: 18px; padding-top: 20px;}
.Content .about .text{ padding-bottom: 30px;}
.Content .about .pic{}
.Content .about .pic li{ float:left; width: 49%;}
.Content .about .pic .r{ float:right;}
.Content .about img{ max-width: 100%;}
.productslist{ padding: 0 5px;}
.productslist .top{ font-size: 13px; line-height: 19px;}
.productslist .top p{ font-size: 13px;}
.productslist .top strong{ font-size: 16px;}
.productslist ul{}
.productslist li{ float:left; width: 48%; float:left; text-align:center; margin-top: 15px; font-size: 15px;}
.productslist li img{ max-width: 100%; margin: 10px auto 5px; display:block;}
.productslist li span{ display:block; height: 45px; line-height: 40px; margin-top: 5px; overflow:hidden; border-bottom: 1px solid #eee; }
.productslist .r{ float:right;}
.productsview{ padding: 15px 0;}

.productsview .pic{ width: 100%; text-align:center; padding: 10px 0;}
.productsview .pic img{ max-width: 100%; display:block; margin: 0 auto;}
.productsview h3{ font-weight:bold; font-size: 18px; padding-top: 15px; text-align:center;}
.productsview .text{ padding-bottom: 25px; line-height: 21px; font-size: 13px;}
.productsview .text img{ max-width: 100%; height: auto; display:block; margin: 0 auto;}
.productsview .text p{ line-height: 19px; padding: 10px 0; margin: 0;}

.productsview table{ width: 100%; border-collapse:collapse;}
.productsview table td{ border: 1px solid #eee; font-size: 11px; line-height: 17px; text-align:left; padding: 7px;}
.productsview table .bg{ background: #F6F6F6; text-align:right;}
.productsview .w1100{ padding: 10px;}

.w1200{ padding: 0 10px;}



.aboutmenu{ border-top: 1px solid #ccc; padding: 10px 1px 10px 3px;}
.aboutmenu li { height: 34px; line-height: 34px; width: 50%; float:left; padding-top: 5px; }
.aboutmenu li a{ background: #ddd;display:inline-block; width: 96%; text-align:center; margin: 0 auto; display:block; font-size: 13px; }
.aboutmenu .tag a{background: #000; color: #fff;}







.productsview .tishi{ clear:both;  padding: 15px; font-size: 12px;line-height: 21px; background: #FFDFBF; border: 1px dotted #f93; margin-top: 25px;}


.foot{ padding: 20px 0; margin-top: 20px;  text-align:center; font-size: 12px; border-top: 1px solid #eee;}